:root {
  --upperyou-mobile-section-gap: 24px;
}

.checkout-mobile-flow-bar,
.checkout-order-detail-title,
.checkout-payment-detail-title {
  display: none;
}

.checkout-mobile-cart-coolclub {
  display: none;
}

@media (min-width: 769px) {
  body.woocommerce-checkout .checkout-wrapper {
    padding-bottom: 50px !important;
  }

  body.woocommerce-checkout .upperyou-page__content.container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.woocommerce-checkout .checkout-wrapper > .container-fluid {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 768px) {
  body.woocommerce-checkout {
    background: #ffffff;
  }

  body.woocommerce-checkout .checkout-wrapper {
    margin-bottom: 0;
    padding-bottom: 37px;
  }

  body.woocommerce-checkout .checkout-wrapper > .container-fluid,
  body.woocommerce-checkout .checkout-sticky-bar > .container-fluid {
    padding-left: 14px;
    padding-right: 14px;
  }

  .checkout-wrapper.upperyou-mobile-step-cart .checkout-mobile-form-column {
    display: none !important;
  }

  .checkout-wrapper.upperyou-mobile-step-cart .checkout-mobile-summary-column,
  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-mobile-form-column,
  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-mobile-summary-column {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-mobile-flow-bar {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 14px;
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
  }

  .checkout-mobile-flow-bar__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 0;
    color: #0a0a0a;
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
  }

  .checkout-mobile-flow-bar__title {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #0a0a0a;
  }

  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right > .checkout-right,
  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right > .checkout-right,
  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-left {
    padding: 20px 0 28px;
    background: #ffffff;
  }

  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart {
    display: flex;
    flex-direction: column;
  }

  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart > * {
    order: 10;
  }

  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart-notice {
    order: 1;
    display: flex !important;
    margin: 0 0 16px;
  }

  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .checkout-mobile-cart-coolclub {
    order: 2;
    display: block;
    margin-bottom: 28px;
  }

  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart > .heading {
    order: 3;
  }

  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart-select-all {
    order: 4;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right > .checkout-right {
    display: flex;
    flex-direction: column;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right .checkout-payment-detail-title {
    order: 1;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right .custom-checkout-summary {
    order: 2;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right .cart {
    order: 3;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .coolclub-banner {
    display: none;
  }

  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .promotion,
  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .custom-coupon-box,
  .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .checkout-special-offer,
  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right .cart > .heading,
  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right .cart-notice,
  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right .cart-select-all,
  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right .promotion,
  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right .custom-coupon-box,
  .checkout-wrapper.upperyou-mobile-step-checkout #checkout-right .checkout-special-offer {
    display: none !important;
  }

  .checkout-wrapper.upperyou-mobile-step-cart .checkout-payment-detail-title,
  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-payment-detail-title,
  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-order-detail-title {
    display: block;
    margin: 26px 0 14px;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #0a0a0a;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-order-detail-title {
    margin-top: 34px;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-item__select,
  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-item .product-qty,
  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-item .remove-item {
    display: none !important;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-item {
    align-items: stretch;
    gap: 12px;
    padding: 8px;
    background: #f2f2f2;
    border: 0;
    border-radius: 6px;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-item .item-image {
    flex: 0 0 78px;
    width: 78px;
    height: 92px;
    overflow: hidden;
    background: #e8e8e8;
    border-radius: 6px;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-item .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-item .product-title {
    font-size: 14px;
    line-height: 1.35;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-item .product-attributes {
    font-size: 12px;
    color: #7a7a7a;
  }

  .checkout-wrapper.upperyou-mobile-step-checkout .checkout-item .product-price {
    align-self: flex-end;
    margin-top: 8px;
    font-weight: 700;
  }

  .checkout-sticky-bar {
    padding: 0;
    background: #ffffff;
  }

  .checkout-sticky-bar__inner {
    gap: 0;
  }

  .checkout-sticky-bar__left {
    display: flex !important;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #e5e5e5;
    color: #4f4f4f;
  }

  .checkout-sticky-bar__item {
    flex: 1 1 0;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
  }

  .checkout-sticky-bar__item svg {
    flex: 0 0 auto;
  }

  .checkout-sticky-bar__payment-label {
    display: inline;
    min-width: 0;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .checkout-sticky-bar__voucher {
    justify-content: flex-end;
  }

  .checkout-sticky-bar__voucher-label {
    min-width: 0;
    white-space: normal;
  }

  .checkout-sticky-bar__right {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46%;
    width: 100%;
    gap: 0;
    align-items: stretch;
  }

  .checkout-sticky-bar__total {
    display: flex;
    align-items: center;
    min-height: 58px;
    text-align: left;
  }

  .checkout-sticky-bar__amount {
    color: #2d45d7;
    font-size: 20px;
    line-height: 1.1;
  }

  .checkout-sticky-bar__place-order {
    width: 100%;
    min-height: 58px;
    padding: 0 16px;
    border-radius: 0;
    background: #000000;
    font-size: 14px;
  }
}

header.main-header .topbar-menu {
  background-color: #000000 !important;
}

header.main-header .topbar-menu .topbar-menu-list .menu-item:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.35) !important;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

@media (min-width: 1025px) {
  header.main-header .header-menu.desktop-menu > ul.menu > .menu-item > ul.sub-menu {
    top: calc(100% - 8px) !important;
    margin-top: 0 !important;
  }

  header .wpr-nav-menu .menu-item-has-children .wpr-sub-mega-menu {
    transform: translate(-50%, 0) !important;
  }
}

.button-primary,
.button-secondary {
  gap: 8px;
}

.link-brand,
.link-brand:hover {
  color: #0a0a0a !important;
}

.button-primary svg,
.button-secondary svg,
.btn-view-more svg,
.hero-cta-button svg,
.link-brand img,
.link-brand svg {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
}

.button-primary svg,
.button-secondary svg,
.btn-view-more svg,
.hero-cta-button svg,
.link-brand svg {
  color: currentColor !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.button-primary svg circle,
.button-secondary svg circle,
.btn-view-more svg circle,
.hero-cta-button svg circle {
  display: none !important;
  fill: transparent !important;
}

.button-primary svg path,
.button-secondary svg path,
.btn-view-more svg path,
.hero-cta-button svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.link-brand svg path {
  fill: none !important;
  stroke: currentColor !important;
}

.list-product .btn-view-more svg circle {
  transition: fill 0.4s ease;
}

.list-product .btn-view-more:hover svg circle {
  fill: transparent !important;
}

.main-sprorts .list-product .btn-view-more:hover svg circle {
  fill: transparent !important;
}

.section-categories .title-arrow {
  display: inline-flex;
  width: 14px;
  height: 14px;
  line-height: 0;
}

.section-categories .title-arrow svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto;
}

.section-categories .title-arrow svg path {
  fill: none !important;
  stroke: currentColor !important;
}

.mobile-menu .sub-menu-fake > li.col-image {
  display: none !important;
}

/* Mobile submenu: increase left inset and let the icon cover the link's right padding. */
.mobile-menu .sub-menu-fake > li > a {
  padding-left: 24px !important;
}

.section-eight .bEight-swiper {
  --beight-arrow-top: 30%;
  position: relative !important;
}

.section-eight .swiper-wrapper {
  position: relative;
  z-index: 1;
}

.section-eight .swiper-slide a {
  position: relative;
  z-index: 1;
}

.section-eight .beight-arrow {
  top: var(--beight-arrow-top, 30%) !important;
  z-index: 50 !important;
  pointer-events: auto !important;
}

.section-eight .beight-arrow * {
  pointer-events: none;
}

.mobile-menu .sub-menu-fake > li.menu-item-has-children {
  position: relative !important;
}

.mobile-menu .sub-menu-fake > li.menu-item-has-children > a {
  padding-left: 24px !important;
  padding-right: 48px !important;
  position: relative !important;
  z-index: 1;
}

.mobile-menu .sub-menu-fake > li.menu-item-has-children > .ic-down {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 48px !important;
  height: 52px !important;
  min-height: 0 !important;
  z-index: 3 !important;
  cursor: pointer;
  pointer-events: auto;
  background-size: 18px 18px !important;
  background-position: center !important;
  transform: none !important;
}

.mobile-menu .sub-menu-fake > li.menu-item-has-children.active > .ic-down {
  transform: scaleY(-1) !important;
}

.mobile-menu-acf-slider {
  width: 100%;
  margin-top: 16px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.mobile-menu-acf-slide {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
  background: #f5f5f5;
  color: #fff;
}

.mobile-menu-acf-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mobile-menu-acf-title {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 2;
  font-family: "SVN-Futura Now", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.mobile-menu-acf-slide::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 55%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
  pointer-events: none;
}

.mobile-menu-acf-pagination {
  position: static !important;
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
}

.mobile-menu-acf-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 !important;
  background: #0a0a0a;
  opacity: 0.25;
}

.mobile-menu-acf-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.mobile-menu-acf-arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 31px;
  height: 31px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  line-height: 0;
  transform: translateY(-50%);
}

.mobile-menu-acf-arrow svg {
  width: 31px;
  height: 31px;
  display: block;
}

.mobile-menu-acf-arrow svg circle {
  fill: #0a0a0a !important;
}

.mobile-menu-acf-arrow svg path {
  fill: #fff !important;
  stroke: none !important;
}

.mobile-menu-acf-prev {
  left: 0;
}

.mobile-menu-acf-next {
  right: 0;
}

.mobile-menu-acf-arrow.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 769px) {
  .p-card .p-card__price .woocommerce-Price-amount,
  .p-card .p-card__price .woocommerce-Price-amount bdi,
  .p-card .p-card__price ins .woocommerce-Price-amount,
  .p-card .p-card__price ins .woocommerce-Price-amount bdi,
  .p-card .p-card__price del .woocommerce-Price-amount,
  .p-card .p-card__price del .woocommerce-Price-amount bdi {
    font-size: 16px !important;
    line-height: 22px !important;
  }
}

.section-categories .scroll-btn,
.list-product .tab-content .product-arrow,
.section-blogs .blogs-arrow,
.section-six .bsix-arrow,
.section-sixteen .bsixteen-arrow,
.blockFive .bfive-arrow,
.section-categories .tab-content .swiper-arrow,
.blog .swiper-arrows .swiper-arrow,
.product-detail .pdp-main-prev,
.product-detail .pdp-main-next,
.product-detail .pdp-related-swiper .pdp-arrow,
.product-detail .suggested-products .swiper-button-prev,
.product-detail .suggested-products .swiper-button-next,
.product-special-offer__nav button,
.checkout-special-offer__nav button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-categories .scroll-btn::before,
.section-categories .scroll-btn::after,
.list-product .tab-content .product-arrow::before,
.list-product .tab-content .product-arrow::after,
.section-blogs .blogs-arrow::before,
.section-blogs .blogs-arrow::after,
.section-six .bsix-arrow::before,
.section-six .bsix-arrow::after,
.section-sixteen .bsixteen-arrow::before,
.section-sixteen .bsixteen-arrow::after,
.blockFive .bfive-arrow::before,
.blockFive .bfive-arrow::after,
.section-categories .tab-content .swiper-arrow::before,
.section-categories .tab-content .swiper-arrow::after,
.blog .swiper-arrows .swiper-arrow::before,
.blog .swiper-arrows .swiper-arrow::after,
.product-detail .pdp-main-prev::before,
.product-detail .pdp-main-prev::after,
.product-detail .pdp-main-next::before,
.product-detail .pdp-main-next::after,
.product-detail .pdp-related-swiper .pdp-arrow::before,
.product-detail .pdp-related-swiper .pdp-arrow::after,
.product-detail .suggested-products .swiper-button-prev::before,
.product-detail .suggested-products .swiper-button-prev::after,
.product-detail .suggested-products .swiper-button-next::before,
.product-detail .suggested-products .swiper-button-next::after,
.product-special-offer__nav button::before,
.product-special-offer__nav button::after,
.checkout-special-offer__nav button::before,
.checkout-special-offer__nav button::after {
  content: none !important;
  display: none !important;
}

.section-categories .scroll-btn svg,
.list-product .tab-content .product-arrow svg,
.section-blogs .blogs-arrow svg,
.section-six .bsix-arrow svg,
.section-sixteen .bsixteen-arrow svg,
.blockFive .bfive-arrow svg,
.section-categories .tab-content .swiper-arrow svg,
.blog .swiper-arrows .swiper-arrow svg,
.product-detail .pdp-main-prev svg,
.product-detail .pdp-main-next svg,
.product-detail .pdp-related-swiper .pdp-arrow svg,
.product-detail .suggested-products .swiper-button-prev svg,
.product-detail .suggested-products .swiper-button-next svg,
.product-special-offer__nav button svg,
.checkout-special-offer__nav button svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  transform: none !important;
}

.section-categories .scroll-btn svg circle,
.list-product .tab-content .product-arrow svg circle,
.section-blogs .blogs-arrow svg circle,
.section-six .bsix-arrow svg circle,
.section-sixteen .bsixteen-arrow svg circle,
.blockFive .bfive-arrow svg circle,
.section-categories .tab-content .swiper-arrow svg circle,
.blog .swiper-arrows .swiper-arrow svg circle,
.product-detail .pdp-main-prev svg circle,
.product-detail .pdp-main-next svg circle,
.product-detail .pdp-related-swiper .pdp-arrow svg circle,
.product-detail .suggested-products .swiper-button-prev svg circle,
.product-detail .suggested-products .swiper-button-next svg circle,
.product-special-offer__nav button svg circle,
.checkout-special-offer__nav button svg circle {
  fill: #0a0a0a !important;
}

.section-categories .scroll-btn svg path,
.list-product .tab-content .product-arrow svg path,
.section-blogs .blogs-arrow svg path,
.section-six .bsix-arrow svg path,
.section-sixteen .bsixteen-arrow svg path,
.blockFive .bfive-arrow svg path,
.section-categories .tab-content .swiper-arrow svg path,
.blog .swiper-arrows .swiper-arrow svg path,
.product-detail .pdp-main-prev svg path,
.product-detail .pdp-main-next svg path,
.product-detail .pdp-related-swiper .pdp-arrow svg path,
.product-detail .suggested-products .swiper-button-prev svg path,
.product-detail .suggested-products .swiper-button-next svg path,
.product-special-offer__nav button svg path,
.checkout-special-offer__nav button svg path {
  fill: #fff !important;
  stroke: none !important;
}

.section-categories .scroll-btn.prev,
.section-categories .scroll-btn.next,
.list-product .tab-content .product-arrow.product-prev,
.list-product .tab-content .product-arrow.product-next,
.section-blogs .blogs-arrow.blogs-prev,
.section-blogs .blogs-arrow.blogs-next,
.section-six .bsix-arrow.bsix-prev,
.section-six .bsix-arrow.bsix-next,
.section-sixteen .bsixteen-arrow.bsixteen-prev,
.section-sixteen .bsixteen-arrow.bsixteen-next,
.blockFive .bfive-arrow.bfive-prev,
.blockFive .bfive-arrow.bfive-next,
.section-categories .tab-content .swiper-button-prev,
.section-categories .tab-content .swiper-button-next,
.product-detail .pdp-related-swiper .pdp-prev,
.product-detail .pdp-related-swiper .pdp-next,
.product-detail .suggested-products .swiper-button-prev,
.product-detail .suggested-products .swiper-button-next {
  transform: translateY(-50%) !important;
}

.section-categories .scroll-btn.prev {
  left: 15px !important;
}

.section-categories .scroll-btn.next {
  right: 15px !important;
}

.section-categories .scroll-btn.prev:hover,
.section-categories .scroll-btn.next:hover,
.list-product .tab-content .product-arrow.product-prev:hover,
.list-product .tab-content .product-arrow.product-next:hover,
.section-blogs .blogs-arrow.blogs-prev:hover,
.section-blogs .blogs-arrow.blogs-next:hover,
.section-six .bsix-arrow.bsix-prev:hover,
.section-six .bsix-arrow.bsix-next:hover,
.section-sixteen .bsixteen-arrow.bsixteen-prev:hover,
.section-sixteen .bsixteen-arrow.bsixteen-next:hover,
.blockFive .bfive-arrow.bfive-prev:hover,
.blockFive .bfive-arrow.bfive-next:hover,
.section-categories .tab-content .swiper-button-prev:hover,
.section-categories .tab-content .swiper-button-next:hover,
.product-detail .pdp-related-swiper .pdp-prev:hover,
.product-detail .pdp-related-swiper .pdp-next:hover,
.product-detail .suggested-products .swiper-button-prev:hover,
.product-detail .suggested-products .swiper-button-next:hover {
  transform: translateY(-50%) scale(1.05) !important;
}

.product-special-offer__nav button,
.checkout-special-offer__nav button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}

.product-special-offer__nav button svg,
.checkout-special-offer__nav button svg {
  width: 32px !important;
  height: 32px !important;
}

.upperyou-slider-counter.swiper-pagination,
.upperyou-slider-counter {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: max-content !important;
  max-width: 100%;
  margin: 26px auto 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.upperyou-slider-counter .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 !important;
  border-radius: 999px;
  background: #cfcfcf;
  opacity: 1;
  transition: width 0.25s ease, background-color 0.25s ease;
}

.upperyou-slider-counter .swiper-pagination-bullet-active {
  width: 28px;
  background: #d1372f;
}

.list-product .tab-content .product-arrow:not(.d-none),
.section-blogs .blogs-arrow:not(.d-none),
.section-six .bsix-arrow,
.section-sixteen .bsixteen-arrow,
.blockFive .bfive-arrow,
.blog .swiper-arrows .swiper-arrow,
.section-categories .tab-content .swiper-arrow {
  display: flex !important;
}

.blog .swiper-arrows {
  display: flex !important;
}

.hero-section .hero-banner-pagination.upperyou-slider-counter {
  position: absolute !important;
  top: auto !important;
  left: 50% !important;
  right: auto !important;
  bottom: 24px !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  z-index: 5;
}

.hero-section .hero-banner-arrow,
.section-eight .beight-arrow {
  position: absolute;
  top: 50%;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  transform: translateY(-50%);
  cursor: pointer;
}

.hero-section .hero-banner-prev,
.section-eight .beight-prev {
  left: 24px;
}

.hero-section .hero-banner-next,
.section-eight .beight-next {
  right: 24px;
}

.hero-section .hero-banner-arrow svg,
.section-eight .beight-arrow svg {
  width: 44px;
  height: 44px;
  display: block;
}

.hero-section .hero-banner-arrow svg circle,
.section-eight .beight-arrow svg circle {
  fill: #0a0a0a !important;
}

.hero-section .hero-banner-arrow svg path,
.section-eight .beight-arrow svg path {
  fill: #fff !important;
  stroke: none !important;
}

.hero-section .hero-banner-arrow:hover,
.section-eight .beight-arrow:hover {
  transform: translateY(-50%) scale(1.05);
}

@media (max-width: 768px) {
  .canvas-menu-mobile .offcanvas-header {
    padding: 24px 38px 28px !important;
  }

  .canvas-menu-mobile {
    --bs-offcanvas-width: 100vw;
    width: 100vw !important;
    max-width: 100vw !important;
    border-right: 0 !important;
  }

  .canvas-menu-mobile .btn-close {
    top: 24px !important;
  }

  .canvas-menu-mobile .offcanvas-body {
    padding-top: 0 !important;
  }

  .mobile-menu .main-menu-mobile {
    margin-top: 8px !important;
  }

  .hero-section,
  .section-categories,
  .section-sale-off,
  .list-product,
  .section-blogs,
  section.banner-section,
  .section-five,
  .section-six,
  .section-sixteen,
  .section-seven,
  .section-eight,
  .section-nine,
  .section-ten,
  .section-eleven,
  .blog,
  .coolclub,
  .brand {
    margin-top: 0 !important;
    margin-bottom: var(--upperyou-mobile-section-gap) !important;
    padding-bottom: 0 !important;
  }

  .section-six .bsix-arrow.bsix-prev,
  .section-six .bsix-arrow.bsix-next,
  .section-sixteen .bsixteen-arrow.bsixteen-prev,
  .section-sixteen .bsixteen-arrow.bsixteen-next {
    transform: translateY(0) !important;
  }

  .section-six .bsix-arrow.bsix-prev:hover,
  .section-six .bsix-arrow.bsix-next:hover,
  .section-sixteen .bsixteen-arrow.bsixteen-prev:hover,
  .section-sixteen .bsixteen-arrow.bsixteen-next:hover {
    transform: translateY(0) scale(1.05) !important;
  }

  .section-categories .scroll-btn {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .section-categories .scroll-btn svg {
    width: 31px !important;
    height: 31px !important;
  }

  .list-product .tab-content .product-arrow,
  .section-blogs .blogs-arrow,
  .section-six .bsix-arrow,
  .section-sixteen .bsixteen-arrow,
  .blockFive .bfive-arrow,
  .section-categories .tab-content .swiper-arrow,
  .blog .swiper-arrows .swiper-arrow,
  .product-detail .pdp-main-prev,
  .product-detail .pdp-main-next,
  .product-detail .pdp-related-swiper .pdp-arrow,
  .product-detail .suggested-products .swiper-button-prev,
  .product-detail .suggested-products .swiper-button-next,
  .product-special-offer__nav button,
  .checkout-special-offer__nav button {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
  }

  .list-product .tab-content .product-arrow svg,
  .section-blogs .blogs-arrow svg,
  .section-six .bsix-arrow svg,
  .section-sixteen .bsixteen-arrow svg,
  .blockFive .bfive-arrow svg,
  .section-categories .tab-content .swiper-arrow svg,
  .blog .swiper-arrows .swiper-arrow svg,
  .product-detail .pdp-main-prev svg,
  .product-detail .pdp-main-next svg,
  .product-detail .pdp-related-swiper .pdp-arrow svg,
  .product-detail .suggested-products .swiper-button-prev svg,
  .product-detail .suggested-products .swiper-button-next svg,
  .product-special-offer__nav button svg,
  .checkout-special-offer__nav button svg {
    width: 31px !important;
    height: 31px !important;
  }

  .section-categories .scroll-btn.prev,
  .list-product .tab-content .product-arrow.product-prev,
  .section-categories .tab-content .swiper-button-prev,
  .section-blogs .blogs-arrow.blogs-prev,
  .section-six .bsix-arrow.bsix-prev,
  .section-sixteen .bsixteen-arrow.bsixteen-prev,
  .blockFive .bfive-arrow.bfive-prev,
  .product-detail .pdp-main-prev,
  .product-detail .pdp-related-swiper .pdp-prev,
  .product-detail .suggested-products .swiper-button-prev {
    left: 0 !important;
  }

  .section-categories .scroll-btn.next,
  .list-product .tab-content .product-arrow.product-next,
  .section-categories .tab-content .swiper-button-next,
  .section-blogs .blogs-arrow.blogs-next,
  .section-six .bsix-arrow.bsix-next,
  .section-sixteen .bsixteen-arrow.bsixteen-next,
  .blockFive .bfive-arrow.bfive-next,
  .product-detail .pdp-main-next,
  .product-detail .pdp-related-swiper .pdp-next,
  .product-detail .suggested-products .swiper-button-next {
    right: 0 !important;
  }

  .blog .swiper-arrows {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .upperyou-slider-counter {
    gap: 9px;
    margin-top: 24px !important;
  }

  .upperyou-slider-counter .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
  }

  .upperyou-slider-counter .swiper-pagination-bullet-active {
    width: 24px;
  }

  .hero-section .hero-banner-pagination.upperyou-slider-counter {
    bottom: 16px !important;
  }

  .hero-section .hero-banner-arrow,
  .section-eight .beight-arrow {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }

  .hero-section .hero-banner-arrow svg,
  .section-eight .beight-arrow svg {
    width: 34px;
    height: 34px;
  }

  .hero-section .hero-banner-prev,
  .section-eight .beight-prev {
    left: 12px;
  }

  .hero-section .hero-banner-next,
  .section-eight .beight-next {
    right: 12px;
  }

  .section-categories,
  .section-categories .container-fluid,
  .section-categories .category-slider {
    max-width: 100%;
    overflow-x: hidden;
  }

  .section-categories .wrapper-category-scroll {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
  }

  .section-categories .wrapper-category {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.product-detail .product-buy-box .suggested-products--wide {
  margin-top: 52px;
  padding-bottom: 64px;
  overflow: visible;
}

.product-detail .product-buy-box .suggested-products--wide .label {
  font-family: "SVN-Futura Now", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.product-detail .product-buy-box .suggested-products--wide .suggested-products__slider {
  position: relative;
}

.product-detail .product-buy-box .suggested-products--wide .swiper {
  width: 100%;
  overflow: hidden;
}

.product-detail .product-buy-box .suggested-products--wide .product-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-detail .product-buy-box .suggested-products--wide .product-image {
  display: block;
  width: 100%;
  aspect-ratio: 321 / 300;
  border-radius: 8px;
  overflow: hidden;
  background: #f5f5f5;
}

.product-detail .product-buy-box .suggested-products--wide .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-detail .product-buy-box .suggested-products--wide .product-title {
  font-family: "SVN-Futura Now", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin: 12px 0 8px;
  min-height: 48px;
}

.product-detail .product-buy-box .suggested-products--wide .product-title a {
  color: #0a0a0a;
  transition: all 0.3s ease;
}

.product-detail .product-buy-box .suggested-products--wide .product-title a:hover {
  color: #d1372f;
}

.product-detail .product-buy-box .suggested-products--wide .product-price {
  margin-top: auto;
}

.product-detail .product-buy-box .suggested-products--wide .swiper-button-prev,
.product-detail .product-buy-box .suggested-products--wide .swiper-button-next {
  position: absolute;
  top: calc(50% - 36px);
  z-index: 30;
  pointer-events: auto;
}

.product-detail .product-buy-box .suggested-products--wide .swiper-button-prev {
  left: -22px !important;
}

.product-detail .product-buy-box .suggested-products--wide .swiper-button-next {
  right: -22px !important;
}

@media(max-width: 768px) {
  .product-detail .product-buy-box .suggested-products--wide {
    margin-top: 32px;
    padding-bottom: 40px;
  }

  .product-detail .product-buy-box .suggested-products--wide .label {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .product-detail .product-buy-box .suggested-products--wide .product-image {
    aspect-ratio: 162 / 202;
  }

  .product-detail .product-buy-box .suggested-products--wide .product-title {
    font-size: 14px;
    line-height: 20px;
    min-height: 40px;
  }

  .product-detail .product-buy-box .suggested-products--wide .swiper-button-prev,
  .product-detail .product-buy-box .suggested-products--wide .swiper-button-next {
    top: calc(50% - 46px);
    z-index: 40 !important;
  }

  .product-detail .product-buy-box .suggested-products--wide .swiper-button-prev {
    left: 0 !important;
  }

  .product-detail .product-buy-box .suggested-products--wide .swiper-button-next {
    right: 0 !important;
  }
}

/* Quantity +/- controls: larger, equal icon box */
.add-to-cart-wrap .qty-box {
  align-items: center;
}

.add-to-cart-wrap .qty-box .qty-btn,
.checkout-wrapper .checkout-right .cart .product-qty .qty-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.add-to-cart-wrap .qty-box .qty-btn {
  color: #fff !important;
}

.checkout-wrapper .checkout-right .cart .product-qty .qty-btn {
  color: #0a0a0a !important;
}

.add-to-cart-wrap .qty-box .qty-btn svg,
.checkout-wrapper .checkout-right .cart .product-qty .qty-btn svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  display: block !important;
}

.add-to-cart-wrap .qty-box .qty-btn svg path,
.checkout-wrapper .checkout-right .cart .product-qty .qty-btn svg path {
  stroke: currentColor !important;
}

@media (max-width: 768px) {
  body.woocommerce-checkout .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart .custom-review-order .checkout-item:not(:last-child) {
    border-bottom: 1px solid rgba(128, 130, 133, 0.3) !important;
  }

  body.woocommerce-checkout .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart .checkout-item .item-info {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px;
    grid-template-areas: "title title" "attrs attrs" "qty qty" "price remove";
    column-gap: 8px;
    row-gap: 6px;
    align-items: center;
  }

  body.woocommerce-checkout .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart .checkout-item .product-title {
    grid-area: title;
    font-size: 14px !important;
    line-height: 22px !important;
    margin: 0 !important;
  }

  body.woocommerce-checkout .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart .checkout-item .product-attributes {
    grid-area: attrs;
  }

  body.woocommerce-checkout .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart .checkout-item .item-info > .d-flex {
    display: contents !important;
  }

  body.woocommerce-checkout .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart .checkout-item .product-price {
    grid-area: price;
    align-self: center;
    margin: 0 !important;
  }

  body.woocommerce-checkout .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart .checkout-item .product-qty {
    grid-area: qty;
    justify-self: start;
  }

  body.woocommerce-checkout .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart .checkout-item .product-qty .qty-btn svg {
    width: 10px !important;
    height: 10px !important;
    flex: 0 0 10px !important;
  }

  body.woocommerce-checkout .checkout-wrapper.upperyou-mobile-step-cart #checkout-right .cart .checkout-item .remove-item {
    grid-area: remove;
    justify-self: end;
    align-self: center;
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    background-size: 14px 16px !important;
  }
}

/* Product badges sit flush with the media's top-left corner. */
.p-card .p-card__media .list-cate,
.p-card .list-cate {
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  margin: 0 !important;
  transform: none !important;
}

.p-card .p-card__media > .p-card__badge,
.p-card > .p-card__badge {
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  margin: 0 !important;
}

.product-detail .product-coupon ul li::before,
.product-detail .product-coupon ul li::after {
  width: 10px;
  height: 10px;
}

@media(max-width: 768px) {
  .product-detail .product-coupon ul li::before,
  .product-detail .product-coupon ul li::after {
    width: 6px;
    height: 6px;
  }

  .p-card .list-cate .p-card__ribbon {
    width: 32px;
  }
}

/* Sports category tabs are static grids, not sliders. */
.section-categories--sports-grid .tab-content .category-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.section-categories--sports-grid .tab-content .category-grid__item {
  min-width: 0;
}

.section-categories--sports-grid .tab-content .upperyou-slider-counter,
.section-categories--sports-grid .tab-content .swiper-arrow {
  display: none !important;
}

@media(max-width: 1024px) {
  .section-categories--sports-grid .tab-content .category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media(max-width: 768px) {
  .section-categories--sports-grid .tab-content .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

/* Standard category block: desktop grid, mobile slider. */
.section-categories--static-grid .category-slider,
.section-categories--static-grid .wrapper-category-scroll {
  max-width: 100%;
  overflow: visible !important;
}

.section-categories--static-grid .category-slider {
  position: relative;
}

.section-categories--static-grid .wrapper-category {
  flex-wrap: wrap !important;
  row-gap: 24px;
}

.section-categories--static-grid .scroll-btn {
  display: none !important;
}

.section-categories--static-grid .static-category-mobile-arrow,
.section-categories--static-grid .static-category-mobile-counter {
  display: none !important;
}

@media(max-width: 768px) {
  .section-categories--static-grid .category-slider {
    overflow: hidden !important;
  }

  .section-categories--static-grid .wrapper-category-scroll.category-mobile-swiper {
    overflow: hidden !important;
  }

  .section-categories--static-grid .wrapper-category-scroll.category-mobile-swiper .wrapper-category {
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    row-gap: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .section-categories--static-grid .wrapper-category-scroll.category-mobile-swiper .wrapper-category>.col-6 {
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .section-categories--static-grid .wrapper-category-scroll.category-mobile-swiper .col-inner .title,
  .section-categories--static-grid .wrapper-category-scroll.category-mobile-swiper .col-inner-style-two .title {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding-left: 8px !important;
    padding-right: 8px !important;
    justify-content: center;
    white-space: normal !important;
  }

  .section-categories--static-grid .wrapper-category-scroll.category-mobile-swiper~.static-category-mobile-counter {
    display: flex !important;
  }

  .section-categories--static-grid .static-category-mobile-arrow {
    position: absolute;
    top: calc(50% - 18px);
    z-index: 20;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: auto;
  }

  .section-categories--static-grid .static-category-mobile-prev {
    left: 0;
  }

  .section-categories--static-grid .static-category-mobile-next {
    right: 0;
  }

  .section-categories--static-grid .static-category-mobile-arrow svg {
    width: 34px !important;
    height: 34px !important;
    display: block !important;
  }

  .section-categories--static-grid .static-category-mobile-arrow svg circle {
    fill: #0a0a0a !important;
  }

  .section-categories--static-grid .static-category-mobile-arrow svg path {
    fill: #fff !important;
    stroke: none !important;
  }

  .section-categories--static-grid .static-category-mobile-arrow * {
    pointer-events: none;
  }

  .section-categories--static-grid .static-category-mobile-arrow.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
  }
}

/* Size chips keep the same corner radius as their surrounding quick-add frame. */
.p-card .p-card__size,
#sizeCanvas .p-card__size {
  border-radius: 8px !important;
}

.product-detail .product-buy-box .box-product-info .product-info-content .product-attr__color .color-dot-wrapper {
  gap: 15px !important;
}

.product-detail .product-buy-box .box-product-info .product-info-content .product-attr__color .color-dot-wrapper .color-dot,
.product-detail .product-buy-box .box-product-info .product-info-content .product-attr__color .color-dot-wrapper .color-dot img {
  border-radius: 8px !important;
}

.product-detail .product-buy-box .box-product-info .product-info-content .product-attr__size .size-list li,
.product-detail .product-buy-box .box-product-info .product-info-content .product-attr__size .size-list .size-dot {
  border-radius: 8px !important;
}

/* PDP add-to-cart control uses compact corners and hides the click seam. */
.single-product .add-to-cart-wrap .cart {
  border-radius: 8px !important;
}

.single-product .add-to-cart-wrap .wrapp-qty,
.single-product .add-to-cart-wrap .qty-box {
  border-radius: 8px 0 0 8px !important;
  overflow: hidden;
}

.single-product .add-to-cart-wrap .wrapp-qty {
  z-index: 1;
}

.single-product .add-to-cart-wrap .qty-box {
  border-color: transparent !important;
}

.single-product .add-to-cart-wrap .single_add_to_cart_button,
.single-product .add-to-cart-wrap .add-to-cart,
.single-product .add-to-cart-wrap button[type="submit"] {
  border-radius: 8px !important;
}

.single-product .add-to-cart-wrap .qty-box,
.single-product .add-to-cart-wrap .qty-box:focus,
.single-product .add-to-cart-wrap .qty-box:focus-within,
.single-product .add-to-cart-wrap .qty-btn,
.single-product .add-to-cart-wrap .qty-btn:focus,
.single-product .add-to-cart-wrap .qty-btn:focus-visible,
.single-product .add-to-cart-wrap .qty,
.single-product .add-to-cart-wrap .qty:focus,
.single-product .add-to-cart-wrap .single_add_to_cart_button,
.single-product .add-to-cart-wrap .single_add_to_cart_button:focus,
.single-product .add-to-cart-wrap .single_add_to_cart_button:focus-visible,
.single-product .add-to-cart-wrap .add-to-cart,
.single-product .add-to-cart-wrap .add-to-cart:focus,
.single-product .add-to-cart-wrap .add-to-cart:focus-visible,
.single-product .add-to-cart-wrap button[type="submit"],
.single-product .add-to-cart-wrap button[type="submit"]:focus,
.single-product .add-to-cart-wrap button[type="submit"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Brand active red: keep every red/active UI on the Upper You Active tone. */
:root {
  --upperyou-active-red: #d1372f;
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active,
.heading .nav .nav-link.active,
.heading .nav .nav-link:hover,
.main-sprorts .heading .nav .nav-link.active,
.main-sprorts .heading .nav .nav-link:hover,
.main-sprorts .button-primary,
.button-primary:hover,
.button-secondary:hover,
.btn-view-more.button-primary,
.p-card .list-cate .p-card__category,
.p-card .p-card__sale-tag,
.p-card .p-card__badge,
.product-detail .product-buy-box .box-product-info .product-info-content .product-attr__size .size-list li.active,
.product-attributes .size-dot.active,
.product-attr__size .size-dot.active,
.product-detail .product-special-offer__head,
.checkout-special-offer__head,
.product-detail .product-special-offer .offer-badge,
.checkout-special-offer .offer-badge,
.upperyou-slider-counter .swiper-pagination-bullet-active,
.product-detail .pdp-gallery-slider .swiper-pagination .swiper-pagination-bullet-active,
.product-detail .product-special-offer .special-offer-pagination .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
  background-color: var(--upperyou-active-red) !important;
  border-color: var(--upperyou-active-red) !important;
}

.product-detail .product-buy-box .box-product-info .product-info-content .product-attr__color .color-dot-wrapper .color-dot.active::after {
  background-color: var(--upperyou-active-red) !important;
}

.product-detail .product-buy-box .box-product-info .product-info-content .product-attr__size .size-list li.active,
.product-attributes .size-dot.active,
.product-attr__size .size-dot.active,
.checkout-wrapper input[type="checkbox"] {
  accent-color: var(--upperyou-active-red) !important;
}

.checkout-wrapper .cart-select-all__checkbox,
.checkout-wrapper .checkout-item__checkbox {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  border: 1.5px solid rgba(209, 55, 47, 0.4) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}

.checkout-wrapper .cart-select-all__checkbox::after,
.checkout-wrapper .checkout-item__checkbox::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 10px;
  height: 6px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.checkout-wrapper .cart-select-all__checkbox:checked,
.checkout-wrapper .checkout-item__checkbox:checked {
  background: var(--upperyou-active-red) !important;
  border-color: var(--upperyou-active-red) !important;
}

.checkout-wrapper .cart-select-all__checkbox:checked::after,
.checkout-wrapper .checkout-item__checkbox:checked::after {
  opacity: 1;
}

a:hover,
.p-card .p-card__title:hover,
.product-detail .product-buy-box .suggested-products--wide .product-title a:hover,
.product-detail .product-special-offer .offer-condition,
.product-detail .product-special-offer .offer-price ins,
.product-detail .product-special-offer .offer-price ins .woocommerce-Price-amount,
.checkout-promo-banner__desc a,
.checkout-wrapper .checkout-right .cart .cart-notice__icon,
.checkout-wrapper .checkout-right .cart .cart-select-all__clear:hover,
.checkout-special-offer__price ins,
.checkout-special-offer__copy,
.checkout-special-offer__condition,
.checkout-sticky-bar__item svg,
.checkout-sticky-bar__amount,
.checkout-sticky-bar__cashback .voucher-amount,
.p-card .p-card__price ins,
.p-card .p-card__price ins .woocommerce-Price-amount,
.p-card .p-card__price ins .woocommerce-Price-amount bdi,
.product-detail .suggested-products .product-price ins,
.product-detail .suggested-products .product-price ins .woocommerce-Price-amount,
.product-detail .suggested-products .product-price ins .woocommerce-Price-amount bdi,
#searchCanvas .product-price ins,
#searchCanvas .product-price ins .woocommerce-Price-amount,
#searchCanvas .product-price ins .woocommerce-Price-amount bdi,
.wishlist-container .wishlist-flex .wishlist-price ins,
.wishlist-container .wishlist-flex .wishlist-price ins .woocommerce-Price-amount,
.wishlist-container .wishlist-flex .wishlist-price ins .woocommerce-Price-amount bdi,
.wishlist-container .wishlist-table tbody td.wishlist-price ins,
.wishlist-container .wishlist-table tbody td.wishlist-price ins .woocommerce-Price-amount,
.wishlist-container .wishlist-table tbody td.wishlist-price ins .woocommerce-Price-amount bdi,
.offer-card__price ins,
.offer-card__price ins .woocommerce-Price-amount,
.offer-card__price ins .woocommerce-Price-amount bdi,
.product-special-offer__nav button:hover,
.checkout-special-offer__nav button:hover {
  color: var(--upperyou-active-red) !important;
}

.wishlist-active svg,
.wishlist-active svg path,
.wishlist-toggle.wishlist-active svg,
.wishlist-toggle.wishlist-active svg path {
  stroke: var(--upperyou-active-red) !important;
  fill: var(--upperyou-active-red) !important;
}

.p-card .p-card__dot.is-active {
  outline-color: var(--upperyou-active-red) !important;
}

/* Frequently bought: title separator line. */
.frequently-bought__title {
  margin-bottom: 20px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(10, 10, 10, 0.14) !important;
}

/* Contact hotline/email typography uses the brand font with balanced weight. */
footer#footer .pre-footer .list-service .item-service .content,
footer#footer .pre-footer .list-service .item-service .content *,
section.block-contact .contact-info .info-item p,
section.block-contact .contact-info .info-item span,
section.block-contact .contact-info .info-item a,
section.block-contact .contact-info .info-item h3 {
  font-family: "SVN-Futura Now", sans-serif !important;
  letter-spacing: 0 !important;
  overflow: visible !important;
}

footer#footer .pre-footer .list-service .item-service pre,
footer#footer .pre-footer .list-service .item-service p,
footer#footer .pre-footer .list-service .item-service a,
section.block-contact .contact-info .info-item p,
section.block-contact .contact-info .info-item a,
section.block-contact .contact-info .info-item span,
section.block-contact .contact-info .info-item h3 {
  font-weight: 500 !important;
}

footer#footer .pre-footer .list-service .item-service pre {
  font-size: 16px !important;
  line-height: 20px !important;
  margin-bottom: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

footer#footer .pre-footer .list-service .item-service p,
footer#footer .pre-footer .list-service .item-service a {
  font-size: 22px !important;
  line-height: 28px !important;
}

@media(max-width: 768px) {
  footer#footer .pre-footer .list-service .item-service p,
  footer#footer .pre-footer .list-service .item-service a {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}

.upperyou-breadcrumb .separator,
.upperyou-breadcrumb .last {
  color: #0a0a0a;
}

@media (max-width: 768px) {
  .upperyou-breadcrumb {
    margin: 0;
  }
}

/* Home member blog slider: keep arrows centered on the image and clickable. */
.section-blogs .tab-pane {
  position: relative;
  --blogs-arrow-top: 30%;
}

.section-blogs .blogs-slide {
  position: relative;
  z-index: 1;
}

.section-blogs .blogs-arrow {
  top: var(--blogs-arrow-top, 30%) !important;
  z-index: 30 !important;
  pointer-events: auto !important;
  cursor: pointer;
}

.section-blogs .blogs-arrow * {
  pointer-events: none;
}

/* Home activities slider: keep arrows centered on the full slide/card and clickable. */
.blockFive .tab-content {
  position: relative;
  --bfive-arrow-top: 50%;
}

.blockFive .bfive-swiper__slider {
  position: relative;
  z-index: 1;
}

.blockFive .bfive-arrow {
  top: var(--bfive-arrow-top, 50%) !important;
  z-index: 30 !important;
  pointer-events: auto !important;
  cursor: pointer;
}

.blockFive .bfive-arrow * {
  pointer-events: none;
}

/* Global media corners: apply to content/product/banner images, not logos or icons. */
:root {
  --upperyou-media-radius: 8px;
}

.section-blogs .blog-card__title,
.section-blogs .blog-card__title a {
  font-size: 20px !important;
  line-height: 24px !important;
}

@media (max-width: 768px) {
  .section-blogs {
    padding-top: 32px !important;
  }
}

.section-categories .image,
.section-sale-off .banner-image,
.section-eight .swiper-slide > a,
.section-blogs .blog-card__thumb,
.blockFive .thumb,
.section-seven .col-image a,
.section-seven .col-inner .thumb,
.section-nine .post-item .thumb,
.blog .blog-item .image,
.upperyou-related-posts .related-item .thumb,
#single-post .wrapper-thumb,
#single-post .post-content .wp-block-image img,
.p-card .p-card__media,
.product-detail .suggested-products .product-image,
.product-detail .product-buy-box .suggested-products--wide .product-image,
.wishlist-container .wishlist-thumb img,
.wishlist-container .product-thumb,
#searchCanvas .product-image,
.checkout-wrapper .item-image,
.checkout-special-offer .offer-card__image,
.offer-card__image,
.mobile-menu-acf-slide {
  border-radius: var(--upperyou-media-radius) !important;
  overflow: hidden !important;
}

.section-categories .image img,
.section-sale-off .banner-image img,
.section-eight .swiper-slide > a img,
.section-blogs .blog-card__thumb img,
.blockFive .thumb img,
.section-seven .col-image a img,
.section-seven .col-inner .thumb img,
.section-nine .post-item .thumb img,
.blog .blog-item .image img,
.upperyou-related-posts .related-item .thumb img,
#single-post .wrapper-thumb img,
.p-card .p-card__media img,
.product-detail .suggested-products .product-image img,
.product-detail .product-buy-box .suggested-products--wide .product-image img,
.wishlist-container .product-thumb img,
#searchCanvas .product-image img,
.checkout-wrapper .item-image img,
.checkout-special-offer .offer-card__image img,
.offer-card__image img,
.mobile-menu-acf-slide img {
  border-radius: inherit !important;
  display: block;
}

.hero-section .hero-image,
.hero-section .slide_hero_banner,
.hero-section .swiper-slide,
.hero-section .hero-image img,
.hero-section .hero-slide-image {
  border-radius: 0 !important;
}

body:not(.home) section.banner-section,
body:not(.home) section.banner-section .banner-image {
  border-radius: 0 !important;
}

body:not(.home) section.banner-section .banner-image img {
  border-radius: 0 !important;
}

@media(max-width: 768px) {
  .hero-section .hero-image,
  .hero-section .slide_hero_banner,
  .hero-section .swiper-slide,
  .hero-section .hero-image img,
  .hero-section .hero-slide-image {
    border-radius: 0 !important;
  }

  body:not(.home) section.banner-section,
  body:not(.home) section.banner-section .banner-image {
    border-radius: 0 !important;
  }

  body:not(.home) section.banner-section .banner-image img {
    border-radius: 0 !important;
  }
}

/* Blog page listing: keep posts in the page container and match product image corners. */
.section-seven .col-image a,
.section-seven .col-inner .thumb {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.section-seven .col-image img,
.section-seven .col-inner .thumb img {
  border-radius: inherit !important;
  display: block;
}

/* Blog page: keep banner and post cards aligned to the same container. */
body.page-id-24 .hero-section {
  width: calc(100% - 120px) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

body.page-id-24 .hero-section .slide_hero_banner,
body.page-id-24 .hero-section .hero-image {
  border-radius: 0 !important;
  overflow: hidden !important;
}

body.page-id-24 .hero-section .slide_hero_banner .swiper-slide,
body.page-id-24 .hero-section .hero-image {
  height: auto !important;
}

body.page-id-24 .hero-section .hero-slide-image,
body.page-id-24 .hero-section .hero-image img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: inherit !important;
  display: block;
}

body.page-id-24 .hero-section .hero-banner-arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
}

body.page-id-24 .hero-section .hero-banner-arrow:hover {
  transform: translateY(-50%) scale(1.05) !important;
}

body.page-id-24 .hero-section .hero-banner-prev {
  left: 24px !important;
}

body.page-id-24 .hero-section .hero-banner-next {
  right: 24px !important;
}

body.page-id-24 .section-seven > .container,
body.page-id-24 .section-seven > .container-fluid {
  width: calc(100% - 120px) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-id-24 .blog > .container,
body.page-id-24 .section-nine > .container,
body.page-id-24 .section-nine > .container-fluid {
  width: calc(100% - 120px) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-id-24 .section-seven .col-image a,
body.page-id-24 .section-seven .col-inner .thumb,
body.page-id-24 .section-nine .post-item .thumb,
body.page-id-24 .blog .blog-item .image {
  border-radius: 8px !important;
  overflow: hidden !important;
}

body.page-id-24 .section-nine .post-item .thumb img,
body.page-id-24 .blog .blog-item .image img {
  border-radius: inherit !important;
  display: block;
}

body.page-id-24 .section-eight .bEight-swiper {
  --beight-arrow-top: 50% !important;
}

body.page-id-24 .section-eight .beight-arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body.page-id-24 .section-eight .beight-arrow:hover {
  transform: translateY(-50%) scale(1.05) !important;
}

@media (max-width: 1024px) {
  body.page-id-24 .hero-section,
  body.page-id-24 .section-seven > .container,
  body.page-id-24 .section-seven > .container-fluid,
  body.page-id-24 .blog > .container,
  body.page-id-24 .section-nine > .container,
  body.page-id-24 .section-nine > .container-fluid {
    width: calc(100% - 60px) !important;
  }
}

@media (max-width: 768px) {
  body.page-id-24 .hero-section,
  body.page-id-24 .section-seven > .container,
  body.page-id-24 .section-seven > .container-fluid,
  body.page-id-24 .blog > .container,
  body.page-id-24 .section-nine > .container,
  body.page-id-24 .section-nine > .container-fluid {
    width: calc(100% - 32px) !important;
  }

  body.page-id-24 .hero-section .hero-banner-prev {
    left: 12px !important;
  }

  body.page-id-24 .hero-section .hero-banner-next {
    right: 12px !important;
  }
}

@media (max-width: 768px) {
  #single-post .wrapper-thumb {
    aspect-ratio: auto !important;
    height: auto !important;
    margin-bottom: 20px !important;
  }

  #single-post .wrapper-thumb img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  #single-post .post-content {
    margin-bottom: 56px !important;
  }

  .upperyou-related-posts .related-heading {
    margin-bottom: 24px !important;
  }

  .upperyou-related-posts .related-grid {
    row-gap: 38px !important;
  }

  .upperyou-related-posts .related-item {
    margin-bottom: 0 !important;
  }

  .upperyou-related-posts .related-item .thumb {
    aspect-ratio: auto !important;
    margin-bottom: 14px !important;
  }

  .upperyou-related-posts .related-item .thumb img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .upperyou-related-posts .related-item .title {
    margin-bottom: 8px !important;
  }

  .upperyou-related-posts .related-item .excerpt {
    margin-bottom: 12px !important;
  }
}

#searchCanvas .search-keywords i.fa-search,
#searchCanvas .search-suggest i.fa-search {
  display: none !important;
}

#searchCanvas .search-keywords span,
#searchCanvas .search-suggest span {
  padding-left: 14px !important;
}

#searchCanvas .search-products,
#searchCanvas .search-recent {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -6px !important;
  margin-right: -6px !important;
  row-gap: 14px !important;
}

#searchCanvas .search-products .item,
#searchCanvas .search-recent .item {
  flex: 0 0 20% !important;
  max-width: 20% !important;
  width: 20% !important;
  padding: 6px !important;
}

#searchCanvas .search-products img,
#searchCanvas .search-recent img {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

#searchCanvas .search-products h3,
#searchCanvas .search-recent a {
  font-size: 13px !important;
  line-height: 18px !important;
  margin-top: 8px !important;
}

#searchCanvas .product-sku {
  font-size: 12px !important;
  line-height: 16px !important;
  margin-bottom: 4px !important;
}

#searchCanvas .product-price {
  font-size: 13px !important;
  line-height: 18px !important;
}

@media (max-width: 768px) {
  #searchCanvas .search-products,
  #searchCanvas .search-recent {
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow-x: scroll !important;
  }

  #searchCanvas .search-products .item,
  #searchCanvas .search-recent .item {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 150px !important;
  }
}

body:not(.page-template-page-sports) .list-product .btn-view-more.button-primary,
body:not(.page-template-page-sports) .list-product .heading .nav .nav-link.active {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}

body:not(.page-template-page-sports) .list-product .btn-view-more.button-primary:hover,
body:not(.page-template-page-sports) .list-product .btn-view-more.button-primary:focus-visible,
body:not(.page-template-page-sports) .list-product .heading .nav .nav-link:hover,
body:not(.page-template-page-sports) .list-product .heading .nav .nav-link:focus-visible,
body:not(.page-template-page-sports) .list-product .heading .nav .nav-link.active:hover,
body:not(.page-template-page-sports) .list-product .heading .nav .nav-link.active:focus-visible {
  background-color: #d1372f !important;
  border-color: #d1372f !important;
  color: #fff !important;
}

body:not(.page-template-page-sports) .list-product .upperyou-slider-counter .swiper-pagination-bullet-active {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.button-primary:hover,
.button-primary:focus-visible,
.button-secondary:hover,
.button-secondary:focus-visible,
.hero-cta-button:hover,
.hero-cta-button:focus-visible,
.btn-view-more:hover,
.btn-view-more:focus-visible {
  color: #fff !important;
}

.checkout-special-offer__head {
  background: transparent !important;
  border-color: transparent !important;
}

.checkout-special-offer__tag {
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #0a0a0a !important;
}

.checkout-special-offer:has(.swiper-wrapper:empty),
.checkout-special-offer__box:has(.swiper-wrapper:empty) {
  display: none !important;
}

.box-cart .cart-icon .cart-count,
header .box-cart .cart-count {
  background-color: #d1372f !important;
  color: #fff !important;
}

.upperyou-cart-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999 !important;
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease, visibility 0.25s ease !important;
}

.upperyou-cart-backdrop.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.cart-backdrop-active header.main-header {
  z-index: 1002 !important;
}

.upperyou-add-cart-popup {
  position: fixed !important;
  top: 72px !important;
  left: 50% !important;
  z-index: 10050 !important;
  width: min(430px, calc(100vw - 32px)) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, -12px) !important;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease !important;
}

.upperyou-add-cart-popup.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%, 0) !important;
}

.upperyou-add-cart-popup__card {
  position: relative !important;
  padding: 22px 24px 24px !important;
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18) !important;
}

.upperyou-add-cart-popup__close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

.upperyou-add-cart-popup__close::before,
.upperyou-add-cart-popup__close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 16px !important;
  height: 2px !important;
  background: #0a0a0a !important;
  border-radius: 999px !important;
}

.upperyou-add-cart-popup__close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.upperyou-add-cart-popup__close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.upperyou-add-cart-popup__title {
  margin: 0 !important;
  padding: 0 32px 16px 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #0a0a0a !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}

.upperyou-add-cart-popup__item {
  display: flex !important;
  gap: 12px !important;
  padding-top: 14px !important;
}

.upperyou-add-cart-popup__image {
  flex: 0 0 90px !important;
  width: 90px !important;
  height: 90px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #f5f5f5 !important;
}

.upperyou-add-cart-popup__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.upperyou-add-cart-popup__info {
  min-width: 0 !important;
  flex: 1 !important;
}

.upperyou-add-cart-popup__name a {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #0a0a0a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.upperyou-add-cart-popup__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2px 8px !important;
  margin-top: 4px !important;
  color: #808285 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
}

.upperyou-add-cart-popup__meta .product-attr__color,
.upperyou-add-cart-popup__meta .product-attr__size {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.upperyou-add-cart-popup__meta .color-swatch {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
}

.upperyou-add-cart-popup__price {
  margin-top: 4px !important;
  color: #0a0a0a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}

.upperyou-add-cart-popup__price p {
  margin: 0 !important;
}

.upperyou-add-cart-popup__link {
  width: fit-content !important;
  min-width: 210px !important;
  height: 46px !important;
  margin-top: 24px !important;
  padding: 0 22px !important;
  border: 1px solid #0a0a0a !important;
  border-radius: 999px !important;
  color: #0a0a0a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
}

.upperyou-add-cart-popup__arrow {
  font-size: 20px !important;
  line-height: 1 !important;
}

#cartModal {
  width: 380px !important;
  max-width: calc(100vw - 32px) !important;
  top: calc(100% + 16px) !important;
  right: 0 !important;
  background: transparent !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  transform: none !important;
  isolation: isolate !important;
  transition: opacity 0.25s ease, visibility 0.25s ease, z-index 0.25s ease !important;
}

#cartModal::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease, visibility 0.25s ease !important;
}

#cartModal.active {
  z-index: 1000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#cartModal.active::before,
.box-cart:hover #cartModal::before {
  opacity: 1 !important;
  visibility: visible !important;
}

#cartModal .modal-content {
  position: relative !important;
  z-index: 2 !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  max-height: min(640px, calc(100vh - 120px)) !important;
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22) !important;
}

#cartModal .modal-header {
  position: relative !important;
  padding: 0 28px 12px 0 !important;
  border: 0 !important;
}

#cartModal .modal-header .modal-title {
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
}

#cartModal .modal-header .cart-modal-close {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

#cartModal .modal-header .cart-modal-close::before,
#cartModal .modal-header .cart-modal-close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 16px !important;
  height: 2px !important;
  background: #0a0a0a !important;
  border-radius: 999px !important;
}

#cartModal .modal-header .cart-modal-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

#cartModal .modal-header .cart-modal-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

#cartModal .modal-body {
  padding: 0 0 14px !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

#cartModal .modal-list-product-cart {
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: clamp(180px, calc(100vh - 310px), 360px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-right: 4px !important;
  margin-right: -4px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0, 0, 0, 0.28) transparent !important;
}

#cartModal .modal-list-product-cart::-webkit-scrollbar {
  display: block !important;
  width: 4px !important;
}

#cartModal .modal-list-product-cart::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 999px !important;
}

#cartModal .modal-list-product-cart .modal-item-product-cart,
#cartModal .modal-list-product-cart li {
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 40px 10px 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

#cartModal .modal-list-product-cart .modal-item-product-cart:not(:last-child),
#cartModal .modal-list-product-cart li:not(:last-child) {
  margin-bottom: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

#cartModal .product-image {
  flex: 0 0 74px !important;
  width: 74px !important;
  max-width: 74px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
}

#cartModal .product-image img {
  object-fit: cover !important;
}

#cartModal .product-details {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

#cartModal .product-name {
  margin: 0 !important;
}

#cartModal .product-name a {
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  overflow-wrap: anywhere !important;
}

#cartModal .product-attr {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2px 10px !important;
  margin-top: 1px !important;
}

#cartModal .product-attr__color,
#cartModal .product-attr__size {
  font-size: 12px !important;
  line-height: 16px !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

#cartModal .product-attr__color span {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
}

#cartModal .product-quantity {
  font-size: 12px !important;
  line-height: 16px !important;
  white-space: nowrap !important;
}

#cartModal .product-price {
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
}

#cartModal .remove-product {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  border-radius: 50% !important;
}

#cartModal .cart-summary {
  padding-top: 12px !important;
  margin-top: 12px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
}

#cartModal .line {
  gap: 12px !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

#cartModal .line .label {
  color: #808285 !important;
}

#cartModal .line .value {
  color: #0a0a0a !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

#cartModal .modal-footer {
  display: flex !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  flex: 0 0 auto !important;
}

#cartModal .modal-footer a {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

#cartModal .overlay-card {
  border-radius: 20px !important;
}

#cartModal .overlay-card.open {
  z-index: 3 !important;
}

#cartModal .loader.open {
  z-index: 4 !important;
}

.box-cart:hover #cartModal {
  z-index: 1000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

@media (max-width: 768px) {
  #cartModal {
    position: fixed !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    top: 84px !important;
    left: 16px !important;
    right: 16px !important;
    transform: none !important;
  }

  #cartModal.active {
    z-index: 1000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .box-cart:hover #cartModal:not(.active) {
    z-index: -100 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: none !important;
  }

  .box-cart:hover #cartModal.active {
    z-index: 1000 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #cartModal .modal-content {
    padding: 16px !important;
    border-radius: 18px !important;
    max-height: calc(100vh - 104px) !important;
  }

  #cartModal .modal-list-product-cart {
    max-height: clamp(180px, calc(100vh - 300px), 320px) !important;
  }

  #cartModal .modal-list-product-cart .modal-item-product-cart,
  #cartModal .modal-list-product-cart li {
    padding: 10px 36px 10px 10px !important;
  }

  #cartModal .product-image {
    flex-basis: 64px !important;
    width: 64px !important;
    max-width: 64px !important;
  }

  #cartModal .modal-footer {
    display: flex !important;
  }

  #cartModal.cart-modal--compact-success {
    width: calc(100vw - 48px) !important;
    max-width: 430px !important;
    top: 52px !important;
    left: 24px !important;
    right: 24px !important;
  }

  #cartModal.cart-modal--compact-success .modal-content {
    max-height: none !important;
    padding: 22px 24px 24px !important;
    border-radius: 18px !important;
  }

  #cartModal.cart-modal--compact-success .modal-header {
    padding: 0 34px 16px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  #cartModal.cart-modal--compact-success .modal-header .modal-title {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
  }

  #cartModal.cart-modal--compact-success .modal-body {
    padding: 0 0 16px !important;
    overflow: visible !important;
  }

  #cartModal.cart-modal--compact-success .modal-list-product-cart {
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #cartModal.cart-modal--compact-success .cart-modal-hidden-item,
  #cartModal.cart-modal--compact-success .cart-summary,
  #cartModal.cart-modal--compact-success .remove-product {
    display: none !important;
  }

  #cartModal.cart-modal--compact-success .modal-item-product-cart,
  #cartModal.cart-modal--compact-success .modal-list-product-cart li {
    gap: 12px !important;
    padding: 14px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #cartModal.cart-modal--compact-success .product-image {
    flex-basis: 90px !important;
    width: 90px !important;
    max-width: 90px !important;
    border-radius: 8px !important;
  }

  #cartModal.cart-modal--compact-success .product-name a {
    font-size: 16px !important;
    line-height: 22px !important;
    -webkit-line-clamp: 2 !important;
  }

  #cartModal.cart-modal--compact-success .product-attr {
    gap: 0 8px !important;
    margin-top: 2px !important;
  }

  #cartModal.cart-modal--compact-success .product-quantity {
    display: none !important;
  }

  #cartModal.cart-modal--compact-success .product-price {
    margin-top: 2px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
  }

  #cartModal.cart-modal--compact-success .modal-footer a {
    height: 46px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    line-height: 20px !important;
  }
}

@media (min-width: 769px) {
  .checkout-wrapper .cart-select-all__checkbox,
  .checkout-wrapper .checkout-item__checkbox {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    background: transparent !important;
  }

  .checkout-wrapper .cart-select-all__checkbox::after,
  .checkout-wrapper .checkout-item__checkbox::after {
    top: 6px;
    left: 5px;
    width: 12px;
    height: 7px;
    border-left-width: 2.5px;
    border-bottom-width: 2.5px;
  }

  .checkout-wrapper .cart-select-all__checkbox:checked,
  .checkout-wrapper .checkout-item__checkbox:checked {
    background: var(--upperyou-active-red) !important;
  }
}