.articleHead.eventHead {
  margin-bottom: 16px;
}
.eventBtn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.eventBtn .sysPanel {
  margin: 0;
}
.eventList .articleTitle {
  display: grid;
  gap: 0 16px;
  grid-template-columns: 1fr auto;
  grid-template-areas: "titleText titleInfo";
}
.eventList .titleInfo {
  padding: 8px;
  grid-area: titleInfo;
  font-size: 0.9em;
}
.eventEntryForm {
  padding: 24px 0;
  margin-bottom: 24px;
}
.eventEntryForm .sysPanel {
  margin: 0;
}
.eventEntryForm .sysPanel .iconText {
  margin-right: 16px;
}
.eventEntryForm .gFormRow2 {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.eventEntryForm .eventDetailsBlock {
  display: grid;
  grid-template-columns: 2fr 60px 1fr 80px;
  grid-template-areas: "category distance gender  ageGroup ";
  transition: 0.2s all;
  gap: 0 16px;
  max-width: 600px;
  margin: 0 auto 16px auto;
  padding: 8px;
}
.eventEntryForm .eventDetailsBlock .category {
  grid-area: category ;
  font-weight: bold;
}
.eventEntryForm .eventDetailsBlock .distance {
  grid-area: distance ;
  font-weight: bold;
}
.eventEntryForm .eventDetailsBlock .gender {
  grid-area: gender ;
}
.eventEntryForm .eventDetailsBlock .ageGroup {
  grid-area: ageGroup ;
}
.eventEntryForm .eventDetailsBlock .born {
  grid-area: born ;
}
.eventEntryForm .productOrderForm {
  /*.ui-widget:not(.ui-spinner){
			font-size:1em;
			color:inherit;
			max-width: 100%;
			height:32px;
		}*/
}
.eventEntryForm .productOrderForm .productPriceInfo {
  font-size: 1.2em;
  font-weight: bold;
}
.eventEntryForm .productOrderForm .extraBlock {
  width: 100%;
  margin: 0 auto;
}
.eventEntryForm .productOrderForm .ui-spinner,
.eventEntryForm .productOrderForm .ui-selectmenu-button {
  color: inherit;
  width: 100%;
  height: 32px;
}
.eventEntryForm .productOrderForm .ui-selectmenu-button span.ui-selectmenu-text {
  line-height: 1;
}
.eventEntryForm .formErrMsg {
  margin: 0;
}
.eventResult {
  display: inline-block;
  width: 100%;
  margin-bottom: 24px;
}
.eventCart {
  margin-bottom: 40px;
}
.eventCart h2 {
  text-align: center;
  margin: 16px 0;
}
.eventCart .sumOfOrder {
  margin-bottom: 16px;
}
.eventCart .sysPanel .iconText {
  margin-right: 16px;
}
.buttonRow {
  grid-template-areas: "item1 item2 item2 item3" "item4 item4 item4 item4 ";
}
.buttonRow .item1 {
  align-self: center;
}
.buttonRow .item4 {
  padding: 24px 36px;
}
.buttonRow .item4 li {
  list-style: disc outside none;
}
.cartBlock {
  display: grid;
  grid-template-columns: 1fr 60px 60px 1fr 90px 22px;
  grid-template-areas: "name   born  gender category ageGroup cartToolbar" "extra  .  . . price price";
  transition: 0.2s all;
  gap: 0 16px;
  margin-bottom: 16px;
  padding: 8px;
}
.cartBlock .name {
  grid-area: name ;
  font-size: 1.1em;
  font-weight: bold;
}
.cartBlock .extra {
  grid-area: extra ;
  font-size: 0.9em;
}
.cartBlock .category {
  grid-area: category ;
}
.cartBlock .gender {
  grid-area: gender ;
}
.cartBlock .ageGroup {
  grid-area: ageGroup ;
}
.cartBlock .born {
  grid-area: born ;
}
.cartBlock .cartToolbar {
  grid-area: cartToolbar ;
  line-height: 0;
}
.cartBlock .icon32 i {
  margin: 0;
}
.cartBlock .price {
  grid-area: price;
  font-size: 1.1em;
  font-weight: bold;
}
.cartBlock.team {
  margin-bottom: 0;
}
.eventEntryList h3 {
  margin-top: 24px;
  text-align: center;
}
.eventEntryList .entryListHead {
  font-weight: 700;
}
.eventEntryList .grid4.entryListRow {
  grid-template-columns: 2fr 1fr 1fr 1fr;
}
.eventEntryList .grid4.entryListRow .item1,
.eventEntryList .grid4.entryListRow .item2,
.eventEntryList .grid4.entryListRow .item3,
.eventEntryList .grid4.entryListRow .item4 {
  padding: 8px;
}
@media (max-width: 760px) {
  .cartBlock {
    grid-template-columns: 1fr 1fr 1fr auto;
    grid-template-areas: "name  name  gender cartToolbar" "born ageGroup price price" "category category category category" "extra extra extra extra";
  }
  .cartBlock .price {
    text-align: right;
  }
  .eventBtn .sysPanel,
  .productOrderForm .sysPanel,
  .eventCart .sysPanel {
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  .eventBtn {
    margin-bottom: 0;
    display: block;
  }
  .eventBtn .sysPanel {
    margin-bottom: 16px;
  }
  .eventList .articleTitle {
    grid-template-areas: "titleText titleText" "titleInfo titleInfo";
  }
  .eventList .articleTitle .titleInfo {
    padding: 0;
  }
}