body {
  background-color: var(--grays-light-1);
}
body.promoPage #local-nav-box, body.promoPage .breadcrumbs-phone-authentication, body.promoPage #grill-header, body.promoPage #grill, body.promoPage #grill-pagination {
  display: none;
}
body.promoPage[data-hide-footer=true] #footer-nav-wrapper, body.promoPage[data-hide-footer=true] #footer-wrapper {
  display: none;
}
body.promoPage[data-hide-header=true] #es-header {
  min-height: 40px !important;
}
body.promoPage[data-hide-header=true] .es-header_title, body.promoPage[data-hide-header=true] .mega-menu-mobile_actions_burger {
  display: none;
}
body #mouse-tooltip {
  background: var(--grays-2);
  border-radius: 2px;
  color: var(--core-white);
  padding: 1px 4px;
  font-weight: bold;
  transform: scale(1) !important;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0s ease-out;
  -moz-transition: opacity 0.2s 0s ease-out;
  -ms-transition: opacity 0.2s 0s ease-out;
  -o-transition: opacity 0.2s 0s ease-out;
  transition: opacity 0.2s 0s ease-out;
}
body #mouse-tooltip.active {
  opacity: 1;
  transform: scale(1) !important;
}
body #grill .wrapper-promo-egg img {
  width: 45px;
  height: 50px;
}
body #productsGridView .promo-offer:not(.show-offer) .wrapper-promo-egg {
  z-index: 2;
}
body #productsGridView .wrapper-promo-egg {
  position: absolute;
  z-index: 1;
  bottom: 16px;
  right: 9px;
}
body #productsListView .wrapper-promo-egg {
  right: 6px;
}
body #modal-box .grillServicesDetails {
  margin-top: 60px;
}

@media (min-width: 769px) {
  body #productsGridView .wrapper-promo-egg {
    z-index: 2;
    right: 20px;
    bottom: 20px;
  }
  body #productsGridView .wrapper-promo-egg img {
    width: 70px;
    height: 80px;
  }
  body #productsListView .wrapper-promo-egg {
    z-index: 2;
    bottom: 25px;
    right: 36px;
  }
  body #productsListView .wrapper-promo-egg img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 481px) {
  body .gridContainer {
    width: 98.5% !important;
  }
  body #mouse-tooltip {
    display: none !important;
  }
}
body.dark {
  background-color: var(--core-black);
}
body.dark #grillPromoPage {
  color: var(--core-white);
  position: relative;
  isolation: isolate;
  z-index: 0;
}
body.dark #grillPromoPage a {
  color: var(--core-orange-1);
}
body.dark #grillPromoPage .promo-bg {
  position: sticky;
  top: 80px;
  width: 100vw;
  height: 600px;
  background: url(https://cdn.omd.md/assets/img/bf/BF-promo-bg.png) center/cover no-repeat;
  pointer-events: none;
  z-index: 0;
  transform-origin: center;
  max-width: 1600px;
  margin: 0 auto -600px auto;
}
@supports (animation-timeline: auto) or (view-timeline-name: --x) {
  body.dark #grillPromoPage .promo-bg {
    view-timeline-name: --promo;
    view-timeline-axis: block;
    animation: scaleFade linear both;
    animation-timeline: --promo;
    animation-range: cover 0% cover 100%;
  }
}
body.dark #grillPromoPage .promo-backButton .wrapper {
  border: 1px solid var(--grays-1);
  background: linear-gradient(0deg, rgba(51, 51, 51, 0.3) 0%, rgba(51, 51, 51, 0.3) 100%), rgba(0, 0, 0, 0.05);
}
body.dark #grillPromoPage .promo-backButton .wrapper svg, body.dark #grillPromoPage .promo-backButton .wrapper span {
  color: var(--grays-3);
}
body.dark #grillPromoPage .promo-header-content .description {
  color: var(--grays-4);
}
body.dark #grillPromoPage #promoCountdown .countdown-wrapper {
  background: #38302B;
  box-shadow: 0px 457px 259px 0px rgba(241, 110, 0, 0.01), 0px 257px 218px 0px rgba(241, 110, 0, 0.05), 0px 114px 162px 0px rgba(241, 110, 0, 0.09), 0px 29px 89px 0px rgba(241, 110, 0, 0.1), 1px 1px 2px 0px rgba(241, 110, 0, 0.05) inset, -1px -1px 2px 0px rgba(0, 0, 0, 0.1) inset, 1px 1px 2px 0px rgba(255, 255, 255, 0.05) inset;
}
body.dark #grillPromoPage #promoCountdown .countdown-wrapper .countdown-item {
  color: var(--core-white);
}
body.dark #grillPromoPage #promoCountdown .countdown-wrapper .countdown-item span:last-child {
  color: var(--grays-4);
}
body.dark #grillPromoPage .promo-body .category-tags {
  background: linear-gradient(180deg, var(--core-black) 50%, rgba(245, 245, 245, 0) 100%);
}
body.dark #grillPromoPage .promo-body .category-tags .tag-item {
  border: 1px solid rgba(51, 51, 51, 0.4);
  background: rgba(42, 42, 42, 0.8);
  color: var(--grays-6);
}
body.dark #grillPromoPage .promo-body .category-tags .tag-item svg path {
  stroke: var(--grays-6);
}
body.dark #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item {
  background: #202020;
  box-shadow: 0.5px 0.5px 2px 0px rgba(255, 255, 255, 0.05) inset;
}
body.dark #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-name {
  color: var(--core-white);
}
body.dark #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-stickers .sticker-item {
  border: 1px solid var(--grays-2);
  background: rgba(0, 0, 0, 0.8);
}
body.dark #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-stickers .sticker-item.sticker_esim {
  color: var(--supporting-purple-default);
}
body.dark #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-stickers .sticker-item.sticker_offer-hit {
  color: var(--core-white);
}
body.dark #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item.out-of-stock {
  background: rgba(32, 32, 32, 0.4);
  box-shadow: 0.5px 0.5px 2px 0px rgba(255, 255, 255, 0.05) inset;
}
body.dark #grillPromoPage .promo-footer .wrapper-nav .nav-item .item-title {
  color: var(--core-white);
}
body.dark #grillPromoPage .go-to-top {
  border: 1px solid rgba(51, 51, 51, 0.4);
  background: rgba(42, 42, 42, 0.6);
}

#grillPromoPage {
  position: relative;
  padding-bottom: 80px;
}
#grillPromoPage h5 {
  font-weight: normal;
}
#grillPromoPage .promo-backButton {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
#grillPromoPage .promo-backButton .wrapper {
  height: 32px;
  width: fit-content;
  cursor: pointer;
  padding: 4px 16px 4px 8px;
  border-radius: 100px;
  border: 1px solid var(--grays-5);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
}
#grillPromoPage .promo-backButton svg path {
  fill: var(--grays-2);
}
#grillPromoPage .promo-header {
  height: 420px;
}
#grillPromoPage .promo-header .background-container img {
  width: auto;
  height: 270px;
  margin-top: 40px;
}
#grillPromoPage #promoCountdown {
  height: 95px;
}
#grillPromoPage #promoCountdown .countdown-wrapper {
  gap: 10px;
  height: 55px;
  padding: 0 25px;
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: var(--core-white);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 20px 50px 0px rgba(0, 0, 0, 0.1);
}
#grillPromoPage #promoCountdown .countdown-wrapper .countdown-item {
  gap: 4px;
}
#grillPromoPage .promo-header-content .description {
  max-width: 360px;
  margin: 0 auto;
}
#grillPromoPage .promo-body {
  max-width: 1060px;
  margin: 0 auto;
}
#grillPromoPage .promo-body .category-tags {
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  gap: 8px;
  padding: 16px 0;
  background: linear-gradient(180deg, var(--grays-light-1) 50%, rgba(245, 245, 245, 0) 100%);
  z-index: 2;
  position: sticky;
  top: 0;
}
#grillPromoPage .promo-body .category-tags .tag-item {
  cursor: pointer;
  gap: 5px;
  height: 38px;
  padding: 0 16px 0 12px;
  border-radius: 100px;
  border: 1px solid rgba(198, 198, 198, 0.4);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
}
#grillPromoPage .promo-body .category-tags .tag-item svg {
  width: 20px;
  height: 20px;
}
#grillPromoPage .promo-body .category-tags .tag-item span {
  font-size: 14px;
  line-height: 14px;
}
#grillPromoPage .promo-body .wrapper-promo-body {
  padding-top: 20px;
}
#grillPromoPage .promo-body .wrapper-promo-body .category-name {
  padding-bottom: 24px;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 8px;
  padding-bottom: 40px;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item {
  padding: 20px 20px 32px 20px;
  border-radius: 10px;
  background: var(--core-white);
  box-shadow: 0.5px 0.5px 2px 0px rgba(255, 255, 255, 0.05) inset;
  backdrop-filter: blur(2px);
  overflow: hidden;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item:hover .product-image img {
  transform: scale(1.05);
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-stickers {
  position: absolute;
  padding: 20px;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item.out-of-stock {
  background: rgba(255, 255, 255, 0.4);
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item.out-of-stock .product-image img, #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item.out-of-stock .product-name, #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item.out-of-stock .product-price, #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item.out-of-stock .product-discount, #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item.out-of-stock .product-stickers {
  opacity: 0.4;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item.out-of-stock .out-of-stock-badge {
  display: flex !important;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-discount {
  height: 32px;
  padding: 0 6px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 18px;
  white-space: nowrap;
  background-color: var(--supporting-yellow-dark);
  gap: 5px;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-image {
  margin-bottom: 16px;
  position: relative;
  height: 180px;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-image > img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  display: block;
  transform: scale(1);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-image .out-of-stock-badge {
  display: none;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-image .out-of-stock-badge > span {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  transform: rotate(-5deg);
  backdrop-filter: blur(5px);
  text-align: center;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-name {
  margin-bottom: 12px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  padding-left: 2px;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-price {
  gap: 3px;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-price-wrapper {
  gap: 8px;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-price .old-price {
  text-decoration: line-through;
}
#grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-price .promo-price {
  text-wrap: nowrap;
}
#grillPromoPage .promo-footer {
  max-width: 1060px;
  margin: 0 auto;
}
#grillPromoPage .promo-footer .wrapper-content .content-description {
  padding: 35px 0;
}
#grillPromoPage .promo-footer .wrapper-content .content-description ul {
  list-style-type: disc;
  padding-left: 20px;
}
#grillPromoPage .promo-footer .wrapper-content .content-description ul li {
  padding-bottom: 10px;
}
#grillPromoPage .promo-footer .wrapper-nav {
  overflow: hidden;
}
#grillPromoPage .promo-footer .wrapper-nav .nav-container {
  gap: 20px;
  overflow: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
}
#grillPromoPage .promo-footer .wrapper-nav .nav-container::-webkit-scrollbar {
  display: none;
}
#grillPromoPage .promo-footer .wrapper-nav .nav-container .nav-item {
  gap: 8px;
}
#grillPromoPage .promo-footer .wrapper-nav .nav-container .nav-item .item-icon {
  border-radius: 100px;
  background: #FFF;
  width: 64px;
  height: 64px;
  padding: 16px;
}
#grillPromoPage .promo-footer .wrapper-nav .nav-container .nav-item .item-icon img {
  width: auto;
  height: 32px;
}
#grillPromoPage .go-to-top {
  cursor: pointer;
  position: fixed;
  right: 20px;
  bottom: 25px;
  width: 56px;
  height: 56px;
  padding: 14px;
  border-radius: 100px;
  border: 1px solid rgba(193, 193, 193, 0.4);
  background: rgba(239, 239, 239, 0.6);
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0s ease-out;
  -moz-transition: opacity 0.2s 0s ease-out;
  -ms-transition: opacity 0.2s 0s ease-out;
  -o-transition: opacity 0.2s 0s ease-out;
  transition: opacity 0.2s 0s ease-out;
}
#grillPromoPage .go-to-top.show {
  z-index: 2;
  opacity: 1;
  -webkit-transition: opacity 0.2s 0s ease-out;
  -moz-transition: opacity 0.2s 0s ease-out;
  -ms-transition: opacity 0.2s 0s ease-out;
  -o-transition: opacity 0.2s 0s ease-out;
  transition: opacity 0.2s 0s ease-out;
}

@media (min-width: 481px) {
  body.promoPage .es-header .lng_switch_group:hover .lng_switch_item_container {
    background: #232323;
  }
  #grillPromoPage h1 {
    font-size: 30px;
    line-height: 30px;
  }
  #grillPromoPage .promo-header {
    height: 480px;
    margin-top: 20px;
  }
  #grillPromoPage .promo-header .background-container img {
    height: 420px;
    margin-top: 50px;
  }
  #grillPromoPage .promo-body .category-tags {
    justify-content: center;
    padding: 24px 0;
  }
  #grillPromoPage .promo-body .category-tags .tag-item {
    gap: 10px;
    height: 42px;
  }
  #grillPromoPage .promo-body .category-tags .tag-item svg {
    width: 24px;
    height: 24px;
  }
  #grillPromoPage .promo-body .category-tags .tag-item span {
    font-size: 16px;
    line-height: 16px;
  }
  #grillPromoPage .promo-body .wrapper-promo-body {
    padding-top: 40px;
  }
  #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding-bottom: 80px;
  }
  #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-price {
    gap: 5px;
  }
  #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-price-wrapper {
    gap: 15px;
  }
  #grillPromoPage .promo-body .wrapper-promo-body .wrapper-products .product-item .product-image {
    height: 284px;
  }
  #grillPromoPage .go-to-top {
    right: 65px;
    bottom: 65px;
  }
}
@media (max-width: 481px) {
  #grillPromoPage .promo-body .wrapper-promo-body .txt-xxl-size {
    font-size: 16px;
    line-height: 19px;
  }
  #grillPromoPage .promo-body .wrapper-promo-body .txt-m-size {
    font-size: 13px;
    line-height: 15px;
  }
  #grillPromoPage .promo-body .wrapper-promo-body .txt-caption-m-size {
    font-size: 24px;
    line-height: 28px;
  }
}
@keyframes scaleFade {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.1);
    opacity: 0.4;
  }
}
#grill-header {
  position: relative;
  z-index: 2;
  background: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}
#grill-header .grill-promo-banner {
  position: relative;
  height: 120px;
  margin-top: 20px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 1;
}
#grill-header .grill-easter-banner {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#grill-header .grill-wrapper-title {
  height: 26px;
}
#grill-header .grill-wrapper-title-title .grill-title-skeleton {
  background: var(--grays-6);
  border-radius: 5px;
  width: 230px;
  height: 32px;
  animation-name: skeleton-animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 1s;
}
#grill-header .grill-wrapper-title .grill-title {
  display: block;
  max-width: 830px;
  height: 28px;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-transition: height 0.3s 0s ease-out;
  -moz-transition: height 0.3s 0s ease-out;
  -ms-transition: height 0.3s 0s ease-out;
  -o-transition: height 0.3s 0s ease-out;
  transition: height 0.3s 0s ease-out;
}
#grill-header .grill-wrapper-title .grill-title .text {
  line-height: 28px;
  margin-left: 2px;
}
#grill-header .grill-tags, #grill-header .grill-filter-tags {
  position: relative;
}
#grill-header .grill-tags .scroll-button, #grill-header .grill-filter-tags .scroll-button {
  display: none;
}
#grill-header .grill-tags .grill-filter-wrapper, #grill-header .grill-filter-tags .grill-filter-wrapper {
  gap: 5px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#grill-header .grill-tags .grill-filter-wrapper::-webkit-scrollbar, #grill-header .grill-filter-tags .grill-filter-wrapper::-webkit-scrollbar {
  display: none;
}
#grill-header .grill-tags::after, #grill-header .grill-tags::before, #grill-header .grill-filter-tags::after, #grill-header .grill-filter-tags::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 43px;
  height: 30px;
  pointer-events: none;
  z-index: 1;
}
#grill-header .grill-tags[data-left-shadow]::before, #grill-header .grill-filter-tags[data-left-shadow]::before {
  opacity: 1;
}
#grill-header .grill-tags::after, #grill-header .grill-filter-tags::after {
  right: -1px;
  background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
}
#grill-header .grill-tags::before, #grill-header .grill-filter-tags::before {
  left: -1px;
  background: linear-gradient(270deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  opacity: 0;
}
#grill-header .grill-tags .button-tag, #grill-header .grill-filter-tags .button-tag {
  background: var(--core-white);
  font-size: 12px;
  white-space: nowrap;
}
@media (min-width: 481px) {
  #grill-header .grill-tags .button-tag:hover, #grill-header .grill-filter-tags .button-tag:hover {
    background: var(--core-black);
    pointer-events: auto;
  }
}
#grill-header .grill-tags .button-tag.selected, #grill-header .grill-filter-tags .button-tag.selected {
  background: var(--core-black);
  pointer-events: auto;
}
#grill-header .gridContainer {
  gap: 15px;
  align-items: flex-start;
  flex-direction: column;
}
#grill-header .gridContainer .wrapper-selection {
  width: 100%;
}
#grill-header .gridContainer .wrapper-selection .filter-wrapper {
  position: relative;
}
#grill-header .view-buttons {
  gap: 4px;
  border: 2px solid var(--grays-4);
  box-sizing: border-box;
  border-radius: 4px;
}
#grill-header .view-buttons .selector {
  cursor: pointer;
  padding: 3px;
  border-radius: 4px;
  background: transparent;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
#grill-header .view-buttons .selector.active {
  background: var(--core-white);
}
#grill-header .view-buttons .selector.active svg {
  fill: var(--core-black);
}
#grill-header .view-buttons .selector svg {
  display: block;
  fill: var(--grays-5);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
#grill-header .filter-button {
  position: relative;
  cursor: pointer;
  border: 2px solid var(--grays-4);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 15px;
  height: 30px;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
#grill-header .filter-button.active {
  background: var(--core-black);
  color: var(--core-white);
  border: 2px solid var(--core-black);
}
#grill-header .filter-button .selected-fiters {
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
#grill-header .filter-button .selected-fiters.active {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 5px;
  height: 5px;
  background: var(--functional-success);
  border-radius: 100px;
}

@media (min-width: 481px) {
  #grill-header .grill-promo-banner {
    height: 160px;
    margin-top: 0;
    border: none;
  }
  #grill-header .txt-caption-s-size {
    font-size: 30px;
    line-height: 32px;
  }
  #grill-header .txt-m-size {
    font-size: 16px;
    line-height: 18px;
  }
  #grill-header .grill-wrapper-title {
    height: 32px;
  }
  #grill-header .grill-wrapper-title .grill-title {
    height: 36px;
  }
  #grill-header .grill-wrapper-title .grill-title .text {
    line-height: 36px;
  }
  #grill-header .grill-tags, #grill-header .grill-filter-tags {
    position: relative;
  }
  #grill-header .grill-tags .scroll-button, #grill-header .grill-filter-tags .scroll-button {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 24px;
    height: 30px;
    padding: 0 10px;
    z-index: 2;
    backdrop-filter: blur(1px);
  }
  #grill-header .grill-tags .scroll-button.left, #grill-header .grill-filter-tags .scroll-button.left {
    left: -25px;
    background: linear-gradient(270deg, rgba(248, 248, 248, 0.1) 0%, #f8f8f8 100%);
  }
  #grill-header .grill-tags .scroll-button.right, #grill-header .grill-filter-tags .scroll-button.right {
    right: -25px;
    background: linear-gradient(90deg, rgba(248, 248, 248, 0.1) 0%, #f8f8f8 100%);
  }
  #grill-header .grill-tags .scroll-button:disabled, #grill-header .grill-filter-tags .scroll-button:disabled {
    display: none;
  }
  #grill-header .grill-tags .button-tag, #grill-header .grill-filter-tags .button-tag {
    background: var(--core-white);
    margin-bottom: 0;
    font-size: 13px;
  }
  #grill-header .gridContainer {
    gap: 10px;
    flex-direction: row;
  }
  #grill-header .gridContainer .wrapper-selection {
    width: auto;
  }
}
@media (max-width: 481px) {
  body:has(.grill-search.active) {
    overflow: hidden;
  }
  body:has(.grill-search.active) header, body:has(.grill-search.active) footer {
    position: relative;
    z-index: -1;
  }
}
@keyframes skeleton-animation {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.grill-search {
  position: fixed;
  width: 100%;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  border: none;
  background: var(--core-white);
  height: 0;
  padding: 0;
  visibility: hidden;
}
.grill-search.active {
  opacity: 1;
  z-index: 10;
  padding: 20px;
  height: 100%;
  visibility: visible;
  -webkit-transition: opacity 0.2s 0s ease-out;
  -moz-transition: opacity 0.2s 0s ease-out;
  -ms-transition: opacity 0.2s 0s ease-out;
  -o-transition: opacity 0.2s 0s ease-out;
  transition: opacity 0.2s 0s ease-out;
}
.grill-search .grill-search-header .header-erase {
  opacity: 1;
  visibility: visible;
}
.grill-search .grill-search-header .header-erase.hide {
  opacity: 0;
  visibility: hidden;
}
.grill-search .wrapper-grill-search {
  gap: 10px;
}
.grill-search .wrapper-grill-search .container-grill-search {
  position: relative;
  width: 100%;
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input {
  position: relative;
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input .search-input {
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  border-color: var(--grays-5);
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  -webkit-transition: border 0.2s 0s ease-out;
  -moz-transition: border 0.2s 0s ease-out;
  -ms-transition: border 0.2s 0s ease-out;
  -o-transition: border 0.2s 0s ease-out;
  transition: border 0.2s 0s ease-out;
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input .search-input::placeholder {
  color: var(--core-black);
  font-size: 16px;
  line-height: 16px;
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input .search-input:not(:placeholder-shown) {
  font-weight: 700;
  border-color: var(--core-black);
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input .search-input:focus {
  border-color: var(--core-orange-1);
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input .search-input:focus::placeholder {
  color: var(--grays-4);
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input svg {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 10px;
  display: none;
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input svg.arrow-icon {
  display: block;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input svg.arrow-icon.active {
  transform: rotate(180deg);
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input svg.erase-icon {
  right: 40px;
  top: 15px;
  width: 10px;
  height: 10px;
}
.grill-search .wrapper-grill-search .container-grill-search .wrapper-input svg.search-icon {
  width: 14px;
  height: 14px;
  right: 38px;
  top: 13px;
}
.grill-search .wrapper-grill-search .container-grill-search .dropdown {
  position: absolute;
  left: 0;
  background-color: var(--core-white);
  border-top: none;
  height: fit-content;
  max-height: 200px;
  overflow-y: auto;
  display: block;
  z-index: -1;
  width: 100%;
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid var(--grays-5);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
}
.grill-search .wrapper-grill-search .container-grill-search .dropdown.active {
  opacity: 1;
  z-index: 10;
  visibility: visible;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.grill-search .wrapper-grill-search .container-grill-search .dropdown .dropdown-item {
  padding: 10px 15px;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  gap: 10px;
}
.grill-search .wrapper-grill-search .container-grill-search .dropdown .dropdown-item.disable {
  opacity: 0.5;
  pointer-events: none;
}
.grill-search .wrapper-grill-search .container-grill-search .dropdown .dropdown-item[data-selected=true] svg rect:nth-child(2) {
  fill: var(--core-orange-1);
  stroke: var(--core-orange-1);
}
.grill-search .wrapper-grill-search .container-grill-search .dropdown .dropdown-item:hover {
  background-color: var(--grays-light);
}
.grill-search .wrapper-grill-search #clear-filter {
  position: absolute;
  top: 16px;
  right: 20px;
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
  line-height: 16px;
  opacity: 0;
  visibility: hidden;
}
.grill-search .wrapper-grill-search #clear-filter.show {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 481px) {
  .grill-search {
    position: absolute;
    width: 280px;
    top: 40px;
    border-radius: 8px;
    border: 1px solid var(--grays-4);
    height: 0;
    padding: 0;
  }
  .grill-search.active {
    height: fit-content;
  }
  .grill-search .wrapper-grill-search .container-grill-search .dropdown .dropdown-item {
    font-size: 12px;
  }
  .grill-search .wrapper-grill-search .container-grill-search .wrapper-input .search-input {
    font-size: 14px;
  }
  .grill-search .wrapper-grill-search .container-grill-search .wrapper-input .search-input::placeholder {
    font-size: 14px;
  }
  .grill-search .wrapper-grill-search #clear-filter {
    position: initial;
    cursor: pointer;
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
    opacity: 1;
    visibility: visible;
  }
}
#grill {
  position: relative;
  z-index: 1;
  padding: 0 !important;
  background: none !important;
}
#grill #grill-wrapper {
  display: block !important;
}
#grill #grill-wrapper .preloader {
  position: absolute;
}
#grill #grill-wrapper .product-card-wrapper:hover.promo-offer .wrapper-promo-text .description {
  background-size: 300% 300%;
  animation: gradientMove 2s ease infinite;
}
#grill #grill-wrapper .product-card-wrapper:hover.promo-offer:not(.show-offer) .wrapper-promo-egg {
  transform: scale(1.1);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
#grill #grill-wrapper .product-card-wrapper.out-of-stock .wrapper-promo-egg, #grill #grill-wrapper .product-card-wrapper.out-of-stock .wrapper-promo-text {
  opacity: 0.4;
}
#grill #grill-wrapper .product-card-wrapper.promo-offer:not(.show-offer) .product-offer, #grill #grill-wrapper .product-card-wrapper.promo-offer:not(.show-offer) .product-price {
  opacity: 0;
  z-index: -1;
  position: absolute;
}
#grill #grill-wrapper .product-card-wrapper.promo-offer:not(.show-offer) .wrapper-promo-egg {
  transform: scale(1);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
#grill #grill-wrapper .product-card-wrapper.promo-offer:not(.show-offer) .wrapper-promo-egg .show-promo-price {
  display: none;
}
#grill #grill-wrapper .product-card-wrapper.promo-offer .product-button {
  display: none !important;
}
#grill #grill-wrapper .product-card-wrapper.promo-offer .wrapper-promo-text .description {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.1px;
  background: linear-gradient(270deg, #4BB4E6, #492191, #A885D8);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
#grill #grill-wrapper .product-card-wrapper.promo-offer.show-offer .wrapper-promo-text, #grill #grill-wrapper .product-card-wrapper.promo-offer.show-offer .hide-offer {
  display: none;
}
#grill #grill-wrapper .product-card-wrapper.promo-offer.show-offer .product-offer, #grill #grill-wrapper .product-card-wrapper.promo-offer.show-offer .product-price {
  opacity: 1;
  z-index: 1;
  position: relative;
  -webkit-transition: opacity 0.2s 0s ease-out;
  -moz-transition: opacity 0.2s 0s ease-out;
  -ms-transition: opacity 0.2s 0s ease-out;
  -o-transition: opacity 0.2s 0s ease-out;
  transition: opacity 0.2s 0s ease-out;
}
#grill #grill-wrapper .product-card-wrapper.promo-offer.show-offer .product-offer .price-old, #grill #grill-wrapper .product-card-wrapper.promo-offer.show-offer .product-offer .price-installment, #grill #grill-wrapper .product-card-wrapper.promo-offer.show-offer .product-price .price-old, #grill #grill-wrapper .product-card-wrapper.promo-offer.show-offer .product-price .price-installment {
  padding-right: 40px;
}
#grill #grill-wrapper .product-card-wrapper.promo-offer.show-offer .wrapper-promo-egg .hide-promo-price {
  display: none;
}

#productsListView .product-card-wrapper.promo-offer .wrapper-promo-text {
  max-width: 130px;
  min-width: 60px;
}
#productsListView .product-card-wrapper.promo-offer .wrapper-promo-egg .hide-promo-price img {
  margin-right: 15px;
}
#productsListView .product-card-wrapper.promo-offer .floating-section .button-section span:has(.productStartConfig) {
  display: none;
}
#productsListView .product-aditional::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 7px;
  width: 20px;
  height: 22px;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
#productsListView .product-stickers {
  overflow: hidden;
  max-width: 120px;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#productsListView .product-stickers::-webkit-scrollbar {
  display: none;
}
#productsListView .preloader {
  left: 10px;
  top: 10px;
}

#productsGridView .product-stickers {
  position: absolute;
  padding: 15px;
}
#productsGridView .preloader {
  left: 16.5px;
  top: 16.5px;
}
#productsGridView .product-card-wrapper.promo-offer:not(.show-offer) .product-card {
  padding-bottom: 0 !important;
}
#productsGridView .product-card-wrapper.promo-offer .wrapper-promo-text {
  position: relative;
  padding: 0 50px 15px 15px;
  z-index: 2;
}
#productsGridView .product-card-wrapper.promo-offer .wrapper-promo-text .title {
  font-size: 15px;
  line-height: 18px;
  margin-top: 2px;
}

.product-stickers {
  left: 0;
  top: 0;
  z-index: 3;
  gap: 5px;
}
.product-stickers .sticker-item {
  border: 1px solid var(--grays-6);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.8);
  padding: 4px 6px;
  width: fit-content;
  font-size: 10px;
  line-height: 12px;
}
.product-stickers .sticker-item.sticker_new {
  color: var(--supporting-blue-default);
}
.product-stickers .sticker-item.sticker_cadou {
  color: var(--supporting-pink-dark);
}
.product-stickers .sticker-item.sticker_offer-hit {
  gap: 4px;
}
.product-stickers .sticker-item.sticker_offer-hit span {
  color: var(--core-orange-1);
}
.product-stickers .sticker-item.sticker_ai {
  color: var(--supporting-blue-dark);
}
.product-stickers .sticker-item.sticker_reconditionate {
  color: var(--supporting-green-dark);
}
.product-stickers .sticker-item.sticker_eco {
  color: var(--supporting-green-default);
}
.product-stickers .sticker-item.sticker_esim {
  color: var(--supporting-purple-dark);
}
.product-stickers .sticker-item.sticker_resealed {
  color: #027F79;
}

.compareButton .inCompareList {
  opacity: 0;
  z-index: -1;
  height: 0px;
  width: 0px;
  -webkit-transition: opacity 0.2s 0s ease-out;
  -moz-transition: opacity 0.2s 0s ease-out;
  -ms-transition: opacity 0.2s 0s ease-out;
  -o-transition: opacity 0.2s 0s ease-out;
  transition: opacity 0.2s 0s ease-out;
}
.compareButton.selected {
  pointer-events: none;
}
.compareButton.selected .inCompareList {
  display: block;
  position: absolute;
  bottom: 8px;
  right: 6px;
  height: 14px;
  width: 14px;
  opacity: 1;
  z-index: 1;
}

@media (min-width: 769px) {
  #productsGridView .product-stickers {
    padding: 20px;
  }
  #productsGridView .product-card-wrapper.promo-offer .wrapper-promo-text {
    padding: 0 100px 20px 20px;
  }
  #productsGridView .product-card-wrapper.promo-offer .wrapper-promo-text .title {
    font-size: 20px;
    line-height: 24px;
  }
  #productsGridView .product-card-wrapper.promo-offer .wrapper-promo-text .description {
    font-size: 15px !important;
    line-height: 18px !important;
  }
  #productsListView .product-stickers {
    max-width: 100%;
  }
  #productsListView .product-stickers::after {
    content: none;
  }
  #productsListView .product-card-wrapper.promo-offer .product-card-right .floating-section {
    transform: translateX(50px);
  }
  #productsListView .product-card-wrapper.promo-offer .wrapper-promo-egg img {
    margin-right: 15px;
  }
  .product-stickers .sticker-item {
    font-size: 12px;
    line-height: 13px;
  }
}
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#grill #productsGridView, #grill .subscriptionPositionBlock, #subscriptions #productsGridView, #subscriptions .subscriptionPositionBlock {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px;
  display: none;
}
#grill #productsGridView.services, #grill .subscriptionPositionBlock.services, #subscriptions #productsGridView.services, #subscriptions .subscriptionPositionBlock.services {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
#grill #productsGridView.selected, #grill .subscriptionPositionBlock.selected, #subscriptions #productsGridView.selected, #subscriptions .subscriptionPositionBlock.selected {
  display: grid;
}
#grill #productsGridView .product-card-wrapper, #grill .subscriptionPositionBlock .product-card-wrapper, #subscriptions #productsGridView .product-card-wrapper, #subscriptions .subscriptionPositionBlock .product-card-wrapper {
  width: 100%;
  position: relative;
  background: var(--core-white);
  border-radius: 10px;
}
#grill #productsGridView .product-card-wrapper.out-of-stock, #grill .subscriptionPositionBlock .product-card-wrapper.out-of-stock, #subscriptions #productsGridView .product-card-wrapper.out-of-stock, #subscriptions .subscriptionPositionBlock .product-card-wrapper.out-of-stock {
  background: rgba(255, 255, 255, 0.4);
}
#grill #productsGridView .product-card-wrapper.out-of-stock .product-info, #grill #productsGridView .product-card-wrapper.out-of-stock .product-stickers, #grill #productsGridView .product-card-wrapper.out-of-stock.slide-nav, #grill #productsGridView .product-card-wrapper.out-of-stock .product-image, #grill .subscriptionPositionBlock .product-card-wrapper.out-of-stock .product-info, #grill .subscriptionPositionBlock .product-card-wrapper.out-of-stock .product-stickers, #grill .subscriptionPositionBlock .product-card-wrapper.out-of-stock.slide-nav, #grill .subscriptionPositionBlock .product-card-wrapper.out-of-stock .product-image, #subscriptions #productsGridView .product-card-wrapper.out-of-stock .product-info, #subscriptions #productsGridView .product-card-wrapper.out-of-stock .product-stickers, #subscriptions #productsGridView .product-card-wrapper.out-of-stock.slide-nav, #subscriptions #productsGridView .product-card-wrapper.out-of-stock .product-image, #subscriptions .subscriptionPositionBlock .product-card-wrapper.out-of-stock .product-info, #subscriptions .subscriptionPositionBlock .product-card-wrapper.out-of-stock .product-stickers, #subscriptions .subscriptionPositionBlock .product-card-wrapper.out-of-stock.slide-nav, #subscriptions .subscriptionPositionBlock .product-card-wrapper.out-of-stock .product-image {
  opacity: 0.4 !important;
}
#grill #productsGridView .product-card-wrapper.out-of-stock .out-of-stock-badge, #grill .subscriptionPositionBlock .product-card-wrapper.out-of-stock .out-of-stock-badge, #subscriptions #productsGridView .product-card-wrapper.out-of-stock .out-of-stock-badge, #subscriptions .subscriptionPositionBlock .product-card-wrapper.out-of-stock .out-of-stock-badge {
  display: flex;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
#grill #productsGridView .product-card-wrapper.out-of-stock .out-of-stock-badge > span, #grill .subscriptionPositionBlock .product-card-wrapper.out-of-stock .out-of-stock-badge > span, #subscriptions #productsGridView .product-card-wrapper.out-of-stock .out-of-stock-badge > span, #subscriptions .subscriptionPositionBlock .product-card-wrapper.out-of-stock .out-of-stock-badge > span {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  transform: rotate(-5deg);
  backdrop-filter: blur(5px);
  text-align: center;
}
#grill #productsGridView .product-card-wrapper .out-of-stock-badge, #grill .subscriptionPositionBlock .product-card-wrapper .out-of-stock-badge, #subscriptions #productsGridView .product-card-wrapper .out-of-stock-badge, #subscriptions .subscriptionPositionBlock .product-card-wrapper .out-of-stock-badge {
  display: none;
}
#grill #productsGridView .product-card-wrapper .product-card, #grill .subscriptionPositionBlock .product-card-wrapper .product-card, #subscriptions #productsGridView .product-card-wrapper .product-card, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card {
  display: block;
  width: 100%;
  padding: 5px 15px 15px 15px;
  transition: none;
  z-index: 2;
  position: relative;
  overflow: hidden;
}
#grill #productsGridView .product-card-wrapper .product-card .grillCardItem, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem, #subscriptions #productsGridView .product-card-wrapper .product-card .grillCardItem, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem {
  position: relative;
  min-height: 145px;
  width: 100%;
}
#grill #productsGridView .product-card-wrapper .product-card .grillCardItem .product-image, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem .product-image, #subscriptions #productsGridView .product-card-wrapper .product-card .grillCardItem .product-image, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem .product-image {
  min-height: 165px;
}
#grill #productsGridView .product-card-wrapper .product-card .grillCardItem .product-image .product-img, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem .product-image .product-img, #subscriptions #productsGridView .product-card-wrapper .product-card .grillCardItem .product-image .product-img, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem .product-image .product-img {
  max-width: 125px;
  height: auto;
}
#grill #productsGridView .product-card-wrapper .product-card .slide-nav, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav, #subscriptions #productsGridView .product-card-wrapper .product-card .slide-nav, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  top: 0;
}
#grill #productsGridView .product-card-wrapper .product-card .slide-nav-empty, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav-empty, #subscriptions #productsGridView .product-card-wrapper .product-card .slide-nav-empty, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav-empty {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--grays-6);
  width: 100%;
}
#grill #productsGridView .product-card-wrapper .product-card .slide-nav > .slide-item, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav > .slide-item, #subscriptions #productsGridView .product-card-wrapper .product-card .slide-nav > .slide-item, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav > .slide-item {
  height: 100%;
  display: block;
  flex-grow: 1;
  position: relative;
}
#grill #productsGridView .product-card-wrapper .product-card .slide-nav > .slide-item:after, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav > .slide-item:after, #subscriptions #productsGridView .product-card-wrapper .product-card .slide-nav > .slide-item:after, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav > .slide-item:after {
  content: "";
  width: 90%;
  height: 1px;
  background: var(--grays-6);
  bottom: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  border-radius: 1px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
#grill #productsGridView .product-card-wrapper .product-card .slide-nav > .slide-item:hover:after, #grill #productsGridView .product-card-wrapper .product-card .slide-nav > .slide-item.active:after, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav > .slide-item:hover:after, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav > .slide-item.active:after, #subscriptions #productsGridView .product-card-wrapper .product-card .slide-nav > .slide-item:hover:after, #subscriptions #productsGridView .product-card-wrapper .product-card .slide-nav > .slide-item.active:after, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav > .slide-item:hover:after, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .slide-nav > .slide-item.active:after {
  background: var(--core-orange-1);
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-name, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-name, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-name, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-name {
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  padding-left: 2px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-name-service, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-name-service, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-name-service, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-name-service {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  padding-left: 2px;
  padding-right: 2px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-aditional, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-aditional, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-aditional, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-aditional {
  gap: 2px;
  height: 32px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer {
  gap: 2px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services {
  gap: 0;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services .details-mobile .wrapper, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services .details-mobile .wrapper, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services .details-mobile .wrapper, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services .details-mobile .wrapper {
  gap: 5px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services .details-mobile .wrapper .text, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services .details-mobile .wrapper .text, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services .details-mobile .wrapper .text, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services .details-mobile .wrapper .text {
  cursor: pointer;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item {
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  gap: 10px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .icon, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .icon, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .icon, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .icon {
  width: 20px;
  height: 20px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .icon img, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .icon img, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .icon img, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .icon img {
  width: 20px;
  height: 100%;
  object-fit: contain;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item a, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item a, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item a, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item a {
  text-decoration: underline;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item:first-child, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item:first-child, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item:first-child, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item:first-child {
  border-top: none;
  margin-top: 15px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item:first-child .description-wrapper .description .title, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item:first-child .description-wrapper .description .title, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item:first-child .description-wrapper .description .title, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item:first-child .description-wrapper .description .title {
  text-wrap: nowrap;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .title, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .title, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .title, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .title {
  font-weight: 500;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper {
  gap: 10px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-info, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-info, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-info, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-info {
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(82, 126, 219, 0.05);
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-info-img img, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-info-img img, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-info-img img, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-info-img img {
  height: 110px;
  object-fit: contain;
  object-position: bottom;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-info .info-sub-title, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-info .info-sub-title, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-info .info-sub-title, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-info .info-sub-title {
  max-width: 100%;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price {
  gap: 2px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price.services, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price.services, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price.services, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price.services {
  gap: 15px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price.services .price-old, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price.services .price-old, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price.services .price-old, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price.services .price-old {
  height: 16px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo {
  gap: 5px;
  text-wrap: nowrap;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer {
  white-space: nowrap;
  letter-spacing: -0.2px;
  font-size: 15px;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer {
  height: 17px;
  padding: 0 4px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 12px;
  white-space: nowrap;
}
#grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old {
  text-decoration: line-through;
}
#grill #productsGridView .product-card-wrapper .product-button, #grill .subscriptionPositionBlock .product-card-wrapper .product-button, #subscriptions #productsGridView .product-card-wrapper .product-button, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
}
#grill #productsGridView .product-card-wrapper .product-button.services, #grill .subscriptionPositionBlock .product-card-wrapper .product-button.services, #subscriptions #productsGridView .product-card-wrapper .product-button.services, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button.services {
  position: relative;
  right: 0px;
  bottom: 0px;
}
#grill #productsGridView .product-card-wrapper .product-button > span.inactive, #grill .subscriptionPositionBlock .product-card-wrapper .product-button > span.inactive, #subscriptions #productsGridView .product-card-wrapper .product-button > span.inactive, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button > span.inactive {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}
#grill #productsGridView .product-card-wrapper .product-button .productStartConfig, #grill #productsGridView .product-card-wrapper .product-button .preorder, #grill #productsGridView .product-card-wrapper .product-button .quickBuyPreorder, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .preorder, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder, #subscriptions #productsGridView .product-card-wrapper .product-button .productStartConfig, #subscriptions #productsGridView .product-card-wrapper .product-button .preorder, #subscriptions #productsGridView .product-card-wrapper .product-button .quickBuyPreorder, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .preorder, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder {
  border-radius: 50px;
  width: 55px;
  height: 55px;
  padding: 15px;
  background: var(--core-white);
  border-color: var(--grays-5);
  border-width: 1px;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
#grill #productsGridView .product-card-wrapper .product-button .productStartConfig.services, #grill #productsGridView .product-card-wrapper .product-button .preorder.services, #grill #productsGridView .product-card-wrapper .product-button .quickBuyPreorder.services, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig.services, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .preorder.services, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder.services, #subscriptions #productsGridView .product-card-wrapper .product-button .productStartConfig.services, #subscriptions #productsGridView .product-card-wrapper .product-button .preorder.services, #subscriptions #productsGridView .product-card-wrapper .product-button .quickBuyPreorder.services, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig.services, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .preorder.services, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder.services {
  border-radius: 0;
  width: 100%;
  height: 42px;
  padding: 10px 15px;
  background: var(--core-black);
  border-color: var(--core-black);
  color: var(--core-white);
}
#grill #productsGridView .product-card-wrapper .product-button .productStartConfig.services:hover, #grill #productsGridView .product-card-wrapper .product-button .preorder.services:hover, #grill #productsGridView .product-card-wrapper .product-button .quickBuyPreorder.services:hover, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig.services:hover, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .preorder.services:hover, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder.services:hover, #subscriptions #productsGridView .product-card-wrapper .product-button .productStartConfig.services:hover, #subscriptions #productsGridView .product-card-wrapper .product-button .preorder.services:hover, #subscriptions #productsGridView .product-card-wrapper .product-button .quickBuyPreorder.services:hover, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig.services:hover, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .preorder.services:hover, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder.services:hover {
  background: var(--core-white) !important;
  border-color: var(--grays-5) !important;
  color: var(--core-black);
}
#grill #productsGridView .product-card-wrapper .product-button .productStartConfig svg path, #grill #productsGridView .product-card-wrapper .product-button .productStartConfig svg rect, #grill #productsGridView .product-card-wrapper .product-button .preorder svg path, #grill #productsGridView .product-card-wrapper .product-button .preorder svg rect, #grill #productsGridView .product-card-wrapper .product-button .quickBuyPreorder svg path, #grill #productsGridView .product-card-wrapper .product-button .quickBuyPreorder svg rect, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig svg path, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig svg rect, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .preorder svg path, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .preorder svg rect, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder svg path, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder svg rect, #subscriptions #productsGridView .product-card-wrapper .product-button .productStartConfig svg path, #subscriptions #productsGridView .product-card-wrapper .product-button .productStartConfig svg rect, #subscriptions #productsGridView .product-card-wrapper .product-button .preorder svg path, #subscriptions #productsGridView .product-card-wrapper .product-button .preorder svg rect, #subscriptions #productsGridView .product-card-wrapper .product-button .quickBuyPreorder svg path, #subscriptions #productsGridView .product-card-wrapper .product-button .quickBuyPreorder svg rect, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig svg path, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig svg rect, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .preorder svg path, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .preorder svg rect, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder svg path, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder svg rect {
  fill: var(--core-black);
}
#grill #productsGridView .product-card-wrapper .product-button .productStartConfig:hover, #grill #productsGridView .product-card-wrapper .product-button .preorder:hover, #grill #productsGridView .product-card-wrapper .product-button .quickBuyPreorder:hover, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig:hover, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .preorder:hover, #grill .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder:hover, #subscriptions #productsGridView .product-card-wrapper .product-button .productStartConfig:hover, #subscriptions #productsGridView .product-card-wrapper .product-button .preorder:hover, #subscriptions #productsGridView .product-card-wrapper .product-button .quickBuyPreorder:hover, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .productStartConfig:hover, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .preorder:hover, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-button .quickBuyPreorder:hover {
  -webkit-transition: all 0.1s 0s ease-out;
  -moz-transition: all 0.1s 0s ease-out;
  -ms-transition: all 0.1s 0s ease-out;
  -o-transition: all 0.1s 0s ease-out;
  transition: all 0.1s 0s ease-out;
  background: var(--core-orange-1);
  border-color: var(--core-orange-1);
}
#grill #productsGridView .product-card-wrapper.openLeft .extra-product-button, #grill .subscriptionPositionBlock .product-card-wrapper.openLeft .extra-product-button, #subscriptions #productsGridView .product-card-wrapper.openLeft .extra-product-button, #subscriptions .subscriptionPositionBlock .product-card-wrapper.openLeft .extra-product-button {
  right: 0;
  left: auto;
  align-items: flex-start;
}
#grill #productsGridView .product-card-wrapper.openLeft .extra-product-button .wrapper-extra-section, #grill .subscriptionPositionBlock .product-card-wrapper.openLeft .extra-product-button .wrapper-extra-section, #subscriptions #productsGridView .product-card-wrapper.openLeft .extra-product-button .wrapper-extra-section, #subscriptions .subscriptionPositionBlock .product-card-wrapper.openLeft .extra-product-button .wrapper-extra-section {
  border-left: none;
  border-right: 1px solid var(--grays-6);
}
#grill #productsGridView .product-card-wrapper .extra-product-button, #grill .subscriptionPositionBlock .product-card-wrapper .extra-product-button, #subscriptions #productsGridView .product-card-wrapper .extra-product-button, #subscriptions .subscriptionPositionBlock .product-card-wrapper .extra-product-button {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  opacity: 0;
  z-index: -1;
  width: 100%;
}
#grill #productsGridView .product-card-wrapper .extra-product-button .wrapper-extra-section, #grill .subscriptionPositionBlock .product-card-wrapper .extra-product-button .wrapper-extra-section, #subscriptions #productsGridView .product-card-wrapper .extra-product-button .wrapper-extra-section, #subscriptions .subscriptionPositionBlock .product-card-wrapper .extra-product-button .wrapper-extra-section {
  height: 100%;
  gap: 10px;
  justify-content: flex-end;
  padding: 10px;
  border-left: 1px solid var(--grays-6);
}
#grill #productsGridView .product-card-wrapper .extra-product-button .wrapper-extra-section > span.inactive, #grill .subscriptionPositionBlock .product-card-wrapper .extra-product-button .wrapper-extra-section > span.inactive, #subscriptions #productsGridView .product-card-wrapper .extra-product-button .wrapper-extra-section > span.inactive, #subscriptions .subscriptionPositionBlock .product-card-wrapper .extra-product-button .wrapper-extra-section > span.inactive {
  opacity: 0.4;
  pointer-events: none;
}
#grill #productsGridView .product-card-wrapper .extra-product-button .wrapper-extra-section button, #grill .subscriptionPositionBlock .product-card-wrapper .extra-product-button .wrapper-extra-section button, #subscriptions #productsGridView .product-card-wrapper .extra-product-button .wrapper-extra-section button, #subscriptions .subscriptionPositionBlock .product-card-wrapper .extra-product-button .wrapper-extra-section button {
  padding: 10px;
  border: 1px solid var(--grays-5);
  border-radius: 50px;
  background: var(--core-white);
  width: 44px;
  height: 44px;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}

@media (min-width: 481px) {
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer.services, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer.services, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services {
    height: calc(100% - 35px);
    justify-content: space-between;
  }
}
@media (min-width: 769px) {
  #grill #productsGridView, #grill #productsGridView.services, #grill .subscriptionPositionBlock, #subscriptions #productsGridView, #subscriptions #productsGridView.services, #subscriptions .subscriptionPositionBlock {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
  }
  #grill #productsGridView .product-card-wrapper:hover, #grill #productsGridView.services .product-card-wrapper:hover, #grill .subscriptionPositionBlock .product-card-wrapper:hover, #subscriptions #productsGridView .product-card-wrapper:hover, #subscriptions #productsGridView.services .product-card-wrapper:hover, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover {
    z-index: 4;
  }
  #grill #productsGridView .product-card-wrapper:hover .extra-product-button:not(.inactive), #grill #productsGridView.services .product-card-wrapper:hover .extra-product-button:not(.inactive), #grill .subscriptionPositionBlock .product-card-wrapper:hover .extra-product-button:not(.inactive), #subscriptions #productsGridView .product-card-wrapper:hover .extra-product-button:not(.inactive), #subscriptions #productsGridView.services .product-card-wrapper:hover .extra-product-button:not(.inactive), #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover .extra-product-button:not(.inactive) {
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
    opacity: 1;
    z-index: 1;
    background: var(--core-white);
    border-radius: 10px;
    width: calc(100% + 60px);
    -webkit-transition: all 0.2s 0s ease-out;
    -moz-transition: all 0.2s 0s ease-out;
    -ms-transition: all 0.2s 0s ease-out;
    -o-transition: all 0.2s 0s ease-out;
    transition: all 0.2s 0s ease-out;
  }
  #grill #productsGridView .product-card-wrapper:hover span:not(.inactive) .productStartConfig, #grill #productsGridView .product-card-wrapper:hover span:not(.inactive) .preorder, #grill #productsGridView .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder, #grill #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .productStartConfig, #grill #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .preorder, #grill #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder, #grill .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .productStartConfig, #grill .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .preorder, #grill .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder, #subscriptions #productsGridView .product-card-wrapper:hover span:not(.inactive) .productStartConfig, #subscriptions #productsGridView .product-card-wrapper:hover span:not(.inactive) .preorder, #subscriptions #productsGridView .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder, #subscriptions #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .productStartConfig, #subscriptions #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .preorder, #subscriptions #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .productStartConfig, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .preorder, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder {
    background: var(--core-black);
    border-color: var(--core-black);
  }
  #grill #productsGridView .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg path, #grill #productsGridView .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg rect, #grill #productsGridView .product-card-wrapper:hover span:not(.inactive) .preorder svg path, #grill #productsGridView .product-card-wrapper:hover span:not(.inactive) .preorder svg rect, #grill #productsGridView .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg path, #grill #productsGridView .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg rect, #grill #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg path, #grill #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg rect, #grill #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .preorder svg path, #grill #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .preorder svg rect, #grill #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg path, #grill #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg rect, #grill .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg path, #grill .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg rect, #grill .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .preorder svg path, #grill .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .preorder svg rect, #grill .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg path, #grill .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg rect, #subscriptions #productsGridView .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg path, #subscriptions #productsGridView .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg rect, #subscriptions #productsGridView .product-card-wrapper:hover span:not(.inactive) .preorder svg path, #subscriptions #productsGridView .product-card-wrapper:hover span:not(.inactive) .preorder svg rect, #subscriptions #productsGridView .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg path, #subscriptions #productsGridView .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg rect, #subscriptions #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg path, #subscriptions #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg rect, #subscriptions #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .preorder svg path, #subscriptions #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .preorder svg rect, #subscriptions #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg path, #subscriptions #productsGridView.services .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg rect, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg path, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .productStartConfig svg rect, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .preorder svg path, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .preorder svg rect, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg path, #subscriptions .subscriptionPositionBlock .product-card-wrapper:hover span:not(.inactive) .quickBuyPreorder svg rect {
    fill: var(--core-white);
  }
  #grill #productsGridView .product-card-wrapper .product-card, #grill #productsGridView.services .product-card-wrapper .product-card, #grill .subscriptionPositionBlock .product-card-wrapper .product-card, #subscriptions #productsGridView .product-card-wrapper .product-card, #subscriptions #productsGridView.services .product-card-wrapper .product-card, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card {
    padding: 20px;
  }
  #grill #productsGridView .product-card-wrapper .product-card.services, #grill #productsGridView.services .product-card-wrapper .product-card.services, #grill .subscriptionPositionBlock .product-card-wrapper .product-card.services, #subscriptions #productsGridView .product-card-wrapper .product-card.services, #subscriptions #productsGridView.services .product-card-wrapper .product-card.services, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card.services {
    padding: 30px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .grillCardItem, #grill #productsGridView.services .product-card-wrapper .product-card .grillCardItem, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem, #subscriptions #productsGridView .product-card-wrapper .product-card .grillCardItem, #subscriptions #productsGridView.services .product-card-wrapper .product-card .grillCardItem, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem {
    min-height: 225px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .grillCardItem .product-image, #grill #productsGridView.services .product-card-wrapper .product-card .grillCardItem .product-image, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem .product-image, #subscriptions #productsGridView .product-card-wrapper .product-card .grillCardItem .product-image, #subscriptions #productsGridView.services .product-card-wrapper .product-card .grillCardItem .product-image, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem .product-image {
    min-height: 220px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .grillCardItem .product-image .product-img, #grill #productsGridView.services .product-card-wrapper .product-card .grillCardItem .product-image .product-img, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem .product-image .product-img, #subscriptions #productsGridView .product-card-wrapper .product-card .grillCardItem .product-image .product-img, #subscriptions #productsGridView.services .product-card-wrapper .product-card .grillCardItem .product-image .product-img, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .grillCardItem .product-image .product-img {
    max-width: 165px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer.services, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer.services, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer.services, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer.services {
    height: calc(100% - 22px);
  }
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item {
    gap: 15px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .service-options .service-item .description-wrapper {
    gap: 25px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-name, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-name, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-name, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-name, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-name, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-name {
    font-size: 18px;
    line-height: 20px;
    height: 40px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-aditional, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-aditional, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-aditional, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-aditional, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-aditional, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-aditional {
    font-size: 14px;
    line-height: 16px;
    height: 28px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo {
    gap: 10px;
    padding-right: 0px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .priceContainer {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.4px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-promo .discountContainer {
    font-size: 12px;
    line-height: 13px;
  }
  #grill #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old, #grill #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old, #grill .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old, #subscriptions #productsGridView .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old, #subscriptions #productsGridView.services .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old, #subscriptions .subscriptionPositionBlock .product-card-wrapper .product-card .product-info .product-offer .product-price .price-old {
    font-size: 14px;
    line-height: 16px;
  }
}
#productsListView {
  display: none;
}
#productsListView.selected {
  display: block;
}
#productsListView .product-card-wrapper {
  height: 100%;
  height: calc(100% - 130px);
  background: var(--core-white);
  margin-right: 2px;
}
#productsListView .product-card-wrapper:first-child {
  border-radius: 10px 10px 0 0;
}
#productsListView .product-card-wrapper:last-child {
  border-radius: 0 0 10px 10px;
}
#productsListView .product-card-wrapper .product-card {
  position: relative;
  padding: 15px 10px;
  border-bottom: 1px solid var(--grays-6);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}
#productsListView .product-card-wrapper .product-card.out-of-stock {
  opacity: 0.4 !important;
}
#productsListView .product-card-wrapper .product-card-image {
  width: 100%;
  min-height: 70px;
}
#productsListView .product-card-wrapper .product-card-left {
  height: 100%;
  min-width: 60px;
  overflow: hidden;
}
#productsListView .product-card-wrapper .product-card-left > img {
  max-height: 70px;
  height: 70px;
  min-width: 50px;
  width: 50px;
  margin-right: 15px;
}
#productsListView .product-card-wrapper .product-card-right {
  overflow: hidden;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  gap: 5px;
}
#productsListView .product-card-wrapper .product-card-right > a {
  width: 100%;
}
#productsListView .product-card-wrapper .product-card-description {
  width: 100%;
}
#productsListView .product-card-wrapper .product-card-description .product-name {
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 16px;
}
#productsListView .product-card-wrapper .product-card-description .product-name mark {
  background: none;
  padding: 0;
  border-bottom: 1px solid #000;
  text-decoration: underline;
}
#productsListView .product-card-wrapper .product-card-description .product-aditional {
  gap: 5px;
  font-size: 12px;
  line-height: 13px;
  margin-top: 5px;
  text-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
#productsListView .product-card-wrapper .product-card .product-price {
  min-width: 60px;
  align-items: flex-end;
  flex-direction: column;
  white-space: nowrap;
  min-height: 46px;
}
#productsListView .product-card-wrapper .product-card .product-price-old {
  text-decoration: line-through;
}
#productsListView .product-card-wrapper .product-card .product-price-standart {
  font-size: 14px;
  line-height: 16px;
}
#productsListView .product-card-wrapper .product-card .product-price-rate {
  margin-left: 15px;
  font-size: 12px;
  line-height: 13px;
}
#productsListView .product-card-wrapper .product-card .product-price-badge {
  position: relative;
  padding: 2px 4px;
  border-radius: 2px;
}
#productsListView .product-card-wrapper .product-card .product-description {
  flex-wrap: wrap;
}
#productsListView .product-card-wrapper .product-card .product-stock {
  text-transform: lowercase;
}

@media (min-width: 769px) {
  #productsListView .product-card-wrapper {
    height: calc(100% - 50px);
  }
  #productsListView .product-card-wrapper .product-card {
    padding: 10px 40px 10px 10px;
    gap: 15px;
  }
  #productsListView .product-card-wrapper .product-card-image {
    min-height: 80px;
  }
  #productsListView .product-card-wrapper .product-card-right {
    gap: 15px;
  }
  #productsListView .product-card-wrapper .product-card-right .floating-section {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 0 12px 15px;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    background: rgba(255, 255, 255, 0.6);
    transform: translateX(110px);
    -webkit-transition: transform 0.2s 0s ease-out;
    -moz-transition: transform 0.2s 0s ease-out;
    -ms-transition: transform 0.2s 0s ease-out;
    -o-transition: transform 0.2s 0s ease-out;
    transition: transform 0.2s 0s ease-out;
    z-index: 3;
    will-change: backdrop-filter;
  }
  #productsListView .product-card-wrapper .product-card-right .floating-section.cannotCompare, #productsListView .product-card-wrapper .product-card-right .floating-section.preorder {
    transform: translateX(50px);
  }
  #productsListView .product-card-wrapper .product-card-right .floating-section .button-section {
    padding: 5px 0 5px 0px;
    margin-left: 0;
    border-left: none;
    transform: translateX(100px);
    opacity: 0;
    -webkit-transition: all 0.2s 0s ease-out;
    -moz-transition: all 0.2s 0s ease-out;
    -ms-transition: all 0.2s 0s ease-out;
    -o-transition: all 0.2s 0s ease-out;
    transition: all 0.2s 0s ease-out;
    gap: 15px;
  }
  #productsListView .product-card-wrapper .product-card-right .floating-section .button-section > span.inactive {
    opacity: 0.4;
    pointer-events: none;
  }
  #productsListView .product-card-wrapper .product-card-right .floating-section .button-section button {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50px;
    border: 1px solid var(--grays-5);
    background: var(--core-white);
    padding: 10px;
    -webkit-transition: all 0.2s 0s ease-out;
    -moz-transition: all 0.2s 0s ease-out;
    -ms-transition: all 0.2s 0s ease-out;
    -o-transition: all 0.2s 0s ease-out;
    transition: all 0.2s 0s ease-out;
  }
  #productsListView .product-card-wrapper .product-card-right .floating-section .button-section .productStartConfig, #productsListView .product-card-wrapper .product-card-right .floating-section .button-section .preorder {
    background: var(--core-black);
    border: 1px solid var(--core-black);
  }
  #productsListView .product-card-wrapper .product-card-right .floating-section .button-section .productStartConfig:hover, #productsListView .product-card-wrapper .product-card-right .floating-section .button-section .preorder:hover {
    background: var(--core-orange-1);
    border: 1px solid var(--core-orange-1);
  }
  #productsListView .product-card-wrapper .product-card-description {
    width: calc(100% - 180px);
  }
  #productsListView .product-card-wrapper .product-card-description .product-name {
    height: 20px;
    -webkit-line-clamp: 1;
    font-size: 18px;
    line-height: 20px;
  }
  #productsListView .product-card-wrapper .product-card-description .product-aditional {
    font-size: 14px;
    line-height: 16px;
    margin-top: 8px;
    gap: 10px;
    flex-direction: row;
    align-items: center;
  }
  #productsListView .product-card-wrapper .product-card .product-price {
    margin-top: 10px;
    text-transform: lowercase;
    min-height: auto;
    justify-content: center;
    height: 56px;
  }
  #productsListView .product-card-wrapper .product-card .product-price-old {
    font-size: 14px;
    line-height: 16px;
  }
  #productsListView .product-card-wrapper .product-card .product-price-standart {
    font-size: 20px;
    line-height: 22px;
  }
  #productsListView .product-card-wrapper .product-card .product-price-rate {
    margin-left: 0;
  }
  #productsListView .product-card-wrapper .product-card.in-stock:hover .button-section {
    opacity: 1;
    transform: translateX(0px);
    padding: 5px 40px 5px 25px;
    margin-left: 25px;
    border-left: 1px solid #ddd;
  }
  #productsListView .product-card-wrapper .product-card.in-stock:hover .floating-section {
    transform: translateX(0px);
  }
}
#emptyContainer {
  display: none;
}
#emptyContainer .empty-wrapper .main-container {
  padding-top: 70px;
}
#emptyContainer .empty-wrapper .main-container .empty-text #reset-button {
  cursor: pointer;
  text-decoration: underline;
}
#emptyContainer .lp-nav #lp-nav-v2 {
  height: 146px;
  display: flex;
  justify-content: center;
}
#emptyContainer .lp-nav #lp-nav-v2 .nav-item {
  width: 100px;
  background: 0 0;
  border-radius: 5px;
  overflow: hidden;
  padding: 15px;
}
#emptyContainer .lp-nav #lp-nav-v2 .nav-item .img-wrapper {
  overflow: hidden;
  border-radius: 50px;
  background-color: #fff;
}
#emptyContainer .lp-nav #lp-nav-v2 .nav-item .img-wrapper > div {
  border-radius: 0;
  width: 65px;
  height: 65px;
  background-size: 55% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transform: scale(1);
  transition: all 0.2s ease-out;
  box-shadow: 244px 257px 99px 0px rgba(0, 0, 0, 0), 156px 164px 91px 0px rgba(0, 0, 0, 0), 88px 92px 76px 0px rgba(0, 0, 0, 0.01), 39px 41px 57px 0px rgba(0, 0, 0, 0.02), 10px 10px 31px 0px rgba(0, 0, 0, 0.02), 0px 0px 0px 0px rgba(0, 0, 0, 0.02);
}
#emptyContainer .lp-nav .x-slider .x-slider-title {
  display: none;
}
#emptyContainer .popular-wrapper #h-slider-2 .x-slider .x-slider-title > .gridContainer {
  width: 100%;
  margin: 0;
  padding: 0;
}
#emptyContainer .popular-wrapper #h-slider-2 .x-slider .x-slider-wrapper {
  margin-left: -20px;
}

@media (min-width: 481px) {
  #emptyContainer .popular-wrapper #h-slider-2 .x-slider .x-slider-title h2 {
    font-size: 24px;
  }
  #emptyContainer .popular-wrapper #h-slider-2 .x-slider .x-slider-wrapper {
    margin-left: -15px;
  }
}
#grill-pagination .wrapper-container {
  gap: 10px;
}
#grill-pagination .wrapper-container .wrapper-pagination {
  max-width: 300px;
  min-width: fit-content;
  overflow: hidden;
  position: relative;
  gap: 10px;
}
#grill-pagination .wrapper-container .item {
  cursor: pointer;
  width: 32px;
  height: 32px;
  min-width: 32px;
  background: var(--core-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
#grill-pagination .wrapper-container .item.selected, #grill-pagination .wrapper-container .item:hover {
  background: var(--core-black);
  color: var(--core-white);
}
#grill-pagination .wrapper-container .item.selected {
  pointer-events: none;
}
#grill-pagination .wrapper-container .last-item, #grill-pagination .wrapper-container .first-item {
  gap: 10px;
}
#grill-pagination .wrapper-container .last-item .separator, #grill-pagination .wrapper-container .first-item .separator {
  pointer-events: none;
  display: none;
}
#grill-pagination .wrapper-container .last-item .value, #grill-pagination .wrapper-container .first-item .value {
  display: none;
}
#grill-pagination .nextPage {
  cursor: pointer;
  width: fit-content;
  margin: 0 auto;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
#grill-pagination .nextPage:hover {
  color: var(--core-orange-1);
}
#grill-pagination .nextPage.disabled {
  cursor: default;
  color: var(--grays-4);
  pointer-events: none;
}

button.active {
  background-color: #4CAF50;
  color: white;
}

#wrapper .grill-description {
  color: #282828;
}

@media (min-width: 481px) {
  #wrapper .grill-description .txt-caption-s-size {
    font-size: 30px;
    line-height: 32px;
  }
  #wrapper .grill-description.txt-m-size {
    font-size: 16px;
    line-height: 18px;
  }
}