@charset "UTF-8";
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/montserrat-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/montserrat-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/montserrat-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/montserrat-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/montserrat-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-italic-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-italic-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-italic-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat Fallback";
  font-weight: 100 500;
  src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo");
  size-adjust: 112.21%;
  ascent-override: 86.27%;
  descent-override: 22.37%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Montserrat Fallback";
  font-weight: 600 900;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
  size-adjust: 108.74%;
  ascent-override: 89.02%;
  descent-override: 23.08%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Cormorant Garamond Fallback";
  font-weight: 100 900;
  src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("Tinos");
  size-adjust: 95.56%;
  ascent-override: 96.69%;
  descent-override: 30.03%;
  line-gap-override: 0%;
}
:root {
  --primary: #3E2F2A;
  --primary-dark: #2B211D;
  --secondary: #5A463F;
  /* Neutral Colors */
  --white: #ffffff;
  --black: #000000;
  /* Buttons */
  --button-primary-bg: #3E2F2A;
  --button-primary-hover: #8C6F63;
  --button-secondary-bg: #EBCFC6;
  --button-secondary-hover: #3E2F2A;
  /* Backgrounds */
  --bg-primary: #F1EBE6;
  --bg-secondary: #EBCFC6;
  /* Text Colors */
  --text-primary: #3E2F2A;
  --text-secondary: #5A463F;
  --text-light: #75594E;
  --radius-base: 6px;
  --button-radius: 6px;
  --card-radius-sm: 6px;
  --card-radius-md: 6px;
  --card-radius-lg: 6px;
  --pbox-image-ratio: 142%;
  --product-image-ratio: 3 / 4;
  --product-image-fit: cover;
  --banner-mobile-ratio: 16 / 9;
  --discount-banner-mobile-ratio: 1 / 1;
  --border: #D7BFAF;
  --bg-card: #F1EBE6;
  --accent: #D7BFAF;
  --accent-dark: #8C6F63;
  --button-primary-fill: linear-gradient(82.3deg, #EBCFC6 10.8%, #D7BFAF 94.3%);
  --sale: #9E3F56;
  --footer-bg: #2B211D;
  --newsletter-frame-radius: 45px;
  --newsletter-frame-border: linear-gradient(135deg, #E6C48F 0%, #B8874E 36%, #EBD2A4 56%, #8E5E2E 100%);
  --overlay: #3E2F2A;
  /* Status Colors */
  --success: #2A7A4B;
  --error: #9C3F2C;
  --warning: #B5793C;
  /* Product Ribbons */
  --ribbon-new-bg: #3E2F2A;
  --ribbon-new-text: #ffffff;
  --ribbon-best-bg: #8C6F63;
  --ribbon-best-text: #ffffff;
  --ribbon-discount-bg: #9E3F56;
  --ribbon-discount-text: #ffffff;
  /* Typography */
  --font-body: "Montserrat", "Montserrat Fallback", "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Cormorant Garamond", "Cormorant Garamond Fallback", Georgia, "Times New Roman", serif;
  --font-family: var(--font-body); /* body/UI default; Theme Builder may override at runtime */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --body-line-height: 1.6;
  --heading-line-height: 1.2;
  --heading-letter-spacing: 0;
  --eyebrow-letter-spacing: 0.16em; /* uppercase micro-labels */
  /* Fluid display sizes for hero / large headings */
  --fs-display: clamp(3rem, 5vw, 5rem);
  --fs-h1: clamp(2.4rem, 3.4vw, 3.6rem);
  --fs-h2: clamp(2rem, 2.8vw, 2.9rem);
  --fs-h3: clamp(1.3rem, 1.8vw, 1.6rem);
  /* Product Grid: Default (anywhere else) */
  --products-grid-default-columns-phone: 2;
  --products-grid-default-columns-tablet: 3;
  --products-grid-default-columns-laptop: 4;
  --products-grid-default-columns-desktop: 4;
  --products-grid-default-gap-phone: 10px;
  --products-grid-default-gap-tablet: 10px;
  --products-grid-default-gap-laptop: 10px;
  --products-grid-default-gap-desktop: 10px;
  /* Product Grid: Homepage */
  --products-grid-home-columns-phone: 2;
  --products-grid-home-columns-tablet: 3;
  --products-grid-home-columns-laptop: 4;
  --products-grid-home-columns-desktop: 5;
  --products-grid-home-gap-phone: 10px;
  --products-grid-home-gap-tablet: 10px;
  --products-grid-home-gap-laptop: 10px;
  --products-grid-home-gap-desktop: 10px;
  /* Product Grid: Catalog pages */
  --products-grid-catalog-columns-phone: 2;
  --products-grid-catalog-columns-tablet: 2;
  --products-grid-catalog-columns-laptop: 2;
  --products-grid-catalog-columns-desktop: 3;
  --products-grid-catalog-gap-phone: 10px;
  --products-grid-catalog-gap-tablet: 10px;
  --products-grid-catalog-gap-laptop: 10px;
  --products-grid-catalog-gap-desktop: 10px;
  /* Sub-category Grid: Catalog pages */
  --catalog-subcategory-grid-columns-phone: 2;
  --catalog-subcategory-grid-columns-tablet: 2;
  --catalog-subcategory-grid-columns-laptop: 2;
  --catalog-subcategory-grid-columns-desktop: 4;
  --catalog-subcategory-grid-gap-phone: 16px;
  --catalog-subcategory-grid-gap-tablet: 16px;
  --catalog-subcategory-grid-gap-laptop: 16px;
  --catalog-subcategory-grid-gap-desktop: 32px;
  /* Category Grid: Homepage */
  --homepage-category-grid-columns-phone: 2;
  --homepage-category-grid-columns-tablet: 3;
  --homepage-category-grid-columns-laptop: 4;
  --homepage-category-grid-columns-desktop: 5;
  --homepage-category-grid-gap-phone: 10px;
  --homepage-category-grid-gap-tablet: 14px;
  --homepage-category-grid-gap-laptop: 14px;
  --homepage-category-grid-gap-desktop: 14px;
  /* Product Grid: Vendor page */
  --products-grid-vendor-page-columns-phone: 2;
  --products-grid-vendor-page-columns-tablet: 3;
  --products-grid-vendor-page-columns-laptop: 4;
  --products-grid-vendor-page-columns-desktop: 4;
  --products-grid-vendor-page-gap-phone: 10px;
  --products-grid-vendor-page-gap-tablet: 10px;
  --products-grid-vendor-page-gap-laptop: 10px;
  --products-grid-vendor-page-gap-desktop: 10px;
  /* Product Grid: Vendor list page */
  --products-grid-vendor-list-columns-phone: 2;
  --products-grid-vendor-list-columns-tablet: 3;
  --products-grid-vendor-list-columns-laptop: 2;
  --products-grid-vendor-list-columns-desktop: 3;
  --products-grid-vendor-list-gap-phone: 10px;
  --products-grid-vendor-list-gap-tablet: 10px;
  --products-grid-vendor-list-gap-laptop: 10px;
  --products-grid-vendor-list-gap-desktop: 10px;
  /* Product Grid: Manufacturer list page */
  --products-grid-manufacturer-list-columns-phone: 2;
  --products-grid-manufacturer-list-columns-tablet: 3;
  --products-grid-manufacturer-list-columns-laptop: 4;
  --products-grid-manufacturer-list-columns-desktop: 4;
  --products-grid-manufacturer-list-gap-phone: 10px;
  --products-grid-manufacturer-list-gap-tablet: 10px;
  --products-grid-manufacturer-list-gap-laptop: 10px;
  --products-grid-manufacturer-list-gap-desktop: 10px;
  /* Product Grid: Best seller list page */
  --products-grid-best-seller-list-columns-phone: 2;
  --products-grid-best-seller-list-columns-tablet: 3;
  --products-grid-best-seller-list-columns-laptop: 4;
  --products-grid-best-seller-list-columns-desktop: 4;
  --products-grid-best-seller-list-gap-phone: 10px;
  --products-grid-best-seller-list-gap-tablet: 10px;
  --products-grid-best-seller-list-gap-laptop: 10px;
  --products-grid-best-seller-list-gap-desktop: 10px;
  /* Global Container max-width */
  --global-container-max-width-any: 1680px;
  /* Gray Scale */
  --gray-100: #F8F4F1;
  --gray-200: #EAE3DE;
  --gray-300: #D7BFAF;
  --gray-400: #A8907F;
  --gray-500: #75594E;
  /* Page Margins */
  --page-margin-base: 24px;
  --page-margin-mobile: 28px;
  --page-margin-tablet: 32px;
  --page-margin-laptop: 40px;
  --page-margin-desktop: 48px;
  --page-margin-large: 48px;
  /* Section rhythm - the gap between blocks inside a page */
  --section-gap-base: 32px;
  --section-gap-laptop: 40px;
  --section-gap-desktop: 60px;
  --home-section-gap-base: 60px;
  --home-section-gap-laptop: 80px;
  --home-section-gap-desktop: 100px;
  /* Page Title Font Sizes */
  --page-title-base: 22px;
  --page-title-mobile: 24px;
  --page-title-tablet: 26px;
  --page-title-laptop: 28px;
  --page-title-desktop: 30px;
  --page-title-large: 32px;
  /* ============ Spacing scale (consistent rhythm) ============ */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
}

html {
  margin-inline-end: 0 !important;
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  text-align: start;
}

body {
  overflow-y: scroll;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--text-primary);
  background-color: var(--white);
}
@media (min-width: 992px) {
  body {
    font-size: 14px;
    line-height: 24px;
  }
}

a {
  text-decoration: none !important;
  cursor: pointer;
  display: inline-block;
  color: var(--text-primary);
  transition: color 0.3s ease;
}
a:focus-visible, a:hover {
  color: var(--accent-dark);
  text-decoration: none;
}

a img {
  border: none;
}

ol,
ul {
  list-style: none;
}

dl,
ol,
ul {
  margin: 0;
  padding: 0;
}

.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}

.icon-s16 {
  font-size: 16px;
}

.icon-s18 {
  font-size: 18px;
}

.icon-s20 {
  font-size: 20px;
}

.icon-s22 {
  font-size: 22px;
}

.icon-s24 {
  font-size: 24px;
}

.icon-s28 {
  font-size: 28px;
}

.icon-s32 {
  font-size: 32px;
}

.icon-s36 {
  font-size: 36px;
}

.icon-s42 {
  font-size: 42px;
}

.icon-s48 {
  font-size: 48px;
}

.buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}

.button, .button-2, .button-1 {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
}
.button--primary, .button-1 {
  position: relative;
  isolation: isolate;
}
.button--primary::before, .button-1::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .button--primary::before, [dir=rtl] .button-1::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .button--primary::before, .button-1::before {
    transition: none;
  }
}
.button--primary, .button-1 {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.button--primary:hover, .button-1:hover, .button--primary:focus-visible, .button-1:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.button--primary:hover::before, .button-1:hover::before, .button--primary:focus-visible::before, .button-1:focus-visible::before {
  transform: scaleX(1);
}
.button--secondary, .button-2 {
  position: relative;
  isolation: isolate;
}
.button--secondary::before, .button-2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-secondary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .button--secondary::before, [dir=rtl] .button-2::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .button--secondary::before, .button-2::before {
    transition: none;
  }
}
.button--secondary, .button-2 {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--button-secondary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.button--secondary:hover, .button-2:hover, .button--secondary:focus-visible, .button-2:focus-visible {
  color: var(--white);
  background: var(--button-secondary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.button--secondary:hover::before, .button-2:hover::before, .button--secondary:focus-visible::before, .button-2:focus-visible::before {
  transform: scaleX(1);
}
.button--outline {
  position: relative;
  isolation: isolate;
}
.button--outline::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .button--outline::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .button--outline::before {
    transition: none;
  }
}
.button--outline {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  transition: color 0.35s ease, background-color 0s;
}
.button--outline:hover, .button--outline:focus-visible {
  color: var(--white);
  background: var(--primary);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.button--outline:hover::before, .button--outline:focus-visible::before {
  transform: scaleX(1);
}
.button--outline {
  box-shadow: inset 0 0 0 1px var(--border);
}
.button--error {
  position: relative;
  isolation: isolate;
}
.button--error::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--secondary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .button--error::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .button--error::before {
    transition: none;
  }
}
.button--error {
  overflow: hidden;
  color: var(--white);
  background-color: var(--error);
  transition: color 0.35s ease, background-color 0s;
}
.button--error:hover, .button--error:focus-visible {
  color: var(--white);
  background: var(--secondary);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.button--error:hover::before, .button--error:focus-visible::before {
  transform: scaleX(1);
}
.button--sm {
  padding: 10px 22px;
  font-size: 12px;
}

button,
input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
}

script {
  display: none !important;
}

.horizontal-border, .product-details-page .wholesale-inquiry-links-widget {
  width: 100%;
  border-bottom: 1px solid var(--border);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: var(--font-heading);
  font-weight: var(--fw-semibold);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing);
  color: var(--text-primary);
}

p {
  margin: 0;
}

.offcanvas,
.offcanvas-lg {
  max-width: 90%;
}
.offcanvas .btn-close,
.offcanvas-lg .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.offcanvas .btn-close::before,
.offcanvas-lg .btn-close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .offcanvas .btn-close::before,
[dir=rtl] .offcanvas-lg .btn-close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas .btn-close::before,
  .offcanvas-lg .btn-close::before {
    transition: none;
  }
}
.offcanvas .btn-close:hover, .offcanvas .btn-close:focus-visible,
.offcanvas-lg .btn-close:hover,
.offcanvas-lg .btn-close:focus-visible {
  color: var(--white);
}
.offcanvas .btn-close:hover::before, .offcanvas .btn-close:focus-visible::before,
.offcanvas-lg .btn-close:hover::before,
.offcanvas-lg .btn-close:focus-visible::before {
  transform: scale(1);
}
.offcanvas .btn-close,
.offcanvas-lg .btn-close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
}
.offcanvas .btn-close:focus,
.offcanvas-lg .btn-close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.offcanvas .btn-close i,
.offcanvas-lg .btn-close i {
  font-size: inherit;
  line-height: 1;
}
.offcanvas .btn-close,
.offcanvas-lg .btn-close {
  font-size: 16px;
}

.modal-dialog .modal-content {
  border: none;
  border-radius: var(--card-radius-lg);
  position: relative;
  overflow: visible;
}
.modal-dialog .modal-header {
  padding-inline-end: 60px;
}
.modal-dialog .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.modal-dialog .btn-close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .modal-dialog .btn-close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .modal-dialog .btn-close::before {
    transition: none;
  }
}
.modal-dialog .btn-close:hover, .modal-dialog .btn-close:focus-visible {
  color: var(--white);
}
.modal-dialog .btn-close:hover::before, .modal-dialog .btn-close:focus-visible::before {
  transform: scale(1);
}
.modal-dialog .btn-close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
  position: absolute;
  top: 14px;
  inset-inline-end: 14px;
}
.modal-dialog .btn-close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.modal-dialog .btn-close i {
  font-size: inherit;
  line-height: 1;
}
.modal-dialog .btn-close {
  font-size: 17px;
}

.form-select, select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233E2F2A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  outline: none;
  box-shadow: none;
  color: var(--text-primary);
  border-color: var(--gray-300);
  border-radius: var(--radius-base);
}
.form-select:hover, select:hover, .form-select:focus, select:focus {
  box-shadow: none;
  border-color: var(--secondary);
}

select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233E2F2A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: inline-block;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-primary);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-fields .inputs select {
  padding: 12px;
}

.container,
.master-wrapper-content {
  max-width: none;
  margin: 0 auto;
  padding: 0 10px;
}
.container--full,
.master-wrapper-content--full {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .container,
  .master-wrapper-content {
    padding: 0 28px;
  }
}
@media (min-width: 1200px) {
  .container,
  .master-wrapper-content {
    padding: 0 32px;
  }
}
@media (min-width: 1400px) {
  .container,
  .master-wrapper-content {
    padding: 0 42px;
  }
}
.container.container__content,
.master-wrapper-content.container__content {
  max-width: var(--global-container-max-width-any);
  margin-left: auto;
  margin-right: auto;
}

label {
  color: var(--text-primary);
  font-weight: 500;
}

input[type=checkbox],
input[type=radio],
input[type=checkbox] + *,
input[type=radio] + * {
  vertical-align: middle;
}

input[type=button],
input[type=submit],
button,
.button-1,
.button-2 {
  cursor: pointer;
}

textarea,
input[type=text],
input[type=email],
input[type=password],
input[type=tel] {
  box-shadow: none;
  width: 100%;
  outline: 0;
  padding: 12px 12px;
  color: var(--text-primary);
  background: var(--white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  border-radius: var(--radius-base);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
textarea:hover, textarea:focus,
input[type=text]:hover,
input[type=text]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=tel]:hover,
input[type=tel]:focus {
  border-color: var(--secondary);
}
textarea.input-validation-error, textarea.input-validation-error:hover,
input[type=text].input-validation-error,
input[type=text].input-validation-error:hover,
input[type=email].input-validation-error,
input[type=email].input-validation-error:hover,
input[type=password].input-validation-error,
input[type=password].input-validation-error:hover,
input[type=tel].input-validation-error,
input[type=tel].input-validation-error:hover {
  border-color: var(--error);
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px #fff;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-select:focus,
select:focus,
textarea:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=url]:focus,
input[type=date]:focus {
  border-color: var(--secondary);
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--bg-secondary) 60%, transparent);
}

input::placeholder,
textarea::placeholder {
  color: var(--text-light);
  opacity: 1;
}

:is(input, select, textarea) {
  scroll-margin-top: calc(var(--nb-header-height, 64px) + 48px);
}

:is(input, select, textarea).input-validation-error {
  border-color: var(--error);
}
:is(input, select, textarea).input-validation-error:focus {
  border-color: var(--error);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--error) 18%, transparent);
}

input[type=checkbox].form-check-input:focus,
input[type=radio].form-check-input:focus {
  border-color: var(--secondary);
  outline: none;
  box-shadow: none;
}

input[type=checkbox].form-check-input:checked,
input[type=radio].form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.login-password input[type=password],
.login-password input[type=text] {
  padding-inline-end: 56px !important;
}

.login-page .login-password {
  position: relative;
}

.form-fields .inputs {
  margin-bottom: 16px;
}
.form-fields .inputs label {
  display: inline-block;
  margin: 0 0 2px 0;
  font-weight: 700;
}
.form-fields .inputs input[type=checkbox] + label {
  font-weight: 500;
}

input[type=checkbox],
input[type=radio] {
  height: 1.1em;
  width: 1.1em;
  accent-color: var(--text-primary);
  flex-grow: 0;
  flex-shrink: 0;
}

*:has(> :is(input[type=checkbox], input[type=radio])):not(th):not(td) {
  display: flex;
  align-items: center;
  gap: 8px;
}

.required {
  margin-inline-start: 3px;
  margin-inline-end: -8px;
  margin-block: 0;
  vertical-align: top;
  font-size: 20px;
  font-weight: normal;
  color: var(--error);
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error {
  display: block;
  text-align: start;
  font-size: 14px;
  font-weight: 500;
  color: var(--error);
  margin-top: 4px;
  white-space: normal;
}

.field-validation-valid {
  display: block;
  color: var(--error);
}

table {
  width: 100%;
  border-collapse: collapse;
}

.table-wrapper {
  overflow-x: auto;
}

.cart th,
.data-table th,
.forum-table th {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background-color: transparent;
  color: var(--text-primary);
  padding: 10px;
  white-space: nowrap;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 992px) {
  .cart th:not(:last-child),
  .data-table th:not(:last-child),
  .forum-table th:not(:last-child) {
    padding-right: 32px;
  }
}
.cart th:first-child,
.data-table th:first-child,
.forum-table th:first-child {
  text-align: start;
}
.cart th.name,
.data-table th.name,
.forum-table th.name {
  text-align: start;
}
.cart th.product,
.data-table th.product,
.forum-table th.product {
  text-align: start;
}
.cart td,
.data-table td,
.forum-table td {
  min-width: 50px;
  border-bottom: 1px solid var(--border);
  padding: 20px 10px;
  color: inherit;
  text-align: center;
}
@media (min-width: 992px) {
  .cart td:not(:last-child),
  .data-table td:not(:last-child),
  .forum-table td:not(:last-child) {
    padding-right: 32px;
  }
}
.cart td:first-child,
.data-table td:first-child,
.forum-table td:first-child {
  text-align: start;
}
.cart td.name,
.data-table td.name,
.forum-table td.name {
  text-align: start;
}
@media (max-width: 767.98px) {
  .cart td,
  .data-table td,
  .forum-table td {
    text-align: start;
  }
}
.cart td.product .product-wrapper,
.data-table td.product .product-wrapper,
.forum-table td.product .product-wrapper {
  display: flex;
  gap: 20px;
  text-align: start;
}
.cart td.product .product-picture,
.data-table td.product .product-picture,
.forum-table td.product .product-picture {
  width: 80px;
  height: 120px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--card-radius-sm);
}
.cart td.product .product-picture a,
.data-table td.product .product-picture a,
.forum-table td.product .product-picture a {
  width: 100%;
  height: 100%;
}
.cart td.product .product-picture a img,
.data-table td.product .product-picture a img,
.forum-table td.product .product-picture a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart a,
.data-table a,
.forum-table a {
  font-weight: 600;
}
.cart a:hover,
.data-table a:hover,
.forum-table a:hover {
  color: var(--text-primary);
  text-decoration: underline !important;
}

@media (max-width: 991.98px) {
  .cart,
  .data-table {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .cart colgroup,
  .cart thead,
  .data-table colgroup,
  .data-table thead {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .cart tbody,
  .data-table tbody {
    display: block;
    overflow: hidden;
  }
}
@media (max-width: 991.98px) {
  .cart.no-img tr,
  .data-table.no-img tr {
    padding-inline-start: 0;
  }
}
@media (max-width: 991.98px) {
  .cart tr,
  .data-table tr {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding-inline-start: 100px;
    border-bottom: 1px solid var(--border);
  }
}
@media (max-width: 991.98px) {
  .cart tr .product-picture,
  .data-table tr .product-picture {
    position: absolute;
    inset-inline-start: 0;
  }
}
.cart tr td,
.data-table tr td {
  vertical-align: top;
}
@media (max-width: 991.98px) {
  .cart tr td,
  .data-table tr td {
    display: block;
    border: none;
    padding: 5px 0;
    line-height: 26px;
  }
  .cart tr td:not(:last-child),
  .data-table tr td:not(:last-child) {
    border-bottom: 1px dashed var(--gray-300);
  }
}
.cart tr td.unit-price, .cart tr td.subtotal,
.data-table tr td.unit-price,
.data-table tr td.subtotal {
  min-width: 145px;
}
.cart tr td.unit-price, .cart tr td.quantity, .cart tr td.subtotal,
.data-table tr td.unit-price,
.data-table tr td.quantity,
.data-table tr td.subtotal {
  flex-wrap: wrap;
}
.cart tr td.unit-price .discount, .cart tr td.quantity .discount, .cart tr td.subtotal .discount,
.data-table tr td.unit-price .discount,
.data-table tr td.quantity .discount,
.data-table tr td.subtotal .discount {
  font-weight: 400;
  font-size: 0.875em;
  text-align: center;
}
@media (max-width: 991.98px) {
  .cart tr td.unit-price, .cart tr td.quantity, .cart tr td.subtotal,
  .data-table tr td.unit-price,
  .data-table tr td.quantity,
  .data-table tr td.subtotal {
    display: flex;
    gap: 14px;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .cart label,
  .data-table label {
    display: none;
  }
}
.cart .product .edit-item a,
.data-table .product .edit-item a {
  font-weight: 600;
  color: var(--secondary);
}
.cart .product .edit-item a:hover, .cart .product .edit-item a:focus,
.data-table .product .edit-item a:hover,
.data-table .product .edit-item a:focus {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .cart .remove-from-cart,
  .data-table .remove-from-cart {
    display: table-cell;
  }
}
@media (max-width: 991.98px) {
  .cart .remove-from-cart,
  .data-table .remove-from-cart {
    display: block;
    text-align: end;
  }
}
.cart .remove-from-cart input[type=checkbox],
.data-table .remove-from-cart input[type=checkbox] {
  display: none;
}
.cart .remove-from-cart .remove-btn,
.data-table .remove-from-cart .remove-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--gray-100);
  color: var(--text-secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  font-size: 15px;
}
@media (min-width: 768px) {
  .cart .remove-from-cart .remove-btn,
  .data-table .remove-from-cart .remove-btn {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
}
.cart .remove-from-cart .remove-btn,
.data-table .remove-from-cart .remove-btn {
  position: relative;
  isolation: isolate;
}
.cart .remove-from-cart .remove-btn::before,
.data-table .remove-from-cart .remove-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .cart .remove-from-cart .remove-btn::before,
[dir=rtl] .data-table .remove-from-cart .remove-btn::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .cart .remove-from-cart .remove-btn::before,
  .data-table .remove-from-cart .remove-btn::before {
    transition: none;
  }
}
.cart .remove-from-cart .remove-btn:hover, .cart .remove-from-cart .remove-btn:focus-visible,
.data-table .remove-from-cart .remove-btn:hover,
.data-table .remove-from-cart .remove-btn:focus-visible {
  color: var(--white);
}
.cart .remove-from-cart .remove-btn:hover::before, .cart .remove-from-cart .remove-btn:focus-visible::before,
.data-table .remove-from-cart .remove-btn:hover::before,
.data-table .remove-from-cart .remove-btn:focus-visible::before {
  transform: scale(1);
}
.cart .remove-from-cart .remove-btn i,
.data-table .remove-from-cart .remove-btn i {
  font-size: inherit;
}
.cart .remove-from-cart .remove-btn:hover i::before,
.data-table .remove-from-cart .remove-btn:hover i::before {
  content: "\ec25";
}
.cart .remove-from-cart .remove-btn,
.data-table .remove-from-cart .remove-btn {
  margin-inline: auto;
}
@media (max-width: 991.98px) {
  .cart .remove-from-cart .remove-btn,
  .data-table .remove-from-cart .remove-btn {
    margin-inline-end: 0;
  }
}

.products-container {
  position: relative;
}

.home-page section {
  margin-bottom: var(--home-section-gap-base);
}
@media (min-width: 992px) {
  .home-page section {
    margin-bottom: var(--home-section-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .home-page section {
    margin-bottom: var(--home-section-gap-desktop);
  }
}

.product-details-page section {
  margin-bottom: var(--section-gap-base);
}
@media (min-width: 992px) {
  .product-details-page section {
    margin-bottom: var(--section-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .product-details-page section {
    margin-bottom: var(--section-gap-desktop);
  }
}

.home-page-product-grid .title,
.section__scarousel-grid .title,
.trending-categories__title .title,
.our-brands__title .title,
.home-page-polls .title,
section.news-list-homepage .title,
.product-grid.cross-sells .title,
.product-grid.related-products-grid .title,
.product-grid.also-purchased-products-grid .title,
.discounted-product-carousel .title,
.section__anywhere-carousel-head-center .title,
.section__anywhere-carousel-head .title,
.trending-manufacturers__header .title,
.bss-fv__head .title {
  font-family: var(--font-heading);
  font-size: var(--page-title-base);
  margin-bottom: 16px;
  font-weight: var(--fw-bold);
  letter-spacing: var(--heading-letter-spacing);
}
@media (min-width: 576px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  section.news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .bss-fv__head .title {
    font-size: var(--page-title-mobile);
  }
}
@media (min-width: 768px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  section.news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .bss-fv__head .title {
    margin-bottom: 20px;
    font-size: var(--page-title-tablet);
  }
}
@media (min-width: 992px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  section.news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .bss-fv__head .title {
    margin-bottom: 24px;
    font-size: var(--page-title-laptop);
  }
}
@media (min-width: 1200px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  section.news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .bss-fv__head .title {
    margin-bottom: 28px;
    font-size: var(--page-title-desktop);
  }
}
@media (min-width: 1400px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  section.news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .bss-fv__head .title {
    font-size: var(--page-title-large);
  }
}
.home-page-product-grid .title--center,
.section__scarousel-grid .title--center,
.trending-categories__title .title--center,
.our-brands__title .title--center,
.home-page-polls .title--center,
section.news-list-homepage .title--center,
.product-grid.cross-sells .title--center,
.product-grid.related-products-grid .title--center,
.product-grid.also-purchased-products-grid .title--center,
.discounted-product-carousel .title--center,
.section__anywhere-carousel-head-center .title--center,
.section__anywhere-carousel-head .title--center,
.trending-manufacturers__header .title--center,
.bss-fv__head .title--center {
  text-align: center;
}

.home-page .home-page-product-grid > .title,
.home-page .news-list-homepage > .title,
.home-page .home-page-polls > .title {
  position: relative;
  padding-block-end: var(--space-3);
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: var(--fw-semibold);
  line-height: 1.1;
  letter-spacing: var(--heading-letter-spacing);
  text-align: center;
}
.home-page .home-page-product-grid > .title::after,
.home-page .news-list-homepage > .title::after,
.home-page .home-page-polls > .title::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 50%;
  width: 56px;
  height: 1px;
  background-color: var(--accent);
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  .home-page .home-page-product-grid > .title,
  .home-page .news-list-homepage > .title,
  .home-page .home-page-polls > .title {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .home-page .home-page-product-grid > .title,
  .home-page .news-list-homepage > .title,
  .home-page .home-page-polls > .title {
    font-size: 42px;
  }
}
.home-page .home-page-product-grid > .title,
.home-page .news-list-homepage > .title,
.home-page .home-page-polls > .title {
  margin-block-end: var(--space-5);
}
@media (min-width: 992px) {
  .home-page .home-page-product-grid > .title,
  .home-page .news-list-homepage > .title,
  .home-page .home-page-polls > .title {
    margin-block-end: var(--space-6);
  }
}

.product-review-box .rating {
  --star-size: 18px;
  display: inline-block;
  position: relative;
  width: calc(var(--star-size) * 5);
  height: var(--star-size);
}
.product-review-box .rating::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26ZM12.0006 15.968L16.2473 18.3451L15.2988 13.5717L18.8719 10.2674L14.039 9.69434L12.0006 5.27502L9.96214 9.69434L5.12921 10.2674L8.70231 13.5717L7.75383 18.3451L12.0006 15.968Z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26ZM12.0006 15.968L16.2473 18.3451L15.2988 13.5717L18.8719 10.2674L14.039 9.69434L12.0006 5.27502L9.96214 9.69434L5.12921 10.2674L8.70231 13.5717L7.75383 18.3451L12.0006 15.968Z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-size: var(--star-size) var(--star-size);
  mask-size: var(--star-size) var(--star-size);
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
}
.product-review-box .rating div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  color: var(--primary);
  background-color: var(--primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-size: var(--star-size) var(--star-size);
  mask-size: var(--star-size) var(--star-size);
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  z-index: 1;
}

.link-rss {
  display: block;
  float: right;
  width: 36px;
  height: 36px;
  margin: 2px 0 0;
  border-radius: 50%;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-size: 0 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.link-rss::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3c9.94 0 18 8.06 18 18h-3c0-8.28-6.72-15-15-15V3zm0 7c6.08 0 11 4.92 11 11h-3a8 8 0 0 0-8-8v-3zm0 7a4 4 0 0 1 4 4H3v-4z'/%3E%3C/svg%3E") center/15px 15px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3c9.94 0 18 8.06 18 18h-3c0-8.28-6.72-15-15-15V3zm0 7c6.08 0 11 4.92 11 11h-3a8 8 0 0 0-8-8v-3zm0 7a4 4 0 0 1 4 4H3v-4z'/%3E%3C/svg%3E") center/15px 15px no-repeat;
}
.link-rss:hover, .link-rss:focus-visible {
  background-color: var(--primary);
  color: var(--white);
}

.captcha-box {
  text-align: center;
  line-height: 0; /*firefox line-height bug fix*/
}
.captcha-box > div {
  display: inline-block;
  max-width: 100%;
}
.captcha-box input {
  height: auto;
}

.noscript {
  border-bottom: 1px solid var(--text-secondary);
  background-color: #ff9;
  padding: 30px 15px;
  text-align: center;
  line-height: 22px;
  color: var(--text-secondary);
}

/*** TOPICS ***/
.center-1 .topic-block-title {
  text-align: center;
}

.topic-page p {
  text-align: justify;
}

/* BB codes */
.csharpcode {
  margin: 10px 0;
  border: 1px dashed #ccc;
  background-color: #fff;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  color: #000;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ri-arrow-right-up-line {
  display: inline-block;
  flex-shrink: 0;
  width: 1.3em;
  height: 0.5em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 1.2 6.4 4 2.5 6.8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/0.5em 0.5em no-repeat, linear-gradient(#000 0 0) left center/calc(100% - 1px) 1px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 1.2 6.4 4 2.5 6.8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/0.5em 0.5em no-repeat, linear-gradient(#000 0 0) left center/calc(100% - 1px) 1px no-repeat;
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
[dir=rtl] .ri-arrow-right-up-line {
  transform: scaleX(-1);
}
@media (prefers-reduced-motion: reduce) {
  .ri-arrow-right-up-line {
    transition: none;
  }
}
.ri-arrow-right-up-line::before {
  content: none !important;
}

a:is(:hover, :focus-visible) .ri-arrow-right-up-line {
  width: 1.9em;
}

@view-transition {
  navigation: auto;
}
::view-transition-old(root),
::view-transition-new(root) {
  mix-blend-mode: normal;
}

::view-transition-old(root) {
  animation: none;
}

::view-transition-new(root) {
  animation: nb-page-in 0.24s ease-out both;
}

@keyframes nb-page-in {
  from {
    opacity: 0;
  }
}
.admin-header-links {
  view-transition-name: nb-admin-bar;
}

.top-bar {
  view-transition-name: nb-top-bar;
}

#header {
  view-transition-name: nb-header;
}

::view-transition-group(nb-admin-bar),
::view-transition-group(nb-top-bar),
::view-transition-group(nb-header),
::view-transition-old(nb-admin-bar),
::view-transition-new(nb-admin-bar),
::view-transition-old(nb-top-bar),
::view-transition-new(nb-top-bar),
::view-transition-old(nb-header),
::view-transition-new(nb-header) {
  animation: none;
}

::view-transition-old(nb-admin-bar),
::view-transition-old(nb-top-bar),
::view-transition-old(nb-header) {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}
.total-info .cart-total .cart-total-right {
  text-align: end;
}

.total-info .cart-total .cart-total-left label {
  white-space: nowrap;
}

.total-info .cart-total .order-total .cart-total-right > span:not(.value-summary):not(.vat-summary) {
  font-size: 14px;
  font-weight: var(--fw-regular);
  white-space: normal;
}

.vat-summary {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  font-weight: var(--fw-regular);
  line-height: 1.35;
  text-align: end;
  color: var(--text-secondary);
}

.vat-summary-line {
  display: block;
  text-align: end;
  white-space: nowrap;
}

.total-info .cart-total .cart-total-right .vat-summary,
.total-info .cart-total .cart-total-right .vat-summary-line,
.mini-shopping-cart-offcanvas .cart-footer .totals .vat-summary,
.mini-shopping-cart-offcanvas .cart-footer .totals .vat-summary-line {
  text-align: end;
}

.prices .vat-summary {
  flex: 0 0 100%;
  order: 12;
  margin-top: 0;
}

.product-item .prices .vat-summary,
.product-item .prices .vat-summary-line,
.floating-cart-price .prices .vat-summary,
.floating-cart-price .prices .vat-summary-line {
  text-align: start;
}

@media (max-width: 420px) {
  .vat-summary-line {
    white-space: normal;
  }
}
.product-grid {
  --item-grid-columns-phone: var(--products-grid-default-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-default-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-default-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-default-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-default-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-default-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-default-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-default-gap-desktop);
}

.home-page-product-grid {
  --item-grid-columns-phone: var(--products-grid-home-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-home-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-home-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-home-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-home-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-home-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-home-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-home-gap-desktop);
}

.product-grid.bestsellers {
  --item-grid-columns-phone: var(--products-grid-best-seller-list-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-best-seller-list-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-best-seller-list-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-best-seller-list-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-best-seller-list-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-best-seller-list-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-best-seller-list-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-best-seller-list-gap-desktop);
}

.vendor-page .product-grid {
  --item-grid-columns-phone: var(--products-grid-vendor-page-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-vendor-page-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-vendor-page-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-vendor-page-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-vendor-page-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-vendor-page-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-vendor-page-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-vendor-page-gap-desktop);
}

.vendor-grid {
  --item-grid-columns-phone: var(--products-grid-vendor-list-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-vendor-list-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-vendor-list-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-vendor-list-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-vendor-list-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-vendor-list-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-vendor-list-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-vendor-list-gap-desktop);
}

.manufacturer-grid {
  --item-grid-columns-phone: var(--products-grid-manufacturer-list-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-manufacturer-list-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-manufacturer-list-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-manufacturer-list-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-manufacturer-list-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-manufacturer-list-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-manufacturer-list-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-manufacturer-list-gap-desktop);
}

.product-grid .item-grid,
.vendor-grid .item-grid,
.manufacturer-grid .item-grid {
  display: grid;
  grid-template-columns: repeat(var(--item-grid-columns-phone), 1fr);
  gap: calc(var(--item-grid-gap-phone) + 4px) var(--item-grid-gap-phone);
}
.product-grid .item-grid > *,
.vendor-grid .item-grid > *,
.manufacturer-grid .item-grid > * {
  min-width: 0;
}
@media (min-width: 768px) {
  .product-grid .item-grid,
  .vendor-grid .item-grid,
  .manufacturer-grid .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-tablet), 1fr);
    gap: calc(var(--item-grid-gap-tablet) + 6px) var(--item-grid-gap-tablet);
  }
}
@media (min-width: 992px) {
  .product-grid .item-grid,
  .vendor-grid .item-grid,
  .manufacturer-grid .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-laptop), 1fr);
    gap: calc(var(--item-grid-gap-laptop) + 10px) var(--item-grid-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .product-grid .item-grid,
  .vendor-grid .item-grid,
  .manufacturer-grid .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-desktop), 1fr);
    gap: calc(var(--item-grid-gap-desktop) + 16px) var(--item-grid-gap-desktop);
  }
}

.nb-rows-more {
  display: flex;
  justify-content: center;
  margin-block-start: var(--space-6);
}
.nb-rows-more[hidden] {
  display: none;
}

.nb-rows-more__btn {
  background-color: var(--white);
  color: var(--secondary);
  border: 1px solid var(--border);
  transition: color 0.35s ease, border-color 0.35s ease;
}
.nb-rows-more__btn:hover, .nb-rows-more__btn:focus-visible {
  color: var(--white);
  border-color: var(--primary);
}
.nb-rows-more__btn.is-loading {
  pointer-events: none;
}
.nb-rows-more__btn.is-loading .nb-rows-more__label {
  visibility: hidden;
}
.nb-rows-more__btn.is-loading .nb-rows-more__loader {
  visibility: visible;
}

.loader.nb-rows-more__loader {
  --loader-size: 20px;
  --loader-outer: var(--accent);
  --loader-inner: var(--accent-dark);
  --loader-core: var(--primary);
  width: var(--loader-size);
  aspect-ratio: 1;
  background: linear-gradient(45deg, var(--loader-outer) 50%, rgba(0, 0, 0, 0) 0), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, var(--loader-outer) 0), linear-gradient(-45deg, var(--loader-inner) 50%, rgba(0, 0, 0, 0) 0), linear-gradient(-45deg, rgba(0, 0, 0, 0) 50%, var(--loader-inner) 0), linear-gradient(var(--loader-core) 0 0);
  background-size: 50% 50%;
  background-repeat: no-repeat;
  animation: nopgadence-loader 1.5s infinite, nb-loader-in 0.2s ease 0.25s both;
}
:root[data-nb-loader=ring] .loader.nb-rows-more__loader {
  background: conic-gradient(from var(--nb-loader-angle), var(--loader-core) 0 30%, color-mix(in srgb, var(--loader-outer) 45%, transparent) 0);
  border-radius: 50%;
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - max(2px, var(--loader-size) / 12)), #000 0);
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - max(2px, var(--loader-size) / 12)), #000 0);
  animation: nb-loader-ring 0.9s linear infinite, nb-loader-in 0.2s ease 0.25s both;
}
:root[data-nb-loader=dots] .loader.nb-rows-more__loader {
  aspect-ratio: 3;
  background: radial-gradient(circle closest-side, var(--loader-core) 80%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: nb-loader-dots 1.1s steps(4) infinite, nb-loader-in 0.2s ease 0.25s both;
}
:root[data-nb-loader=pulse] .loader.nb-rows-more__loader {
  background: var(--loader-core);
  border-radius: 50%;
  animation: nb-loader-pulse 1.3s ease-out infinite, nb-loader-in 0.2s ease 0.25s both;
}
.loader.nb-rows-more__loader {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  margin-block-start: calc(var(--loader-size) / -2);
  margin-inline-start: calc(var(--loader-size) / -2);
  visibility: hidden;
}

.nb-rows-more__btn:not(.is-loading) .loader.nb-rows-more__loader {
  animation-play-state: paused;
}

@keyframes nb-row-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.item-box.nb-row-in {
  animation: nb-row-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .loader.nb-rows-more__loader {
    animation: none;
  }
  .item-box.nb-row-in {
    animation: none;
  }
}
.category-page .product-grid,
.product-tag-page .product-grid,
.search-page .product-grid,
.manufacturer-page .product-grid,
.recently-added-products-page .product-grid,
.recently-viewed-products-page .product-grid {
  --item-grid-columns-phone: var(--products-grid-catalog-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-catalog-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-catalog-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-catalog-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-catalog-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-catalog-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-catalog-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-catalog-gap-desktop);
}

.category-grid.default.home-page-category-grid {
  display: grid;
  grid-template-columns: repeat(var(--homepage-category-grid-columns-phone), 1fr);
  gap: var(--homepage-category-grid-gap-phone);
}
.category-grid.default.home-page-category-grid > * {
  min-width: 0;
}
@media (min-width: 768px) {
  .category-grid.default.home-page-category-grid {
    grid-template-columns: repeat(var(--homepage-category-grid-columns-tablet), 1fr);
    gap: var(--homepage-category-grid-gap-tablet);
  }
}
@media (min-width: 992px) {
  .category-grid.default.home-page-category-grid {
    grid-template-columns: repeat(var(--homepage-category-grid-columns-laptop), 1fr);
    gap: var(--homepage-category-grid-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .category-grid.default.home-page-category-grid {
    grid-template-columns: repeat(var(--homepage-category-grid-columns-desktop), 1fr);
    gap: var(--homepage-category-grid-gap-desktop);
  }
}

.home-page section:not(.nb-gallery):has(> .category-grid.default.home-page-category-grid) {
  margin-block: 50px;
}

.category-page .sub-category-grid,
.product-tag-page .sub-category-grid,
.search-page .sub-category-grid,
.manufacturer-page .sub-category-grid,
.recently-added-products-page .sub-category-grid,
.recently-viewed-products-page .sub-category-grid {
  --item-grid-columns-phone: var(--catalog-subcategory-grid-columns-phone);
  --item-grid-columns-tablet: var(--catalog-subcategory-grid-columns-tablet);
  --item-grid-columns-laptop: var(--catalog-subcategory-grid-columns-laptop);
  --item-grid-columns-desktop: var(--catalog-subcategory-grid-columns-desktop);
  --item-grid-gap-phone: var(--catalog-subcategory-grid-gap-phone);
  --item-grid-gap-tablet: var(--catalog-subcategory-grid-gap-tablet);
  --item-grid-gap-laptop: var(--catalog-subcategory-grid-gap-laptop);
  --item-grid-gap-desktop: var(--catalog-subcategory-grid-gap-desktop);
}

.category-page .sub-category-grid .item-grid,
.product-tag-page .sub-category-grid .item-grid,
.search-page .sub-category-grid .item-grid,
.manufacturer-page .sub-category-grid .item-grid,
.recently-added-products-page .sub-category-grid .item-grid,
.recently-viewed-products-page .sub-category-grid .item-grid {
  display: grid;
  grid-template-columns: repeat(var(--item-grid-columns-phone), 1fr);
  gap: calc(var(--item-grid-gap-phone) + 4px) var(--item-grid-gap-phone);
}
.category-page .sub-category-grid .item-grid > *,
.product-tag-page .sub-category-grid .item-grid > *,
.search-page .sub-category-grid .item-grid > *,
.manufacturer-page .sub-category-grid .item-grid > *,
.recently-added-products-page .sub-category-grid .item-grid > *,
.recently-viewed-products-page .sub-category-grid .item-grid > * {
  min-width: 0;
}
@media (min-width: 768px) {
  .category-page .sub-category-grid .item-grid,
  .product-tag-page .sub-category-grid .item-grid,
  .search-page .sub-category-grid .item-grid,
  .manufacturer-page .sub-category-grid .item-grid,
  .recently-added-products-page .sub-category-grid .item-grid,
  .recently-viewed-products-page .sub-category-grid .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-tablet), 1fr);
    gap: calc(var(--item-grid-gap-tablet) + 6px) var(--item-grid-gap-tablet);
  }
}
@media (min-width: 992px) {
  .category-page .sub-category-grid .item-grid,
  .product-tag-page .sub-category-grid .item-grid,
  .search-page .sub-category-grid .item-grid,
  .manufacturer-page .sub-category-grid .item-grid,
  .recently-added-products-page .sub-category-grid .item-grid,
  .recently-viewed-products-page .sub-category-grid .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-laptop), 1fr);
    gap: calc(var(--item-grid-gap-laptop) + 10px) var(--item-grid-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .category-page .sub-category-grid .item-grid,
  .product-tag-page .sub-category-grid .item-grid,
  .search-page .sub-category-grid .item-grid,
  .manufacturer-page .sub-category-grid .item-grid,
  .recently-added-products-page .sub-category-grid .item-grid,
  .recently-viewed-products-page .sub-category-grid .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-desktop), 1fr);
    gap: calc(var(--item-grid-gap-desktop) + 16px) var(--item-grid-gap-desktop);
  }
}

.registration-page,
.login-page,
.password-recovery-page,
.withdrawal-request-page,
.phone-verification-page,
.account-page,
.order-details-page,
.shipment-details-page,
.contact-page,
.apply-vendor-page,
.wishlist-page,
.email-a-friend-page,
.return-request-page,
.compare-products-page,
.bss-apc-page,
.topic-page,
.request-page,
.request-list-page,
.product-details-page,
.order-completed-page,
.pc-quote--submitted,
.block-account-navigation .account-navigation-container,
.newsletter-page,
.cart-reminder-unsubscribe-page,
.private-messages,
.not-found-page,
.forums-main-page,
.active-discussions-page,
.forum-group-page,
.forum-page,
.forum-topic-page,
.forum-search-page,
.forum-edit-page,
.move-topic-page,
.profile-forum-posts-page {
  margin-top: var(--page-margin-base);
  margin-bottom: var(--page-margin-base);
}
@media (min-width: 576px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .withdrawal-request-page,
  .phone-verification-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .product-details-page,
  .order-completed-page,
  .pc-quote--submitted,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages,
  .not-found-page,
  .forums-main-page,
  .active-discussions-page,
  .forum-group-page,
  .forum-page,
  .forum-topic-page,
  .forum-search-page,
  .forum-edit-page,
  .move-topic-page,
  .profile-forum-posts-page {
    margin-top: var(--page-margin-mobile);
    margin-bottom: var(--page-margin-mobile);
  }
}
@media (min-width: 768px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .withdrawal-request-page,
  .phone-verification-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .product-details-page,
  .order-completed-page,
  .pc-quote--submitted,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages,
  .not-found-page,
  .forums-main-page,
  .active-discussions-page,
  .forum-group-page,
  .forum-page,
  .forum-topic-page,
  .forum-search-page,
  .forum-edit-page,
  .move-topic-page,
  .profile-forum-posts-page {
    margin-top: var(--page-margin-tablet);
    margin-bottom: var(--page-margin-tablet);
  }
}
@media (min-width: 992px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .withdrawal-request-page,
  .phone-verification-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .product-details-page,
  .order-completed-page,
  .pc-quote--submitted,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages,
  .not-found-page,
  .forums-main-page,
  .active-discussions-page,
  .forum-group-page,
  .forum-page,
  .forum-topic-page,
  .forum-search-page,
  .forum-edit-page,
  .move-topic-page,
  .profile-forum-posts-page {
    margin-top: var(--page-margin-laptop);
    margin-bottom: var(--page-margin-laptop);
  }
}
@media (min-width: 1200px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .withdrawal-request-page,
  .phone-verification-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .product-details-page,
  .order-completed-page,
  .pc-quote--submitted,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages,
  .not-found-page,
  .forums-main-page,
  .active-discussions-page,
  .forum-group-page,
  .forum-page,
  .forum-topic-page,
  .forum-search-page,
  .forum-edit-page,
  .move-topic-page,
  .profile-forum-posts-page {
    margin-top: var(--page-margin-desktop);
    margin-bottom: var(--page-margin-desktop);
  }
}
@media (min-width: 1400px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .withdrawal-request-page,
  .phone-verification-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .product-details-page,
  .order-completed-page,
  .pc-quote--submitted,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages,
  .not-found-page,
  .forums-main-page,
  .active-discussions-page,
  .forum-group-page,
  .forum-page,
  .forum-topic-page,
  .forum-search-page,
  .forum-edit-page,
  .move-topic-page,
  .profile-forum-posts-page {
    margin-top: var(--page-margin-large);
    margin-bottom: var(--page-margin-large);
  }
}

.html-category-page .container__content,
.html-recently-added-products-page .container__content,
.html-search-page .container__content,
.html-manufacturer-page .container__content,
.html-vendor-page .container__content,
.html-vendor-list-page .container__content,
.html-product-tag-page .container__content,
.html-vendor-reviews-list-page .container__content,
.html-manufacturer-list-page .container__content,
.html-blog-page .container__content,
.html-blog-page .container__content,
.html-blogpost-page .container__content,
.html-news-item-page .container__content,
.html-news-list-page .container__content,
.html-product-tags-all-page .container__content,
.html-recently-viewed-products-page .container__content {
  margin-top: var(--page-margin-base);
  margin-bottom: var(--page-margin-base);
}
@media (min-width: 576px) {
  .html-category-page .container__content,
  .html-recently-added-products-page .container__content,
  .html-search-page .container__content,
  .html-manufacturer-page .container__content,
  .html-vendor-page .container__content,
  .html-vendor-list-page .container__content,
  .html-product-tag-page .container__content,
  .html-vendor-reviews-list-page .container__content,
  .html-manufacturer-list-page .container__content,
  .html-blog-page .container__content,
  .html-blog-page .container__content,
  .html-blogpost-page .container__content,
  .html-news-item-page .container__content,
  .html-news-list-page .container__content,
  .html-product-tags-all-page .container__content,
  .html-recently-viewed-products-page .container__content {
    margin-top: var(--page-margin-mobile);
    margin-bottom: var(--page-margin-mobile);
  }
}
@media (min-width: 768px) {
  .html-category-page .container__content,
  .html-recently-added-products-page .container__content,
  .html-search-page .container__content,
  .html-manufacturer-page .container__content,
  .html-vendor-page .container__content,
  .html-vendor-list-page .container__content,
  .html-product-tag-page .container__content,
  .html-vendor-reviews-list-page .container__content,
  .html-manufacturer-list-page .container__content,
  .html-blog-page .container__content,
  .html-blog-page .container__content,
  .html-blogpost-page .container__content,
  .html-news-item-page .container__content,
  .html-news-list-page .container__content,
  .html-product-tags-all-page .container__content,
  .html-recently-viewed-products-page .container__content {
    margin-top: var(--page-margin-tablet);
    margin-bottom: var(--page-margin-tablet);
  }
}
@media (min-width: 992px) {
  .html-category-page .container__content,
  .html-recently-added-products-page .container__content,
  .html-search-page .container__content,
  .html-manufacturer-page .container__content,
  .html-vendor-page .container__content,
  .html-vendor-list-page .container__content,
  .html-product-tag-page .container__content,
  .html-vendor-reviews-list-page .container__content,
  .html-manufacturer-list-page .container__content,
  .html-blog-page .container__content,
  .html-blog-page .container__content,
  .html-blogpost-page .container__content,
  .html-news-item-page .container__content,
  .html-news-list-page .container__content,
  .html-product-tags-all-page .container__content,
  .html-recently-viewed-products-page .container__content {
    margin-top: var(--page-margin-laptop);
    margin-bottom: var(--page-margin-laptop);
  }
}
@media (min-width: 1200px) {
  .html-category-page .container__content,
  .html-recently-added-products-page .container__content,
  .html-search-page .container__content,
  .html-manufacturer-page .container__content,
  .html-vendor-page .container__content,
  .html-vendor-list-page .container__content,
  .html-product-tag-page .container__content,
  .html-vendor-reviews-list-page .container__content,
  .html-manufacturer-list-page .container__content,
  .html-blog-page .container__content,
  .html-blog-page .container__content,
  .html-blogpost-page .container__content,
  .html-news-item-page .container__content,
  .html-news-list-page .container__content,
  .html-product-tags-all-page .container__content,
  .html-recently-viewed-products-page .container__content {
    margin-top: var(--page-margin-desktop);
    margin-bottom: var(--page-margin-desktop);
  }
}
@media (min-width: 1400px) {
  .html-category-page .container__content,
  .html-recently-added-products-page .container__content,
  .html-search-page .container__content,
  .html-manufacturer-page .container__content,
  .html-vendor-page .container__content,
  .html-vendor-list-page .container__content,
  .html-product-tag-page .container__content,
  .html-vendor-reviews-list-page .container__content,
  .html-manufacturer-list-page .container__content,
  .html-blog-page .container__content,
  .html-blog-page .container__content,
  .html-blogpost-page .container__content,
  .html-news-item-page .container__content,
  .html-news-list-page .container__content,
  .html-product-tags-all-page .container__content,
  .html-recently-viewed-products-page .container__content {
    margin-top: var(--page-margin-large);
    margin-bottom: var(--page-margin-large);
  }
}

.breadcrumb .container__content {
  margin-top: 0;
  margin-bottom: 0;
}

.breadcrumb + .container.container__content {
  margin-top: var(--space-5);
}
@media (min-width: 992px) {
  .breadcrumb + .container.container__content {
    margin-top: var(--space-6);
  }
}

.page-title h1,
.page-title h2 {
  font-size: var(--page-title-base);
  font-weight: 700;
}
@media (min-width: 576px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-mobile);
  }
}
@media (min-width: 768px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-tablet);
  }
}
@media (min-width: 992px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-laptop);
  }
}
@media (min-width: 1200px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-desktop);
  }
}
@media (min-width: 1400px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-large);
  }
}

.html-category-page .breadcrumb,
.html-manufacturer-page .breadcrumb {
  margin-bottom: var(--space-3);
}
.html-category-page .breadcrumb ul,
.html-manufacturer-page .breadcrumb ul {
  text-align: center;
}
.html-category-page .container.container__content,
.html-category-page .breadcrumb + .container.container__content,
.html-manufacturer-page .container.container__content,
.html-manufacturer-page .breadcrumb + .container.container__content {
  margin-top: 0;
  padding-top: 0;
}

.admin-header-links {
  background-color: var(--secondary);
  text-align: center;
  color: var(--white);
}
.admin-header-links * {
  display: inline-block;
  margin: 0 10px;
  line-height: 35px;
  font-size: 12px;
  font-weight: bold;
}
.admin-header-links a {
  color: var(--gray-200);
}
.admin-header-links a:hover {
  color: var(--white);
}

.top-bar {
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--border);
}
.top-bar .social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: transparent;
  color: var(--text-primary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.top-bar .social-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--accent-dark);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .top-bar .social-link::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .top-bar .social-link::before {
    transition: none;
  }
}
.top-bar .social-link:hover, .top-bar .social-link:focus-visible {
  color: var(--white);
}
.top-bar .social-link:hover::before, .top-bar .social-link:focus-visible::before {
  transform: scale(1);
}
.top-bar .social-link {
  transition: color 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.top-bar .language-selector {
  flex-shrink: 0;
}
.top-bar .language-selector .language-list {
  display: flex;
  gap: 8px;
  align-items: center;
}
.top-bar .language-selector .language-list li img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  padding: 3px;
  border: 1.5px solid var(--gray-200);
}
.top-bar .language-selector .language-list li img.selected {
  border: 1.5px solid var(--primary);
}
.top-bar .currency-selector,
.top-bar .language-selector,
.top-bar .tax-display-type-selector {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.top-bar .currency-selector:has(select),
.top-bar .language-selector:has(select),
.top-bar .tax-display-type-selector:has(select) {
  margin-block: -4px;
}
.top-bar .currency-selector select,
.top-bar .language-selector select,
.top-bar .tax-display-type-selector select {
  flex-shrink: 0;
  background-color: var(--white);
  background-image: none;
  padding-block: 3px;
  padding-inline: 12px 32px;
  height: auto;
}
.top-bar .currency-selector select:focus,
.top-bar .language-selector select:focus,
.top-bar .tax-display-type-selector select:focus {
  box-shadow: none;
}
.top-bar .currency-selector:has(select)::after,
.top-bar .language-selector:has(select)::after,
.top-bar .tax-display-type-selector:has(select)::after {
  content: "";
  position: absolute;
  inset-inline-end: 13px;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
  pointer-events: none;
}
.top-bar .currency-selector:has(select.nb-select-open)::after,
.top-bar .language-selector:has(select.nb-select-open)::after,
.top-bar .tax-display-type-selector:has(select.nb-select-open)::after {
  transform: translateY(1px) rotate(-135deg);
}
@media (prefers-reduced-motion: reduce) {
  .top-bar .currency-selector::after,
  .top-bar .language-selector::after,
  .top-bar .tax-display-type-selector::after {
    transition: none;
  }
}

.header {
  color: var(--secondary);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  inset-inline-start: 0;
  z-index: 10;
  background-color: var(--white);
  transition: all 0.3s;
  box-shadow: none;
}
.header .menu > .menu__item {
  padding-block: 13px;
}
.header .menu > .menu__item > .menu__link,
.header .menu > .menu__item > .menu__item-toggle > .menu__link {
  padding: 8px 2px;
  white-space: nowrap;
  font-weight: var(--fw-medium);
  line-height: 1.2;
  color: var(--text-primary);
  transition: color 0.25s ease;
}
.header .menu > .menu__item:hover > .menu__link, .header .menu > .menu__item:hover > .menu__item-toggle > .menu__link, .header .menu > .menu__item:focus-within > .menu__link, .header .menu > .menu__item:focus-within > .menu__item-toggle > .menu__link, .header .menu > .menu__item.active > .menu__link, .header .menu > .menu__item.active > .menu__item-toggle > .menu__link, .header .menu > .menu__item.menu-dropdown--active > .menu__item-toggle > .menu__link {
  color: var(--accent-dark);
}
@media (min-width: 1200px) {
  .header .menu__toggle {
    display: none;
  }
}
.header .menu {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: nowrap;
}
.header .menu .menu__row-braker {
  width: 100%;
}
.header .menu__item:hover > .menu__grid-view, .header .menu__item:focus-within > .menu__grid-view {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header .menu__item:hover > .menu__list-view, .header .menu__item:focus-within > .menu__list-view {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header .menu__item .menu__link i {
  display: none;
}
.header .menu__grid-view {
  max-width: none;
  padding: 0 10px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .header .menu__grid-view {
    padding: 0 28px;
  }
}
@media (min-width: 1200px) {
  .header .menu__grid-view {
    padding: 0 32px;
  }
}
@media (min-width: 1400px) {
  .header .menu__grid-view {
    padding: 0 42px;
  }
}
.header .menu__grid-view {
  position: absolute;
  left: 0;
  margin-top: 10px;
  background-color: var(--white);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  padding-block: 24px;
  border-radius: var(--card-radius-sm);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  font-size: 14px;
  max-height: calc(100dvh - 100% - 16px);
  overflow: hidden;
}
.header .menu__grid-view .menu__grid-items {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  column-gap: 12px;
  row-gap: 28px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--gray-300) transparent;
}
.header .menu__grid-view .menu__grid-items::-webkit-scrollbar {
  width: 6px;
}
.header .menu__grid-view .menu__grid-items::-webkit-scrollbar-thumb {
  background-color: var(--gray-300);
}
.header .menu__grid-view .menu__group {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  justify-content: flex-start;
  gap: 16px;
}
.header .menu__grid-view .menu__group .menu__image-link img {
  width: 155px;
  max-width: 100%;
  aspect-ratio: var(--product-image-ratio);
  object-fit: var(--product-image-fit);
}
.header .menu__grid-view .menu__group .menu__image-link:not(:has(img)) {
  display: none;
}
.header .menu__grid-view .menu__group .menu__details {
  min-width: 0;
}
.header .menu__grid-view .menu__group-title {
  font-size: 18px;
  font-weight: var(--fw-medium);
  margin-bottom: 12px;
  color: var(--text-primary);
}
.header .menu__grid-view .menu__group-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header .menu__grid-view .menu__group .menu__link {
  padding: 0;
  display: inline-flex;
  align-items: center;
  color: var(--text-secondary);
  transition: color 0.25s ease;
}
.header .menu__grid-view .menu__group .menu__link:hover {
  color: var(--text-primary);
}
.header .menu__grid-view .menu__group .menu__link.active {
  font-weight: var(--fw-semibold);
  color: var(--text-primary);
  box-shadow: inset 0 -2px 0 var(--accent);
}
.header .menu__grid-view .menu__group .menu__link i {
  display: inline-block;
  margin-inline-start: 8px;
  transform: translateX(-8px);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.2s ease;
}
.header .menu__grid-view .menu__group .menu__link:hover i {
  transform: translateX(0);
  opacity: 1;
}
.header .menu__list-view {
  position: absolute;
  min-width: 220px;
  max-width: 320px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  background-color: var(--white);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--primary) 14%, transparent);
  border: 1px solid var(--border);
  padding: 0;
  border-radius: var(--card-radius-sm);
  overflow: hidden;
  font-size: 14px;
  overflow: visible;
}
.header .menu__list-view .menu__item {
  position: relative;
  padding: 0;
}
.header .menu__list-view .menu__item .menu__link {
  display: block;
  padding: 8px 14px;
  border-radius: 0;
  color: var(--text-primary);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.header .menu__list-view .menu__item:nth-child(1 of .menu__item) > .menu__link, .header .menu__list-view .menu__item:nth-child(1 of .menu__item) > .menu__item-toggle > .menu__link {
  border-start-start-radius: calc(var(--card-radius-sm) - 1px);
  border-start-end-radius: calc(var(--card-radius-sm) - 1px);
}
.header .menu__list-view .menu__item:nth-last-child(1 of .menu__item) > .menu__link, .header .menu__list-view .menu__item:nth-last-child(1 of .menu__item) > .menu__item-toggle > .menu__link {
  border-end-start-radius: calc(var(--card-radius-sm) - 1px);
  border-end-end-radius: calc(var(--card-radius-sm) - 1px);
}
.header .menu__list-view .menu__item.menu-dropdown > .menu__item-toggle > .menu__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.header .menu__list-view .menu__item.menu-dropdown > .menu__item-toggle > .menu__link::after {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid currentColor;
  border-inline-end: 1.5px solid currentColor;
  transform: rotate(45deg);
}
[dir=rtl] .header .menu__list-view .menu__item.menu-dropdown > .menu__item-toggle > .menu__link::after {
  transform: rotate(-45deg);
}
.header .menu__list-view .menu__item.active > .menu__link,
.header .menu__list-view .menu__item .menu__link.active {
  font-weight: var(--fw-semibold);
  background-color: var(--bg-primary);
  box-shadow: inset 2px 0 0 var(--accent);
}
.header .menu__list-view .menu__item .menu__link:hover {
  background-color: var(--accent);
  color: var(--text-primary);
}
.header .menu__list-view .menu__item .menu__link i {
  display: none;
}
.header .menu__list-view .menu__list-view {
  top: -1px;
  inset-inline-start: 100%;
}

.header-wrapper {
  padding-block: 8px;
}
@media (min-width: 1200px) {
  .header-wrapper {
    flex-wrap: nowrap;
  }
}
.header-wrapper .header-burger {
  display: flex;
}
@media (min-width: 1200px) {
  .header-wrapper .header-burger {
    display: none;
  }
}
.header-wrapper .header-nav {
  display: none;
}
@media (min-width: 1200px) {
  .header-wrapper .header-nav {
    display: block;
    order: 2;
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    padding-inline: 32px;
  }
  .header-wrapper .header-nav .menu {
    justify-content: center;
  }
}
.header-wrapper .header-logo {
  text-align: center;
}
@media (min-width: 1200px) {
  .header-wrapper .header-logo {
    order: 1;
    flex: 1 1 0;
    width: auto;
    text-align: start;
  }
  .header-wrapper .header-logo .site-logo img {
    margin-inline: 0;
  }
}
@media (min-width: 1200px) {
  .header-wrapper .header-actions {
    order: 3;
    flex: 1 1 0;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .header-wrapper.header-wrapper--stacked {
    flex-wrap: wrap;
  }
  .header-wrapper.header-wrapper--stacked .header-logo {
    order: 1;
    flex: 0 0 auto;
    width: 25%;
    text-align: start;
  }
  .header-wrapper.header-wrapper--stacked .header-actions {
    order: 2;
    flex: 0 0 auto;
    width: 75%;
  }
  .header-wrapper.header-wrapper--stacked .header-nav {
    order: 3;
    flex: 0 0 auto;
    width: calc(100% + 64px - var(--bs-gutter-x));
    max-width: none;
    margin-inline: calc(var(--bs-gutter-x) * 0.5 - 32px);
    border-top: 1px solid var(--border);
  }
}
@media (min-width: 1200px) and (min-width: 1400px) {
  .header-wrapper.header-wrapper--stacked .header-nav {
    width: calc(100% + 84px - var(--bs-gutter-x));
    margin-inline: calc(var(--bs-gutter-x) * 0.5 - 42px);
  }
}
@media (min-width: 1200px) {
  .header-wrapper.header-wrapper--stacked .header-nav .menu {
    justify-content: center;
  }
}

.header-links .link-item.header-desktop-link {
  display: none;
}
@media (min-width: 1200px) {
  .header-links .link-item.header-desktop-link {
    display: flex;
  }
}
.header-links .header-link-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.header-logo .site-logo {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 52px;
  vertical-align: top;
}
.header-logo .site-logo:has(img:not([width])) {
  display: flex;
  width: 100%;
}
@media (min-width: 768px) {
  .header-logo .site-logo {
    min-height: 60px;
  }
}
@media (min-width: 1200px) {
  .header-logo .site-logo {
    min-height: 72px;
  }
}
.header-logo .site-logo img {
  max-width: min(100%, var(--nb-logo-w-m, 160px));
  max-height: var(--nb-logo-h-m, 52px);
  width: var(--nb-logo-w-m, auto);
  height: auto;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .header-logo .site-logo img {
    max-width: min(100%, var(--nb-logo-w-m, 180px));
    max-height: var(--nb-logo-h-m, 60px);
  }
}
@media (min-width: 1200px) {
  .header-logo .site-logo img {
    max-width: min(100%, var(--nb-logo-w, 220px));
    max-height: var(--nb-logo-h, 72px);
    width: var(--nb-logo-w, auto);
  }
}

.search-link button {
  padding: 0;
  border: none;
  background: none;
  color: var(--text-primary);
  transition: color 0.25s ease;
}
.search-link button:hover {
  color: var(--accent-dark);
}

.header-search-box {
  position: relative;
  width: 100%;
}
.header-search-box .search-box-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--white);
  border: 1px solid var(--border);
  border-radius: 100px;
  padding: 4px 4px 4px 18px;
  transition: border-color 0.2s ease;
}
.header-search-box .search-box-wrapper:focus-within {
  border-color: var(--primary);
}
.header-search-box .search-box-category {
  flex-shrink: 0;
  width: auto;
  max-width: 140px;
  border: none;
  border-inline-end: 1px solid var(--border);
  border-radius: 0;
  background-color: transparent;
  background-position: right 0.35rem center;
  margin-inline-end: 10px;
  padding: 6px 22px 6px 8px;
  color: var(--text-primary);
  font-weight: var(--fw-medium);
  cursor: pointer;
}
.header-search-box .search-box-category:hover, .header-search-box .search-box-category:focus {
  border-inline-end: 1px solid var(--border);
  box-shadow: none;
  outline: none;
}
.header-search-box .search-box-text {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background-color: transparent;
  padding: 6px 12px 6px 0;
  font-size: 14px;
}
.header-search-box .search-box-text:hover, .header-search-box .search-box-text:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.header-search-box .search-box-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.header-search-box .search-box-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--accent-dark);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .header-search-box .search-box-button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .header-search-box .search-box-button::before {
    transition: none;
  }
}
.header-search-box .search-box-button:hover, .header-search-box .search-box-button:focus-visible {
  color: var(--white);
}
.header-search-box .search-box-button:hover::before, .header-search-box .search-box-button:focus-visible::before {
  transform: scale(1);
}
.header-search-box .search-box-button i {
  font-size: 18px;
}

.search-modal .modal-content {
  background-color: color-mix(in srgb, var(--bg-primary) 92%, transparent);
  backdrop-filter: blur(2px);
  border: none;
  border-radius: 0;
}
.search-modal .modal-body {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 16px 16px 40px;
}
@media (min-width: 768px) {
  .search-modal .modal-body {
    padding: 24px 24px 40px;
  }
}
.search-modal .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.search-modal .btn-close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .search-modal .btn-close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .search-modal .btn-close::before {
    transition: none;
  }
}
.search-modal .btn-close:hover, .search-modal .btn-close:focus-visible {
  color: var(--white);
}
.search-modal .btn-close:hover::before, .search-modal .btn-close:focus-visible::before {
  transform: scale(1);
}
.search-modal .btn-close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
}
.search-modal .btn-close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.search-modal .btn-close i {
  font-size: inherit;
  line-height: 1;
}
.search-modal .btn-close i {
  font-size: 15px;
}
@media (min-width: 768px) {
  .search-modal .btn-close {
    width: 32px;
    height: 32px;
    top: 24px;
    inset-inline-end: 24px;
  }
  .search-modal .btn-close i {
    font-size: 16px;
  }
}
.search-modal .input-wrapper {
  width: 100%;
  max-width: min(760px, 100% - 5px);
  padding-top: 38px;
}
@media (min-width: 768px) {
  .search-modal .input-wrapper {
    max-width: min(760px, 100% - 80px);
  }
}
.search-modal .search-box.store-search-box {
  width: 100%;
}
.search-modal .header-search-box .search-box-wrapper {
  padding-block: 8px;
  padding-inline-end: 8px;
}
.search-modal .search-suggestions {
  justify-content: center;
  color: var(--text-secondary);
}
.search-modal .search-suggestions .keyword {
  position: relative;
  isolation: isolate;
}
.search-modal .search-suggestions .keyword::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--accent-dark);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .search-modal .search-suggestions .keyword::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .search-modal .search-suggestions .keyword::before {
    transition: none;
  }
}
.search-modal .search-suggestions .keyword {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  transition: color 0.35s ease, background-color 0s;
}
.search-modal .search-suggestions .keyword:hover, .search-modal .search-suggestions .keyword:focus-visible {
  color: var(--white);
  background: var(--accent-dark);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.search-modal .search-suggestions .keyword:hover::before, .search-modal .search-suggestions .keyword:focus-visible::before {
  transform: scaleX(1);
}
.search-modal .search-suggestions .keyword {
  padding: 6px 14px;
  border-radius: 100px;
  box-shadow: inset 0 0 0 1px var(--border);
  font-size: 14px;
}

.search-panel {
  position: absolute;
  top: calc(100% + 10px);
  inset-inline-start: 0;
  width: 100%;
  min-width: 320px;
  z-index: 1200;
  display: flex;
  overflow: hidden;
  background-color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--card-radius-md);
  box-shadow: 0 24px 40px -24px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767.98px) {
  .search-panel {
    flex-direction: column;
    top: calc(100% + 4px);
  }
  .search-panel .search-panel-suggestions {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .search-panel:has(.search-results-list:empty):has(.search-results-empty[style*=none]) {
    display: none;
  }
}
.search-panel .search-panel-heading {
  font-size: 15px;
  font-weight: var(--fw-semibold);
  color: var(--text-primary);
  margin-bottom: 16px;
}
.search-panel .search-panel-results:has(.search-results-list:empty) .search-panel-heading {
  display: none;
}
.search-panel .search-panel-suggestions {
  flex: 0 0 34%;
  padding: 24px;
  background-color: var(--gray-100);
}
.search-panel .search-panel-suggestions .search-suggest-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.search-panel .search-panel-suggestions .search-suggest-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: none;
  background-color: transparent;
  text-align: start;
  color: var(--text-secondary);
  border-radius: var(--card-radius-sm);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.search-panel .search-panel-suggestions .search-suggest-item i {
  font-size: 15px;
  color: var(--text-light);
}
.search-panel .search-panel-suggestions .search-suggest-item:hover {
  background-color: var(--white);
  color: var(--text-primary);
}
.search-panel .search-panel-results {
  flex: 1 1 auto;
  padding: 24px;
  background-color: var(--white);
  max-height: 440px;
  overflow-y: auto;
}
.search-panel .search-panel-results .search-results-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.search-panel .search-panel-results .search-results-item {
  border-radius: var(--card-radius-sm);
  transition: background-color 0.2s ease;
}
.search-panel .search-panel-results .search-results-item.active .search-results-link,
.search-panel .search-panel-results .search-results-item .search-results-link:hover {
  background-color: var(--gray-100);
}
.search-panel .search-panel-results .search-results-link {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px;
  border-radius: var(--card-radius-sm);
}
.search-panel .search-panel-results .search-results-image {
  width: 52px;
  height: 60px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--card-radius-sm);
  background-color: var(--gray-100);
}
.search-panel .search-panel-results .search-results-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search-panel .search-panel-results .search-results-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-panel .search-panel-results .search-results-empty {
  padding: 8px 0;
  font-size: 14px;
  color: var(--text-secondary);
}
.search-panel .search-panel-results .search-results-footer {
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}
.search-panel .search-panel-results .search-results-footer .search-results-view-all {
  font-size: 13px;
  font-weight: 600;
  color: var(--primary);
}
.search-panel .search-panel-results .search-results-footer .search-results-view-all:hover {
  color: var(--primary-dark);
}

.header-links ul {
  align-items: center;
  gap: 22px;
}
.header-links .link-item {
  display: flex;
  align-items: center;
  padding-block: 18px;
}
.header-links .link-item > a,
.header-links .link-item > button,
.header-links .link-item .user-toggle {
  display: inline-flex !important;
  align-items: center;
  gap: 8px !important;
  padding: 0;
  border: none;
  background: none;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 1;
  transition: color 0.25s ease;
}
.header-links .link-item > a:hover, .header-links .link-item > a:focus-visible,
.header-links .link-item > button:hover,
.header-links .link-item > button:focus-visible,
.header-links .link-item .user-toggle:hover,
.header-links .link-item .user-toggle:focus-visible {
  color: var(--accent-dark);
}
.header-links .link-item i {
  font-size: 22px;
}
.header-links .user-link,
.header-links .private-msg-link,
.header-links .search-link {
  position: relative;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .header-links .user-link:hover > .user-dropdown,
  .header-links .private-msg-link:hover > .user-dropdown,
  .header-links .search-link:hover > .user-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}
.header-links .user-link .user-dropdown.open,
.header-links .private-msg-link .user-dropdown.open,
.header-links .search-link .user-dropdown.open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.header-links .user-link .user-dropdown,
.header-links .private-msg-link .user-dropdown,
.header-links .search-link .user-dropdown {
  position: absolute;
  top: 100%;
  inset-inline-end: 0;
  min-width: 200px;
  padding: 0;
  overflow: hidden;
  background-color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--card-radius-sm);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--primary) 14%, transparent);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: transform 0.28s ease, opacity 0.28s ease, visibility 0.28s ease;
}
.header-links .user-link .user-dropdown a,
.header-links .private-msg-link .user-dropdown a,
.header-links .search-link .user-dropdown a {
  display: block;
  padding: 8px 14px;
  color: var(--text-primary);
  font-size: 14px;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.header-links .user-link .user-dropdown a.active, .header-links .user-link .user-dropdown a.is-selected,
.header-links .private-msg-link .user-dropdown a.active,
.header-links .private-msg-link .user-dropdown a.is-selected,
.header-links .search-link .user-dropdown a.active,
.header-links .search-link .user-dropdown a.is-selected {
  font-weight: var(--fw-semibold);
  background-color: var(--bg-primary);
  box-shadow: inset 2px 0 0 var(--accent);
}
.header-links .user-link .user-dropdown a:hover,
.header-links .private-msg-link .user-dropdown a:hover,
.header-links .search-link .user-dropdown a:hover {
  background-color: var(--accent);
  color: var(--text-primary);
}

@media (max-width: 1199.98px) {
  .header-wrapper .header-burger {
    --nb-tap-gap: 16px;
  }
  .header-wrapper .header-links {
    --nb-tap-gap: 8px;
  }
}
@media (max-width: 1199.98px) and (min-width: 768px) {
  .header-wrapper .header-links {
    --nb-tap-gap: 16px;
  }
}
@media (max-width: 1199.98px) {
  .header-wrapper .header-burger > a,
  .header-wrapper .header-burger .search-link button,
  .header-wrapper .header-links .link-item > a,
  .header-wrapper .header-links .link-item > button,
  .header-wrapper .header-links .user-toggle {
    position: relative;
  }
  .header-wrapper .header-burger > a::after,
  .header-wrapper .header-burger .search-link button::after,
  .header-wrapper .header-links .link-item > a::after,
  .header-wrapper .header-links .link-item > button::after,
  .header-wrapper .header-links .user-toggle::after {
    content: "";
    position: absolute;
    inset: -11px calc(var(--nb-tap-gap) / -2);
  }
}

.wishlist-link .wishlist-btn,
.cart-link .cart-btn {
  position: relative;
}

@media (max-width: 767.98px) {
  .header-links .link-item:has(.wishlist-qty, .cart-qty) {
    margin-inline-end: var(--space-2);
  }
}
.wishlist-link .wishlist-qty,
.cart-link .cart-qty {
  position: absolute;
  top: -7px;
  inset-inline-end: -9px;
  margin: 0;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  color: var(--white);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  border-radius: 100px;
  border: 2px solid var(--bg-primary);
}

.site-logo {
  padding: 0;
}
@media (min-width: 1200px) {
  .site-logo {
    padding: 4px 0;
  }
}
.site-logo img {
  width: 100%;
}

.menu-offcanvas {
  --menu-gutter: 20px;
}
@media (min-width: 768px) {
  .menu-offcanvas {
    --menu-gutter: 28px;
  }
}
.menu-offcanvas {
  width: min(92vw, 400px);
  background-color: var(--white);
  border-inline-end: 1px solid var(--border);
}
.menu-offcanvas .offcanvas-header {
  padding: 18px var(--menu-gutter);
  border-bottom: 1px solid var(--border);
}
.menu-offcanvas .offcanvas-header .offcanvas-title {
  margin: 0;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-primary);
}
.menu-offcanvas .offcanvas-header .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.menu-offcanvas .offcanvas-header .btn-close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .menu-offcanvas .offcanvas-header .btn-close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .menu-offcanvas .offcanvas-header .btn-close::before {
    transition: none;
  }
}
.menu-offcanvas .offcanvas-header .btn-close:hover, .menu-offcanvas .offcanvas-header .btn-close:focus-visible {
  color: var(--white);
}
.menu-offcanvas .offcanvas-header .btn-close:hover::before, .menu-offcanvas .offcanvas-header .btn-close:focus-visible::before {
  transform: scale(1);
}
.menu-offcanvas .offcanvas-header .btn-close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
}
.menu-offcanvas .offcanvas-header .btn-close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.menu-offcanvas .offcanvas-header .btn-close i {
  font-size: inherit;
  line-height: 1;
}
.menu-offcanvas .offcanvas-header .btn-close {
  font-size: 16px;
}
.menu-offcanvas .offcanvas-body {
  padding: 0;
}
.menu-offcanvas .menu-content {
  display: grid;
  grid-auto-rows: minmax(0, 1fr) auto;
  height: 100%;
}
.menu-offcanvas .menu-content .menu-body {
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 0 var(--menu-gutter) 20px;
}
.menu-offcanvas .nav-mobile .nav-item-mobile {
  color: var(--text-primary);
  border-bottom: 1px solid var(--border);
}
.menu-offcanvas .nav-mobile .nav-item-mobile .mb-menu-link {
  display: block;
  flex: 1;
  padding: 14px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--text-primary);
  transition: color 0.2s ease;
}
.menu-offcanvas .nav-mobile .nav-item-mobile .mb-menu-link:hover {
  color: var(--primary);
}
.menu-offcanvas .nav-mobile .nav-item-mobile.active .mb-menu-link {
  color: var(--primary);
  font-weight: 600;
}
.menu-offcanvas .nav-mobile .nav-item-mobile .sub-menu-mobile {
  margin-bottom: 8px;
  padding-inline-start: 14px;
  border-inline-start: 1px solid var(--border);
}
.menu-offcanvas .nav-mobile .nav-item-mobile .sub-menu-mobile .sub-nav-menu .nav-item-mobile {
  border-bottom: none;
}
.menu-offcanvas .nav-mobile .nav-item-mobile .sub-menu-mobile .sub-nav-menu .nav-item-mobile .mb-menu-link {
  padding: 8px 0;
  font-weight: 400;
  color: var(--text-secondary);
}
.menu-offcanvas .nav-mobile .nav-item-mobile .sub-menu-mobile .sub-nav-menu .nav-item-mobile .mb-menu-link:hover {
  color: var(--text-primary);
}
.menu-offcanvas .nav-mobile .nav-item-mobile .nav-item-button {
  flex-shrink: 0;
  padding: 0 0 0 10px;
  background-color: transparent;
  outline: none;
  border: none;
  color: var(--text-light);
  transition: color 0.2s ease;
}
.menu-offcanvas .nav-mobile .nav-item-mobile .nav-item-button:hover {
  color: var(--primary);
}
.menu-offcanvas .nav-mobile .nav-item-mobile .nav-item-button i {
  font-size: 20px;
}
.menu-offcanvas .nav-mobile .nav-item-mobile .nav-item-button i::before {
  display: inline-block;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.menu-offcanvas .nav-mobile .nav-item-mobile .nav-item-button.collapsed i::before {
  transform: rotate(0deg);
}
.menu-offcanvas .extra-content {
  margin-top: 28px;
}
.menu-offcanvas .extra-content .menu-info .title {
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-light);
}
.menu-offcanvas .extra-content .details-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  color: var(--text-secondary);
}
.menu-offcanvas .menu-footer {
  display: flex;
  width: 100%;
  border-top: 1px solid var(--border);
  background-color: var(--bg-primary);
}
.menu-offcanvas .menu-footer .currency-selector,
.menu-offcanvas .menu-footer .tax-display-type-selector {
  width: 100%;
  border-inline-end: 1px solid var(--border);
}
.menu-offcanvas .menu-footer .currency-selector select,
.menu-offcanvas .menu-footer .tax-display-type-selector select,
.menu-offcanvas .menu-footer .language-selector select {
  width: 100%;
  padding: 12px;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--text-primary);
}
.menu-offcanvas .menu-footer .currency-selector select:hover, .menu-offcanvas .menu-footer .currency-selector select:focus,
.menu-offcanvas .menu-footer .tax-display-type-selector select:hover,
.menu-offcanvas .menu-footer .tax-display-type-selector select:focus,
.menu-offcanvas .menu-footer .language-selector select:hover,
.menu-offcanvas .menu-footer .language-selector select:focus {
  border: none;
  outline: none;
}
.menu-offcanvas .menu-footer .language-selector {
  width: 100%;
}
.menu-offcanvas .menu-footer .language-selector .language-list {
  padding: 6px 12px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.menu-offcanvas .menu-footer .language-selector .language-list li img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  padding: 3px;
  border: 1.5px solid var(--gray-200);
  transition: border-color 0.2s ease;
}
.menu-offcanvas .menu-footer .language-selector .language-list li img.selected {
  border-color: var(--primary);
}

.search-box-item {
  display: flex;
  align-items: center;
}
.search-box-item .search-box-link {
  flex: 1 1 auto;
  min-width: 0;
}
.search-box-item .search-box-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex: 0 0 auto;
  padding: 0 12px;
  cursor: pointer;
  line-height: 1;
  opacity: 0.6;
}
.search-box-item .search-box-remove:hover {
  opacity: 1;
}

@media (min-width: 1200px) {
  :root[data-nb-header=centered] .header-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    grid-template-areas: "nav logo actions";
    align-items: center;
  }
  :root[data-nb-header=centered] .header-wrapper > .header-nav,
  :root[data-nb-header=centered] .header-wrapper > .header-logo,
  :root[data-nb-header=centered] .header-wrapper > .header-actions {
    flex: none;
    width: auto;
    max-width: none;
  }
  :root[data-nb-header=centered] .header-wrapper > .header-nav {
    grid-area: nav;
    padding-inline: calc(var(--bs-gutter-x) * 0.5) 24px;
  }
  :root[data-nb-header=centered] .header-wrapper > .header-nav .menu {
    justify-content: flex-start;
  }
  :root[data-nb-header=centered] .header-wrapper > .header-logo {
    grid-area: logo;
    text-align: center;
  }
  :root[data-nb-header=centered] .header-wrapper > .header-logo .site-logo img {
    margin-inline: auto;
  }
  :root[data-nb-header=centered] .header-wrapper > .header-actions {
    grid-area: actions;
  }
  :root[data-nb-header=centered] .header-wrapper.header-wrapper--stacked {
    grid-template-areas: ". logo actions" "nav nav nav";
  }
  :root[data-nb-header=centered] .header-wrapper.header-wrapper--stacked > .header-nav {
    width: auto;
    padding-inline: calc(var(--bs-gutter-x) * 0.5);
  }
  :root[data-nb-header=centered] .header-wrapper.header-wrapper--stacked > .header-nav .menu {
    justify-content: center;
  }
}

@property --nb-panel-h {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.menu-panel-backdrop {
  display: none;
}

:root[data-nb-dropdown=panel] .header .menu {
  --nb-panel-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --nb-panel-max-height: calc(100dvh - var(--nb-header-height, 64px) - 32px);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item.menu-dropdown:not(.mm-card):hover::after {
  content: "";
  position: absolute;
  top: calc(100% - 28px);
  right: 0;
  left: 0;
  height: 28px;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) > .menu__grid-view {
  top: 100%;
  right: 0;
  left: 0;
  min-width: 0;
  max-width: none;
  margin: 0;
  border: 0;
  border-block: 1px solid var(--border);
  border-radius: 0;
  background-color: var(--white);
  box-shadow: 0 22px 30px -26px color-mix(in srgb, var(--primary) 40%, transparent);
  opacity: 1;
  clip-path: inset(100% 0 -48px 0);
  transform: translateY(-100%);
  transition: transform 0.2s var(--nb-panel-ease), clip-path 0.2s var(--nb-panel-ease), visibility 0s linear 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) > .menu__list-view,
  :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) > .menu__grid-view {
    transition: none;
  }
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card):hover > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card):focus-within > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card):hover > .menu__grid-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card):focus-within > .menu__grid-view {
  clip-path: inset(0 0 -48px 0);
  transform: translateY(0);
  transition: transform 0.3s var(--nb-panel-ease), clip-path 0.3s var(--nb-panel-ease), visibility 0s;
}
@media (prefers-reduced-motion: reduce) {
  :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card):hover > .menu__list-view,
  :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card):focus-within > .menu__list-view,
  :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card):hover > .menu__grid-view,
  :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card):focus-within > .menu__grid-view {
    transition: none;
  }
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) > .menu__grid-view {
  width: auto;
  max-height: var(--nb-panel-max-height);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) > .menu__list-view {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  column-gap: 56px;
  max-height: min(440px, var(--nb-panel-max-height));
  padding: 22px 32px 28px;
  overflow: hidden auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--gray-300) transparent;
}
@media (min-width: 1400px) {
  :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) > .menu__list-view {
    padding-inline: 42px;
  }
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more) > .menu__list-view:has(> .menu__item > .menu__list-view) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 240px));
  align-items: start;
  gap: 28px 56px;
  max-height: var(--nb-panel-max-height);
  padding-block: 28px 32px;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more) > .menu__list-view:has(> .menu__item > .menu__list-view) > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more) > .menu__list-view:has(> .menu__item > .menu__list-view) > .menu__item > .menu__item-toggle > .menu__link {
  padding-block: 0 8px;
  font-weight: var(--fw-medium);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item > .menu__item-toggle > .menu__link {
  display: inline-block;
  padding: 7px 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: 15px;
  color: var(--text-primary);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item > .menu__link::after,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item > .menu__item-toggle > .menu__link::after {
  content: none;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item > .menu__link:hover, :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item > .menu__link:focus-visible,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item > .menu__item-toggle > .menu__link:hover,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item > .menu__item-toggle > .menu__link:focus-visible {
  background: none;
  color: var(--accent-dark);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item.active > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__item > .menu__link.active {
  background: none;
  box-shadow: none;
  font-weight: var(--fw-semibold);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view {
  position: static;
  display: block;
  min-width: 0;
  max-width: none;
  max-height: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  overflow: visible;
  clip-path: none;
  transform: none;
  transition: none;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__item > .menu__item-toggle > .menu__link {
  padding-block: 5px;
  font-size: 14px;
  color: var(--text-secondary);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__item > .menu__link:hover, :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__item > .menu__link:focus-visible,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__item > .menu__item-toggle > .menu__link:hover,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__item > .menu__item-toggle > .menu__link:focus-visible {
  color: var(--accent-dark);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__list-view {
  margin-block: 2px 6px;
  padding-inline-start: 12px;
  border-inline-start: 1px solid var(--border);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__list-view .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__list-view .menu__item > .menu__item-toggle > .menu__link {
  padding-block: 3px;
  font-size: 13.5px;
}

.menu__item--more:not(.is-visible) {
  display: none;
}

@keyframes nb-more-in {
  from {
    opacity: 0;
  }
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view {
  --nb-more-rail: 16px;
  --nb-more-link: 15px;
  --nb-more-sublink: 14px;
  display: grid;
  grid-template-columns: minmax(240px, max-content) minmax(0, 1fr);
  grid-template-rows: repeat(var(--nb-more-count, 1), min-content) 1fr;
  align-items: start;
  gap: 0;
  max-height: var(--nb-panel-max-height);
  padding-block: 24px 32px;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item {
  display: contents;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__item-toggle {
  grid-column: 1;
  padding-inline-end: 32px;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-block: 7px;
  font-size: var(--nb-more-rail);
  font-weight: var(--fw-regular);
  line-height: 1.3;
  color: var(--text-secondary);
  transition: color 0.2s ease;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__link:hover, :root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__link:focus-visible,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link:hover,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link:focus-visible {
  color: var(--primary-dark);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link::after {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid currentColor;
  border-inline-end: 1.5px solid currentColor;
  opacity: 0.45;
  transform: rotate(45deg);
  transition: opacity 0.2s ease;
}
[dir=rtl] :root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link::after {
  transform: rotate(-45deg);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.active > .menu__link, :root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.active > .menu__item-toggle > .menu__link {
  font-weight: var(--fw-medium);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__link, :root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__item-toggle > .menu__link {
  color: var(--primary-dark);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__link::after, :root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__item-toggle > .menu__link::after {
  opacity: 1;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view {
  display: none;
  position: static;
  grid-column: 2;
  grid-row: 1/-1;
  align-self: stretch;
  width: auto;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  padding-inline-start: 48px;
  border: 0;
  border-inline-start: 1px solid var(--border);
  border-radius: 0;
  background: none;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  clip-path: none;
  transform: none;
  transition: none;
  animation: nb-more-in 0.2s ease;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__list-view {
  display: grid;
  grid-template-rows: repeat(6, min-content);
  grid-auto-flow: column;
  grid-auto-columns: minmax(180px, max-content);
  align-content: start;
  column-gap: 48px;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__list-view:has(> .menu__item > .menu__list-view) {
  display: block;
  columns: 190px auto;
  column-gap: 48px;
  max-width: 1008px;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__list-view:has(> .menu__item > .menu__list-view) > .menu__item {
  break-inside: avoid;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__list-view:has(> .menu__item > .menu__list-view) > .menu__item:has(> .menu__list-view) {
  padding-bottom: 12px;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__list-view:has(> .menu__item > .menu__list-view) > .menu__item:has(> .menu__list-view) > .menu__item-toggle > .menu__link {
  font-weight: var(--fw-medium);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item.is-more-active > .menu__grid-view {
  display: block;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view .menu__item > .menu__item-toggle > .menu__link {
  padding-block: 7px;
  font-size: var(--nb-more-link);
  line-height: 1.3;
  color: var(--text-primary);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view .menu__item > .menu__link:hover, :root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view .menu__item > .menu__link:focus-visible,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view .menu__item > .menu__item-toggle > .menu__link:hover,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view .menu__item > .menu__item-toggle > .menu__link:focus-visible {
  color: var(--primary-dark);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view .menu__item .menu__list-view {
  margin: 0;
  padding: 0;
  border: 0;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view .menu__item .menu__list-view .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__list-view .menu__item .menu__list-view .menu__item > .menu__item-toggle > .menu__link {
  padding-block: 4px;
  font-size: var(--nb-more-sublink);
  font-weight: var(--fw-regular);
  color: var(--text-secondary);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__grid-items {
  display: block;
  max-width: 960px;
  columns: 190px auto;
  column-gap: 48px;
  overflow: visible;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__row-braker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__image-link {
  display: none;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group {
  display: block;
  break-inside: avoid;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group:has(.menu__group-links > *) {
  padding-bottom: 12px;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group:has(.menu__group-links > *) .menu__group-title {
  font-weight: var(--fw-medium);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group-title {
  margin: 0;
  font-size: var(--nb-more-link);
  font-weight: var(--fw-regular);
  line-height: 1.3;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group-title a {
  display: block;
  padding-block: 7px;
  color: var(--text-primary);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group-title a:hover, :root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group-title a:focus-visible {
  color: var(--primary-dark);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group-links {
  gap: 0;
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group .menu__link {
  padding: 4px 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: var(--nb-more-sublink);
  line-height: 1.3;
  color: var(--text-secondary);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group .menu__link:hover, :root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group .menu__link:focus-visible {
  background: none;
  color: var(--primary-dark);
}
:root[data-nb-dropdown=panel] .header .menu > .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group .menu__link i {
  display: none;
}

:root[data-nb-dropdown=panel][data-nb-menu-font=heading] .header .menu > .menu__item--more > .menu__list-view {
  --nb-more-rail: 19px;
  --nb-more-link: 17px;
  --nb-more-sublink: 15px;
}

:root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view {
  top: -1px;
  inset-inline: 100% auto;
  display: block;
  width: max-content;
  min-width: 220px;
  max-width: 320px;
  max-height: none;
  margin: 0;
  padding: 12px 16px;
  border: 1px solid var(--border);
  border-radius: var(--card-radius-sm);
  background-color: var(--white);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--primary) 14%, transparent);
}
:root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__grid-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: visible;
}
:root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__row-braker,
:root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__image-link {
  display: none;
}
:root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group {
  display: block;
}
:root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group-title {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: var(--fw-medium);
}
:root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group-links {
  gap: 2px;
}
:root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group .menu__link {
  padding: 3px 0;
  background: none;
  box-shadow: none;
  font-size: 14px;
  color: var(--text-secondary);
}
:root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group .menu__link:hover, :root:not([data-nb-dropdown=panel]) .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group .menu__link:focus-visible {
  background: none;
  color: var(--primary-dark);
}

:root:not([data-nb-dropdown=panel])[data-nb-menu-font=heading] .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group-title {
  font-size: 17px;
}
:root:not([data-nb-dropdown=panel])[data-nb-menu-font=heading] .header .menu__item--more > .menu__list-view > .menu__item > .menu__grid-view .menu__group .menu__link {
  font-size: 16px;
}

:root[data-nb-dropdown=panel] .header .menu.is-panel-morph {
  transition: --nb-panel-h 0.22s var(--nb-panel-ease) 0.06s;
}
:root[data-nb-dropdown=panel] .header .menu.is-panel-morph.is-panel-open {
  transition: --nb-panel-h 0.26s var(--nb-panel-ease) var(--nb-panel-height-delay, 0s);
}
:root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu-panel-backdrop {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  height: var(--nb-panel-h);
  border-block: 1px solid var(--border);
  background-color: var(--white);
  box-shadow: 0 22px 30px -26px color-mix(in srgb, var(--primary) 40%, transparent);
  pointer-events: none;
  visibility: hidden;
  transition: visibility 0s linear 0.3s;
}
:root[data-nb-dropdown=panel] .header .menu.is-panel-morph.is-panel-open:has(> .menu__item:not(.mm-card):is(:hover, :focus-within)) > .menu-panel-backdrop {
  visibility: visible;
  transition: none;
}
:root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card) > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card) > .menu__grid-view {
  border-color: transparent;
  background: none;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
  clip-path: inset(0 0 calc(100% - var(--nb-panel-h)) 0);
  transform: none;
  transition: opacity 0.1s ease, visibility 0s linear 0.1s;
}
:root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card):hover > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card):focus-within > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card):hover > .menu__grid-view,
:root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card):focus-within > .menu__grid-view {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.2s ease var(--nb-panel-in-delay, 0.05s), visibility 0s;
}
@media (prefers-reduced-motion: reduce) {
  :root[data-nb-dropdown=panel] .header .menu.is-panel-morph, :root[data-nb-dropdown=panel] .header .menu.is-panel-morph.is-panel-open,
  :root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card) > .menu__list-view,
  :root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card) > .menu__grid-view,
  :root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card):hover > .menu__list-view,
  :root[data-nb-dropdown=panel] .header .menu.is-panel-morph > .menu__item:not(.mm-card):hover > .menu__grid-view {
    transition: none;
  }
}

.menu-offcanvas--main .menu-offcanvas__logo,
.menu-offcanvas--main .nav-item-mobile__icon,
.menu-offcanvas--main .nav-item-mobile__chevron {
  display: none;
}

:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main {
  --nb-mobile-row-pad: 12px;
  --nb-mobile-icon: 26px;
  --nb-mobile-gap: 16px;
  background-color: color-mix(in srgb, var(--white) 72%, var(--bg-primary));
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .offcanvas-header {
  padding-block: 22px 14px;
  border-bottom: 0;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .offcanvas-header .offcanvas-title {
  display: none;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .menu-offcanvas__logo {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .menu-offcanvas__logo .site-logo {
  display: block;
  width: 100%;
  max-width: 200px;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .menu-offcanvas__logo .site-logo img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 48px;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-item-mobile__icon {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  width: var(--nb-mobile-icon);
  font-size: 22px;
  color: var(--accent-dark);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-item-mobile__chevron {
  display: inline-flex;
  flex-shrink: 0;
  font-size: 20px;
  color: var(--text-secondary);
}
[dir=rtl] :root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-item-mobile__chevron {
  transform: scaleX(-1);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile > .nav-item-mobile {
  border-bottom: 1px solid var(--border);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile > .nav-item-mobile > .nav-item-mobile__row {
  gap: var(--nb-mobile-gap);
  margin-block: 6px;
  padding-inline: var(--nb-mobile-row-pad);
  border-radius: var(--card-radius-md);
  transition: background-color 0.25s ease;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile > .nav-item-mobile > .nav-item-mobile__row > .mb-menu-link {
  padding-block: 13px;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile > .nav-item-mobile > .nav-item-mobile__row:has(> .nav-item-button:not(.collapsed)) {
  background-color: var(--bg-primary);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile > .nav-item-mobile > .nav-item-mobile__row:has(> .nav-item-button:not(.collapsed)) > .mb-menu-link,
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile > .nav-item-mobile > .nav-item-mobile__row:has(> .nav-item-button:not(.collapsed)) > .nav-item-button {
  color: var(--primary-dark);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile > .nav-item-mobile > .sub-menu-mobile {
  margin: 0 0 12px;
  padding-inline-start: calc(var(--nb-mobile-row-pad) + 16px);
  border-inline-start: 0;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile > .nav-item-mobile > .nav-item-mobile__row:has(> .nav-item-mobile__icon) + .sub-menu-mobile {
  padding-inline-start: calc(var(--nb-mobile-row-pad) + var(--nb-mobile-icon) + var(--nb-mobile-gap));
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .sub-nav-menu .nav-item-mobile {
  border-bottom: 0;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .sub-nav-menu .nav-item-mobile > .nav-item-mobile__row {
  gap: 12px;
  padding-inline-end: var(--nb-mobile-row-pad);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .sub-nav-menu .nav-item-mobile > .nav-item-mobile__row > .mb-menu-link {
  padding-block: 6px;
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: var(--fw-regular);
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-primary);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .sub-nav-menu .nav-item-mobile .sub-menu-mobile {
  padding-inline-start: 14px;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-button {
  padding: 0;
  color: var(--text-primary);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-button i {
  font-size: 22px;
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-button i::before {
  transform: rotate(0deg);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-button.collapsed i::before {
  transform: rotate(-90deg);
}
[dir=rtl] :root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-button.collapsed i::before {
  transform: rotate(90deg);
}
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-mobile > .nav-item-mobile__row > .mb-menu-link:hover,
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-mobile > .nav-item-mobile__row > .mb-menu-link:focus-visible,
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-mobile > .nav-item-mobile__row > .nav-item-button:hover,
:root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-mobile > .nav-item-mobile__row > .nav-item-button:focus-visible, :root[data-nb-mobile-menu=boutique] .menu-offcanvas--main .nav-mobile .nav-item-mobile > .nav-item-mobile__row:hover > .nav-item-mobile__chevron {
  color: var(--primary-dark);
}

:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .offcanvas-header {
  justify-content: flex-start;
  padding-block: 18px 4px;
  border-bottom: 0;
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .offcanvas-header .offcanvas-title {
  display: none;
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .offcanvas-header .btn-close {
  margin: 0;
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile {
  padding-block: 4px 8px;
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .nav-item-mobile {
  border-bottom: 0;
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .nav-item-mobile .mb-menu-link {
  padding-block: 12px;
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: var(--fw-regular);
  line-height: 1.2;
  color: var(--text-primary);
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .nav-item-mobile .mb-menu-link:hover {
  color: var(--accent-dark);
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .nav-item-mobile.active > .nav-item-mobile__row > .mb-menu-link {
  font-weight: var(--fw-medium);
  color: var(--accent-dark);
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .nav-item-button {
  display: none !important;
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .sub-menu-mobile {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .sub-nav-menu .nav-item-mobile .mb-menu-link {
  padding-block: 6px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--text-secondary);
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .sub-nav-menu .nav-item-mobile .mb-menu-link:hover {
  color: var(--accent-dark);
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .sub-nav-menu .sub-nav-menu {
  padding-inline-start: 14px;
}
:root[data-nb-mobile-menu=editorial] .menu-offcanvas--main .nav-mobile .sub-nav-menu .sub-nav-menu .nav-item-mobile .mb-menu-link {
  padding-block: 4px;
  font-size: 15px;
}

:root[data-nb-menu-font=heading] .header .menu {
  font-family: var(--font-heading);
}
:root[data-nb-menu-font=heading] .header .menu > .menu__item > .menu__link,
:root[data-nb-menu-font=heading] .header .menu > .menu__item > .menu__item-toggle > .menu__link {
  font-size: 18px;
  font-weight: var(--fw-semibold);
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  :root[data-nb-menu-font=heading] .header .menu {
    gap: 14px;
  }
  :root[data-nb-menu-font=heading] .header .menu > .menu__item > .menu__link,
  :root[data-nb-menu-font=heading] .header .menu > .menu__item > .menu__item-toggle > .menu__link {
    font-size: 17px;
  }
}
:root[data-nb-menu-font=heading] .header .menu .menu__list-view .menu__item > .menu__link,
:root[data-nb-menu-font=heading] .header .menu .menu__list-view .menu__item > .menu__item-toggle > .menu__link {
  font-size: 17px;
}
:root[data-nb-menu-font=heading] .header .menu .menu__grid-view .menu__group-title {
  font-size: 21px;
}
:root[data-nb-menu-font=heading] .header .menu .menu__grid-view .menu__link {
  font-size: 17px;
}

:root[data-nb-menu-font=heading][data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__item > .menu__link,
:root[data-nb-menu-font=heading][data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__item > .menu__item-toggle > .menu__link {
  font-size: 16px;
}
:root[data-nb-menu-font=heading][data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__list-view .menu__item > .menu__link,
:root[data-nb-menu-font=heading][data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card) .menu__list-view .menu__list-view .menu__list-view .menu__item > .menu__item-toggle > .menu__link {
  font-size: 15px;
}

:root[data-nb-menu-font=heading][data-nb-mobile-menu=simple] .menu-offcanvas--main .nav-mobile .nav-item-mobile .mb-menu-link {
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: var(--fw-semibold);
}
:root[data-nb-menu-font=heading][data-nb-mobile-menu=simple] .menu-offcanvas--main .nav-mobile .sub-nav-menu .nav-item-mobile .mb-menu-link {
  font-size: 17px;
  font-weight: var(--fw-medium);
}

:root[data-nb-menu-size] .header .menu > .menu__item > .menu__link,
:root[data-nb-menu-size] .header .menu > .menu__item > .menu__item-toggle > .menu__link {
  font-size: var(--nb-menu-size) !important;
}

:root[data-nb-submenu-size] .header .menu .menu__list-view .menu__link,
:root[data-nb-submenu-size] .header .menu .menu__grid-view .menu__link {
  font-size: var(--nb-submenu-size) !important;
}

:root[data-nb-submenu-size][data-nb-dropdown=panel] .header .menu > .menu__item > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-submenu-size][data-nb-dropdown=panel] .header .menu > .menu__item > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link {
  font-size: calc(var(--nb-submenu-size) + 4px) !important;
}

:root[data-nb-submenu-width]:not([data-nb-dropdown=panel]) .header .menu .menu__list-view {
  min-width: var(--nb-submenu-w) !important;
  max-width: var(--nb-submenu-w) !important;
}

@keyframes mm-pulse {
  50% {
    opacity: 0.45;
  }
}
.header .menu .mm-aside,
.header .menu .mm-tile-image,
.header .menu .mm-kicker,
.header .menu .mm-shopall {
  display: none;
}

.header .menu .mm-kicker {
  margin-bottom: 2px;
  font-family: var(--font-family);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.18em;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--accent-dark);
}

.header .menu .mm-shopall {
  align-items: center;
  justify-self: start;
  gap: 6px;
  padding-bottom: 3px;
  border-bottom: 1px solid currentColor;
  font-family: var(--font-family);
  font-size: 11.5px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--text-primary);
  transition: color 0.2s ease;
}
.header .menu .mm-shopall i {
  --mm-flip: 1;
  display: inline-block;
  font-size: 14px;
  transform: scaleX(var(--mm-flip));
  transition: transform 0.2s ease;
}
[dir=rtl] .header .menu .mm-shopall i {
  --mm-flip: -1;
}
.header .menu .mm-shopall:hover, .header .menu .mm-shopall:focus-visible {
  color: var(--accent-dark);
}
.header .menu .mm-shopall:hover i, .header .menu .mm-shopall:focus-visible i {
  transform: scaleX(var(--mm-flip)) translateX(3px);
}

:root[data-nb-dropdown=panel] .header .menu {
  --mm-gutter: 32px;
  --mm-spot-w: 360px;
  --mm-aside-w: var(--mm-spot-w);
  --mm-pc: 3;
  --mm-group-size: 15px;
}
@media (min-width: 1400px) {
  :root[data-nb-dropdown=panel] .header .menu {
    --mm-gutter: 42px;
    --mm-spot-w: 420px;
  }
}

:root[data-nb-dropdown=panel][data-nb-menu-font=heading] .header .menu {
  --mm-group-size: 19px;
}

:root[data-nb-dropdown=panel][data-nb-menu-products-count="2"] .header .menu {
  --mm-pc: 2;
}

:root[data-nb-dropdown=panel][data-nb-menu-products-count="4"] .header .menu {
  --mm-pc: 4;
}

:root[data-nb-dropdown=panel][data-nb-menu-align=center] .header .menu,
:root[data-nb-dropdown=panel][data-nb-menu-align=follow][data-nb-header=left] .header .menu {
  --mm-gutter: max(32px, calc((100% - 1120px) / 2));
}
:root[data-nb-dropdown=panel][data-nb-menu-align=center] .header .menu > .menu__item:not(.mm-card, .menu__item--more) > .menu__list-view,
:root[data-nb-dropdown=panel][data-nb-menu-align=follow][data-nb-header=left] .header .menu > .menu__item:not(.mm-card, .menu__item--more) > .menu__list-view {
  padding-inline: var(--mm-gutter);
}

.header .menu .mm-aside {
  flex-direction: column;
  gap: 16px;
}
.header .menu .mm-aside > .mm-spotlight {
  position: relative;
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--card-radius-sm);
  background-color: var(--bg-primary);
  color: #fff;
}
.header .menu .mm-aside > .mm-spotlight img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}
.header .menu .mm-aside > .mm-spotlight:hover img, .header .menu .mm-aside > .mm-spotlight:focus-visible img {
  transform: scale(1.04);
}
.header .menu .mm-aside .mm-spotlight__text {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 20px 22px;
  background: linear-gradient(transparent, color-mix(in srgb, var(--primary-dark) 78%, transparent));
}
.header .menu .mm-aside .mm-spotlight__title {
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: var(--fw-medium);
  line-height: 1.15;
}
.header .menu .mm-aside .mm-spotlight__description {
  font-family: var(--font-family);
  font-size: 13px;
  line-height: 1.45;
  opacity: 0.9;
}
.header .menu .mm-aside .mm-spotlight__link {
  align-self: flex-start;
  margin-top: 6px;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
  font-family: var(--font-family);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.header .menu .mm-aside > .mm-products {
  display: grid;
  grid-template-columns: repeat(var(--mm-pc), minmax(0, 1fr));
  align-content: start;
  gap: 16px;
}
.header .menu .mm-aside > .mm-products:empty {
  min-height: 220px;
  border-radius: var(--card-radius-sm);
  background-color: var(--bg-primary);
  animation: mm-pulse 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .header .menu .mm-aside > .mm-products:empty {
    animation: none;
  }
}
.header .menu .mm-aside .mm-product {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  font-family: var(--font-family);
  color: var(--text-primary);
}
.header .menu .mm-aside .mm-product:hover .mm-product__name, .header .menu .mm-aside .mm-product:focus-visible .mm-product__name {
  color: var(--accent-dark);
}
.header .menu .mm-aside .mm-product:hover img, .header .menu .mm-aside .mm-product:focus-visible img {
  transform: scale(1.04);
}
.header .menu .mm-aside .mm-product__image {
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  border-radius: var(--card-radius-sm);
  background-color: var(--bg-primary);
  aspect-ratio: var(--product-image-ratio);
}
.header .menu .mm-aside .mm-product__image img {
  width: 100%;
  height: 100%;
  object-fit: var(--product-image-fit);
  transition: transform 0.8s ease;
}
.header .menu .mm-aside .mm-product__name {
  display: -webkit-box;
  overflow: hidden;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--text-primary);
  transition: color 0.2s ease;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.header .menu .mm-aside .mm-product__price {
  font-size: 13px;
  font-weight: var(--fw-semibold);
}
.header .menu .mm-aside .mm-product__price del {
  margin-inline-end: 6px;
  font-weight: var(--fw-regular);
  color: var(--text-secondary);
}
[data-nb-pbox-frame=outline] .header .menu .mm-aside .mm-product {
  padding: 8px;
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-lg);
  background-color: var(--white);
  box-shadow: 0 4px 12px -10px color-mix(in srgb, var(--primary) 22%, transparent);
  transition: box-shadow 0.45s ease, border-color 0.45s ease;
}
[data-nb-pbox-frame=outline] .header .menu .mm-aside .mm-product .mm-product__name,
[data-nb-pbox-frame=outline] .header .menu .mm-aside .mm-product .mm-product__price {
  padding-inline: 6px;
}
[data-nb-pbox-frame=outline] .header .menu .mm-aside .mm-product .mm-product__price {
  padding-bottom: 6px;
}
[data-nb-pbox-frame=outline] .header .menu .mm-aside .mm-product:hover, [data-nb-pbox-frame=outline] .header .menu .mm-aside .mm-product:focus-visible {
  border-color: var(--border);
  box-shadow: 0 10px 22px -16px color-mix(in srgb, var(--primary) 28%, transparent);
}
.header .menu .mm-aside > .mm-promo {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--card-radius-sm);
}
.header .menu .mm-aside > .mm-promo img {
  max-width: 100%;
  height: auto;
}
.header .menu .mm-aside > .mm-promo > .mm-promo__topic {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.header .menu .mm-aside > .mm-promo > .mm-promo__topic > * {
  flex: 1 1 auto;
  min-height: 0;
}
@media (prefers-reduced-motion: reduce) {
  .header .menu .mm-aside img {
    transition: none;
  }
}

:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item),
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view:has(> .menu__item) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  align-content: start;
  align-items: start;
  gap: 18px 32px;
  padding-block: 28px 32px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-kicker,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-kicker,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view > .mm-kicker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view:has(> .menu__item) > .mm-kicker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view:has(> .menu__item) > .mm-shopall {
  display: flex;
  grid-column: 1/-1;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view:has(> .menu__item) > .mm-shopall {
  margin-top: 8px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__item-toggle > .menu__link {
  padding-block: 0 6px;
  font-size: var(--mm-group-size);
  font-weight: var(--fw-medium);
  line-height: 1.25;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] > .menu__list-view:has(> .menu__item) > .mm-aside .mm-spotlight__link {
  display: none;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight]:has(.mm-aside > .mm-spotlight) > .menu__list-view {
  min-height: max(320px, var(--mm-aside-h, 0px) + 52px);
  padding-inline-end: calc(var(--mm-gutter) + var(--mm-aside-w) + 56px);
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__list-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight]:has(.mm-aside > .mm-spotlight) > .menu__list-view > .mm-aside {
  display: flex;
  position: absolute;
  inset-block: 24px 28px;
  inset-inline-end: var(--mm-gutter);
  width: var(--mm-aside-w);
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .mm-aside {
  display: flex;
  flex: 0 0 var(--mm-aside-w);
  min-height: 280px;
  margin-inline-start: 48px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  align-content: start;
  gap: 28px 24px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items > .menu__row-braker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items > .menu__row-braker {
  display: none;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] .mm-aside > .mm-products,
:root[data-nb-dropdown=panel][data-nb-menu-panel=spotlight] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] .mm-aside > .mm-promo,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] .mm-aside > .mm-products,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=spotlight] .mm-aside > .mm-promo {
  display: none;
}

:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit],
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] {
  --mm-aside-w: min(58%, calc(var(--mm-pc) * 240px + (var(--mm-pc) - 1) * 16px));
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item),
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view:has(> .menu__item) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  align-content: start;
  align-items: start;
  gap: 18px 32px;
  padding-block: 28px 32px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-kicker,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-kicker,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view > .mm-kicker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view:has(> .menu__item) > .mm-kicker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view:has(> .menu__item) > .mm-shopall {
  display: flex;
  grid-column: 1/-1;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view:has(> .menu__item) > .mm-shopall {
  margin-top: 8px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__item-toggle > .menu__link {
  padding-block: 0 6px;
  font-size: var(--mm-group-size);
  font-weight: var(--fw-medium);
  line-height: 1.25;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] > .menu__list-view:has(> .menu__item) > .mm-aside .mm-spotlight__link {
  display: none;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__list-view {
  min-height: max(320px, var(--mm-aside-h, 0px) + 52px);
  padding-inline-end: calc(var(--mm-gutter) + var(--mm-aside-w) + 56px);
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__list-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__list-view > .mm-aside {
  display: flex;
  position: absolute;
  inset-block: 24px 28px;
  inset-inline-end: var(--mm-gutter);
  width: var(--mm-aside-w);
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__grid-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__grid-view > .mm-aside {
  display: flex;
  flex: 0 0 var(--mm-aside-w);
  min-height: 280px;
  margin-inline-start: 48px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__grid-view > .menu__grid-items,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__grid-view > .menu__grid-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  align-content: start;
  gap: 28px 24px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__grid-view > .menu__grid-items > .menu__row-braker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products:not(.is-empty)) > .menu__grid-view > .menu__grid-items > .menu__row-braker {
  display: none;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight),
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) {
  --mm-aside-w: var(--mm-spot-w);
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__list-view {
  min-height: max(320px, var(--mm-aside-h, 0px) + 52px);
  padding-inline-end: calc(var(--mm-gutter) + var(--mm-aside-w) + 56px);
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__list-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__list-view > .mm-aside {
  display: flex;
  position: absolute;
  inset-block: 24px 28px;
  inset-inline-end: var(--mm-gutter);
  width: var(--mm-aside-w);
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__grid-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__grid-view > .mm-aside {
  display: flex;
  flex: 0 0 var(--mm-aside-w);
  min-height: 280px;
  margin-inline-start: 48px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  align-content: start;
  gap: 28px 24px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items > .menu__row-braker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products]:has(.mm-aside > .mm-products.is-empty):has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items > .menu__row-braker {
  display: none;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] .mm-aside > .mm-promo,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] .mm-aside > .mm-products.is-empty,
:root[data-nb-dropdown=panel][data-nb-menu-panel=products] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] .mm-aside:not(:has(> .mm-products.is-empty)) > .mm-spotlight,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] .mm-aside > .mm-promo,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] .mm-aside > .mm-products.is-empty,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=products] .mm-aside:not(:has(> .mm-products.is-empty)) > .mm-spotlight {
  display: none;
}

:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item),
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view:has(> .menu__item) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  align-content: start;
  align-items: start;
  gap: 18px 32px;
  padding-block: 28px 32px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-kicker,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-kicker,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view > .mm-kicker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view:has(> .menu__item) > .mm-kicker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view:has(> .menu__item) > .mm-shopall {
  display: flex;
  grid-column: 1/-1;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view > .mm-shopall,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view:has(> .menu__item) > .mm-shopall {
  margin-top: 8px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__item-toggle > .menu__link {
  padding-block: 0 6px;
  font-size: var(--mm-group-size);
  font-weight: var(--fw-medium);
  line-height: 1.25;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] > .menu__list-view:has(> .menu__item) > .mm-aside .mm-spotlight__link {
  display: none;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-promo > *) > .menu__list-view, :root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-promo > *) > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-spotlight) > .menu__list-view {
  min-height: max(320px, var(--mm-aside-h, 0px) + 52px);
  padding-inline-end: calc(var(--mm-gutter) + var(--mm-aside-w) + 56px);
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-promo > *) > .menu__list-view > .mm-aside, :root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__list-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-promo > *) > .menu__list-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-spotlight) > .menu__list-view > .mm-aside {
  display: flex;
  position: absolute;
  inset-block: 24px 28px;
  inset-inline-end: var(--mm-gutter);
  width: var(--mm-aside-w);
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-promo > *) > .menu__grid-view > .mm-aside, :root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-promo > *) > .menu__grid-view > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .mm-aside {
  display: flex;
  flex: 0 0 var(--mm-aside-w);
  min-height: 280px;
  margin-inline-start: 48px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-promo > *) > .menu__grid-view > .menu__grid-items, :root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-promo > *) > .menu__grid-view > .menu__grid-items,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  align-content: start;
  gap: 28px 24px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-promo > *) > .menu__grid-view > .menu__grid-items > .menu__row-braker, :root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items > .menu__row-braker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-promo > *) > .menu__grid-view > .menu__grid-items > .menu__row-braker,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo]:has(.mm-aside > .mm-spotlight) > .menu__grid-view > .menu__grid-items > .menu__row-braker {
  display: none;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] .mm-aside > .mm-products,
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] .mm-aside > .mm-promo:not(:has(> *)),
:root[data-nb-dropdown=panel][data-nb-menu-panel=promo] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] .mm-aside:has(> .mm-promo > *) > .mm-spotlight,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] .mm-aside > .mm-products,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] .mm-aside > .mm-promo:not(:has(> *)),
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=promo] .mm-aside:has(> .mm-promo > *) > .mm-spotlight {
  display: none;
}

:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view,
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item),
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view:has(> .menu__item) {
  display: grid;
  grid-template-columns: repeat(var(--mm-count, 4), minmax(0, 1fr));
  align-items: start;
  gap: 28px 20px;
  padding-block: 28px 32px;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item,
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view > .menu__item,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view:has(> .menu__item) > .menu__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__link,
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view > .menu__item > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view:has(> .menu__item) > .menu__item > .menu__item-toggle > .menu__link {
  padding-block: 0 6px;
  font-size: var(--mm-group-size);
  font-weight: var(--fw-medium);
  line-height: 1.25;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .mm-tile-image,
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .mm-tile-image,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view > .menu__item > .mm-tile-image,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view:has(> .menu__item) > .menu__item > .mm-tile-image {
  display: block;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: var(--card-radius-sm);
  background-color: var(--bg-primary);
  aspect-ratio: 4/3;
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .mm-tile-image img,
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .mm-tile-image img,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view > .menu__item > .mm-tile-image img,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view:has(> .menu__item) > .menu__item > .mm-tile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}
@media (prefers-reduced-motion: reduce) {
  :root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item > .mm-tile-image img,
  :root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item > .mm-tile-image img,
  :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view > .menu__item > .mm-tile-image img,
  :root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view:has(> .menu__item) > .menu__item > .mm-tile-image img {
    transition: none;
  }
}
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view > .menu__item:hover > .mm-tile-image img,
:root[data-nb-dropdown=panel][data-nb-menu-panel=tiles] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=inherit] > .menu__list-view:has(> .menu__item) > .menu__item:hover > .mm-tile-image img,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view > .menu__item:hover > .mm-tile-image img,
:root[data-nb-dropdown=panel] .header .menu > .menu__item:not(.mm-card, .menu__item--more)[data-mm=tiles] > .menu__list-view:has(> .menu__item) > .menu__item:hover > .mm-tile-image img {
  transform: scale(1.05);
}

:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight),
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) {
  min-width: 440px;
  max-width: 480px;
  min-height: 220px;
  padding-inline-end: 196px;
}
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .menu__item:nth-child(1 of .menu__item) > .menu__link,
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .menu__item:nth-child(1 of .menu__item) > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .menu__item:nth-child(1 of .menu__item) > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .menu__item:nth-child(1 of .menu__item) > .menu__item-toggle > .menu__link {
  border-start-end-radius: 0;
}
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .menu__item:nth-last-child(1 of .menu__item) > .menu__link,
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .menu__item:nth-last-child(1 of .menu__item) > .menu__item-toggle > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .menu__item:nth-last-child(1 of .menu__item) > .menu__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .menu__item:nth-last-child(1 of .menu__item) > .menu__item-toggle > .menu__link {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside {
  display: flex;
  position: absolute;
  inset-block: 12px;
  inset-inline-end: 12px;
  width: 172px;
}
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside > .mm-products,
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside > .mm-promo,
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside .mm-spotlight__description,
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside .mm-spotlight__link,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside > .mm-products,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside > .mm-promo,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside .mm-spotlight__description,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside .mm-spotlight__link {
  display: none;
}
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside .mm-spotlight__text,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside .mm-spotlight__text {
  padding: 14px;
}
:root[data-nb-dropdown=panel]:not([data-nb-menu-panel=columns]) .header .menu > .menu__item.mm-card[data-mm=inherit] > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside .mm-spotlight__title,
:root[data-nb-dropdown=panel] .header .menu > .menu__item.mm-card:not([data-mm=inherit], [data-mm=columns]) > .menu__list-view:has(> .mm-aside > .mm-spotlight) > .mm-aside .mm-spotlight__title {
  font-size: 18px;
}

.category-item-box {
  border-radius: var(--card-radius-lg);
  overflow: hidden;
}
.category-item-box .picture a {
  width: 100%;
}
.category-item-box .picture img {
  width: 100%;
  height: auto;
  border-radius: var(--card-radius-lg);
}
.category-item-box p {
  margin-top: 8px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .category-item-box p {
    margin-top: 12px;
  }
}
.category-item-box p a {
  display: inline-block;
  position: relative;
  padding-bottom: 1px;
}
.category-item-box p a:hover::after {
  background-color: var(--primary);
}
.category-item-box p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 0.5px;
  background-color: var(--text-primary);
  transform: scaleX(1);
  transition: transform 0.3s ease;
}

.home-page-category-grid .category-item-box {
  display: block;
  border-radius: var(--card-radius-lg);
  overflow: visible;
}
.home-page-category-grid .category-item-box .picture {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: var(--gray-100);
  border-radius: var(--card-radius-lg);
}
.home-page-category-grid .category-item-box .picture img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: inherit;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.home-page-category-grid .category-item-box .title {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 6px;
  margin-block-start: 14px;
  padding-block-start: 12px;
}
.home-page-category-grid .category-item-box .title::before, .home-page-category-grid .category-item-box .title::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 1px;
}
.home-page-category-grid .category-item-box .title::before {
  background-color: var(--accent);
}
.home-page-category-grid .category-item-box .title::after {
  background-color: var(--primary);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.home-page-category-grid .category-item-box .title .title-text {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.3;
  color: var(--text-primary);
  transition: color 0.25s ease;
}
@media (min-width: 768px) {
  .home-page-category-grid .category-item-box .title .title-text {
    font-size: 13px;
  }
}
.home-page-category-grid .category-item-box .title i {
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1;
  color: var(--accent-dark);
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.25s ease;
}
[dir=rtl] .home-page-category-grid .category-item-box .title::after {
  transform-origin: 100% 50%;
}
.home-page-category-grid .category-item-box:hover .picture img, .home-page-category-grid .category-item-box:focus-visible .picture img {
  transform: scale(1.05);
}
.home-page-category-grid .category-item-box:hover .title::after, .home-page-category-grid .category-item-box:focus-visible .title::after {
  transform: scaleX(1);
}
.home-page-category-grid .category-item-box:hover .title .title-text, .home-page-category-grid .category-item-box:focus-visible .title .title-text {
  color: var(--primary);
}
.home-page-category-grid .category-item-box:hover .title i, .home-page-category-grid .category-item-box:focus-visible .title i {
  width: 1.9em;
  color: var(--primary);
}
@media (prefers-reduced-motion: reduce) {
  .home-page-category-grid .category-item-box .picture img,
  .home-page-category-grid .category-item-box .title::after,
  .home-page-category-grid .category-item-box .title i {
    transition: none;
  }
}

.home-page-category-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  margin-block-end: var(--space-5);
}
@media (min-width: 992px) {
  .home-page-category-heading {
    margin-block-end: var(--space-6);
  }
}
.home-page-category-heading__title {
  position: relative;
  padding-block-end: var(--space-3);
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: var(--fw-semibold);
  line-height: 1.1;
  letter-spacing: var(--heading-letter-spacing);
  text-align: center;
}
.home-page-category-heading__title::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 50%;
  width: 56px;
  height: 1px;
  background-color: var(--accent);
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  .home-page-category-heading__title {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .home-page-category-heading__title {
    font-size: 42px;
  }
}
.home-page-category-heading__title {
  margin: 0;
}
.home-page-category-heading__subtitle {
  max-width: 560px;
  margin: 0;
  font-size: 14px;
  line-height: var(--body-line-height);
  color: var(--text-light);
  text-align: center;
}
@media (min-width: 768px) {
  .home-page-category-heading__subtitle {
    font-size: 15px;
  }
}

.home-page section:has(> .home-page-category-grid--bento) {
  container-type: inline-size;
}

.category-grid.default.home-page-category-grid.home-page-category-grid--bento {
  --bento-cols: 2;
  --bento-gap: var(--homepage-category-grid-gap-phone);
  grid-template-columns: repeat(var(--bento-cols), minmax(0, 1fr));
  grid-auto-rows: calc(((100cqw - (var(--bento-cols) - 1) * var(--bento-gap)) / var(--bento-cols) - 2 * var(--bento-gap)) / 3);
  gap: var(--bento-gap);
}
@media (min-width: 768px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento {
    --bento-cols: 4;
    --bento-gap: var(--homepage-category-grid-gap-tablet);
  }
}
@media (min-width: 992px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento {
    --bento-gap: var(--homepage-category-grid-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento {
    --bento-cols: 6;
    --bento-gap: var(--homepage-category-grid-gap-desktop);
  }
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box {
  position: relative;
  min-width: 0;
  overflow: hidden;
  grid-column: var(--b2c);
  grid-row: var(--b2r);
  background-color: var(--gray-100);
}
@media (min-width: 768px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box {
    grid-column: var(--b4c);
    grid-row: var(--b4r);
  }
}
@media (min-width: 1200px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box {
    grid-column: var(--b6c);
    grid-row: var(--b6r);
  }
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:focus-visible {
  outline: 2px solid var(--accent-dark);
  outline-offset: 2px;
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .picture {
  position: absolute;
  inset: 0;
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .picture img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  transition: filter 0.5s ease;
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 9px 13px;
  padding-inline-start: 26px;
  background-color: var(--white);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  border-start-end-radius: 12px;
  border-end-end-radius: 12px;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--primary) 12%, transparent);
  transform-origin: 12px 50%;
  transform: rotate(-3deg);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title::before {
  inset-block-start: 50%;
  inset-inline-start: 9px;
  width: 6px;
  height: 6px;
  margin-block-start: -3px;
  border-radius: 50%;
  background-color: transparent;
  box-shadow: inset 0 0 0 1.5px var(--accent-dark);
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title::after {
  inset-block-start: 50%;
  inset-inline-start: -26px;
  width: 36px;
  height: 1px;
  background-color: var(--accent-dark);
  transform: rotate(-24deg);
  transform-origin: right center;
  transition: none;
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title .title-text {
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.1;
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title i {
  display: none;
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0 6px;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: var(--text-light);
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title-meta__count {
  font-weight: var(--fw-semibold);
  color: var(--text-primary);
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title-meta__from::before {
  content: "·";
  margin-inline-end: 6px;
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:hover .picture img, .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:focus-visible .picture img {
  transform: none;
  filter: brightness(1.04) saturate(1.05);
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:hover .title, .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:focus-visible .title {
  transform: rotate(2deg);
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:hover .title::after, .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:focus-visible .title::after {
  transform: rotate(-24deg);
}
.category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:hover .title .title-text, .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:focus-visible .title .title-text {
  color: var(--text-primary);
}
@media (max-width: 767.98px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title {
    inset-block-start: 8px;
    inset-inline-start: 8px;
    max-width: calc(100% - 16px);
    padding: 6px 10px;
    padding-inline-start: 22px;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title::before {
    inset-inline-start: 8px;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title .title-text {
    font-size: 15px;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title-meta {
    display: none;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-2 .title {
    inset-block-start: 18px;
    inset-inline-start: 18px;
    max-width: calc(100% - 36px);
    padding: 12px 18px;
    padding-inline-start: 32px;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-2 .title::before {
    inset-inline-start: 10px;
    width: 7px;
    height: 7px;
    margin-block-start: -3.5px;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-2 .title .title-text {
    font-size: 22px;
  }
}
@media (max-width: 767.98px) and (min-width: 992px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-2 .title .title-text {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-2 .title-meta {
    display: flex;
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-4 .title {
    inset-block-start: 18px;
    inset-inline-start: 18px;
    max-width: calc(100% - 36px);
    padding: 12px 18px;
    padding-inline-start: 32px;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-4 .title::before {
    inset-inline-start: 10px;
    width: 7px;
    height: 7px;
    margin-block-start: -3.5px;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-4 .title .title-text {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) and (min-width: 992px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-4 .title .title-text {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-4 .title-meta {
    display: flex;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-6 .title {
    inset-block-start: 18px;
    inset-inline-start: 18px;
    max-width: calc(100% - 36px);
    padding: 12px 18px;
    padding-inline-start: 32px;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-6 .title::before {
    inset-inline-start: 10px;
    width: 7px;
    height: 7px;
    margin-block-start: -3.5px;
  }
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-6 .title .title-text {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-6 .title .title-text {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .bento-big-6 .title-meta {
    display: flex;
    font-size: 12px;
  }
}
[dir=rtl] .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title {
  transform-origin: calc(100% - 12px) 50%;
  transform: rotate(3deg);
}
[dir=rtl] .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title::after {
  transform: rotate(24deg);
  transform-origin: left center;
}
[dir=rtl] .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:hover .title, [dir=rtl] .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:focus-visible .title {
  transform: rotate(-2deg);
}
[dir=rtl] .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:hover .title::after, [dir=rtl] .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box:focus-visible .title::after {
  transform: rotate(24deg);
}
@media (prefers-reduced-motion: reduce) {
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .title,
  .category-grid.default.home-page-category-grid.home-page-category-grid--bento .category-item-box .picture img {
    transition: none;
  }
}

.mini-shopping-cart-offcanvas {
  --cart-gutter: 20px;
}
@media (min-width: 768px) {
  .mini-shopping-cart-offcanvas {
    --cart-gutter: 24px;
  }
}
.mini-shopping-cart-offcanvas {
  height: 100%;
  background-color: var(--white);
}
.mini-shopping-cart-offcanvas.offcanvas-end {
  width: min(92vw, 440px);
  border-inline-start: 1px solid var(--border);
}
.mini-shopping-cart-offcanvas .cart-busy {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s;
}
.mini-shopping-cart-offcanvas.cart-updating .cart-busy {
  opacity: 1;
  visibility: visible;
}
.mini-shopping-cart-offcanvas:not(.cart-updating) .cart-busy .loader {
  animation-play-state: paused;
}
.mini-shopping-cart-offcanvas > #fashion_flyout_shopping_cart {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.mini-shopping-cart-offcanvas .offcanvas-header {
  flex-shrink: 0;
  padding: 18px var(--cart-gutter);
  border-bottom: 1px solid var(--border);
}
.mini-shopping-cart-offcanvas .offcanvas-header .cart-heading {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}
.mini-shopping-cart-offcanvas .offcanvas-header .offcanvas-title {
  margin: 0;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-primary);
}
.mini-shopping-cart-offcanvas .offcanvas-header .cart-count {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
  white-space: nowrap;
}
.mini-shopping-cart-offcanvas .offcanvas-header .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.mini-shopping-cart-offcanvas .offcanvas-header .btn-close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .mini-shopping-cart-offcanvas .offcanvas-header .btn-close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .mini-shopping-cart-offcanvas .offcanvas-header .btn-close::before {
    transition: none;
  }
}
.mini-shopping-cart-offcanvas .offcanvas-header .btn-close:hover, .mini-shopping-cart-offcanvas .offcanvas-header .btn-close:focus-visible {
  color: var(--white);
}
.mini-shopping-cart-offcanvas .offcanvas-header .btn-close:hover::before, .mini-shopping-cart-offcanvas .offcanvas-header .btn-close:focus-visible::before {
  transform: scale(1);
}
.mini-shopping-cart-offcanvas .offcanvas-header .btn-close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
}
.mini-shopping-cart-offcanvas .offcanvas-header .btn-close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.mini-shopping-cart-offcanvas .offcanvas-header .btn-close i {
  font-size: inherit;
  line-height: 1;
}
.mini-shopping-cart-offcanvas .offcanvas-header .btn-close {
  font-size: 16px;
}
.mini-shopping-cart-offcanvas .offcanvas-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  text-align: start;
}
.mini-shopping-cart-offcanvas .flyout-cart,
.mini-shopping-cart-offcanvas .mini-shopping-cart {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.mini-shopping-cart-offcanvas .no-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.mini-shopping-cart-offcanvas .no-item__art {
  color: var(--text-primary);
  margin-bottom: var(--space-4);
}
.mini-shopping-cart-offcanvas .no-item__art svg {
  display: block;
  width: 64px;
  height: 64px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mini-shopping-cart-offcanvas .no-item__rule {
  width: 40px;
  height: 1px;
  background-color: var(--gray-300);
  margin-bottom: var(--space-4);
}
.mini-shopping-cart-offcanvas .no-item__title {
  font-family: var(--font-heading);
  font-weight: var(--fw-bold);
  letter-spacing: var(--heading-letter-spacing);
  color: var(--text-primary);
  margin-bottom: var(--space-3);
}
.mini-shopping-cart-offcanvas .no-item__subtitle {
  font-size: 15px;
  color: var(--text-secondary);
  margin-bottom: var(--space-6);
  max-width: 380px;
  line-height: var(--body-line-height);
}
.mini-shopping-cart-offcanvas .no-item__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: auto;
  max-width: 280px;
}
.mini-shopping-cart-offcanvas .no-item__btn i {
  font-size: 18px;
}
.mini-shopping-cart-offcanvas .no-item {
  flex: 1;
  padding: var(--space-5) var(--cart-gutter);
}
.mini-shopping-cart-offcanvas .no-item__title {
  font-size: 20px;
}
.mini-shopping-cart-offcanvas .no-item__subtitle {
  max-width: 260px;
  margin-bottom: var(--space-5);
  text-align: center;
}
.mini-shopping-cart-offcanvas .no-item__btn {
  padding: 12px 28px;
}
.mini-shopping-cart-offcanvas .items {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 4px var(--cart-gutter);
}
.mini-shopping-cart-offcanvas .items.cart-anim-in {
  animation: cart-items-in 0.3s ease-out;
}
.mini-shopping-cart-offcanvas .items .item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 10px;
  align-items: start;
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
}
.mini-shopping-cart-offcanvas .items .item:last-child {
  border-bottom: none;
}
.mini-shopping-cart-offcanvas .items .item.removing {
  overflow: hidden;
  pointer-events: none;
  max-height: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  border-bottom-color: transparent;
  transform: translateX(16px);
  transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.22s ease, transform 0.3s ease;
}
.mini-shopping-cart-offcanvas .items .item .item-main {
  display: contents;
}
.mini-shopping-cart-offcanvas .items .item .picture {
  grid-row: 1/span 2;
}
.mini-shopping-cart-offcanvas .items .item .product,
.mini-shopping-cart-offcanvas .items .item .item-meta {
  grid-column: 2;
}
.mini-shopping-cart-offcanvas .items .item:not(:has(.picture)) .product,
.mini-shopping-cart-offcanvas .items .item:not(:has(.picture)) .item-meta {
  grid-column: 1/-1;
}
.mini-shopping-cart-offcanvas .items .item .item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .line-price {
  text-align: end;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .line-total {
  font-size: 15px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
  white-space: nowrap;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .flyout-qty-select {
  flex-shrink: 0;
  width: auto;
  min-width: 68px;
  height: 32px;
  padding-block: 0;
  padding-inline: 12px 30px;
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  background-color: var(--white);
  background-position: right 10px center;
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  color: var(--text-primary);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
html[dir=rtl] .mini-shopping-cart-offcanvas .items .item .item-meta .flyout-qty-select {
  background-position: left 10px center;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .flyout-qty-select:disabled {
  opacity: 0.45;
  cursor: default;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  overflow: hidden;
  transition: opacity 0.2s ease;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper.is-busy {
  opacity: 0.45;
  pointer-events: none;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--text-secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn::before {
    transition: none;
  }
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn:hover:not(:disabled), .mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn:focus-visible:not(:disabled) {
  color: var(--white);
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn:hover:not(:disabled)::before, .mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn:focus-visible:not(:disabled)::before {
  transform: scaleX(1);
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn:disabled {
  opacity: 0.35;
  cursor: default;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-btn {
  width: 30px;
  height: 30px;
  font-size: 15px;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-up::before {
  transform-origin: 100% 50%;
}
[dir=rtl] .mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-up::before {
  transform-origin: 0 50%;
}
.mini-shopping-cart-offcanvas .items .item .item-meta .qty-stepper .qty-value {
  min-width: 30px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}
.mini-shopping-cart-offcanvas .items .item .picture {
  width: 104px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--card-radius-sm);
  background-color: var(--gray-100);
}
@media (min-width: 768px) {
  .mini-shopping-cart-offcanvas .items .item .picture {
    width: 124px;
  }
}
.mini-shopping-cart-offcanvas .items .item .picture a {
  display: block;
  width: 100%;
}
.mini-shopping-cart-offcanvas .items .item .picture img {
  display: block;
  width: 100%;
  aspect-ratio: var(--product-image-ratio);
  object-fit: var(--product-image-fit);
}
.mini-shopping-cart-offcanvas .items .item .product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  align-items: start;
  width: 100%;
  min-width: 0;
}
.mini-shopping-cart-offcanvas .items .item .product .details {
  display: contents;
}
.mini-shopping-cart-offcanvas .items .item .product .attributes,
.mini-shopping-cart-offcanvas .items .item .product .unit-price {
  grid-column: 1/-1;
}
.mini-shopping-cart-offcanvas .items .item .product .name {
  grid-row: 1;
  grid-column: 1;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
}
.mini-shopping-cart-offcanvas .items .item .product .name a {
  color: var(--text-primary);
  transition: font-weight 0.15s ease;
}
.mini-shopping-cart-offcanvas .items .item .product .name a:hover {
  font-weight: 700;
}
.mini-shopping-cart-offcanvas .items .item .product .attributes {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-light);
}
.mini-shopping-cart-offcanvas .items .item .product .attributes br {
  display: none;
}
.mini-shopping-cart-offcanvas .items .item .product .unit-price {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}
.mini-shopping-cart-offcanvas .items .item .product .extra {
  grid-row: 1;
  grid-column: 2;
}
.mini-shopping-cart-offcanvas .items .item .product .remove {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--gray-100);
  color: var(--text-secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  font-size: 15px;
}
@media (min-width: 768px) {
  .mini-shopping-cart-offcanvas .items .item .product .remove {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
}
.mini-shopping-cart-offcanvas .items .item .product .remove {
  position: relative;
  isolation: isolate;
}
.mini-shopping-cart-offcanvas .items .item .product .remove::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .mini-shopping-cart-offcanvas .items .item .product .remove::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .mini-shopping-cart-offcanvas .items .item .product .remove::before {
    transition: none;
  }
}
.mini-shopping-cart-offcanvas .items .item .product .remove:hover, .mini-shopping-cart-offcanvas .items .item .product .remove:focus-visible {
  color: var(--white);
}
.mini-shopping-cart-offcanvas .items .item .product .remove:hover::before, .mini-shopping-cart-offcanvas .items .item .product .remove:focus-visible::before {
  transform: scale(1);
}
.mini-shopping-cart-offcanvas .cart-footer {
  flex-shrink: 0;
  padding: 0 var(--cart-gutter) calc(16px + env(safe-area-inset-bottom, 0px));
  background-color: var(--white);
  border-top: 1px solid var(--border);
}
.mini-shopping-cart-offcanvas .cart-footer .continue-shopping-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 14px 0;
  margin-bottom: 16px;
  border: none;
  border-bottom: 1px solid var(--border);
  outline: none;
  background-color: transparent;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
  transition: color 0.25s ease;
}
.mini-shopping-cart-offcanvas .cart-footer .continue-shopping-btn i {
  font-size: 15px;
  transition: transform 0.25s ease;
}
.mini-shopping-cart-offcanvas .cart-footer .continue-shopping-btn:hover, .mini-shopping-cart-offcanvas .cart-footer .continue-shopping-btn:focus {
  color: var(--primary);
}
.mini-shopping-cart-offcanvas .cart-footer .continue-shopping-btn:hover i, .mini-shopping-cart-offcanvas .cart-footer .continue-shopping-btn:focus i {
  transform: translateX(-3px);
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes {
  margin-bottom: 16px;
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-md);
  background-color: var(--white);
  transition: border-color 0.25s ease;
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes:hover, .mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes[open] {
  border-color: var(--border);
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes__toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  list-style: none;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes__toggle::-webkit-details-marker {
  display: none;
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes__toggle > span {
  flex: 1 1 auto;
  min-width: 0;
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes__toggle .required {
  color: var(--error);
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes__toggle:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: -2px;
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes__icon {
  font-size: 17px;
  line-height: 1;
  color: var(--accent-dark);
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes__chevron {
  font-size: 18px;
  line-height: 1;
  color: var(--text-light);
  transition: rotate 0.25s ease;
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes[open]:not(.is-closing) .flyout-checkout-attributes__chevron {
  rotate: 180deg;
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes__form {
  padding: 0 14px 14px;
}
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes {
  padding-bottom: 0;
}
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes dl,
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes dd {
  margin: 0;
}
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes dt {
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
}
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes dt .required {
  color: var(--danger, #c0392b);
}
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes dd + dt {
  margin-top: 12px;
}
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes input[type=text],
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes textarea,
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: var(--card-radius-sm);
  background-color: var(--white);
  font-size: 13px;
  color: var(--text-primary);
  transition: border-color 0.2s ease;
}
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes input[type=text]:focus,
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes textarea:focus,
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes select:focus {
  border-color: var(--primary);
  outline: none;
}
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes textarea {
  display: block;
  min-height: 76px;
  resize: vertical;
}
.mini-shopping-cart-offcanvas .cart-footer .checkout-attributes .option-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
.mini-shopping-cart-offcanvas .cart-footer .flyout-checkout-attributes--single .checkout-attributes dt {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.mini-shopping-cart-offcanvas .cart-footer .totals {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.mini-shopping-cart-offcanvas .cart-footer .totals .vat-summary {
  flex: 0 0 100%;
  margin-top: 0;
}
.mini-shopping-cart-offcanvas .cart-footer .totals .totals-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-light);
}
.mini-shopping-cart-offcanvas .cart-footer .totals .totals-value {
  font-size: 18px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}
.mini-shopping-cart-offcanvas .cart-footer .buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.mini-shopping-cart-offcanvas .cart-footer .buttons .button, .mini-shopping-cart-offcanvas .cart-footer .buttons .button-1, .mini-shopping-cart-offcanvas .cart-footer .buttons .button-2 {
  width: 100%;
  padding: 13px 20px;
}

@keyframes cart-items-in {
  from {
    transform: translateY(10px);
  }
  to {
    transform: translateY(0);
  }
}
.double-column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-inline: auto;
}
.double-column > * {
  min-width: 0;
}
@media (min-width: 992px) {
  .double-column {
    grid-template-columns: 280px 1fr;
    gap: 32px;
  }
}
@media (min-width: 1200px) {
  .double-column {
    grid-template-columns: 300px 1fr;
    gap: 48px;
  }
}
.double-column--offcanvas-all {
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 992px) {
  .double-column--offcanvas-all {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .double-column--offcanvas-all {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.double-column--offcanvas-all > .side-2 {
  width: 0;
}

.center-2 .page {
  scroll-margin: 500px;
}

.rfq-button-2.rfq-button-2 {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.rfq-button-2.rfq-button-2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-secondary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .rfq-button-2.rfq-button-2::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .rfq-button-2.rfq-button-2::before {
    transition: none;
  }
}
.rfq-button-2.rfq-button-2 {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--button-secondary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.rfq-button-2.rfq-button-2:hover, .rfq-button-2.rfq-button-2:focus-visible {
  color: var(--white);
  background: var(--button-secondary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.rfq-button-2.rfq-button-2:hover::before, .rfq-button-2.rfq-button-2:focus-visible::before {
  transform: scaleX(1);
}
.rfq-button-2.rfq-button-2 {
  width: 100%;
  margin: 0;
}

.empty-cart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.empty-cart__art {
  color: var(--text-primary);
  margin-bottom: var(--space-5);
}
.empty-cart__art svg {
  display: block;
  width: 84px;
  height: 84px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (min-width: 768px) {
  .empty-cart__art svg {
    width: 104px;
    height: 104px;
  }
}
.empty-cart__rule {
  width: 48px;
  height: 1px;
  background-color: var(--gray-300);
  margin-bottom: var(--space-5);
}
.empty-cart__title {
  font-family: var(--font-heading);
  font-weight: var(--fw-bold);
  letter-spacing: var(--heading-letter-spacing);
  color: var(--text-primary);
  margin-bottom: var(--space-3);
}
.empty-cart__subtitle {
  font-size: 15px;
  color: var(--text-secondary);
  margin-bottom: var(--space-6);
  max-width: 380px;
  line-height: var(--body-line-height);
}
.empty-cart__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: auto;
  max-width: 280px;
}
.empty-cart__btn i {
  font-size: 18px;
}
.empty-cart {
  padding: var(--space-8) var(--space-5);
  min-height: 50vh;
}
@media (min-width: 768px) {
  .empty-cart {
    padding: var(--space-9) var(--space-6);
  }
}
.empty-cart__title {
  font-size: var(--page-title-base);
}
@media (min-width: 576px) {
  .empty-cart__title {
    font-size: var(--page-title-mobile);
  }
}
@media (min-width: 768px) {
  .empty-cart__title {
    font-size: var(--page-title-tablet);
  }
}
@media (min-width: 992px) {
  .empty-cart__title {
    font-size: var(--page-title-laptop);
  }
}
.empty-cart__subtitle {
  text-align: center;
}

.item-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  --pbox-image-bg: var(--gray-100);
}
.item-box .product-item {
  position: relative;
  width: 100%;
  text-align: start;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.item-box .product-item .item-top-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-radius-lg);
  background-color: var(--pbox-image-bg);
}
.item-box .product-item .item-top-wrapper .top-extra {
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (min-width: 992px) {
  .item-box .product-item .item-top-wrapper .top-extra {
    top: 10px;
    inset-inline-end: 10px;
  }
}
@media (min-width: 1400px) {
  .item-box .product-item .item-top-wrapper .top-extra {
    top: 12px;
    inset-inline-end: 12px;
    gap: 10px;
  }
}
.item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button,
.item-box .product-item .item-top-wrapper .top-extra .quickview-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  font-size: 12px;
  position: relative;
  isolation: isolate;
}
.item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button::before,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button::before,
.item-box .product-item .item-top-wrapper .top-extra .quickview-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--secondary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button::before,
[dir=rtl] .item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button::before,
[dir=rtl] .item-box .product-item .item-top-wrapper .top-extra .quickview-button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button::before,
  .item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button::before,
  .item-box .product-item .item-top-wrapper .top-extra .quickview-button::before {
    transition: none;
  }
}
.item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button:hover, .item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button:focus-visible,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button:hover,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button:focus-visible,
.item-box .product-item .item-top-wrapper .top-extra .quickview-button:hover,
.item-box .product-item .item-top-wrapper .top-extra .quickview-button:focus-visible {
  color: var(--white);
}
.item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button:hover::before, .item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button:focus-visible::before,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button:hover::before,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button:focus-visible::before,
.item-box .product-item .item-top-wrapper .top-extra .quickview-button:hover::before,
.item-box .product-item .item-top-wrapper .top-extra .quickview-button:focus-visible::before {
  transform: scale(1);
}
.item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button,
.item-box .product-item .item-top-wrapper .top-extra .quickview-button {
  border: 1px solid var(--border);
  transition: border-color 0.3s ease;
}
@media (min-width: 992px) {
  .item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button,
  .item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button,
  .item-box .product-item .item-top-wrapper .top-extra .quickview-button {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  .item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button,
  .item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button,
  .item-box .product-item .item-top-wrapper .top-extra .quickview-button {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}
.item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button:hover,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button:hover,
.item-box .product-item .item-top-wrapper .top-extra .quickview-button:hover {
  border-color: var(--secondary);
}
[data-nb-pbox-shape=landscape] .item-box .product-item .item-top-wrapper .top-extra {
  flex-direction: row;
}
.item-box .product-item .item-top-wrapper .bssp3d-chip-row {
  position: absolute;
  bottom: 8px;
  inset-inline-start: 8px;
  inset-inline-end: auto;
  z-index: 3;
  display: flex;
  gap: 6px;
}
@media (min-width: 768px) {
  .item-box .product-item .item-top-wrapper .bssp3d-chip-row {
    bottom: 12px;
    inset-inline-start: 12px;
  }
}
.item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--button-secondary-bg);
  color: var(--text-primary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
}
@media (min-width: 768px) {
  .item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip {
    width: 30px;
    height: 30px;
  }
}
.item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip {
  position: relative;
  isolation: isolate;
}
.item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip::before {
    transition: none;
  }
}
.item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip:hover, .item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip:focus-visible {
  color: var(--white);
}
.item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip:hover::before, .item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip:focus-visible::before {
  transform: scale(1);
}
.item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip svg {
  width: 13px;
  height: 13px;
}
@media (min-width: 768px) {
  .item-box .product-item .item-top-wrapper .bssp3d-chip-row .bssp3d-chip svg {
    width: 14px;
    height: 14px;
  }
}
.item-box .product-item .picture {
  position: relative;
  background-color: var(--pbox-image-bg);
  overflow: hidden;
}
.item-box .product-item .picture a {
  display: block;
  position: relative;
}
.item-box .product-item .picture a::before {
  content: "";
  display: block;
  padding-top: var(--pbox-image-ratio);
}
.item-box .product-item .picture a img {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--product-image-fit);
  background-color: var(--pbox-image-bg);
  border-radius: var(--card-radius-md);
  transition: opacity 0.4s ease;
}
.item-box .product-item .details {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
@media (min-width: 768px) {
  .item-box .product-item .details {
    margin-top: 14px;
  }
}
.item-box .product-item .details-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.item-box .product-item .product-title {
  margin: 0;
  line-height: 1.3;
  font-size: 18px;
  font-weight: var(--fw-medium);
}
@media (min-width: 768px) {
  .item-box .product-item .product-title {
    font-size: 19px;
  }
}
@media (min-width: 992px) {
  .item-box .product-item .product-title {
    font-size: 20px;
  }
}
.item-box .product-item .product-title a {
  font-size: inherit;
  font-weight: inherit;
  color: var(--text-primary);
  text-decoration: none;
}
.item-box .product-item .product-title a:hover {
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.item-box .product-item .sku {
  margin: 4px 0 0;
  font-size: 11px;
  color: var(--text-light);
}
.item-box .product-item .product-rating-box {
  margin-top: 6px;
}
.item-box .product-item .product-rating-box .rating {
  --star-size: 14px;
}
.item-box .product-item .prices {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
.item-box .product-item .prices .price {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-primary);
  text-decoration: none;
}
@media (min-width: 768px) {
  .item-box .product-item .prices .price {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .item-box .product-item .prices .price {
    font-size: 16px;
  }
}
.item-box .product-item .prices .old-price {
  order: 2;
  color: var(--text-light);
  text-decoration: line-through;
}
.item-box .product-item .prices:has(.old-price) .price:not(.old-price) {
  color: var(--sale);
}
.item-box .product-item .prices .tax-shipping-info,
.item-box .product-item .prices .base-price-pangv {
  order: 3;
  flex-basis: 100%;
  font-size: 11px;
  line-height: 1.4;
  color: var(--text-light);
}
.item-box .product-item .buttons {
  margin-top: 10px;
}
.item-box .product-item .buttons.bss-grid-buttons {
  margin-top: auto;
  padding-top: 10px;
}
.item-box .product-item .buttons .product-box-add-to-cart-button {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.item-box .product-item .buttons .product-box-add-to-cart-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--pbox-cart-fill, var(--primary));
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .item-box .product-item .buttons .product-box-add-to-cart-button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .item-box .product-item .buttons .product-box-add-to-cart-button::before {
    transition: none;
  }
}
.item-box .product-item .buttons .product-box-add-to-cart-button {
  overflow: hidden;
  color: var(--pbox-cart-color, var(--text-primary));
  background-color: var(--pbox-cart-bg, transparent);
  transition: color 0.35s ease, background-color 0s;
}
.item-box .product-item .buttons .product-box-add-to-cart-button:hover, .item-box .product-item .buttons .product-box-add-to-cart-button:focus-visible {
  color: var(--pbox-cart-hover-color, var(--white));
  background: var(--pbox-cart-fill, var(--primary));
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.item-box .product-item .buttons .product-box-add-to-cart-button:hover::before, .item-box .product-item .buttons .product-box-add-to-cart-button:focus-visible::before {
  transform: scaleX(1);
}
.item-box .product-item .buttons .product-box-add-to-cart-button {
  flex: 0 0 auto;
  align-self: flex-start;
  width: var(--pbox-cart-width, 100%);
  padding: var(--pbox-cart-padding, 11px 16px);
  border-radius: var(--pbox-cart-radius, var(--button-radius));
  box-shadow: var(--pbox-cart-ring, inset 0 0 0 1px var(--primary));
  font-size: 12px;
}

.item-box .product-item .picture > .swiper:not(.bss-pbox-swiper) > .swiper-pagination-fraction {
  inset-inline-start: 8px;
  inset-inline-end: auto;
  bottom: 8px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 2px;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 999px;
  background-color: var(--button-secondary-bg);
  color: var(--text-primary);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .item-box .product-item .picture > .swiper:not(.bss-pbox-swiper) > .swiper-pagination-fraction {
    padding: 5px 12px;
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .item-box .product-item .picture > .swiper:not(.bss-pbox-swiper) > .swiper-pagination-fraction {
    inset-inline-start: 12px;
    bottom: 12px;
  }
}

.product-grid .item-box .description:not([data-short-description]) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--text-secondary);
}

.item-box .description[data-short-description] {
  display: none;
}

.item-box .description a {
  display: block;
  overflow: hidden;
}

.pbox-quick-add {
  display: none;
}

[data-nb-pbox-cart=floating] .item-box .product-item .details .buttons .product-box-add-to-cart-button {
  display: none;
}
[data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add {
  --pbox-quick-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  bottom: 8px;
  inset-inline-end: 8px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background-color: var(--white);
  color: var(--primary);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.35s var(--pbox-quick-ease), transform 0.35s var(--pbox-quick-ease), background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
@media (min-width: 992px) {
  [data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add {
    bottom: 10px;
    inset-inline-end: 10px;
    min-width: 30px;
    height: 30px;
    padding: 0 7px;
    font-size: 12px;
  }
}
@media (min-width: 1400px) {
  [data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add {
    bottom: 12px;
    inset-inline-end: 12px;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    font-size: 13px;
  }
}
[data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add i {
  flex-shrink: 0;
  font-size: 13px;
  line-height: 1;
}
@media (min-width: 992px) {
  [data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add i {
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  [data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add i {
    font-size: 16px;
  }
}
[data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add > span {
  display: grid;
  grid-template-columns: 0fr;
  transition: grid-template-columns 0.45s var(--pbox-quick-ease);
}
[data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add > span > span {
  min-width: 0;
  overflow: hidden;
  padding-inline-start: 0;
  opacity: 0;
  transition: opacity 0.3s ease, padding 0.45s var(--pbox-quick-ease);
}
[data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add:hover, [data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add:focus-visible {
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
[data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add:hover > span, [data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add:focus-visible > span {
  grid-template-columns: 1fr;
}
[data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add:hover > span > span, [data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add:focus-visible > span > span {
  padding-inline-start: 6px;
  opacity: 1;
}
[data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper:has(.swiper-slide + .swiper-slide):has(.bss-pbox-button-next, .bss-pbox-pagination.swiper-pagination-fraction) .pbox-quick-add {
  bottom: 44px;
}
@media (min-width: 768px) {
  [data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper:has(.swiper-slide + .swiper-slide):has(.bss-pbox-button-next, .bss-pbox-pagination.swiper-pagination-fraction) .pbox-quick-add {
    bottom: 56px;
  }
}
[data-nb-pbox-cart=floating] .item-box .product-item:hover .item-top-wrapper .pbox-quick-add,
[data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add:focus-visible {
  opacity: 1;
  transform: none;
}
@media (hover: none) {
  [data-nb-pbox-cart=floating] .item-box .product-item .item-top-wrapper .pbox-quick-add {
    opacity: 1;
    transform: none;
  }
}
[data-nb-pbox-cart=floating] .product-list .item-box .product-item .item-top-wrapper .pbox-quick-add {
  display: none;
}
[data-nb-pbox-cart=floating] .product-list .item-box .product-item .details .buttons .product-box-add-to-cart-button {
  display: inline-flex;
}

.item-box .product-item {
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.item-box .product-item:hover {
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  .item-box .product-item:hover {
    transform: none;
  }
}
[data-nb-pbox-frame=outline] .item-box .product-item {
  padding: 8px;
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-lg);
  background-color: var(--white);
  box-shadow: 0 4px 12px -10px color-mix(in srgb, var(--primary) 22%, transparent);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease, border-color 0.45s ease;
}
[data-nb-pbox-frame=outline] .item-box .product-item .details {
  padding-inline: 6px;
  padding-bottom: 6px;
}
[data-nb-pbox-frame=outline] .item-box .product-item:hover {
  border-color: var(--border);
  box-shadow: 0 10px 22px -16px color-mix(in srgb, var(--primary) 28%, transparent);
}

[data-nb-pbox-frame=outline] .product-list .item-box .product-item {
  padding: 12px;
}

.swiper:has(> .swiper-wrapper > .swiper-slide .item-box) {
  padding-top: 6px;
  margin-top: -6px;
}

[data-nb-pbox-frame=outline] .swiper:has(> .swiper-wrapper > .swiper-slide .item-box) {
  padding-bottom: 24px;
  margin-bottom: -24px;
}

:root {
  --pbox-h-thumb: 84px;
}
@media (min-width: 768px) {
  :root {
    --pbox-h-thumb: 96px;
  }
}
@media (min-width: 992px) {
  :root {
    --pbox-h-thumb: 88px;
  }
}
@media (min-width: 1200px) {
  :root {
    --pbox-h-thumb: 104px;
  }
}

.item-box .product-item.product-item--horizontal {
  flex-direction: row;
  align-items: center;
  gap: 14px;
}
@media (min-width: 768px) {
  .item-box .product-item.product-item--horizontal {
    gap: 16px;
  }
}
.item-box .product-item.product-item--horizontal .item-top-wrapper {
  flex: 0 0 var(--pbox-h-thumb);
  width: var(--pbox-h-thumb);
  border-radius: var(--card-radius-md);
}
.item-box .product-item.product-item--horizontal .item-top-wrapper .top-extra {
  top: auto;
  bottom: 6px;
  inset-inline-end: 6px;
  flex-direction: row;
  gap: 4px;
}
.item-box .product-item.product-item--horizontal .item-top-wrapper .top-extra .add-to-wishlist-button,
.item-box .product-item.product-item--horizontal .item-top-wrapper .top-extra .add-to-compare-list-button,
.item-box .product-item.product-item--horizontal .item-top-wrapper .top-extra .quickview-button {
  width: 26px;
  height: 26px;
  font-size: 12px;
}
.item-box .product-item.product-item--horizontal .item-top-wrapper .pbox-quick-add {
  display: none;
}
.item-box .product-item.product-item--horizontal .details {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 0;
  justify-content: center;
}
.item-box .product-item.product-item--horizontal .details-wrapper {
  flex: 0 1 auto;
}
.item-box .product-item.product-item--horizontal .product-title {
  min-height: 2.7em;
  font-size: 15px;
  line-height: 1.35;
}
@media (min-width: 768px) {
  .item-box .product-item.product-item--horizontal .product-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .item-box .product-item.product-item--horizontal .product-title {
    font-size: 16px;
  }
}
.item-box .product-item.product-item--horizontal .product-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.item-box .product-item.product-item--horizontal .product-rating-box {
  margin-top: 4px;
}
.item-box .product-item.product-item--horizontal .pbox-h__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}
.item-box .product-item.product-item--horizontal .prices {
  min-width: 0;
  margin-top: 0;
  gap: 2px 8px;
}
.item-box .product-item.product-item--horizontal .prices .price {
  font-size: 14px;
}
@media (min-width: 768px) {
  .item-box .product-item.product-item--horizontal .prices .price {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .item-box .product-item.product-item--horizontal .prices .price {
    font-size: 15px;
  }
}
.item-box .product-item.product-item--horizontal .pbox-h__actions:empty {
  display: none;
}
.item-box .product-item.product-item--horizontal .pbox-h__cart {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  font-size: 12px;
  position: relative;
  isolation: isolate;
}
.item-box .product-item.product-item--horizontal .pbox-h__cart::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--secondary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .item-box .product-item.product-item--horizontal .pbox-h__cart::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .item-box .product-item.product-item--horizontal .pbox-h__cart::before {
    transition: none;
  }
}
.item-box .product-item.product-item--horizontal .pbox-h__cart:hover, .item-box .product-item.product-item--horizontal .pbox-h__cart:focus-visible {
  color: var(--white);
}
.item-box .product-item.product-item--horizontal .pbox-h__cart:hover::before, .item-box .product-item.product-item--horizontal .pbox-h__cart:focus-visible::before {
  transform: scale(1);
}
.item-box .product-item.product-item--horizontal .pbox-h__cart {
  border: 1px solid var(--border);
  text-decoration: none;
  transition: border-color 0.3s ease;
}
@media (min-width: 992px) {
  .item-box .product-item.product-item--horizontal .pbox-h__cart {
    width: 34px;
    height: 34px;
    font-size: 15px;
  }
}
.item-box .product-item.product-item--horizontal .pbox-h__cart:hover {
  border-color: var(--secondary);
}
.item-box .product-item.product-item--horizontal .details .product-box-add-to-cart-button {
  display: none;
}
.item-box .product-item.product-item--horizontal .bss-combo-badge {
  margin-bottom: 4px;
  padding: 2px 6px;
  font-size: 10px;
}
.item-box .product-item.product-item--horizontal .bss-combo-badge i {
  display: none;
}
.item-box .product-item.product-item--horizontal .product-left-extra {
  top: 6px;
  gap: 3px;
  max-width: var(--pbox-h-thumb);
}
.item-box .product-item.product-item--horizontal .nb-tag {
  --nb-tag-notch: 5px;
  gap: 3px;
  padding-block: 4px;
  padding-inline: 6px calc(6px + var(--nb-tag-notch));
  font-size: 8.5px;
  letter-spacing: 0.04em;
}

[data-nb-pbox-frame=outline] .item-box .product-item.product-item--horizontal .details {
  padding-bottom: 0;
}

@media (hover: hover) and (min-width: 992px) {
  .item-box .product-item--horizontal .item-top-wrapper .top-extra {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .item-box .product-item--horizontal:is(:hover, :focus-within) .item-top-wrapper .top-extra {
    opacity: 1;
  }
}
.products-swiper.swiper-grid:not(.swiper-grid-column) > .swiper-wrapper > .swiper-slide {
  height: auto !important;
}

.swiper.products-swiper.swiper-grid-column > .swiper-wrapper {
  height: 100%;
}

.footer {
  --newsletter-frame-surface: color-mix(in srgb, var(--white) 70%, var(--bg-primary));
  margin-top: 30px;
  max-width: 80%;
}
@media (min-width: 1200px) {
  .footer {
    margin-top: 70px;
  }
}
@media (max-width: 1199.98px) {
  .footer {
    max-width: 90%;
  }
}
@media (max-width: 991.98px) {
  .footer {
    max-width: 95%;
  }
}
@media (max-width: 575.98px) {
  .footer {
    max-width: 100%;
  }
}
.footer .footer-newsletter {
  display: grid;
  grid-template-rows: 1fr 1fr;
}
.footer .footer-newsletter::before {
  content: "";
  grid-row: 2;
  grid-column: 1;
  margin-block-end: -1px;
  background-color: var(--bg-primary);
  box-shadow: 0 0 0 100vmax var(--bg-primary);
  clip-path: inset(0 -100vmax);
}
.footer .footer-body {
  background-color: var(--bg-primary);
  box-shadow: 0 0 0 100vmax var(--bg-primary);
  clip-path: inset(0 -100vmax);
}
.footer .newsletter-frame {
  position: relative;
  z-index: 1;
  grid-row: 1/3;
  grid-column: 1;
  justify-self: center;
  width: 100%;
  max-width: 1120px;
  padding: 3px;
  border-radius: calc(min(var(--newsletter-frame-radius), 23px) + 3px);
  background: var(--newsletter-frame-border);
  box-shadow: 0 28px 52px -36px color-mix(in srgb, var(--primary) 34%, transparent);
}
@media (min-width: 768px) {
  .footer .newsletter-frame {
    border-radius: calc(var(--newsletter-frame-radius) + 3px);
  }
}
.footer .newsletter-frame__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 10px;
  border-radius: min(var(--newsletter-frame-radius), 23px);
  background-color: var(--newsletter-frame-surface);
}
@media (min-width: 768px) {
  .footer .newsletter-frame__inner {
    padding: 12px;
    border-radius: var(--newsletter-frame-radius);
  }
}
@media (min-width: 992px) {
  .footer .newsletter-frame__inner {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  }
}
.footer .newsletter-frame__media {
  display: none;
}
@media (min-width: 992px) {
  .footer .newsletter-frame__media {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 320px;
    border-radius: max(var(--newsletter-frame-radius) - 12px, min(var(--newsletter-frame-radius), var(--card-radius-lg)));
    background-color: var(--gray-100);
  }
}
.footer .newsletter-frame__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 10% 40%;
  transition: transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.footer .newsletter-frame:hover .newsletter-frame__media img {
  transform: scale(1.03);
}
.footer .newsletter-frame__content {
  display: flex;
  align-items: center;
  padding: 16px 14px 18px;
}
@media (min-width: 768px) {
  .footer .newsletter-frame__content {
    padding: 22px 40px;
  }
}
@media (min-width: 992px) {
  .footer .newsletter-frame__content {
    padding: 44px 56px;
  }
}
.footer .newsletter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .footer .newsletter {
    align-items: flex-start;
  }
}
.footer .newsletter-eyebrow {
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--eyebrow-letter-spacing);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--text-light);
}
.footer .newsletter-title {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 31px;
  font-weight: var(--fw-semibold);
  line-height: 1.05;
  letter-spacing: var(--heading-letter-spacing);
  color: var(--text-primary);
}
@media (min-width: 768px) {
  .footer .newsletter-title {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .footer .newsletter-title {
    font-size: 44px;
  }
}
.footer .newsletter-text {
  max-width: 440px;
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-light);
}
@media (min-width: 768px) {
  .footer .newsletter-text {
    font-size: 15px;
  }
}
.footer .newsletter-title,
.footer .newsletter-text {
  text-align: center;
}
@media (min-width: 992px) {
  .footer .newsletter-title,
  .footer .newsletter-text {
    text-align: start;
  }
}
.footer .newsletter-subscribe {
  width: 100%;
  max-width: 460px;
  margin-top: 12px;
}
.footer .newsletter-email {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 575.98px) {
  .footer .newsletter-email {
    gap: 10px;
  }
}
.footer .newsletter-email {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--accent-dark);
  transition: border-color 0.3s ease;
}
.footer .newsletter-email:focus-within {
  border-color: var(--text-primary);
}
.footer .newsletter-email:has(.input-validation-error) {
  border-color: var(--error);
}
.footer .newsletter-email input.newsletter-subscribe-text {
  flex: 1;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 15px;
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  text-overflow: ellipsis;
}
@media (max-width: 575.98px) {
  .footer .newsletter-email input.newsletter-subscribe-text {
    font-size: 14px;
  }
}
.footer .newsletter-email input.newsletter-subscribe-text:hover, .footer .newsletter-email input.newsletter-subscribe-text:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.footer .newsletter-email input.newsletter-subscribe-text::placeholder {
  color: var(--text-light);
  opacity: 0.85;
}
.footer .newsletter-email input.newsletter-subscribe-text:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px var(--newsletter-frame-surface);
}
.footer .newsletter-subscribe-button {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border: 0;
  background: none;
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .footer .newsletter-subscribe-button {
    gap: 8px;
    letter-spacing: 0.12em;
  }
}
.footer .newsletter-subscribe-button {
  color: var(--text-primary);
  cursor: pointer;
}
.footer .newsletter-subscribe-button::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 1.6em;
  height: 0.9em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 1.2 6.4 4 2.5 6.8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/0.9em 0.9em no-repeat, linear-gradient(#000 0 0) left center/calc(100% - 1px) 1px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 1.2 6.4 4 2.5 6.8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/0.9em 0.9em no-repeat, linear-gradient(#000 0 0) left center/calc(100% - 1px) 1px no-repeat;
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
[dir=rtl] .footer .newsletter-subscribe-button::after {
  transform: scaleX(-1);
}
@media (prefers-reduced-motion: reduce) {
  .footer .newsletter-subscribe-button::after {
    transition: none;
  }
}
.footer .newsletter-subscribe-button:hover::after, .footer .newsletter-subscribe-button:focus-visible::after {
  width: 2.4em;
}
.footer .newsletter .options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  margin-top: 12px;
  font-size: 13px;
  color: var(--text-secondary);
}
@media (min-width: 992px) {
  .footer .newsletter .options {
    justify-content: flex-start;
  }
}
.footer .newsletter-validation .field-validation-error,
.footer .newsletter-validation .please-wait {
  display: inline-block;
  margin-top: 8px;
}
.footer .newsletter-validation,
.footer .newsletter-result {
  font-size: 12px;
  color: var(--text-light);
  text-align: center;
}
@media (min-width: 992px) {
  .footer .newsletter-validation,
  .footer .newsletter-result {
    text-align: start;
  }
}
.footer .newsletter-validation .field-validation-error,
.footer .newsletter-result .field-validation-error {
  color: var(--error);
}
.footer .newsletter-result {
  margin-top: 8px;
}
.footer .newsletter-result:empty {
  display: none;
}
.footer .footer-upper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  padding-block: 36px 20px;
}
@media (min-width: 768px) {
  .footer .footer-upper {
    gap: 44px;
    padding-block: 52px 48px;
  }
}
@media (min-width: 992px) {
  .footer .footer-upper {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 3fr);
    gap: 48px;
    padding-block: 68px 56px;
  }
}
.footer .footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer .footer-brand .site-logo {
  display: block;
  width: 100%;
  max-width: 176px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .footer .footer-brand .site-logo {
    max-width: 196px;
    margin-bottom: 24px;
  }
}
.footer .footer-brand .site-logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 60px;
}
@media (min-width: 768px) {
  .footer .footer-brand .site-logo img {
    max-height: 66px;
  }
}
.footer .footer-upper .footer-brand .nopgadence-footer-store-address {
  width: 100%;
}
.footer .footer-navigation {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 768px) {
  .footer .footer-navigation {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 28px;
  }
}
@media (min-width: 992px) {
  .footer .footer-navigation {
    gap: 48px;
  }
}
@media (max-width: 767.98px) {
  .footer .footer-navigation .footer-menu {
    display: grid;
    grid-template-rows: min-content 0fr;
    border-top: 1px solid var(--accent);
    transition: grid-template-rows 0.3s ease;
  }
  .footer .footer-navigation .footer-menu:last-child {
    border-bottom: 1px solid var(--accent);
  }
  .footer .footer-navigation .footer-menu.footer-menu--active {
    grid-template-rows: min-content 1fr;
  }
}
.footer .footer-navigation .footer-menu__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 18px;
  font-family: var(--font-heading);
  font-size: 21px;
  font-weight: var(--fw-semibold);
  line-height: 1.2;
  color: var(--text-primary);
  cursor: default;
}
.footer .footer-navigation .footer-menu__title p {
  margin: 0;
  font: inherit;
  color: inherit;
}
.footer .footer-navigation .footer-menu__title .down-arrow {
  display: none;
}
@media (max-width: 767.98px) {
  .footer .footer-navigation .footer-menu__title {
    margin: 0;
    padding: 16px 2px;
    font-size: 19px;
    cursor: pointer;
  }
  .footer .footer-navigation .footer-menu__title .down-arrow {
    display: flex;
    font-size: 20px;
    color: var(--text-light);
    transition: transform 0.3s ease;
  }
}
.footer .footer-navigation .footer-menu__list {
  display: grid;
  align-content: start;
  gap: 12px;
}
@media (max-width: 767.98px) {
  .footer .footer-navigation .footer-menu__list {
    gap: 0;
    overflow: hidden;
    padding-inline: 2px;
  }
}
@media (max-width: 767.98px) {
  .footer .footer-navigation .footer-menu--active .footer-menu__title .down-arrow {
    transform: rotate(180deg);
  }
  .footer .footer-navigation .footer-menu--active .footer-menu__list {
    padding-bottom: 14px;
  }
}
.footer .footer-navigation .footer-menu__item {
  padding: 0;
}
@media (max-width: 767.98px) {
  .footer .footer-navigation .footer-menu__item {
    padding: 6px 0;
  }
}
.footer .footer-navigation .footer-menu__link,
.footer .footer-navigation .footer-menu__item a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-secondary);
  transition: color 0.25s ease;
}
.footer .footer-navigation .footer-menu__link::after,
.footer .footer-navigation .footer-menu__item a::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 1.3em;
  height: 0.5em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 1.2 6.4 4 2.5 6.8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/0.5em 0.5em no-repeat, linear-gradient(#000 0 0) left center/calc(100% - 1px) 1px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 1.2 6.4 4 2.5 6.8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/0.5em 0.5em no-repeat, linear-gradient(#000 0 0) left center/calc(100% - 1px) 1px no-repeat;
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
[dir=rtl] .footer .footer-navigation .footer-menu__link::after,
[dir=rtl] .footer .footer-navigation .footer-menu__item a::after {
  transform: scaleX(-1);
}
@media (prefers-reduced-motion: reduce) {
  .footer .footer-navigation .footer-menu__link::after,
  .footer .footer-navigation .footer-menu__item a::after {
    transition: none;
  }
}
.footer .footer-navigation .footer-menu__link::after,
.footer .footer-navigation .footer-menu__item a::after {
  width: 0;
  opacity: 0;
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.25s ease;
}
.footer .footer-navigation .footer-menu__link:hover, .footer .footer-navigation .footer-menu__link:focus-visible,
.footer .footer-navigation .footer-menu__item a:hover,
.footer .footer-navigation .footer-menu__item a:focus-visible {
  color: var(--text-primary);
}
.footer .footer-navigation .footer-menu__link:hover::after, .footer .footer-navigation .footer-menu__link:focus-visible::after,
.footer .footer-navigation .footer-menu__item a:hover::after,
.footer .footer-navigation .footer-menu__item a:focus-visible::after {
  width: 1.3em;
  opacity: 1;
}
.footer .footer-lower {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding-block: 22px 28px;
  font-size: 14px;
  color: var(--text-light);
}
@media (min-width: 768px) {
  .footer .footer-lower {
    border-top: 1px solid var(--accent);
  }
}
@media (min-width: 1200px) {
  .footer .footer-lower {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 24px;
    padding-block: 24px 30px;
  }
}
@media (max-width: 1199.98px) {
  body.has-shopping-cart-page .footer .footer-lower {
    padding-block-end: calc(28px + var(--checkout-bar-height, 52px));
  }
}
.footer .footer-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 16px;
  order: 3;
}
@media (min-width: 1200px) {
  .footer .footer-info {
    justify-content: flex-start;
    justify-self: start;
    order: 0;
  }
}
.footer .footer-info a {
  font-weight: var(--fw-medium);
  color: var(--text-primary);
}
.footer .footer-disclaimer,
.footer .footer-tax-shipping {
  text-align: center;
}
@media (min-width: 1200px) {
  .footer .footer-disclaimer,
  .footer .footer-tax-shipping {
    text-align: start;
  }
}
.footer .footer-social {
  justify-self: center;
}
.footer .footer-social .networks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .footer-social .networks a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: transparent;
  color: var(--text-primary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  font-size: 16px;
  position: relative;
  isolation: isolate;
}
.footer .footer-social .networks a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .footer .footer-social .networks a::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .footer .footer-social .networks a::before {
    transition: none;
  }
}
.footer .footer-social .networks a:hover, .footer .footer-social .networks a:focus-visible {
  color: var(--white);
}
.footer .footer-social .networks a:hover::before, .footer .footer-social .networks a:focus-visible::before {
  transform: scale(1);
}
.footer .footer-social .networks a {
  border: 1px solid var(--accent);
  transition: color 0.35s ease, border-color 0.35s ease;
}
.footer .footer-social .networks a:hover, .footer .footer-social .networks a:focus-visible {
  border-color: var(--primary);
}
.footer .footer-social .networks a span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.footer .footer-credits {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: var(--text-light);
}
@media (min-width: 1200px) {
  .footer .footer-credits {
    align-items: flex-end;
    justify-self: end;
  }
}
.footer .footer-powered-by a {
  font-weight: var(--fw-semibold);
  color: var(--text-primary);
}
.footer .footer-developed-by {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}
.footer .footer-developed-by a {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: var(--fw-semibold);
  line-height: 1.1;
  color: var(--text-primary);
  background: linear-gradient(currentColor 0 0) left 100%/0 1px no-repeat;
  transition: background-size 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}
[dir=rtl] .footer .footer-developed-by a {
  background-position: right 100%;
}
.footer .footer-developed-by a:hover, .footer .footer-developed-by a:focus-visible {
  background-size: 100% 1px;
}

.breadcrumb {
  margin-bottom: var(--space-4);
  padding: 12px 0 0;
  background-color: transparent;
}
@media (min-width: 992px) {
  .breadcrumb {
    padding-top: 16px;
  }
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li * {
  display: inline-block;
  font-size: 13px;
  line-height: 28px;
}
.breadcrumb li a {
  font-weight: 500;
}
.breadcrumb li .current-item {
  color: var(--gray-500);
}
.breadcrumb li .delimiter {
  margin: 0 8px;
  color: var(--gray-400);
}
.breadcrumb li strong {
  font-weight: normal;
}

.contact-page {
  max-width: 600px;
  margin-inline: auto;
  background-color: var(--gray-100);
  padding: 50px 24px;
  border-radius: var(--card-radius-lg);
}
@media (min-width: 768px) {
  .contact-page {
    padding: 60px 47px;
  }
}
.contact-page .page-title > h1 {
  text-align: center;
  margin-bottom: 15px;
}
.contact-page .page-body .topic-block-body > p {
  margin-bottom: 10px;
  text-align: center;
}
.contact-page .page-body .fieldset {
  margin-bottom: 20px;
}
.contact-page .page-body .result {
  text-align: center;
}

.apply-vendor-page {
  max-width: 600px;
  margin-inline: auto;
  background-color: var(--gray-100);
  padding: 50px 24px;
  border-radius: var(--card-radius-lg);
}
@media (min-width: 768px) {
  .apply-vendor-page {
    padding: 60px 47px;
  }
}
.apply-vendor-page .page-title {
  justify-content: center;
}
.apply-vendor-page .page-title h1 {
  text-align: center;
}
.apply-vendor-page .page-body .topic-block-body > p {
  margin-bottom: 10px;
  text-align: center;
}
.apply-vendor-page .page-body .message-error ul {
  margin: 10px 0 15px;
}

.vendor-page .page-body .contact-vendor {
  margin-bottom: 20px;
}
.vendor-page .page-body .vendor-product-reviews {
  margin-top: 30px;
}
.vendor-page .page-body .vendor-product-reviews .vendor-product-reviews-title {
  font-size: 22px;
  margin-bottom: 20px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item {
  border: 1px solid var(--border);
  padding: 20px;
  border-radius: var(--radius-base);
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-item-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-item-info .review-product-name {
  font-size: 17px;
  font-weight: 500;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-title > strong {
  font-size: 15px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content {
  margin-top: 10px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness {
  margin-top: 10px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness .vote-options {
  display: inline-block;
  margin-left: 15px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness .vote-options .vote {
  margin: 0 7px;
  cursor: pointer;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness .vote-options .vote:hover {
  color: var(--primary);
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness .result {
  margin-left: 10px;
}
.vendor-page .page-body .block {
  margin-top: 20px;
  text-align: center;
}
.vendor-page .title {
  font-size: 25px;
}
@media (min-width: 992px) {
  .vendor-page .title {
    font-size: 30px;
  }
}

.vendor-list-page .vendor-grid {
  margin-bottom: 30px;
}
.vendor-list-page .vendor-grid .item-grid {
  display: grid;
  grid-template-columns: repeat(var(--products-grid-vendor-list-columns-phone), 1fr);
  gap: var(--products-grid-vendor-list-gap-phone);
}
@media (min-width: 768px) {
  .vendor-list-page .vendor-grid .item-grid {
    grid-template-columns: repeat(var(--products-grid-vendor-list-columns-tablet), 1fr);
    gap: var(--products-grid-vendor-list-gap-tablet);
  }
}
@media (min-width: 992px) {
  .vendor-list-page .vendor-grid .item-grid {
    grid-template-columns: repeat(var(--products-grid-vendor-list-columns-laptop), 1fr);
    gap: var(--products-grid-vendor-list-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .vendor-list-page .vendor-grid .item-grid {
    grid-template-columns: repeat(var(--products-grid-vendor-list-columns-desktop), 1fr);
    gap: var(--products-grid-vendor-list-gap-desktop);
  }
}
.vendor-list-page .vendor-grid .item-grid .vendor-item {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.vendor-list-page .vendor-grid .item-grid .vendor-item .title {
  font-size: 20px;
  margin: 15px 0;
}
@media (min-width: 992px) {
  .vendor-list-page .vendor-grid .item-grid .vendor-item .title {
    font-size: 25px;
    margin: 20px 0;
  }
}
.vendor-list-page .vendor-grid .item-grid .vendor-item .picture img {
  width: 100%;
  border: 1px solid var(--border);
  object-fit: cover;
  padding: 10px;
}

.topic-page .page-title > h1,
.newsletter-page .page-title > h1,
.cart-reminder-unsubscribe-page .page-title > h1,
.not-found-page .page-title > h1 {
  text-align: center;
  margin-bottom: 20px;
}
.topic-page .page-body,
.newsletter-page .page-body,
.cart-reminder-unsubscribe-page .page-body,
.not-found-page .page-body {
  max-width: 100%;
  margin-inline: auto;
  padding: 0 20px;
}
@media (min-width: 576px) {
  .topic-page .page-body,
  .newsletter-page .page-body,
  .cart-reminder-unsubscribe-page .page-body,
  .not-found-page .page-body {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .topic-page .page-body,
  .newsletter-page .page-body,
  .cart-reminder-unsubscribe-page .page-body,
  .not-found-page .page-body {
    max-width: 80%;
    padding: 0 40px;
  }
}
.topic-page .page-body p,
.newsletter-page .page-body p,
.cart-reminder-unsubscribe-page .page-body p,
.not-found-page .page-body p {
  text-align: center;
  font-size: 15px;
}
.topic-page .page-body .topic-block-body ul > li,
.newsletter-page .page-body .topic-block-body ul > li,
.cart-reminder-unsubscribe-page .page-body .topic-block-body ul > li,
.not-found-page .page-body .topic-block-body ul > li {
  text-align: center;
}
.topic-page .page-body .topic-block-title > h2,
.newsletter-page .page-body .topic-block-title > h2,
.cart-reminder-unsubscribe-page .page-body .topic-block-title > h2,
.not-found-page .page-body .topic-block-title > h2 {
  text-align: center;
  font-size: 18px;
}

.not-found-page .page-not-found__icon, .not-found-page .cart-reminder-unsubscribe-page__icon, .not-found-page .subscribe-page__icon, .cart-reminder-unsubscribe-page .page-not-found__icon, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__icon, .cart-reminder-unsubscribe-page .subscribe-page__icon, .newsletter-page .page-not-found__icon, .newsletter-page .cart-reminder-unsubscribe-page__icon, .newsletter-page .subscribe-page__icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: var(--gray-100);
  border: 1px solid var(--gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
}
.not-found-page .page-not-found__icon i, .not-found-page .cart-reminder-unsubscribe-page__icon i, .not-found-page .subscribe-page__icon i, .cart-reminder-unsubscribe-page .page-not-found__icon i, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__icon i, .cart-reminder-unsubscribe-page .subscribe-page__icon i, .newsletter-page .page-not-found__icon i, .newsletter-page .cart-reminder-unsubscribe-page__icon i, .newsletter-page .subscribe-page__icon i {
  font-size: 52px;
  color: var(--error);
}
.not-found-page .cart-reminder-unsubscribe-page__icon i, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__icon i, .newsletter-page .cart-reminder-unsubscribe-page__icon i {
  color: var(--warning);
}
.not-found-page .subscribe-page__icon i, .cart-reminder-unsubscribe-page .subscribe-page__icon i, .newsletter-page .subscribe-page__icon i {
  color: var(--success);
}
.not-found-page .page-not-found__btn-wrapper, .not-found-page .cart-reminder-unsubscribe-page__btn-wrapper, .not-found-page .subscribe-page__btn-wrapper, .cart-reminder-unsubscribe-page .page-not-found__btn-wrapper, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper, .newsletter-page .page-not-found__btn-wrapper, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper, .newsletter-page .subscribe-page__btn-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.not-found-page .page-not-found__btn-wrapper .page-not-found__btn, .not-found-page .page-not-found__btn-wrapper .cart-reminder-unsubscribe-page__btn, .not-found-page .page-not-found__btn-wrapper .subscribe-page__btn, .not-found-page .cart-reminder-unsubscribe-page__btn-wrapper .page-not-found__btn, .not-found-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .not-found-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn, .not-found-page .subscribe-page__btn-wrapper .page-not-found__btn, .not-found-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .not-found-page .subscribe-page__btn-wrapper .subscribe-page__btn, .cart-reminder-unsubscribe-page .page-not-found__btn-wrapper .page-not-found__btn, .cart-reminder-unsubscribe-page .page-not-found__btn-wrapper .cart-reminder-unsubscribe-page__btn, .cart-reminder-unsubscribe-page .page-not-found__btn-wrapper .subscribe-page__btn, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .page-not-found__btn, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .page-not-found__btn, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .subscribe-page__btn, .newsletter-page .page-not-found__btn-wrapper .page-not-found__btn, .newsletter-page .page-not-found__btn-wrapper .cart-reminder-unsubscribe-page__btn, .newsletter-page .page-not-found__btn-wrapper .subscribe-page__btn, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .page-not-found__btn, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn, .newsletter-page .subscribe-page__btn-wrapper .page-not-found__btn, .newsletter-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .newsletter-page .subscribe-page__btn-wrapper .subscribe-page__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  width: auto;
  width: 280px;
  margin: 0 auto;
}
.not-found-page .page-not-found__btn-wrapper .page-not-found__btn i, .not-found-page .page-not-found__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .not-found-page .page-not-found__btn-wrapper .subscribe-page__btn i, .not-found-page .cart-reminder-unsubscribe-page__btn-wrapper .page-not-found__btn i, .not-found-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .not-found-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn i, .not-found-page .subscribe-page__btn-wrapper .page-not-found__btn i, .not-found-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .not-found-page .subscribe-page__btn-wrapper .subscribe-page__btn i, .cart-reminder-unsubscribe-page .page-not-found__btn-wrapper .page-not-found__btn i, .cart-reminder-unsubscribe-page .page-not-found__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .cart-reminder-unsubscribe-page .page-not-found__btn-wrapper .subscribe-page__btn i, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .page-not-found__btn i, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn i, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .page-not-found__btn i, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .subscribe-page__btn i, .newsletter-page .page-not-found__btn-wrapper .page-not-found__btn i, .newsletter-page .page-not-found__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .newsletter-page .page-not-found__btn-wrapper .subscribe-page__btn i, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .page-not-found__btn i, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn i, .newsletter-page .subscribe-page__btn-wrapper .page-not-found__btn i, .newsletter-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .newsletter-page .subscribe-page__btn-wrapper .subscribe-page__btn i {
  font-size: 18px;
}

.home-page-polls .title {
  margin-bottom: 20px;
  font-size: 25px;
  text-align: center;
}
@media (min-width: 768px) {
  .home-page-polls .title {
    margin-bottom: 30px;
    font-size: 30px;
  }
}
.home-page-polls .poll strong {
  text-align: center;
  display: block;
  margin: 8px 0;
  padding: 8px 12px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 15px;
}
.home-page-polls ul:is(.poll-options, .poll-results) {
  margin: 8px 0 14px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}
@media (min-width: 576px) {
  .home-page-polls ul:is(.poll-options, .poll-results) {
    gap: 20px;
  }
}
.home-page-polls ul:is(.poll-options, .poll-results) li {
  width: fit-content;
  margin: 8px 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.home-page-polls ul:is(.poll-options, .poll-results) li input {
  margin: 0;
  cursor: pointer;
}
.home-page-polls ul:is(.poll-options, .poll-results) li label {
  display: inline-block;
  cursor: pointer;
}
.home-page-polls .poll .buttons,
.home-page-polls .poll-total-votes {
  display: flex;
  justify-content: center;
  text-align: center;
}
.home-page-polls .poll .buttons .button-2.vote-poll-button,
.home-page-polls .poll-total-votes .button-2.vote-poll-button {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.home-page-polls .poll .buttons .button-2.vote-poll-button::before,
.home-page-polls .poll-total-votes .button-2.vote-poll-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .home-page-polls .poll .buttons .button-2.vote-poll-button::before,
[dir=rtl] .home-page-polls .poll-total-votes .button-2.vote-poll-button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .home-page-polls .poll .buttons .button-2.vote-poll-button::before,
  .home-page-polls .poll-total-votes .button-2.vote-poll-button::before {
    transition: none;
  }
}
.home-page-polls .poll .buttons .button-2.vote-poll-button,
.home-page-polls .poll-total-votes .button-2.vote-poll-button {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.home-page-polls .poll .buttons .button-2.vote-poll-button:hover, .home-page-polls .poll .buttons .button-2.vote-poll-button:focus-visible,
.home-page-polls .poll-total-votes .button-2.vote-poll-button:hover,
.home-page-polls .poll-total-votes .button-2.vote-poll-button:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.home-page-polls .poll .buttons .button-2.vote-poll-button:hover::before, .home-page-polls .poll .buttons .button-2.vote-poll-button:focus-visible::before,
.home-page-polls .poll-total-votes .button-2.vote-poll-button:hover::before,
.home-page-polls .poll-total-votes .button-2.vote-poll-button:focus-visible::before {
  transform: scaleX(1);
}
.home-page-polls .poll .buttons .button-2.vote-poll-button,
.home-page-polls .poll-total-votes .button-2.vote-poll-button {
  padding: 10px 30px;
}
.home-page-polls .poll-total-votes {
  display: block;
  margin: 8px 0 0;
  font-weight: 600;
  font-style: italic;
}
.home-page-polls .poll-vote-error {
  margin-top: 12px;
  text-align: center;
}

:where(.side-2) > .block-poll {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
  padding: 24px 24px 0 24px;
}
:where(.side-2) > .block-poll:not(:first-child) {
  margin-top: 24px;
}
:where(.side-2) > .block-poll .title {
  margin: 0;
  padding-bottom: 15px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 500;
  line-height: inherit;
  color: var(--secondary);
}
:where(.side-2) > .block-poll .listbox {
  padding-bottom: 24px;
}
:where(.side-2) > .block-poll .poll strong {
  display: block;
  margin: 0 0 12px;
  padding: 0;
  background: none;
  font-size: 15px;
  font-weight: var(--fw-semibold);
  text-align: start;
  text-transform: none;
  color: var(--text-primary);
}
:where(.side-2) > .block-poll ul:is(.poll-options, .poll-results) {
  margin: 0;
  font-size: 14px;
  color: var(--text-secondary);
}
:where(.side-2) > .block-poll ul:is(.poll-options, .poll-results) li {
  margin: 0;
}
:where(.side-2) > .block-poll ul:is(.poll-options, .poll-results) li:not(:last-child) {
  margin-bottom: 12px;
}
:where(.side-2) > .block-poll .poll-options li {
  display: flex;
  align-items: center;
  gap: 8px;
}
:where(.side-2) > .block-poll .poll-options li input {
  margin: 0;
  accent-color: var(--primary);
  cursor: pointer;
}
:where(.side-2) > .block-poll .poll-options li label {
  cursor: pointer;
}
:where(.side-2) > .block-poll .poll .buttons {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
:where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
:where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] :where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  :where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button::before {
    transition: none;
  }
}
:where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
:where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button:hover, :where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
:where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button:hover::before, :where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button:focus-visible::before {
  transform: scaleX(1);
}
:where(.side-2) > .block-poll .poll .buttons .button-2.vote-poll-button {
  padding: 10px 22px;
  font-size: 12px;
  width: 100%;
}
:where(.side-2) > .block-poll .poll-total-votes {
  display: block;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
  font-weight: var(--fw-semibold);
  font-style: normal;
  color: var(--text-primary);
}
:where(.side-2) > .block-poll .poll-vote-error {
  text-align: start;
}

.sitemap-page {
  max-width: none;
  padding: 0 10px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sitemap-page {
    padding: 0 28px;
  }
}
@media (min-width: 1200px) {
  .sitemap-page {
    padding: 0 32px;
  }
}
@media (min-width: 1400px) {
  .sitemap-page {
    padding: 0 42px;
  }
}
.sitemap-page {
  max-width: 100%;
}
@media (min-width: 768px) {
  .sitemap-page {
    max-width: 95%;
  }
}
@media (min-width: 992px) {
  .sitemap-page {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .sitemap-page {
    max-width: 80%;
    margin: 0 auto;
  }
}
.sitemap-page .page-title > h1 {
  text-align: center;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .sitemap-page .page-title > h1 {
    padding: 30px 0;
  }
}
.sitemap-page .description {
  margin: 0 0 30px;
  text-align: center;
}
.sitemap-page .entity {
  margin: 0 0 30px;
}
.sitemap-page .entity .entity-title {
  margin: 0 0 15px;
  padding: 0 10px;
  text-align: center;
}
.sitemap-page .entity .entity-title h2 {
  font-size: 18px;
  font-weight: normal;
}
@media (min-width: 768px) {
  .sitemap-page .entity .entity-title h2 {
    font-size: 20px;
  }
}
.sitemap-page .entity .entity-body {
  border-top: 1px solid var(--gray-200);
  padding: 15px 7px;
  text-align: center;
}
@media (min-width: 768px) {
  .sitemap-page .entity .entity-body {
    padding: 22px 15px;
  }
}
.sitemap-page .entity li {
  display: inline-block;
  position: relative;
  margin: 0 8px;
  padding: 0 12px;
  line-height: 50px;
  font-size: 14px;
}
.sitemap-page .entity li::before {
  content: "";
  position: absolute;
  top: 23px;
  inset-inline-start: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--black);
}
.sitemap-page .entity li a:hover, .sitemap-page .entity li a:focus {
  color: var(--primary);
}
.sitemap-page .entity a:empty {
  display: none;
}

.news-list-homepage h2.title {
  margin-top: 0;
  padding: 0;
  border-bottom: 0;
  text-align: center;
}
.news-list-homepage .news-items {
  max-width: none;
  padding: 0 10px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .news-list-homepage .news-items {
    padding: 0 28px;
  }
}
@media (min-width: 1200px) {
  .news-list-homepage .news-items {
    padding: 0 32px;
  }
}
@media (min-width: 1400px) {
  .news-list-homepage .news-items {
    padding: 0 42px;
  }
}
.news-list-homepage .news-items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
  max-width: 100%;
  overflow: visible;
  text-align: start;
}
@media (min-width: 768px) {
  .news-list-homepage .news-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 95%;
  }
}
@media (min-width: 992px) {
  .news-list-homepage .news-items {
    grid-template-columns: repeat(3, 1fr);
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .news-list-homepage .news-items {
    max-width: 80%;
    margin: 0 auto;
  }
}
.news-list-homepage .news-items .news-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 15px;
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
}
.news-list-homepage .news-items .news-item .news-head {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  text-align: start;
}
.news-list-homepage .news-items .news-item .news-head .news-title {
  display: inline-block;
  padding: 0 0 5px 0;
  color: inherit;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
}
.news-list-homepage .news-items .news-item .news-head .news-title h2,
.news-list-homepage .news-items .news-item .news-head .news-title h3 {
  display: inline-block;
  font-size: 18px;
  transition: color 0.3s ease;
}
@media (min-width: 768px) {
  .news-list-homepage .news-items .news-item .news-head .news-title h2,
  .news-list-homepage .news-items .news-item .news-head .news-title h3 {
    font-size: 20px;
  }
}
.news-list-homepage .news-items .news-item .news-head .news-title:hover, .news-list-homepage .news-items .news-item .news-head .news-title:focus {
  color: var(--primary);
}
.news-list-homepage .news-items .news-item .news-head .news-date {
  display: block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: var(--gray-500);
  font-size: 13px;
  font-style: normal;
}
.news-list-homepage .news-items .news-item .news-body {
  flex-grow: 1;
  margin: 0 0 20px;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: start;
}
@media (min-width: 768px) {
  .news-list-homepage .news-items .news-item .news-body {
    font-size: 15px;
  }
}
.news-list-homepage .news-items .news-item .news-body p {
  margin: 0 0 8px;
  text-align: inherit;
}
.news-list-homepage .news-items .news-item .news-body p:last-child {
  margin-bottom: 0;
}
.news-list-homepage .news-items .news-item .buttons {
  margin: 0;
  padding: 0;
}
.news-list-homepage .news-items .news-item .buttons .read-more {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.news-list-homepage .news-items .news-item .buttons .read-more::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .news-list-homepage .news-items .news-item .buttons .read-more::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .news-list-homepage .news-items .news-item .buttons .read-more::before {
    transition: none;
  }
}
.news-list-homepage .news-items .news-item .buttons .read-more {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.news-list-homepage .news-items .news-item .buttons .read-more:hover, .news-list-homepage .news-items .news-item .buttons .read-more:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.news-list-homepage .news-items .news-item .buttons .read-more:hover::before, .news-list-homepage .news-items .news-item .buttons .read-more:focus-visible::before {
  transform: scaleX(1);
}
.news-list-homepage .news-items .news-item .buttons .read-more {
  display: inline-block;
  margin: 0;
  padding: 10px 30px;
}
.news-list-homepage .view-all {
  display: flex;
  justify-content: center;
  text-align: center;
}
section.news-list-homepage .view-all a {
  margin-top: 30px;
  border-bottom: 1px solid var(--secondary);
  color: inherit;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.3s ease, border-color 0.3s ease;
}
section.news-list-homepage .view-all a:hover, section.news-list-homepage .view-all a:focus {
  border-color: var(--primary);
  color: var(--primary);
}

.news-list-page.page > .page-title {
  margin: 0 0 var(--space-5);
  padding: 0 0 15px;
  border-bottom: 1px solid var(--border);
}
.news-list-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-list-page .page-body .news-items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}
@media (min-width: 768px) {
  .news-list-page .page-body .news-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .news-list-page .page-body .news-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.news-list-page .page-body .news-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 15px;
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
}
.news-list-page .page-body .news-item .news-head {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  text-align: start;
}
.news-list-page .page-body .news-item .news-head .news-title {
  display: inline-block;
  padding: 0 0 5px 0;
  color: inherit;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
}
.news-list-page .page-body .news-item .news-head .news-title h2,
.news-list-page .page-body .news-item .news-head .news-title h3 {
  display: inline-block;
  font-size: 18px;
  transition: color 0.3s ease;
}
@media (min-width: 768px) {
  .news-list-page .page-body .news-item .news-head .news-title h2,
  .news-list-page .page-body .news-item .news-head .news-title h3 {
    font-size: 20px;
  }
}
.news-list-page .page-body .news-item .news-head .news-title:hover, .news-list-page .page-body .news-item .news-head .news-title:focus {
  color: var(--primary);
}
.news-list-page .page-body .news-item .news-head .news-date {
  display: block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: var(--gray-500);
  font-size: 13px;
  font-style: normal;
}
.news-list-page .page-body .news-item .news-body {
  flex-grow: 1;
  margin: 0 0 20px;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: start;
}
@media (min-width: 768px) {
  .news-list-page .page-body .news-item .news-body {
    font-size: 15px;
  }
}
.news-list-page .page-body .news-item .news-body p {
  margin: 0 0 8px;
  text-align: inherit;
}
.news-list-page .page-body .news-item .news-body p:last-child {
  margin-bottom: 0;
}
.news-list-page .page-body .news-item .buttons {
  margin: 0;
  padding: 0;
}
.news-list-page .page-body .news-item .buttons .read-more {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.news-list-page .page-body .news-item .buttons .read-more::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .news-list-page .page-body .news-item .buttons .read-more::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .news-list-page .page-body .news-item .buttons .read-more::before {
    transition: none;
  }
}
.news-list-page .page-body .news-item .buttons .read-more {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.news-list-page .page-body .news-item .buttons .read-more:hover, .news-list-page .page-body .news-item .buttons .read-more:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.news-list-page .page-body .news-item .buttons .read-more:hover::before, .news-list-page .page-body .news-item .buttons .read-more:focus-visible::before {
  transform: scaleX(1);
}
.news-list-page .page-body .news-item .buttons .read-more {
  display: inline-block;
  margin: 0;
  padding: 10px 30px;
}

.news-item-page {
  max-width: none;
  padding: 0 10px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .news-item-page {
    padding: 0 28px;
  }
}
@media (min-width: 1200px) {
  .news-item-page {
    padding: 0 32px;
  }
}
@media (min-width: 1400px) {
  .news-item-page {
    padding: 0 42px;
  }
}
.news-item-page .page-title {
  margin-bottom: 15px;
}
.news-item-page .page-title h1 {
  text-align: start;
}
.news-item-page .page-body .news-date {
  display: block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: var(--gray-500);
  font-size: 13px;
  font-style: normal;
  margin: 5px 0 15px;
}
.news-item-page .page-body .news-body {
  margin: 30px 0 0;
  padding: 0;
  line-height: 1.6;
  font-size: 15px;
}
@media (min-width: 768px) {
  .news-item-page .page-body .news-body {
    font-size: 16px;
  }
}
.news-item-page .page-body .news-body p {
  margin: 10px 0;
  text-align: start;
}
.news-item-page .page-body .news-body img {
  width: 100%;
  max-height: 400px;
}
@media (min-width: 768px) {
  .news-item-page .page-body .news-body img {
    max-height: 600px;
    object-fit: contain;
  }
}
.news-item-page .page-body .news-body .new-store-news {
  font-size: 15px;
  line-height: 20px;
}
@media (min-width: 576px) {
  .news-item-page .page-body .news-body .new-store-news {
    margin-top: 10px;
    font-size: 17px;
    line-height: 30px;
  }
}
.news-item-page .page-body .new-comment {
  max-width: 800px;
  margin: 40px 0;
  text-align: start;
}
.news-item-page .page-body .new-comment .title {
  margin-bottom: 10px;
  padding: 0;
  font-size: 19px;
}
@media (min-width: 768px) {
  .news-item-page .page-body .new-comment .title {
    font-size: 22px;
  }
}
.news-item-page .page-body .new-comment .notifications {
  margin: 0 0 10px;
}
.news-item-page .page-body .new-comment .notifications .result {
  color: var(--success);
}
.news-item-page .page-body .new-comment form {
  max-width: 700px;
}
.news-item-page .page-body .new-comment .form-fields {
  margin: 0 0 20px;
}
.news-item-page .page-body .new-comment .form-fields .inputs {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.news-item-page .page-body .new-comment .form-fields .inputs label {
  order: 1;
}
.news-item-page .page-body .new-comment .form-fields .inputs .required {
  order: 2;
  margin: 0;
  margin-inline-start: 4px;
  line-height: 1;
}
.news-item-page .page-body .new-comment .form-fields .inputs input,
.news-item-page .page-body .new-comment .form-fields .inputs textarea {
  order: 3;
  flex: 0 0 100%;
}
.news-item-page .page-body .new-comment .form-fields .inputs > span:not(.required) {
  order: 4;
  flex: 0 0 100%;
}
.news-item-page .page-body .new-comment .buttons {
  text-align: start;
}
.news-item-page .page-body .new-comment .buttons .button-1 {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.news-item-page .page-body .new-comment .buttons .button-1::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .news-item-page .page-body .new-comment .buttons .button-1::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .news-item-page .page-body .new-comment .buttons .button-1::before {
    transition: none;
  }
}
.news-item-page .page-body .new-comment .buttons .button-1 {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.news-item-page .page-body .new-comment .buttons .button-1:hover, .news-item-page .page-body .new-comment .buttons .button-1:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.news-item-page .page-body .new-comment .buttons .button-1:hover::before, .news-item-page .page-body .new-comment .buttons .button-1:focus-visible::before {
  transform: scaleX(1);
}
.news-item-page .page-body .new-comment .buttons .button-1 {
  padding: 10px 30px;
}
.news-item-page .page-body .comment-list {
  margin: 30px 0 0;
}
.news-item-page .page-body .comment-list .title {
  margin: 0 0 15px;
  padding: 0;
  font-size: 20px;
}
@media (min-width: 768px) {
  .news-item-page .page-body .comment-list .title {
    font-size: 22px;
  }
}
.news-item-page .page-body .comment-list .comments {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-item-page .page-body .comment-list .comments .news-comment {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: auto;
  margin: 0;
  padding: 15px;
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
}
.news-item-page .page-body .comment-list .comments .news-comment::after {
  display: none;
}
@media (min-width: 768px) {
  .news-item-page .page-body .comment-list .comments .news-comment {
    flex-direction: row;
    gap: 20px;
  }
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-info {
  display: block;
  flex-shrink: 0;
  width: auto;
  margin: 0;
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-info .user-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 768px) {
  .news-item-page .page-body .comment-list .comments .news-comment .comment-info .user-info {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 8px;
  }
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-info .username {
  display: block;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
  font-size: 17px;
  font-weight: 500;
  text-align: start;
}
@media (min-width: 768px) {
  .news-item-page .page-body .comment-list .comments .news-comment .comment-info .username {
    font-size: 18px;
  }
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-info a.username:hover,
.news-item-page .page-body .comment-list .comments .news-comment .comment-info a.username:focus {
  color: var(--primary);
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-info .avatar {
  position: static;
  width: 60px;
  height: 60px;
  border: 0;
  border-radius: 50%;
  overflow: hidden;
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-info .avatar img {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  object-fit: cover;
  border: 0 !important;
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-content {
  display: block;
  flex-grow: 1;
  width: auto;
  border: 0;
  text-align: start;
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-content .comment-time {
  min-height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: var(--gray-500);
  font-size: 13px;
  font-weight: normal;
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-content .comment-time span {
  color: inherit;
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-content .comment-title {
  margin: 0;
  padding: 8px 0;
  color: inherit;
  font-size: 15px;
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-content .comment-body {
  padding: 0;
  font-size: 14px;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .news-item-page .page-body .comment-list .comments .news-comment .comment-content .comment-body {
    font-size: 15px;
  }
}

.email-a-friend-page {
  max-width: none;
  padding: 0 10px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .email-a-friend-page {
    padding: 0 28px;
  }
}
@media (min-width: 1200px) {
  .email-a-friend-page {
    padding: 0 32px;
  }
}
@media (min-width: 1400px) {
  .email-a-friend-page {
    padding: 0 42px;
  }
}
.email-a-friend-page .page-title h1 {
  text-align: center;
  margin-bottom: 25px;
}
.email-a-friend-page .title {
  margin-bottom: 30px;
}
.email-a-friend-page .title h1, .email-a-friend-page .title h2 {
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .email-a-friend-page .title h1, .email-a-friend-page .title h2 {
    font-size: 25px;
  }
}
.email-a-friend-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: var(--gray-100);
  max-width: 600px;
  margin: 0 auto;
  padding: 30px 20px 40px;
  border-radius: var(--card-radius-lg);
}
@media (min-width: 768px) {
  .email-a-friend-page .page-body {
    padding: 50px 47px 60px;
  }
}
.email-a-friend-page .page-body .page-title h1 {
  text-align: center;
}
.email-a-friend-page .page-body form .fieldset {
  margin-bottom: 25px;
}
.email-a-friend-page .page-body .result {
  font-size: 20px;
  text-align: center;
}

html[dir=rtl].with-fancybox body.hide-scrollbar {
  margin-right: var(--fancybox-body-margin, 0px);
  margin-left: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
}

[dir=rtl] .fancybox__container {
  direction: rtl;
}
[dir=rtl] .fancybox__track {
  margin-right: calc(var(--fancybox-slide-gap) * -1);
}
[dir=rtl] .f-button.is-close-btn {
  right: auto;
  left: 8px;
}
[dir=rtl] .fancybox__content > .f-button.is-close-btn {
  right: auto;
  left: 0;
}
[dir=rtl] .is-compact .fancybox__content > .f-button.is-close-btn {
  right: auto;
  left: 5px;
}
[dir=rtl] .f-progress {
  transform-origin: 100% 0;
}
[dir=rtl] .fancybox__thumbs.is-classic {
  --f-thumb-border-radius: var(--card-radius-sm);
  --f-thumb-outline-color: var(--white);
}

.tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.tags ul li a {
  display: inline-block;
  padding: 8px 14px;
  line-height: 1.4;
  border-radius: var(--radius-base);
  background-color: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color 0.3s ease;
}
.tags ul li a:hover {
  color: var(--text-primary);
  background-color: var(--bg-secondary);
}

.recently-viewed-products-page .page-title,
.search-page .page-title,
.product-tags-all-page .page-title,
.product-tag-page .page-title,
.manufacturer-list-page .page-title,
.recently-added-products-page .page-title,
.vendor-list-page .page-title,
.apply-vendor-page .page-title,
.vendor-page .page-title,
.blog-page .page-title,
.news-list-page .page-title,
.account-page .page-title {
  margin-bottom: 24px;
}
.recently-viewed-products-page .sub-category-grid,
.search-page .sub-category-grid,
.product-tags-all-page .sub-category-grid,
.product-tag-page .sub-category-grid,
.manufacturer-list-page .sub-category-grid,
.recently-added-products-page .sub-category-grid,
.vendor-list-page .sub-category-grid,
.apply-vendor-page .sub-category-grid,
.vendor-page .sub-category-grid,
.blog-page .sub-category-grid,
.news-list-page .sub-category-grid,
.account-page .sub-category-grid {
  margin-bottom: 24px;
}

.item-grid .details .list-view-action,
.section__scarousel-grid .details .list-view-action,
.trending-categories .details .list-view-action,
.our-brands .details .list-view-action,
.swiper-slide .details .list-view-action {
  display: none;
}

.fieldset .form-fields .inputs > select {
  display: block;
  width: 100%;
  padding: 12px;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
}
.fieldset .form-fields .inputs > select:hover, .fieldset .form-fields .inputs > select:focus {
  border-color: var(--secondary);
}
.fieldset .form-fields .inputs > select.input-validation-error, .fieldset .form-fields .inputs > select.input-validation-error:hover {
  border-color: var(--error);
}

@media (min-width: 768px) {
  .fieldset .form-fields .inputs:last-child:not(.full-width) {
    grid-column: auto;
  }
}

.address-list-page .address-list > [class*=col-] > div {
  height: 100%;
}
.address-list-page .address-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--gray-200);
  padding: 0;
  border-radius: var(--card-radius-lg);
  overflow: hidden;
}
.address-list-page .address-item {
  transition: box-shadow 400ms ease;
}
.address-list-page .address-item:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.address-list-page .address-item:hover {
  border: 1px solid var(--accent-dark);
}
.address-list-page .address-item > .name {
  padding: 16px 20px;
  border-bottom: 1px solid var(--gray-200);
  background-color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}
.address-list-page .address-item > .name p {
  margin: 0;
}
.address-list-page .address-item .info {
  padding: 16px 20px;
  flex: 1;
  list-style: none;
  padding-inline-end: 20px !important;
}
.address-list-page .address-item .info li {
  list-style: none;
  padding: 3px 0;
  font-size: 14px;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}
.address-list-page .address-item .info li.name {
  display: none;
}
.address-list-page .address-item .button-wrapper {
  flex-shrink: 0;
}
.address-list-page .address-item .button-wrapper .buttons {
  padding: 12px 20px !important;
  border-top: 1px solid var(--gray-200);
  background-color: var(--white);
  flex-direction: row !important;
  justify-content: flex-end;
  align-items: center;
}

.blog-page .page-body .blog-posts {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blog-page .page-body .blog-posts .post {
  border: 1px solid var(--gray-300);
  padding: 15px;
  border-radius: var(--card-radius-lg);
}
.blog-page .page-body .blog-posts .post .post-head {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.blog-page .page-body .blog-posts .post .post-head .post-title {
  padding: 0 0 5px 0;
}
.blog-page .page-body .blog-posts .post .post-head .post-title h2 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .blog-page .page-body .blog-posts .post .post-head .post-title h2 {
    font-size: 20px;
  }
}
.blog-page .page-body .blog-posts .post .post-body {
  font-size: 14px;
  margin-bottom: 20px;
}
.blog-page .page-body .blog-posts .post .blog-details {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.blog-page .page-body .blog-posts .post .blog-details .tags {
  display: flex;
  justify-content: start;
  gap: 10px;
}
@media (min-width: 576px) {
  .blog-page .page-body .blog-posts .post .blog-details .tags {
    align-items: center;
  }
}
.blog-page .page-body .blog-posts .post .blog-details .tags h3 {
  font-size: 15px;
}
.blog-page .page-body .blog-posts .post .blog-details .tags ul {
  display: flex;
  gap: 15px;
}
.blog-page .page-body .blog-posts .post .blog-details .tags ul .separator {
  display: none;
}
.blog-page .page-body .blog-posts .post .blog-details .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
  padding: 0;
  width: 100%;
  margin: 0;
}
.blog-page .page-body .blog-posts .post .blog-details .buttons .read-comments {
  margin: 0;
  display: block;
}
.blog-page .page-body .blog-posts .post .blog-details .buttons .read-more {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.blog-page .page-body .blog-posts .post .blog-details .buttons .read-more::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .blog-page .page-body .blog-posts .post .blog-details .buttons .read-more::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .blog-page .page-body .blog-posts .post .blog-details .buttons .read-more::before {
    transition: none;
  }
}
.blog-page .page-body .blog-posts .post .blog-details .buttons .read-more {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.blog-page .page-body .blog-posts .post .blog-details .buttons .read-more:hover, .blog-page .page-body .blog-posts .post .blog-details .buttons .read-more:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.blog-page .page-body .blog-posts .post .blog-details .buttons .read-more:hover::before, .blog-page .page-body .blog-posts .post .blog-details .buttons .read-more:focus-visible::before {
  transform: scaleX(1);
}
.blog-page .page-body .blog-posts .post .blog-details .buttons .read-more {
  padding: 10px 30px;
  margin: 0;
}

.side-2 {
  height: auto;
}
.side-2 .block-blog-archive, .side-2 .block-popular-blogtags {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
  padding: 24px 24px 0 24px;
}
.side-2 .block-blog-archive:not(:last-child), .side-2 .block-popular-blogtags:not(:last-child) {
  margin-bottom: 24px;
}
.side-2 .block-blog-archive .title, .side-2 .block-popular-blogtags .title {
  padding-bottom: 15px;
  font-size: 20px;
  color: var(--secondary);
  font-weight: 500;
  cursor: pointer;
}
.side-2 .block-blog-archive .title i, .side-2 .block-popular-blogtags .title i {
  transition: transform 0.3s ease-in-out;
  float: right;
}
.side-2 .block-blog-archive .title i.rotated, .side-2 .block-popular-blogtags .title i.rotated {
  transform: rotate(180deg);
}
.side-2 .block-blog-archive .listbox, .side-2 .block-popular-blogtags .listbox {
  padding-bottom: 24px;
}
.side-2 .block-blog-archive .listbox ul.sublist, .side-2 .block-popular-blogtags .listbox ul.sublist {
  margin-top: 6px;
}

.html-blog-page .side-2,
.html-blogpost-page .side-2 {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .html-blog-page .side-2,
  .html-blogpost-page .side-2 {
    margin-bottom: 0;
  }
}

.blogpost-page .page-title h1 {
  text-align: start;
}
.blogpost-page .page-body .post-date {
  display: block;
  margin: 5px 0 15px;
}
.blogpost-page .page-body .post-body h3 {
  font-size: 19px;
  margin: 20px 0 7px 0;
}
@media (min-width: 768px) {
  .blogpost-page .page-body .post-body h3 {
    font-size: 22px;
    margin: 25px 0 10px 0;
  }
}
.blogpost-page .page-body .tags {
  margin: 30px 0;
  display: flex;
  gap: 15px;
}
@media (min-width: 576px) {
  .blogpost-page .page-body .tags {
    align-items: center;
  }
}
.blogpost-page .page-body .tags .tags-title {
  font-size: 19px;
}
@media (min-width: 768px) {
  .blogpost-page .page-body .tags .tags-title {
    font-size: 22px;
  }
}
.blogpost-page .page-body .tags ul {
  display: flex;
  align-items: center;
  gap: 15px;
}
.blogpost-page .page-body .new-comment .title {
  font-size: 19px;
  padding: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .blogpost-page .page-body .new-comment .title {
    font-size: 22px;
  }
}
.blogpost-page .page-body .new-comment form {
  max-width: 700px;
}
.blogpost-page .page-body .comment-list {
  margin-top: 30px;
}
.blogpost-page .page-body .comment-list .title {
  font-size: 20px;
}
@media (min-width: 768px) {
  .blogpost-page .page-body .comment-list .title {
    font-size: 25px;
  }
}
.blogpost-page .page-body .comment-list .comments {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 15px;
}
.blogpost-page .page-body .comment-list .comments .blog-comment {
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-md);
  padding: 15px;
}
.blogpost-page .page-body .comment-list .comments .blog-comment .comment-info {
  font-size: 19px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .blogpost-page .page-body .comment-list .comments .blog-comment .comment-info {
    font-size: 20px;
  }
}
.blogpost-page .page-body .comment-list .comments .blog-comment .comment-body {
  margin-top: 10px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .blogpost-page .page-body .comment-list .comments .blog-comment .comment-body {
    font-size: 15px;
  }
}

.pager {
  margin: 40px 0 20px;
}
.pager ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 0;
}
.pager ul li {
  vertical-align: top;
}
.pager ul li.previous-page *, .pager ul li.next-page *, .pager ul li.first-page *, .pager ul li.last-page * {
  background-image: none !important;
  font-size: 0;
  color: inherit;
}
.pager ul li.previous-page a::before,
.pager ul li.previous-page span::before, .pager ul li.next-page a::before,
.pager ul li.next-page span::before, .pager ul li.first-page a::before,
.pager ul li.first-page span::before, .pager ul li.last-page a::before,
.pager ul li.last-page span::before {
  font-family: "remixicon";
  font-size: 18px;
  line-height: 1;
}
.pager ul li a,
.pager ul li span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  background-color: transparent;
  text-align: center;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
  cursor: pointer;
  transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}
.pager ul li span {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
  cursor: default;
}
.pager ul li a:hover,
.pager ul li a:focus {
  border-color: var(--primary);
  background-color: transparent;
  color: var(--primary);
}

.pager li.previous-page :is(a, span)::before {
  content: "\ea64";
}

.pager li.next-page :is(a, span)::before {
  content: "\ea6e";
}

.pager li.first-page :is(a, span)::before,
.pager li.last-page :is(a, span)::before {
  letter-spacing: -5px;
  padding-inline-start: 5px;
}

.pager li.first-page :is(a, span)::before {
  content: "\ea64\ea64";
}

.pager li.last-page :is(a, span)::before {
  content: "\ea6e\ea6e";
}

[dir=rtl] .pager li.previous-page :is(a, span)::before {
  content: "\ea6e";
}
[dir=rtl] .pager li.next-page :is(a, span)::before {
  content: "\ea64";
}
[dir=rtl] .pager li.first-page :is(a, span)::before {
  content: "\ea6e\ea6e";
}
[dir=rtl] .pager li.last-page :is(a, span)::before {
  content: "\ea64\ea64";
}

.order-progress {
  font-weight: 500;
  padding: 48px 14px;
  border-radius: var(--card-radius-lg);
  background-color: var(--gray-100);
}
@media (max-width: 575.98px) {
  .order-progress {
    padding: 32px 4px;
  }
  .order-progress ul {
    --icon-size: 34px;
  }
}
.order-progress ul {
  --line-size: 4px;
  --line-color: var(--gray-300);
  --line-color-active: var(--primary);
  --icon-size: 42px;
  --icon-color: var(--gray-500);
  --icon-color-active: var(--primary);
  --icon-color-completed: var(--white);
  --name-color: var(--gray-500);
  --name-color-active: var(--text-primary);
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  padding-inline-start: 0;
  padding-inline-end: 0;
  gap: 0;
  counter-reset: step;
  max-width: 1200px;
  margin: auto;
}
.order-progress ul li {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.order-progress ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.order-progress ul li .step-icon {
  height: var(--icon-size);
  width: var(--icon-size);
  border-radius: 50%;
  background-color: var(--white);
  border: 2px solid var(--line-color);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--icon-color);
  transition: 0.3s all ease;
  z-index: 1;
}
.order-progress ul li .step-icon .ri-check-line {
  display: none;
}
.order-progress ul li .step-icon .step-number {
  display: block;
}
.order-progress ul li .step-name {
  color: var(--name-color);
  font-size: 0.875em;
  text-align: center;
}
@media (max-width: 575.98px) {
  .order-progress ul li .step-name {
    font-size: 11px;
  }
}
@media (min-width: 576px) {
  .order-progress ul li .step-name {
    font-size: 1em;
  }
}
.order-progress ul li::before, .order-progress ul li::after {
  content: "";
  position: absolute;
  top: calc(var(--icon-size) / 2);
  transform: translateY(-50%);
  height: var(--line-size);
  background-color: var(--line-color);
  width: 100%;
  z-index: 0;
}
.order-progress ul li::before {
  left: -50%;
}
.order-progress ul li::after {
  right: -50%;
}
.order-progress ul li:first-child::before, .order-progress ul li:last-child::after {
  display: none;
}
.order-progress ul li.active-step .step-icon {
  border-color: var(--icon-color-active);
  color: var(--icon-color-active);
}
.order-progress ul li.active-step .step-name {
  color: var(--name-color-active);
  font-weight: 600;
}
.order-progress ul li.completed-step .step-icon {
  background-color: var(--icon-color-active);
  border-color: var(--icon-color-active);
  color: var(--icon-color-completed);
}
.order-progress ul li.completed-step .step-icon .ri-check-line {
  display: block;
}
.order-progress ul li.completed-step .step-icon .step-number {
  display: none;
}
.order-progress ul li.completed-step::after {
  background-color: var(--line-color-active);
}
.order-progress ul li.completed-step + li.completed-step::before,
.order-progress ul li.completed-step + li.active-step::before {
  background-color: var(--line-color-active);
}
.order-progress ul li.inactive-step a {
  cursor: not-allowed;
}

.selected-checkout-attributes {
  margin-top: 32px;
  margin-bottom: 32px;
}

.selected-checkout-attributes,
.attr-info,
.nb-summary-item__attributes,
.attributes:not(:has(select, input, textarea)) {
  overflow-wrap: anywhere;
}

.selected-checkout-attributes:has(> *) {
  margin: 30px 0;
}

.selected-checkout-attributes br {
  content: "";
  display: block;
  margin: 3px;
}

.cw-modal__content {
  position: relative;
  overflow: visible;
  border: none;
  border-radius: var(--card-radius-lg);
  background: var(--white);
  box-shadow: inset 0 3px 0 var(--primary), 0 40px 90px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
}
.cw-modal .modal-dialog {
  max-width: 520px;
}
@media (max-width: 575.98px) {
  .cw-modal .modal-dialog {
    max-width: calc(100% - 24px);
    margin: 14px auto;
  }
}
.cw-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 22px 22px 18px;
  padding-inline-end: 60px;
  border-bottom: 1px solid var(--gray-200);
}
@media (max-width: 575.98px) {
  .cw-modal__header {
    padding: 18px 18px 16px;
    padding-inline-end: 56px;
  }
}
.cw-modal__header-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}
.cw-modal__icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-radius-sm);
  background-color: var(--primary);
  color: var(--white);
}
.cw-modal__icon i {
  font-size: 24px;
  line-height: 1;
}
@media (max-width: 575.98px) {
  .cw-modal__icon {
    width: 38px;
    height: 38px;
  }
  .cw-modal__icon i {
    font-size: 22px;
  }
}
.cw-modal__title {
  margin: 0;
  font-family: var(--font-body);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--text-primary);
}
@media (max-width: 575.98px) {
  .cw-modal__title {
    font-size: 15px;
  }
}
.cw-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.cw-modal__close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .cw-modal__close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .cw-modal__close::before {
    transition: none;
  }
}
.cw-modal__close:hover, .cw-modal__close:focus-visible {
  color: var(--white);
}
.cw-modal__close:hover::before, .cw-modal__close:focus-visible::before {
  transform: scale(1);
}
.cw-modal__close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
}
.cw-modal__close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.cw-modal__close i {
  font-size: inherit;
  line-height: 1;
}
.cw-modal__close {
  font-size: 17px;
}
.cw-modal__body {
  padding: 22px;
}
@media (max-width: 575.98px) {
  .cw-modal__body {
    padding: 18px;
  }
}
.cw-modal__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cw-modal__label {
  margin: 0;
  font-size: 14px;
  font-weight: var(--fw-medium);
  color: var(--text-secondary);
}
.cw-modal__input {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  background: var(--white);
  font-size: 14px;
  color: var(--text-primary);
  outline: none;
  transition: border-color 0.2s ease;
}
.cw-modal__input::placeholder {
  color: var(--text-light);
}
.cw-modal__input:focus {
  border-color: var(--primary);
  box-shadow: none;
}
.cw-modal__footer {
  display: flex;
  gap: 10px;
  padding: 0 22px 22px;
  border: 0;
}
@media (max-width: 575.98px) {
  .cw-modal__footer {
    flex-direction: column-reverse;
    gap: 8px;
    padding: 0 18px 18px;
  }
}
.cw-modal__footer .button, .cw-modal__footer .button-1, .cw-modal__footer .button-2 {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.cw-modal__footer .button--secondary, .cw-modal__footer .button-2 {
  position: relative;
  isolation: isolate;
}
.cw-modal__footer .button--secondary::before, .cw-modal__footer .button-2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .cw-modal__footer .button--secondary::before, [dir=rtl] .cw-modal__footer .button-2::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .cw-modal__footer .button--secondary::before, .cw-modal__footer .button-2::before {
    transition: none;
  }
}
.cw-modal__footer .button--secondary, .cw-modal__footer .button-2 {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  transition: color 0.35s ease, background-color 0s;
}
.cw-modal__footer .button--secondary:hover, .cw-modal__footer .button-2:hover, .cw-modal__footer .button--secondary:focus-visible, .cw-modal__footer .button-2:focus-visible {
  color: var(--white);
  background: var(--primary);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.cw-modal__footer .button--secondary:hover::before, .cw-modal__footer .button-2:hover::before, .cw-modal__footer .button--secondary:focus-visible::before, .cw-modal__footer .button-2:focus-visible::before {
  transform: scaleX(1);
}
.cw-modal__footer .button--secondary, .cw-modal__footer .button-2 {
  box-shadow: inset 0 0 0 1px var(--border);
}

.cw-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cw-list__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  background: var(--bg-primary);
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-sm);
  color: var(--secondary);
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.cw-list__item:hover, .cw-list__item:focus {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
  outline: none;
}
.cw-list__item:hover .cw-list__item-icon, .cw-list__item:focus .cw-list__item-icon {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
  color: var(--white);
}
.cw-list__item:hover .cw-list__item-arrow, .cw-list__item:focus .cw-list__item-arrow {
  opacity: 1;
  color: var(--white);
}
.cw-list__item--add {
  background: transparent;
  border-style: dashed;
  border-color: var(--primary);
  color: var(--primary);
}
.cw-list__item--add .cw-list__item-icon {
  background: rgba(var(--primary-rgb, 0, 0, 0), 0.08);
  border-color: transparent;
  color: var(--primary);
}
.cw-list__item--add:hover, .cw-list__item--add:focus {
  background: var(--primary);
  border-style: solid;
  color: var(--white);
}
.cw-list__item-icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-base);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.cw-list__item-icon i {
  font-size: 16px;
  line-height: 1;
}
.cw-list__item-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cw-list__item-arrow {
  flex-shrink: 0;
  font-size: 18px;
  opacity: 0.4;
  transition: opacity 0.2s ease, color 0.2s ease;
}

.nb-action-modal .modal-dialog {
  max-width: 600px;
}
@media (min-width: 768px) {
  .nb-action-modal .modal-dialog {
    max-width: 640px;
  }
}
@media (max-width: 575.98px) {
  .nb-action-modal .modal-dialog {
    max-width: calc(100% - 24px);
    margin: 14px auto;
  }
}
.nb-action-modal__content {
  border: none;
  border-top: 3px solid var(--primary);
  border-radius: var(--card-radius-lg);
  background: var(--white);
  overflow: visible;
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
  position: relative;
}
.nb-action-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 22px 22px 18px;
  padding-inline-end: 60px;
  border-bottom: 1px solid var(--gray-200);
}
@media (max-width: 575.98px) {
  .nb-action-modal__header {
    padding: 18px 18px 16px;
    padding-inline-end: 56px;
  }
}
.nb-action-modal__header-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}
.nb-action-modal__check {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary);
  color: var(--white);
  border-radius: var(--card-radius-sm);
  position: relative;
}
.nb-action-modal__check i {
  font-size: 24px;
  line-height: 1;
}
@media (max-width: 575.98px) {
  .nb-action-modal__check {
    width: 38px;
    height: 38px;
  }
  .nb-action-modal__check i {
    font-size: 22px;
  }
}
.nb-action-modal__heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.nb-action-modal__title {
  font-size: 17px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.nb-action-modal__title a {
  color: var(--primary);
  text-decoration: underline;
}
@media (max-width: 575.98px) {
  .nb-action-modal__title {
    font-size: 15px;
  }
}
.nb-action-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.nb-action-modal__close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .nb-action-modal__close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .nb-action-modal__close::before {
    transition: none;
  }
}
.nb-action-modal__close:hover, .nb-action-modal__close:focus-visible {
  color: var(--white);
}
.nb-action-modal__close:hover::before, .nb-action-modal__close:focus-visible::before {
  transform: scale(1);
}
.nb-action-modal__close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
}
.nb-action-modal__close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.nb-action-modal__close i {
  font-size: inherit;
  line-height: 1;
}
.nb-action-modal__close {
  font-size: 17px;
}
.nb-action-modal__body {
  padding: 22px;
  background: var(--white);
  border-radius: inherit;
}
@media (max-width: 575.98px) {
  .nb-action-modal__body {
    padding: 18px;
  }
}
.nb-action-modal__product-list {
  max-height: 240px;
  overflow-y: auto;
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .nb-action-modal__product-list {
    max-height: 200px;
    margin-bottom: 16px;
  }
}
.nb-action-modal__product-list .nb-action-modal__product {
  margin-bottom: 10px;
}
.nb-action-modal__product-list .nb-action-modal__product:last-child {
  margin-bottom: 0;
}
.nb-action-modal__product {
  display: flex;
  gap: 16px;
  padding: 14px;
  background: var(--bg-primary);
  border: 1px solid var(--border);
  margin-bottom: 20px;
  align-items: center;
  border-radius: var(--card-radius-md);
}
@media (max-width: 575.98px) {
  .nb-action-modal__product {
    gap: 12px;
    padding: 12px;
    margin-bottom: 16px;
  }
}
.nb-action-modal__image {
  flex-shrink: 0;
  width: 84px;
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-radius-sm);
}
@media (max-width: 575.98px) {
  .nb-action-modal__image {
    width: 70px;
  }
}
.nb-action-modal__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--product-image-ratio);
  object-fit: var(--product-image-fit);
}
.nb-action-modal__details {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nb-action-modal__name {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .nb-action-modal__name {
    font-size: 14px;
  }
}
.nb-action-modal__price {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary);
  line-height: 1;
}
@media (max-width: 575.98px) {
  .nb-action-modal__price {
    font-size: 15px;
  }
}
.nb-action-modal__price span {
  font-weight: inherit;
  color: inherit;
}
.nb-action-modal__attributes {
  font-size: 13px;
  color: var(--text-light);
  line-height: 1.4;
}
.nb-action-modal__actions {
  display: flex;
  gap: 10px;
}
@media (max-width: 575.98px) {
  .nb-action-modal__actions {
    flex-direction: column-reverse;
    gap: 8px;
  }
}
.nb-action-modal__actions .button, .nb-action-modal__actions .button-1, .nb-action-modal__actions .button-2 {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 13px 16px;
  text-decoration: none;
  white-space: nowrap;
}
.nb-action-modal__actions .button i, .nb-action-modal__actions .button-1 i, .nb-action-modal__actions .button-2 i {
  font-size: 17px;
  flex-shrink: 0;
}
[dir=rtl] .nb-action-modal__actions .ri-arrow-left-line {
  transform: scaleX(-1);
}
.nb-action-modal__body--error .nb-action-modal__actions {
  justify-content: center;
}
.nb-action-modal__body--error .nb-action-modal__actions .button, .nb-action-modal__body--error .nb-action-modal__actions .button-1, .nb-action-modal__body--error .nb-action-modal__actions .button-2 {
  flex: 0 0 auto;
  min-width: 160px;
}
.nb-action-modal__error-box {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 16px;
  background: color-mix(in srgb, var(--error) 6%, var(--white));
  border: 1px solid color-mix(in srgb, var(--error) 25%, transparent);
  border-inline-start: 4px solid var(--error);
  border-radius: var(--card-radius-sm);
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .nb-action-modal__error-box {
    gap: 12px;
    padding: 14px;
    margin-bottom: 16px;
  }
}
.nb-action-modal__error-message {
  flex: 1;
  font-size: 14px;
  line-height: 1.6;
  color: var(--secondary);
  padding-top: 4px;
}
.nb-action-modal__error-message p {
  margin: 0 0 6px;
}
.nb-action-modal__error-message p:last-child {
  margin-bottom: 0;
}
.nb-action-modal__subscribe-form {
  text-align: center;
  padding: 8px 0 0;
}
.nb-action-modal__subscribe-tooltip {
  font-size: 14px;
  color: var(--text-secondary);
  margin: 0 0 16px;
  line-height: 1.5;
}
.nb-action-modal__subscribe-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 13px 24px;
  text-decoration: none;
}
.nb-action-modal__subscribe-btn i {
  font-size: 17px;
  flex-shrink: 0;
}
.nb-action-modal--error .nb-action-modal__content {
  border-top-color: var(--error);
}
.nb-action-modal--error .nb-action-modal__check {
  background-color: var(--error);
}

.nb-notify-modal .modal-dialog {
  max-width: 480px;
}
@media (max-width: 575.98px) {
  .nb-notify-modal .modal-dialog {
    max-width: calc(100% - 24px);
    margin: 14px auto;
  }
}
.nb-notify-modal__content {
  border: none;
  border-top: 3px solid var(--primary);
  border-radius: var(--card-radius-lg);
  background: var(--white);
  overflow: visible;
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
  position: relative;
}
.nb-notify-modal[data-type=success] .nb-notify-modal__content {
  border-top-color: var(--success);
}
.nb-notify-modal[data-type=error] .nb-notify-modal__content {
  border-top-color: var(--error, #dc3545);
}
.nb-notify-modal[data-type=warning] .nb-notify-modal__content {
  border-top-color: var(--warning, #ffc107);
}
.nb-notify-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 22px 22px 18px;
  padding-inline-end: 60px;
  border-bottom: 1px solid var(--gray-200);
}
@media (max-width: 575.98px) {
  .nb-notify-modal__header {
    padding: 18px 18px 16px;
    padding-inline-end: 56px;
  }
}
.nb-notify-modal__header-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}
.nb-notify-modal__icon-wrap {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--card-radius-sm);
  color: var(--white);
  position: relative;
}
.nb-notify-modal__icon-wrap i {
  font-size: 24px;
  line-height: 1;
}
@media (max-width: 575.98px) {
  .nb-notify-modal__icon-wrap {
    width: 38px;
    height: 38px;
  }
}
.nb-notify-modal[data-type=success] .nb-notify-modal__icon-wrap {
  background-color: var(--success);
}
.nb-notify-modal[data-type=error] .nb-notify-modal__icon-wrap {
  background-color: var(--error, #dc3545);
}
.nb-notify-modal[data-type=warning] .nb-notify-modal__icon-wrap {
  background-color: var(--warning, #ffc107);
}
.nb-notify-modal__title {
  font-size: 1.1em;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nb-notify-modal .modal-dialog .btn-close, .nb-notify-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.nb-notify-modal .modal-dialog .btn-close::before, .nb-notify-modal__close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .nb-notify-modal .modal-dialog .btn-close::before, [dir=rtl] .nb-notify-modal__close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .nb-notify-modal .modal-dialog .btn-close::before, .nb-notify-modal__close::before {
    transition: none;
  }
}
.nb-notify-modal .modal-dialog .btn-close:hover, .nb-notify-modal .modal-dialog .btn-close:focus-visible, .nb-notify-modal__close:hover, .nb-notify-modal__close:focus-visible {
  color: var(--white);
}
.nb-notify-modal .modal-dialog .btn-close:hover::before, .nb-notify-modal .modal-dialog .btn-close:focus-visible::before, .nb-notify-modal__close:hover::before, .nb-notify-modal__close:focus-visible::before {
  transform: scale(1);
}
.nb-notify-modal .modal-dialog .btn-close, .nb-notify-modal__close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
}
.nb-notify-modal .modal-dialog .btn-close:focus, .nb-notify-modal__close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.nb-notify-modal .modal-dialog .btn-close i, .nb-notify-modal__close i {
  font-size: inherit;
  line-height: 1;
}
.nb-notify-modal .modal-dialog .btn-close, .nb-notify-modal__close {
  font-size: 16px;
}
.nb-notify-modal__body {
  padding: 20px 22px;
}
@media (max-width: 575.98px) {
  .nb-notify-modal__body {
    padding: 16px 18px;
  }
}
.nb-notify-modal__message {
  font-size: 0.95em;
  color: var(--text-primary);
  line-height: 1.6;
}
.nb-notify-modal__footer {
  padding: 0 22px 22px;
  display: flex;
  justify-content: flex-end;
}
.nb-notify-modal__footer:has(button + button) {
  flex-wrap: wrap;
}
.nb-notify-modal__footer:has(button + button) > button {
  flex: 1 1 auto;
  min-width: max-content;
}
@media (max-width: 575.98px) {
  .nb-notify-modal__footer {
    padding: 0 18px 18px;
  }
}

.ui-dialog {
  max-width: 90%;
  border: 1px solid var(--gray-200);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  overflow: visible;
  background-color: var(--white);
  border-radius: var(--card-radius-lg);
  padding: 0;
  resize: none !important;
  font-family: var(--font-family, Montserrat, sans-serif);
  z-index: 1050;
}
.ui-dialog::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--overlay) 55%, transparent);
  z-index: -1;
}

.ui-dialog-titlebar {
  border-bottom: 1px solid var(--gray-200);
  overflow: visible;
  background-color: var(--bg-primary);
  padding: 14px 20px !important;
  border-width: 0 0 1px;
  border-radius: var(--card-radius-lg) var(--card-radius-lg) 0 0;
  background-image: none;
  font-weight: normal;
  cursor: default !important;
  -webkit-user-drag: none;
}
.ui-dialog-titlebar > span {
  float: unset !important;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 !important;
}
.ui-dialog-titlebar button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.ui-dialog-titlebar button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .ui-dialog-titlebar button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .ui-dialog-titlebar button::before {
    transition: none;
  }
}
.ui-dialog-titlebar button:hover, .ui-dialog-titlebar button:focus-visible {
  color: var(--white);
}
.ui-dialog-titlebar button:hover::before, .ui-dialog-titlebar button:focus-visible::before {
  transform: scale(1);
}
.ui-dialog-titlebar button {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
  position: absolute;
  top: -16px;
  inset-inline-end: -10px;
}
.ui-dialog-titlebar button:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.ui-dialog-titlebar button i {
  font-size: inherit;
  line-height: 1;
}
.ui-dialog-titlebar button {
  top: -14px !important;
  inset-inline-end: -10px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  overflow: visible;
}
.ui-dialog-titlebar button::after {
  content: "\eb99";
  font-family: "remixicon";
  font-size: 17px;
  line-height: 1;
}
.ui-dialog-titlebar button span {
  display: none !important;
}

.ui-dialog-content {
  padding: 20px 24px 24px !important;
  line-height: 1.6;
  background-color: var(--white) !important;
  color: var(--text-primary) !important;
  font-size: 14px;
}
.ui-dialog-content p {
  margin: 0 0 8px;
}
.ui-dialog-content p:last-child {
  margin-bottom: 0;
}
.ui-dialog-content .page {
  min-height: 0;
}
.ui-dialog-content .page-title {
  min-height: 0;
  margin: 0 0 15px;
  padding: 0 10px 10px;
  text-align: center;
}
.ui-dialog-content .page-title h1 {
  font-weight: 600;
  line-height: 1.3;
}
.ui-dialog-content .back-in-stock-subscription-page {
  text-align: center;
}
.ui-dialog-content .back-in-stock-subscription-page .tooltip {
  margin-bottom: 10px;
}
.ui-dialog-content .back-in-stock-subscription-page .button-1 {
  padding: 10px 20px;
  font-size: 14px;
}

.ui-dialog-buttonpane {
  padding: 12px 24px 20px !important;
  border: none !important;
  background: var(--white);
  text-align: end;
}

.ui-dialog-buttonset button {
  border: none;
  background-color: var(--secondary);
  color: var(--white);
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family, Montserrat, sans-serif);
  border-radius: var(--button-radius);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.ui-dialog-buttonset button:hover {
  background-color: var(--primary);
}

.ui-widget.ui-widget-content {
  border: 1px solid var(--gray-200);
}

.ui-resizable-handle {
  display: none !important;
}

.ui-widget-overlay {
  background: color-mix(in srgb, var(--overlay) 55%, transparent);
}

.ajax-loading-block-window {
  position: fixed;
  z-index: 2000;
  inset: 0;
  background: color-mix(in srgb, var(--bg-primary) 70%, transparent);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: -1px -1px 13px 9px var(--gray-100);
}

.ajax-products-busy {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: none;
  background: transparent;
}
.ajax-products-busy .loader {
  --loader-size: 36px;
  --loader-outer: var(--accent);
  --loader-inner: var(--accent-dark);
  --loader-core: var(--primary);
  width: var(--loader-size);
  aspect-ratio: 1;
  background: linear-gradient(45deg, var(--loader-outer) 50%, rgba(0, 0, 0, 0) 0), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, var(--loader-outer) 0), linear-gradient(-45deg, var(--loader-inner) 50%, rgba(0, 0, 0, 0) 0), linear-gradient(-45deg, rgba(0, 0, 0, 0) 50%, var(--loader-inner) 0), linear-gradient(var(--loader-core) 0 0);
  background-size: 50% 50%;
  background-repeat: no-repeat;
  animation: nopgadence-loader 1.5s infinite, nb-loader-in 0.2s ease 0.25s both;
}
:root[data-nb-loader=ring] .ajax-products-busy .loader {
  background: conic-gradient(from var(--nb-loader-angle), var(--loader-core) 0 30%, color-mix(in srgb, var(--loader-outer) 45%, transparent) 0);
  border-radius: 50%;
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - max(2px, var(--loader-size) / 12)), #000 0);
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - max(2px, var(--loader-size) / 12)), #000 0);
  animation: nb-loader-ring 0.9s linear infinite, nb-loader-in 0.2s ease 0.25s both;
}
:root[data-nb-loader=dots] .ajax-products-busy .loader {
  aspect-ratio: 3;
  background: radial-gradient(circle closest-side, var(--loader-core) 80%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: nb-loader-dots 1.1s steps(4) infinite, nb-loader-in 0.2s ease 0.25s both;
}
:root[data-nb-loader=pulse] .ajax-products-busy .loader {
  background: var(--loader-core);
  border-radius: 50%;
  animation: nb-loader-pulse 1.3s ease-out infinite, nb-loader-in 0.2s ease 0.25s both;
}
.ajax-products-busy .loader {
  position: fixed;
  z-index: 8;
  top: var(--nb-busy-top, 50vh);
  left: var(--nb-busy-left, 50%);
  margin-left: -18px;
  pointer-events: none;
}

.products-container.is-refreshing > .products-wrapper {
  opacity: 0.45;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.products-container > .products-wrapper {
  transition: opacity 0.25s ease;
}

/* HTML: <div class="loader"></div> */
.loader {
  --loader-size: 48px;
  --loader-outer: var(--accent);
  --loader-inner: var(--accent-dark);
  --loader-core: var(--primary);
  width: var(--loader-size);
  aspect-ratio: 1;
  background: linear-gradient(45deg, var(--loader-outer) 50%, rgba(0, 0, 0, 0) 0), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, var(--loader-outer) 0), linear-gradient(-45deg, var(--loader-inner) 50%, rgba(0, 0, 0, 0) 0), linear-gradient(-45deg, rgba(0, 0, 0, 0) 50%, var(--loader-inner) 0), linear-gradient(var(--loader-core) 0 0);
  background-size: 50% 50%;
  background-repeat: no-repeat;
  animation: nopgadence-loader 1.5s infinite, nb-loader-in 0.2s ease 0.25s both;
}
:root[data-nb-loader=ring] .loader {
  background: conic-gradient(from var(--nb-loader-angle), var(--loader-core) 0 30%, color-mix(in srgb, var(--loader-outer) 45%, transparent) 0);
  border-radius: 50%;
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - max(2px, var(--loader-size) / 12)), #000 0);
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - max(2px, var(--loader-size) / 12)), #000 0);
  animation: nb-loader-ring 0.9s linear infinite, nb-loader-in 0.2s ease 0.25s both;
}
:root[data-nb-loader=dots] .loader {
  aspect-ratio: 3;
  background: radial-gradient(circle closest-side, var(--loader-core) 80%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: nb-loader-dots 1.1s steps(4) infinite, nb-loader-in 0.2s ease 0.25s both;
}
:root[data-nb-loader=pulse] .loader {
  background: var(--loader-core);
  border-radius: 50%;
  animation: nb-loader-pulse 1.3s ease-out infinite, nb-loader-in 0.2s ease 0.25s both;
}

@keyframes nopgadence-loader {
  0% {
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
  }
  25% {
    background-position: 0 100%, 100% 0, 50% 50%, 50% 50%, 50% 50%;
  }
  50% {
    background-position: 0 100%, 100% 0, 100% 100%, 0 0, 50% 50%;
  }
  75% {
    background-position: 50% 50%, 50% 50%, 100% 100%, 0 0, 50% 50%;
  }
  100% {
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
  }
}
@keyframes nb-loader-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@property --nb-loader-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes nb-loader-ring {
  to {
    --nb-loader-angle: 360deg;
  }
}
@keyframes nb-loader-dots {
  to {
    clip-path: inset(0 -34% 0 0);
  }
}
@keyframes nb-loader-pulse {
  0% {
    scale: 0.42;
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--loader-core) 30%, transparent);
  }
  60% {
    scale: 0.62;
    box-shadow: 0 0 0 calc(var(--loader-size) / 3) transparent;
  }
  100% {
    scale: 0.42;
    box-shadow: 0 0 0 0 transparent;
  }
}
.nopgadence-infinite-loader {
  display: none;
  width: 100%;
  padding: 24px 0;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.nopgadence-infinite-loader-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.nopgadence-infinite-loader-wrap .loader {
  position: static;
  top: auto;
  left: auto;
  transform: none;
}

.filter-value-search {
  background-color: var(--bg-secondary);
  padding: 40px 0;
}
@media (min-width: 768px) {
  .filter-value-search {
    padding: 48px 0;
  }
}
@media (min-width: 992px) {
  .filter-value-search {
    padding: 60px 0;
  }
}
@media (min-width: 1200px) {
  .filter-value-search {
    padding: 72px 0;
  }
}
@media (min-width: 1400px) {
  .filter-value-search {
    padding: 80px 0;
  }
}
.filter-value-search .search-input .form-fields {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 992px) {
  .filter-value-search .search-input .form-fields {
    max-width: 960px;
  }
}
@media (min-width: 1400px) {
  .filter-value-search .search-input .form-fields {
    max-width: 1080px;
  }
}
.filter-value-search .search-input .page-title {
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .filter-value-search .search-input .page-title {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) {
  .filter-value-search .search-input .page-title {
    margin-bottom: 40px;
  }
}
.filter-value-search .search-input .advanced-search {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}
@media (min-width: 768px) {
  .filter-value-search .search-input .advanced-search {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .filter-value-search .search-input .advanced-search {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
.filter-value-search .search-input .advanced-search .inputs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 0;
}
.filter-value-search .search-input .advanced-search .inputs label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.filter-value-search .search-input .advanced-search .inputs .filter-level-select {
  padding: 14px 16px;
  font-size: 15px;
  transition: border-color 0.3s ease;
}
.filter-value-search .search-input .advanced-search .inputs .filter-level-select:hover, .filter-value-search .search-input .advanced-search .inputs .filter-level-select:focus {
  border-color: var(--primary);
}
.filter-value-search .search-input .advanced-search .inputs .please-wait {
  font-size: 13px;
  color: var(--primary);
  font-weight: 500;
  margin-top: 4px;
  animation: flv-pulse 1.5s ease-in-out infinite;
}
.filter-value-search .search-input .buttons {
  margin-top: 28px;
  justify-content: center;
}
@media (min-width: 992px) {
  .filter-value-search .search-input .buttons {
    margin-top: 36px;
  }
}
.filter-value-search .search-input .buttons .search-button-flv {
  width: 100%;
  padding: 14px 48px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .filter-value-search .search-input .buttons .search-button-flv {
    width: auto;
    min-width: 200px;
  }
}
.filter-value-search .search-input .buttons .search-button-flv:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.filter-value-search .search-input .buttons .search-button-flv:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.filter-value-search .search-input .buttons .search-button-flv:disabled {
  background-color: var(--gray-300);
  color: var(--gray-400);
  cursor: not-allowed;
  box-shadow: none;
}

.filter-value-search--catalog {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: var(--card-radius-md);
  padding: 24px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .filter-value-search--catalog {
    padding: 32px;
    margin-bottom: 32px;
  }
}
.filter-value-search--catalog .form-fields {
  padding: 0;
}
.filter-value-search--catalog .advanced-search {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}
@media (min-width: 768px) {
  .filter-value-search--catalog .advanced-search {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: end;
  }
}
.filter-value-search--catalog .advanced-search .inputs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 0;
}
.filter-value-search--catalog .advanced-search .inputs label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.filter-value-search--catalog .advanced-search .inputs .filter-level-select {
  padding: 12px 14px;
  font-size: 14px;
  transition: border-color 0.3s ease;
}
.filter-value-search--catalog .advanced-search .inputs .filter-level-select:hover, .filter-value-search--catalog .advanced-search .inputs .filter-level-select:focus {
  border-color: var(--primary);
}
.filter-value-search--catalog .advanced-search .inputs .please-wait {
  font-size: 13px;
  color: var(--primary);
  font-weight: 500;
  margin-top: 4px;
  animation: flv-pulse 1.5s ease-in-out infinite;
}
.filter-value-search--catalog .buttons {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .filter-value-search--catalog .buttons {
    margin-top: 24px;
  }
}
.filter-value-search--catalog .buttons .search-button-flv {
  width: 100%;
  padding: 12px 36px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .filter-value-search--catalog .buttons .search-button-flv {
    width: auto;
    min-width: 160px;
  }
}
.filter-value-search--catalog .buttons .search-button-flv:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.filter-value-search--catalog .buttons .search-button-flv:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.filter-value-search--catalog .buttons .search-button-flv:disabled {
  background-color: var(--gray-300);
  color: var(--gray-400);
  cursor: not-allowed;
  box-shadow: none;
}

@keyframes flv-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.estimate-shipping-popup {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 40px);
  background: var(--white);
  border-radius: var(--card-radius-lg);
  padding: 30px;
  max-width: 800px;
  margin: 0 auto;
}
.estimate-shipping-popup > * {
  flex-shrink: 0;
}
.estimate-shipping-popup button.mfp-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.estimate-shipping-popup button.mfp-close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .estimate-shipping-popup button.mfp-close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .estimate-shipping-popup button.mfp-close::before {
    transition: none;
  }
}
.estimate-shipping-popup button.mfp-close:hover, .estimate-shipping-popup button.mfp-close:focus-visible {
  color: var(--white);
}
.estimate-shipping-popup button.mfp-close:hover::before, .estimate-shipping-popup button.mfp-close:focus-visible::before {
  transform: scale(1);
}
.estimate-shipping-popup button.mfp-close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
  position: absolute;
  top: -16px;
  inset-inline-end: -10px;
}
.estimate-shipping-popup button.mfp-close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.estimate-shipping-popup button.mfp-close i {
  font-size: inherit;
  line-height: 1;
}
.estimate-shipping-popup button.mfp-close {
  font-size: 0;
  padding: 0;
  text-decoration: none;
}
.estimate-shipping-popup button.mfp-close::after {
  content: "\eb99";
  font-family: "remixicon";
  font-size: 16px;
  line-height: 1;
}
.estimate-shipping-popup button.mfp-close:active {
  top: -16px;
}
@media (max-width: 767.98px) {
  .estimate-shipping-popup button.mfp-close {
    top: 8px;
    inset-inline-end: 8px;
  }
  .estimate-shipping-popup button.mfp-close:active {
    top: 8px;
  }
}
.estimate-shipping-popup .message-failure {
  margin: 10px 0 -5px;
  font-size: 14px;
  color: var(--error);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.estimate-shipping-popup .shipping-options {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  background-color: var(--white);
}
.estimate-shipping-popup .shipping-options-body {
  min-height: 120px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.estimate-shipping-popup .no-shipping-options {
  margin: 15px 0 10px;
  text-align: center;
}
.estimate-shipping-popup .choose-shipping-title {
  margin-top: 20px;
}
.estimate-shipping-popup .estimate-shipping-address-control {
  height: 38px;
}
.estimate-shipping-popup .shipping-address {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .estimate-shipping-popup .shipping-address {
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .estimate-shipping-popup .shipping-address {
    flex-direction: row;
  }
}
.estimate-shipping-popup .shipping-address .required {
  margin: 0 0 0 5px;
}
.estimate-shipping-popup .estimate-shipping-row {
  display: flex;
}
.estimate-shipping-popup .estimate-shipping-row.shipping-option {
  cursor: pointer;
  align-items: center;
}
.estimate-shipping-popup .estimate-shipping-row.active {
  font-weight: 600;
}
.estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item {
  flex: 0 1 100%;
  padding: 8px 0;
  overflow: hidden;
  overflow-wrap: break-word;
}
.estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item.shipping-header-item {
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
  align-self: flex-end;
}
.estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item.shipping-item {
  padding-left: 10px;
}
.estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item .form-select:last-child, .estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item select:last-child {
  width: calc(100% - 15px);
}
.estimate-shipping-popup .apply-shipping-button-container {
  margin-top: 15px;
  text-align: center;
}
.estimate-shipping-popup .apply-shipping-button-container .apply-shipping-button {
  padding: 10px 30px;
}

.estimate-shipping-popup-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.estimate-shipping-popup-zoom-in .mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.eu-cookie-bar-notification {
  position: fixed;
  inset-inline-start: 16px;
  bottom: 16px;
  z-index: 1050;
  width: min(420px, 100% - 32px);
  border-radius: var(--card-radius-lg);
  background-color: var(--bg-primary);
  box-shadow: 0 24px 48px -24px color-mix(in srgb, var(--overlay) 45%, transparent), 0 2px 8px color-mix(in srgb, var(--overlay) 8%, transparent);
  animation: nb-cookie-card-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@media (min-width: 992px) {
  .eu-cookie-bar-notification {
    inset-inline-start: 24px;
    bottom: 24px;
  }
}
.eu-cookie-bar-notification .cookie-bar__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 20px;
}
@media (min-width: 768px) {
  .eu-cookie-bar-notification .cookie-bar__inner {
    padding: 24px;
  }
}
.eu-cookie-bar-notification .cookie-bar__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--text-primary);
  font-size: 21px;
  line-height: 1;
}
.eu-cookie-bar-notification .cookie-bar__text {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--text-secondary);
}
.eu-cookie-bar-notification .cookie-bar__actions {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--gray-200);
}
.eu-cookie-bar-notification .cookie-bar__link {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
  color: var(--text-primary);
  white-space: nowrap;
  transition: color 0.25s ease;
}
.eu-cookie-bar-notification .cookie-bar__link:hover {
  color: var(--accent-dark);
}
.eu-cookie-bar-notification .cookie-bar__btn {
  padding: 11px 28px;
  font-size: 12px;
  white-space: nowrap;
}

@keyframes nb-cookie-card-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .eu-cookie-bar-notification {
    animation: none;
  }
}
.ui-datepicker {
  width: 280px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  background-color: var(--white);
  text-align: center;
  border: none;
  border-radius: var(--card-radius-sm);
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif;
}
.ui-datepicker-header {
  position: relative;
  height: 32px;
  background-color: var(--primary);
  color: var(--white);
  border: none;
  border-radius: var(--card-radius-sm) var(--card-radius-sm) 0 0;
  background-image: none;
  padding: 0 !important;
  font-weight: normal;
}
.ui-datepicker-header a {
  position: absolute;
  top: 0 !important;
  z-index: 1;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px;
  font-size: 0;
  border: none !important;
}
.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
  background: url("../images/calendar-prev.png") center no-repeat;
}
.ui-datepicker-header a.ui-datepicker-next {
  right: 0;
  background: url("../images/calendar-next.png") center no-repeat;
}
.ui-datepicker-header a span {
  display: none !important;
}
.ui-datepicker-title {
  position: relative;
  z-index: 0;
  line-height: 32px !important;
  font-weight: bold;
  text-transform: uppercase;
}
.ui-datepicker-calendar {
  margin: 0 !important;
  font-size: 14px !important;
}
.ui-datepicker-calendar th {
  background-color: var(--gray-200);
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  width: 14.285%;
  border: 1px solid var(--border);
  padding: 0;
}
.ui-datepicker-calendar th span {
  text-align: center;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
  display: block;
  min-height: 32px;
  line-height: 32px;
}
.ui-datepicker-calendar td a {
  border: none !important;
  background: none !important;
  padding: 0;
  text-align: center;
  color: var(--gray-500) !important;
}
.ui-datepicker-calendar .ui-state-active {
  outline: 2px solid var(--primary);
  font-weight: bold;
  color: var(--primary) !important;
}

.message-error.validation-summary-errors,
.message-error.cart-warnings {
  position: relative;
  background-color: rgba(199, 91, 91, 0.06);
  border: 1px solid rgba(199, 91, 91, 0.15);
  border-inline-start: 3px solid var(--error);
  border-radius: var(--card-radius-sm);
  padding: 14px 18px;
  padding-inline-start: 46px;
  margin-bottom: 20px;
}
.message-error.validation-summary-errors::before,
.message-error.cart-warnings::before {
  content: "";
  position: absolute;
  inset-inline-start: 16px;
  top: 16px;
  width: 20px;
  height: 20px;
  background-color: var(--error);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.message-error.validation-summary-errors ul,
.message-error.cart-warnings ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.message-error.validation-summary-errors li,
.message-error.cart-warnings li {
  line-height: 1.5;
}
.message-error.validation-summary-errors li + li,
.message-error.cart-warnings li + li {
  padding-top: 4px;
  border-top: 1px solid rgba(199, 91, 91, 0.1);
}

.registration-page .message-error.validation-summary-errors,
.login-page .message-error.validation-summary-errors {
  text-align: start;
}
.registration-page .message-error.validation-summary-errors ul li,
.login-page .message-error.validation-summary-errors ul li {
  text-align: start;
}

select.nb-select-open {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233E2F2A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 11 6-6 6 6'/%3e%3c/svg%3e");
}

.nb-select-panel {
  position: fixed;
  z-index: 100000;
  max-height: 320px;
  max-width: calc(100vw - 16px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0;
  background-color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--card-radius-sm);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--primary) 14%, transparent);
  opacity: 0;
  transform: translateY(-6px);
  transform-origin: top center;
  transition: opacity 0.18s ease, transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.nb-select-panel.is-up {
  transform: translateY(6px);
  transform-origin: bottom center;
}
.nb-select-panel.is-open {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .nb-select-panel {
    transition: none;
  }
}
.nb-select-panel {
  line-height: 1.4;
  scrollbar-width: thin;
  scrollbar-color: var(--gray-300) transparent;
}
.nb-select-panel::-webkit-scrollbar {
  width: 6px;
}
.nb-select-panel::-webkit-scrollbar-thumb {
  background-color: var(--gray-300);
}

.nb-select-panel__group {
  padding: 10px 12px 6px;
  font-size: 0.8em;
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-light);
}

.nb-select-panel__option {
  padding: 8px 14px;
  color: var(--text-primary);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.nb-select-panel__option.is-selected {
  font-weight: var(--fw-semibold);
  background-color: var(--bg-primary);
  box-shadow: inset 2px 0 0 var(--accent);
}
.nb-select-panel__option:hover, .nb-select-panel__option.is-active {
  background-color: var(--accent);
  color: var(--text-primary);
}
.nb-select-panel__option.is-disabled {
  color: var(--text-light);
  cursor: not-allowed;
}
.nb-select-panel__option.is-disabled:hover {
  background-color: transparent;
}

.ios-device .search-link button {
  color: var(--black);
}
.ios-device button:not(.button--primary, .button-1, .edit-default-address-button, .button--error, .vote-poll-button, .f-button, .search-box-button, :hover, :focus-visible) {
  color: var(--text-primary);
}
.ios-device .footer-upper .footer-navigation {
  flex: unset;
}
.ios-device input:focus, .ios-device textarea:focus {
  caret-color: var(--black);
}

:where(.swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress)) {
  --nb-dot: 8px;
  --nb-gap: 8px;
  --nb-pac: 22px;
  --nb-dot-color: var(--accent-dark);
  --nb-dot-opacity: 0.45;
  --nb-pac-color: var(--primary);
  --swiper-pagination-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

:root:not([data-nb-dots]) .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet,
:root[data-nb-dots=pill] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
  --nb-hit-b: calc((24px - var(--nb-dot)) / 2);
  --nb-hit-i: calc((24px - var(--nb-dot)) / 2);
  box-sizing: content-box;
  margin: calc(max(0px, var(--nb-hit-b)) * -1) max(0px, var(--nb-gap) / 2 - max(0px, var(--nb-hit-i)));
  padding: 0;
  border: solid transparent;
  border-width: max(0px, var(--nb-hit-b)) max(0px, var(--nb-hit-i));
  border-radius: 999px;
  background: var(--nb-dot-color);
  background-clip: content-box;
  opacity: var(--nb-dot-opacity);
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-nb-dots]) .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet,
  :root[data-nb-dots=pill] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
    transition: none;
  }
}
:root:not([data-nb-dots]) .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active,
:root[data-nb-dots=pill] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active {
  background-color: var(--nb-pac-color);
  opacity: 1;
}
:root:not([data-nb-dots]) .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet,
:root[data-nb-dots=pill] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
  width: var(--nb-dot);
  height: var(--nb-dot);
}
:root:not([data-nb-dots]) .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active,
:root[data-nb-dots=pill] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active {
  width: calc(var(--nb-dot) * 3);
}

:root[data-nb-dots=line] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
  --nb-hit-b: calc((24px - var(--nb-dot)) / 2);
  --nb-hit-i: calc((24px - var(--nb-dot)) / 2);
  box-sizing: content-box;
  margin: calc(max(0px, var(--nb-hit-b)) * -1) max(0px, var(--nb-gap) / 2 - max(0px, var(--nb-hit-i)));
  padding: 0;
  border: solid transparent;
  border-width: max(0px, var(--nb-hit-b)) max(0px, var(--nb-hit-i));
  border-radius: 999px;
  background: var(--nb-dot-color);
  background-clip: content-box;
  opacity: var(--nb-dot-opacity);
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  :root[data-nb-dots=line] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
    transition: none;
  }
}
:root[data-nb-dots=line] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active {
  background-color: var(--nb-pac-color);
  opacity: 1;
}
:root[data-nb-dots=line] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
  --nb-hit-b: calc((24px - 2px - var(--nb-dot)) / 2);
  --nb-hit-i: calc((24px - var(--nb-dot) * 2.25) / 2);
  width: calc(var(--nb-dot) * 2.25);
  height: 2px;
  padding-block: calc(var(--nb-dot) / 2);
  border-radius: 2px;
}
:root[data-nb-dots=line] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active {
  width: calc(var(--nb-dot) * 4.5);
}

:root[data-nb-dots=ring] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
  --nb-hit-b: calc((24px - var(--nb-dot)) / 2);
  --nb-hit-i: calc((24px - var(--nb-dot)) / 2);
  box-sizing: content-box;
  margin: calc(max(0px, var(--nb-hit-b)) * -1) max(0px, var(--nb-gap) / 2 - max(0px, var(--nb-hit-i)));
  padding: 0;
  border: solid transparent;
  border-width: max(0px, var(--nb-hit-b)) max(0px, var(--nb-hit-i));
  border-radius: 999px;
  background: var(--nb-dot-color);
  background-clip: content-box;
  opacity: var(--nb-dot-opacity);
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  :root[data-nb-dots=ring] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
    transition: none;
  }
}
:root[data-nb-dots=ring] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active {
  background-color: var(--nb-pac-color);
  opacity: 1;
}
:root[data-nb-dots=ring] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
  width: var(--nb-dot);
  height: var(--nb-dot);
  background: transparent;
  box-shadow: inset 0 0 0 1.5px var(--nb-dot-color);
  opacity: 1;
}
:root[data-nb-dots=ring] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active {
  background: linear-gradient(var(--nb-pac-color) 0 0) content-box, radial-gradient(circle, color-mix(in srgb, var(--nb-pac-color) 22%, transparent) calc(var(--nb-dot) / 2 + 3px), transparent calc(var(--nb-dot) / 2 + 3px)) border-box;
  box-shadow: inset 0 0 0 1.5px var(--nb-pac-color);
}

:root[data-nb-dots=dot] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
  --nb-hit-b: calc((24px - var(--nb-dot)) / 2);
  --nb-hit-i: calc((24px - var(--nb-dot)) / 2);
  box-sizing: content-box;
  margin: calc(max(0px, var(--nb-hit-b)) * -1) max(0px, var(--nb-gap) / 2 - max(0px, var(--nb-hit-i)));
  padding: 0;
  border: solid transparent;
  border-width: max(0px, var(--nb-hit-b)) max(0px, var(--nb-hit-i));
  border-radius: 999px;
  background: var(--nb-dot-color);
  background-clip: content-box;
  opacity: var(--nb-dot-opacity);
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  :root[data-nb-dots=dot] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
    transition: none;
  }
}
:root[data-nb-dots=dot] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active {
  background-color: var(--nb-pac-color);
  opacity: 1;
}
:root[data-nb-dots=dot] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet {
  width: var(--nb-dot);
  height: var(--nb-dot);
}
:root[data-nb-dots=dot] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress) > .swiper-pagination-bullet-active {
  transform: scale(1.35);
}

:root[data-nb-dots=pacman] :where(.swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress)) {
  --nb-step: calc(var(--nb-dot) + var(--nb-gap) * 2);
  --nb-dir: 1;
  --nb-jaw: 45deg;
  --swiper-pagination-bullet-size: var(--nb-dot);
  --swiper-pagination-bullet-horizontal-gap: var(--nb-gap);
  --swiper-pagination-bullet-border-radius: 0;
  --swiper-pagination-bullet-inactive-color: var(--nb-dot-color);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--nb-dot-color);
  --swiper-pagination-bullet-opacity: 0;
}
:root[data-nb-dots=pacman] :where(.swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):dir(rtl)) {
  --nb-dir: -1;
  --nb-jaw: -45deg;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet)::before, :root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--nb-pac);
  height: calc(var(--nb-pac) / 2);
  margin-left: calc(var(--nb-pac) / -2);
  background-color: var(--nb-pac-color);
  translate: calc((var(--nb-i, 1) - (var(--nb-n, 1) + 1) / 2) * var(--nb-step) * var(--nb-dir)) 0;
  pointer-events: none;
  transition: translate 250ms linear;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet)::before {
  margin-top: calc(var(--nb-pac) / -2);
  border-radius: var(--nb-pac) var(--nb-pac) 0 0;
  transform-origin: 50% 100%;
  rotate: calc(var(--nb-jaw) * -1);
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet)::after {
  border-radius: 0 0 var(--nb-pac) var(--nb-pac);
  transform-origin: 50% 0;
  rotate: var(--nb-jaw);
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet):hover::before, :root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet):hover::after {
  animation: nb-pacman-chomp 500ms infinite;
}
@media (prefers-reduced-motion: reduce) {
  :root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet)::before, :root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet)::after, :root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet):hover::before, :root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet):hover::after {
    transition: none;
    animation: none;
  }
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active) {
  --nb-i: 1;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(1):last-child) {
  --nb-n: 1;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active) {
  --nb-i: 2;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(2):last-child) {
  --nb-n: 2;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active) {
  --nb-i: 3;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(3):last-child) {
  --nb-n: 3;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active) {
  --nb-i: 4;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(4):last-child) {
  --nb-n: 4;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active) {
  --nb-i: 5;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(5):last-child) {
  --nb-n: 5;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active) {
  --nb-i: 6;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(6):last-child) {
  --nb-n: 6;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(7).swiper-pagination-bullet-active) {
  --nb-i: 7;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(7):last-child) {
  --nb-n: 7;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(8).swiper-pagination-bullet-active) {
  --nb-i: 8;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(8):last-child) {
  --nb-n: 8;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(9).swiper-pagination-bullet-active) {
  --nb-i: 9;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(9):last-child) {
  --nb-n: 9;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(10).swiper-pagination-bullet-active) {
  --nb-i: 10;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(10):last-child) {
  --nb-n: 10;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(11).swiper-pagination-bullet-active) {
  --nb-i: 11;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(11):last-child) {
  --nb-n: 11;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(12).swiper-pagination-bullet-active) {
  --nb-i: 12;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(12):last-child) {
  --nb-n: 12;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(13).swiper-pagination-bullet-active) {
  --nb-i: 13;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(13):last-child) {
  --nb-n: 13;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(14).swiper-pagination-bullet-active) {
  --nb-i: 14;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(14):last-child) {
  --nb-n: 14;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(15).swiper-pagination-bullet-active) {
  --nb-i: 15;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(15):last-child) {
  --nb-n: 15;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(16).swiper-pagination-bullet-active) {
  --nb-i: 16;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(16):last-child) {
  --nb-n: 16;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(17).swiper-pagination-bullet-active) {
  --nb-i: 17;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(17):last-child) {
  --nb-n: 17;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(18).swiper-pagination-bullet-active) {
  --nb-i: 18;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(18):last-child) {
  --nb-n: 18;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(19).swiper-pagination-bullet-active) {
  --nb-i: 19;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(19):last-child) {
  --nb-n: 19;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(20).swiper-pagination-bullet-active) {
  --nb-i: 20;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(20):last-child) {
  --nb-n: 20;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(21).swiper-pagination-bullet-active) {
  --nb-i: 21;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(21):last-child) {
  --nb-n: 21;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(22).swiper-pagination-bullet-active) {
  --nb-i: 22;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(22):last-child) {
  --nb-n: 22;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(23).swiper-pagination-bullet-active) {
  --nb-i: 23;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(23):last-child) {
  --nb-n: 23;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(24).swiper-pagination-bullet-active) {
  --nb-i: 24;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(24):last-child) {
  --nb-n: 24;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(25).swiper-pagination-bullet-active) {
  --nb-i: 25;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(25):last-child) {
  --nb-n: 25;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(26).swiper-pagination-bullet-active) {
  --nb-i: 26;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(26):last-child) {
  --nb-n: 26;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(27).swiper-pagination-bullet-active) {
  --nb-i: 27;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(27):last-child) {
  --nb-n: 27;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(28).swiper-pagination-bullet-active) {
  --nb-i: 28;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(28):last-child) {
  --nb-n: 28;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(29).swiper-pagination-bullet-active) {
  --nb-i: 29;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(29):last-child) {
  --nb-n: 29;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(30).swiper-pagination-bullet-active) {
  --nb-i: 30;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(30):last-child) {
  --nb-n: 30;
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(31)) {
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-color: var(--nb-pac-color);
}
:root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(31))::before, :root[data-nb-dots=pacman] .swiper-pagination-bullets.swiper-pagination-horizontal:not(.swiper-pagination-bullets-dynamic, .cat-carousel-progress):has(> .swiper-pagination-bullet:nth-child(31))::after {
  display: none;
}

@keyframes nb-pacman-chomp {
  50% {
    rotate: 0deg;
  }
}
.request-list-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .request-list-page .page-body {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.request-list-page .page-body .section {
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  padding: 20px;
  width: 100%;
  border: 1px solid var(--gray-300);
  transition: all 400ms ease;
  margin: 0;
  border-radius: var(--card-radius-lg);
}
@media (min-width: 1400px) {
  .request-list-page .page-body .section {
    width: calc(50% - 10px);
  }
}
.request-list-page .page-body .section:hover {
  border-color: var(--primary);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.request-list-page .page-body .section .request-header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-block-end: 0;
}
.request-list-page .page-body .section .request-title {
  font-size: 20px;
  font-weight: bold;
  color: var(--primary);
}
.request-list-page .page-body .section > .title {
  font-size: 20px;
  font-weight: bold;
  color: var(--primary);
  margin-bottom: 0;
}
.request-list-page .page-body .section .info {
  margin: 16px 0 0;
  padding: 16px 0 0;
  border-top: 1px dashed var(--gray-200);
  background-color: transparent;
  line-height: 1.6;
}
.request-list-page .page-body .section .info li {
  color: var(--text-secondary);
  font-size: 14px;
}
.request-list-page .page-body .section .info li:not(:last-child) {
  margin-bottom: 4px;
}
.request-list-page .page-body .section .info li span {
  font-weight: 600;
  color: var(--secondary);
}
.request-list-page .page-body .section .request-header .button-2 {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  background-color: var(--secondary);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.request-list-page .page-body .section .request-header .button-2:hover {
  background-color: var(--primary-dark);
}
.request-list-page .page-body .section .buttons {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed var(--gray-200);
}
.request-list-page .page-body .section .buttons .button-2 {
  display: block;
  text-align: center;
  padding: 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  background-color: var(--secondary);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.request-list-page .page-body .section .buttons .button-2:hover {
  background-color: var(--primary-dark);
}
.request-list-page .no-data {
  width: 100%;
  text-align: center;
  padding: 40px 20px;
  color: var(--text-secondary);
  font-size: 15px;
}

.request-page .quote-options .common-buttons,
.request-page .request-options .common-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  text-align: start;
  margin-bottom: 24px;
}
.request-page .quote-options .common-buttons button,
.request-page .request-options .common-buttons button {
  cursor: pointer;
}
.request-page .fieldset {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
  padding: 20px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .request-page .fieldset {
    padding: 24px;
  }
}
.request-page .fieldset .title {
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary);
  margin-bottom: 16px;
  text-align: start;
}
.request-page .fieldset .form-fields .inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-bottom: 10px;
}
.request-page .fieldset .form-fields .inputs > label:first-child {
  color: var(--text-secondary);
  font-weight: 500;
  min-width: 140px;
}
.request-page .fieldset .form-fields .inputs > label:last-child {
  font-weight: 600;
  color: var(--secondary);
}
.request-page .fieldset .form-fields .inputs textarea {
  width: 100%;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--gray-300);
  font-family: var(--font-family);
  font-size: 14px;
  resize: vertical;
  min-height: 80px;
  max-height: 250px;
}
.request-page .fieldset .form-fields .inputs textarea:focus {
  outline: none;
  border-color: var(--secondary);
}
.request-page .data-table label {
  display: none;
}
.request-page .data-table input[type=number] {
  height: 40px;
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  padding: 8px 12px;
  font-family: var(--font-family);
  font-size: 14px;
  max-width: 120px;
}
.request-page .data-table input[type=number]:focus {
  outline: none;
  border-color: var(--secondary);
}
@media (max-width: 991.98px) {
  .request-page .data-table colgroup,
  .request-page .data-table thead {
    display: none;
  }
  .request-page .data-table tbody {
    display: block;
    overflow: hidden;
  }
  .request-page .data-table tr {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid var(--gray-300);
    text-align: center;
  }
  .request-page .data-table tr:first-child {
    margin-top: 0;
  }
  .request-page .data-table td {
    display: block;
    border: 0;
    padding: 8px 0;
  }
  .request-page .data-table td label,
  .request-page .data-table td span {
    display: inline-block;
    width: calc(50% - 10px);
    text-align: start;
  }
  .request-page .data-table td label {
    color: var(--text-secondary);
    font-weight: 500;
  }
  .request-page .data-table td span {
    font-weight: 600;
  }
  .request-page .data-table td.product {
    min-width: 0;
    border-bottom: 1px dashed var(--gray-200);
    padding: 5px 0 15px;
    text-align: center;
  }
  .request-page .data-table td.picture img {
    max-width: 100px;
  }
}
.request-page .rfq-link {
  color: var(--primary);
  font-weight: 600;
}
.request-page .rfq-link:hover {
  color: var(--primary-dark);
  text-decoration: underline;
}

.rfq-button-2 {
  cursor: pointer;
  border: none;
  background-color: var(--secondary);
  padding: 12px 20px;
  color: var(--white);
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 0;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family);
  transition: background-color 0.3s ease;
}
.rfq-button-2:hover {
  background-color: var(--primary-dark);
}

.home-banner.section {
  margin-top: 0;
}
.home-banner {
  height: 270px;
}
@media (min-width: 992px) {
  .home-banner {
    height: 370px;
  }
}
@media (min-width: 1200px) {
  .home-banner {
    height: 462px;
  }
}
.home-banner-slider {
  height: 100%;
}
.home-banner-slider-with-image .home-banner-slider__slide {
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  pointer-events: auto;
}
.home-banner-slider__slide {
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  pointer-events: auto;
}
.home-banner-slider__slide .image-desktop {
  display: none;
}
@media (min-width: 768px) {
  .home-banner-slider__slide .image-desktop {
    display: block;
  }
}
.home-banner-slider__slide .image-mobile {
  display: block;
}
@media (min-width: 768px) {
  .home-banner-slider__slide .image-mobile {
    display: none;
  }
}
.home-banner-slider__slide__content__left {
  padding-left: 0;
  width: 50%;
  z-index: 1;
}
.home-banner-slider__slide__content__right {
  height: 100%;
  width: 50%;
}
.home-banner-slider__slide__container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  pointer-events: auto;
}
.home-banner-slider__slide__container .slider-image-without-content {
  width: 100%;
  height: 100%;
}
.home-banner-slider__slide__container .slider-details__heading {
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .home-banner-slider__slide__container .slider-details__heading {
    font-size: 34px;
    line-height: 48px;
    margin-bottom: 18px;
  }
}
@media (min-width: 992px) {
  .home-banner-slider__slide__container .slider-details__heading {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (min-width: 1200px) {
  .home-banner-slider__slide__container .slider-details__heading {
    font-size: 62px;
    line-height: 76px;
  }
}
.home-banner-slider__slide__container .slider-details__info {
  display: none;
}
@media (min-width: 576px) {
  .home-banner-slider__slide__container .slider-details__info {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .home-banner-slider__slide__container .slider-details__info {
    font-size: 20px;
    margin-bottom: 32px;
    line-height: 28px;
  }
}
.home-banner-slider__slide__container .slider-details .button, .home-banner-slider__slide__container .slider-details .button-1, .home-banner-slider__slide__container .slider-details .button-2 {
  font-weight: 400;
}
@media (min-width: 576px) {
  .home-banner-slider__slide__container .slider-details .button, .home-banner-slider__slide__container .slider-details .button-1, .home-banner-slider__slide__container .slider-details .button-2 {
    font-weight: 500;
  }
}
.home-banner-slider .image-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: scale(1.5);
}
@media (min-width: 576px) {
  .home-banner-slider .image-box {
    transform: scale(1.3);
  }
}
@media (min-width: 768px) {
  .home-banner-slider .image-box {
    transform: scale(1.1);
  }
}
.home-banner-slider .image-box img {
  width: 100%;
  object-fit: contain;
  vertical-align: middle;
  position: absolute;
  bottom: 44px;
  inset-inline-start: 0;
  z-index: 2;
}
@media (min-width: 576px) {
  .home-banner-slider .image-box img {
    height: 100%;
    bottom: 0;
  }
}
.home-banner .container {
  height: 100%;
}

.home-banner-with-image .home-banner-slider-with-image a {
  display: block;
  width: 100%;
}
.home-banner-with-image .home-banner-slider-with-image .slider-image-without-content.image-desktop {
  display: none;
}
@media (min-width: 768px) {
  .home-banner-with-image .home-banner-slider-with-image .slider-image-without-content.image-desktop {
    display: block;
  }
}
.home-banner-with-image .home-banner-slider-with-image .slider-image-without-content.image-mobile {
  display: block;
}
@media (min-width: 768px) {
  .home-banner-with-image .home-banner-slider-with-image .slider-image-without-content.image-mobile {
    display: none;
  }
}

.home-banner,
.home-banner-with-image {
  --swiper-navigation-sides-offset: 16px;
}
@media (min-width: 768px) {
  .home-banner,
  .home-banner-with-image {
    --swiper-navigation-sides-offset: 24px;
  }
}
.home-banner .swiper-button-prev,
.home-banner .swiper-button-next,
.home-banner-with-image .swiper-button-prev,
.home-banner-with-image .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--button-secondary-bg);
  color: var(--text-primary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
}
@media (min-width: 768px) {
  .home-banner .swiper-button-prev,
  .home-banner .swiper-button-next,
  .home-banner-with-image .swiper-button-prev,
  .home-banner-with-image .swiper-button-next {
    width: 48px;
    height: 48px;
  }
}
.home-banner .swiper-button-prev,
.home-banner .swiper-button-next,
.home-banner-with-image .swiper-button-prev,
.home-banner-with-image .swiper-button-next {
  position: relative;
  isolation: isolate;
}
.home-banner .swiper-button-prev::before,
.home-banner .swiper-button-next::before,
.home-banner-with-image .swiper-button-prev::before,
.home-banner-with-image .swiper-button-next::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .home-banner .swiper-button-prev::before,
[dir=rtl] .home-banner .swiper-button-next::before,
[dir=rtl] .home-banner-with-image .swiper-button-prev::before,
[dir=rtl] .home-banner-with-image .swiper-button-next::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .home-banner .swiper-button-prev::before,
  .home-banner .swiper-button-next::before,
  .home-banner-with-image .swiper-button-prev::before,
  .home-banner-with-image .swiper-button-next::before {
    transition: none;
  }
}
.home-banner .swiper-button-prev:hover, .home-banner .swiper-button-prev:focus-visible,
.home-banner .swiper-button-next:hover,
.home-banner .swiper-button-next:focus-visible,
.home-banner-with-image .swiper-button-prev:hover,
.home-banner-with-image .swiper-button-prev:focus-visible,
.home-banner-with-image .swiper-button-next:hover,
.home-banner-with-image .swiper-button-next:focus-visible {
  color: var(--white);
}
.home-banner .swiper-button-prev:hover::before, .home-banner .swiper-button-prev:focus-visible::before,
.home-banner .swiper-button-next:hover::before,
.home-banner .swiper-button-next:focus-visible::before,
.home-banner-with-image .swiper-button-prev:hover::before,
.home-banner-with-image .swiper-button-prev:focus-visible::before,
.home-banner-with-image .swiper-button-next:hover::before,
.home-banner-with-image .swiper-button-next:focus-visible::before {
  transform: scale(1);
}
.home-banner .swiper-button-prev,
.home-banner .swiper-button-next,
.home-banner-with-image .swiper-button-prev,
.home-banner-with-image .swiper-button-next {
  position: absolute;
  margin-top: 0;
  transform: translateY(-50%);
}
.home-banner .swiper-button-prev::after,
.home-banner .swiper-button-next::after,
.home-banner-with-image .swiper-button-prev::after,
.home-banner-with-image .swiper-button-next::after {
  font-family: "remixicon" !important;
  font-size: 18px !important;
  font-weight: normal !important;
  text-transform: none !important;
  letter-spacing: 0;
  line-height: 1;
  color: currentColor;
}
.home-banner .swiper-button-prev.swiper-button-disabled,
.home-banner .swiper-button-next.swiper-button-disabled,
.home-banner-with-image .swiper-button-prev.swiper-button-disabled,
.home-banner-with-image .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
}
.home-banner .swiper-button-prev::after,
.home-banner-with-image .swiper-button-prev::after {
  content: "\ea64" !important;
}
.home-banner .swiper-button-next::after,
.home-banner-with-image .swiper-button-next::after {
  content: "\ea6e" !important;
}

[dir=rtl] .home-banner .swiper-button-prev::after,
[dir=rtl] .home-banner-with-image .swiper-button-prev::after {
  content: "\ea6e" !important;
}
[dir=rtl] .home-banner .swiper-button-next::after,
[dir=rtl] .home-banner-with-image .swiper-button-next::after {
  content: "\ea64" !important;
}

body:has(.product-details-page) :is(.xzoom-preview, .xzoom-source) {
  z-index: 9;
  border-radius: var(--card-radius-md);
}

body:has(.quickviewdetails .close-button) :is(.xzoom-preview, .xzoom-source) {
  z-index: 1065;
  border-radius: var(--card-radius-md);
}

.anywhere-carousel-category .swiper-wrapper {
  padding-bottom: 1px;
}

.anywhere-carousel-wrapper.bss-lazy-loaded {
  min-height: 0 !important;
}

.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow {
  transition: all 0.3s ease;
  opacity: 1;
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next {
  inset-inline-end: 50px;
  transform: translateX(50%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev {
  inset-inline-start: 50px;
  transform: translateX(-50%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow {
  transition: all 0.3s ease;
  opacity: 1;
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next {
  inset-inline-end: 50px;
  transform: translateX(0%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev {
  inset-inline-start: 50px;
  transform: translateX(0%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.homepageBanner-wrapper {
  margin-bottom: 0 !important;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper.home-banner-slider-with-image .swiper-button-next,
.swiper.home-banner-slider-with-image .swiper-button-prev {
  display: none;
  transition: 0.3s all ease;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: var(--white);
}
@media (min-width: 992px) {
  .swiper.home-banner-slider-with-image .swiper-button-next,
  .swiper.home-banner-slider-with-image .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.swiper.home-banner-slider-with-image .swiper-button-next.swiper-button-lock,
.swiper.home-banner-slider-with-image .swiper-button-prev.swiper-button-lock {
  display: none;
}
.swiper.subcategory-slider .swiper-button-next,
.swiper.subcategory-slider .swiper-button-prev, .swiper.products-swiper .swiper-button-next,
.swiper.products-swiper .swiper-button-prev, .swiper.banner-slider .swiper-button-next,
.swiper.banner-slider .swiper-button-prev, .swiper.product-thumb-slider .swiper-button-next,
.swiper.product-thumb-slider .swiper-button-prev {
  display: none;
  transition: 0.3s all ease;
  opacity: 0;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: var(--white);
}
@media (min-width: 992px) {
  .swiper.subcategory-slider .swiper-button-next,
  .swiper.subcategory-slider .swiper-button-prev, .swiper.products-swiper .swiper-button-next,
  .swiper.products-swiper .swiper-button-prev, .swiper.banner-slider .swiper-button-next,
  .swiper.banner-slider .swiper-button-prev, .swiper.product-thumb-slider .swiper-button-next,
  .swiper.product-thumb-slider .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.swiper.subcategory-slider .swiper-button-next.swiper-button-lock,
.swiper.subcategory-slider .swiper-button-prev.swiper-button-lock, .swiper.products-swiper .swiper-button-next.swiper-button-lock,
.swiper.products-swiper .swiper-button-prev.swiper-button-lock, .swiper.banner-slider .swiper-button-next.swiper-button-lock,
.swiper.banner-slider .swiper-button-prev.swiper-button-lock, .swiper.product-thumb-slider .swiper-button-next.swiper-button-lock,
.swiper.product-thumb-slider .swiper-button-prev.swiper-button-lock {
  display: none;
}
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev {
  transition: all 0.3s ease;
  opacity: 1;
}
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next {
  inset-inline-end: 50px;
  transform: translateX(50%);
}
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev {
  inset-inline-start: 50px;
  transform: translateX(-50%);
}
.swiper.subcategory-slider .picture .swiper-pagination, .swiper.products-swiper .picture .swiper-pagination {
  display: none;
  position: absolute;
}
@media (min-width: 992px) {
  .swiper.subcategory-slider .picture .swiper-pagination, .swiper.products-swiper .picture .swiper-pagination {
    display: block;
  }
}
.swiper.subcategory-slider .swiper-pagination, .swiper.products-swiper .swiper-pagination {
  position: static;
  margin-top: 16px;
}
.swiper.products-swiper .swiper-wrapper {
  height: auto;
}
.swiper.products-swiper .swiper-slide {
  display: flex;
  height: auto;
}
.swiper.products-swiper .swiper-button-next,
.swiper.products-swiper .swiper-button-prev {
  top: 40%;
}
.swiper .swiper-scrollbar {
  position: static !important;
  margin-top: 16px;
  height: 2px !important;
  width: 100% !important;
}
@media (min-width: 768px) {
  .swiper .swiper-scrollbar {
    margin-top: 24px;
  }
}
@media (min-width: 992px) {
  .swiper .swiper-scrollbar {
    margin-top: 42px;
  }
}
.swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--black);
}

.swiper-navigation-icon {
  display: none !important;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "\ea64" !important;
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: "\ea6e" !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: "remixicon" !important;
  font-size: 24px !important;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: var(--secondary);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  inset-inline-start: 50%;
  top: 50%;
  margin-inline-start: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--secondary);
  border-radius: 50%;
  border-top-color: transparent;
}

@media (min-width: 992px) {
  .products-carousel .anywhere-carousel-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 30px;
  }
}
.products-carousel .anywhere-carousel-container .banner-slider {
  height: 100%;
}
.products-carousel .anywhere-carousel-container .banner-slider .swiper-pagination {
  --nb-dot-color: var(--white);
  --nb-pac-color: var(--white);
}
.products-carousel .anywhere-carousel-container .carousel-banner-box {
  display: block;
  width: 100%;
}
.products-carousel .anywhere-carousel-container .carousel-banner-box img {
  border-radius: var(--card-radius-lg);
}
@media (max-width: 991.98px) {
  .products-carousel .anywhere-carousel-container .carousel-banner-box img.banner {
    width: 100%;
    height: auto;
    aspect-ratio: var(--banner-mobile-ratio);
    object-fit: cover;
  }
}
@media (min-width: 992px) {
  .products-carousel .anywhere-carousel-container .carousel-banner-box {
    position: relative;
    width: auto;
    align-self: stretch;
  }
  .products-carousel .anywhere-carousel-container .carousel-banner-box .banner-slider {
    position: absolute;
    inset: 0;
  }
  .products-carousel .anywhere-carousel-container .carousel-banner-box .banner-slider .swiper-wrapper {
    height: 100%;
  }
  .products-carousel .anywhere-carousel-container .carousel-banner-box .banner-slider .swiper-slide {
    height: auto;
    position: relative;
  }
  .products-carousel .anywhere-carousel-container .carousel-banner-box .banner-link {
    position: absolute;
    inset: 0;
    display: block;
  }
  .products-carousel .anywhere-carousel-container .carousel-banner-box img.banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.section__anywhere-carousel-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .section__anywhere-carousel-head {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .section__anywhere-carousel-head {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .section__anywhere-carousel-head {
    margin-bottom: 28px;
  }
}
.section__anywhere-carousel-head .title {
  margin-bottom: 0;
}

.section__anywhere-carousel-head .section-link,
.trending-manufacturers__header .section-link {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
  color: var(--text-primary);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .section__anywhere-carousel-head .section-link,
  .trending-manufacturers__header .section-link {
    font-size: 13px;
  }
}
.section__anywhere-carousel-head .section-link::after,
.trending-manufacturers__header .section-link::after {
  display: inline-block;
  flex-shrink: 0;
  width: 1.3em;
  height: 0.5em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 1.2 6.4 4 2.5 6.8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/0.5em 0.5em no-repeat, linear-gradient(#000 0 0) left center/calc(100% - 1px) 1px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 1.2 6.4 4 2.5 6.8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/0.5em 0.5em no-repeat, linear-gradient(#000 0 0) left center/calc(100% - 1px) 1px no-repeat;
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
[dir=rtl] .section__anywhere-carousel-head .section-link::after,
[dir=rtl] .trending-manufacturers__header .section-link::after {
  transform: scaleX(-1);
}
@media (prefers-reduced-motion: reduce) {
  .section__anywhere-carousel-head .section-link::after,
  .trending-manufacturers__header .section-link::after {
    transition: none;
  }
}
.section__anywhere-carousel-head .section-link::after,
.trending-manufacturers__header .section-link::after {
  content: "";
  font-size: 16px;
}
.section__anywhere-carousel-head .section-link::before,
.trending-manufacturers__header .section-link::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--primary);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s ease;
}
.section__anywhere-carousel-head .section-link:hover, .section__anywhere-carousel-head .section-link:focus-visible,
.trending-manufacturers__header .section-link:hover,
.trending-manufacturers__header .section-link:focus-visible {
  color: var(--primary);
}
.section__anywhere-carousel-head .section-link:hover::before, .section__anywhere-carousel-head .section-link:focus-visible::before,
.trending-manufacturers__header .section-link:hover::before,
.trending-manufacturers__header .section-link:focus-visible::before {
  transform: scaleX(1);
}
.section__anywhere-carousel-head .section-link:hover::after, .section__anywhere-carousel-head .section-link:focus-visible::after,
.trending-manufacturers__header .section-link:hover::after,
.trending-manufacturers__header .section-link:focus-visible::after {
  width: 1.9em;
}

.cat-carousel-controls {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: end;
  gap: 12px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .cat-carousel-controls {
    gap: 24px;
  }
}

.cat-carousel-progress {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: auto;
  text-align: start;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 4px;
}
.cat-carousel-progress .cat-progress__seg {
  box-sizing: content-box;
  flex: 1 1 0;
  height: 2px;
  padding-top: 10px;
  background-color: var(--primary);
  background-clip: content-box;
  cursor: pointer;
  transition: background-color 0.35s ease;
}
.cat-carousel-progress .cat-progress__seg.is-active ~ .cat-progress__seg {
  background-color: var(--border);
}
.cat-carousel-progress .cat-progress__seg.is-active ~ .cat-progress__seg:hover {
  background-color: var(--text-light);
}

.cat-carousel-nav {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0;
  margin-inline-start: auto;
}
.cat-carousel-nav .cat-carousel-nav__prev + .cat-carousel-nav__next {
  margin-inline-start: 6px;
}

.cat-carousel-nav__count {
  min-width: 46px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--text-light);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .cat-carousel-nav__count {
    font-size: 13px;
  }
}
.cat-carousel-nav__count b {
  font-weight: 600;
  color: var(--text-primary);
}

.cat-carousel-nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--button-secondary-bg);
  color: var(--text-primary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
}
@media (min-width: 768px) {
  .cat-carousel-nav__btn {
    width: 30px;
    height: 30px;
  }
}
.cat-carousel-nav__btn {
  position: relative;
  isolation: isolate;
}
.cat-carousel-nav__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .cat-carousel-nav__btn::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .cat-carousel-nav__btn::before {
    transition: none;
  }
}
.cat-carousel-nav__btn:hover, .cat-carousel-nav__btn:focus-visible {
  color: var(--white);
}
.cat-carousel-nav__btn:hover::before, .cat-carousel-nav__btn:focus-visible::before {
  transform: scale(1);
}
.cat-carousel-nav__btn::after {
  font-family: "remixicon" !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: currentColor;
}
@media (min-width: 768px) {
  .cat-carousel-nav__btn::after {
    font-size: 16px !important;
  }
}
.cat-carousel-nav__btn.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.cat-carousel-nav__btn.swiper-button-lock {
  display: none;
}

.cat-carousel-nav__prev::after {
  content: "\ea64" !important;
}

.cat-carousel-nav__next::after {
  content: "\ea6e" !important;
}

[dir=rtl] .cat-carousel-nav__prev::after {
  content: "\ea6e" !important;
}

[dir=rtl] .cat-carousel-nav__next::after {
  content: "\ea64" !important;
}

.products-carousel-main {
  min-width: 0;
}
.products-carousel-main > .swiper {
  height: auto;
}
@media (min-width: 992px) {
  .products-carousel-main {
    flex: 1 1 auto;
  }
}

.carousel-banner-box {
  position: relative;
}
.carousel-banner-box .banner-slider-progress.swiper-pagination-progressbar {
  position: absolute;
  inset-inline: 0;
  top: auto;
  bottom: 6px;
  z-index: 4;
  width: 100%;
  height: 3px;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.55);
}
@media (min-width: 992px) {
  .carousel-banner-box .banner-slider-progress.swiper-pagination-progressbar {
    bottom: 0;
  }
}
.carousel-banner-box .banner-slider-progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--primary);
}
.carousel-banner-box .banner-slider-nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--button-secondary-bg);
  color: var(--text-primary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
}
@media (min-width: 768px) {
  .carousel-banner-box .banner-slider-nav__btn {
    width: 30px;
    height: 30px;
  }
}
.carousel-banner-box .banner-slider-nav__btn {
  position: relative;
  isolation: isolate;
}
.carousel-banner-box .banner-slider-nav__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .carousel-banner-box .banner-slider-nav__btn::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-banner-box .banner-slider-nav__btn::before {
    transition: none;
  }
}
.carousel-banner-box .banner-slider-nav__btn:hover, .carousel-banner-box .banner-slider-nav__btn:focus-visible {
  color: var(--white);
}
.carousel-banner-box .banner-slider-nav__btn:hover::before, .carousel-banner-box .banner-slider-nav__btn:focus-visible::before {
  transform: scale(1);
}
.carousel-banner-box .banner-slider-nav__btn {
  position: absolute;
  bottom: 8px;
  z-index: 4;
  touch-action: manipulation;
}
@media (min-width: 768px) {
  .carousel-banner-box .banner-slider-nav__btn {
    bottom: 12px;
  }
}
.carousel-banner-box .banner-slider-nav__btn::after {
  font-family: "remixicon" !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: currentColor;
}
@media (min-width: 768px) {
  .carousel-banner-box .banner-slider-nav__btn::after {
    font-size: 16px !important;
  }
}
.carousel-banner-box .banner-slider-nav__btn.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.carousel-banner-box .banner-slider-nav__btn.swiper-button-lock {
  display: none;
}
.carousel-banner-box .banner-slider-nav__prev {
  inset-inline-end: 40px;
}
@media (min-width: 768px) {
  .carousel-banner-box .banner-slider-nav__prev {
    inset-inline-end: 48px;
  }
}
.carousel-banner-box .banner-slider-nav__prev::after {
  content: "\ea64" !important;
}
.carousel-banner-box .banner-slider-nav__next {
  inset-inline-end: 8px;
}
@media (min-width: 768px) {
  .carousel-banner-box .banner-slider-nav__next {
    inset-inline-end: 12px;
  }
}
.carousel-banner-box .banner-slider-nav__next::after {
  content: "\ea6e" !important;
}
@media (min-width: 992px) {
  .carousel-banner-box .banner-slider-nav__btn {
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .carousel-banner-box:hover .banner-slider-nav__btn:not(.swiper-button-disabled):not(.swiper-button-lock) {
    opacity: 1;
  }
}

[dir=rtl] .carousel-banner-box .banner-slider-nav__prev::after {
  content: "\ea6e" !important;
}

[dir=rtl] .carousel-banner-box .banner-slider-nav__next::after {
  content: "\ea64" !important;
}

.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container {
  position: relative;
}
@media (min-width: 992px) {
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container {
    align-self: stretch;
    width: auto;
  }
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .carousel-banner-box {
    position: absolute;
    inset: 0;
  }
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .carousel-banner-box {
  overflow: hidden;
  border-radius: var(--card-radius-lg);
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .carousel-banner-box .swiper-pagination {
  position: absolute !important;
  --nb-dot-color: var(--white);
  --nb-pac-color: var(--white);
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .carousel-banner-box .banner-link {
  display: block;
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .carousel-banner-box .banner-wrapper {
  display: block;
  height: 100%;
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .carousel-banner-box img.banner {
  display: block;
}
@media (max-width: 991.98px) {
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .carousel-banner-box .banner-link:has(img.banner-mobile) .banner-wrapper:has(img.banner-desktop) {
    display: none;
  }
}
@media (min-width: 992px) {
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .carousel-banner-box .banner-link:has(img.banner-desktop) .banner-wrapper:has(img.banner-mobile) {
    display: none;
  }
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .carousel-banner-box .banner-wrapper::before {
  border-radius: var(--card-radius-lg);
}
@media (max-width: 767.98px) {
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container:has(> .discount-info) .carousel-banner-box img.banner {
    aspect-ratio: var(--discount-banner-mobile-ratio);
    max-height: 460px;
  }
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info {
  position: absolute;
  inset-inline: 14px;
  inset-block-end: 14px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 16px 18px;
  border-radius: var(--card-radius-md);
  background-color: color-mix(in srgb, var(--white) 94%, transparent);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent);
  color: var(--text-primary);
  text-align: start;
  pointer-events: none;
  container-type: inline-size;
}
@media (min-width: 768px) {
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info {
    inset-inline: 18px;
    inset-block-end: 18px;
    gap: 12px;
    padding: 18px 18px 20px;
  }
}
@media (min-width: 992px) {
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info {
    inset-inline: 16px;
    inset-block-end: 16px;
  }
}
@media (max-width: 991.98px) {
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info {
    max-width: 380px;
    margin-inline: auto;
  }
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info .title {
  position: relative;
  margin: 0;
  padding-block-end: 12px;
  font-family: var(--font-body);
  font-weight: var(--fw-semibold);
  font-size: clamp(18px, 1.9vw, 26px);
  letter-spacing: 0.01em;
  line-height: 1.1;
  text-align: center;
  color: var(--text-primary);
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info .title::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  margin-inline: auto;
  width: 40px;
  height: 1px;
  background-color: var(--accent);
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info .timer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  width: 100%;
}
@media (min-width: 768px) {
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info .timer {
    gap: 8px;
  }
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info .timer > span {
  display: none;
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info .timer > div {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info .timer > div > span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-block: 9px;
  border-radius: var(--card-radius-sm);
  background-color: var(--primary);
  color: var(--white);
  font-family: var(--font-body);
  font-size: clamp(16px, 1.5vw, 21px);
  font-weight: var(--fw-semibold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info .timer > div .text {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: var(--fw-medium);
  line-height: 1;
  white-space: nowrap;
  text-transform: lowercase;
  color: var(--text-light);
}
@container (max-width: 210px) {
  .section__anywhere-carousel-grid .discounted-product-carousel .anywhere-carousel-container .left-container .discount-info .timer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 10px;
  }
}

.product-review-slider {
  height: auto;
  overflow-x: clip;
  overflow-y: visible;
}
.product-review-slider .swiper-slide {
  height: auto;
}

.carousel-review-box {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: visible;
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-lg);
  background: var(--gray-100);
  text-align: start;
  transition: border-color 0.35s ease;
}
.carousel-review-box:hover {
  border-color: var(--accent-dark);
}
.carousel-review-box .review-box-upper {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 22px 18px 0;
  border-start-start-radius: max(0px, var(--card-radius-lg) - 1px);
  border-start-end-radius: max(0px, var(--card-radius-lg) - 1px);
  background-image: linear-gradient(180deg, var(--gray-200) 0%, var(--gray-100) 42%, color-mix(in srgb, var(--accent) 26%, var(--gray-100)) 100%);
}
@media (min-width: 768px) {
  .carousel-review-box .review-box-upper {
    padding: 28px 24px 0;
  }
}
@media (min-width: 1200px) {
  .carousel-review-box .review-box-upper {
    padding: 36px 32px 0;
  }
}
.carousel-review-box .review-box-upper:last-child {
  border-end-start-radius: max(0px, var(--card-radius-lg) - 1px);
  border-end-end-radius: max(0px, var(--card-radius-lg) - 1px);
}
.carousel-review-box .review-box-upper:last-child .carousel-review-box__rating {
  border-end-start-radius: max(0px, var(--card-radius-lg) - 1px);
}
.carousel-review-box .review-box-upper::after {
  content: "“";
  position: absolute;
  inset-block-end: -0.38em;
  inset-inline-end: 16px;
  z-index: 0;
  font-family: var(--font-heading);
  font-size: 104px;
  line-height: 1;
  color: var(--accent-dark);
  opacity: 0.26;
  pointer-events: none;
}
[dir=rtl] .carousel-review-box .review-box-upper::after {
  content: "”";
}
.carousel-review-box__rating {
  order: 4;
  align-self: flex-start;
  margin: auto 0 0 -18px;
  padding: 13px 26px 13px 18px;
  border-start-end-radius: 999px;
  border-end-end-radius: 999px;
  background-color: var(--primary);
  box-shadow: 0 12px 26px -14px color-mix(in srgb, var(--primary) 85%, transparent);
}
@media (min-width: 768px) {
  .carousel-review-box__rating {
    margin-inline-start: -24px;
    padding: 15px 30px 15px 24px;
  }
}
@media (min-width: 1200px) {
  .carousel-review-box__rating {
    margin-inline-start: -32px;
    padding: 16px 34px 16px 32px;
  }
}
.carousel-review-box__rating .rating {
  width: 95px;
  height: 19px;
  background-color: color-mix(in srgb, var(--accent) 32%, transparent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
  -webkit-mask-size: 19px 19px;
  mask-size: 19px 19px;
}
.carousel-review-box__rating .rating div {
  height: 19px;
  background-color: var(--accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
  -webkit-mask-size: 19px 19px;
  mask-size: 19px 19px;
}
.carousel-review-box__title {
  order: 2;
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 10px;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-dark);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 2.8em;
}
@media (min-width: 768px) {
  .carousel-review-box__title {
    font-size: 11px;
    margin-bottom: 12px;
  }
}
.carousel-review-box__review-text {
  display: -webkit-box;
  overflow: hidden;
  order: 3;
  margin: 0 0 20px;
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-secondary);
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  min-height: 6.8em;
}
@media (min-width: 768px) {
  .carousel-review-box__review-text {
    margin-bottom: 24px;
    font-size: 15px;
    -webkit-line-clamp: 4;
    min-height: 6.8em;
  }
}
@media (min-width: 1200px) {
  .carousel-review-box__review-text {
    margin-bottom: 24px;
  }
}
.carousel-review-box__author {
  order: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-block-end: 16px;
  padding-inline-end: 58px;
}
@media (min-width: 768px) {
  .carousel-review-box__author {
    padding-inline-end: 66px;
  }
}
@media (min-width: 1200px) {
  .carousel-review-box__author {
    padding-inline-end: 76px;
  }
}
.carousel-review-box__author-image {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: 18px;
  z-index: 5;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .carousel-review-box__author-image {
    width: 52px;
    height: 52px;
    inset-block-start: 20px;
    inset-inline-end: 24px;
  }
}
@media (min-width: 1200px) {
  .carousel-review-box__author-image {
    width: 60px;
    height: 60px;
    inset-block-start: 24px;
    inset-inline-end: 32px;
  }
}
.carousel-review-box__author-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  background-color: var(--white);
  box-shadow: 0 0 0 4px var(--white), 0 0 0 5px var(--accent-dark), 0 8px 18px -10px color-mix(in srgb, var(--primary) 55%, transparent);
}
.carousel-review-box__author-info {
  min-width: 0;
  flex: 1 1 auto;
  padding-block-end: 14px;
  border-block-end: 1px solid var(--gray-200);
}
.carousel-review-box__author-info__name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--font-heading);
  font-size: 21px;
  font-weight: var(--fw-semibold);
  line-height: 1.2;
  letter-spacing: var(--heading-letter-spacing);
  color: var(--accent-dark);
}
@media (min-width: 768px) {
  .carousel-review-box__author-info__name {
    font-size: 23px;
  }
}
.carousel-review-box__author-info__address {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-light);
}
.carousel-review-box__author-info__reviewCreatedOn {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-light);
}
.carousel-review-box__product {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-end-start-radius: max(0px, var(--card-radius-lg) - 1px);
  border-end-end-radius: max(0px, var(--card-radius-lg) - 1px);
  background-color: var(--white);
}
@media (min-width: 768px) {
  .carousel-review-box__product {
    padding: 18px 24px;
  }
}
@media (min-width: 1200px) {
  .carousel-review-box__product {
    padding: 20px 32px;
  }
}
.carousel-review-box__product-image {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .carousel-review-box__product-image {
    width: 56px;
    height: 56px;
  }
}
.carousel-review-box__product-image img {
  width: 100%;
  height: 100%;
  border-radius: var(--card-radius-sm);
  object-fit: cover;
}
.carousel-review-box__product-info {
  min-width: 0;
  flex: 1 1 auto;
}
.carousel-review-box__product-info__name {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.carousel-review-box__product-info__name span {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-light);
}
.carousel-review-box__product-info__name a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  transition: color 0.25s ease;
}
.carousel-review-box__product-info__name a:hover {
  color: var(--primary);
}
.carousel-review-box__product-info__price {
  margin-top: 4px;
}
.carousel-review-box__product-info__price .actual-price {
  margin-inline-end: 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
.carousel-review-box__product-info__price .old-price {
  font-size: 13px;
  font-weight: 400;
  color: var(--text-light);
  text-decoration: line-through;
}

@property --nb-tab-fade-start {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --nb-tab-fade-end {
  syntax: "<length>";
  inherits: false;
  initial-value: 32px;
}
@keyframes nb-tab-row-edges {
  0% {
    --nb-tab-fade-start: 0px;
    --nb-tab-fade-end: 32px;
  }
  6%, 94% {
    --nb-tab-fade-start: 32px;
    --nb-tab-fade-end: 32px;
  }
  100% {
    --nb-tab-fade-start: 32px;
    --nb-tab-fade-end: 0px;
  }
}
.category-link__logo,
.manufacturer-link__logo {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 50%;
  background-color: var(--gray-100);
}

.category-link__name,
.manufacturer-link__name {
  min-width: 0;
}

.trending-categories__header {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .trending-categories__header {
    margin-bottom: 32px;
  }
}
.trending-categories__lists {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-top: 16px;
}
.trending-categories__lists::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .trending-categories__lists {
    flex-wrap: wrap;
    overflow-x: visible;
  }
}
@media (min-width: 992px) {
  .trending-categories__lists {
    margin-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .trending-categories__lists {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--nb-tab-fade-start), #000 calc(100% - var(--nb-tab-fade-end)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--nb-tab-fade-start), #000 calc(100% - var(--nb-tab-fade-end)), transparent 100%);
  }
  [dir=rtl] .trending-categories__lists {
    -webkit-mask-image: linear-gradient(to left, transparent 0, #000 var(--nb-tab-fade-start), #000 calc(100% - var(--nb-tab-fade-end)), transparent 100%);
    mask-image: linear-gradient(to left, transparent 0, #000 var(--nb-tab-fade-start), #000 calc(100% - var(--nb-tab-fade-end)), transparent 100%);
  }
  @supports (animation-timeline: scroll(self inline)) {
    .trending-categories__lists {
      animation: nb-tab-row-edges linear both;
      animation-timeline: scroll(self inline);
    }
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .trending-categories__lists {
    animation: none;
  }
}
.trending-categories__lists .category-link {
  position: relative;
  isolation: isolate;
}
.trending-categories__lists .category-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--accent);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .trending-categories__lists .category-link::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .trending-categories__lists .category-link::before {
    transition: none;
  }
}
.trending-categories__lists .category-link {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  transition: color 0.35s ease, background-color 0s;
}
.trending-categories__lists .category-link:hover, .trending-categories__lists .category-link:focus-visible {
  color: var(--text-primary);
  background: var(--accent);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.trending-categories__lists .category-link:hover::before, .trending-categories__lists .category-link:focus-visible::before {
  transform: scaleX(1);
}
.trending-categories__lists .category-link {
  box-shadow: inset 0 0 0 1px var(--accent);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding: 5px 18px 5px 5px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}
.trending-categories__lists .category-link:not(:has(.category-link__logo, .manufacturer-link__logo)) {
  padding: 11px 18px;
}
.trending-categories__lists .category-link.trending-active, .trending-categories__lists .category-link.trending-active:hover, .trending-categories__lists .category-link.trending-active:focus-visible {
  color: var(--white);
  background: var(--primary);
  box-shadow: inset 0 0 0 1px var(--primary);
  transition: color 0s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
.trending-categories__lists .category-link.trending-active::before, .trending-categories__lists .category-link.trending-active:hover::before, .trending-categories__lists .category-link.trending-active:focus-visible::before {
  display: none;
}
.trending-categories__banner {
  position: relative;
  overflow: hidden;
  background-color: var(--pbox-image-bg);
  border-radius: var(--card-radius-lg);
}
.trending-categories__banner img {
  width: 100%;
  height: auto;
  border-radius: var(--card-radius-lg);
}
@media (max-width: 991.98px) {
  .trending-categories__banner img {
    aspect-ratio: var(--banner-mobile-ratio);
    object-fit: contain;
    padding: var(--space-4);
  }
}
@media (min-width: 992px) {
  .trending-categories__banner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: var(--space-5) var(--space-4) calc(var(--space-7) + 40px);
  }
}
.trending-categories__banner .trending-categories__banner__button {
  position: relative;
  isolation: isolate;
}
.trending-categories__banner .trending-categories__banner__button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .trending-categories__banner .trending-categories__banner__button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .trending-categories__banner .trending-categories__banner__button::before {
    transition: none;
  }
}
.trending-categories__banner .trending-categories__banner__button {
  overflow: hidden;
  color: var(--secondary);
  background-color: var(--white);
  transition: color 0.35s ease, background-color 0s, border-color 0.35s ease;
}
.trending-categories__banner .trending-categories__banner__button:hover, .trending-categories__banner .trending-categories__banner__button:focus-visible {
  color: var(--white);
  background: var(--primary);
  transition: color 0.35s ease, background-color 0s linear 0.475s, border-color 0.35s ease;
}
.trending-categories__banner .trending-categories__banner__button:hover::before, .trending-categories__banner .trending-categories__banner__button:focus-visible::before {
  transform: scaleX(1);
}
.trending-categories__banner .trending-categories__banner__button {
  position: absolute;
  inset-inline: 16px;
  bottom: 16px;
  z-index: 2;
  border: 1px solid var(--border);
  border-radius: var(--button-radius);
}
.trending-categories__banner .trending-categories__banner__button:hover, .trending-categories__banner .trending-categories__banner__button:focus-visible {
  border-color: var(--primary);
}
@media (min-width: 992px) {
  .trending-categories__banner .trending-categories__banner__button {
    inset-inline: 20px;
    bottom: 20px;
  }
}
.trending-categories #trending-categories-container {
  display: block;
}

.best-seller .best-seller__box .navigation {
  background-color: var(--secondary);
}

.best-seller__box-wrapper:hover .navigation {
  background-color: var(--primary);
}

.best-seller-catagories__title p {
  text-align: center;
}

.trending-manufacturers__header {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .trending-manufacturers__header {
    margin-bottom: 32px;
  }
}
.trending-manufacturers__lists {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-top: 16px;
}
.trending-manufacturers__lists::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .trending-manufacturers__lists {
    flex-wrap: wrap;
    overflow-x: visible;
  }
}
@media (min-width: 992px) {
  .trending-manufacturers__lists {
    margin-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .trending-manufacturers__lists {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--nb-tab-fade-start), #000 calc(100% - var(--nb-tab-fade-end)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--nb-tab-fade-start), #000 calc(100% - var(--nb-tab-fade-end)), transparent 100%);
  }
  [dir=rtl] .trending-manufacturers__lists {
    -webkit-mask-image: linear-gradient(to left, transparent 0, #000 var(--nb-tab-fade-start), #000 calc(100% - var(--nb-tab-fade-end)), transparent 100%);
    mask-image: linear-gradient(to left, transparent 0, #000 var(--nb-tab-fade-start), #000 calc(100% - var(--nb-tab-fade-end)), transparent 100%);
  }
  @supports (animation-timeline: scroll(self inline)) {
    .trending-manufacturers__lists {
      animation: nb-tab-row-edges linear both;
      animation-timeline: scroll(self inline);
    }
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .trending-manufacturers__lists {
    animation: none;
  }
}
.trending-manufacturers__lists .manufacturer-link {
  position: relative;
  isolation: isolate;
}
.trending-manufacturers__lists .manufacturer-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--accent);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .trending-manufacturers__lists .manufacturer-link::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .trending-manufacturers__lists .manufacturer-link::before {
    transition: none;
  }
}
.trending-manufacturers__lists .manufacturer-link {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  transition: color 0.35s ease, background-color 0s;
}
.trending-manufacturers__lists .manufacturer-link:hover, .trending-manufacturers__lists .manufacturer-link:focus-visible {
  color: var(--text-primary);
  background: var(--accent);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.trending-manufacturers__lists .manufacturer-link:hover::before, .trending-manufacturers__lists .manufacturer-link:focus-visible::before {
  transform: scaleX(1);
}
.trending-manufacturers__lists .manufacturer-link {
  box-shadow: inset 0 0 0 1px var(--accent);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding: 5px 18px 5px 5px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}
.trending-manufacturers__lists .manufacturer-link:not(:has(.category-link__logo, .manufacturer-link__logo)) {
  padding: 11px 18px;
}
.trending-manufacturers__lists .manufacturer-link.trending-active, .trending-manufacturers__lists .manufacturer-link.trending-active:hover, .trending-manufacturers__lists .manufacturer-link.trending-active:focus-visible {
  color: var(--white);
  background: var(--primary);
  box-shadow: inset 0 0 0 1px var(--primary);
  transition: color 0s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
.trending-manufacturers__lists .manufacturer-link.trending-active::before, .trending-manufacturers__lists .manufacturer-link.trending-active:hover::before, .trending-manufacturers__lists .manufacturer-link.trending-active:focus-visible::before {
  display: none;
}

.anywhere-carousel-manufacturer .manufacturer-item {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-md);
  background-color: var(--gray-100);
  transition: border-color 0.35s ease;
}
.anywhere-carousel-manufacturer .manufacturer-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(135deg, color-mix(in srgb, var(--accent) 42%, var(--white)) 0%, var(--gray-100) 52%, color-mix(in srgb, var(--bg-secondary) 68%, var(--white)) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.anywhere-carousel-manufacturer .manufacturer-item::after {
  content: "";
  position: absolute;
  inset-block-start: 9px;
  inset-inline-start: 9px;
  z-index: 2;
  width: 14px;
  height: 14px;
  border-block-start: 1px solid var(--accent-dark);
  border-inline-start: 1px solid var(--accent-dark);
  opacity: 0;
  transform: translate(5px, 5px);
  transition: opacity 0.35s ease, transform 0.35s ease;
  pointer-events: none;
}
.anywhere-carousel-manufacturer .manufacturer-item:hover {
  border-color: var(--accent-dark);
}
.anywhere-carousel-manufacturer .manufacturer-item:hover::before {
  opacity: 1;
}
.anywhere-carousel-manufacturer .manufacturer-item:hover::after {
  opacity: 1;
  transform: translate(0, 0);
}
.anywhere-carousel-manufacturer .manufacturer-item .picture {
  position: relative;
  z-index: 1;
  margin: 0;
  border: none;
}
.anywhere-carousel-manufacturer .manufacturer-item .picture a {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 3/2;
  padding: 0;
}
.anywhere-carousel-manufacturer .manufacturer-item .picture img {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.6;
  transform: scale(0.94);
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}
.anywhere-carousel-manufacturer .manufacturer-item .picture img {
  object-fit: cover;
  filter: none;
  opacity: 1;
  transform: none;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.anywhere-carousel-manufacturer .manufacturer-item:hover .picture img {
  transform: scale(1.05);
}

.anywhere-carousel-vendor .vendor-item {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-md);
  background-color: var(--gray-100);
  transition: border-color 0.35s ease;
}
.anywhere-carousel-vendor .vendor-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(135deg, color-mix(in srgb, var(--accent) 42%, var(--white)) 0%, var(--gray-100) 52%, color-mix(in srgb, var(--bg-secondary) 68%, var(--white)) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.anywhere-carousel-vendor .vendor-item::after {
  content: "";
  position: absolute;
  inset-block-start: 9px;
  inset-inline-start: 9px;
  z-index: 2;
  width: 14px;
  height: 14px;
  border-block-start: 1px solid var(--accent-dark);
  border-inline-start: 1px solid var(--accent-dark);
  opacity: 0;
  transform: translate(5px, 5px);
  transition: opacity 0.35s ease, transform 0.35s ease;
  pointer-events: none;
}
.anywhere-carousel-vendor .vendor-item:hover {
  border-color: var(--accent-dark);
}
.anywhere-carousel-vendor .vendor-item:hover::before {
  opacity: 1;
}
.anywhere-carousel-vendor .vendor-item:hover::after {
  opacity: 1;
  transform: translate(0, 0);
}
.anywhere-carousel-vendor .vendor-item .picture {
  position: relative;
  z-index: 1;
  margin: 0;
  border: none;
}
.anywhere-carousel-vendor .vendor-item .picture a {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 3/2;
  padding: 12%;
}
.anywhere-carousel-vendor .vendor-item .picture img {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.6;
  transform: scale(0.94);
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}
.anywhere-carousel-vendor .vendor-item .picture a {
  aspect-ratio: 4/3;
  padding-block-end: 7%;
}
.anywhere-carousel-vendor .vendor-item .title {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 15px 14px 18px;
  text-align: center;
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: var(--fw-semibold);
  line-height: 1.25;
  letter-spacing: var(--heading-letter-spacing);
}
@media (min-width: 768px) {
  .anywhere-carousel-vendor .vendor-item .title {
    font-size: 19px;
  }
}
.anywhere-carousel-vendor .vendor-item .title::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  width: 26px;
  height: 1px;
  background-color: var(--accent);
  transform: translateX(-50%);
  transition: width 0.35s ease, background-color 0.35s ease;
}
.anywhere-carousel-vendor .vendor-item .title a {
  display: -webkit-box;
  overflow: hidden;
  min-height: 2.5em;
  text-align: center;
  color: var(--accent-dark);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color 0.3s ease;
}
.anywhere-carousel-vendor .vendor-item:hover .picture img {
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1);
}
.anywhere-carousel-vendor .vendor-item:hover .title::before {
  width: 48px;
  background-color: var(--accent-dark);
}
.anywhere-carousel-vendor .vendor-item:hover .title a {
  color: var(--primary);
}

/*
   NopGadence lazy carousel skeletons
   --------------------------------
   These rules intentionally live in the theme bundle. The shared plugin
   stylesheet treats every skeleton as a full-height grey block, while the
   NopGadence carousel cards have a product-image ratio, text details, campaign
   column, and a static scrollbar. Keeping the reserve box and skeleton at
   different heights prevents the placeholder from stretching those parts.
*/
/* Zone-independent gutter.
   The homepage widget zones are inconsistent: HomepageBeforeCategories /
   -BeforeProducts / -BeforeBestSellers are wrapped in `<div class="container">`,
   while HomepageTop / -BeforeNews / -BeforePoll / -Bottom are not. So a carousel
   dropped into the "wrong" zone rendered edge-to-edge. Every carousel view (and
   the matching skeleton) now carries its own `.container`; this collapses the
   inner one when the zone already supplies the gutter, so the padding is single
   either way. */
.container .anywhere-carousel-wrapper .container {
  padding-inline: 0;
}

/* One carousel, one bottom gap.
   The wrapper is a plain <div> in both the eager and the lazy path, so a page's own
   `section` rhythm never lands on it - which left carousels flush against whatever
   followed, and stacked two carousels in the same zone right on top of each other.
   The rhythm therefore lives on the wrapper, and any <section> inside is flattened
   so a lazy carousel cannot end up with two gaps. Keeping it on the wrapper also
   means the gap is identical before and after the async load, so nothing shifts. */
.anywhere-carousel-wrapper,
.home-page .anywhere-carousel-wrapper {
  margin-block: 50px;
}

.anywhere-carousel-wrapper section {
  margin-bottom: 0;
}

/* The reserve box is only a loading-time CLS guard. Loaded carousels grow
   naturally with the same rules as the real NopGadence markup. */
.bss-lazy-carousel:not(.bss-lazy-loaded) {
  overflow: hidden;
  contain: layout;
  box-sizing: border-box;
  min-height: var(--bss-carousel-reserve, 300px);
  max-height: var(--bss-carousel-reserve, 300px);
  height: var(--bss-carousel-reserve, 300px);
}

.bss-lazy-carousel.bss-lazy-loaded {
  overflow: visible;
  contain: none;
  height: auto;
  max-height: none;
}

@media (max-width: 768px) {
  .bss-lazy-carousel:not(.bss-lazy-loaded) {
    min-height: var(--bss-carousel-reserve-mobile, var(--bss-carousel-reserve, 260px));
    max-height: var(--bss-carousel-reserve-mobile, var(--bss-carousel-reserve, 260px));
    height: var(--bss-carousel-reserve-mobile, var(--bss-carousel-reserve, 260px));
  }
}
.bss-carousel-skeleton {
  --bss-skeleton-base: var(--gray-300);
  --bss-skeleton-highlight: var(--gray-100);
  --bss-skeleton-cover-bg: var(--white);
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-block: 0;
  pointer-events: none;
}

/* Never stretch the low-definition geometry to fill the outer reserve. */
.bss-lazy-carousel:not(.bss-lazy-loaded) .bss-carousel-skeleton,
.bss-carousel-skeleton--overlay {
  box-sizing: border-box;
  flex: 0 0 auto;
  height: auto;
  max-height: none;
  min-height: 0;
  overflow: hidden;
  gap: 0;
}

.bss-carousel-skeleton__head {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin-bottom: var(--space-5);
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__head {
    margin-bottom: var(--space-6);
  }
}

.bss-carousel-skeleton__rule {
  flex: 0 0 auto;
  width: 56px;
  height: 1px;
  margin-top: 11px;
  background-color: var(--bss-skeleton-base);
}

.bss-carousel-skeleton__line--link {
  width: 84px;
  min-width: 0;
  height: 10px;
  margin-block: 17px 5px;
}
.bss-carousel-skeleton__line--link:first-child {
  margin-block: 6px;
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__line--link {
    margin-block: 18px 6px;
  }
  .bss-carousel-skeleton__line--link:first-child {
    margin-block: 7px;
  }
}

.bss-carousel-skeleton__line {
  position: relative;
  overflow: hidden;
  height: 12px;
  border-radius: var(--radius-base);
  background: var(--bss-skeleton-base);
}

.bss-carousel-skeleton__line--title {
  width: 30%;
  min-width: 160px;
  height: 26px;
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__line--title {
    height: 35px;
  }
}
@media (min-width: 1200px) {
  .bss-carousel-skeleton__line--title {
    height: 46px;
  }
}

.bss-carousel-skeleton__line--subtitle {
  width: 45%;
  min-width: 200px;
  height: 16px;
}

.bss-carousel-skeleton__line--name {
  width: 82%;
  height: 14px;
}

.bss-carousel-skeleton__line--price {
  width: 42%;
  height: 17px;
}

/* Every image placeholder takes the product box picture's height from the same
   variable, so the Image shape setting (portrait, square, landscape) applies here too. */
.bss-carousel-skeleton__thumb {
  position: relative;
  width: 100%;
  height: 0;
  flex: 0 0 auto;
  padding-top: var(--pbox-image-ratio, 142%);
  overflow: hidden;
  border-radius: var(--card-radius-md);
  background: var(--bss-skeleton-base);
}

.bss-carousel-skeleton__banner,
.bss-carousel-skeleton__banner-col,
.bss-carousel-skeleton__logo,
.bss-carousel-skeleton__rating,
.bss-carousel-skeleton__timer-cell,
.bss-carousel-skeleton__tab-label,
.bss-carousel-skeleton__review-avatar,
.bss-carousel-skeleton__thumb-sm {
  position: relative;
  overflow: hidden;
  background: var(--bss-skeleton-base);
}

.bss-carousel-skeleton__banner::after,
.bss-carousel-skeleton__banner-col::after,
.bss-carousel-skeleton__thumb::after,
.bss-carousel-skeleton__line::after,
.bss-carousel-skeleton__logo::after,
.bss-carousel-skeleton__rating::after,
.bss-carousel-skeleton__timer-cell::after,
.bss-carousel-skeleton__tab-label::after,
.bss-carousel-skeleton__review-avatar::after,
.bss-carousel-skeleton__thumb-sm::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
  width: 60%;
  content: "";
  background: linear-gradient(90deg, transparent, var(--bss-skeleton-highlight), transparent);
  animation: bss-skeleton-sweep 1.4s ease-in-out infinite;
}

@keyframes bss-skeleton-sweep {
  to {
    transform: translateX(280%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .bss-carousel-skeleton__banner::after,
  .bss-carousel-skeleton__banner-col::after,
  .bss-carousel-skeleton__thumb::after,
  .bss-carousel-skeleton__line::after,
  .bss-carousel-skeleton__logo::after,
  .bss-carousel-skeleton__rating::after,
  .bss-carousel-skeleton__timer-cell::after,
  .bss-carousel-skeleton__tab-label::after,
  .bss-carousel-skeleton__review-avatar::after,
  .bss-carousel-skeleton__thumb-sm::after {
    animation: none;
  }
}
/* Shared slide track. The inline gap is generated from the carousel's actual
   SpaceBetween setting, so the skeleton has the same columns as Swiper. */
.bss-carousel-skeleton__slides {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
  overflow: hidden;
}

.bss-carousel-skeleton__slide {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
}

.bss-carousel-skeleton__slide--card,
.bss-carousel-skeleton__slide--tile,
.bss-carousel-skeleton__slide--vendor {
  background: transparent;
}

.bss-carousel-skeleton__slide--card {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.bss-carousel-skeleton__card-details {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__card-details {
    margin-top: 14px;
  }
}

.bss-carousel-skeleton__card-title {
  display: flex;
  align-items: center;
  height: 23px;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__card-title {
    height: 25px;
  }
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__card-title {
    height: 26px;
  }
}
.bss-carousel-skeleton__card-title .bss-carousel-skeleton__line--name {
  width: 78%;
  height: 13px;
}

.bss-carousel-skeleton__card-price {
  display: flex;
  align-items: flex-end;
  height: 28px;
  margin-top: 6px;
  padding-bottom: 4px;
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__card-price {
    height: 30px;
  }
}
.bss-carousel-skeleton__card-price .bss-carousel-skeleton__line--price {
  width: 40%;
  height: 15px;
}

.bss-carousel-skeleton__card-swatches {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__card-swatches {
    height: 48px;
  }
}
.bss-carousel-skeleton__card-swatches span {
  width: 18px;
  height: 18px;
  background-color: var(--bss-skeleton-base);
}

.bss-carousel-skeleton__card-button {
  display: flex;
  align-items: flex-end;
  height: 42px;
}
.bss-carousel-skeleton__card-button .bss-carousel-skeleton__line--button {
  width: 62%;
  height: 32px;
  border-radius: var(--button-radius);
}

.bss-carousel-skeleton__slide--compact {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  background: transparent;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__slide--compact {
    gap: 16px;
  }
}

[data-nb-pbox-frame=outline] .bss-carousel-skeleton__slide--compact {
  padding: 8px;
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-lg);
}

.bss-carousel-skeleton__compact-thumb {
  flex: 0 0 var(--pbox-h-thumb);
  width: var(--pbox-h-thumb);
}

.bss-carousel-skeleton__compact-details {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.bss-carousel-skeleton__compact-details .bss-carousel-skeleton__line--name {
  width: 86%;
  height: 13px;
}
.bss-carousel-skeleton__compact-details .bss-carousel-skeleton__line--name.short {
  width: 58%;
}

.bss-carousel-skeleton__compact-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 6px;
}
.bss-carousel-skeleton__compact-meta .bss-carousel-skeleton__line--price {
  width: 40%;
  height: 15px;
}

.bss-carousel-skeleton__compact-cart {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--bss-skeleton-base);
}

/* Product carousels: banner/campaign column plus the same low-definition
   product box used by the live Swiper slides. */
.bss-carousel-skeleton__product-layout {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 24px;
}

.bss-carousel-skeleton__campaign {
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  overflow: hidden;
}

.bss-carousel-skeleton__campaign--with-banner .bss-carousel-skeleton__banner {
  width: 100%;
  height: auto;
  aspect-ratio: var(--bss-skeleton-banner-ratio, 16/9);
  border-radius: var(--card-radius-lg);
}

@media (max-width: 767.98px) {
  .bss-carousel-skeleton__campaign--with-banner:has(> .bss-carousel-skeleton__discount-info) .bss-carousel-skeleton__banner {
    aspect-ratio: var(--discount-banner-mobile-ratio);
    max-height: 460px;
  }
}

.bss-carousel-skeleton__campaign--discount-only {
  min-height: 96px;
}

.bss-carousel-skeleton__discount-info {
  position: absolute;
  inset-inline: 14px;
  inset-block-end: 14px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 16px 16px 18px;
  background-color: color-mix(in srgb, var(--white) 94%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent);
  container-type: inline-size;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__discount-info {
    inset-inline: 18px;
    inset-block-end: 18px;
    gap: 12px;
    padding: 18px 18px 20px;
  }
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__discount-info {
    inset-inline: 16px;
    inset-block-end: 16px;
  }
}
@media (max-width: 991.98px) {
  .bss-carousel-skeleton__discount-info {
    max-width: 380px;
    margin-inline: auto;
  }
}

.bss-carousel-skeleton__discount-rule {
  width: 40px;
  height: 1px;
  background-color: var(--accent);
}

.bss-carousel-skeleton__line--discount-title {
  width: 70%;
  height: clamp(18px, 1.9vw, 26px);
}

.bss-carousel-skeleton__timer {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__timer {
    gap: 8px;
  }
}

@container (max-width: 210px) {
  .bss-carousel-skeleton__timer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 10px;
  }
}
.bss-carousel-skeleton__timer-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.bss-carousel-skeleton__timer-label {
  display: block;
  width: 100%;
  max-width: 30px;
  height: 10px;
  border-radius: var(--radius-base);
}

.bss-carousel-skeleton__timer-cell {
  display: block;
  width: 100%;
  height: calc(18px + clamp(16px, 1.5vw, 21px));
  border-radius: var(--card-radius-sm);
}

.bss-carousel-skeleton__product-track {
  flex: 1 1 auto;
  min-width: 0;
}

.bss-carousel-skeleton__scrollbar {
  position: relative;
  width: 100%;
  height: 2px;
  margin-top: 16px;
  overflow: hidden;
  background: var(--gray-300);
}

.bss-carousel-skeleton__scrollbar::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 32%;
  content: "";
  background: var(--black);
}

/* Trending carousels use a category/manufacturer tab row, then the NopGadence
   banner and product track side by side on larger screens. */
.bss-carousel-skeleton__composite,
.bss-carousel-skeleton__composite-main {
  width: 100%;
}

.bss-carousel-skeleton__composite-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__composite-main {
    gap: 32px;
  }
}

.bss-carousel-skeleton__tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: safe center;
  gap: 12px;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__tabs {
    flex-wrap: wrap;
  }
}

.bss-carousel-skeleton__tab {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  padding: 5px 18px 5px 5px;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px var(--bss-skeleton-base);
}

.bss-carousel-skeleton__tab-logo {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--bss-skeleton-base);
}

.bss-carousel-skeleton__tab-label {
  width: 72px;
  height: 12px;
  border-radius: var(--radius-base);
}

.bss-carousel-skeleton__composite-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bss-carousel-skeleton__banner-col {
  width: 100%;
  flex: 0 0 auto;
  aspect-ratio: var(--bss-skeleton-banner-ratio, 1/1.5);
  border-radius: var(--card-radius-lg);
}

.bss-carousel-skeleton__banner-col-button {
  position: absolute;
  inset-inline: 16px;
  bottom: 16px;
  z-index: 1;
  height: 46px;
  border-radius: var(--button-radius);
  background-color: var(--white);
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__banner-col-button {
    inset-inline: 20px;
    bottom: 20px;
  }
}

/* Categories and subcategories have an image followed by a centered title. */
.bss-carousel-skeleton__slide--tile {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.bss-carousel-skeleton__slide--tile .bss-carousel-skeleton__thumb {
  height: auto;
  padding-top: 0;
  aspect-ratio: 1/1;
  border-radius: var(--card-radius-lg);
}

.bss-carousel-skeleton__tile-foot {
  display: flex;
  width: 100%;
  justify-content: center;
}

.bss-carousel-skeleton__line--tile-label {
  width: 70%;
  height: 15px;
}

/* Homepage category carousel: editorial 3/4 portrait tiles with a left-aligned
   label, plus a "‹ 3 / 5 ›" controls row instead of the generic scrollbar — the
   skeleton must match so the swap-in has no size jump. */
.bss-carousel-skeleton--home-category .bss-carousel-skeleton__slide--tile {
  align-items: stretch;
  gap: 0;
}
.bss-carousel-skeleton--home-category .bss-carousel-skeleton__slide--tile .bss-carousel-skeleton__thumb {
  aspect-ratio: 3/4;
  border-radius: var(--card-radius-md);
}
.bss-carousel-skeleton--home-category .bss-carousel-skeleton__tile-foot {
  justify-content: flex-start;
  margin-block-start: 14px;
  padding-block-start: 12px;
  border-block-start: 1px solid var(--accent);
}
.bss-carousel-skeleton--home-category .bss-carousel-skeleton__line--tile-label {
  width: 55%;
  height: 16px;
}

.bss-carousel-skeleton--catalog-category {
  padding-block: 26px 18px;
  border-block-start: 1px solid var(--accent);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton--catalog-category {
    padding-block: 34px 24px;
  }
}
.bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__head {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-block-end: var(--space-4);
}
@media (min-width: 992px) {
  .bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__head {
    margin-block-end: var(--space-4);
  }
}
.bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__rule {
  order: -1;
  width: 30px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__rule {
    width: 38px;
  }
}
.bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__line--title {
  width: 150px;
  min-width: 0;
  height: 17px;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__line--title {
    height: 18px;
  }
}
.bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__line--link {
  margin-block: 0;
  margin-inline-start: auto;
}
.bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__tile-foot {
  margin-block-start: 10px;
  padding-block-start: 9px;
}
.bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__line--tile-label {
  height: 14px;
}
.bss-carousel-skeleton--catalog-category .bss-carousel-skeleton__cat-controls {
  margin-block-start: var(--space-4);
}

/* The category skeleton mirrors the real portrait tiles + controls exactly, so
   let its reserve box size to that content instead of being clamped to the
   admin ReservedHeight. A too-short reserve was clipping the 3/4 tiles into a
   landscape strip; the reserve now only holds a MINIMUM during the async load. */
.bss-lazy-carousel.bss-lazy-type-category:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-catalogpagecategory:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-bestsellingcategories:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-manufacturer:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-vendor:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-review:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-product:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-discountproduct:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-discountproductcategory:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-discountproductmanufacturer:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-trendingcategory:not(.bss-lazy-loaded),
.bss-lazy-carousel.bss-lazy-type-trendingmanufacturer:not(.bss-lazy-loaded) {
  height: auto;
  max-height: none;
  min-height: 0;
}

.bss-carousel-skeleton__cat-dots {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 16px;
}
.bss-carousel-skeleton__cat-dots span {
  width: 8px;
  height: 8px;
  background-color: var(--bss-skeleton-base);
}

.bss-carousel-skeleton__cat-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  margin-top: var(--space-5);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__cat-controls {
    gap: 24px;
  }
}

.bss-carousel-skeleton__cat-progress {
  flex: 1 1 auto;
  height: 2px;
  background-color: var(--bss-skeleton-base);
}

.bss-carousel-skeleton__cat-nav {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__cat-nav {
    gap: 12px;
  }
}

.bss-carousel-skeleton__cat-chip {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: var(--bss-skeleton-base);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__cat-chip {
    width: 30px;
    height: 30px;
  }
}

.bss-carousel-skeleton__cat-count {
  width: 40px;
  height: 12px;
  border-radius: var(--radius-base);
  background-color: var(--bss-skeleton-base);
}

/* Homepage product carousel: the campaign banner is ONE product-card wide and
   fills the column height (cards + controls); the products track holds the rest.
   The inline flex ratios (1 vs maxSlides) come from the view. */
@media (min-width: 992px) {
  .bss-carousel-skeleton__product-layout--card-banner.bss-carousel-skeleton__product-layout--has-campaign {
    align-items: stretch;
  }
  .bss-carousel-skeleton__product-layout--card-banner .bss-carousel-skeleton__campaign {
    width: auto;
    flex: 1 1 0;
  }
  .bss-carousel-skeleton__product-layout--card-banner .bss-carousel-skeleton__campaign--with-banner .bss-carousel-skeleton__banner {
    height: 100%;
    aspect-ratio: auto;
  }
}

/* NopGadence manufacturer cards are image-only; vendors add a title below the
   bordered logo/image. */
.bss-carousel-skeleton__slide--logo,
.bss-carousel-skeleton__slide--vendor {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-md);
  background: var(--gray-100);
}

.bss-carousel-skeleton__logo-frame {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  aspect-ratio: 3/2;
  padding: 0;
}

.bss-carousel-skeleton__slide--vendor .bss-carousel-skeleton__logo-frame {
  aspect-ratio: 4/3;
  padding: 12% 12% 7%;
}

.bss-carousel-skeleton__slide--logo .bss-carousel-skeleton__logo,
.bss-carousel-skeleton__slide--vendor .bss-carousel-skeleton__logo {
  width: 100%;
  min-width: 0;
  aspect-ratio: auto;
}

.bss-carousel-skeleton__slide--vendor .bss-carousel-skeleton__line--tile-label {
  width: 58%;
  height: 21px;
  margin: 15px auto 39.5px;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__slide--vendor .bss-carousel-skeleton__line--tile-label {
    height: 24px;
    margin-block-end: 41.5px;
  }
}

/* Review cards retain the same bordered panel, spacing, and purchased-item
   footer as the NopGadence review carousel. */
.bss-carousel-skeleton__slide--review {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--accent);
  border-radius: var(--card-radius-lg);
  background: var(--gray-100);
}

.bss-carousel-skeleton__review-top {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 22px 18px 0;
  background-image: linear-gradient(180deg, var(--gray-200) 0%, var(--gray-100) 42%, color-mix(in srgb, var(--accent) 26%, var(--gray-100)) 100%);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__review-top {
    padding: 28px 24px 0;
  }
}
@media (min-width: 1200px) {
  .bss-carousel-skeleton__review-top {
    padding: 36px 32px 0;
  }
}

.bss-carousel-skeleton__review-avatar {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: 18px;
  z-index: 5;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--white), 0 0 0 5px var(--accent-dark);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__review-avatar {
    inset-block-start: 20px;
    inset-inline-end: 24px;
    width: 52px;
    height: 52px;
  }
}
@media (min-width: 1200px) {
  .bss-carousel-skeleton__review-avatar {
    inset-block-start: 24px;
    inset-inline-end: 32px;
    width: 60px;
    height: 60px;
  }
}

.bss-carousel-skeleton__review-author {
  display: flex;
  align-items: center;
  margin-block-end: 16px;
  padding-block-end: 14px;
  padding-inline-end: 58px;
  border-block-end: 1px solid var(--accent);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__review-author {
    padding-inline-end: 66px;
  }
}
@media (min-width: 1200px) {
  .bss-carousel-skeleton__review-author {
    padding-inline-end: 76px;
  }
}

.bss-carousel-skeleton__line--review-name {
  width: 70%;
  height: 21px;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__line--review-name {
    height: 23px;
  }
}

.bss-carousel-skeleton__review-eyebrow {
  display: flex;
  min-height: 28px;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  margin-block-end: 10px;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__review-eyebrow {
    min-height: 31px;
    margin-block-end: 12px;
  }
}

.bss-carousel-skeleton__line--review-title {
  width: 88%;
  height: 9px;
}

.bss-carousel-skeleton__line--review-title.short {
  width: 52%;
}

.bss-carousel-skeleton__review-quote {
  display: flex;
  min-height: 95px;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  margin-block-end: 20px;
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__review-quote {
    min-height: 102px;
    margin-block-end: 24px;
  }
}

.bss-carousel-skeleton__line--review-text {
  width: 100%;
  height: 11px;
}

.bss-carousel-skeleton__line--review-text.short {
  width: 62%;
}

.bss-carousel-skeleton__review-rating {
  align-self: flex-start;
  margin-block-start: auto;
  margin-inline-start: -18px;
  padding: 13px 26px 13px 18px;
  border-start-end-radius: 999px;
  border-end-end-radius: 999px;
  background: var(--primary);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__review-rating {
    margin-inline-start: -24px;
    padding: 15px 30px 15px 24px;
  }
}
@media (min-width: 1200px) {
  .bss-carousel-skeleton__review-rating {
    margin-inline-start: -32px;
    padding: 16px 34px 16px 32px;
  }
}

.bss-carousel-skeleton__rating {
  display: block;
  width: 95px;
  height: 19px;
  border-radius: var(--radius-base);
  background: color-mix(in srgb, var(--accent) 40%, transparent);
}

.bss-carousel-skeleton__review-foot {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: var(--white);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__review-foot {
    padding: 18px 24px;
  }
}
@media (min-width: 1200px) {
  .bss-carousel-skeleton__review-foot {
    padding: 20px 32px;
  }
}

.bss-carousel-skeleton__thumb-sm {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  border-radius: var(--card-radius-sm);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__thumb-sm {
    width: 56px;
    height: 56px;
  }
}

.bss-carousel-skeleton__review-foot-info {
  display: flex;
  min-width: 0;
  min-height: 70px;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__review-foot-info {
    min-height: 76px;
  }
}

.bss-carousel-skeleton__line--foot-label {
  width: 38%;
  height: 8px;
}

.bss-carousel-skeleton__line--foot-name {
  width: 82%;
  height: 12px;
}

.bss-carousel-skeleton__line--foot-price {
  width: 30%;
  height: 14px;
}

.bss-carousel-skeleton__best-seller-grid {
  display: grid;
  grid-template-columns: repeat(var(--homepage-category-grid-columns-phone), minmax(0, 1fr));
  gap: var(--homepage-category-grid-gap-phone);
}
@media (min-width: 768px) {
  .bss-carousel-skeleton__best-seller-grid {
    grid-template-columns: repeat(var(--homepage-category-grid-columns-tablet), minmax(0, 1fr));
    gap: var(--homepage-category-grid-gap-tablet);
  }
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__best-seller-grid {
    grid-template-columns: repeat(var(--homepage-category-grid-columns-laptop), minmax(0, 1fr));
    gap: var(--homepage-category-grid-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .bss-carousel-skeleton__best-seller-grid {
    grid-template-columns: repeat(var(--homepage-category-grid-columns-desktop), minmax(0, 1fr));
    gap: var(--homepage-category-grid-gap-desktop);
  }
}

@media (min-width: 768px) {
  .bss-carousel-skeleton__scrollbar {
    margin-top: 24px;
  }
}
@media (min-width: 992px) {
  .bss-carousel-skeleton__product-layout--has-campaign,
  .bss-carousel-skeleton__composite-content {
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
  }
  .bss-carousel-skeleton__campaign {
    width: auto;
    flex-basis: 224px;
  }
  .bss-carousel-skeleton__composite-content .bss-carousel-skeleton__banner-col {
    width: auto;
    flex-basis: 224px;
    align-self: stretch;
    aspect-ratio: auto;
  }
  .bss-carousel-skeleton__scrollbar {
    margin-top: 42px;
  }
}
@media (min-width: 1200px) {
  .bss-carousel-skeleton__campaign,
  .bss-carousel-skeleton__composite-content .bss-carousel-skeleton__banner-col {
    flex-basis: 342px;
  }
}
/* The JS keeps the incoming Swipers hidden until they are initialized. */
.anywhere-carousel-wrapper .swiper.bss-swiper-pending {
  min-height: 0;
}

.anywhere-carousel-wrapper .swiper.bss-swiper-ready {
  min-height: 0;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

.section__anywhere-carousel-grid .section__anywhere-carousel-container:has(.bss-swiper-ready) {
  min-height: 0;
}

/* Cross-fade overlay used after the HTML response arrives. */
.bss-lazy-carousel.bss-skeleton-cover {
  position: relative;
}

.bss-carousel-skeleton--overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  background: var(--bss-skeleton-cover-bg);
  opacity: 1;
  transition: opacity 0.25s ease-out;
}

.bss-carousel-skeleton--fade {
  opacity: 0;
}

/* Keep the plugin's reserve fallback when an older placeholder has no inline
   CSS variables. */
.bss-lazy-type-product:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-discountproduct:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-discountproductcategory:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-discountproductmanufacturer:not([style*="--bss-carousel-reserve"]) {
  min-height: 420px;
}

.bss-lazy-type-category:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-catalogpagecategory:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-bestsellingcategories:not([style*="--bss-carousel-reserve"]) {
  min-height: 300px;
}

.bss-lazy-type-trendingcategory:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-trendingmanufacturer:not([style*="--bss-carousel-reserve"]) {
  min-height: 330px;
}

.bss-lazy-type-manufacturer:not([style*="--bss-carousel-reserve"]) {
  min-height: 300px;
}

.bss-lazy-type-vendor:not([style*="--bss-carousel-reserve"]) {
  min-height: 360px;
}

.bss-lazy-type-review:not([style*="--bss-carousel-reserve"]) {
  min-height: 470px;
}

@media (max-width: 768px) {
  .bss-lazy-type-product:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-discountproduct:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-discountproductcategory:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-discountproductmanufacturer:not([style*="--bss-carousel-reserve"]) {
    min-height: 380px;
  }
  .bss-lazy-type-category:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-catalogpagecategory:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-bestsellingcategories:not([style*="--bss-carousel-reserve"]) {
    min-height: 260px;
  }
  .bss-lazy-type-trendingcategory:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-trendingmanufacturer:not([style*="--bss-carousel-reserve"]) {
    min-height: 300px;
  }
  .bss-lazy-type-manufacturer:not([style*="--bss-carousel-reserve"]) {
    min-height: 270px;
  }
  .bss-lazy-type-vendor:not([style*="--bss-carousel-reserve"]) {
    min-height: 330px;
  }
  .bss-lazy-type-review:not([style*="--bss-carousel-reserve"]) {
    min-height: 450px;
  }
}
.carousel-banner-box .banner-desktop {
  display: none;
}
.carousel-banner-box .banner-mobile {
  display: block;
}
@media (min-width: 992px) {
  .carousel-banner-box .banner-desktop {
    display: block;
  }
  .carousel-banner-box .banner-mobile {
    display: none;
  }
}

.anywhere-carousel-body {
  position: relative;
}

.cat-carousel-nav__count {
  direction: ltr;
  unicode-bidi: isolate;
}

.top-trend-category-slider .swiper-wrapper {
  height: auto;
}

.trending-categories__products .product-grid {
  margin-bottom: 0;
}

.trending-categories__subtitle,
.trending-manufacturers__subtitle,
.best-seller-catagories__subtitle {
  margin-bottom: var(--space-5);
  text-align: center;
}
.trending-categories__subtitle .sub-title,
.trending-manufacturers__subtitle .sub-title,
.best-seller-catagories__subtitle .sub-title {
  margin: 0;
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: var(--fw-regular);
  line-height: var(--body-line-height);
}
@media (min-width: 992px) {
  .trending-categories__subtitle .sub-title,
  .trending-manufacturers__subtitle .sub-title,
  .best-seller-catagories__subtitle .sub-title {
    font-size: 16px;
  }
}

.nb-gallery {
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .nb-gallery {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .nb-gallery {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .nb-gallery {
    padding-inline: 42px;
  }
}

.container .nb-gallery {
  padding-inline: 0;
}

.nb-gallery__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
  text-align: center;
}
@media (min-width: 992px) {
  .nb-gallery__head {
    margin-bottom: var(--space-6);
  }
}

.nb-gallery__title {
  position: relative;
  padding-block-end: var(--space-3);
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: var(--fw-semibold);
  line-height: 1.1;
  letter-spacing: var(--heading-letter-spacing);
  text-align: center;
}
.nb-gallery__title::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 50%;
  width: 56px;
  height: 1px;
  background-color: var(--accent);
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  .nb-gallery__title {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .nb-gallery__title {
    font-size: 42px;
  }
}
.nb-gallery__title {
  margin: 0;
}

.nb-gallery__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-secondary);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
  transition: color 0.25s ease;
}
.nb-gallery__link i {
  font-size: 14px;
  line-height: 1;
}
.nb-gallery__link:hover, .nb-gallery__link:focus-visible {
  color: var(--primary);
}
.nb-gallery__link:hover i, .nb-gallery__link:focus-visible i {
  width: 1.9em;
}

.nb-gallery__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  margin-block-start: var(--space-5);
}
.nb-gallery__controls .cat-carousel-nav__btn {
  position: relative;
  inset: auto;
  flex: 0 0 auto;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--accent-dark);
  color: var(--accent-dark);
}
.nb-gallery__controls .cat-carousel-nav__btn::after {
  color: currentColor;
}
.nb-gallery__controls .cat-carousel-nav__btn:hover, .nb-gallery__controls .cat-carousel-nav__btn:focus-visible {
  color: var(--white);
}

.trending-categories__header .nb-gallery__head,
.trending-manufacturers__header .nb-gallery__head {
  margin-bottom: 0;
}
.trending-categories__header .trending-categories__subtitle,
.trending-categories__header .trending-manufacturers__subtitle,
.trending-manufacturers__header .trending-categories__subtitle,
.trending-manufacturers__header .trending-manufacturers__subtitle {
  margin-bottom: 0;
}

.best-seller-catagories .nb-gallery__head .best-seller-catagories__subtitle {
  margin-bottom: 0;
}

.trending-categories__lists,
.trending-manufacturers__lists {
  justify-content: safe center;
}

.nb-gallery__dots {
  --nb-pac: 16px;
  --nb-dot-color: var(--accent);
  --nb-dot-opacity: 1;
  --nb-pac-color: var(--accent-dark);
}
.nb-gallery__dots.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: relative;
  inset-block-end: auto;
  inset-inline-start: auto;
  width: auto;
  flex: 0 0 auto;
  --swiper-pagination-bottom: auto;
}

.anywhere-carousel-catalogpagecategory .swiper-wrapper {
  padding-block-end: 1px;
}

.anywhere-carousel-wrapper.bss-lazy-type-catalogpagecategory,
.anywhere-carousel-wrapper:has(.anywhere-carousel-catalogpagecategory) {
  margin-block: 0;
}

.nb-gallery:has(.anywhere-carousel-catalogpagecategory) {
  padding-block: 26px 18px;
  border-block-start: 1px solid var(--accent);
}
@media (min-width: 768px) {
  .nb-gallery:has(.anywhere-carousel-catalogpagecategory) {
    padding-block: 34px 24px;
  }
}
.nb-gallery:has(.anywhere-carousel-catalogpagecategory) .nb-gallery__head {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-block-end: var(--space-4);
  text-align: start;
}
@media (min-width: 992px) {
  .nb-gallery:has(.anywhere-carousel-catalogpagecategory) .nb-gallery__head {
    margin-block-end: var(--space-4);
  }
}
.nb-gallery:has(.anywhere-carousel-catalogpagecategory) .nb-gallery__title {
  position: relative;
  padding: 0;
  padding-inline-start: 42px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: var(--fw-semibold);
  line-height: 1.4;
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
  text-align: start;
  color: var(--accent-dark);
}
@media (min-width: 768px) {
  .nb-gallery:has(.anywhere-carousel-catalogpagecategory) .nb-gallery__title {
    font-size: 13px;
    padding-inline-start: 50px;
  }
}
.nb-gallery:has(.anywhere-carousel-catalogpagecategory) .nb-gallery__title::after {
  inset-block-start: 50%;
  inset-block-end: auto;
  inset-inline-start: 0;
  width: 30px;
  background-color: var(--accent-dark);
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .nb-gallery:has(.anywhere-carousel-catalogpagecategory) .nb-gallery__title::after {
    width: 38px;
  }
}
.nb-gallery:has(.anywhere-carousel-catalogpagecategory) .nb-gallery__controls {
  margin-block-start: var(--space-4);
}
.nb-gallery:has(.anywhere-carousel-catalogpagecategory) .category-item-box .title {
  margin-block-start: 10px;
  padding-block-start: 9px;
}
.nb-gallery:has(.anywhere-carousel-catalogpagecategory) .category-item-box .title .title-text {
  font-size: 11px;
}
@media (min-width: 768px) {
  .nb-gallery:has(.anywhere-carousel-catalogpagecategory) .category-item-box .title .title-text {
    font-size: 12px;
  }
}
.nb-gallery:has(.anywhere-carousel-catalogpagecategory) .category-item-box .title i {
  font-size: 13px;
}

.ui-dialog .inputs .option-list li {
  display: flex;
  align-items: center;
  margin: 5px;
  border: 1px solid var(--border);
  background-color: var(--white);
  padding: 8px 10px;
  gap: 5px;
}
.ui-dialog .inputs .option-list li > input {
  flex-shrink: 0;
}
.ui-dialog .inputs input[type=text],
.ui-dialog .inputs input[type=email],
.ui-dialog .inputs input[type=tel],
.ui-dialog .inputs input[type=password],
.ui-dialog .inputs select,
.ui-dialog .inputs textarea {
  width: 100%;
}
.ui-dialog .enter-address .edit-address {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
@media (min-width: 768px) {
  .ui-dialog .enter-address .edit-address {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}

.shipping-address .addressradio {
  min-height: 100px;
  justify-content: start;
}

.addresssave {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.addresssave::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .addresssave::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .addresssave::before {
    transition: none;
  }
}
.addresssave {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.addresssave:hover, .addresssave:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.addresssave:hover::before, .addresssave:focus-visible::before {
  transform: scaleX(1);
}

.address-email,
.address-phone,
.address-details {
  font-weight: 400;
}

.opc-save-address-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.addressbuttons {
  margin-top: 10px;
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: end;
}

.ui-dialog-buttonpane {
  margin-top: 0;
  position: relative;
}

.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
}

.item-box > .bss-pbox {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.item-box > .bss-pbox > .product-item {
  flex: 1 1 auto;
}

.bss-pbox .bss-attributes-section {
  padding: 6px 0 2px;
}

.bss-pbox .color-slider-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}

.bss-pbox .attribute-squares {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 4px 2px;
  gap: 6px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 1;
  min-width: 0;
}
.bss-pbox .attribute-squares::-webkit-scrollbar {
  display: none;
}

.bss-pbox .slider-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid var(--gray-400);
  border-radius: 50%;
  background: var(--white);
  color: var(--secondary);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.bss-pbox .slider-arrow:hover {
  background: var(--secondary);
  color: var(--white);
  border-color: var(--secondary);
}
.bss-pbox .slider-arrow i {
  pointer-events: none;
}

.bss-pbox .color-squares li {
  flex-shrink: 0;
}
.bss-pbox .color-squares label {
  display: block;
  cursor: pointer;
  margin: 0;
}
.bss-pbox .color-squares .attribute-square-container {
  display: block;
}
.bss-pbox .color-squares .attribute-square {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-base);
  border: 2px solid transparent;
  padding: 2px;
  background-clip: content-box;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .bss-pbox .color-squares .attribute-square {
    width: 32px;
    height: 32px;
  }
}
.bss-pbox .color-squares input[type=radio] {
  display: none;
}
.bss-pbox .color-squares li.selected-value .attribute-square {
  border-color: var(--primary);
}
.bss-pbox .color-squares label:hover .attribute-square {
  border-color: var(--gray-500);
}

.bss-pbox .image-squares li {
  flex-shrink: 0;
}
.bss-pbox .image-squares label {
  display: block;
  cursor: pointer;
  margin: 0;
}
.bss-pbox .image-squares .attribute-square {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: var(--radius-base);
  border: 2px solid transparent;
  padding: 2px;
  background-clip: content-box;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .bss-pbox .image-squares .attribute-square {
    width: 32px;
    height: 32px;
  }
}
.bss-pbox .image-squares input[type=radio] {
  display: none;
}
.bss-pbox .image-squares li.selected-value .attribute-square {
  border-color: var(--primary);
}
.bss-pbox .image-squares label:hover .attribute-square {
  border-color: var(--gray-500);
}

.bss-pbox .bss-attributes-lists {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 4px 0;
  padding: 0;
  gap: 4px;
}
@media (min-width: 768px) {
  .bss-pbox .bss-attributes-lists {
    gap: 6px;
  }
}

.bss-pbox .bss-attribute-item {
  display: inline-flex;
}
.bss-pbox .bss-attribute-item input[type=radio] {
  display: none;
}

.bss-pbox .bss-radio-label {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid var(--gray-400);
  border-radius: var(--card-radius-sm);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .bss-pbox .bss-radio-label {
    padding: 3px 10px;
    font-size: 13px;
  }
}

.bss-pbox .bss-attribute-item input[type=radio]:checked + .bss-radio-label, .bss-pbox .bss-attribute-item.selected .bss-radio-label {
  background: var(--secondary);
  border-color: var(--secondary);
  color: var(--white);
}

.bss-pbox .bss-radio-label:hover {
  border-color: var(--secondary);
  background: var(--gray-100);
}

.bss-pbox .swiper-slide.bss-hidden {
  display: none;
}

.bss-pbox.bss-comb-active .disabled .attribute-square-container {
  position: relative;
}
.bss-pbox.bss-comb-active .disabled .attribute-square-container::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), var(--secondary) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 1;
}
.bss-pbox.bss-comb-active .disabled .attribute-square {
  opacity: 0.25;
  cursor: default;
}
.bss-pbox.bss-comb-active .bss-attribute-item.disabled .bss-radio-label,
.bss-pbox.bss-comb-active .bss-attributes-lists .disabled label {
  opacity: 0.4;
  text-decoration: line-through;
}

.product-item .bss-pbox-button-next,
.product-item .bss-pbox-button-prev {
  display: flex;
}
@media (min-width: 992px) {
  .product-item .bss-pbox-button-next,
  .product-item .bss-pbox-button-prev {
    opacity: 0;
    transition: opacity 0.1s ease;
  }
}
@media (min-width: 992px) {
  .product-item .bss-pbox-pagination {
    opacity: 0;
    transition: opacity 0.1s ease;
  }
}
.product-item:hover .bss-pbox-button-next,
.product-item:hover .bss-pbox-button-prev {
  opacity: 1;
  transition: opacity 0.1s ease;
}
.product-item:hover .bss-pbox-pagination {
  opacity: 1;
  transition: opacity 0.1s ease;
}

.bss-pbox .bss-pbox-swiper {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-pagination {
  --nb-dot: 5px;
  --nb-gap: 5px;
  --nb-pac: 14px;
  --swiper-pagination-bottom: calc(15px - var(--nb-dot) / 2);
  position: absolute;
  top: auto;
  bottom: var(--swiper-pagination-bottom);
  inset-inline-start: 8px;
  inset-inline-end: auto;
  width: fit-content;
  z-index: 10;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
}
@media (min-width: 992px) {
  .bss-pbox .bss-pbox-swiper > .bss-pbox-pagination {
    --swiper-pagination-bottom: calc(22px - var(--nb-dot) / 2);
  }
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-pagination.swiper-pagination-fraction {
  --swiper-pagination-bottom: 8px;
  inset-inline-start: auto;
  inset-inline-end: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 92px;
  height: 24px;
  padding: 0;
  z-index: 9;
  border-radius: var(--radius-base);
  background-color: var(--white);
  color: var(--secondary);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
@media (min-width: 768px) {
  .bss-pbox .bss-pbox-swiper > .bss-pbox-pagination.swiper-pagination-fraction {
    --swiper-pagination-bottom: 12px;
    inset-inline-end: 12px;
    width: 116px;
    height: 36px;
    font-size: 13px;
  }
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-pagination.swiper-pagination-progressbar {
  top: auto;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 3px;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.55);
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--primary);
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-next,
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-prev {
  position: absolute;
  bottom: 0;
  width: 27px;
  height: 30px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  touch-action: manipulation;
}
@media (min-width: 992px) {
  .bss-pbox .bss-pbox-swiper > .bss-pbox-button-next,
  .bss-pbox .bss-pbox-swiper > .bss-pbox-button-prev {
    height: 44px;
  }
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-next.swiper-button-disabled,
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-next::after,
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-prev::after {
  font-family: "remixicon" !important;
  font-size: 24px !important;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: var(--secondary);
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-prev {
  inset-inline-end: 29px;
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-prev::after {
  content: "\ea64" !important;
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-next {
  inset-inline-end: 2px;
}
.bss-pbox .bss-pbox-swiper > .bss-pbox-button-next::after {
  content: "\ea6e" !important;
}
.bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-next,
.bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-prev {
  bottom: 8px;
  width: 24px;
  height: 24px;
}
.bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-next::after,
.bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-prev::after {
  font-size: 16px !important;
}
@media (min-width: 768px) {
  .bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-next,
  .bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-prev {
    bottom: 12px;
    width: 32px;
    height: 36px;
  }
  .bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-next::after,
  .bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-prev::after {
    font-size: 20px !important;
  }
}
.bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-next {
  inset-inline-end: 8px;
}
@media (min-width: 768px) {
  .bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-next {
    inset-inline-end: 12px;
  }
}
.bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-prev {
  inset-inline-end: 76px;
}
@media (min-width: 768px) {
  .bss-pbox .bss-pbox-swiper:has(> .bss-pbox-pagination.swiper-pagination-fraction) > .bss-pbox-button-prev {
    inset-inline-end: 96px;
  }
}
.bss-pbox .swiper-rtl .bss-pbox-button-prev::after {
  content: "\ea6e" !important;
}
.bss-pbox .swiper-rtl .bss-pbox-button-next::after {
  content: "\ea64" !important;
}

.bss-pbox-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
  opacity: 0;
}

.bss-pbox .swiper-fade .swiper-slide {
  pointer-events: auto !important;
}

.bss-pbox.product-box .item-top-wrapper .picture .bss-pbox-3d-badge {
  box-sizing: border-box;
  height: 24px;
  padding: 0 9px;
  border-radius: var(--radius-base);
  background: var(--white);
  box-shadow: inset 0 0 0 1px var(--border);
  color: var(--secondary);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  bottom: 8px;
  inset-inline-start: 8px;
  transition: bottom 0.1s ease;
}
@media (min-width: 768px) {
  .bss-pbox.product-box .item-top-wrapper .picture .bss-pbox-3d-badge {
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    bottom: 12px;
    inset-inline-start: 12px;
  }
}

.bss-pbox.product-box[data-pagination-type="1"] .item-top-wrapper .picture:has(.bss-pbox-pagination:not(.swiper-pagination-lock)) .bss-pbox-3d-badge {
  bottom: 26px;
}
@media (min-width: 992px) {
  .bss-pbox.product-box[data-pagination-type="1"] .item-top-wrapper .picture:has(.bss-pbox-pagination:not(.swiper-pagination-lock)) .bss-pbox-3d-badge {
    bottom: 33px;
  }
}

@media (min-width: 992px) {
  .bss-pbox.product-box[data-pagination-type="1"] .product-item:not(:hover) .item-top-wrapper .picture:has(.bss-pbox-pagination:not(.swiper-pagination-lock)) .bss-pbox-3d-badge {
    bottom: 12px;
  }
}
@media (max-width: 991.98px) {
  .quickview-button {
    display: none !important;
  }
}
.quickview-button {
  opacity: 1;
  position: static;
  z-index: 2;
  width: 38px;
  height: 38px;
  font-size: 16px;
  text-align: center;
  border: none;
}

.product-item:hover .quickview-button {
  opacity: 1;
}

.quickviewmodal.quickviewmodal {
  z-index: 1060;
}

body:has(#quickviewmodal[style*="display: block"]) .ui-datepicker {
  z-index: 1065 !important;
}

body:has(#quickviewmodal[style*="display: block"]),
body:has(#modal-backdrop[style*="display: block"]) {
  overflow: hidden;
  padding-right: var(--nb-scrollbar-width, 0px);
}

.quickviewmodal {
  --nb-qv-width: 1140px;
  --nb-qv-pad: var(--space-6);
  --nb-qv-height: clamp(540px, 78vh, 720px);
  --nb-qv-thumbs-h: 84px;
  --nb-qv-gallery-size: calc(
    var(--nb-qv-height) - var(--nb-qv-pad) * 2 - var(--nb-qv-thumbs-h) -
      var(--space-3)
  );
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: calc(100% - var(--space-7));
  max-width: var(--nb-qv-width);
  height: var(--nb-qv-height);
  overflow: visible;
  background-color: var(--white);
  transform: translate(-50%, -50%);
  padding: 0;
  border-radius: var(--card-radius-lg);
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.18);
}
.quickviewmodal .close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.quickviewmodal .close-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .quickviewmodal .close-button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .quickviewmodal .close-button::before {
    transition: none;
  }
}
.quickviewmodal .close-button:hover, .quickviewmodal .close-button:focus-visible {
  color: var(--white);
}
.quickviewmodal .close-button:hover::before, .quickviewmodal .close-button:focus-visible::before {
  transform: scale(1);
}
.quickviewmodal .close-button {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
  position: absolute;
  top: var(--space-3);
  inset-inline-end: var(--space-3);
}
.quickviewmodal .close-button:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.quickviewmodal .close-button i {
  font-size: inherit;
  line-height: 1;
}
.quickviewmodal .close-button {
  font-size: 18px;
}
.quickviewmodal .quickviewdetails,
.quickviewmodal .quickviewdetails > .page,
.quickviewmodal .quickviewdetails > .page > .page-body,
.quickviewmodal .quickviewdetails #product-details-form,
.quickviewmodal .quickviewdetails .quickview-main-area {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.quickviewmodal .quickviewdetails {
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  overscroll-behavior: contain;
}
.quickviewmodal .quickviewdetails,
.quickviewmodal .quickview-main-area > .row > .col-7 {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition: scrollbar-color 0.25s ease;
}
.quickviewmodal .quickviewdetails::-webkit-scrollbar,
.quickviewmodal .quickview-main-area > .row > .col-7::-webkit-scrollbar {
  width: 6px;
}
.quickviewmodal .quickviewdetails::-webkit-scrollbar-thumb,
.quickviewmodal .quickview-main-area > .row > .col-7::-webkit-scrollbar-thumb {
  background-color: transparent;
  transition: background-color 0.25s ease;
}
.quickviewmodal:hover .quickviewdetails, .quickviewmodal:hover .quickview-main-area > .row > .col-7 {
  scrollbar-color: var(--gray-300) transparent;
}
.quickviewmodal:hover .quickviewdetails::-webkit-scrollbar-thumb, .quickviewmodal:hover .quickview-main-area > .row > .col-7::-webkit-scrollbar-thumb {
  background-color: var(--gray-300);
}
@media (max-width: 991.98px) {
  .quickviewmodal {
    --nb-qv-pad: var(--space-4);
  }
  .quickviewmodal .quickviewdetails {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
  }
}

.quickviewdetails .anywhere-carousel-wrapper,
.quickviewdetails .bss-carousel-skeleton,
.quickviewdetails .product-grid {
  display: none;
}

.modal-backdrop {
  z-index: 1070;
}

.modal {
  z-index: 1075;
}

.bar-notification-container {
  z-index: 1080;
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--overlay) 55%, transparent);
  z-index: 1059;
  display: none;
}

.quickview-loader-wrap {
  position: absolute;
  inset: 0;
  z-index: 9;
  pointer-events: none;
}
.quickview-loader-wrap .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.quickview-loader-wrap .loader,
.quickviewmodal .loader {
  border-color: var(--gray-200);
  border-top-color: var(--primary);
}

.nb-product-css-pending .quickviewmodal .quickviewdetails {
  visibility: hidden;
}

.chat-button, .chat-pop-up {
  transition: bottom 0.25s ease;
  bottom: 40px;
}
body.floating-cart-active .chat-button, body.floating-cart-active .chat-pop-up {
  bottom: 230px;
}
body.has-shopping-cart-page .chat-button, body.has-shopping-cart-page .chat-pop-up {
  bottom: calc(var(--checkout-bar-height, 52px) + var(--space-4));
}
body[style*="overflow: hidden"] .chat-button, body:has(.mfp-ready) .chat-button, body:has(.ui-widget-overlay) .chat-button, body[style*="overflow: hidden"] .chat-pop-up, body:has(.mfp-ready) .chat-pop-up, body:has(.ui-widget-overlay) .chat-pop-up {
  z-index: 1;
}
@media (min-width: 768px) {
  body.floating-cart-active .chat-button, body.floating-cart-active .chat-pop-up {
    bottom: 185px;
  }
}

@media (max-width: 1199.98px) {
  body.has-shopping-cart-page .chatpilot {
    --cp-offset-y: calc(var(--checkout-bar-height, 52px) + var(--space-4));
    bottom: calc(var(--checkout-bar-height, 52px) + var(--space-4));
  }
}
body[style*="overflow: hidden"] .chatpilot, body:has(.mfp-ready) .chatpilot, body:has(.ui-widget-overlay) .chatpilot {
  z-index: 1;
}

/* 
  Silktide Consent Manager - https://silktide.com/consent-manager/  

  Styles are at risked of being overridden by styles coming from the site the consent manager is used on.
  To help prevent this, global wrapper elements are prefixed with "#silktide-"
*/
/* --------------------------------
  Global Styles - These elements exist in the main DOM and styling is limited to positioning and animation
-------------------------------- */
/* Wrapper (Global) */
#silktide-wrapper {
  --focus: 0 0 0 2px var(--white), 0 0 0 4px var(--primary);
  --boxShadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
  --fontFamily: var(--font-family);
  --primaryColor: var(--primary);
  --backgroundColor: var(--white);
  --textColor: var(--text-primary);
  --mutedTextColor: var(--text-secondary);
  --backdropBackgroundColor: color-mix(in srgb, var(--overlay) 35%, transparent);
  --backdropBackgroundBlur: 3px;
  --cookieIconColor: var(--white);
  --cookieIconBackgroundColor: var(--text-primary);
  --cardShadow: 0 24px 48px -24px color-mix(in srgb, var(--overlay) 45%, transparent), 0 2px 8px color-mix(in srgb, var(--overlay) 8%, transparent);
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  pointer-events: none;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Backdrop (Global) */
#silktide-backdrop-global {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  border: 0;
  display: none;
}

/* --------------------------------
  Links
-------------------------------- */
#silktide-wrapper a {
  all: unset;
  display: inline-block;
  color: var(--primaryColor);
  text-decoration: underline;
}

#silktide-wrapper a:hover {
  cursor: pointer;
  color: var(--textColor);
}

/* --------------------------------
  Focus Styles
-------------------------------- */
#silktide-wrapper a:focus,
#silktide-wrapper #silktide-cookie-icon:focus {
  outline: none;
  box-shadow: var(--focus);
  border-radius: var(--radius-base);
}

#silktide-wrapper #silktide-cookie-icon:focus {
  border-radius: 50%;
}

/* --------------------------------
  General Styles
-------------------------------- */
#silktide-wrapper .st-button {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
}

#silktide-wrapper .st-button--primary {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
#silktide-wrapper .st-button--primary::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] #silktide-wrapper .st-button--primary::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  #silktide-wrapper .st-button--primary::before {
    transition: none;
  }
}
#silktide-wrapper .st-button--primary {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
#silktide-wrapper .st-button--primary:hover, #silktide-wrapper .st-button--primary:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
#silktide-wrapper .st-button--primary:hover::before, #silktide-wrapper .st-button--primary:focus-visible::before {
  transform: scaleX(1);
}

#silktide-wrapper .st-button.reject-all,
#silktide-wrapper .st-button.preferences-reject-all {
  position: relative;
  isolation: isolate;
}
#silktide-wrapper .st-button.reject-all::before,
#silktide-wrapper .st-button.preferences-reject-all::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-secondary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] #silktide-wrapper .st-button.reject-all::before,
[dir=rtl] #silktide-wrapper .st-button.preferences-reject-all::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  #silktide-wrapper .st-button.reject-all::before,
  #silktide-wrapper .st-button.preferences-reject-all::before {
    transition: none;
  }
}
#silktide-wrapper .st-button.reject-all,
#silktide-wrapper .st-button.preferences-reject-all {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--button-secondary-bg);
  transition: color 0.35s ease, background-color 0s;
}
#silktide-wrapper .st-button.reject-all:hover, #silktide-wrapper .st-button.reject-all:focus-visible,
#silktide-wrapper .st-button.preferences-reject-all:hover,
#silktide-wrapper .st-button.preferences-reject-all:focus-visible {
  color: var(--white);
  background: var(--button-secondary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
#silktide-wrapper .st-button.reject-all:hover::before, #silktide-wrapper .st-button.reject-all:focus-visible::before,
#silktide-wrapper .st-button.preferences-reject-all:hover::before,
#silktide-wrapper .st-button.preferences-reject-all:focus-visible::before {
  transform: scaleX(1);
}

/* --------------------------------
  Focus vs hover
--------------------------------

*/
#silktide-wrapper .st-button--primary:focus:not(:focus-visible) {
  color: var(--white);
}
#silktide-wrapper .st-button--primary:focus:not(:focus-visible)::before {
  transform: scaleX(0);
}

#silktide-wrapper .st-button.reject-all:focus:not(:focus-visible),
#silktide-wrapper .st-button.preferences-reject-all:focus:not(:focus-visible),
#silktide-banner .preferences:focus:not(:focus-visible) {
  color: var(--text-primary);
}
#silktide-wrapper .st-button.reject-all:focus:not(:focus-visible)::before,
#silktide-wrapper .st-button.preferences-reject-all:focus:not(:focus-visible)::before,
#silktide-banner .preferences:focus:not(:focus-visible)::before {
  transform: scaleX(0);
}

/* --------------------------------
  Banner
-------------------------------- */
#silktide-banner {
  position: fixed;
  bottom: 16px;
  inset-inline-end: 16px;
  box-sizing: border-box;
  width: 420px;
  max-width: calc(100% - 32px);
  padding: 20px;
  border: 0;
  border-radius: var(--card-radius-lg);
  background-color: var(--bg-primary);
  box-shadow: var(--cardShadow);
  font-size: 13px;
  line-height: 1.6;
  color: var(--mutedTextColor);
  pointer-events: auto;
  opacity: 0;
  transform: translateY(16px);
  animation: silktide-slideInUp-bar 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards;
}
@media (min-width: 768px) {
  #silktide-banner {
    padding: 24px;
  }
}
#silktide-banner::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  margin-bottom: 14px;
  border-radius: 50%;
  background-color: var(--white);
}
#silktide-banner::after {
  content: "";
  position: absolute;
  inset-block-start: 32px;
  inset-inline-start: 32px;
  width: 20px;
  height: 20px;
  background-color: var(--text-primary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5zm-4.5 7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm3 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm6 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5zm-4.5 7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm3 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm6 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E") center/contain no-repeat;
}
@media (min-width: 768px) {
  #silktide-banner::after {
    inset-block-start: 36px;
    inset-inline-start: 36px;
  }
}

#silktide-banner:focus {
  outline: none;
  box-shadow: var(--cardShadow), var(--focus);
}

#silktide-banner.center {
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  position: fixed;
  transform: translate(-50%, calc(-50% - 20px));
  animation: silktide-slideInDown-center 350ms ease-out forwards;
}

#silktide-banner.bottomLeft {
  inset-inline-start: 16px;
  inset-inline-end: auto;
}
@media (min-width: 992px) {
  #silktide-banner.bottomLeft {
    inset-inline-start: 24px;
    bottom: 24px;
  }
}

/* --------------------------------
  Banner — full-width bottom bar (theme layout)
--------------------------------

*/
#silktide-banner.bottomBar {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  padding: 20px 16px;
  border: 0;
  border-top: 1px solid var(--border);
  border-radius: 0;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.06);
  transform: translateY(20px);
  animation-name: silktide-slideInUp-bar;
}
#silktide-banner.bottomBar::before, #silktide-banner.bottomBar::after {
  display: none;
}
@media (min-width: 768px) {
  #silktide-banner.bottomBar {
    padding: 20px 28px;
  }
}
@media (min-width: 1200px) {
  #silktide-banner.bottomBar {
    padding: 22px 32px;
  }
}
@media (min-width: 992px) {
  #silktide-banner.bottomBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
  }
}
#silktide-banner.bottomBar p {
  margin: 0 0 16px;
}
@media (min-width: 992px) {
  #silktide-banner.bottomBar p {
    margin: 0;
    max-width: 78ch;
  }
}
#silktide-banner.bottomBar .actions {
  flex-direction: column;
  align-items: stretch;
  margin-top: 16px;
  gap: 10px;
}
@media (min-width: 992px) {
  #silktide-banner.bottomBar .actions {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    flex-shrink: 0;
    margin-top: 0;
  }
}
#silktide-banner.bottomBar .actions-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-grow: 0;
  gap: 10px;
}
@media (min-width: 992px) {
  #silktide-banner.bottomBar .actions-row {
    flex-direction: row;
    align-items: center;
  }
}
#silktide-banner.bottomBar .st-button,
#silktide-banner.bottomBar .preferences {
  width: 100%;
}
@media (min-width: 992px) {
  #silktide-banner.bottomBar .st-button,
  #silktide-banner.bottomBar .preferences {
    width: auto;
  }
}

@keyframes silktide-slideInUp-bar {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#silktide-banner.bottomCenter {
  bottom: 16px;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -20px);
  animation: silktide-slideInDown-bottomCenter 350ms ease-out forwards;
}

#silktide-banner .preferences {
  padding: 4px 0;
  border: 0;
  background: none;
  font-size: 12px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.25s ease;
}
#silktide-banner .preferences:hover, #silktide-banner .preferences:focus-visible {
  color: var(--accent-dark);
}

#silktide-banner .preferences span {
  display: inline;
  text-align: center;
  text-decoration: none;
}

#silktide-banner .preferences:after {
  display: none;
}

#silktide-banner p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--mutedTextColor);
  margin: 0 0 15px;
}

#silktide-banner a {
  display: inline-block;
  color: var(--primaryColor);
  text-decoration: underline;
  background-color: var(--backgroundColor);
}

#silktide-banner a:hover {
  color: var(--mutedTextColor);
}

#silktide-banner a.silktide-logo {
  display: block;
  fill: var(--primaryColor); /* passed down to svg > path */
  margin-left: auto;
  width: 24px;
  height: 24px;
}

#silktide-banner .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--gray-200);
}
#silktide-banner .actions .st-button {
  flex: 1 1 auto;
  padding: 12px 16px;
  font-size: 11px;
  white-space: nowrap;
}

#silktide-banner .actions-row {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  justify-content: center;
}

/* --------------------------------
  Modal
-------------------------------- */
#silktide-modal {
  position: relative;
  display: none;
  pointer-events: auto;
  width: 640px;
  margin: 24px 16px;
  max-width: calc(100% - 32px);
  max-height: calc(100% - 48px);
  border: 0;
  transform: translate(0px, -20px);
  opacity: 0;
  animation: silktide-slideInUp-center 350ms ease-out forwards;
  box-shadow: var(--cardShadow);
  color: var(--textColor);
  flex-direction: column;
  padding: 22px 18px;
  background-color: var(--backgroundColor);
  border-radius: var(--card-radius-lg);
  box-sizing: border-box;
}

@media (min-width: 576px) {
  #silktide-modal {
    padding: 30px;
  }
}
/* --------------------------------
  Modal - Header
-------------------------------- */
#silktide-modal header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 16px;
}

#silktide-modal h1 {
  color: var(--textColor);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--heading-letter-spacing);
  line-height: 1.25;
  margin: 0;
}

#silktide-modal .modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
#silktide-modal .modal-close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] #silktide-modal .modal-close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  #silktide-modal .modal-close::before {
    transition: none;
  }
}
#silktide-modal .modal-close:hover, #silktide-modal .modal-close:focus-visible {
  color: var(--white);
}
#silktide-modal .modal-close:hover::before, #silktide-modal .modal-close:focus-visible::before {
  transform: scale(1);
}
#silktide-modal .modal-close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
}
#silktide-modal .modal-close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
#silktide-modal .modal-close i {
  font-size: inherit;
  line-height: 1;
}
#silktide-modal .modal-close {
  flex-shrink: 0;
}

#silktide-modal .modal-close:focus:not(:focus-visible) {
  color: var(--secondary);
}
#silktide-modal .modal-close:focus:not(:focus-visible)::before {
  transform: scale(0);
}

#silktide-modal .modal-close svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

/* --------------------------------
  Modal - Content
-------------------------------- */
#silktide-modal section {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  margin-top: 20px;
  padding-inline-end: 4px;
}

#silktide-modal section::-webkit-scrollbar {
  display: block; /* Force scrollbars to show */
  width: 5px; /* Width of the scrollbar */
}

#silktide-modal section::-webkit-scrollbar-thumb {
  background-color: var(--gray-300);
  border-radius: 0;
}

#silktide-modal p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--mutedTextColor);
  margin: 0 0 15px;
}

#silktide-modal p:last-of-type {
  margin: 0;
}

#silktide-modal fieldset {
  margin: 0;
  padding: 16px 18px;
  border: 0;
  border-radius: var(--card-radius-md);
  background-color: var(--bg-primary);
}

#silktide-modal legend {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--textColor);
}

#silktide-modal .cookie-type-content {
  clear: both;
}

#silktide-modal .cookie-type-description p {
  font-size: 13px;
}

#silktide-modal .cookie-type-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}

/* --------------------------------
  Modal - Switches
-------------------------------- */
#silktide-modal .switch {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  height: 26px;
  width: 48px;
  cursor: pointer;
}

#silktide-modal .switch:focus-within {
  outline: none;
  box-shadow: var(--focus);
  border-radius: 25px;
}

#silktide-modal .switch input {
  opacity: 0;
  position: absolute;
}

/* Unchecked Switch Styles */
#silktide-modal .switch__pill {
  position: relative;
  display: block;
  height: 26px;
  width: 48px;
  background: var(--gray-300);
  border-radius: 25px;
  transition: background-color 200ms ease-out;
}

#silktide-modal .switch__dot {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  height: 20px;
  width: 20px;
  background: var(--white);
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: left 150ms ease-out;
}

#silktide-modal .switch__off,
#silktide-modal .switch__on {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Checked Switch Styles */
#silktide-modal .switch input:checked + .switch__pill {
  background: var(--primaryColor);
}

#silktide-modal .switch input:checked ~ .switch__dot {
  left: calc(100% - 23px);
}

/* Disabled Switch Styles */
#silktide-modal .switch input:disabled + .switch__pill {
  opacity: 0.65;
  cursor: not-allowed;
}

/* --------------------------------
  Modal - Footer
-------------------------------- */
#silktide-modal footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

@media (min-width: 600px) {
  #silktide-modal footer {
    flex-direction: row;
    align-items: center;
  }
}
#silktide-modal footer a {
  margin-left: auto;
}

/* Cookie Icon */
body:has(.floating-add-to-cart.visible) #silktide-cookie-icon, body:has(.mfp-ready) #silktide-cookie-icon {
  scale: 0;
  transition: scale 0.3s ease;
}

@media (max-width: 1199.98px) {
  body:has(.shopping-cart-page) #silktide-cookie-icon, body:has([class^=offcanvas].show) #silktide-cookie-icon, body:has([class^=modal].show) #silktide-cookie-icon {
    scale: 0;
    transition: scale 0.3s ease;
  }
}

#silktide-cookie-icon {
  display: none;
  position: fixed;
  bottom: 80px;
  left: 10px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  scale: 0.9;
  border-radius: 50%;
  padding: 0;
  border: none;
  background-color: var(--cookieIconColor);
  cursor: pointer;
  box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--overlay) 55%, transparent), 0 0 0 1px var(--gray-200);
  pointer-events: auto;
  transition: scale 0.3s ease;
  animation: silktide-fadeIn 0.3s ease-in-out forwards;
}
@media (min-width: 576px) {
  #silktide-cookie-icon {
    scale: 1;
  }
}
@media (min-width: 992px) {
  #silktide-cookie-icon {
    bottom: 10px;
  }
}

#silktide-cookie-icon.bottomRight {
  left: auto;
  right: 10px;
}

#silktide-cookie-icon svg {
  width: 22px;
  height: 22px;
  fill: var(--cookieIconBackgroundColor);
}

/* --------------------------------
  Backdrop
-------------------------------- */
#silktide-backdrop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--backdropBackgroundColor);
  backdrop-filter: blur(var(--backdropBackgroundBlur));
  pointer-events: all;
}

/* --------------------------------
  Animations
-------------------------------- */
@keyframes silktide-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes silktide-slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes silktide-slideInDown-center {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% - 20px));
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes silktide-slideInDown-bottomCenter {
  from {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes silktide-slideInUp-center {
  from {
    opacity: 0;
    transform: translate(0px, 20px);
  }
  to {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
.product-left-extra,
.product-details-page-left-extra {
  position: absolute;
  top: 8px;
  inset-inline-start: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  line-height: normal;
  pointer-events: none;
  transform: translateZ(0);
}

@media (min-width: 768px) {
  .product-left-extra {
    top: 12px;
    gap: 5px;
  }
}

.picture-gallery {
  position: relative;
}

.product-details-page-left-extra {
  top: 12px;
  gap: 6px;
}
@media (min-width: 992px) {
  .product-details-page-left-extra {
    top: 16px;
  }
}

.nb-tag {
  --nb-tag-notch: 6px;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  margin: 0;
  padding-block: 5px;
  padding-inline: 9px calc(9px + var(--nb-tag-notch));
  color: var(--nb-tag-fg);
  background-color: var(--nb-tag-bg);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 60%);
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--nb-tag-notch)) 50%, 100% 100%, 0 100%);
  font-family: var(--font-body);
  font-size: 9px;
  font-weight: var(--fw-semibold);
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .nb-tag {
    --nb-tag-notch: 8px;
    gap: 6px;
    padding-block: 6px;
    padding-inline: 12px calc(12px + var(--nb-tag-notch));
    font-size: 10px;
  }
}

[dir=rtl] .nb-tag {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--nb-tag-notch) 50%);
}

.nb-tag--new {
  --nb-tag-bg: var(--ribbon-new-bg);
  --nb-tag-fg: var(--ribbon-new-text);
}

.nb-tag--best {
  --nb-tag-bg: var(--ribbon-best-bg);
  --nb-tag-fg: var(--ribbon-best-text);
}
.nb-tag--best::before {
  content: "✦";
  font-size: 1.1em;
  line-height: 1;
  letter-spacing: 0;
}

.nb-tag--discount {
  --nb-tag-bg: var(--ribbon-discount-bg);
  --nb-tag-fg: var(--ribbon-discount-text);
}

.nb-tag__label {
  display: block;
  margin: 0;
}

.nb-tag__value {
  font-family: var(--font-heading);
  font-size: 1.7em;
  font-weight: var(--fw-bold);
  line-height: 0.9;
  letter-spacing: 0;
  text-transform: none;
}

@media (min-width: 992px) {
  .product-details-page-left-extra .nb-tag {
    --nb-tag-notch: 9px;
    gap: 7px;
    padding-block: 8px;
    padding-inline: 16px calc(16px + var(--nb-tag-notch));
    font-size: 11px;
  }
}

[id^=paypal-button-container] iframe.component-frame {
  z-index: 1 !important;
}

/*================ Product details page ================*/
.product-details-page .paypal-button-container,
.product-details-page .paypal-googlepay-container,
.product-details-page .paypal-messages-container {
  min-width: 0 !important;
  max-width: none !important;
  width: 100%;
  margin-inline: 0;
  padding: 0;
}
.product-details-page .paypal-button-container,
.product-details-page .paypal-googlepay-container {
  border-radius: 0;
}
.product-details-page .paypal-googlepay-container button {
  border-radius: var(--button-radius) !important;
}
.product-details-page .paypal-button-container {
  margin-bottom: var(--space-3);
}
.product-details-page .paypal-button-container:last-child {
  margin-bottom: 0;
}
.product-details-page .paypal-googlepay-container {
  margin-bottom: var(--space-4);
}
.product-details-page .paypal-messages-container {
  margin-bottom: var(--space-3);
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--text-secondary);
}

/*================ Cart summary reused on these pages ================*/
.checkout-page.payment-info-page .checkout-buttons,
.order-confirm-page .checkout-buttons {
  position: static;
}

.paypal-messages-container:empty {
  padding: 0;
  margin: 0;
}

/*================ Cart order-summary column ================*/
.cart-details-right .paypal-button-container,
.cart-details-right .paypal-applepay-container,
.cart-details-right .paypal-googlepay-container {
  min-width: 0 !important;
  max-width: none !important;
  border-radius: 0;
}
.cart-details-right .paypal-buttons {
  width: 100% !important;
  max-width: none !important;
}
.cart-details-right .paypal-googlepay-container button {
  border-radius: var(--button-radius) !important;
}

/*================ Undo unscoped rules from the plugin's Content/styles.css ================*/
.shopping-cart-page .totals,
.checkout-page .totals,
.wishlist-page .totals {
  max-width: none !important;
}

.pc-configurator {
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  padding: var(--space-5);
  color: var(--text-primary);
  font-family: var(--font-body);
}

.pc-steps-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
}
.pc-steps-nav__item {
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  background: var(--white);
  color: var(--text-secondary);
  cursor: pointer;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
  /* Prevent global button hover styles from swapping text color */
}
.pc-steps-nav__item:hover {
  color: var(--text-secondary);
}
.pc-steps-nav__item.is-active {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.pc-steps-nav__item.is-active:hover {
  color: var(--white);
}
.pc-steps-nav__item.is-complete {
  border-color: var(--primary);
  color: var(--primary);
}

.pc-step {
  margin-bottom: var(--space-5);
}
.pc-step__title {
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: var(--fw-semibold);
  color: var(--black);
  margin-bottom: var(--space-2);
}
.pc-step__subtitle {
  color: var(--text-light);
  margin-bottom: var(--space-3);
}

.pc-fields {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--space-4);
}

.pc-field {
  grid-column: span 12;
}
.pc-field--half {
  grid-column: span 6;
}
.pc-field--third {
  grid-column: span 4;
}
.pc-field__label {
  display: block;
  font-weight: var(--fw-medium);
  margin-bottom: var(--space-2);
}
.pc-field__required {
  color: var(--error);
  margin-left: 2px;
}
.pc-field__help {
  color: var(--text-light);
  font-size: 13px;
  margin-top: var(--space-1);
}
.pc-field__error {
  color: var(--error);
  font-size: 13px;
  margin-top: var(--space-1);
}
.pc-field input[type=text],
.pc-field input[type=number],
.pc-field input[type=email],
.pc-field input[type=tel],
.pc-field input[type=date],
.pc-field select,
.pc-field textarea {
  box-shadow: none;
  width: 100%;
  outline: 0;
  padding: 12px 12px;
  color: var(--text-primary);
  background: var(--white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  border-radius: var(--radius-base);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pc-field input[type=text]:hover, .pc-field input[type=text]:focus,
.pc-field input[type=number]:hover,
.pc-field input[type=number]:focus,
.pc-field input[type=email]:hover,
.pc-field input[type=email]:focus,
.pc-field input[type=tel]:hover,
.pc-field input[type=tel]:focus,
.pc-field input[type=date]:hover,
.pc-field input[type=date]:focus,
.pc-field select:hover,
.pc-field select:focus,
.pc-field textarea:hover,
.pc-field textarea:focus {
  border-color: var(--secondary);
}
.pc-field input[type=text].input-validation-error, .pc-field input[type=text].input-validation-error:hover,
.pc-field input[type=number].input-validation-error,
.pc-field input[type=number].input-validation-error:hover,
.pc-field input[type=email].input-validation-error,
.pc-field input[type=email].input-validation-error:hover,
.pc-field input[type=tel].input-validation-error,
.pc-field input[type=tel].input-validation-error:hover,
.pc-field input[type=date].input-validation-error,
.pc-field input[type=date].input-validation-error:hover,
.pc-field select.input-validation-error,
.pc-field select.input-validation-error:hover,
.pc-field textarea.input-validation-error,
.pc-field textarea.input-validation-error:hover {
  border-color: var(--error);
}

.pc-input-group {
  display: flex;
  align-items: stretch;
}
.pc-input-group input {
  box-shadow: none;
  width: 100%;
  outline: 0;
  padding: 12px 12px;
  color: var(--text-primary);
  background: var(--white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  border-radius: var(--radius-base);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pc-input-group input:hover, .pc-input-group input:focus {
  border-color: var(--secondary);
}
.pc-input-group input.input-validation-error, .pc-input-group input.input-validation-error:hover {
  border-color: var(--error);
}
.pc-input-group input {
  flex: 1 1 auto;
  min-width: 0;
  border-right: 0;
  border-radius: var(--radius-base) 0 0 var(--radius-base);
}
.pc-input-group__unit {
  display: flex;
  align-items: center;
  padding: 0 var(--space-4);
  border: 1px solid var(--gray-300);
  border-radius: 0 var(--radius-base) var(--radius-base) 0;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  white-space: nowrap;
}

.pc-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.pc-swatch {
  width: 48px;
  height: 48px;
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: border-color 0.25s ease, transform 0.25s ease;
}
.pc-swatch:hover {
  transform: translateY(-2px);
}
.pc-swatch.is-selected {
  border-color: var(--primary);
  box-shadow: inset 0 0 0 2px var(--primary);
}

.pc-summary {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  padding: var(--space-4);
  margin-top: var(--space-5);
}

.pc-breakdown {
  list-style: none;
  margin: 0;
  padding: 0 0 var(--space-3);
  border-bottom: 1px solid var(--border);
}
.pc-breakdown:empty {
  border-bottom: 0;
  padding-bottom: 0;
}
.pc-breakdown__row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-1) 0;
  color: var(--text-secondary);
}

.pc-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: var(--space-5);
}
.pc-total__label {
  color: var(--text-secondary);
}
.pc-total__value {
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: var(--fw-bold);
  color: var(--black);
}

/* The configurator's buttons are the theme's buttons - extended, not copied, so a change to
   .button reaches them too. */
.pc-button {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.pc-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .pc-button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .pc-button::before {
    transition: none;
  }
}
.pc-button {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.pc-button:hover, .pc-button:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.pc-button:hover::before, .pc-button:focus-visible::before {
  transform: scaleX(1);
}

.pc-button--secondary {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.pc-button--secondary::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-secondary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .pc-button--secondary::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .pc-button--secondary::before {
    transition: none;
  }
}
.pc-button--secondary {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--button-secondary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.pc-button--secondary:hover, .pc-button--secondary:focus-visible {
  color: var(--white);
  background: var(--button-secondary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.pc-button--secondary:hover::before, .pc-button--secondary:focus-visible::before {
  transform: scaleX(1);
}

/* The catalogue tile runs the same button smaller, exactly as the theme's own tile button. */
.pc-button--compact {
  flex: 0 0 auto;
  align-self: flex-start;
  width: auto;
  padding: 9px 20px;
  font-size: 12px;
}

.pc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.pc-is-busy {
  opacity: 0.6;
  pointer-events: none;
}

.pc-hidden {
  display: none !important;
}

.pc-honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.pc-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.pc-modal__close::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .pc-modal__close::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .pc-modal__close::before {
    transition: none;
  }
}
.pc-modal__close:hover, .pc-modal__close:focus-visible {
  color: var(--white);
}
.pc-modal__close:hover::before, .pc-modal__close:focus-visible::before {
  transform: scale(1);
}
.pc-modal__close {
  border: 1px solid var(--border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
  background-image: none;
  z-index: 12;
  position: absolute;
  top: -16px;
  inset-inline-end: -10px;
}
.pc-modal__close:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.pc-modal__close i {
  font-size: inherit;
  line-height: 1;
}

@media (max-width: 767.98px) {
  .pc-field--half, .pc-field--third {
    grid-column: span 12;
  }
}
.pc-configurable-badge {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  color: var(--text-secondary);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.pc-appointment {
  margin-top: var(--space-6);
  padding: var(--space-5);
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
}
.pc-appointment__title {
  margin: 0 0 var(--space-4);
}
.pc-appointment__field {
  margin-bottom: var(--space-4);
}
.pc-appointment__field label {
  display: block;
  margin-bottom: var(--space-1);
  color: var(--text-secondary);
}
.pc-appointment__field input,
.pc-appointment__field select,
.pc-appointment__field textarea {
  width: 100%;
}
.pc-appointment__error, .pc-appointment__notice {
  margin: var(--space-3) 0;
  color: var(--error);
}
.pc-appointment__empty {
  color: var(--text-secondary);
}

.pc-slot-day {
  margin-bottom: var(--space-4);
}
.pc-slot-day__date {
  font-weight: var(--fw-semibold);
  margin-bottom: var(--space-2);
}
.pc-slot-day__slots {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.pc-slot {
  padding: 6px 14px;
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  background: transparent;
  cursor: pointer;
  transition: all 200ms ease;
}
.pc-slot:hover {
  border-color: var(--primary);
}
.pc-slot--selected {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
}

.pc-appointment-notes ul {
  list-style: none;
  padding: 0;
}
.pc-appointment-notes__date {
  display: inline-block;
  min-width: 160px;
  color: var(--text-secondary);
}

.pc-quantity {
  margin-top: var(--space-1);
  color: var(--text-secondary);
  font-size: 14px;
  text-align: end;
}

.pc-leadtime {
  margin-top: var(--space-2);
  color: var(--text-secondary);
  font-size: 14px;
}

.pc-rate-tables {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.pc-rate-table__name {
  font-weight: var(--fw-semibold);
  margin-bottom: var(--space-2);
}
.pc-rate-table__scroll {
  overflow-x: auto;
}
.pc-rate-table table {
  width: 100%;
  border-collapse: collapse;
}
.pc-rate-table th,
.pc-rate-table td {
  padding: 6px 10px;
  border: 1px solid var(--gray-300);
  text-align: center;
  white-space: nowrap;
}
.pc-rate-table thead th,
.pc-rate-table tbody th {
  background-color: var(--gray-100);
  font-weight: var(--fw-semibold);
  color: var(--text-secondary);
}

.pc-quote {
  max-width: 720px;
}
.pc-quote__head {
  margin-bottom: var(--space-6);
}
.pc-quote__thanks {
  text-align: center;
  font-family: var(--font-heading);
  margin: 0 0 var(--space-2);
}
.pc-quote__number {
  text-align: center;
  margin: var(--space-3) 0 0;
  color: var(--text-secondary);
}
.pc-quote__intro {
  text-align: center;
  color: var(--text-secondary);
  margin: 0;
}
.pc-quote__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
}

.quote-status {
  display: inline-block;
  padding: 4px 12px;
  border-radius: var(--radius-base);
  background-color: var(--text-secondary);
  color: var(--white);
  font-size: 12px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.quote-status.offered, .quote-status.rescheduled {
  background-color: var(--primary);
}
.quote-status.accepted, .quote-status.ordercreated, .quote-status.confirmed, .quote-status.completed {
  background-color: var(--success);
}
.quote-status.rejected, .quote-status.expired, .quote-status.cancelled, .quote-status.noshow {
  background-color: var(--error);
}

.quote-list-page .quote-item .info li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.quote-details-page .order-header .order-number {
  margin-top: 10px;
}
.quote-details-page .order-header .order-number h3 {
  font-weight: var(--fw-bold);
  color: var(--secondary);
}
.quote-details-page .order-details {
  margin-top: var(--space-6);
}
.quote-details-page .data-table th {
  text-align: start;
  padding: 12px 10px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border-top: 1px solid var(--gray-300);
  border-bottom: 1px solid var(--gray-300);
}
.quote-details-page .data-table td {
  padding: 16px 10px;
  vertical-align: top;
  border-bottom: 1px solid var(--gray-200);
}
.quote-details-page .data-table th.configuration,
.quote-details-page .data-table td.configuration {
  text-align: start;
}
.quote-details-page .data-table .total {
  white-space: nowrap;
}
.quote-details-page .quote-config {
  color: var(--text-secondary);
  font-size: 14px;
  white-space: pre-line;
}
.quote-details-page .totals {
  margin-top: var(--space-6);
  margin-inline-start: auto;
  padding: 24px;
  border-radius: var(--radius-base);
  border: 1px solid var(--gray-300);
}
@media (min-width: 768px) {
  .quote-details-page .totals {
    width: 410px;
    padding: 28px;
  }
}
.quote-details-page .totals .cart-total td {
  padding: 6px 0;
  border-bottom: none;
}
.quote-details-page .totals .cart-total td:first-child {
  text-align: start;
}
.quote-details-page .totals .cart-total td:last-child {
  text-align: end;
}
.quote-details-page .totals .actions {
  margin-top: var(--space-4);
}

.appointment-details-page .order-header .order-number {
  margin-top: 10px;
}
.appointment-details-page .order-header .order-number h3 {
  font-weight: var(--fw-bold);
  color: var(--secondary);
}
.appointment-details-page .order-overview .order-info-item .value + .value {
  margin-top: 2px;
}
.appointment-details-page .appointment-map {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--primary);
}
.appointment-details-page .order-details {
  margin-top: var(--space-6);
}
.appointment-details-page .section + .section {
  margin-top: var(--space-6);
}
.appointment-details-page .section .title {
  padding-bottom: 12px;
  margin-bottom: var(--space-4);
  border-bottom: 1px solid var(--gray-300);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 13px;
}
.appointment-details-page .data-table td {
  padding: 12px 10px;
  vertical-align: top;
  border-bottom: 1px solid var(--gray-200);
  text-align: start;
}
.appointment-details-page .data-table td.name {
  color: var(--text-secondary);
}
@media (min-width: 992px) {
  .appointment-details-page .data-table td.name {
    width: 40%;
  }
}
.appointment-details-page .appointment-about__product {
  font-weight: var(--fw-bold);
}
.appointment-details-page .appointment-about__message {
  margin-top: var(--space-2);
  color: var(--text-secondary);
  white-space: pre-line;
}
.appointment-details-page .appointment-notes__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.appointment-details-page .appointment-notes__list li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--gray-200);
}
@media (min-width: 768px) {
  .appointment-details-page .appointment-notes__list li {
    flex-direction: row;
    gap: var(--space-4);
  }
}
.appointment-details-page .appointment-notes__date {
  flex-shrink: 0;
  color: var(--text-secondary);
  font-size: 13px;
}
@media (min-width: 768px) {
  .appointment-details-page .appointment-notes__date {
    width: 160px;
  }
}

.pc-actions {
  display: flex;
  justify-content: space-between;
}

.bss-combo {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
  color: var(--text-primary);
  font-family: var(--font-body);
}
.bss-combo .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.bss-combo__eyebrow {
  display: block;
  color: var(--text-light);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
}
.bss-combo__notice {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--error);
  border-radius: var(--card-radius-sm);
  color: var(--error);
  font-size: 13px;
}
.bss-combo__notice i {
  font-size: 18px;
  line-height: 1;
}

.bss-combo-slot {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.bss-combo-slot__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  margin: 0 0 var(--space-2);
  padding: 0;
  float: none;
  font-size: inherit;
}
.bss-combo-slot__name {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: var(--fw-semibold);
  line-height: var(--heading-line-height);
  color: var(--text-primary);
}
.bss-combo-slot__hint {
  color: var(--text-light);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
}
.bss-combo-slot__items {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border: 1px solid var(--border);
  border-radius: var(--card-radius-sm);
  background-color: var(--white);
}

.bss-combo-item {
  position: relative;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.bss-combo-item + .bss-combo-item {
  border-top: 1px solid var(--border);
}
.bss-combo .bss-combo-item__main {
  display: grid;
  grid-template-columns: 20px 64px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  padding-block: var(--space-3);
  padding-inline: var(--space-4) 48px;
  font-weight: var(--fw-regular);
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .bss-combo .bss-combo-item__main {
    grid-template-columns: 20px 52px minmax(0, 1fr);
    gap: 10px;
    padding-inline-start: var(--space-3);
  }
}
.bss-combo-item__pick {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.bss-combo-item__pick input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.bss-combo-item__pick input:disabled {
  cursor: not-allowed;
}
.bss-combo-item__pick > i {
  color: var(--primary);
  font-size: 18px;
  line-height: 1;
}
.bss-combo-item__control {
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid var(--gray-400);
  border-radius: 50%;
  background-color: var(--white);
  transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  pointer-events: none;
}
.bss-combo-item__pick input[type=checkbox] + .bss-combo-item__control {
  border-radius: 2px;
}
.bss-combo-item__pick input:checked + .bss-combo-item__control {
  border-color: var(--primary);
  background-color: var(--primary);
  box-shadow: inset 0 0 0 3px var(--white);
}
.bss-combo-item__pick input:focus-visible + .bss-combo-item__control {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.bss-combo-item__pick input:disabled + .bss-combo-item__control {
  opacity: 0.4;
}
.bss-combo-item__media {
  display: block;
  aspect-ratio: var(--product-image-ratio);
  overflow: hidden;
  border-radius: var(--card-radius-sm);
  background-color: var(--gray-100);
}
.bss-combo-item__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--product-image-fit);
}
.bss-combo-item__body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.bss-combo-item__name {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: var(--fw-semibold);
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.bss-combo-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2);
}
.bss-combo-item__qty {
  color: var(--text-light);
  font-size: 12px;
  font-weight: var(--fw-semibold);
}
.bss-combo-item__price {
  color: var(--text-secondary);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.bss-combo-item__variant {
  color: var(--text-light);
  font-size: 12px;
}
.bss-combo-item__stock {
  color: var(--error);
  font-size: 12px;
  font-weight: var(--fw-semibold);
}
.bss-combo-item__link {
  position: absolute;
  top: var(--space-3);
  inset-inline-end: var(--space-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--text-light);
  font-size: 16px;
  transition: color 0.3s ease;
}
.bss-combo-item__link:hover, .bss-combo-item__link:focus-visible {
  color: var(--primary);
}
.bss-combo-item__options {
  padding-block: 0 var(--space-3);
  padding-inline: calc(var(--space-4) + 20px + 64px + var(--space-3) * 2) var(--space-4);
}
@media (max-width: 575.98px) {
  .bss-combo-item__options {
    padding-inline-start: var(--space-3);
  }
}
.bss-combo-item__options.attributes.attributes dl {
  margin: 0;
  padding: 0;
}
.bss-combo-item__options.attributes dd {
  margin: 0 0 var(--space-2);
}
.bss-combo-item__options.attributes dd:last-child {
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .bss-combo-item__options.attributes.attributes select {
    width: 100%;
    min-width: 0;
  }
}
.bss-combo-slot.is-fixed .bss-combo-item .bss-combo-item__main {
  cursor: default;
}
.bss-combo-slot.is-choice .bss-combo-item.is-selected {
  background-color: var(--bg-primary);
  box-shadow: inset 3px 0 0 var(--primary);
}
[dir=rtl] .bss-combo-slot.is-choice .bss-combo-item.is-selected {
  box-shadow: inset -3px 0 0 var(--primary);
}
.bss-combo-slot.is-choice .bss-combo-item:not(.is-selected) .bss-combo-item__options {
  display: none;
}
.bss-combo-item.is-unavailable .bss-combo-item__main {
  cursor: not-allowed;
}
.bss-combo-item.is-unavailable .bss-combo-item__media, .bss-combo-item.is-unavailable .bss-combo-item__name, .bss-combo-item.is-unavailable .bss-combo-item__meta {
  opacity: 0.5;
}

.bss-combo-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.bss-combo-actions__warnings {
  margin: 0;
  padding-block: var(--space-3);
  padding-inline: var(--space-6) var(--space-4);
  border: 1px solid var(--error);
  color: var(--error);
  font-size: 13px;
}
.bss-combo-actions__warnings[hidden] {
  display: none;
}
.bss-combo-actions .add-to-cart-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bss-combo-actions__hint {
  margin: 0;
  color: var(--text-light);
  font-size: 12px;
  line-height: 1.5;
}
.bss-combo-actions__hint[hidden] {
  display: none;
}

.bss-combo-cart-line__qty {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: var(--fw-semibold);
  font-variant-numeric: tabular-nums;
}

.bss-combo-cart-group__actions,
.bss-combo-flyout-group__end {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.bss-combo-flyout-group__stepper {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  background-color: var(--white);
  transition: opacity 0.2s ease;
}
.bss-combo-flyout-group__stepper.is-busy {
  opacity: 0.45;
  pointer-events: none;
}

.bss-combo-flyout-group__step {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--text-secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.bss-combo-flyout-group__step::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .bss-combo-flyout-group__step::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .bss-combo-flyout-group__step::before {
    transition: none;
  }
}
.bss-combo-flyout-group__step:hover:not(:disabled), .bss-combo-flyout-group__step:focus-visible:not(:disabled) {
  color: var(--white);
}
.bss-combo-flyout-group__step:hover:not(:disabled)::before, .bss-combo-flyout-group__step:focus-visible:not(:disabled)::before {
  transform: scaleX(1);
}
.bss-combo-flyout-group__step:disabled {
  opacity: 0.35;
  cursor: default;
}
.bss-combo-flyout-group__step.is-up::before {
  transform-origin: 100% 50%;
}
[dir=rtl] .bss-combo-flyout-group__step.is-up::before {
  transform-origin: 0 50%;
}

.bss-combo-flyout-group__step {
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.bss-combo-flyout-group__count {
  min-width: 34px;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.bss-combo-cart-group__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--text-secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  position: relative;
  isolation: isolate;
}
.bss-combo-cart-group__remove::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .bss-combo-cart-group__remove::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .bss-combo-cart-group__remove::before {
    transition: none;
  }
}
.bss-combo-cart-group__remove:hover, .bss-combo-cart-group__remove:focus-visible {
  color: var(--white);
}
.bss-combo-cart-group__remove:hover::before, .bss-combo-cart-group__remove:focus-visible::before {
  transform: scale(1);
}
.bss-combo-cart-group__remove {
  box-shadow: inset 0 0 0 1px var(--accent);
}
.bss-combo-cart-group__remove i {
  font-size: 16px;
}

.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group:not(.is-compact) {
  padding: 10px 12px 4px;
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group:not(.is-compact) .bss-combo-cart-group__inner {
  gap: var(--space-1) var(--space-3);
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group:not(.is-compact) .bss-combo-cart-group__name {
  font-size: 16px;
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group:not(.is-compact) .bss-combo-cart-group__remove {
  width: 28px;
  height: 28px;
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group:not(.is-compact) .bss-combo-cart-group__remove i {
  font-size: 14px;
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group:not(.is-compact).is-broken {
  border-radius: var(--card-radius-sm);
  background-color: rgba(156, 63, 44, 0.045);
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-line {
  box-shadow: inset 3px 0 0 var(--primary);
}
[dir=rtl] .onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-line {
  box-shadow: inset -3px 0 0 var(--primary);
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-line.is-broken {
  box-shadow: inset 3px 0 0 var(--warning);
}
[dir=rtl] .onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-line.is-broken {
  box-shadow: inset -3px 0 0 var(--warning);
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-line.is-locked .remove-btn {
  display: none !important;
}

.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group:not(.is-compact) {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 0 12px;
  border-bottom: 1px solid var(--border);
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group:not(.is-compact).removing {
  overflow: hidden;
  pointer-events: none;
  max-height: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  border-bottom-color: transparent;
  transform: translateX(16px);
  transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.22s ease, transform 0.3s ease;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__title {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__title i {
  color: var(--primary);
  font-size: 15px;
  line-height: 1;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__eyebrow {
  color: var(--text-light);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__name {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: var(--fw-semibold);
  line-height: var(--heading-line-height);
  text-decoration: none;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__name:is(a):hover, .mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__name:is(a):focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__figures {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-3);
  font-variant-numeric: tabular-nums;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__price {
  color: var(--text-secondary);
  font-size: 13px;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__saving {
  padding: 2px 8px;
  background-color: var(--sale);
  color: var(--white);
  font-size: 12px;
  font-weight: var(--fw-semibold);
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__notice {
  color: var(--warning);
  font-size: 13px;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__total {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: var(--gray-100);
  color: var(--text-secondary);
  line-height: 1;
  cursor: pointer;
  transition: color 0.35s ease;
  font-size: 15px;
}
@media (min-width: 768px) {
  .mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove {
  position: relative;
  isolation: isolate;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--error);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 50%;
  transform: scale(0);
}
[dir=rtl] .mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove::before {
    transition: none;
  }
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove:hover, .mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove:focus-visible {
  color: var(--white);
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove:hover::before, .mini-shopping-cart-offcanvas .items .bss-combo-flyout-group__remove:focus-visible::before {
  transform: scale(1);
}
.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-line {
  padding-inline: 12px;
  background-color: color-mix(in srgb, var(--bg-primary) 45%, var(--white));
  box-shadow: inset 3px 0 0 var(--primary);
  border-bottom-color: var(--gray-200);
}
[dir=rtl] .mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-line {
  box-shadow: inset -3px 0 0 var(--primary);
}
.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-line.is-broken {
  box-shadow: inset 3px 0 0 var(--warning);
}
[dir=rtl] .mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-line.is-broken {
  box-shadow: inset -3px 0 0 var(--warning);
}
.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-line.is-last {
  border-bottom-color: var(--border);
}
.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-line.is-locked .item-meta .qty-stepper,
.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-line.is-locked .extra .remove {
  display: none;
}
.mini-shopping-cart-offcanvas .items .bss-combo-flyout-line__qty {
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  font-variant-numeric: tabular-nums;
}

.bss-combo-cart-group__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
}
.bss-combo-cart-group__title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
  min-width: 0;
}
.bss-combo-cart-group__title i {
  align-self: center;
  color: var(--primary);
  font-size: 16px;
  line-height: 1;
}
.bss-combo-cart-group__eyebrow {
  color: var(--text-light);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
}
.bss-combo-cart-group__name {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: var(--fw-semibold);
  line-height: var(--heading-line-height);
  text-decoration: none;
}
.bss-combo-cart-group__name:hover, .bss-combo-cart-group__name:focus-visible {
  color: var(--secondary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bss-combo-cart-group__figures {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-3);
  font-variant-numeric: tabular-nums;
}
.bss-combo-cart-group__price {
  color: var(--text-secondary);
  font-size: 13px;
}
.bss-combo-cart-group__total {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: var(--fw-semibold);
}
.bss-combo-cart-group__saving {
  padding: 2px 8px;
  background-color: var(--sale);
  color: var(--white);
  font-size: 12px;
  font-weight: var(--fw-semibold);
}
.bss-combo-cart-group__notice {
  width: 100%;
  color: var(--warning);
  font-size: 13px;
}

.item-box .product-item:has(.bss-combo-badge) .product-discount-tag,
.product-details-page:has(.bss-combo) .product-details-page-left-extra .product-discount-tag,
.quickview-main-area:has(.bss-combo) .product-discount-tag {
  display: none;
}

.bss-combo-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  align-self: flex-start;
  margin-bottom: 6px;
  padding: 3px 8px;
  background-color: var(--ribbon-discount-bg);
  color: var(--ribbon-discount-text);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.02em;
  line-height: 1.4;
}
.bss-combo-badge i {
  font-size: 12px;
}

.bss-combo-wishlist-hidden {
  display: none !important;
}

.bss-combo-wishlist-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.cart .bss-combo-wishlist-link:hover, .cart .bss-combo-wishlist-link:focus-visible {
  color: var(--white);
  text-decoration: none !important;
}

.bss-combo-wishlist-lines,
.bss-combo-lines {
  margin-top: var(--space-3);
  overflow: hidden;
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-sm);
  background-color: var(--white);
  text-align: start;
}
.bss-combo-wishlist-lines__label,
.bss-combo-lines__label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--gray-200);
  background-color: var(--gray-100);
  color: var(--text-light);
  font-size: 10px;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--eyebrow-letter-spacing);
  line-height: 1.4;
  text-transform: uppercase;
}
.bss-combo-wishlist-lines__label i,
.bss-combo-lines__label i {
  color: var(--primary);
  font-size: 13px;
  line-height: 1;
}
.bss-combo-wishlist-lines__list,
.bss-combo-lines__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-inline-end: -1px;
  margin-block-end: -1px;
  padding: 0;
  list-style: none;
}

.bss-combo-wishlist-line,
.bss-combo-line {
  display: flex;
  flex: 1 1 240px;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  padding: 10px 12px;
  border-inline-end: 1px solid var(--gray-200);
  border-block-end: 1px solid var(--gray-200);
}
.bss-combo-wishlist-line__picture,
.bss-combo-line__picture {
  flex-shrink: 0;
  width: 36px;
  aspect-ratio: var(--product-image-ratio);
  border-radius: 4px;
  background-color: var(--gray-100);
  object-fit: var(--product-image-fit);
}
.bss-combo-wishlist-line__text,
.bss-combo-line__text {
  display: grid;
  flex: 1 1 auto;
  gap: 2px;
  min-width: 0;
}
.bss-combo-wishlist-line__name,
.bss-combo-line__name {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  line-height: 1.35;
  overflow-wrap: break-word;
}
.bss-combo-wishlist-line__variant,
.bss-combo-line__variant {
  color: var(--text-light);
  font-size: 12px;
  line-height: 1.4;
}
.bss-combo-wishlist-line__qty,
.bss-combo-line__qty {
  flex-shrink: 0;
  margin-inline-start: auto;
  padding: 1px 8px;
  border-radius: 999px;
  background-color: var(--gray-100);
  color: var(--text-primary);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  line-height: 1.6;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.bss-combo-amount {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.bss-combo-regular {
  color: var(--text-light);
  font-size: 12px;
  font-weight: var(--fw-regular);
  font-variant-numeric: tabular-nums;
  text-decoration: line-through;
  white-space: nowrap;
}

.bss-combo-saving {
  display: inline-block;
  width: fit-content;
  padding: 2px 8px;
  border-radius: var(--radius-base);
  background-color: var(--sale);
  color: var(--white);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  line-height: 1.5;
  white-space: nowrap;
}

.bss-combo-cart-line.is-collapsed,
.bss-combo-summary-line.is-collapsed,
.bss-combo-flyout-line.is-collapsed {
  display: none !important;
}

.bss-combo-lines__warnings {
  margin-top: var(--space-2);
}

.bss-combo-line a.bss-combo-line__name:hover,
.bss-combo-line a.bss-combo-line__name:focus-visible {
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bss-combo-line .download,
.bss-combo-line .rental-info {
  font-size: 12px;
}
.bss-combo-line .download a,
.bss-combo-line .rental-info a {
  font-weight: var(--fw-semibold);
}

.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-group.is-compact .picture.bss-combo-flyout-group__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: var(--product-image-ratio);
  background-color: var(--gray-100);
  color: var(--text-primary);
  font-size: 26px;
}
.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-group.is-compact .bss-combo-saving {
  grid-column: 1/-1;
  justify-self: start;
  margin-top: var(--space-1);
}
.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-group.is-compact > .bss-combo-lines {
  grid-column: 1/-1;
  margin-top: 0;
}
.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-group.is-compact .line-price {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-end;
  gap: 2px 8px;
}
.mini-shopping-cart-offcanvas .items .item.bss-combo-flyout-group.is-compact .has-saving .line-total {
  color: var(--sale);
}

.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group.is-compact .nb-summary-item__picture.bss-combo-cart-group__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--gray-100);
  color: var(--text-primary);
  font-size: 22px;
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group.is-compact .bss-combo-saving {
  margin-top: var(--space-1);
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group.is-compact .has-saving .nb-summary-item__subtotal {
  color: var(--sale);
}
.onepage-checkout-plugin .nb-summary-items > .bss-combo-summary-group.is-compact > .bss-combo-lines {
  grid-column: 1/-1;
  margin-top: 10px;
}

.wholesale-inquiry-links-widget {
  padding: 0;
}

.master-wrapper-page > .wholesale-inquiry-links-widget {
  background: var(--secondary);
  color: var(--white);
  display: flex;
  justify-content: center;
  padding: 8px;
}
.master-wrapper-page > .wholesale-inquiry-links-widget .list {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.master-wrapper-page > .wholesale-inquiry-links-widget .list a:hover, .master-wrapper-page > .wholesale-inquiry-links-widget .list a:focus, .master-wrapper-page > .wholesale-inquiry-links-widget .list a:active {
  color: var(--gray-200);
}

.filepond--list {
  top: 8px !important;
}

.product-details-page .wholesale-inquiry-links-widget {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
.product-details-page .wholesale-inquiry-links-widget .list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-details-page .wholesale-inquiry-links-widget .link-item .link {
  font-size: 1.125em;
  font-weight: 600;
  text-decoration: underline;
}

.wsi-page {
  margin-bottom: var(--space-8);
}
.wsi-page .topic-block-title {
  display: none;
}
.wsi-page .wsi-page__quote {
  padding-top: var(--space-5);
}
.wsi-page .wsi-page__form {
  padding: var(--space-5);
  border: 1px solid var(--border);
  border-radius: var(--card-radius-lg);
  background-color: var(--white);
}
@media (min-width: 768px) {
  .wsi-page .wsi-page__form {
    padding: var(--space-6);
  }
}
@media (min-width: 1200px) {
  .wsi-page .wsi-page__form {
    padding: var(--space-7);
  }
}
.wsi-page .wsi-page__form > .page-title {
  margin-bottom: var(--space-5);
  padding: 0;
  border: 0;
  background: none;
  text-align: center;
}
.wsi-page .wsi-page__form > .page-title h1,
.wsi-page .wsi-page__form > .page-title h2 {
  margin: 0;
  text-align: center;
  font-size: 32px;
}
@media (min-width: 768px) {
  .wsi-page .wsi-page__form > .page-title h1,
  .wsi-page .wsi-page__form > .page-title h2 {
    font-size: 36px;
  }
}
.wsi-page .wsi-page__aside {
  display: grid;
  gap: var(--space-5);
  align-content: start;
}
@media (min-width: 992px) {
  .wsi-page .wsi-page__aside {
    position: sticky;
    top: var(--space-6);
  }
}
@media (min-width: 992px) {
  .wsi-page .wsi-page__cols:not(.wsi-page__cols--single) {
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: var(--space-6);
  }
}
@media (min-width: 1200px) {
  .wsi-page .wsi-page__cols:not(.wsi-page__cols--single) {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--space-8);
  }
}

.wsi-page--service {
  margin-bottom: 0;
}
.wsi-page--service .wsi-page__quote {
  margin-top: var(--space-8);
  padding: var(--space-3);
  border-radius: var(--card-radius-lg);
  background-color: var(--bg-primary);
}
@media (min-width: 768px) {
  .wsi-page--service .wsi-page__quote {
    padding: var(--space-5);
  }
}
@media (min-width: 1200px) {
  .wsi-page--service .wsi-page__quote {
    padding: 72px var(--space-8);
  }
}
.wsi-page--service .wsi-page__form {
  border-color: transparent;
}

.wsi-page .wsi-page__aside .rich-text-content {
  display: grid;
  gap: var(--space-4);
}
.wsi-page .wsi-page__aside .rich-text-content > * {
  margin: 0;
}
.wsi-page .wsi-page__aside .rich-text-content h3 {
  font-size: 24px;
}
.wsi-page .wsi-page__aside .rich-text-content img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--card-radius-lg);
}
@media (min-width: 992px) {
  .wsi-page .wsi-page__aside .rich-text-content img {
    aspect-ratio: 4/3;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .wsi-page .wsi-page__aside .rich-text-content {
    grid-template-columns: 220px minmax(0, 1fr);
    column-gap: var(--space-6);
  }
  .wsi-page .wsi-page__aside .rich-text-content > * {
    grid-column: 2;
  }
  .wsi-page .wsi-page__aside .rich-text-content img {
    grid-column: 1;
    grid-row: 1/span 4;
    align-self: start;
    aspect-ratio: 1;
  }
}
.wsi-page .wsi-page__aside .rich-text-content ol {
  display: grid;
  gap: var(--space-3);
  padding: 0;
  list-style: none;
  counter-reset: wsi-aside;
}
.wsi-page .wsi-page__aside .rich-text-content ol li {
  display: grid;
  grid-template-columns: 32px 1fr;
  align-items: baseline;
  font-size: 14px;
  color: var(--text-secondary);
}
.wsi-page .wsi-page__aside .rich-text-content ol li::before {
  counter-increment: wsi-aside;
  content: "0" counter(wsi-aside);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: var(--fw-semibold);
  color: var(--accent-dark);
}
.wsi-page .wsi-page__aside .rich-text-content .wsi-note {
  padding-top: var(--space-4);
  border-top: 1px solid var(--border);
  font-size: 13px;
  color: var(--text-secondary);
}

.wsi-page .fieldset {
  width: 100%;
}
.wsi-page .dropdown-list {
  width: 100%;
}
.wsi-page .hint {
  display: block;
  margin-top: var(--space-1);
  font-size: 13px;
  color: var(--text-light);
}
.wsi-page .wsi-section {
  min-width: 0;
  margin: 0 0 var(--space-5);
  padding: 0;
  border: 0;
}
.wsi-page .wsi-section:last-child {
  margin-bottom: 0;
}
.wsi-page .wsi-section__title {
  float: none;
  width: auto;
  margin: 0 0 var(--space-4);
  padding: 0 0 var(--space-2);
  font-size: 18px;
  font-weight: var(--fw-semibold);
  border-bottom: 1px solid var(--border);
}
.wsi-page .form-fields .wsi-grid .inputs {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .wsi-page .wsi-grid {
    gap: var(--space-5);
  }
}
.wsi-page .fieldset .form-fields .wsi-grid > .wsi-field {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .wsi-page .fieldset .form-fields .wsi-grid > .wsi-field.wsi-col--3 {
    grid-column: span 3;
  }
  .wsi-page .fieldset .form-fields .wsi-grid > .wsi-field.wsi-col--4 {
    grid-column: span 4;
  }
  .wsi-page .fieldset .form-fields .wsi-grid > .wsi-field.wsi-col--6 {
    grid-column: span 6;
  }
}
.wsi-page .form-fields .inputs select {
  width: 100%;
  padding: 12px 40px 12px 12px;
}
.wsi-page input[type=number],
.wsi-page input[type=url],
.wsi-page input.date-picker {
  box-shadow: none;
  width: 100%;
  outline: 0;
  padding: 12px 12px;
  color: var(--text-primary);
  background: var(--white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  border-radius: var(--radius-base);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.wsi-page input[type=number]:hover, .wsi-page input[type=number]:focus,
.wsi-page input[type=url]:hover,
.wsi-page input[type=url]:focus,
.wsi-page input.date-picker:hover,
.wsi-page input.date-picker:focus {
  border-color: var(--secondary);
}
.wsi-page input[type=number].input-validation-error, .wsi-page input[type=number].input-validation-error:hover,
.wsi-page input[type=url].input-validation-error,
.wsi-page input[type=url].input-validation-error:hover,
.wsi-page input.date-picker.input-validation-error,
.wsi-page input.date-picker.input-validation-error:hover {
  border-color: var(--error);
}
.wsi-page input[type=number] {
  max-width: 160px;
}
.wsi-page .option-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-1) 0 0;
  padding: 0;
  list-style: none;
}
.wsi-page .form-fields .option-list:not(:has(> li:only-child)) li {
  position: relative;
}
.wsi-page .form-fields .option-list:not(:has(> li:only-child)) input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.wsi-page .form-fields .option-list:not(:has(> li:only-child)) label.forcheckbox {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 9px 18px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background-color: var(--white);
  font-size: 13px;
  font-weight: var(--fw-medium);
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.wsi-page .form-fields .option-list:not(:has(> li:only-child)) label.forcheckbox:hover {
  border-color: var(--primary);
}
.wsi-page .form-fields .option-list:not(:has(> li:only-child)) input:checked + label.forcheckbox {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
}
.wsi-page .form-fields .option-list:not(:has(> li:only-child)) input:focus-visible + label.forcheckbox {
  outline: 1px solid var(--accent-dark);
  outline-offset: 3px;
}
.wsi-page .wsi-field--invalid .option-list label.forcheckbox {
  border-color: var(--error);
}
.wsi-page .form-fields .option-list:has(> li:only-child) label.forcheckbox {
  font-weight: var(--fw-regular);
}
.wsi-page .filepond--root {
  margin-bottom: 0;
  font-family: var(--font-body);
}
.wsi-page .filepond--panel-root {
  border: 1px dashed var(--border);
  border-radius: var(--card-radius-lg);
  background-color: var(--white);
}
.wsi-page .filepond--drop-label {
  min-height: 132px;
  color: var(--text-secondary);
}
.wsi-page .filepond--drop-label label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  font-size: 14px;
  font-weight: var(--fw-regular);
  cursor: pointer;
}
.wsi-page .filepond--drop-label label::before {
  content: "";
  width: 28px;
  height: 28px;
  background-color: var(--accent-dark);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M4 16v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M4 16v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.wsi-page .filepond--label-action {
  color: var(--text-primary);
  text-decoration-color: var(--accent-dark);
}
.wsi-page .filepond--root:hover .filepond--panel-root {
  border-color: var(--primary);
}
.wsi-page .filepond--item-panel {
  border-radius: var(--card-radius-sm);
  background-color: var(--secondary);
}
.wsi-page .filepond-wrapper ~ .hint {
  margin-top: var(--space-2);
}
.wsi-page .wsi-file-previews {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
}
.wsi-page .wsi-file-previews[hidden] {
  display: none;
}
.wsi-page .wsi-file-preview {
  display: grid;
  gap: var(--space-1);
  width: 120px;
}
.wsi-page .wsi-file-preview img {
  width: 100%;
  aspect-ratio: 1;
  padding: var(--space-2);
  object-fit: contain;
  border: 1px solid var(--border);
  border-radius: var(--card-radius-lg);
  background-color: var(--bg-primary);
}
.wsi-page .wsi-file-preview__name {
  overflow: hidden;
  font-size: 12px;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wsi-page .wsi-progress {
  margin-bottom: var(--space-6);
  padding: 0;
  background: none;
}
.wsi-page .wsi-progress .wsi-progress__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
}
.wsi-page .wsi-progress ul li.inactive-step .wsi-progress__link {
  cursor: not-allowed;
}
.wsi-page .wsi-progress ul li::before,
.wsi-page .wsi-progress ul li::after {
  width: calc(50% - var(--icon-size) / 2);
}
.wsi-page .wsi-progress ul li::before {
  left: 0;
}
.wsi-page .wsi-progress ul li::after {
  right: 0;
}
.wsi-page .wsi-progress ul li.done-step .step-icon {
  background-color: var(--icon-color-active);
  border-color: var(--icon-color-active);
  color: var(--icon-color-completed);
}
.wsi-page .wsi-progress ul li.done-step .step-icon .ri-check-line {
  display: block;
}
.wsi-page .wsi-progress ul li.done-step .step-icon .step-number {
  display: none;
}
.wsi-page .wsi-progress ul li.done-step::after {
  background-color: var(--line-color-active);
}
.wsi-page .wsi-progress ul li.done-step + li::before {
  background-color: var(--line-color-active);
}
.wsi-page .wsi-progress ul li.current-step .step-name {
  color: var(--name-color-active);
  font-weight: var(--fw-semibold);
}
@media (max-width: 767.98px) {
  .wsi-page .wsi-progress ul {
    --icon-size: 34px;
    --line-size: 2px;
  }
  .wsi-page .wsi-progress .step-name {
    font-size: 12px;
  }
}
.wsi-page .wsi-step__title {
  display: block;
  margin: 0 0 var(--space-2);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
.wsi-page .wsi-step__title .number {
  display: none;
}
.wsi-page .wsi-step__title .title {
  margin: 0;
  padding: 0;
  font-size: 26px;
}
@media (min-width: 768px) {
  .wsi-page .wsi-step__title .title {
    font-size: 30px;
  }
}
.wsi-page .wsi-step.active .wsi-step__title {
  border: 0;
  background: none;
}
.wsi-page .wsi-step--invalid .wsi-step__title .title {
  color: var(--error);
}
.wsi-page .wsi-step__description {
  margin: 0 0 var(--space-5);
  color: var(--text-secondary);
}
.wsi-page .wsi-nav {
  margin-top: var(--space-6);
  padding-top: 0;
  border-top: 0;
}
.wsi-page .wsi-nav .wsi-nav__wait {
  color: var(--text-light);
}
.wsi-page .wsi-nav .button-1 {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.wsi-page .wsi-nav .button-1::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-primary-hover);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .wsi-page .wsi-nav .button-1::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .wsi-page .wsi-nav .button-1::before {
    transition: none;
  }
}
.wsi-page .wsi-nav .button-1 {
  overflow: hidden;
  color: var(--white);
  background-color: var(--button-primary-bg);
  transition: color 0.35s ease, background-color 0s;
}
.wsi-page .wsi-nav .button-1:hover, .wsi-page .wsi-nav .button-1:focus-visible {
  color: var(--white);
  background: var(--button-primary-hover);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.wsi-page .wsi-nav .button-1:hover::before, .wsi-page .wsi-nav .button-1:focus-visible::before {
  transform: scaleX(1);
}
.wsi-page .wsi-nav__back.button-2 {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.wsi-page .wsi-nav__back.button-2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .wsi-page .wsi-nav__back.button-2::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .wsi-page .wsi-nav__back.button-2::before {
    transition: none;
  }
}
.wsi-page .wsi-nav__back.button-2 {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  transition: color 0.35s ease, background-color 0s;
}
.wsi-page .wsi-nav__back.button-2:hover, .wsi-page .wsi-nav__back.button-2:focus-visible {
  color: var(--white);
  background: var(--primary);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.wsi-page .wsi-nav__back.button-2:hover::before, .wsi-page .wsi-nav__back.button-2:focus-visible::before {
  transform: scaleX(1);
}
.wsi-page .wsi-nav__back.button-2 {
  box-shadow: inset 0 0 0 1px var(--border);
}
.wsi-page .wsi-draft-banner {
  border-color: var(--border);
  background-color: var(--bg-primary);
}
.wsi-page .wsi-draft-banner button {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  line-height: 1.2;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  border: none;
  outline: none;
  transition: color 0.35s ease;
  border-radius: var(--button-radius);
  position: relative;
  isolation: isolate;
}
.wsi-page .wsi-draft-banner button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--primary);
  transform-origin: 0 50%;
  transition: transform 0.475s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  transform: scaleX(0);
}
[dir=rtl] .wsi-page .wsi-draft-banner button::before {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .wsi-page .wsi-draft-banner button::before {
    transition: none;
  }
}
.wsi-page .wsi-draft-banner button {
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  transition: color 0.35s ease, background-color 0s;
}
.wsi-page .wsi-draft-banner button:hover, .wsi-page .wsi-draft-banner button:focus-visible {
  color: var(--white);
  background: var(--primary);
  transition: color 0.35s ease, background-color 0s linear 0.475s;
}
.wsi-page .wsi-draft-banner button:hover::before, .wsi-page .wsi-draft-banner button:focus-visible::before {
  transform: scaleX(1);
}
.wsi-page .wsi-draft-banner button {
  box-shadow: inset 0 0 0 1px var(--border);
  padding: 10px 22px;
  font-size: 12px;
}
.wsi-page .wsi-review {
  display: grid;
  gap: var(--space-4);
}
.wsi-page .wsi-review__group {
  margin: 0;
  padding: var(--space-5);
  border: 1px solid var(--border);
  border-radius: var(--card-radius-lg);
  background-color: var(--white);
}
.wsi-page .wsi-review__group-head {
  margin-bottom: var(--space-4);
}
.wsi-page .wsi-review__group-head h3 {
  margin: 0;
  font-size: 22px;
}
.wsi-page .wsi-review__group-head button {
  min-width: 0;
  padding: 0 0 2px;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: none;
  font-size: 12px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-primary);
  cursor: pointer;
  transition: color 0.3s ease;
}
.wsi-page .wsi-review__group-head button::before, .wsi-page .wsi-review__group-head button::after {
  display: none;
}
.wsi-page .wsi-review__group-head button:hover, .wsi-page .wsi-review__group-head button:focus-visible {
  background: none;
  color: var(--accent-dark);
}
.wsi-page .wsi-review__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4) var(--space-5);
  margin: 0;
}
@media (min-width: 768px) {
  .wsi-page .wsi-review__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.wsi-page .wsi-review__list > div,
.wsi-page .wsi-review__list dt,
.wsi-page .wsi-review__list dd {
  min-width: 0;
}
.wsi-page .wsi-review__list dt {
  margin: 0 0 var(--space-1);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-light);
}
.wsi-page .wsi-review__list dd {
  margin: 0;
  font-size: 15px;
  font-weight: var(--fw-medium);
  color: var(--text-primary);
}
@media (min-width: 768px) {
  .wsi-page .wsi-review__item--wide {
    grid-column: 1/-1;
  }
}
.wsi-page .wsi-review__files {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wsi-page .wsi-review__file {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.wsi-page .wsi-review__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  padding: var(--space-1);
  object-fit: contain;
  border: 1px solid var(--border);
  border-radius: var(--card-radius-sm);
  background-color: var(--white);
}
.wsi-page .wsi-review__thumb--file {
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  color: var(--accent-dark);
}
.wsi-page .selected-products-table td.picture {
  width: 120px;
}
.wsi-page .selected-products-table td.picture img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: var(--card-radius-lg);
}
.wsi-page .selected-products-table td.quantity {
  width: 140px;
  white-space: normal;
}
@media (max-width: 767.98px) {
  .wsi-page .selected-products-table tr {
    position: static;
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr) auto;
    grid-template-areas: "picture name name" "picture qty  remove";
    align-items: center;
    gap: 8px 12px;
    padding-inline: 0;
    padding-block: 12px;
  }
  .wsi-page .selected-products-table td,
  .wsi-page .selected-products-table td:not(:last-child) {
    min-width: 0;
    padding: 0;
    border: 0;
  }
  .wsi-page .selected-products-table td.picture {
    grid-area: picture;
    align-self: start;
    width: 80px;
  }
  .wsi-page .selected-products-table td.picture img {
    width: 80px;
  }
  .wsi-page .selected-products-table td.product-name {
    grid-area: name;
    text-align: start;
  }
  .wsi-page .selected-products-table td.quantity {
    grid-area: qty;
    width: auto;
    text-align: start;
  }
  .wsi-page .selected-products-table td.remove {
    grid-area: remove;
    width: auto;
    text-align: end;
  }
  .wsi-page .selected-products-table input.product-quantity {
    width: 90px;
  }
}
.wsi-page button.remove-selected-product {
  border: 0;
  background: transparent;
  transition: color 0.3s ease;
}
.wsi-page button.remove-selected-product:hover {
  color: var(--error);
}
.wsi-page .no-products-selected {
  padding: var(--space-4);
  border-radius: var(--card-radius-lg);
  background-color: var(--bg-primary);
}

.top-bar .wholesale-inquiry-links-widget {
  padding: 0;
}
.top-bar .wholesale-inquiry-links-widget .list {
  display: flex;
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-bar .wholesale-inquiry-links-widget .link {
  padding: 0;
  font-size: 13px;
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: color 0.3s ease, text-decoration-color 0.3s ease;
}
.top-bar .wholesale-inquiry-links-widget .link:hover, .top-bar .wholesale-inquiry-links-widget .link:focus-visible {
  color: var(--accent-dark);
  text-decoration-color: currentColor;
}

.inquiry-submitted-page .wsi-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 560px;
  margin: var(--space-8) auto;
  text-align: center;
}
.inquiry-submitted-page .wsi-success > * {
  text-align: center;
}
.inquiry-submitted-page .wsi-success .wsi-success__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: var(--space-5);
  border-radius: 50%;
  background-color: var(--bg-primary);
  color: var(--primary);
  font-size: 30px;
}
.inquiry-submitted-page .wsi-success .wsi-success__kicker {
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent-dark);
}
.inquiry-submitted-page .wsi-success .wsi-success__title {
  margin: var(--space-3) 0 var(--space-3);
  font-size: 40px;
}
.inquiry-submitted-page .wsi-success .wsi-success__message {
  max-width: 420px;
  margin: 0 0 var(--space-6);
  color: var(--text-secondary);
}
.inquiry-submitted-page .wsi-success .wsi-success__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
}

.home-banner-slider {
  height: 270px;
}
@media (min-width: 992px) {
  .home-banner-slider {
    height: 370px;
  }
}
@media (min-width: 1200px) {
  .home-banner-slider {
    height: 462px;
  }
}

.home-banner-slider .home-banner-slider__slide,
.home-banner-slider-with-image .home-banner-slider__slide {
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  pointer-events: auto;
  position: relative;
  overflow: hidden;
}

.bss-slide-picture {
  display: contents;
}

.home-banner-slider .home-banner-slider__slide .bss-slide-bg,
.home-banner-slider-with-image .home-banner-slider__slide .bss-slide-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.home-banner-slider .home-banner-slider__slide .home-banner-slider__slide__container,
.home-banner-slider .home-banner-slider__slide > a {
  position: relative;
  z-index: 1;
}

.home-banner-slider__slide__container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .home-banner-slider__slide__container {
    justify-content: start;
  }
}

.home-banner-slider .image-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.home-banner-slider .image-box .round-area {
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 1;
  animation: round-shape-anim 1s linear infinite;
  filter: drop-shadow(-1px 3px 65px rgba(237, 237, 237, 0.35));
}
@media (min-width: 768px) {
  .home-banner-slider .image-box .round-area {
    width: 260px;
    height: 260px;
    animation: round-shape-anim-tab 1s linear infinite;
  }
}
@media (min-width: 992px) {
  .home-banner-slider .image-box .round-area {
    width: 360px;
    height: 360px;
  }
}
@media (min-width: 1200px) {
  .home-banner-slider .image-box .round-area {
    width: 436px;
    height: 436px;
  }
}
.home-banner-slider .image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: middle;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
}
.home-banner-slider .slider-details {
  height: 100%;
}
.home-banner-slider .slider-details .slider-details__heading {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 768px) {
  .home-banner-slider .slider-details .slider-details__heading {
    font-size: 24px;
    line-height: 28px;
    text-align: start;
  }
}
@media (min-width: 992px) {
  .home-banner-slider .slider-details .slider-details__heading {
    font-size: 42px;
    line-height: 45px;
  }
}
@media (min-width: 1200px) {
  .home-banner-slider .slider-details .slider-details__heading {
    font-size: 58px;
    line-height: 68px;
  }
}
.home-banner-slider .slider-details .slider-details__info {
  max-width: 100%;
  margin: 16px 0;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .home-banner-slider .slider-details .slider-details__info {
    text-align: start;
    line-height: 22px;
  }
}
@media (min-width: 1200px) {
  .home-banner-slider .slider-details .slider-details__info {
    max-width: 90%;
    margin: 30px 0;
    font-size: 18px;
    line-height: 30px;
    text-align: start;
  }
}
.home-banner-slider .slider-details .slider-details__button__container {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .home-banner-slider .slider-details .slider-details__button__container {
    justify-content: start;
  }
}
.home-banner-slider .home-banner-slider__slide__content__left {
  padding: 0 10px;
}
@media (min-width: 768px) {
  .home-banner-slider .home-banner-slider__slide__content__left {
    width: 50%;
    margin-inline-start: 45px;
    padding: 0;
  }
}
.home-banner-slider .home-banner-slider__slide__content__right {
  height: 100%;
  display: none;
}
@media (min-width: 768px) {
  .home-banner-slider .home-banner-slider__slide__content__right {
    width: 50%;
    display: block;
  }
}
.home-banner-slider .btn-default {
  display: inline-block;
  border: none;
  background-color: #4ab2f1;
  padding: 10px 20px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
.home-banner-slider .btn-default:hover, .home-banner-slider .btn-default:focus {
  background-color: #248ece;
}
.home-banner-slider .slider-details__button__item .icon [class^=ri-] {
  display: inline-block;
  line-height: 1;
}
.home-banner-slider .slider-details__button__item .icon .ri-arrow-right-s-line::before {
  font-size: 20px;
}

@keyframes round-shape-anim-tab {
  0% {
    box-shadow: 0 0 0 0 rgba(194, 167, 78, 0.08), 0 0 0 15px rgba(194, 167, 78, 0.08), 0 0 0 35px rgba(194, 167, 78, 0.08);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(194, 167, 78, 0.08), 0 0 0 35px rgba(194, 167, 78, 0.08), 0 0 0 55px transparent;
  }
}
@keyframes round-shape-anim {
  0% {
    box-shadow: 0 0 0 0 rgba(194, 167, 78, 0.08), 0 0 0 20px rgba(194, 167, 78, 0.08), 0 0 0 40px rgba(194, 167, 78, 0.08);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(194, 167, 78, 0.08), 0 0 0 40px rgba(194, 167, 78, 0.08), 0 0 0 60px transparent;
  }
}
.slider-image-without-content {
  width: 100%;
  height: auto;
  display: block;
}

.home-banner-slider-with-image .home-banner-slider__slide__container {
  height: auto !important;
  position: relative;
}

.home-banner-slider-with-image .swiper-slide {
  position: relative;
}

.home-banner-slider .home-banner-slider__slide:not(:has(.bss-slide-bg)) {
  background-image: var(--bss-mobile-bg);
}
@media (min-width: 768px) {
  .home-banner-slider .home-banner-slider__slide:not(:has(.bss-slide-bg)) {
    background-image: var(--bss-desktop-bg);
  }
}

.home-banner-slider .bss-slide-bg.image-desktop {
  display: none;
}

.home-banner-slider .bss-slide-bg.image-mobile {
  display: block;
}

.home-banner-slider-with-image .image-desktop {
  display: none;
}

.home-banner-slider-with-image .image-mobile {
  display: block;
}

@media (min-width: 768px) {
  .home-banner-slider-with-image .image-desktop {
    display: block;
  }
  .home-banner-slider-with-image .image-mobile {
    display: none;
  }
  .home-banner-slider-with-image .image-desktop.bss-slide-bg,
  .home-banner-slider .bss-slide-bg.image-desktop {
    display: block;
  }
  .home-banner-slider-with-image .image-mobile.bss-slide-bg,
  .home-banner-slider .bss-slide-bg.image-mobile {
    display: none;
  }
}
.bss-lazy-swiper:not(.bss-lazy-loaded) {
  overflow: hidden;
  contain: layout;
  box-sizing: border-box;
  min-height: var(--bss-swiper-reserve-mobile, 270px);
  max-height: var(--bss-swiper-reserve-mobile, 270px);
  height: var(--bss-swiper-reserve-mobile, 270px);
}
@media (min-width: 992px) {
  .bss-lazy-swiper:not(.bss-lazy-loaded) {
    min-height: var(--bss-swiper-reserve-md, 370px);
    max-height: var(--bss-swiper-reserve-md, 370px);
    height: var(--bss-swiper-reserve-md, 370px);
  }
}
@media (min-width: 1200px) {
  .bss-lazy-swiper:not(.bss-lazy-loaded) {
    min-height: var(--bss-swiper-reserve, 462px);
    max-height: var(--bss-swiper-reserve, 462px);
    height: var(--bss-swiper-reserve, 462px);
  }
}

.bss-lazy-swiper.bss-lazy-loaded {
  overflow: visible;
  contain: none;
  height: auto;
  max-height: none;
  min-height: 0;
}

.bss-swiper-skeleton {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  padding: 0;
  pointer-events: none;
  gap: 12px;
}

.bss-lazy-swiper:not(.bss-lazy-loaded) .bss-swiper-skeleton {
  overflow: hidden;
}

.bss-swiper-skeleton__banner {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  border-radius: 6px;
}

.bss-swiper-skeleton__content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  box-sizing: border-box;
}

.bss-swiper-skeleton__content-left {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.bss-swiper-skeleton__content-right {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.bss-swiper-skeleton__line {
  border-radius: 4px;
}

.bss-swiper-skeleton__line--heading {
  width: 70%;
  height: 28px;
}
@media (min-width: 992px) {
  .bss-swiper-skeleton__line--heading {
    height: 36px;
  }
}
@media (min-width: 1200px) {
  .bss-swiper-skeleton__line--heading {
    height: 48px;
  }
}

.bss-swiper-skeleton__line--subtitle {
  width: 55%;
  height: 18px;
}

.bss-swiper-skeleton__line--button {
  width: 120px;
  height: 36px;
  margin-top: 8px;
}

.bss-swiper-skeleton__circle {
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .bss-swiper-skeleton__circle {
    width: 280px;
    height: 280px;
  }
}
@media (min-width: 1200px) {
  .bss-swiper-skeleton__circle {
    width: 360px;
    height: 360px;
  }
}

.bss-swiper-skeleton__pagination {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  gap: 8px;
  padding-bottom: 8px;
}
.bss-swiper-skeleton__pagination span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bss-skeleton-base, #e0e0e0);
}

.bss-swiper-skeleton__banner,
.bss-swiper-skeleton__line,
.bss-swiper-skeleton__circle {
  position: relative;
  overflow: hidden;
  background: var(--bss-skeleton-base, #ececec);
}
.bss-swiper-skeleton__banner::after,
.bss-swiper-skeleton__line::after,
.bss-swiper-skeleton__circle::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
  width: 60%;
  background: linear-gradient(90deg, transparent, var(--bss-skeleton-highlight, #f5f5f5), transparent);
  animation: bss-skeleton-sweep 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bss-swiper-skeleton__banner::after,
  .bss-swiper-skeleton__line::after,
  .bss-swiper-skeleton__circle::after {
    animation: none;
  }
}

@keyframes bss-skeleton-sweep {
  to {
    transform: translateX(280%);
  }
}
.bss-lazy-swiper.bss-swiper-content-pending > :not(.bss-swiper-skeleton) {
  opacity: 0;
}

.bss-lazy-swiper.bss-swiper-content-ready > :not(.bss-swiper-skeleton) {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

.bss-lazy-swiper.bss-skeleton-cover {
  position: relative;
}

.bss-swiper-skeleton--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.25s ease-out;
  background: var(--bss-skeleton-cover-bg, #fff);
}

.bss-swiper-skeleton--fade {
  opacity: 0;
}