@charset "UTF-8";
/* 
 * -------------------------------------------------------------------
 * Benefits listing
 * -------------------------------------------------------------------
 * @container   .wa-benefits-listing
 * @author      Matúš Mendel
 * @updated     20/01/23
 * -------------------------------------------------------------------
 */
html, body {
  overflow-x: hidden !important;
}

.wa-scrollable-wrapper {
  width: 100%;
}

div.wa-benefits-listing {
  --columns: 3;
  --column-gap: 1rem;
  --row-gap: 1rem;
}
div.wa-benefits-listing {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(var(--columns), max-content);
  row-gap: var(--row-gap);
  column-gap: var(--column-gap);
  justify-content: space-between;
}
div.wa-benefits-listing--category {
  --columns: 4;
  --column-gap: var(--space-m);
  --row-gap: calc(var(--column-gap) * 0.75);
}
div.wa-benefits-listing--product {
  --columns: 5;
  --column-gap: var(--space-s);
  --row-gap: calc(var(--column-gap) * 1.5);
}
div.wa-benefits-listing-item {
  display: flex;
  align-items: center;
  flex-direction: row !important;
  gap: var(--space-xs);
  font-size: 2rem;
}
div.wa-benefits-listing-item__text {
  font-size: 80%;
}
div.wa-benefits-listing-item__icon {
  font-size: 120%;
  color: var(--primary);
}
div.wa-benefits-listing-item__icon svg {
  width: 1em !important;
  height: 1em !important;
  color: currentColor;
}
div.wa-benefits-listing-item--vertical {
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
}
div.wa-benefits-listing-item--vertical div.wa-benefits-listing-item__text {
  text-align: center;
  font-size: 80%;
}

@media (max-width: 1023px) {
  body .wa-header__my-acc-btn,
  body .wa-header__wishlist-btn {
    margin-right: var(--space-xs) !important;
  }
  .wa-header__bottom-area {
    display: none;
  }
  .wa-header-hamburger-menu {
    background: var(--primary) !important;
    margin-right: var(--space-xs) !important;
  }
  .wa-header-hamburger-menu svg {
    width: 24px !important;
    height: 24px !important;
  }
  body .wa-header__logo-mobile {
    margin-left: var(--space-xs) !important;
    margin-right: var(--space-xs) !important;
  }
  body .wooptima-cart-header {
    width: 42px !important;
    height: 42px !important;
  }
  body .wooptima-cart-header svg {
    width: 24px !important;
    height: 24px !important;
  }
  body .wa-header-user-btn {
    width: 42px !important;
    height: 42px !important;
  }
  body .wa-header-user-btn svg {
    width: 24px !important;
    height: 24px !important;
  }
  body .wa-header__mobile-search {
    width: 42px !important;
    height: 42px !important;
  }
  body .wa-header__mobile-search svg {
    width: 24px !important;
    height: 24px !important;
  }
  body .wa-header-logo {
    width: 100% !important;
    max-height: 42px;
  }
  body .wa-header-logo svg {
    width: 24px !important;
    height: 24px !important;
  }
  body .wa-header-hamburger-menu {
    width: 42px !important;
    height: 42px !important;
  }
  body .wa-header-hamburger-menu svg {
    width: 24px !important;
    height: 24px !important;
  }
}
body .wooptima-product-label__stock_status.onbackorder {
  color: var(--wa-colors-stock-onbackorder) !important;
}

body .oxy-wpgb-facet .wpgb-load-more {
  background: var(--dark-gradient) !important;
  background-position: 50% !important;
  background-size: 150% !important;
  transition: background 300ms ease-in-out !important;
  padding-top: var(--space-s) !important;
  padding-bottom: var(--space-s) !important;
  border-radius: var(--radius-m) !important;
  padding-right: var(--space-xl) !important;
  padding-left: var(--space-xl) !important;
  font-weight: 700 !important;
}
body .oxy-wpgb-facet .wpgb-load-more:hover {
  background-position: 0% !important;
}

body.woocommerce-checkout .cart-totals__wrapper {
  flex-wrap: wrap;
}
body.woocommerce-checkout .cart-totals__wrapper .includes_tax {
  width: 100%;
  text-align: right;
}

body.woocommerce-checkout #billing_phone {
  padding: 0 !important;
}

@media (max-width: 767px) {
  body.woocommerce-checkout .wa-footer-main-wrapper {
    margin-top: 0 !important;
  }
  body .wooptima-checkout-form .wooptima-checkout-content__wrapper {
    padding-top: 0 !important;
  }
  body.woocommerce-cart .wa-cart-actions .wa-cart-price-and-btn {
    margin-bottom: 0 !important;
  }
  body.woocommerce-cart .wa-free-shipping-threshold {
    padding-inline: var(--space-l) !important;
  }
  body .cart-checkout-helpbox__image {
    max-width: 100px;
  }
  body div.wa-benefits-listing {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
  body .wa-model {
    margin-bottom: var(--space-s);
  }
  body .wa-saved-printers-save-area {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  body .wa-saved-printers-save-area .wa-customer-printer-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  body .wa-saved-printers-save-area .wa-saved-printers-group-select {
    align-items: flex-end !important;
  }
  body .manufacturer-form__title {
    max-width: 300px;
    text-align: center;
  }
  body .manufacturer-form__image {
    top: -2%;
  }
  body .wa-manufacturer {
    grid-template-columns: 1fr !important;
  }
  body .wa-product-tabs__contact {
    grid-template-columns: 1fr !important;
  }
  body .tab-accordion.tabs-6091-tab-active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 0 !important;
  }
  body .oxy-tab-content {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .wa-footer-wrapper {
    display: flex !important;
    align-items: flex-start !important;
  }
  body .heureka-reviews__carousel section {
    overflow-x: unset !important;
  }
  body .heureka-reviews__left-side {
    align-items: unset !important;
  }
  body .heureka-reviews__left-side img {
    height: 75px;
    width: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
  }
  body .heureka-reviews-wrapper {
    z-index: 100;
  }
  body .heureka-reviews-wrapper .primary-button {
    margin-top: var(--space-l);
  }
  body .heureka-reviews-wrapper .heurekaShopReviewsCarousel ul {
    display: flex !important;
    flex-direction: row !important;
    max-width: 100vw !important;
    width: 100vw !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: var(--space-xl) !important;
    margin-bottom: calc(var(--space-xl) * -1) !important;
    padding-right: var(--section-padding-x) !important;
    padding-left: var(--section-padding-x) !important;
    margin-left: calc(var(--section-padding-x) * -1) !important;
  }
  body .heureka-reviews-wrapper .heurekaShopReviewsCarousel ul li {
    height: unset !important;
    flex: 0 0 80% !important;
  }
  body .heureka-reviews-wrapper .heurekaShopReviewsCarousel ul li:last-child {
    margin-right: 0 !important;
  }
  body .heureka-reviews-wrapper .heurekaShopReviewsCarousel ul li div {
    white-space: initial !important;
  }
  body .heureka-reviews-wrapper .heurekaShopReviewsCarousel ul li .vc-rating-author {
    margin-top: var(--space-s) !important;
  }
  body .heureka-reviews-wrapper > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: start !important;
  }
  body .wa-footer .wa-footer__inner-wrapper {
    grid-template-columns: 1fr !important;
    grid-auto-flow: unset !important;
    align-items: flex-start;
    justify-content: flex-start;
    justify-items: start !important;
  }
  body .wa-hp-top-sellers-section .ct-section-inner-wrap {
    align-items: flex-start !important;
  }
  body .wa-hp-top-sellers-section .ct-section-inner-wrap .primary-heading {
    margin-left: auto;
    margin-right: auto;
  }
  .cat-tabs .cat-tab:last-child {
    z-index: 100;
  }
  body .wa-adv-section .ct-section-inner-wrap {
    padding-top: 0 !important;
  }
  body .wa-scrollable-wrapper {
    position: relative;
  }
  body .wa-scrollable-wrapper:after {
    pointer-events: none;
    content: "";
    width: 25%;
    height: 100%;
    z-index: 99;
    display: block;
    bottom: -10px;
    right: calc(var(--section-padding-x) * -1);
    position: absolute;
    background: -moz-linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  body .wa-scrollable-wrapper .wa-scrollable {
    display: flex !important;
    flex-direction: row !important;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: var(--space-xl);
    margin-bottom: calc(var(--space-xl) * -1);
    padding-right: var(--section-padding-x) !important;
    padding-left: var(--section-padding-x) !important;
  }
  body .wa-scrollable-wrapper .adv-wrapper {
    padding-top: var(--space-xxl) !important;
  }
  body .wa-scrollable-wrapper .adv-wrapper .adv-card {
    padding-bottom: var(--space-m);
  }
  body .wa-scrollable-wrapper .adv-wrapper .adv-card:last-child {
    z-index: 100;
  }
  body .wa-scrollable-wrapper .adv-wrapper .adv-card__desc {
    margin-top: 2px;
  }
  body .wooptima_manufacturers_logos_carousel .wpgb-card-header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body .wa-hp-hero-carousel--bottom .splide__slide.is-active:before {
    top: -8px;
    width: 16px;
    height: 16px;
  }
  body .wa-hp-hero-carousel--bottom .splide__slide {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
  }
  body .wa-hp-hero-carousel--bottom .splide__slide:after {
    height: 4px;
    bottom: 4px;
  }
  body .wa-hp-hero-carousel--bottom .wa-hp-hero-carousel__text {
    line-height: 1.2;
  }
  body .wa-header-cham {
    display: none;
  }
  body .wa-header__topbar-area .oxy-header-left {
    width: 100%;
  }
  body .wa-header__topbar-area .oxy-header-left .wa-topbar-phone {
    width: 100%;
  }
  body .wa-header__topbar-area .oxy-header-left .wa-topbar-phone__content {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  body .wa-header__topbar-area .oxy-header-center {
    display: none !important;
  }
  body .wa-header__topbar-area .oxy-header-right {
    display: none !important;
  }
  body .woocommerce-form-coupon-toggle {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--space-l);
  }
}
@media (max-width: 479px) {
  body .wa-checkout-coupon-form__fields {
    display: flex !important;
    flex-direction: column !important;
  }
  body div.wa-benefits-listing {
    flex-direction: column !important;
  }
  body .wa-model-disclaimer {
    padding-right: calc(7.5rem + var(--space-m));
  }
  body .wa-model-disclaimer__img {
    max-height: 65px !important;
  }
  body section .ct-section-inner-wrap .wa-model {
    display: flex !important;
    flex-direction: column;
  }
  body section .ct-section-inner-wrap .wa-model__left {
    display: none !important;
  }
  body .manufacturer-form__title {
    font-size: var(--text-xl);
    text-align: center;
  }
  body .wpcf7 .wa-cf7_layout_wrapper .wa-cf7_inputs_wrapper > p {
    margin: 0 !important;
  }
  body .manufacturer-form {
    padding: var(--space-xxl) var(--space-l) !important;
  }
  body .woocommerce input[type=radio] {
    height: 16px !important;
    width: 16px !important;
    flex: 0 0 16px !important;
  }
  body .wa-primary-product-grid .wpgb-card-content {
    padding-inline: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
  body .wa-primary-product-grid .wooptima-button__add_to_cart a {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  body .wa-primary-product-grid .wooptima-button__add_to_cart img {
    display: none !important;
  }
  body .woocommerce input[type=radio] {
    height: 16px !important;
    width: 16px !important;
    flex: 0 0 16px !important;
  }
  body .shipping-methods__wrapper > label .method__content .method__icon svg,
  body .payment-methods__wrapper > label .method__content .method__icon svg {
    max-height: 28px !important;
  }
}