:root {
      --font-display: "neue-haas-grotesk-display", "Helvetica Neue", Helvetica, Arial, sans-serif;
      --font-heading: "helvetica-neue-lt-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      --nav-muted: #b3b3b3;
      --ink: #000000;
      --site-body-size: 14px;
      --site-body-lh: 1.35;
      --site-body-ls: -0.35px;
      --underline-ease: cubic-bezier(0.215, 0.61, 0.355, 1);
      --link-underline-size: 1px;
      --link-underline-offset: 3px;
      --header-underline-size: 0.5px;
      --header-underline-offset: 4px;
      --header-underline-hover-offset: 3.5px;
      --ink-underline-muted: rgba(0, 0, 0, 0.36);
      --white-underline-muted: rgba(255, 255, 255, 0.62);
      --promo-underline-size: 1px;
      --ease: cubic-bezier(0.4, 0, 0.2, 1);
      --drawer-width: min(560px, 100vw);
      --menu-width: 320px;
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
      overflow-x: clip;
      -webkit-overflow-scrolling: touch;
      scrollbar-gutter: stable;
      scroll-padding-top: clamp(96px, 12vh, 128px);
    }

    html.scroll-locked,
    html.scroll-locked body {
      overflow: hidden;
    }

    body {
      font-family: var(--font-display);
      font-size: var(--site-body-size);
      line-height: var(--site-body-lh);
      letter-spacing: var(--site-body-ls);
      background: #fff;
      color: var(--ink);
      overflow-x: clip;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .start-action-trigger:hover:not(:disabled),
    .start-action-trigger:focus-visible:not(:disabled),
    .sb-checkout-btn:hover:not(:disabled),
    .sb-checkout-btn:focus-visible:not(:disabled),
    .recent-line__view:hover,
    .recent-line__view:focus-visible,
    .drawer-btn--primary:hover,
    .drawer-btn--primary:focus-visible,
    .checkout-btn--primary:hover,
    .checkout-btn--primary:focus-visible,
    .account-submit:hover:not(:disabled):not(.is-loading),
    .account-submit:focus-visible:not(:disabled):not(.is-loading) {
      background: #000;
    }

    /* Shared slide underline — page links (not sidebar menu) */
    .slide-underline,
    .collection-discover-trigger,
    .header-dropdown .directory-links-list a,
    .header-dropdown .view-all-text,
    .view-all-text,
    .read-more-link-text {
      position: relative;
      display: inline-block;
      text-decoration: none;
      color: inherit;
      font-weight: inherit;
      background-image: linear-gradient(currentColor, currentColor);
      background-repeat: no-repeat;
      background-position: 0 calc(100% - var(--link-underline-offset));
      background-size: 0 var(--link-underline-size);
      transition: background-size 0.35s var(--underline-ease);
      padding-bottom: 0;
    }

    .header-dropdown .directory-links-list a,
    .header-dropdown .view-all-text {
      padding-bottom: 1px;
      background-position: 0 calc(100% - var(--header-underline-offset));
      background-size: 0 var(--header-underline-size);
    }

    .header-dropdown .directory-links-list a:hover,
    .header-dropdown .directory-links-list a:focus-visible {
      background-position: 0 calc(100% - var(--header-underline-hover-offset));
      background-size: 100% var(--header-underline-size);
    }

    .header-dropdown .view-all-action-link:hover .view-all-text,
    .header-dropdown .view-all-action-link:focus-visible .view-all-text {
      background-position: 0 calc(100% - var(--header-underline-hover-offset));
      background-size: 100% var(--header-underline-size);
    }

    .slide-underline:hover,
    .slide-underline:focus-visible,
    .view-collection-link:hover,
    .view-collection-link:focus-visible,
    .collection-discover-trigger:hover,
    .collection-discover-trigger:focus-visible,
    .view-all-action-link:hover,
    .view-all-action-link:focus-visible,
    .collection-editorial-card:hover .read-more-link-text,
    .collection-editorial-card:focus-visible .read-more-link-text,
    .guides-blog-card:hover .read-more-link-text,
    .guides-blog-card:focus-visible .read-more-link-text,
    .guides-panel-category-card:hover .read-more-link-text,
    .guides-panel-category-card:focus-visible .read-more-link-text {
      color: inherit;
      font-weight: inherit;
      background-size: 100% var(--link-underline-size);
    }

    /* Thicker looping load line on product / collection images */
    .media-load-frame {
      position: relative;
      overflow: hidden;
    }

    .media-load-frame:not(.is-loaded)::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 42%;
      height: 2px;
      background-color: var(--ink);
      transform: translate(-50%, -50%) scaleX(0);
      transform-origin: center center;
      animation: media-load-line 1.35s var(--underline-ease) infinite;
      z-index: 1;
      pointer-events: none;
    }

    .collection-card.media-load-frame:not(.is-loaded)::after,
    .header-dropdown .collection-card.media-load-frame:not(.is-loaded)::after {
      z-index: 1;
    }

    .card-media-viewport.media-load-frame:not(.is-loaded)::after {
      z-index: 1;
    }

    .media-load-frame:not(.is-loaded) img {
      opacity: 0;
    }

    .media-load-frame:has(.media-placeholder-icon):not(:has(img[src])),
    .media-load-frame:has(.collection-card__placeholder):not(:has(img[src])),
    .media-load-frame.is-loaded::after {
      display: none;
    }

    .media-load-frame.is-loaded img {
      opacity: 1;
      transition: opacity 0.35s ease;
    }

    .media-load-frame:has(.media-placeholder-icon):not(:has(img[src])) img,
    .media-load-frame:has(.collection-card__placeholder):not(:has(img[src])) img {
      opacity: 1;
    }

    @keyframes media-load-line {
      0% {
        transform: translate(-50%, -50%) scaleX(0);
        transform-origin: center center;
      }

      45% {
        transform: translate(-50%, -50%) scaleX(1);
        transform-origin: center center;
      }

      55% {
        transform: translate(-50%, -50%) scaleX(1);
        transform-origin: center center;
      }

      100% {
        transform: translate(-50%, -50%) scaleX(0);
        transform-origin: center center;
      }
    }

    @keyframes ink-underline-draw {
      0% {
        transform: scaleX(0);
      }

      100% {
        transform: scaleX(1);
      }
    }

    @keyframes promo-underline-draw {
      0% {
        background-size: 0 1px;
      }

      100% {
        background-size: 100% 1px;
      }
    }

    @keyframes ink-underline-draw-bold {
      0% {
        transform: scaleX(0);
      }

      100% {
        transform: scaleX(1);
      }
    }

    @keyframes promo-underline-draw-bold {
      0% {
        background-size: 0 1px;
      }

      100% {
        background-size: 100% 1px;
      }
    }

    .reveal-on-scroll {
      opacity: 0;
      transform: translate3d(0, 8px, 0);
      transition: opacity 1.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: var(--reveal-delay, 0ms);
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      contain: layout style;
    }

    .reveal-on-scroll.is-revealed {
      opacity: 1;
      transform: translate3d(0, 0, 0);
      transition:
        opacity 1.15s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        transform 1.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: var(--reveal-delay, 0ms);
    }

    .reveal-on-scroll.is-revealed.is-reveal-done {
      transition: none;
    }

    @media (prefers-reduced-motion: reduce) {
      .reveal-on-scroll {
        opacity: 1;
        transform: none;
        transition: none;
      }
    }

    /* Sidebar menu — hover grey, no underline */
    .menu-list a,
    .menu-footer a {
      position: relative;
      display: inline-block;
      color: #000;
      text-decoration: none;
      background: none;
      transition: color 0.2s var(--ease);
    }

    .menu-list a::after,
    .menu-footer a::after {
      display: none;
    }

    .menu-list a:hover,
    .menu-list a:focus-visible,
    .menu-footer a:hover,
    .menu-footer a:focus-visible {
      color: #b0b0b0;
    }

    .menu-list a.is-active,
    .menu-list a[aria-current="page"] {
      color: #b0b0b0;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button {
      font: inherit;
      color: inherit;
      background: none;
      border: none;
      cursor: pointer;
    }

    .page-wrap {
      min-height: 100%;
      background: #fff;
      transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1);
    }

    .page-wrap.menu-shifted {
      transform: translate3d(calc(-1 * var(--menu-width)), 0, 0);
      will-change: transform;
    }

    body.drawer-open .page-wrap {
      transform: none !important;
    }

    body.menu-open {
      overflow: hidden;
      padding-right: var(--scrollbar-width, 0px);
    }

    body.drawer-open {
      overflow: hidden;
    }

    body.products-filter-open .page-wrap {
      transform: none;
      overflow-x: clip;
    }

    /* Header strip stays put and layers over the sliding menu (Seamex-style) */
    body.menu-open .header-strip-wrap {
      padding-right: var(--scrollbar-width, 0px);
      transform: none;
      z-index: 1003;
    }

    body.menu-open .header-main {
      position: relative;
      top: auto;
    }

    .menu-overlay {
      display: none !important;
    }

    .top-ui {
      width: 100%;
      background: #fff;
      overflow: visible;
    }

    .header-strip-wrap {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1002;
      background: #fff;
      padding-top: max(5px, env(safe-area-inset-top));
      transition: transform 0.4s ease-in-out;
      transform: none;
    }

    body.hide-header-strip .header-strip-wrap {
      transform: translate3d(0, -100%, 0);
    }

    body.hide-header-strip {
      --header-strip-height: 0px;
    }

    body.menu-open.hide-header-strip {
      --header-strip-height: var(--header-strip-height-open, 36px);
    }

    .header-strip-spacer {
      height: var(--header-strip-height, 36px);
      transition: height 0.4s ease-in-out;
    }

    .site-header {
      background: #000;
      padding: 0 32px;
      min-height: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: var(--font-display);
      font-style: italic;
    }

    .header-links {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      gap: 50px;
      min-width: 0;
    }

    .header-links a,
    .menu-toggle {
      font-size: 16.5px;
      color: #fff;
      text-decoration: none;
      cursor: pointer;
      margin-right: 0;
      letter-spacing: -0.2px;
      font-family: var(--font-display);
      font-weight: 700;
      font-style: italic;
      line-height: 1;
      padding: 0;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .menu-toggle {
      margin-right: 0;
      min-height: auto;
      padding: 0;
      display: inline-flex;
      align-items: center;
    }

    .header-main {
      position: sticky;
      top: 0;
      z-index: 1000;
      width: 100%;
      background: #fff;
      padding: 14px 30px 0;
      overflow: visible;
    }

    /* White cover under sticky header — kills dropdown/loader hairlines */
    .header-main::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: -2px;
      height: 3px;
      background: #fff;
      pointer-events: none;
      z-index: 3;
    }

    /* Keep strip + sticky header above dropdown panels (open + close). */
    body.header-dropdown-open .header-strip-wrap,
    body:has(.header-dropdown.is-closing) .header-strip-wrap {
      z-index: 1110;
    }

    body.header-dropdown-open .header-main,
    body:has(.header-dropdown.is-closing) .header-main {
      overflow: visible;
      z-index: 1105;
      background: #fff;
    }

    body.header-dropdown-open .top-ui,
    body:has(.header-dropdown.is-closing) .top-ui {
      position: relative;
      z-index: 1105;
    }

    .header-icons {
      position: absolute;
      top: 18px;
      right: 75px;
      display: flex;
      align-items: center;
      gap: 20px;
      z-index: 1006;
  }

    .icon-link {
      color: #000;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-width: 44px;
      min-height: 44px;
      padding: 8px;
      margin: -8px;
      font-family: var(--font-display);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.5px;
      border: none;
      background: none;
      cursor: pointer;
    }

    .icon-link svg.icon {
      display: block;
      flex-shrink: 0;
    }

    .icon-link svg.icon-search,
    .icon-link svg.icon-account {
      width: 25px;
      height: 25px;
    }


    .icon-link svg.icon-cart {
      width: 25px;
      height: 25px;
    }

    .icon-link--cart {
      flex-direction: row;
      align-items: center;
      gap: 2px;
      min-width: auto;
      letter-spacing: -0.2px;
      padding-right: 4px;
    }

    .icon-link__cart-meta {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 0;
      line-height: 1;
    }

    .icon-link__cart-label {
      font-size: 12px;
      font-weight: 500;
      color: #000;
      letter-spacing: 0.01em;
      line-height: 1;
      text-align: left;
      margin: 0;
      padding: 0;
    }

    .icon-link__cart-count {
      font-size: 12px;
      font-weight: 600;
      color: #000;
      line-height: 1;
      font-variant-numeric: tabular-nums;
      text-align: left;
      margin: 0;
      padding: 0;
    }

    .icon-link__cart-count[hidden] {
      display: none;
    }

    .logo-section {
      text-align: center;
      padding: 48px 20px 18px;
      position: relative;
      z-index: 2;
      overflow: visible;
    }

    .logo-wrapper {
      position: relative;
      display: inline-block;
      overflow: visible;
      padding-right: 19px;
      padding-top: 6px;
    }

    a.logo-wrapper {
      color: inherit;
      text-decoration: none;
      cursor: pointer;
      position: relative;
      z-index: 3;
    }

    .logo-wrapper img {
      height: 78px;
      width: auto;
      display: block;
      filter: invert(1) grayscale(1) brightness(0);
    }

    .tm-mark {
      position: absolute;
      top: 0;
      right: -8px;
      font-family: var(--font-heading);
      font-size: 15px;
      font-weight: bold;
      line-height: 1;
      color: #000;
      z-index: 4;
      pointer-events: none;
    }

    .sx-footer-brand .logo-wrapper,
    .sx-col3-logo .logo-wrapper {
      position: relative;
      display: inline-block;
      overflow: visible;
      padding-right: 11px;
      padding-top: 4px;
    }

    .sx-footer-brand .tm-mark,
    .sx-col3-logo .tm-mark {
      font-size: 13px;
      right: 0;
    }

    .sx-footer-logo-crop,
    .sx-col3-logo {
      overflow: visible;
    }

    .bottom-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: clamp(12px, 3vw, 32px);
      padding: 0 16px 15px;
      max-width: 100%;
    }

    .bottom-nav a {
      font-family: var(--font-heading);
      font-weight: 900;
      font-stretch: expanded;
      font-size: clamp(0.72rem, 2.8vw, 1.28rem);
      color: var(--nav-muted);
      text-transform: uppercase;
      letter-spacing: -0.90px;
      line-height: 1;
      transition: color 0.2s var(--ease);
      white-space: nowrap;
    }

    .bottom-nav a.active,
    .bottom-nav a:hover {
      color: var(--ink);
    }

    body.wholesale-page .bottom-nav a[href="wholesale.html"] {
      color: var(--ink);
    }

    body.category-page .bottom-nav a[data-header-dropdown="blanks"],
    body.products-page .bottom-nav a[data-header-dropdown="blanks"] {
      color: var(--ink);
    }

    body.guides-page .bottom-nav a[data-header-dropdown="guides"] {
      color: var(--ink);
    }

    body.faq-page .bottom-nav a[data-header-dropdown="guides"],
    body.faq-page .bottom-nav a[data-header-dropdown="guides"].active,
    body.faq-page .bottom-nav a[data-header-dropdown="guides"]:hover {
      color: var(--nav-muted);
    }

    /* Seamex-style: menu slides in; page pushes left; strip stays above */
    .menu-sidebar {
      position: fixed;
      top: calc(max(5px, env(safe-area-inset-top)) + var(--header-strip-height, 36px));
      right: 0;
      width: var(--menu-width);
      height: calc(100dvh - max(5px, env(safe-area-inset-top)) - var(--header-strip-height, 36px));
      background: #fff;
      color: #000;
      padding: 40px 20px calc(32px + env(safe-area-inset-bottom));
      transform: translateX(100%);
      transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1);
      z-index: 5;
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      box-shadow: -6px 0 24px rgba(0, 0, 0, 0.04);
      pointer-events: none;
      visibility: visible;
    }

    .menu-sidebar.active {
      transform: translateX(0);
      pointer-events: auto;
    }

    .menu-sidebar-promo {
      display: block;
      margin: 0 0 28px;
      text-decoration: none;
      color: #000;
      border-radius: 8px;
      overflow: hidden;
      background: #f3f3f3;
    }

    .menu-sidebar-promo__media {
      display: block;
      aspect-ratio: 3 / 4;
      overflow: hidden;
    }

    .menu-sidebar-promo__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .menu-sidebar-promo__copy {
      display: flex;
      flex-direction: column;
      gap: 4px;
      padding: 14px 16px 16px;
    }

    .menu-sidebar-promo__eyebrow {
      font-family: var(--font-display);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.45);
    }

    .menu-sidebar-promo__title {
      font-family: var(--font-heading);
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.05;
    }

    .collections-panel .collection-card--latest-edit {
      order: -1;
    }

    .collection-card--latest-edit {
      background-color: #e8e8e8;
      background-image: url('https://images.unsplash.com/photo-1490481651871-ab68de25d43d?auto=format&fit=crop&w=800&q=80');
      background-size: cover;
      background-position: center;
    }

    .collection-card--latest-edit img,
    .collection-card--latest-edit.is-loaded img,
    .collection-card--latest-edit.media-load-frame img {
      opacity: 1 !important;
    }

    .menu-sidebar .reveal-on-scroll {
      opacity: 0;
      transform: translate3d(0, 16px, 0);
      transition:
        opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
      transition-delay: var(--reveal-delay, 0ms);
      backface-visibility: hidden;
    }

    .menu-sidebar .reveal-on-scroll.is-revealed {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }

    .menu-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 1px;
      width: 100%;
    }

    .menu-list li {
      display: flex;
      justify-content: flex-end;
      width: 100%;
    }

    .menu-list__label {
      display: block;
      width: 100%;
      text-align: right;
      font-family: var(--font-display);
      font-size: 11px !important;
      font-weight: 700 !important;
      letter-spacing: 0.08em !important;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.38);
      margin-top: 16px;
      line-height: 1.2 !important;
      pointer-events: none;
      cursor: default !important;
    }

    .menu-list li,
    .menu-list a {
      font-size: 34px;
      font-weight: 600;
      line-height: 1;
      cursor: pointer;
      font-family: var(--font-display);
      text-decoration: none;
      letter-spacing: -0.2px;
    }

    .menu-list a {
      padding: 2px 0 0;
      max-width: 100%;
      letter-spacing: -0.8px;
    }

    .menu-footer {
      margin-top: auto;
      text-align: right;
      font-size: 15px;
      display: inline-flex;
      flex-direction: column;
      align-items: end;
      margin-left: auto;
    }

    .menu-footer a {
      display: inline-block;
      margin-bottom: 6px;
      padding: 2px 0 4px;
      letter-spacing: -0.25px;
    }

    .hide-mobile {
      display: block;
    }

    .hide-mobile-nav {
      display: inline;
    }

    .sx-footer {
    background-color: #000;
    color: #fff;
    font-family: var(--font-display);
    padding: 28px 50px calc(60px + env(safe-area-inset-bottom));
    line-height: 1.25;
    border-top: none;
  }
    .sx-col3-logo {
      display: none;
      text-align: left;
      line-height: 0;
      margin-bottom: 12px;
    }

    .sx-col3-logo .logo-wrapper img {
      height: 44px;
      width: auto;
      filter: brightness(0) invert(1);
    }

    @media (min-width: 901px) {
      .sx-col3-logo {
        display: block;
      }

      .sx-footer-brand {
        display: none;
      }
    }

    .sx-footer-container {
      max-width: 1700px;
      width: 100%;
      margin: 0 auto;
      overflow-wrap: anywhere;
    }

    .sx-footer-top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 60px;
      margin-bottom: 12.5em;
    }

    .sx-footer-about {
      flex: 0.65;
    }

    .sx-footer-about p {
      font-size: 16px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.92);
      line-height: 1.2;
      margin-bottom: 5px;
      font-family: var(--font-display);
      letter-spacing: -0.25px;
    }

    .sx-footer-about p:last-child {
      margin-bottom: 0;
    }

    .sx-footer-brand {
      flex-shrink: 0;
      width: 200px;
      text-align: right;
    }

    .sx-footer-logo-crop {
      margin-bottom: -12px;
      line-height: 0;
    }

    .sx-footer-brand .logo-wrapper img,
    .xs-footer-logo {
      display: block;
      height: 44px;
      width: auto;
      filter: brightness(0) invert(1);
    }

    .sx-footer-brand .tm-mark,
    .sx-col3-logo .tm-mark {
      color: #fff;
    }

    .sx-footer-bottom {
      display: grid;
      grid-template-columns: 1fr 1fr 0.5fr;
      gap: 32px;
      align-items: start;
    }

    .sx-col-heading {
      display: block;
      font-size: 16px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 1px;
      line-height: 1;
      font-family: var(--font-display);
      letter-spacing: -0.3px;
    }

    .sx-list {
      list-style: none;
      letter-spacing: -0.3px;
    }

    .sx-list li {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.92);
      margin-bottom: 0;
      line-height: 1.05;
      font-family: var(--font-display);
      letter-spacing: -0.30px;
      margin-bottom: 1px !important;
    }

    .sx-list a {
      color: #fff;
      transition: opacity 0.15s;
    }

    .sx-col1 .sx-list a,
    .sx-col2 .sx-list a,
    .sx-col3 .sx-list a {
      display: inline;
      color: #fff;
      text-decoration: none;
      background-image: linear-gradient(#fff, #fff);
      background-repeat: no-repeat;
      background-position: 0 100%;
      background-size: 0 0.5px;
      padding-bottom: 2px;
      line-height: 1.35;
      transition: background-size 0.3s var(--underline-ease), opacity 0.15s;
    }

    .sx-col1 .sx-list a:hover,
    .sx-col1 .sx-list a:focus-visible,
    .sx-col2 .sx-list a:hover,
    .sx-col2 .sx-list a:focus-visible,
    .sx-col3 .sx-list a:hover,
    .sx-col3 .sx-list a:focus-visible {
      opacity: 1;
      color: #fff;
      background-image: linear-gradient(#fff, #fff);
      background-size: 100% 0.5px;
    }

    .sx-list a:hover {
      opacity: 0.92;
    }

    .sx-gap {
      margin-top: 12px !important;
    }

    .sx-note {
      display: block;
      font-size: 16px;
      font-style: italic;
      color: rgba(255, 255, 255, 0.88);
      line-height: 1.2;
      margin-top: 15px;
      font-family: var(--font-display);
      letter-spacing: -0.3px;
      font-weight: 600;
    }

    .sx-seam-info {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }

    .sx-seam-line {
      display: block;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.2;
      color: #fff;
      font-family: var(--font-display);
      letter-spacing: -0.3px;
      text-transform: none;
    }

    a.sx-seam-line {
      text-decoration: none;
      background-image: linear-gradient(#fff, #fff);
      background-repeat: no-repeat;
      background-position: 0 100%;
      background-size: 0 0.5px;
      padding-bottom: 2px;
      transition: background-size 0.3s var(--underline-ease), opacity 0.15s;
    }

    a.sx-seam-line:hover,
    a.sx-seam-line:focus-visible {
      opacity: 1;
      background-size: 100% 0.5px;
    }

    .sx-col3 {
        text-align: left;
        position: relative;
        top: -15em;
    }

    .sx-meta {
      font-size: 16px;
      line-height: 1.2;
      color: rgba(255, 255, 255, 0.88);
      margin-top: 12px;
      letter-spacing: -0.3px;
    }

    .sx-meta-gap {
      display: block;
      margin-top: 12px;
    }

    .sx-btn-row {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 30px;
      justify-content: flex-start;
    }

    .sx-btn-start {
      background: #000;
      color: #fff;
      border: none;
      padding: 0;
      font-family: var(--font-heading);
      font-weight: 700;
      letter-spacing: -1px;
      font-size: 28px;
      cursor: pointer;
    }

    .sx-btn-start:hover {
      transform: none;
    }

    .sx-btn-hint {
      font-size: 13px;
      font-weight: 500;
      color: #666;
      font-family: var(--font-display);
    }

    .sx-btn-hint__press {
      color: #c8c8c8;
    }

    .sx-btn-hint__enter {
      color: #000;
      font-weight: 500;
    }

    .sx-footer .sx-btn-hint {
      color: rgba(255, 255, 255, 0.72);
      font-weight: 500;
    }

    .sx-footer .sx-btn-hint__press {
      color: #f1f1f1;
    }

    .sx-footer .sx-btn-hint__enter {
      color: #fff;
      font-weight: 500;
    }

    .sx-footer .sx-btn-start {
      background: #000;
      color: #fff;
      border: none;
    }

    @media (max-width: 900px) {
      .header-strip-wrap {
        padding-top: max(5px, env(safe-area-inset-top));
      }

      .site-header {
        padding: 0 15px;
      }

      .header-links {
        gap: 23px;
      }

      .header-links a,
      .menu-toggle {
        font-size: 16.5px;
        padding: 0;
      }

      .header-main {
        padding: 10px 15px 0;
      }

      .header-icons {
        top: 8px;
        right: 10px;
        gap: 6px;
      }

      .icon-link svg.icon-search,
      .icon-link svg.icon-account {
        width: 21px;
        height: 21px;
      }

      .icon-link svg.icon-cart {
        width: 21px;
        height: 21px;
      }

      .logo-section {
        padding: 42px 15px 12px;
      }

      .logo-wrapper {
        padding-right: 17px;
      }

      .logo-wrapper img {
        height: clamp(44px, 12vw, 58px);
      }

      .bottom-nav {
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: clamp(4px, 1.8vw, 10px);
        padding: 0 0 12px;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .bottom-nav::-webkit-scrollbar {
        display: none;
      }

      .hide-mobile-nav {
        display: none;
      }

      .bottom-nav a {
        font-size: clamp(0.85rem, 3vw, 0.95rem);
        flex-shrink: 0;
      }

      .menu-sidebar {
        width: min(320px, 100vw);
      }

      .menu-list li,
      .menu-list a {
        font-size: 28px;
      }

      .sx-footer {
        padding: 28px 20px calc(40px + env(safe-area-inset-bottom));
      }

      .sx-footer-top {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 24px;
      }

      .sx-footer-about {
        display: none !important;
      }

      .sx-footer-brand {
        width: auto;
        text-align: left;
        top: 0;
      }

      .sx-footer-brand .logo-wrapper img,
      .xs-footer-logo {
        height: 40px;
        margin-top: 0;
      }

      .sx-footer-logo-crop {
        margin-bottom: 0;
      }

      .sx-footer-bottom {
        grid-template-columns: 1fr;
        gap: 22px;
      }

      .sx-col-heading {
        margin-bottom: 10px;
        font-size: 13px;
      }

      .sx-list li,
      .sx-note,
      .sx-meta,
      .sx-seam-line {
        font-size: 13px;
        line-height: 1.1;
      }

      .sx-gap {
        margin-top: 12px !important;
      }

      .sx-col3-logo {
        display: none;
      }

      .sx-col3 ul {
        display: none;
      }

      .sx-col3 {
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;

      }

      .sx-meta {
        margin-top: 0;
      }

      .sx-btn-row {
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        margin-top: 20px;
        width: 100%;
      }

      .sx-btn-hint {
        display: none;
      }

      .sx-btn-start {
        position: static;
        left: auto;
        font-size: 28px;
        line-height: 1;
      }
    }

    @media (max-width: 600px) {
      .header-links {
        gap: 17px;
      }

      .header-links a,
      .menu-toggle {
        font-size: 15.5px;
      }

      .icon-link svg.icon-search,
      .icon-link svg.icon-account {
        width: 16px;
        height: 16px;
      }

      .icon-link svg.icon-cart {
        width: 18px;
        height: 18px;
      }

      .icon-link--cart .icon-link__cart-meta {
        display: flex;
      }

      .bottom-nav a {
        font-size: clamp(0.8rem, 2.8vw, 0.89rem);
      }

      .menu-sidebar {
        width: min(320px, 100vw);
      }

      .menu-list li,
      .menu-list a {
        font-size: 28px;
      }

      .sx-footer {
        padding: 20px 16px calc(32px + env(safe-area-inset-bottom));
      }

      .sx-footer-top {
        margin-bottom: 16px;
        gap: 14px;
      }

      .sx-footer-brand .logo-wrapper img,
      .xs-footer-logo {
        height: 36px;
      }

      .sx-footer-bottom {
        gap: 18px;
      }

      .sx-col-heading {
        font-size: var(--mobile-body-size, 13px);
        margin-bottom: 8px;
      }

      .sx-list li,
      .sx-note,
      .sx-meta,
      .sx-seam-line {
        font-size: var(--mobile-body-size, 13px);
      }

      .sx-btn-row {
        margin-top: 16px;
      }

      .sx-btn-start {
        font-size: 26px;
      }

      .sx-col3 {
        top: 0;
      }
    }

    @media (max-width: 380px) {
      .sx-col3 {
        top: 0;
    }

      .site-header {
        padding: 0 12px;
      }

      .header-links {
        gap: 13px;
      }

      .header-links a:nth-child(3) {
        display: none;
      }

      .header-links a,
      .menu-toggle {
        font-size: 15.5px;
      }

      .header-main {
        padding: 8px 10px 0;
      }

      .logo-section {
        padding-top: 36px;
      }

      .bottom-nav {
        gap: 4px;
        padding: 0 8px 12px;
      }

      .bottom-nav a {
        font-size: clamp(0.75rem, 2.5vw, 0.8rem);
        letter-spacing: -0.3px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .menu-sidebar,
      .page-wrap,
      .menu-overlay,
      .header-strip-wrap,
      .header-strip-spacer {
        transition: none;
      }

      .sx-btn-start:hover {
        transform: none;
      }
    }





        body {
            background-color: #ffffff;
            color: #000000;
            font-family: "neue-haas-grotesk-text";
            letter-spacing: -0.35px; /* Applied to body text */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* Centered Header Section (Matches Screenshot 2026-06-21 at 4.07.14 PM.jpg) */
        .hero-header {
            text-align: center;
            padding: 0px 20px 30px 20px;
        }

        .hero-title {
          font-size: 36px;
          font-weight: 700;
          line-height: 1;
          margin-bottom: 16px;
          letter-spacing: -1.2px;
      }

        /* Adobe Kis Italic Font Target */
        .hero-title span.italic-serif {
            font-family: "adobe-kis";
            font-style: italic;
            font-weight: 600;
            letter-spacing: -2px;
        }

        .hero-subtitle {
          font-size: 14px;
          line-height: 1;
          max-width: 490px;
          margin: 0 auto;
          font-weight: 400;
          color: #000000;
          letter-spacing: -0.30px;
      }

        /* Clean Two-Column Grid Alignment */
        .category-container {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 16px;
          padding: 0 50px 40px 50px;
          max-width: 1700px;
          margin: 0 auto;
      }
        /* Exact portrait height and container safety to guarantee images render */
        .category-card {
            position: relative;
            width: 100%;
            aspect-ratio: 1 / 1.15; /* Matches layout in Screenshot 2026-06-21 at 4.07.14 PM.jpg */
            overflow: hidden;
            cursor: pointer;
            display: block;
            text-decoration: none;
            color: inherit;
        }

        .category-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Image Overlays */
        .category-label {
          position: absolute;
          bottom: 42px;
          left: 42px;
          color: #ffffff;
          font-size: 35px;
          font-weight: 700;
          line-height: 1;
          pointer-events: none;
          letter-spacing: -0.70px;
      }
      

        /* Responsive Mobile Layout */
        @media (max-width: 768px) {
            .category-container {
                grid-template-columns: 1fr;
                padding: 0 20px 20px 20px;
                gap: 12px;
            }
            .hero-title {
                font-size: 28px;
            }
            .category-label {
                font-size: 24px;
                bottom: 28px;
                left: 22px;
            }
            .hero-subtitle {
              font-size: 12px;
              max-width: min(760px, 94vw);
              line-height: 1.35;
          }
          .hero-title {
            font-size: 26px;
   
        }
    
        }




        /* Clean, Centered Editorial Title Blocks */
        .brand-intro {
            text-align: center;
            padding: 25px 20px 52px 20px;
        }

        .main-heading {
            font-size: 32px;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 10px;
            letter-spacing: -1px; 
        }

        /* Pure Adobe Kis Italic Stylization */
        .serif-accent {
            font-family: "adobe-kis";
            font-style: italic;
            font-weight: 600;
            letter-spacing: -1.8px; 
        }

        .sub-promo-text {
          font-size: 14.5px;
          font-weight: 400;
          color: #111111;
          letter-spacing: -0.40px;
      }

        /* Outer Frame for Exact Layout Alignment */
        .showcase-wrapper {
            width: 100%;
            padding: 0 55px 60px 55px; 
            max-width: 1700px;
            margin: 0 auto;
        }

        /* Main Image Layout Window */
        .image-frame {
            width: 100%;
            aspect-ratio: 1.85 / 1; 
            overflow: hidden;
            background-color: #f7f7f5;
        }

        .image-frame img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Responsive Breakpoints for Seamless Scaling */
        @media (max-width: 1024px) {
            .showcase-wrapper {
                padding: 0 35px 40px 35px;
            }
        }

        @media (max-width: 768px) {
            .brand-intro {
                padding: 10px 20px 32px 20px;
            }
            .main-heading {
                font-size: 20px;
            }
            .sub-promo-text {
                font-size: 12px;
            }
            .showcase-wrapper {
                padding: 0 20px 30px 20px;
            }
            .image-frame {
                aspect-ratio: 4 / 3; 
            }
        }
 



                /* Top Title Section matching Screenshot 2026-06-21 at 6.35.14 PM.jpg */
                .collection-header {
                    width: 100%;
                    padding: 45px 45px 20px 45px;
                    max-width: 1700px;
                    margin: 0 auto;
                    text-align: left;
                }
        
                /* Serif Italic Style for the Title */
                .collection-main-title {
                    font-family: "adobe-kis";
                    font-style: italic;
                    font-weight: 600;
                    font-size: 42px;
                    line-height: 1;
                    color: #000000;
                    letter-spacing: -2px; /* Precise larger text letter-spacing */
                }
        
                /* 2-Column Responsive Grid Layout arranged in rows */
                .arrival-grid-container {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    gap: 18px;
                    padding: 0 45px 60px 45px;
                    max-width: 1700px;
                    margin: 0 auto;
                }
        
                /* Individual Premium Portrait Image Frames */
                .item-display-frame {
                    position: relative;
                    width: 100%;
                    aspect-ratio: 1 / 1.18; 
                    overflow: hidden;
                    background-color: #f2f2f2;
                }
        
                .item-display-frame img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: block;
                }
        
                /* Overlay Text Layout at the bottom left of images */
                .item-overlay-title {
                    position: absolute;
                    bottom: 60px;
                    left: 35px;
                    color: #ffffff;
                    font-family: "neue-haas-grotesk-text";
                    font-size: 35px;
                    font-weight: 700;
                    line-height: 1;
                    pointer-events: none;
                    letter-spacing: -1px; /* Precise larger text letter-spacing */
                }
        
                /* Responsive Grid Alignment Scaling */
                @media (max-width: 768px) {
                    .collection-header {
                        padding: 35px 20px 15px 20px;
                    }
                    .collection-main-title {
                        font-size: 24px;
                    }
                    .arrival-grid-container {
                        grid-template-columns: 1fr;
                        padding: 0 20px 40px 20px;
                        gap: 12px;
                    }
                    .item-overlay-title {
                        font-size: 22px;
                        bottom: 20px;
                        left: 20px;
                    }
                }




        
        .editorial-container {
          max-width: 1700px;
          margin: 0 auto;
          padding: 10px 55px;
          text-align: left;
          padding-bottom: 60px;
      }
        
      .editorial-heading {
        font-size: 32px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 28px;
        letter-spacing: -0.80px;
    }
        
                /* Adobe Kis Italic Font Stylization */
                .editorial-heading span.serif-accent {
                    font-family: "adobe-kis";
                    font-style: italic;
                    font-weight: 600;
                    letter-spacing: -1.4px;
                }
        
                /* Body Copy Block */
                .editorial-body {
                    max-width: 1700px;
                }
        
                .editorial-paragraph {
                    font-size: 17px;
                    line-height: 1.08;
                    font-weight: 400;
                    color: #000000;
                    letter-spacing: -0.40px; /* Applied -0.30px to body text */
                    margin-bottom: 26px;
                }
        
                /* Adjusting layout rhythm for the last paragraph element */
                .editorial-paragraph:last-child {
                    margin-bottom: 0;
                }
        
                /* Responsive Mobile Layout adjustments */
                @media (max-width: 768px) {
                    .editorial-container {
                        padding: 10px 20px;
                    }
                    .editorial-heading {
                        font-size: 24px;
                        margin-bottom: 20px;
                    }
                    .editorial-paragraph {
                        font-size: 12px;
                        line-height: 1.1;
                        margin-bottom: 18px;
                    }
                }

               .capabilities-showcase {
                  max-width: 1250px;
                  margin: 0 auto;
                  padding: 60px 40px;
                  text-align: center;
                  padding-top: 0;
              }
                
                        /* Large Display Two-Line Heading */
                        .capabilities-title {
                            font-size: 32px;
                            font-weight: 700;
                            line-height: 1.25;
                            margin-bottom: 20px;
                            letter-spacing: -1px; /* Exact spacing applied to larger text */
                            color: #000000;
                        }
                        
                
                        /* Precise Adobe Kis Italic Accent Integration */
                        .capabilities-title span.serif-italic-accent {
                            font-family: "adobe-kis";
                            font-style: italic;
                            font-weight: 600;
                            letter-spacing: -1.8px;
                        }
                
                        /* Subtext Layout Stack */
                        .capabilities-content {
                            display: flex;
                            flex-direction: column;
                            gap: 0; /* Clean scannable vertical progression */
                            max-width: 980px;
                            margin: 0 auto;
                        }
                
                        /* Body Copy Typography Styles */
                        .capabilities-text-row {
                            font-size: 15px;
                            line-height: 1.15;
                            font-weight: 400;
                            color: #000000;
                            letter-spacing: -0.30px; /* Exact spacing applied to body text */
                        }
                
                        /* Responsive Mobile Layout Scaling */
                        @media (max-width: 768px) {
                            .capabilities-showcase {
                                padding: 60px 20px;
                            }
                            .capabilities-title {
                              letter-spacing: -0.50px;
                              font-size: 18px;
                              line-height: 1;
                              margin-bottom: 25px;
                          }
                      
                            .capabilities-text-row {
                                font-size: 12px;
                                line-height: 1.2;
                            }
                            .capabilities-content {
                                gap: 1px;
                            }
                        }

                        



        .product-showcase {
            max-width: 1700px;
            margin: 0 auto;
            padding: 60px 45px;
            text-align: left;
        }

        /* Large Bold Section Title */
        .showcase-title {
            font-size: 36px;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 25px;
            letter-spacing: -1.1px;
        }

        /* Three-Column Portrait Grid Layout */
        .showcase-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 22px;
            margin-bottom: 10px;
        }

        /* Clean Portrait Image Cards */
        .grid-photo-card {
            width: 100%;
            aspect-ratio: 1 / 1.22; 
            overflow: hidden;
            background-color: #f5f5f5;
        }

        .grid-photo-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        
.view-collection-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.60px;
  cursor: pointer;
  padding: 0 0 3px;
  line-height: 1.2;
  text-decoration: none;
  color: var(--ink);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 calc(100% - var(--link-underline-offset));
  background-size: 0 var(--link-underline-size);
  transition: background-size 0.35s var(--underline-ease);
}

.view-collection-link:hover,
.view-collection-link:focus-visible {
  background-size: 100% var(--link-underline-size);
}

.view-collection-link .slide-underline {
  padding-bottom: 0;
  background: none;
}

        .interactive-arrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 0;
            margin-top: 0;
            width: 15px;
            height: 15px;
            flex-shrink: 0;
            transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
            transform-origin: center;
        }

        /* Vector Graphic Definition ensuring sharp rendering at exact scale */
        .interactive-arrow svg {
            width: 100%;
            height: 100%;
            display: block;
        }

        /* Hover Interaction: Flips the clean structural arrow 90 degrees downward */
        .view-collection-link:hover .interactive-arrow {
            transform: rotate(90deg);
        }

        /* Responsive Mobile Architecture */
        @media (max-width: 968px) {
            .showcase-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 14px;
            }
        }

        @media (max-width: 600px) {
            .product-showcase {
                padding: 20px;
            }
            .showcase-title {
                font-size: 24px;
                margin-bottom: 25px;
            }
            .showcase-grid {
                grid-template-columns: 1fr;
                gap: 12px;
                margin-bottom: 15px;
            }
            .grid-photo-card {
                aspect-ratio: 1 / 1.15;
            }
            .view-collection-link {
                font-size: 12px;
            }
        }







        
                /* 1:1 Replicated Base Container Layout using Different Classes */
                .collection-layout-wrapper {
                    max-width: 1700px;
                    margin: 0 auto;
                    padding: 60px 45px;
                    text-align: left;
                }
        
                /* 1:1 Replicated Title Typography */
                .collection-primary-title {
                    font-size: 36px;
                    font-weight: 700;
                    line-height: 1;
                    margin-bottom: 25px;
                    letter-spacing: -1.1px;
                }
        
                /* 2-Column Responsive Grid Track configuration */
                .collection-twin-grid {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    gap: 22px;
                    margin-bottom: 10px;
                }
        
                /* Portrait Framing Box matching exact 1 / 1.22 proportions */
                .collection-media-card {
                    width: 100%;
                    aspect-ratio: 1 / 1.22; 
                    overflow: hidden;
                    background-color: #f5f5f5;
                }
        
                /* Working High-Fidelity Responsive Images alignment */
                .collection-media-card img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: block;
                }
        
                /* 1:1 Replicated Action Link Alignment */
                .collection-discover-trigger {
                    display: inline-flex;
                    align-items: center;
                    font-size: 14px;
                    font-weight: 400;
                    letter-spacing: -0.60px;
                    cursor: pointer;
                    padding: 1px 0 3px;
                    line-height: 1;
                }
        
                /* 1:1 Replicated Vector Arrow Wrapper Box */
                .collection-pivoting-arrow {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    margin-left: 5px;
                    width: 18px;
                    height: 18px;
                    transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
                    transform-origin: center;
                }
        
                .collection-pivoting-arrow svg {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
        
                /* Exact Hover Rotation mapping to point directly downwards */
                .collection-discover-trigger:hover .collection-pivoting-arrow {
                    transform: rotate(90deg);
                }
        
                /* Responsive Mobile Conversions */
                @media (max-width: 968px) {
                    .collection-twin-grid {
                        grid-template-columns: repeat(2, 1fr);
                        gap: 14px;
                    }
                }
        
                @media (max-width: 600px) {
                    .collection-layout-wrapper {
                        padding: 20px;
                    }
                    .collection-primary-title {
                        font-size: 24px;
                        margin-bottom: 25px;
                    }
                    .collection-twin-grid {
                        grid-template-columns: 1fr;
                        gap: 12px;
                        margin-bottom: 15px;
                    }
                    .collection-media-card {
                        aspect-ratio: 1 / 1.15;
                    }
                    .collection-discover-trigger {
                        font-size: 12px;
                    }
                }


                
                        /* Container Section */
                        .category-slider-section {
                            max-width: min(1700px, 100%);
                            margin: 0 auto;
                            padding: 40px 45px;
                            position: relative;
                            width: 100%;
                            overflow: visible;
                        }
                
                        /* Top Header Area: Title + Controls */
                        .slider-header {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            margin-bottom: 35px;
                        }
                
                        .slider-title {
                            font-size: 36px;
                            font-weight: 700;
                            letter-spacing: -1px;
                            line-height: 1;
                        }
                
                        /* Control Arrows Group */
                        .slider-controls {
                            display: flex;
                            gap: 20px;
                        }
                
                        .control-btn {
                            background: none;
                            border: none;
                            cursor: pointer;
                            width: 24px;
                            height: 24px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            padding: 0;
                            transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.3s ease;
                            color: #000000;
                        }
                
                        .control-btn svg {
                            width: 100%;
                            height: 100%;
                            stroke: currentColor;
                        }
                
                        /* Boundary-Sensing Disabled State */
                        .control-btn.is-disabled {
                            color: #cccccc;
                            opacity: 0.35;
                            cursor: not-allowed;
                            pointer-events: none;
                        }
                
                        /* Horizontal Carousel Wrapper - Optimized for Mobile Swipe + Snapping */
                        .slider-viewport {
                            display: flex;
                            gap: 22px;
                            overflow-x: auto;
                            overflow-y: hidden;
                            scroll-behavior: smooth;
                            overscroll-behavior-x: contain;
                            overscroll-behavior-y: auto;
                            touch-action: pan-x pan-y;
                            scroll-snap-type: x mandatory;
                            -webkit-overflow-scrolling: touch;
                            scrollbar-width: none;
                            padding-bottom: 15px;
                            width: 100%;
                            max-width: 100%;
                            min-width: 0;
                        }
                
                        .slider-viewport::-webkit-scrollbar {
                            display: none; /* Hide Chrome/Safari scrollbar */
                        }
                
                        /* Category Card Structure */
                        .category-card {
                            flex: 0 0 calc((100% - (22px * 3)) / 4); /* Display 4 items cleanly on wide viewports */
                            scroll-snap-align: start;
                            display: flex;
                            flex-direction: column;
                            text-decoration: none;
                            color: #000000;
                            position: relative;
                            padding-bottom: 5px;
                        }
                
                        /* Image Frame Box */
                        .category-image-container {
                            width: 100%;
                            aspect-ratio: 1 / 1; /* Pure square format matching reference */
                            background-color: #ffffff;
                            overflow: hidden;
                            margin-bottom: 18px;
                        }
                
                        /* Higher Fidelity Image Styling */
                        .category-image-container img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            display: block;
                            transition: opacity 0.3s ease;
                        }
                
                        .category-card:hover .category-image-container img {
                            opacity: 0.95;
                        }
                
                        /* Label Row Metadata */
                        .category-info-row {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            font-size: 15px;
                            font-weight: 500;
                            letter-spacing: -0.4px;
                            line-height: 1.2;
                            padding-top: 2px;
                        }
                
                        .category-label-group {
                            display: flex;
                            align-items: center;
                            gap: 6px;
                        }
                
                        /* Combined Wrapper for Icon + Title to target the isolated underline */
                        .category-title-interactive-wrapper {
                            display: inline-flex;
                            align-items: center;
                            gap: 6px;
                            position: relative;
                            padding-bottom: 0;
                            max-width: 100%;
                        }

                        .category-title-interactive-wrapper::after {
                            content: '';
                            position: absolute;
                            left: 0;
                            bottom: 2.5px;
                            width: 100%;
                            height: 0.5px;
                            background-color: rgba(0, 0, 0, 0.42);
                            transform: scaleX(0);
                            transform-origin: left center;
                        }

                        .category-page .category-title-interactive-wrapper::after,
                        .category-slider .category-title-interactive-wrapper::after {
                            bottom: 2.5px;
                            height: 0.5px;
                            background-color: rgba(0, 0, 0, 0.4);
                        }

                        .category-card:hover .category-title-interactive-wrapper::after,
                        .category-card:focus-visible .category-title-interactive-wrapper::after {
                            animation: ink-underline-draw 0.42s var(--underline-ease) forwards;
                            background-color: rgba(0, 0, 0, 0.78);
                            height: 0.5px;
                        }

                        .category-page .category-card:hover .category-title-interactive-wrapper::after,
                        .category-page .category-card:focus-visible .category-title-interactive-wrapper::after,
                        .category-slider .category-card:hover .category-title-interactive-wrapper::after,
                        .category-slider .category-card:focus-visible .category-title-interactive-wrapper::after {
                            background-color: rgba(0, 0, 0, 0.82);
                        }
                
                        /* Vector Outline Icons matching labels */
                        .category-icon {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 16px;
                            height: 16px;
                        }
                
                        .category-icon svg {
                            width: 100%;
                            height: 100%;
                        }
                
                        /* Excluded Product Count Styling */
                        .category-count {
                            font-size: 11px;
                            vertical-align: super;
                            margin-left: 2px;
                            opacity: 0.6;
                            font-weight: 400;
                        }
                
                        /* Inline navigation arrow wrapper */
                        .inline-arrow-wrapper {
                            width: 16px;
                            height: 16px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
                            transform-origin: center;
                        }
                
                        /* Hover Interaction: Rotates the vector arrow right pointing downwards */
                        .category-card:hover .inline-arrow-wrapper {
                            transform: rotate(90deg);
                        }
                
                        /* Responsive Breakpoints */
                        @media (max-width: 1200px) {
                            .category-card {
                                flex: 0 0 calc((100% - (22px * 2)) / 3); /* 3 Items view */
                            }
                        }
                
                        @media (max-width: 850px) {
                            .category-card {
                                flex: 0 0 calc((100% - 22px) / 2); /* 2 Items view */
                            }
                            .slider-viewport {
                                gap: 16px;
                            }
                        }
                
                        @media (max-width: 550px) {
                            .category-slider-section {
                                padding: 20px;
                            }
                            .slider-title {
                                font-size: 20px;
                            }
                            .category-card {
                                flex: 0 0 82%; /* Exposes partial peek frame layout on mobile so users know they can swipe */
                            }
                            .category-info-row {
                                font-size: 10px;
                            }
                            .category-count {
                                font-size: 8px;
                            }
                        }





        /* Production showcase — story column + featured products */
        .production-showcase-section {
            max-width: 1700px;
            margin: 0 auto;
            padding: clamp(10px, 8vw, 40px) clamp(24px, 4vw, 40px);
        }

        .production-showcase__grid {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
            grid-template-rows: auto auto;
            column-gap: clamp(10px, 4vw, 30px);
            row-gap: 24px;
            align-items: stretch;
        }

        .production-showcase__story-media {
            position: relative;
            grid-column: 1;
            grid-row: 1;
            width: 100%;
            aspect-ratio: 3 / 4;
            overflow: hidden;
            background: #f2f2f2;
        }

        .production-showcase__story-media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }

        .production-showcase__products {
            grid-column: 2;
            grid-row: 1 / span 2;
            display: grid;
            grid-template-rows: 1fr 1fr;
            gap: 14px;
            min-height: 0;
            align-self: stretch;
        }

        .production-showcase__process {
            grid-column: 1;
            grid-row: 2;
            margin-top: 0;
            padding-top: 0;
        }

        .production-showcase-card {
            display: flex;
            flex-direction: column;
            min-height: 0;
            height: 100%;
        }

        .production-showcase-card .product-card__frame {
            flex: 1;
            display: flex;
            flex-direction: column;
            min-height: 0;
            height: 100%;
        }

        .production-showcase-card .product-card__media {
            flex: 1 1 0;
            width: 100%;
            aspect-ratio: unset;
            min-height: 0;
            height: auto;
        }

        .production-showcase-card .product-card__meta {
            flex-shrink: 0;
        }

        @media (max-width: 1024px) {
            .production-showcase__grid {
                grid-template-columns: 1fr;
                grid-template-rows: auto auto auto;
                row-gap: 32px;
            }

            .production-showcase__story-media {
                grid-column: 1;
                grid-row: 1;
                max-width: 520px;
            }

            .production-showcase__products {
                grid-column: 1;
                grid-row: 2;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                grid-template-rows: auto;
                gap: 16px;
            }

            .production-showcase-card {
                height: auto;
            }

            .production-showcase-card .product-card__media {
                flex: none;
                aspect-ratio: 3 / 4;
                min-height: 200px;
                height: auto;
            }

            .production-showcase__process {
                grid-column: 1;
                grid-row: 3;
            }
        }

        @media (max-width: 650px) {
            .production-showcase-section {
                padding-top: 30px;
                padding-bottom: 30px;
            }

            .production-showcase__products {
                grid-template-columns: 1fr;
            }

            .production-showcase-card .product-card__media {
                flex: none;
                aspect-ratio: 3 / 4;
                min-height: 280px;
                height: auto;
            }

            .production-showcase__process {
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 8px 4px;
            }

            .production-showcase__process .about-seamx-icon-item {
                min-width: 0;
            }

            .production-showcase__process .about-seamx-icon-text {
                font-size: 11px !important;
                line-height: 1.05;
                overflow-wrap: anywhere;
                hyphens: auto;
            }
        }

        /* About us — Seamx layout, white theme */
        .about-seamx-section {
            position: relative;
            overflow: hidden;
            background-color: #ffffff;
            color: #000000;
            padding: clamp(40px, 12vw, 100px);
            font-family: var(--font-display);
            -webkit-font-smoothing: antialiased;
            border-top: 2px solid #3b3b3b;
        }


        .about-seamx-container {
            position: relative;
            z-index: 1;
            max-width: 1340px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 42% 54%;
            gap: 4%;
            align-items: start;
        }

        .about-seamx-heading-content {
            display: flex;
            flex-direction: column;
            gap: 24px;
            position: relative;
            top: -60px;
        }


        .about-seamx-title {
            font-size: 42px;
            font-weight: 800;
            color: #000000;
            letter-spacing: -1.5px;
            line-height: 1.1;
            font-family: var(--font-heading);
            margin: 0;
            position: relative;
            top: 50px;
        }

        .about-seamx-description-content {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .about-seamx-paragraph {
            font-size: 16px;
            color: #000000;
            font-weight: 400;
            line-height: 1.35;
            letter-spacing: -0.35px;
            margin: 2px 0;
        }

        .about-seamx-icons-grid {
            padding: 10px 60px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            text-align: center;
        }

        .about-seamx-icon-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
        }

        .about-seamx-icon-wrapper {
            width: 65px;
            height: 65px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }

        .about-seamx-icon-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            filter: brightness(0);
        }

        .about-seamx-icon-text {
            font-size: 16px;
            color: #000000;
            font-weight: 400;
            line-height: 1.2;
            letter-spacing: -0.35px;
            margin: 0;
        }

        @media (max-width: 900px) {
            .about-seamx-background-x-text {
                top: 80px;
                left: 0;
            }

            .about-seamx-heading-content {
                top: 0;
            }

            .about-seamx-section {
                padding: 50px 24px;
            }

            .about-seamx-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .about-seamx-title {
                font-size: 32px;
                top: 0;
            }

            .about-seamx-icons-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 12px 6px;
                padding: 10px 0;
            }

            .about-seamx-icon-item {
                min-width: 0;
            }

            .about-seamx-icon-text {
                font-size: 11px !important;
                line-height: 1.05;
                overflow-wrap: anywhere;
            }
        }

        @media (max-width: 480px) {
            .about-seamx-background-x-text {
                top: 100px;
                left: 0;
            }

            .about-seamx-section {
                padding: 40px 20px;
            }

            .about-seamx-title {
              font-size: 28px;
          }
  
          .about-seamx-paragraph {
              font-size: 14px;
              line-height: 1.2;
              letter-spacing: -0.30px;

          }
  

            .about-seamx-container {
                gap: 25px;
            }

            .about-seamx-heading-content {
                gap: 12px;
            }

            .about-seamx-icons-grid {
                grid-template-columns: repeat(4, 1fr);
            }
            .about-seamx-icon-item {
              gap: 8px;
          }
  
          .about-seamx-icon-wrapper {
              width: 45px;
              height: 45px;

          }
  
          .about-seamx-icon-text {
              font-size: 11px !important;
              letter-spacing: -0.15px;

          }
        }

        /* Container Section Layout */
        .manufacturing-section {
            border-top: 2px solid #3b3b3b;
            max-width: 1800px;
            margin: 0 auto;
            padding: 40px;
            display: flex;
            flex-direction: column;
        }

        /* Text Content Header Group */
        .manufacturing-header {
            max-width: 800px; /* Keeps the text frame dense and elegant matching the reference */
            margin-bottom: 40px;
        }

        .manufacturing-title {
            font-size: 36px;
            font-weight: 700;
            letter-spacing: -1px;
            line-height: 1.1;
            margin-bottom: 12px;
        }

        .manufacturing-description {
            font-size: 16px;
            line-height: 1.15;
            color: #000000;
            font-weight: 400;
            letter-spacing: -0.20px;
        }

        /* 3-Column Editorial Grid Layout */
        .manufacturing-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 22px;
            margin-bottom: 60px;
        }

        .manufacturing-card {
            width: 100%;
            display: flex;
            flex-direction: column;
        }

        /* Image Containers with clean Portrait Aspect Ratio */
        .manufacturing-image-container {
            width: 100%;
            aspect-ratio: 4 / 5; 
            background-color: #f5f5f5;
            overflow: hidden;
        }

        .manufacturing-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Responsive Breakpoints */
        @media (max-width: 950px) {
            .manufacturing-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 14px;
            }
            .manufacturing-title {
                font-size: 24px;
            }
           .manufacturing-description {
            font-size: 13px;
            line-height: 1.2;

           }
        }

        @media (max-width: 700px) {

            .manufacturing-section {
                padding: 24px 16px 32px;
            }

            .manufacturing-header {
                margin-bottom: 20px;
            }

            .manufacturing-grid {
                display: grid;
                grid-template-columns: 1fr;
                overflow-x: visible;
                scroll-snap-type: none;
                gap: 12px;
                margin-bottom: 0;
            }

            .manufacturing-image-container {
                aspect-ratio: 4 / 5;
            }
        }

    /* Header dropdowns — collections, subscribe */
    .header-dropdown-trigger-wrap {
      display: inline-flex;
      position: relative;
    }

    .header-dropdown {
      position: fixed;
      /* Anchor at viewport top (under header) — avoids header-bottom cutout hairline */
      top: 0;
      left: 0;
      right: 0;
      bottom: auto;
      z-index: 1090;
      background: #fff;
      border: 0;
      border-bottom: none;
      box-shadow: none;
      overflow: hidden;
      opacity: 1;
      transform: translate3d(0, -100%, 0);
      visibility: hidden;
      pointer-events: none;
      /* Content clears the sticky header; panel paint continues under it */
      padding-top: var(--site-header-bottom, 180px);
      transition:
        transform 0.42s cubic-bezier(0.55, 0, 1, 0.45),
        visibility 0s linear 0.42s;
      will-change: transform;
      --dropdown-compact-card-width: calc((min(1700px, 100vw - 90px) - 48px) / 4);
      --dropdown-card-width: var(--dropdown-compact-card-width);
      --dropdown-card-height: calc(var(--dropdown-card-width) * 4 / 3);
    }

    /* Idle: fully collapse paint — no edge / shadow / cutout hairline under nav */
    .header-dropdown:not(.is-open):not(.is-closing) {
      z-index: -1 !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translate3d(0, -100%, 0) !important;
      clip-path: inset(50%) !important;
      height: 0 !important;
      max-height: 0 !important;
      min-height: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      border: 0 !important;
      box-shadow: none !important;
      overflow: hidden !important;
      will-change: auto !important;
      transition: none !important;
    }

    .header-dropdown::before {
      content: none !important;
      display: none !important;
    }

    .header-dropdown.is-open {
      z-index: 1090;
      height: auto;
      max-height: none;
      min-height: 0;
      padding-top: var(--site-header-bottom, 180px);
      transform: translate3d(0, 0, 0);
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      clip-path: none;
      box-shadow: none;
      transition:
        transform 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s;
    }

    .header-dropdown.is-closing {
      z-index: 1090;
      height: auto;
      max-height: none;
      padding-top: var(--site-header-bottom, 180px);
      transform: translate3d(0, -100%, 0);
      opacity: 1;
      visibility: visible;
      pointer-events: none;
      clip-path: none;
      box-shadow: none;
      transition:
        transform 0.42s cubic-bezier(0.55, 0, 1, 0.45),
        visibility 0s linear 0.42s;
    }

    @keyframes header-dropdown-item-in {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .header-dropdown__scroll {
      overflow: hidden;
    }

    .header-dropdown:not(.is-open):not(.is-closing) .header-dropdown-item-anim {
      opacity: 1;
      transform: none;
    }

    .header-dropdown.is-closing .header-dropdown-item-anim {
      opacity: 1;
      transform: none;
      animation: none;
      transition: none;
    }

    .header-dropdown-item-anim {
      animation: none;
      opacity: 1;
      transform: none;
    }

    .header-dropdown .directory-links-list a,
    .header-dropdown .directory-links-list a:hover,
    .header-dropdown .view-all-action-link,
    .header-dropdown .view-all-action-link:hover,
    .header-dropdown .view-all-text,
    .header-dropdown .view-all-action-link:hover .view-all-text {
      color: #000;
      opacity: 1;
      font-weight: 400;
    }

    /* Hide Adobe Fonts (Typekit) badge — prevents accidental new-tab opens near logo */
    .typekit-badge,
    #typekit-badge,
    a[data-typekit-badge] {
      display: none !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    /* index.shop-style page transition preloader */
    .page-loading-bar {
      position: fixed;
      inset: 0;
      z-index: 10080;
      background-color: #171717;
      pointer-events: none;
      visibility: visible;
      opacity: 1;
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition: opacity 0.2s ease, visibility 0s linear 0s;
    }

    .page-loading-bar.is-hidden {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      /* Collapse paint bounds while fading so no top hairline remains */
      clip-path: inset(0 0 100% 0);
      transition:
        opacity 0.2s ease,
        visibility 0s linear 0.2s,
        clip-path 0s linear 0.2s;
    }

    /* Fully detach after fade so no compositor hairline remains under the header */
    .page-loading-bar.is-gone {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      width: 0 !important;
      height: 0 !important;
      overflow: hidden !important;
      clip-path: inset(50%) !important;
      inset: auto !important;
      top: -9999px !important;
      left: -9999px !important;
      transform: none !important;
    }

    .page-loading-bar.is-active {
      visibility: visible;
      pointer-events: none;
      opacity: 1;
      clip-path: none;
    }

    body.is-page-unloading .page-loading-bar {
      visibility: visible;
      pointer-events: all;
      opacity: 1;
      clip-path: none;
    }

    .page-loading-bar__spinner {
      position: absolute;
      right: clamp(16px, 4vw, 24px);
      bottom: clamp(16px, 4vw, 24px);
      width: clamp(20px, 5vw, 24px);
      height: clamp(20px, 5vw, 24px);
      border: none;
      border-radius: 0;
      animation: page-loading-spin 0.9s linear infinite;
      transform-origin: center center;
      flex-shrink: 0;
    }

    .page-loading-bar__spinner path {
      display: block;
      stroke: #ffffff;
    }

    @keyframes page-loading-spin {
      to {
        transform: rotate(360deg);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .page-loading-bar {
        display: none;
      }

      .header-dropdown-item-anim {
        animation: none;
        transform: none;
      }

      .media-load-frame:not(.is-loaded)::after {
        animation: none;
        transform: translate(-50%, -50%) scaleX(0.35);
      }

      .media-load-frame:not(.is-loaded) img,
      .media-load-frame.is-loaded img {
        opacity: 1;
        transition: none;
      }

      .blanks-panel.is-open .menu-footer-bar::before,
      .blanks-panel.is-closing .menu-footer-bar::before {
        transition-delay: 0s;
      }

      .guides-panel.is-open .menu-footer-bar::before,
      .guides-panel.is-closing .menu-footer-bar::before {
        transition-delay: 0s;
      }
    }

    .header-dropdown__close {
      display: none;
      position: absolute;
      top: 16px;
      right: 16px;
      z-index: 100;
      width: 42px;
      height: 42px;
      align-items: center;
      justify-content: center;
      border: 1px solid #d4d4d4;
      border-radius: 50%;
      background: #fff;
      color: #000;
      cursor: pointer;
    }

    .header-dropdown__close svg {
      width: 16px;
      height: 16px;
    }

    body.header-dropdown-scroll-lock {
      overflow: hidden;
      overscroll-behavior: none;
    }

    [data-header-dropdown].active {
      color: #000;
    }

    /* Blanks mega menu */
    .mega-menu-section {
      max-width: 1600px;
      margin: 0 auto;
      padding: 50px 40px;
      display: grid;
      grid-template-columns: 1.15fr 1fr;
      gap: 20px;
      align-items: start;
    }

    .blanks-panel .mega-menu-section {
      align-items: stretch;
      grid-template-columns: 1.15fr 1fr;
      max-width: 1600px;
    }

    @media (min-width: 901px) {
      .blanks-panel .directory-matrix-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: clamp(24px, 3vw, 40px);
        row-gap: 32px;
      }
    }

    .blanks-panel .menu-promo-images-grid,
    .blanks-panel .menu-promo-images-grid.blanks-panel-collections-grid {
      justify-self: end;
      align-self: start;
      grid-template-columns: repeat(2, var(--dropdown-compact-card-width));
      gap: 16px;
      width: auto;
      max-width: 100%;
      margin-right: 0;
      transform: none;
    }

    .blanks-panel .blanks-panel-collections-grid .collection-card {
      width: var(--dropdown-compact-card-width);
      max-width: var(--dropdown-compact-card-width);
      min-width: var(--dropdown-compact-card-width);
      aspect-ratio: auto;
      height: calc(var(--dropdown-compact-card-width) * 4 / 3 + 12px);
    }

    .blanks-panel .menu-directory-container {
      min-height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .blanks-panel .directory-matrix-grid {
      flex: 1 1 auto;
    }

    .blanks-panel .menu-footer-bar {
      margin-top: auto;
    }

    .menu-directory-container {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .directory-matrix-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      row-gap: 45px;
      column-gap: 40px;
      margin-bottom: 10px;
    }

    .directory-column {
      display: flex;
      flex-direction: column;
    }

    .directory-column h3 {
      font-family: var(--font-display);
      font-size: 14px;
      font-weight: 700;
      color: #000;
      margin-bottom: 5px;
      letter-spacing: -0.3px;
    }

    .directory-links-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 1px;
    }

    .directory-links-list li {
      list-style: none;
    }

    .directory-product__link {
      display: grid !important;
      grid-template-columns: 36px minmax(0, 1fr);
      align-items: center;
      gap: 10px;
      width: 100%;
      padding: 4px 0 !important;
      background-image: none !important;
    }

    .directory-product__media {
      width: 36px;
      height: 45px;
      overflow: hidden;
      background: #f3f3f3;
      flex-shrink: 0;
    }

    .directory-product__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .directory-product__media--empty {
      background: #ececec;
    }

    .directory-product__label {
      display: inline;
      min-width: 0;
      line-height: 1.25;
      background-image: linear-gradient(currentColor, currentColor);
      background-repeat: no-repeat;
      background-position: 0 calc(100% - var(--link-underline-offset, 1px));
      background-size: 0 var(--link-underline-size, 1px);
      transition: background-size 0.35s var(--underline-ease, cubic-bezier(0.215, 0.61, 0.355, 1));
    }

    .directory-product__link:hover .directory-product__label,
    .directory-product__link:focus-visible .directory-product__label {
      background-size: 100% var(--link-underline-size, 1px);
    }

    .directory-links-list a,
    .directory-links-list .directory-link-text {
      font-family: var(--font-display);
      text-decoration: none;
      color: #000;
      font-size: 13px;
      font-weight: 400;
      position: relative;
      display: inline-block;
      align-self: flex-start;
      padding-bottom: 0;
      letter-spacing: -0.3px;
      line-height: 1;
      background-image: linear-gradient(currentColor, currentColor);
      background-repeat: no-repeat;
      background-position: 0 calc(100% - var(--link-underline-offset));
      background-size: 0 var(--link-underline-size);
      transition: background-size 0.35s var(--underline-ease);
    }

    .directory-links-list a:hover,
    .directory-links-list a:focus-visible {
      color: #000;
      font-weight: 400;
      background-size: 100% var(--link-underline-size);
    }

    .directory-links-list a.is-current {
      color: #000;
      font-weight: 400;
      background-size: 0 var(--link-underline-size);
    }

    .directory-links-list a.is-current:hover,
    .directory-links-list a.is-current:focus-visible {
      background-size: 100% var(--link-underline-size);
    }

    .view-all-action-link.is-current .view-all-text {
      background-size: 0 var(--link-underline-size);
    }

    .view-all-action-link.is-current:hover .view-all-text,
    .view-all-action-link.is-current:focus-visible .view-all-text {
      background-size: 100% var(--link-underline-size);
    }

    .directory-links-list a::after,
    .directory-links-list .directory-link-text::after {
      display: none;
    }

    .menu-footer-bar {
      position: relative;
      padding-top: 16px;
      width: 100%;
    }

    .menu-footer-bar::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000;
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.55s var(--underline-ease);
    }

    .blanks-panel.is-open .menu-footer-bar::before,
    .guides-panel.is-open .menu-footer-bar::before {
      transform: scaleX(1);
      transition-delay: 0.28s;
    }

    .blanks-panel.is-closing .menu-footer-bar::before,
    .guides-panel.is-closing .menu-footer-bar::before,
    .blanks-panel:not(.is-open):not(.is-closing) .menu-footer-bar::before,
    .guides-panel:not(.is-open):not(.is-closing) .menu-footer-bar::before {
      transform: scaleX(0);
      transition-delay: 0s;
      transition-duration: 0.18s;
    }
    .guides-panel-collections {
      justify-self: end;
      align-self: start;
      width: auto;
    }

    .mega-menu-section--guides {
      grid-template-columns: 1.15fr 1fr;
      max-width: 1600px;
      padding-top: 50px;
      padding-bottom: 50px;
      align-items: start;
    }

    .mega-menu-section--guides .directory-matrix-grid--two-col {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 40px;
      row-gap: 36px;
    }

    .directory-matrix-grid--guides {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: clamp(32px, 4vw, 56px);
      row-gap: 36px;
    }

    .guides-panel .menu-directory-container {
      width: 100%;
    }

    .view-all-action-link {
      display: inline-flex;
      justify-content: flex-start;
      align-items: center;
      gap: 6px;
      text-decoration: none;
      color: #000;
      width: auto;
      max-width: 100%;
      background-image: linear-gradient(currentColor, currentColor);
      background-repeat: no-repeat;
      background-position: 0 calc(100% - var(--link-underline-offset));
      background-size: 0 var(--link-underline-size);
      padding-bottom: -0.5px;
      transition: background-size 0.35s var(--underline-ease);
    }

    .view-all-action-link:hover,
    .view-all-action-link:focus-visible {
      color: #000;
      background-size: 100% var(--link-underline-size);
    }

    .view-all-text {
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 400;
      letter-spacing: -0.35px;
      color: #000;
      padding-bottom: 0;
      background: none;
    }

    .view-all-action-link:hover .view-all-text,
    .view-all-action-link:focus-visible .view-all-text {
      color: #000;
      font-weight: 400;
      background: none;
    }

    .view-all-text::after {
      display: none;
    }

    .arrow-icon-svg {
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .arrow-icon-svg svg {
      width: 100%;
      height: 100%;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: square;
    }

    .view-all-action-link:hover .arrow-icon-svg {
      transform: rotate(90deg);
    }

    .menu-promo-images-grid {
      display: grid;
      grid-template-columns: repeat(2, var(--dropdown-card-width));
      gap: 16px;
      width: auto;
      max-width: 100%;
      align-self: start;
      justify-self: end;
    }

    .promo-image-card {
      position: relative;
      width: 100%;
      max-width: var(--dropdown-compact-card-width);
      aspect-ratio: auto;
      height: calc(var(--dropdown-compact-card-width) * 4 / 3 + 12px);
      background-color: #eaeaea;
      overflow: hidden;
      text-decoration: none;
      display: block;
    }

    .promo-image-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .promo-image-card:hover img {
      transform: scale(1.03);
    }

    .promo-image-card::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.03) 25%, transparent 50%);
      z-index: 1;
      pointer-events: none;
    }

    .promo-card-overlay {
      position: absolute;
      inset: 0;
      padding: 24px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      z-index: 2;
      color: #fff;
    }

    .promo-card-overlay h4 {
      font-family: var(--font-display);
      font-size: 24px;
      font-weight: 600;
      letter-spacing: -0.5px;
      line-height: 1.15;
      position: relative;
      display: inline;
      padding-bottom: 0;
    }

    .promo-image-card:hover .arrow-icon-svg {
      transform: rotate(90deg);
    }

    /* Collections mega menu */

    .collections-section {
      max-width: 1700px;
      margin: 0 auto;
      padding: 36px 45px 44px;
    }

    .subscribe-panel__section {
      max-width: 1700px;
      margin: 0 auto;
      padding: 36px 45px 56px;
      display: flex;
      flex-direction: column;
      gap: 28px;
      width: 100%;
    }

    .subscribe-panel__footer {
      display: flex;
      justify-content: flex-end;
      width: 100%;
    }

    .collections-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
      width: 100%;
    }

    .collections-panel .collections-grid,
    .subscribe-panel .collections-grid {
      grid-template-columns: repeat(4, minmax(0, var(--dropdown-compact-card-width)));
      gap: 16px;
      justify-content: flex-start;
      width: 100%;
      max-width: 100%;
    }

    .collections-panel .collection-card,
    .subscribe-panel .collection-card,
    .guides-panel .guides-panel-collections-grid .collection-card {
      width: 100%;
      max-width: var(--dropdown-compact-card-width);
      min-width: 0;
      aspect-ratio: auto;
      height: calc(var(--dropdown-compact-card-width) * 4 / 3 + 12px);
    }

    .menu-promo-images-grid .promo-image-card {
      aspect-ratio: auto;
      height: calc(var(--dropdown-compact-card-width) * 4 / 3 + 12px);
      min-height: 0;
    }

    .menu-promo-images-grid .promo-image-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .collections-panel .collection-card:nth-child(n+5),
    .subscribe-panel .collection-card:nth-child(n+5) {
      display: none;
    }

    .directory-matrix-grid--two-col {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(20px, 3vw, 48px);
    }

    .guides-panel-layout {
      display: block;
    }

    .guides-panel-links-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px clamp(24px, 4vw, 56px);
    }

    .guides-panel-links-grid .directory-column h3 {
      display: block;
      margin-bottom: 10px;
    }

    .mega-menu-section--guides .menu-directory-container {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 100%;
    }

    .guides-panel {
      --dropdown-compact-card-width: calc((min(1700px, 100vw - 90px) - 48px) / 4);
      --dropdown-card-width: var(--dropdown-compact-card-width);
    }

    .guides-panel-categories-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px 14px;
      width: 100%;
      align-self: start;
    }

    .guides-panel-category-card {
      display: flex;
      align-items: stretch;
      gap: 14px;
      padding: 10px;
      background: #f3f3f3;
      border-radius: 6px;
      text-decoration: none;
      color: #000;
      min-height: 96px;
      transition: background 0.2s ease;
    }

    .guides-panel-category-card:hover,
    .guides-panel-category-card:focus-visible {
      background: #ececec;
    }

    .guides-panel-category-card__media {
      width: 88px;
      height: 88px;
      flex-shrink: 0;
      overflow: hidden;
      background: #e8e8e8;
    }

    .guides-panel-category-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .guides-panel-category-card__media .collection-card__placeholder {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #ececec;
    }

    .guides-panel-category-card__body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 10px;
      padding: 2px 8px 2px 0;
      min-width: 0;
    }

    .guides-panel-category-card__title {
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 600;
      letter-spacing: -0.25px;
      line-height: 1.25;
      margin: 0;
      color: #000;
    }

    .guides-panel-category-card .read-more-link-text {
      font-size: 13px;
      font-weight: 400;
      letter-spacing: -0.05px;
      color: rgba(0, 0, 0, 0.72);
    }

    .guides-panel .guides-panel-collections {
      display: block;
      justify-self: end;
      align-self: start;
      width: auto;
    }

    .guides-panel .guides-panel-collections-grid,
    .guides-panel .menu-promo-images-grid,
    .mega-menu-section--guides .menu-promo-images-grid {
      display: grid;
      grid-template-columns: repeat(2, var(--dropdown-compact-card-width));
      gap: 16px;
      width: auto;
      max-width: 100%;
      justify-self: end;
    }

    .guides-panel .guides-panel-collections-grid .collection-card {
      display: block;
    }

    .guides-panel .collection-card__placeholder {
      width: 100%;
      height: 100%;
      background: #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .media-placeholder-icon svg {
      width: clamp(28px, 18%, 52px);
      height: auto;
      color: #c8c8c8;
    }

    .category-image-container .media-placeholder-icon {
      width: 100%;
      height: 100%;
      min-height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f0f0f0;
    }

    .guides-panel-promo-grid {
      display: none;
    }

    @media (max-width: 900px) {
      .directory-matrix-grid--two-col {
        grid-template-columns: 1fr;
      }
    }

    .collection-card {
      position: relative;
      width: 100%;
      aspect-ratio: 3 / 4;
      background-color: #f5f5f5;
      overflow: hidden;
      text-decoration: none;
      display: block;
    }

    .collection-card .collection-card__placeholder.media-placeholder-icon {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f0f0f0;
    }

    .collection-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .collection-card > img {
      position: absolute;
      inset: 0;
      z-index: 0;
    }

    .collection-card__media {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
    }

    .collection-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .promo-image-card__media {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
    }

    .promo-image-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .collection-card:hover img,
    .collection-card:hover .collection-card__media img {
      transform: scale(1.03);
    }

    .collection-card::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.1) 30%, transparent 60%);
      z-index: 1;
      pointer-events: none;
    }

    .collection-content {
      position: absolute;
      inset: 0;
      padding: 28px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      z-index: 3;
      pointer-events: none;
    }

    .collection-content .collection-text-group,
    .collection-content .collection-arrow {
      pointer-events: auto;
    }

    .header-dropdown .collection-text-group.reveal-on-scroll,
    .header-dropdown .collection-subtitle.reveal-on-scroll,
    .header-dropdown .collection-arrow.reveal-on-scroll,
    .header-dropdown .reveal-on-scroll {
      opacity: 1;
      transform: none;
      transition: none;
    }

    .header-dropdown .collection-text-group.reveal-on-scroll.is-revealed,
    .header-dropdown .collection-subtitle.reveal-on-scroll.is-revealed,
    .header-dropdown .collection-arrow.reveal-on-scroll.is-revealed,
    .header-dropdown .reveal-on-scroll.is-revealed {
      opacity: 1;
      transform: none;
    }

    .header-dropdown .collection-subtitle.reveal-on-scroll.is-revealed {
      opacity: 0.85;
    }

    .collection-text-group {
      color: #fff;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .collection-title {
      font-size: 24px;
      font-weight: 600;
      letter-spacing: -1px;
      line-height: 1.15;
    }

    .collection-title-text {
      display: inline;
    }

    .collection-title-interactive-wrapper {
      display: inline;
      position: relative;
      padding-bottom: 0;
    }

    .collection-title-interactive-wrapper::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 3px;
      width: 100%;
      height: 1px;
      background-color: var(--white-underline-muted);
      transform: scaleX(0);
      transform-origin: left center;
    }

    .header-dropdown .collection-title-interactive-wrapper::after {
      background-color: #fff;
      bottom: 0.5px;
    }

    .collection-card:hover .collection-title-interactive-wrapper::after,
    .collection-card:focus-visible .collection-title-interactive-wrapper::after {
      animation: ink-underline-draw-bold 0.52s var(--underline-ease) forwards;
    }

    .header-dropdown .collection-card:hover .collection-title-interactive-wrapper::after,
    .header-dropdown .collection-card:focus-visible .collection-title-interactive-wrapper::after {
      animation: ink-underline-draw 0.38s var(--underline-ease) forwards;
      height: 1px;
      background-color: #fff;
    }

    .promo-card-overlay h4,
    .catalog-title-interactive {
      display: inline;
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      background-image: linear-gradient(var(--white-underline-muted), var(--white-underline-muted));
      background-repeat: no-repeat;
      background-position: 0 calc(100% - var(--link-underline-offset));
      background-size: 0 1px;
    }

    .header-dropdown .promo-card-overlay h4,
    .header-dropdown .catalog-title-interactive,
    .header-dropdown .promo-image-card .promo-card-overlay h4,
    .header-dropdown .promo-image-card .catalog-title-interactive {
      background-image: linear-gradient(#fff, #fff);
      background-position: 0 100%;
      background-size: 0 1px;
      padding-bottom: 5px;
    }

    .promo-image-card .promo-card-overlay h4,
    .promo-image-card .catalog-title-interactive {
      background-image: linear-gradient(var(--white-underline-muted), var(--white-underline-muted));
      background-position: 0 calc(100% - var(--link-underline-offset));
    }

    .promo-image-card:hover .promo-card-overlay h4,
    .promo-image-card:focus-visible .promo-card-overlay h4,
    .promo-image-card:hover .catalog-title-interactive,
    .promo-image-card:focus-visible .catalog-title-interactive {
      animation: promo-underline-draw-bold 0.52s var(--underline-ease) forwards;
    }

    .header-dropdown .promo-image-card:hover .promo-card-overlay h4,
    .header-dropdown .promo-image-card:focus-visible .promo-card-overlay h4,
    .header-dropdown .promo-image-card:hover .catalog-title-interactive,
    .header-dropdown .promo-image-card:focus-visible .catalog-title-interactive {
      animation: promo-underline-draw 0.38s var(--underline-ease) forwards;
      background-image: linear-gradient(#fff, #fff);
      background-position: 0 100%;
      padding-bottom: 5px;
    }

    .promo-card-overlay h4::after,
    .catalog-title-interactive::after {
      display: none;
    }

    .catalog-title-interactive {
      position: static;
      padding-bottom: 0;
    }

    .collection-card.header-dropdown-item-anim .collection-text-group,
    .collection-card.header-dropdown-item-anim .collection-title,
    .collection-card.header-dropdown-item-anim .collection-title-text,
    .collection-card.header-dropdown-item-anim .collection-arrow {
      color: #fff;
      opacity: 1;
    }

    .collection-subtitle {
      font-size: 16px;
      font-weight: 400;
      opacity: 0.85;
      letter-spacing: -0.1px;
      margin-top: 2px;
    }

    .collection-arrow {
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
      transform-origin: center;
      margin-bottom: 2px;
    }

    .collection-arrow svg {
      width: 100%;
      height: 100%;
      stroke: currentColor;
    }

    .collection-card:hover .collection-arrow {
      transform: rotate(90deg);
    }

    .header-dropdown .collection-card:hover .collection-arrow {
      transform: rotate(90deg);
    }

    .header-dropdown .collection-title {
      font-size: 18px;
      letter-spacing: -1.1px;
    }

    .header-dropdown .collection-subtitle {
      font-size: 13px;
      letter-spacing: -0.2px;
    }

    .header-dropdown .collection-content {
      padding: 18px;
    }

    .header-dropdown .promo-card-overlay h4 {
      font-size: 20px;
      letter-spacing: -0.8px;
    }

    .header-dropdown .promo-image-card:hover .arrow-icon-svg,
    .header-dropdown .view-all-action-link:hover .arrow-icon-svg {
      transform: rotate(90deg);
    }

    /* Subscribe form in menu dropdown */
    .subscribe-form-container {
      width: 100%;
      max-width: 460px;
      display: flex;
      flex-direction: column;
    }

    .subscribe-input-wrapper {
      position: relative;
      width: 100%;
      border-bottom: none;
      padding-bottom: 2px;
    }

    .subscribe-input-wrapper::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.45);
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.55s var(--underline-ease);
    }

    .subscribe-panel.is-open .subscribe-input-wrapper::after {
      transform: scaleX(1);
      transition-delay: 0.22s;
    }

    .subscribe-panel.is-closing .subscribe-input-wrapper::after,
    .subscribe-panel:not(.is-open):not(.is-closing) .subscribe-input-wrapper::after {
      transform: scaleX(0);
      transition-delay: 0s;
      transition-duration: 0.18s;
    }

    .subscribe-input-wrapper:focus-within::after {
      background-color: rgba(0, 0, 0, 0.45);
      height: 1px;
    }

    .subscribe-input {
      width: 100%;
      border: none;
      outline: none;
      background: transparent;
      font-family: var(--font-display);
      font-size: 16px;
      font-weight: 400;
      color: #000;
      letter-spacing: -0.3px;
      padding: 0;
    }

    .subscribe-input::placeholder {
      color: #000;
      opacity: 0.4;
    }

    .subscribe-form-action {
      display: flex;
      justify-content: flex-end;
      margin-top: 10px;
    }

    .subscribe-btn {
      display: inline-block;
      background-color: #ff00ff;
      color: #fff;
      border: none;
      outline: none;
      padding: 1px 5px 2px;
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.3px;
      line-height: 1;
      text-transform: lowercase;
      cursor: pointer;
      border-radius: 0;
      box-shadow: none;
      appearance: none;
      -webkit-appearance: none;
    }

    .subscribe-btn:hover,
    .subscribe-btn:focus,
    .subscribe-btn:active {
      background-color: #ff00ff;
      color: #fff;
    }

    .subscribe-btn.is-subscribing {
      pointer-events: none;
    }

    .subscribe-dots {
      display: inline-flex;
      margin-left: 1px;
    }

    .subscribe-dots span {
      width: 0.35em;
      text-align: center;
      animation: subscribe-dot-bounce 1.1s ease-in-out infinite;
      opacity: 0.25;
    }

    .subscribe-dots span::before {
      content: '.';
    }

    .subscribe-dots span:nth-child(2) {
      animation-delay: 0.15s;
    }

    .subscribe-dots span:nth-child(3) {
      animation-delay: 0.3s;
    }

    @keyframes subscribe-dot-bounce {
      0%, 80%, 100% {
        opacity: 0.25;
        transform: translateY(0);
      }

      40% {
        opacity: 1;
        transform: translateY(-1px);
      }
    }

    @media (max-width: 1200px) {
      .collections-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
    }

    @media (max-width: 900px) {
      /* Full-viewport panels — no desktop header cutout / under-header slide */
      .header-dropdown {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        z-index: 10060;
        padding-top: max(12px, env(safe-area-inset-top));
        box-shadow: none !important;
        border-bottom: none;
        overflow: hidden;
        will-change: auto;
        background: #fff;
      }

      .header-dropdown.is-open,
      .header-dropdown.is-closing {
        z-index: 10060;
        box-shadow: none !important;
      }

      /* Fully detach when idle so no white/black hairline peeks under the strip */
      .header-dropdown:not(.is-open):not(.is-closing) {
        z-index: -1 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translate3d(0, -110%, 0) !important;
        clip-path: inset(50%) !important;
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        transition: none !important;
      }

      .header-dropdown.is-open,
      .header-dropdown.is-closing {
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        padding-top: max(12px, env(safe-area-inset-top)) !important;
      }

      .header-dropdown.is-open {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
        clip-path: none;
      }

      .header-dropdown.is-closing {
        transform: translate3d(0, -110%, 0);
        opacity: 1;
        visibility: visible;
        clip-path: none;
      }

      /* Keep fullscreen dropdown above strip / sticky header on mobile */
      body.header-dropdown-open .header-strip-wrap,
      body:has(.header-dropdown.is-closing) .header-strip-wrap,
      body.header-dropdown-open .header-main,
      body:has(.header-dropdown.is-closing) .header-main,
      body.header-dropdown-open .top-ui,
      body:has(.header-dropdown.is-closing) .top-ui {
        z-index: 1000 !important;
      }

      .header-dropdown::before {
        content: none !important;
        display: none !important;
      }

      .collections-panel-sidebar-list {
        gap: 4px;
        width: 100%;
        align-items: flex-start;
      }

      .collections-panel-sidebar-list button {
        font-size: 14px;
        letter-spacing: -0.01em;
        text-align: left;
        width: 100%;
        display: block;
      }

      .header-dropdown__scroll {
        height: 100%;
        overflow: hidden !important;
        overscroll-behavior: none;
        touch-action: manipulation;
        padding-top: 56px;
        padding-bottom: max(16px, env(safe-area-inset-bottom));
      }

      .menu-footer-bar {
        justify-content: flex-start;
      }

      .collections-panel .collection-card:nth-child(n+5),
      .subscribe-panel .collection-card:nth-child(n+5) {
        display: none;
      }

      body.faq-page .collections-panel .collections-grid,
      body.about-page .collections-panel .collections-grid,
      body.guides-page .collections-panel .collections-grid,
      body.wholesale-page .collections-panel .collections-grid,
      body.guide-post-page .collections-panel .collections-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
        order: 1;
        margin-top: 24px;
      }

      body.faq-page .collections-panel-page-nav,
      body.about-page .collections-panel-page-nav,
      body.guides-page .collections-panel-page-nav,
      body.wholesale-page .collections-panel-page-nav,
      body.guide-post-page .collections-panel-page-nav {
        display: block;
        order: -1;
        margin-bottom: 28px;
        padding-bottom: 22px;
        border-bottom: 1px solid #e8e8e8;
      }

      /* Pages without a mobile sidebar: 4 square catalog cards, 2 per row */
      body:not(.faq-page):not(.about-page):not(.guides-page):not(.wholesale-page):not(.guide-post-page) .collections-panel .collections-grid,
      body:not(.faq-page):not(.about-page):not(.guides-page):not(.wholesale-page):not(.guide-post-page) .subscribe-panel .collections-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
      }

      body:not(.faq-page):not(.about-page):not(.guides-page):not(.wholesale-page):not(.guide-post-page) .collections-panel .collection-card,
      body:not(.faq-page):not(.about-page):not(.guides-page):not(.wholesale-page):not(.guide-post-page) .subscribe-panel .collection-card {
        aspect-ratio: auto;
        height: calc(((100vw - 40px) / 2) + 32px);
        min-height: 0;
        max-height: none;
        max-width: none;
        width: 100%;
      }

      body:not(.faq-page):not(.about-page):not(.guides-page):not(.wholesale-page):not(.guide-post-page) .subscribe-panel .collection-card {
        height: calc(((100vw - 50px) / 2) + 32px);
      }

      body:not(.faq-page):not(.about-page):not(.guides-page):not(.wholesale-page):not(.guide-post-page) .collections-panel .collection-card:nth-child(-n+4),
      body:not(.faq-page):not(.about-page):not(.guides-page):not(.wholesale-page):not(.guide-post-page) .subscribe-panel .collection-card:nth-child(-n+4) {
        display: block;
      }

      /* Sidebar pages: only 2 cards, still 2 per row */
      body.faq-page .collections-panel .collection-card,
      body.about-page .collections-panel .collection-card,
      body.guides-page .collections-panel .collection-card,
      body.wholesale-page .collections-panel .collection-card,
      body.guide-post-page .collections-panel .collection-card {
        aspect-ratio: auto;
        height: calc(((100vw - 40px) / 2) + 32px);
        min-height: 0;
        max-width: none;
        width: 100%;
      }

      body.faq-page .collections-panel .collection-card:nth-child(-n+2),
      body.about-page .collections-panel .collection-card:nth-child(-n+2),
      body.guides-page .collections-panel .collection-card:nth-child(-n+2),
      body.wholesale-page .collections-panel .collection-card:nth-child(-n+2),
      body.guide-post-page .collections-panel .collection-card:nth-child(-n+2) {
        display: block;
      }

      body.faq-page .collections-panel .collection-card:nth-child(n+3),
      body.about-page .collections-panel .collection-card:nth-child(n+3),
      body.guides-page .collections-panel .collection-card:nth-child(n+3),
      body.wholesale-page .collections-panel .collection-card:nth-child(n+3),
      body.guide-post-page .collections-panel .collection-card:nth-child(n+3) {
        display: none;
      }

      .guides-panel .directory-matrix-grid--guides {
        row-gap: 18px;
      }

      .guides-panel .directory-column h3 {
        font-size: 13px;
        margin-bottom: 8px;
        letter-spacing: -0.01em;
        text-align: left;
      }

      .guides-panel .directory-links-list li {
        margin-bottom: 2px;
      }

      .guides-panel .directory-link-text {
        font-size: 14px;
        line-height: 1.35;
      }

      .blanks-panel .directory-matrix-grid,
      .guides-panel .directory-matrix-grid,
      .guides-panel .directory-matrix-grid--guides,
      .guides-panel .directory-matrix-grid--two-col {
        grid-template-columns: 1fr !important;
        column-gap: 0;
        row-gap: 24px;
        width: 100%;
        justify-items: start;
      }

      .blanks-panel .directory-column,
      .guides-panel .directory-column {
        width: 100%;
        align-items: flex-start;
        text-align: left;
      }

      .blanks-panel .directory-links-list,
      .guides-panel .directory-links-list {
        width: 100%;
        align-items: flex-start;
      }

      .blanks-panel .menu-directory-container,
      .guides-panel .menu-directory-container {
        order: 1;
        width: 100%;
        align-items: flex-start;
      }

      .blanks-panel .mega-menu-section,
      .guides-panel .mega-menu-section {
        align-items: flex-start;
      }
      

      .blanks-panel .menu-footer-bar,
      .guides-panel .menu-footer-bar {
        width: 100%;
      }

      .blanks-panel .directory-column h3 {
        font-size: 13px;
        margin-bottom: 8px;
        letter-spacing: -0.01em;
        text-align: left;
      }

      .blanks-panel .directory-links-list a {
        font-size: 14px;
        line-height: 1.35;
      }

      .collections-panel-page-nav {
        display: none;
      }

      body.faq-page .guides-page-sidebar,
      body.about-page .editorial-sidebar {
        display: none !important;
      }

      body.guides-page .collections-section .collections-grid,
      body.wholesale-page .collections-section .collections-grid {
        margin-top: 6px;
        gap: 12px;
        flex: 1;
        min-height: 0;
      }

      body.guides-page .collections-section,
      body.wholesale-page .collections-section {
        display: flex;
        flex-direction: column;
        flex: 1;
        min-height: 0;
      }

      .collections-panel .collections-section,
      .subscribe-panel .collections-section {
        flex: 1;
        min-height: 0;
        width: 100%;
        max-width: none;
        align-self: stretch;
      }

      .collections-panel .collections-grid,
      .subscribe-panel .collections-grid {
        flex: none;
        width: 100%;
        min-height: 0;
      }

      .blanks-panel .blanks-panel-collections,
      .blanks-panel .menu-promo-images-grid {
        display: grid !important;
        order: 2;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        justify-self: stretch;
        width: 100%;
        max-width: none;
        margin-top: 8px;
      }

      .guides-panel .guides-panel-collections,
      .guides-panel .menu-promo-images-grid,
      .guides-panel .guides-panel-collections-grid {
        display: none !important;
      }

      .blanks-panel .blanks-panel-collections-grid .collection-card:nth-child(n+3),
      .blanks-panel .menu-promo-images-grid .collection-card:nth-child(n+3),
      .blanks-panel .menu-promo-images-grid .promo-image-card:nth-child(n+3) {
        display: none;
      }

      .blanks-panel .blanks-panel-collections-grid .collection-card:nth-child(-n+2),
      .blanks-panel .menu-promo-images-grid .collection-card:nth-child(-n+2),
      .blanks-panel .menu-promo-images-grid .promo-image-card:nth-child(-n+2) {
        display: block;
      }

      .blanks-panel .blanks-panel-collections-grid .collection-card,
      .blanks-panel .menu-promo-images-grid .promo-image-card {
        width: 100%;
        max-width: none;
        min-width: 0;
        aspect-ratio: auto;
        height: calc(((100vw - 40px) / 2) + 32px);
      }

      .blanks-panel .mega-menu-section,
      .guides-panel .mega-menu-section {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        margin: 0;
        padding: 0 15px 28px;
      }

      .guides-panel-categories-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .guides-panel-category-card {
        min-height: 88px;
      }

      .guides-panel-category-card__media {
        width: 76px;
        height: 76px;
      }

      .subscribe-panel__section {
        display: flex;
        flex-direction: column;
      }

      .subscribe-panel__footer {
        order: -1;
        margin-top: 0;
        padding-bottom: 24px;
      }

      .subscribe-panel .collections-grid {
        display: grid !important;
        order: 0;
      }

      .subscribe-panel .collection-card:nth-child(n+5) {
        display: none;
      }

      .collections-panel .collections-grid,
      .subscribe-panel .collections-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
      }

      body.faq-page .collections-panel .collections-grid,
      body.about-page .collections-panel .collections-grid,
      body.guides-page .collections-panel .collections-grid,
      body.wholesale-page .collections-panel .collections-grid,
      body.guide-post-page .collections-panel .collections-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      body:not(.faq-page):not(.about-page):not(.guides-page):not(.wholesale-page):not(.guide-post-page) .collections-panel .collections-grid,
      body:not(.faq-page):not(.about-page):not(.guides-page):not(.wholesale-page):not(.guide-post-page) .subscribe-panel .collections-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .collections-panel .collection-card,
      .subscribe-panel .collection-card {
        max-width: none;
        width: 100%;
        min-height: 0;
        flex: none;
        aspect-ratio: auto;
        height: calc(((100vw - 40px) / 2) + 32px);
      }

      .subscribe-panel .collection-card {
        aspect-ratio: auto;
        height: calc(((100vw - 50px) / 2) + 32px);
        max-height: none;
      }

      .subscribe-panel .header-dropdown__scroll,
      .collections-panel .header-dropdown__scroll,
      .blanks-panel .header-dropdown__scroll,
      .guides-panel .header-dropdown__scroll {
        display: flex;
        flex-direction: column;
        overflow: hidden !important;
      }

      .mega-menu-section {
        grid-template-columns: 1fr;
        gap: 24px;
        margin: 0;
        padding: 0 15px 28px;
        align-items: flex-start;
      }

      .menu-directory-container {
        order: 1;
        width: 100%;
      }

      .directory-column {
        align-items: flex-start;
      }

      .directory-column h3 {
        text-align: left;
        letter-spacing: -0.01em;
      }

      .directory-links-list {
        gap: 4px;
        align-items: flex-start;
      }

      .menu-promo-images-grid {
        order: 2;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        justify-self: stretch;
        width: 100%;
      }

      .promo-image-card {
        width: 100%;
        height: calc(((100vw - 40px) / 2) + 32px);
        aspect-ratio: auto;
        max-width: none;
      }

      .collections-panel .collection-card,
      .subscribe-panel .collection-card,
      .blanks-panel .blanks-panel-collections-grid .collection-card,
      .blanks-panel .menu-promo-images-grid .collection-card,
      .blanks-panel .menu-promo-images-grid .promo-image-card {
        height: calc(((100vw - 40px) / 2) + 32px);
        aspect-ratio: auto;
      }

      .subscribe-panel .collection-card {
        height: calc(((100vw - 50px) / 2) + 32px);
      }

      .promo-card-overlay {
        padding: 10px;
      }

      .directory-matrix-grid {
        row-gap: 35px;
      }

      .directory-matrix-grid--guides {
        grid-template-columns: 1fr;
        column-gap: 0;
      }

      .mega-menu-section--guides {
        margin: 0;
        padding: 0 15px 28px;
      }

      .header-dropdown__close {
        display: flex;
        position: fixed;
        top: max(12px, env(safe-area-inset-top));
        right: 12px;
        z-index: 10070;
      }

      .header-dropdown .collection-title,
      .header-dropdown .collection-title-text,
      .header-dropdown .catalog-title-interactive,
      .header-dropdown .promo-card-overlay h4,
      .header-dropdown .promo-image-card .catalog-title-interactive,
      .promo-card-overlay h4,
      .promo-image-card .promo-card-overlay h4,
      .promo-image-card .catalog-title-interactive,
      .collection-card .collection-title,
      .collection-card .collection-title-text,
      .collection-card .catalog-title-interactive {
        font-size: 13px !important;
        letter-spacing: -0.35px !important;
        line-height: 1.15;
      }

      .header-dropdown .collection-subtitle {
        font-size: 10px;
        letter-spacing: -0.3px;
      }

      .header-dropdown .collection-content,
      .header-dropdown .promo-card-overlay {
        padding: 10px;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 5px;
      }

      .header-dropdown .promo-card-overlay h4,
      .header-dropdown .promo-card-overlay .catalog-title-interactive {
        margin: 0;
        line-height: 1;
      }

      .header-dropdown .arrow-icon-svg,
      .header-dropdown .collection-arrow {
        width: 12px;
        height: 12px;
        flex-shrink: 0;
        margin: 0 0 1px;
        align-self: flex-end;
      }

      .header-dropdown .arrow-icon-svg svg,
      .header-dropdown .collection-arrow svg {
        width: 12px;
        height: 12px;
        display: block;
      }

      .header-dropdown .collection-content .collection-text-group {
        flex: 0 1 auto;
        min-width: 0;
      }

      .hero-title,
      .products-title,
      .guides-page-title,
      .faq-page-title,
      .about-page .hero-title,
      .category-page .hero-title {
        letter-spacing: -1.1px;
      }

      .collections-section {
        padding: 0 15px 28px;
        width: 100%;
        max-width: none;
      }

      .subscribe-panel__section {
        padding: 0 20px calc(88px + env(safe-area-inset-bottom, 0px));
        min-height: 100%;
        gap: 24px;
      }

      .subscribe-panel__footer {
        margin-top: 0;
        justify-content: flex-start;
        padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
      }

      .subscribe-panel__section,
      .collections-section {
        flex: 1;
        display: flex;
        flex-direction: column;
      }

      .collections-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
        overflow: visible;
      }

      .header-dropdown .collection-card,
      .header-dropdown .promo-image-card {
        aspect-ratio: auto;
        height: calc(((100vw - 40px) / 2) + 32px);
        max-height: none;
        flex: none;
        width: 100%;
        min-height: 0;
      }

      body.guides-page .collections-panel .collection-card,
      body.wholesale-page .collections-panel .collection-card {
        min-height: 0;
      }

      .header-dropdown .subscribe-panel .collection-card {
        aspect-ratio: auto;
        height: calc(((100vw - 50px) / 2) + 32px);
        max-height: none;
        min-height: 0;
      }

      .collection-content {
        padding: 16px;
      }

      .collection-title {
        font-size: 12px;
      }

      .header-dropdown .collection-title,
      .header-dropdown .collection-title-text,
      .collection-card .collection-title,
      .collection-card .collection-title-text {
        font-size: 13px !important;
        letter-spacing: -0.35px !important;
        line-height: 1.15;
      }

      .collection-subtitle {
        font-size: 15px;
      }

      .subscribe-form-container {
        max-width: 100%;
      }
    }

    /* Wholesale page */
    .wholesale-container {
      max-width: 1770px;
      margin: 0 auto;
      padding: 60px 40px;
    }

    .wholesale-heading {
      font-family: var(--font-display);
      font-size: 38px;
      font-weight: 700;
      color: #000;
      letter-spacing: -1.5px;
      margin-bottom: 32px;
    }

    .wholesale-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: 18px;
      row-gap: 48px;
    }

    .wholesale-card {
      display: flex;
      flex-direction: column;
      text-decoration: none;
      color: #000;
      width: 100%;
    }

    .wholesale-image-container {
      position: relative;
      width: 100%;
      aspect-ratio: 3 / 4;
      background-color: #f7f7f7;
      overflow: hidden;
    }

    .wholesale-image-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .wholesale-card:hover .wholesale-image-container img {
      transform: scale(1.025);
    }

    .wholesale-meta-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 14px;
      width: 100%;
    }

    .wholesale-meta-left {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }

    .wholesale-meta-interactive {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      position: relative;
      padding-bottom: 0;
    }

    .wholesale-title-interactive {
      display: inline;
      position: relative;
      padding-bottom: 0;
    }

    .wholesale-title-interactive::after {
      display: none;
    }

    .wholesale-meta-interactive::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 3px;
      width: 100%;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.42);
      transform: scaleX(0);
      transform-origin: left center;
    }

    .category-page .wholesale-meta-interactive::after {
      bottom: 5px;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.4);
    }

    .wholesale-card:hover .wholesale-meta-interactive::after,
    .wholesale-card:focus-visible .wholesale-meta-interactive::after {
      animation: ink-underline-draw-bold 0.52s var(--underline-ease) forwards;
      background-color: rgba(0, 0, 0, 0.78);
    }

    .category-page .wholesale-card:hover .wholesale-meta-interactive::after,
    .category-page .wholesale-card:focus-visible .wholesale-meta-interactive::after {
      background-color: rgba(0, 0, 0, 0.82);
    }

    .wholesale-category-icon {
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0.85;
      color: #000;
    }

    .wholesale-category-icon svg {
      width: 100%;
      height: 100%;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .wholesale-card-title {
      font-family: var(--font-display);
      font-size: 24px;
      font-weight: 700;
      letter-spacing: -0.45px;
      display: inline;
      background: none;
    }

    .wholesale-card-title::after {
      display: none;
    }

    .wholesale-count-super {
      font-family: var(--font-display);
      font-size: 10px;
      font-weight: 500;
      position: relative;
      top: -6px;
      letter-spacing: -0.25px;
      left: -2px;
      opacity: 0.95;
    }

    .wholesale-action-arrow {
      width: 14px;
      height: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      transform: rotate(0deg);
      transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .wholesale-action-arrow svg {
      width: 100%;
      height: 100%;
      fill: none;
      stroke: #000;
      stroke-width: 2;
      stroke-linecap: square;
    }

    .wholesale-card:hover .wholesale-action-arrow {
      transform: rotate(90deg);
    }

    @media (max-width: 1100px) {
      .wholesale-grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
        row-gap: 32px;
      }

      .wholesale-container {
        padding: 40px 24px;
      }
    }

    @media (max-width: 650px) {
      .wholesale-grid {
        grid-template-columns: 1fr;
        row-gap: 36px;
      }

      .wholesale-heading {
        font-size: 28px;
        margin-bottom: 15px;
      }

      .wholesale-container {
        padding: 30px 20px;
      }
    }

    /* Collection products listing page */
    body.products-page {
      background: #fff;
    }

    .products-page-main {
      width: 100%;
    }

    .products-page .hero-header.products-hero {
      padding: 0 20px 24px;
    }

    .products-layout {
      max-width: 1750px;
      margin: 0 auto;
      padding: 12px 28px 0;
      position: relative;
      top: 0;
  }
  
    .products-breadcrumb {
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: var(--font-display);
      font-size: 13px;
      letter-spacing: -0.3px;
      color: #000;
      margin-bottom: 22px;
    }

    .products-breadcrumb a {
      color: #000;
      text-decoration: none;
    }

    .products-breadcrumb a:hover {
      opacity: 0.65;
    }

    .products-breadcrumb__sep {
      color: #000;
      padding: 0;
    }

    .products-breadcrumb__home {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      color: #000;
      margin-right: 0;
    }

    .products-breadcrumb__home svg {
      width: 16px;
      height: 16px;
    }

    #products-breadcrumb-current {
      color: #000;
    }

    .products-header {
      margin-bottom: 0;
      position: relative;
      z-index: 20;
    }

    .products-search-toolbar {
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
      padding-top: 8px;
      padding-bottom: 18px;
    }

    .products-search-toolbar__row {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      width: 100%;
    }

    .products-search-toolbar__row--bottom {
      align-items: center;
    }

    .products-search-toolbar__title,
    .products-search-toolbar__input {
      margin: 0;
      flex: 1 1 auto;
      min-width: 0;
      width: 100%;
      border: 0;
      background: transparent;
      padding: 0;
      font-family: var(--font-heading);
      font-size: clamp(21px, 2.7vw, 37px);
      font-weight: 900;
      letter-spacing: -1.15px;
      line-height: 0.98;
      text-transform: uppercase;
      color: #000;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
    }

    .products-search-toolbar__title {
      color: #d8d8d8;
    }

    .products-search-toolbar__input::placeholder {
      color: #d8d8d8;
      opacity: 1;
    }

    .products-search-toolbar__input::-webkit-search-decoration,
    .products-search-toolbar__input::-webkit-search-cancel-button {
      display: none;
    }

    .products-search-toolbar__close {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      margin-top: 2px;
      padding: 0;
      border: 0;
      background: transparent;
      color: #000;
      cursor: pointer;
    }

    .products-search-toolbar__close svg {
      width: 24px;
      height: 24px;
    }

    .products-search-toolbar__filter {
      position: relative;
      display: inline-flex;
      align-items: center;
      padding: 0;
      border: 0;
      background: transparent;
      font-family: var(--font-heading);
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.5px;
      text-transform: uppercase;
      color: #000;
      cursor: pointer;
    }

    .products-search-toolbar__filter-label {
      display: inline-block;
    }

    .products-search-toolbar__filter-badge {
      position: absolute;
      top: -7px;
      right: -16px;
      min-width: 16px;
      height: 16px;
      padding: 0 4px;
      border-radius: 999px;
      background: #000;
      color: #fff;
      font-family: var(--font-heading);
      font-size: 10px;
      font-weight: 700;
      line-height: 16px;
      letter-spacing: 0;
      text-align: center;
      text-transform: none;
      pointer-events: none;
    }

    .products-search-toolbar__filter-badge[hidden] {
      display: none !important;
    }

    .products-search-toolbar__filter.has-filters {
      text-decoration: none;
    }

    .products-search-toolbar__count {
      margin: 0;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: -0.5px;
      text-transform: uppercase;
      color: #8a8a8a;
      text-align: right;
      white-space: nowrap;
    }

    body.products-page--search .products-breadcrumb {
      margin-bottom: 4px;
    }

    body.products-page .products-title,
    .products-title {
      font-family: var(--font-display);
      font-size: clamp(28px, 4vw, 38px);
      font-weight: 600;
      letter-spacing: -0.5px;
      line-height: 1.05;
      color: #000;
      margin: 0;
    }

    body.products-page .products-controls,
    .products-controls {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      overflow: visible;
      padding-top: 20px;
      padding-bottom: 14px;
      margin-bottom: 0;
    }

    .products-filter-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 22px;
      border: 1px solid #000;
      border-radius: 0;
      background: #fff;
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.3px;
      color: #000;
      white-space: nowrap;
      cursor: pointer;
    }

    .products-filter-btn__icon {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
    }

    .products-filter-btn__count {
      font-weight: 600;
      letter-spacing: -0.2px;
      margin-left: 8px;
    }

    .products-filter-btn.has-filters {
      border-color: #000;
    }

    .products-sort-wrap {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-left: auto;
    }

    .products-sort__label {
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.3px;
      color: #000;
      white-space: nowrap;
    }

    .products-sort-anchor {
      --sort-ease: cubic-bezier(0.22, 1, 0.36, 1);
      --sort-duration: 0.32s;
      position: relative;
      display: inline-flex;
      flex-direction: column;
      align-items: flex-end;
      isolation: isolate;
    }

    .products-sort-anchor.is-open,
    .products-sort-anchor.is-closing {
      z-index: 1180;
    }

    .products-sort {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      width: auto;
      min-width: 0;
      box-sizing: border-box;
      padding: 14px 22px;
      border: 1px solid #000;
      border-radius: 0;
      background: #fff;
      color: #000;
      font-family: var(--font-display);
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.3px;
      cursor: pointer;
      position: relative;
      z-index: 2;
      text-align: left;
      transition:
        background var(--sort-duration) var(--sort-ease),
        color var(--sort-duration) var(--sort-ease),
        border-color var(--sort-duration) var(--sort-ease),
        opacity 0.28s var(--sort-ease);
    }

    .products-sort:hover {
      opacity: 0.72;
    }

    .products-sort[aria-expanded="true"] {
      opacity: 0;
      pointer-events: none;
      transition:
        background var(--sort-duration) var(--sort-ease),
        color var(--sort-duration) var(--sort-ease),
        border-color var(--sort-duration) var(--sort-ease),
        opacity 0.2s var(--sort-ease);
    }

    .products-sort[aria-expanded="false"] {
      opacity: 1;
      pointer-events: auto;
      transition:
        background var(--sort-duration) var(--sort-ease),
        color var(--sort-duration) var(--sort-ease),
        border-color var(--sort-duration) var(--sort-ease),
        opacity 0.22s var(--sort-ease) 0.06s;
    }

    .products-sort-anchor.is-closing .products-sort {
      opacity: 0;
      pointer-events: none;
    }

    .products-sort__value {
      text-align: left;
      flex: 1;
      min-width: 0;
      white-space: nowrap;
    }

    .products-sort__dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: currentColor;
      flex-shrink: 0;
    }

    .products-sort__chevron {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .products-sort__chevron svg {
      width: 14px;
      height: 14px;
      display: block;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .products-sort[aria-expanded="true"] .products-sort__chevron svg {
      transform: rotate(180deg);
    }

    .products-sort__panel {
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      width: 100%;
      min-width: 100%;
      z-index: 3;
      display: flex;
      flex-direction: column;
      min-height: 0;
      background: #000;
      color: #fff;
      border: 1px solid #000;
      max-height: 520px;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      padding: 0 20px;
      transform: scale(0.985, 0);
      transform-origin: top right;
      will-change: transform, width, opacity;
      transition:
        width var(--sort-duration) var(--sort-ease),
        min-width var(--sort-duration) var(--sort-ease),
        max-height var(--sort-duration) var(--sort-ease),
        transform var(--sort-duration) var(--sort-ease),
        opacity calc(var(--sort-duration) * 0.72) var(--sort-ease),
        padding var(--sort-duration) var(--sort-ease),
        background var(--sort-duration) var(--sort-ease),
        border-color var(--sort-duration) var(--sort-ease),
        visibility var(--sort-duration) var(--sort-ease);
    }

    .products-sort__panel.is-open {
      width: 340px;
      min-width: 340px;
      min-height: 100%;
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      padding: 20px 20px 22px;
      transform: scale(1, 1);
      overflow-x: hidden;
      overflow-y: auto;
    }

    .products-sort__panel.is-closing .products-sort__panel-head,
    .products-sort__panel.is-closing .products-sort__list {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      margin-top: 0;
      transition:
        opacity 0.24s var(--sort-ease),
        visibility 0s linear 0.24s,
        margin-top 0.24s var(--sort-ease);
    }

    .products-sort__panel.is-closing:not(.is-open) {
      width: 100%;
      min-width: 100%;
      min-height: 0;
      max-height: 58px;
      opacity: 1;
      visibility: visible;
      pointer-events: none;
      padding: 18px 28px;
      background: #fff;
      color: #000;
      border-color: #000;
      transform: scale(1, 1);
      overflow: hidden;
    }

    .products-sort__panel-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      flex-shrink: 0;
    }

    .products-sort__panel-title {
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #8a8a8a;
    }

    .products-sort__close {
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 0;
      border-radius: 50%;
      background: #fff;
      color: #000;
      cursor: pointer;
      flex-shrink: 0;
      padding: 0;
      transition: background 0.2s var(--ease);
    }

    .products-sort__panel.is-open .products-sort__close {
      animation: products-sort-close-in calc(var(--sort-duration) * 0.9) var(--sort-ease) 0.1s both;
    }

    @keyframes products-sort-close-in {
      from {
        opacity: 0;
        transform: scale(0.82);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    .products-sort__close svg {
      width: 16px;
      height: 16px;
      stroke-width: 1.75;
      display: block;
      transform: rotate(0deg);
      transition: transform 0.45s var(--sort-ease);
    }

    .products-sort__close:hover svg,
    .products-sort__close:focus-visible svg {
      transform: rotate(90deg);
    }

    .products-sort__list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 0;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity calc(var(--sort-duration) * 0.72) var(--sort-ease),
        visibility 0s linear calc(var(--sort-duration) * 0.72);
    }

    .products-sort__panel.is-open .products-sort__list {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      margin-top: 18px;
      transition:
        opacity calc(var(--sort-duration) * 0.85) var(--sort-ease) 0.12s,
        visibility 0s linear 0s;
    }

    .products-sort-backdrop {
      position: fixed;
      inset: 0;
      z-index: 1175;
      background: transparent;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .products-sort-backdrop.is-active {
      opacity: 1;
      pointer-events: auto;
    }

    .products-sort__option {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 12px 0;
      border: 0;
      background: none;
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.2px;
      line-height: 1.2;
      color: inherit;
      text-align: left;
      cursor: pointer;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      transition: color 0.25s var(--ease);
    }

    .products-sort__option-text {
      display: inline-block;
      padding-bottom: 3px;
      background-image: linear-gradient(currentColor, currentColor);
      background-size: 0% 2px;
      background-repeat: no-repeat;
      background-position: left calc(100% - 1px);
      transition: background-size 0.35s var(--underline-ease);
    }

    .products-sort__option:hover .products-sort__option-text,
    .products-sort__option:focus-visible .products-sort__option-text {
      background-size: 100% 2px;
    }

    .products-sort__option.is-active {
      color: #8a8a8a;
    }

    .products-sort__option.is-active .products-sort__option-text,
    .products-sort__option.is-active:hover .products-sort__option-text,
    .products-sort__option.is-active:focus-visible .products-sort__option-text {
      background-size: 0% 2px;
    }

    .products-sort__option-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #8a8a8a;
      flex-shrink: 0;
    }

    /* Filters drawer */
    .products-filter-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1160;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .products-filter-backdrop.is-active {
      opacity: 1;
      pointer-events: auto;
    }

    .products-filter-drawer {
      position: fixed;
      top: 0;
      left: 0;
      right: auto;
      width: min(420px, 100%);
      height: calc(100dvh - 0px);
      background: #fff;
      z-index: 1170;
      transform: translate3d(-100%, 0, 0);
      transition: transform 0.72s cubic-bezier(0.7, 0, 0.2, 1);
      display: flex;
      flex-direction: column;
      will-change: transform;
      backface-visibility: hidden;
      box-shadow: 4px 0 24px rgba(0, 0, 0, 0.1);
      overflow: hidden;
    }

    .products-filter-drawer.is-open {
      transform: translate3d(0, 0, 0);
    }

    .products-filter-drawer__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 24px 24px 20px;
      border-bottom: 1px solid #e8e8e8;
      flex-shrink: 0;
    }

    .products-filter-drawer__title {
      font-family: var(--font-display);
      font-size: clamp(1.35rem, 4vw, 1.65rem);
      font-weight: 700;
      letter-spacing: -0.04em;
      line-height: 1;
      margin: 0;
      color: #000;
    }

    .products-filter-drawer__close {
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #d4d4d4;
      border-radius: 50%;
      background: #fff;
      color: #000;
      cursor: pointer;
      flex-shrink: 0;
      position: relative;
      z-index: 2;
      pointer-events: auto;
      transition: background 0.2s var(--ease), transform 0.35s var(--underline-ease);
    }

    .products-filter-drawer__close:hover {
      background: #f5f5f5;
    }

    .products-filter-drawer__close svg {
      width: 16px;
      height: 16px;
      stroke-width: 1.75;
      display: block;
    }

    .products-filter-drawer__close:hover,
    .products-filter-drawer__close:focus-visible {
      transform: rotate(90deg);
    }

    .products-filter-drawer__body {
      flex: 1;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      padding: 0 24px 8px;
    }

    .products-filter-sort-field {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 5px;
      width: 100%;
      margin: 16px 0 4px;
      padding: 14px 16px;
      border: 0;
      border-radius: 6px;
      background: #f5f5f5;
      text-align: left;
      position: relative;
    }

    .products-filter-sort-field--static {
      cursor: default;
      user-select: none;
    }

    .products-filter-sort-field__label {
      font-family: var(--font-display);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.1px;
      color: #888;
    }

    .products-filter-sort-field__value {
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.2px;
      color: #000;
      padding-right: 28px;
    }

    .products-filter-sort-field__chevron {
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      width: 14px;
      height: 14px;
      pointer-events: none;
    }

    .products-filter-group {
      border-bottom: 1px solid #e8e8e8;
    }

    .products-filter-group__toggle {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 18px 0;
      border: 0;
      background: none;
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 600;
      letter-spacing: -0.2px;
      color: #000;
      cursor: pointer;
      text-align: left;
    }

    .products-filter-group__toggle svg {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
      color: #000;
      transform: rotate(0deg);
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .products-filter-group__toggle[aria-expanded="true"] svg {
      transform: rotate(180deg);
    }

    .products-filter-group__panel {
      display: grid;
      grid-template-rows: 0fr;
      overflow: hidden;
      transition: grid-template-rows 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .products-filter-group__panel.is-open {
      grid-template-rows: 1fr;
    }

    .products-filter-group__panel-inner {
      min-height: 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding-bottom: 0;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0.28s cubic-bezier(0.16, 1, 0.3, 1),
        padding-bottom 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .products-filter-group__panel.is-open .products-filter-group__panel-inner {
      padding-bottom: 16px;
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .products-filter-check {
      display: flex;
      align-items: center;
      gap: 12px;
      font-family: var(--font-display);
      font-size: 14px;
      letter-spacing: -0.15px;
      color: #000;
      cursor: pointer;
    }

    .products-filter-check__label {
      flex: 1;
    }

    .products-filter-check__count {
      color: #888;
      font-weight: 400;
    }

    .products-filter-check input {
      appearance: none;
      -webkit-appearance: none;
      width: 18px;
      height: 18px;
      border: 1px solid #c8c8c8;
      border-radius: 5px;
      background: #fff;
      flex-shrink: 0;
      margin: 0;
      cursor: pointer;
      transition: background 0.2s var(--ease), border-color 0.2s var(--ease);
    }

    .products-filter-check input:checked {
      background: #000;
      border-color: #000;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5.2L4.2 8.4L11 1.6' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 11px 9px;
    }

    .products-filter-sizes {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .products-filter-size {
      cursor: pointer;
    }

    .products-filter-size input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    .products-filter-size span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 42px;
      height: 36px;
      padding: 0 10px;
      border: 1px solid #d4d4d4;
      font-family: var(--font-display);
      font-size: 12px;
      font-weight: 500;
      letter-spacing: -0.1px;
      color: #000;
      transition: background 0.2s var(--ease), border-color 0.2s var(--ease);
    }

    .products-filter-size input:checked + span {
      background: #000;
      border-color: #000;
      color: #fff;
    }

    .products-filter-price-fields {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .products-filter-price-field {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .products-filter-price-field__label {
      font-family: var(--font-display);
      font-size: 12px;
      color: #888;
      letter-spacing: -0.1px;
    }

    .products-filter-price-field__input-wrap {
      display: flex;
      align-items: center;
      gap: 8px;
      min-height: 42px;
      padding: 0 12px;
      background: #f5f5f5;
      border: 1px solid #e8e8e8;
      border-radius: 6px;
    }

    .products-filter-price-field__currency {
      font-family: var(--font-display);
      font-size: 14px;
      font-weight: 500;
      color: #000;
    }

    .products-filter-price-field__input-wrap input {
      flex: 1;
      border: 0;
      background: transparent;
      font-family: var(--font-display);
      font-size: 16px;
      font-weight: 500;
      color: #000;
      outline: none;
      min-width: 0;
    }

    .products-filter-price-field__input-wrap input::-webkit-outer-spin-button,
    .products-filter-price-field__input-wrap input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    .products-filter-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 18px 0;
      border-bottom: 1px solid #e8e8e8;
    }

    .products-filter-row__label {
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 600;
      letter-spacing: -0.2px;
      color: #000;
    }

    .products-filter-switch {
      position: relative;
      display: inline-flex;
      cursor: pointer;
    }

    .products-filter-switch input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    .products-filter-switch__track {
      display: block;
      width: 44px;
      height: 24px;
      border-radius: 999px;
      background: #d4d4d4;
      position: relative;
      transition: background 0.25s var(--ease);
    }

    .products-filter-switch__thumb {
      position: absolute;
      top: 3px;
      left: 3px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #fff;
      transition: transform 0.25s var(--ease);
    }

    .products-filter-switch input:checked + .products-filter-switch__track {
      background: #000;
    }

    .products-filter-switch input:checked + .products-filter-switch__track .products-filter-switch__thumb {
      transform: translateX(20px);
    }

    .products-filter-drawer__footer {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 20px 24px calc(24px + env(safe-area-inset-bottom));
      flex-shrink: 0;
    }

    .products-filter-clear {
      width: 100%;
      min-height: 48px;
      border: 1.5px solid #111;
      background: #fff;
      color: #111;
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 600;
      letter-spacing: -0.2px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .products-filter-clear:hover,
    .products-filter-clear:focus-visible {
      background: #f5f5f5;
    }

    .products-filter-clear[hidden] {
      display: none !important;
    }

    .products-filter-apply {
      width: 100%;
      min-height: 52px;
      border: 0;
      background: #000;
      color: #fff;
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 600;
      letter-spacing: -0.2px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }

    .products-filter-apply.is-loading {
      cursor: wait;
      opacity: 0.88;
      pointer-events: none;
    }

    .products-filter-apply.is-loading::before {
      content: "";
      width: 14px;
      height: 14px;
      border: 2px solid rgba(255, 255, 255, 0.35);
      border-top-color: #fff;
      border-radius: 50%;
      flex-shrink: 0;
      animation: products-filter-apply-spin 0.7s linear infinite;
    }

    @keyframes products-filter-apply-spin {
      to {
        transform: rotate(360deg);
      }
    }

    .products-filter-apply:hover,
    .products-filter-apply:focus-visible {
      background: #000;
      color: #fff;
      opacity: 1;
    }

    body.products-filter-open {
      overflow: hidden;
    }

    body.products-filter-open .page-wrap {
      overflow-x: clip;
    }

    body.products-sort-open .products-header {
      position: relative;
      z-index: 1185;
    }

    .products-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 28px 20px;
    }

    .products-recent__viewport[data-carousel-viewport],
    .pd-you-may-like__viewport[data-carousel-viewport] {
      overflow-x: auto;
      overflow-y: visible;
      overscroll-behavior-x: contain;
      touch-action: pan-x;
      scrollbar-width: none;
      -ms-overflow-style: none;
      width: 100%;
      --carousel-card-w: calc((100% - 54px) / 4);
      padding-block: 3px;
    }

    .products-recent__viewport[data-carousel-viewport]::-webkit-scrollbar,
    .pd-you-may-like__viewport[data-carousel-viewport]::-webkit-scrollbar {
      display: none;
    }

    .products-recent__track--carousel {
      display: flex;
      flex-wrap: nowrap;
      gap: 18px;
      width: max-content;
      min-width: 100%;
      user-select: none;
    }

    [data-carousel-viewport] {
      cursor: default;
      scroll-behavior: smooth;
    }

    [data-carousel-viewport][data-carousel-scrollable="true"] {
      cursor: grab;
    }

    [data-carousel-viewport].is-dragging {
      cursor: grabbing;
      scroll-behavior: auto;
    }

    [data-carousel-viewport].is-dragging .product-card,
    [data-carousel-viewport].is-dragging .collection-editorial-card {
      pointer-events: none;
    }

    .products-recent__track--carousel > .product-card {
      flex: 0 0 var(--carousel-card-w, calc((100% - 54px) / 4));
      width: var(--carousel-card-w, calc((100% - 54px) / 4));
      max-width: var(--carousel-card-w, calc((100% - 54px) / 4));
    }

    .products-recent__nav {
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }

    .products-recent__head .products-recent__nav {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      margin-left: auto;
    }

    .products-recent-pager,
    .pd-related-pager {
      font-family: var(--font-display);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: -0.05px;
      color: #666;
      min-width: 88px;
      text-align: center;
    }

    .products-recent__track.is-changing {
      opacity: 0.35;
      transition: opacity 0.28s ease;
    }

    .carousel-nav {
      display: flex;
      gap: 8px;
    }

    .carousel-nav__btn {
      width: auto;
      height: auto;
      min-width: 28px;
      min-height: 28px;
      padding: 4px;
      border: 0;
      border-radius: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      color: #000;
      cursor: pointer;
      transition: color 0.2s var(--ease), opacity 0.2s var(--ease);
    }

    .carousel-nav__btn:hover:not(.is-disabled):not(:disabled) {
      opacity: 0.65;
    }

    .carousel-nav__btn svg {
      width: 18px;
      height: 18px;
      stroke-width: 2.4;
    }

    .carousel-nav__btn.is-disabled,
    .carousel-nav__btn:disabled {
      color: #c4c4c4;
      cursor: default;
      pointer-events: none;
    }

    .product-card {
      display: block;
      text-decoration: none;
      color: #000;
    }

    .product-card__frame {
      border: 1px solid transparent;
      background: #fff;
      transition: border-color 0.25s var(--ease);
    }

    .product-card:hover .product-card__frame,
    .product-card:focus-visible .product-card__frame {
      border-color: #000;
    }

    .product-card__media {
      position: relative;
      width: 100%;
      aspect-ratio: 4 / 5;
      background: #f4f4f4;
      overflow: hidden;
    }

    .product-card__img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition:
        transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1),
        opacity 0.35s ease;
    }

    .product-card__img--primary {
      z-index: 1;
      opacity: 1;
      transform: scale(1);
    }

    .product-card__img--secondary {
      z-index: 2;
      opacity: 0;
      transform: scale(1);
    }

    .product-card__media--has-hover:hover .product-card__img--primary,
    .product-card__media--has-hover:focus-within .product-card__img--primary,
    .product-card:hover .product-card__media--has-hover .product-card__img--primary,
    .product-card:focus-visible .product-card__media--has-hover .product-card__img--primary {
      opacity: 0;
      transform: scale(1);
    }

    .product-card__media--has-hover:hover .product-card__img--secondary,
    .product-card__media--has-hover:focus-within .product-card__img--secondary,
    .product-card:hover .product-card__media--has-hover .product-card__img--secondary,
    .product-card:focus-visible .product-card__media--has-hover .product-card__img--secondary {
      opacity: 1;
    }

    .product-card__media:not(.product-card__media--has-hover):hover .product-card__img--primary,
    .product-card__media:not(.product-card__media--has-hover):focus-within .product-card__img--primary,
    .product-card:hover .product-card__media:not(.product-card__media--has-hover) .product-card__img--primary,
    .product-card:focus-visible .product-card__media:not(.product-card__media--has-hover) .product-card__img--primary {
      transform: scale(1.03);
    }

    .pd-you-may-like .product-card:hover .product-card__img--primary,
    .pd-you-may-like .product-card:focus-visible .product-card__img--primary {
      transform: none;
    }

    .pd-you-may-like .product-card__media--has-hover:hover .product-card__img--primary,
    .pd-you-may-like .product-card__media--has-hover:focus-within .product-card__img--primary,
    .pd-you-may-like .product-card:hover .product-card__media--has-hover .product-card__img--primary,
    .pd-you-may-like .product-card:focus-visible .product-card__media--has-hover .product-card__img--primary {
      opacity: 0;
    }

    .pd-you-may-like .product-card__media--has-hover:hover .product-card__img--secondary,
    .pd-you-may-like .product-card__media--has-hover:focus-within .product-card__img--secondary,
    .pd-you-may-like .product-card:hover .product-card__media--has-hover .product-card__img--secondary,
    .pd-you-may-like .product-card:focus-visible .product-card__media--has-hover .product-card__img--secondary {
      opacity: 1;
    }

    .product-card__media.media-load-frame:not(.is-loaded)::after {
      z-index: 4;
    }

    .product-card__badge {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 3;
      padding: 4px 8px;
      border-radius: 999px;
      background: #e60000;
      color: #fff;
      font-family: var(--font-display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: -0.1px;
    }

    .product-card__badge--sold-out {
      background: #111;
      color: #fff;
    }

    .product-card__meta {
      display: flex;
      flex-direction: column;
      gap: 3px;
      padding: 10px 12px 12px;
    }

    .product-card__name {
      font-family: var(--font-display);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: -0.02px;
      line-height: 1.3;
      color: #000;
    }

    .product-card__price {
      font-family: var(--font-display);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: -0.02px;
      color: #000;
    }

    .products-category-block {
      width: 100%;
      padding-bottom: 8px;
    }

    .products-load-zone {
      position: relative;
      width: 100%;
      min-height: 72px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 16px 0 8px;
    }

    .products-sentinel {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      pointer-events: none;
    }

    .products-loading {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      min-height: 32px;
      margin: 0 auto;
    }

    .products-loading[hidden] {
      display: none;
    }

    .products-loading__dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background-color: #000;
      animation: products-loading-dot 0.9s ease-in-out infinite;
    }

    .products-loading__dot:nth-child(2) {
      animation-delay: 0.15s;
    }

    .products-loading__dot:nth-child(3) {
      animation-delay: 0.3s;
    }

    @keyframes products-loading-dot {
      0%, 80%, 100% {
        transform: translateY(0);
        opacity: 0.3;
      }

      40% {
        transform: translateY(-5px);
        opacity: 1;
      }
    }

    .products-load-end {
      margin: 0 auto;
      width: 100%;
      text-align: center;
      font-family: var(--font-display);
      font-size: 13px;
      letter-spacing: -0.15px;
      color: #666;
      min-height: 32px;
      padding: 4px 16px 0;
    }

    .products-load-end--button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 0;
      padding: 8px 0;
      border: 0;
      background: none;
      color: #000;
      font-family: var(--font-display);
      font-size: 12px;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.12px;
      cursor: pointer;
      text-decoration: none;
      transition: opacity 0.2s var(--ease);
    }

    .products-load-end--button:hover,
    .products-load-end--button:focus-visible {
      background: none;
      color: #000;
      opacity: 0.65;
    }

    .products-load-end--message {
      font-style: italic;
    }

    .products-page-toolbar {
      margin-bottom: 28px;
    }

    .products-page-search-row {
      max-width: 720px;
    }

    .products-load-end[hidden] {
      display: none;
    }

    .btn-loading-dots {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      min-height: 1em;
    }

    .btn-loading-dots__dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: currentColor;
      animation: btn-loading-dot 0.9s ease-in-out infinite;
    }

    .btn-loading-dots__dot:nth-child(2) {
      animation-delay: 0.15s;
    }

    .btn-loading-dots__dot:nth-child(3) {
      animation-delay: 0.3s;
    }

    @keyframes btn-loading-dot {
      0%, 80%, 100% {
        opacity: 0.28;
        transform: scale(0.85);
      }

      40% {
        opacity: 1;
        transform: scale(1);
      }
    }

    .is-loading-dots {
      cursor: wait;
      pointer-events: none;
    }

    .drawer-btn.is-loading-dots,
    .account-submit.is-loading-dots,
    .start-action-trigger.is-loading-dots,
    .products-load-end--button.is-loading-dots,
    .search-drawer__see-all.is-loading-dots {
      opacity: 0.92;
    }

    .drawer-btn.is-loading-dots .btn-loading-dots__dot,
    .account-submit.is-loading-dots .btn-loading-dots__dot,
    .search-drawer__see-all.is-loading-dots .btn-loading-dots__dot {
      background: #fff;
    }

    .products-recent {
      margin-top: 64px;
      padding-top: 56px;
      padding-bottom: 48px;
      border-top: 1px solid #000;
    }

    .products-recent__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 22px;
    }

    .products-recent__head h3 {
      font-family: var(--font-display);
      font-size: clamp(1.35rem, 2.5vw, 1.75rem);
      font-weight: 700;
      letter-spacing: -0.04em;
    }

    @media (max-width: 1200px) {
      .products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 900px) {
      .products-layout {
        top: -20px;
      }

      .products-hero,
      .products-layout {
        padding-left: 16px;
        padding-right: 16px;
      }

      .products-controls {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
      }

      .products-filter-btn {
        align-self: flex-start;
      }

      .products-sort-wrap {
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
      }

      .products-sort {
        flex: 1;
        max-width: 220px;
        padding: 18px 28px;
      }

      .products-sort__panel.is-open {
        width: min(340px, calc(100vw - 24px));
        min-width: min(340px, calc(100vw - 24px));
      }

      .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
      }

      .products-recent {
        margin-top: 48px;
        padding-top: 40px;
      }
    }

    @media (max-width: 560px) {
      .products-page .hero-header.products-hero {
        padding-bottom: 16px;
        padding-left: 10px;
        padding-right: 10px;
      }

      .products-page .hero-header.products-hero .hero-title {
        font-size: 22px;
      }

      .products-page .hero-header.products-hero .hero-subtitle {
        max-width: 100%;
        font-size: 10px;
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }

      .products-controls {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 8px;
        padding-top: 24px;
        padding-bottom: 14px;
      }

      .products-filter-btn {
        flex: 1;
        min-width: 0;
        justify-content: center;
        padding: 10px 12px;
        font-size: 13px;
        gap: 6px;
      }

      .products-filter-btn__icon {
        width: 15px;
        height: 15px;
      }

      .products-sort-wrap {
        flex: 1;
        min-width: 0;
        flex-direction: row;
        align-items: stretch;
        margin-left: 0;
        gap: 0;
      }

      .products-sort__label {
        display: none;
      }

      .products-sort-anchor {
        flex: 1;
        min-width: 0;
        width: auto;
        align-items: stretch;
      }

      .products-sort {
        width: 100%;
        max-width: none;
        padding: 10px 12px;
        font-size: 13px;
      }

      .products-sort[aria-expanded="true"] {
        opacity: 1;
        pointer-events: auto;
      }

      .products-sort-backdrop.is-active {
        background: transparent;
      }

      .products-sort__option {
        font-size: 14px;
        padding: 10px 0;
      }

      .products-search-toolbar__input {
        font-size: clamp(18px, 5.5vw, 28px);
        letter-spacing: -0.8px;
      }

      .products-sort__panel.is-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: min(320px, 92vw);
        min-width: 0;
        max-height: none;
        height: 100dvh;
        transform: translateX(100%);
        transform-origin: center right;
        z-index: 1200;
        border-radius: 0;
        padding: 20px 18px calc(24px + env(safe-area-inset-bottom));
      }

      .products-sort__panel.is-sidebar.is-open {
        width: min(320px, 92vw);
        min-width: 0;
        transform: translateX(0);
      }

      .products-sort-backdrop.is-active {
        background: rgba(0, 0, 0, 0.35);
      }

      body.products-page .products-title,
      .products-title {
        font-size: 25px;
        letter-spacing: -0.40px;
      }

      .product-card__meta {
        padding: 10px 10px 12px;
      }
    }

    /* Editorial layout — wholesale */
    .guides-page .hero-header.guides-hero,
    .guide-post-page .hero-header.guides-hero,
    .faq-page .hero-header.guides-hero,
    body.latest-edit-page .hero-header.guides-hero,
    .about-page .hero-header.about-hero,
    .category-page .hero-header.category-hero,
    body.wholesale-page .hero-header.wholesale-hero {
      display: none;
    }

    body.wholesale-page .editorial-feature img {
      aspect-ratio: 16 / 11;
      min-height: min(50vh, 560px);
      object-position: center;
    }

    body.wholesale-page .editorial-main--full,
    body.wholesale-page .editorial-copy,
    body.wholesale-page .editorial-feature {
      width: 100%;
      min-width: 0;
    }

    .guides-page-main,
    .about-page-main,
    .category-page-main,
    .faq-page-main,
    body.wholesale-page .wholesale-page-main,
    .guide-post-page .guides-page-main {
      width: 100%;
      max-width: none;
      margin: 0 auto;
    }

    .guides-page-layout,
    .editorial-layout--full,
    .faq-page .guides-page-layout,
    .about-page-main .editorial-layout--full,
    body.wholesale-page .editorial-layout--full {
      max-width: none;
      width: 100%;
      margin: 0;
      padding: 8px 28px 80px;
      display: grid;
      grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
      gap: 24px;
    }

    .editorial-body,
    .guides-page-intro__body,
    .guides-page-intro__body p,
    .guide-post__body,
    .faq-item__answer,
    .faq-item__answer p,
    .editorial-copy,
    .editorial-copy p,
    .about-page-main .editorial-copy p,
    body.wholesale-page .editorial-copy p {
      font-family: var(--font-display);
      font-size: 15px;
      line-height: 1.55;
      letter-spacing: -0.25px;
    }

    .guides-page-intro__desc,
    .guides-page-title,
    .guides-page-intro__title,
    .faq-page-title,
    .faq-item__question,
    .guide-post__title,
    .editorial-main-title,
    .editorial-section-kicker,
    .editorial-section-lead {
      letter-spacing: -1.35px;
    }

    @media (max-width: 900px) {
      .editorial-body,
      .guides-page-intro__body,
      .guides-page-intro__body p,
      .guide-post__body,
      .faq-item__answer,
      .faq-item__answer p,
      .editorial-copy,
      .editorial-copy p,
      .about-page-main .editorial-copy p,
      body.wholesale-page .editorial-copy p {
        font-size: 12px;
      }

      .guides-page-intro__desc,
      .guides-page-title,
      .guides-page-intro__title,
      .faq-page-title,
      .faq-item__question,
      .guide-post__title,
      .editorial-main-title,
      .editorial-section-kicker,
      .editorial-section-lead {
        line-height: 1.02;
      }

      .guides-page-layout,
      .editorial-layout--full,
      .faq-page .guides-page-layout,
      .about-page-main .editorial-layout--full,
      body.wholesale-page .editorial-layout--full,
      .guide-post-page .guides-page-main {
        padding: 8px 15px 48px;
        grid-template-columns: 1fr;
        margin: 0;
        max-width: none;
        width: 100%;
      }

      body.about-page .editorial-sidebar,
      body.wholesale-page .editorial-sidebar {
        display: none !important;
      }

      body.about-page .editorial-main--full,
      body.wholesale-page .editorial-main--full,
      body.about-page .editorial-copy,
      body.wholesale-page .editorial-copy,
      body.about-page .editorial-feature,
      body.wholesale-page .editorial-feature {
        width: 100%;
        max-width: none;
      }

      .about-page-main .editorial-copy p,
      body.wholesale-page .editorial-copy p {
        font-size: 13px;
        letter-spacing: -0.4px;
      }

      body.about-page .editorial-main-title,
      body.wholesale-page .editorial-main-title,
      body.about-page .editorial-section-kicker,
      body.wholesale-page .editorial-section-kicker,
      body.about-page .editorial-section-lead,
      body.wholesale-page .editorial-section-lead {
        letter-spacing: -0.65px;
      }
    }

    /* Guides page — card grid */
    .guides-page-head {
      width: 100%;
      max-width: 100%;
      padding: 0 0 14px;
      margin: 0;
    }

    .guides-page-content .guides-page-head {
      grid-column: 1;
    }

    .guides-page-layout--single {
      grid-template-columns: 1fr;
      max-width: 1180px;
      margin: 0 auto;
      padding: 12px clamp(16px, 4vw, 40px) 72px;
    }

    .guides-page-content--full {
      width: 100%;
      min-width: 0;
    }

    .guides-category-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 10px;
      margin: 0 0 20px;
    }

    .guides-category-chip {
      border: 1px solid #000;
      background: #fff;
      color: #000;
      font-family: var(--font-display);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: -0.05px;
      line-height: 1;
      padding: 10px 14px;
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
    }

    .guides-category-chip.is-active,
    .guides-category-chip[aria-current="true"] {
      background: #000;
      color: #fff;
    }

    .guides-page-intro__title {
      font-family: var(--font-heading);
      font-size: clamp(21px, 2.7vw, 37px);
      font-weight: 900;
      letter-spacing: -1.15px;
      line-height: 0.98;
      text-transform: uppercase;
      margin: 0 0 10px;
    }

    .guides-matrix-grid--four {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: clamp(14px, 2vw, 22px);
      width: 100%;
    }

    .guides-blog-card {
      display: flex;
      flex-direction: column;
      text-decoration: none;
      color: #000;
      min-width: 0;
    }

    .guides-blog-card__media {
      aspect-ratio: 3 / 4;
      background: #f4f4f4;
      overflow: hidden;
    }

    .guides-blog-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .guides-blog-card__body {
      padding: 12px 2px 0;
      display: flex;
      flex-direction: column;
      gap: 8px;
      flex: 1;
    }

    .guides-blog-card__title {
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.2px;
      line-height: 1.15;
      margin: 0;
    }

    .guides-blog-card__preview {
      font-family: var(--font-display);
      font-size: 13px;
      font-weight: 500;
      line-height: 1.35;
      letter-spacing: -0.05px;
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .guides-blog-card__meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-top: auto;
      font-size: 12px;
      letter-spacing: -0.05px;
    }

    .guide-post-page .guides-page-main {
      max-width: none;
      margin: 0 auto;
      padding: 8px 28px 72px;
      width: 100%;
    }

    @media (max-width: 900px) {
      .guide-post-page .guides-page-main {
        padding: 8px 15px 56px;
      }

      .guide-post-more__track > .collection-editorial-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
      }

      .guide-post__title {
        font-size: clamp(22px, 6vw, 30px);
        line-height: 1.02;
      }

      .guide-post-more__head {
        flex-wrap: wrap;
        gap: 12px;
      }

      .guide-post-more {
        margin-top: 32px;
        padding-top: 24px;
        padding-bottom: 8px;
      }

      .guide-post-page .guides-page-main {
        padding-bottom: 40px;
      }

      .guide-post-more__nav {
        margin-left: auto;
      }
    }

    .guide-post {
      max-width: 1700px;
      margin: 0 auto;
      padding: 0;
      width: 100%;
    }

    .guide-post__shell {
      width: 100%;
      max-width: 1700px;
      margin: 0 auto;
    }

    .guide-post-more {
      margin-top: 40px;
      padding-top: 28px;
      padding-bottom: 12px;
      border-top: 1px solid #000;
      width: 100%;
    }

    .guide-post-more__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 22px;
    }

    .guide-post-more__viewport {
      width: 100%;
      overflow: hidden;
    }

    .guide-post-more__viewport[data-carousel-viewport] {
      overflow-x: auto;
      overflow-y: hidden;
      overscroll-behavior-x: contain;
      touch-action: pan-x;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .guide-post-more__viewport[data-carousel-viewport]::-webkit-scrollbar {
      display: none;
    }

    .guide-post-more__track {
      display: flex;
      flex-wrap: nowrap;
      gap: clamp(14px, 2vw, 22px);
      width: max-content;
      min-width: 100%;
    }

    .guide-post-more__track > .collection-editorial-card {
      flex: 0 0 var(--carousel-card-w, 280px);
      width: var(--carousel-card-w, 280px);
      max-width: var(--carousel-card-w, 280px);
    }

    .guide-post-more__track > .collection-editorial-card .card-media-viewport {
      aspect-ratio: 4 / 5;
      min-height: 0;
    }

    .guide-post-more__track > .collection-editorial-card .card-editorial-title {
      display: none;
    }

    @media (max-width: 900px) {
      .guide-post-more__viewport[data-carousel-viewport] {
        scroll-snap-type: x mandatory;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
      }

      .guide-post-more__track {
        gap: 0;
        width: max-content;
        min-width: 100%;
      }

      .guide-post-more__track > .collection-editorial-card {
        flex: 0 0 var(--carousel-card-w, 100%) !important;
        width: var(--carousel-card-w, 100%) !important;
        max-width: var(--carousel-card-w, 100%) !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        flex-direction: column;
        overflow: hidden;
        box-sizing: border-box;
      }

      .guide-post-more__track > .collection-editorial-card .card-media-viewport {
        display: block;
        position: relative;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        aspect-ratio: auto;
        height: auto;
        min-height: calc(min(100vw - 30px, 280px) * 1.25);
        overflow: hidden;
        background-color: #f6f6f6;
        flex: none;
      }

      .guide-post-more__track > .collection-editorial-card .card-media-viewport img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 1 !important;
      }

      .guide-post-more__track > .collection-editorial-card .card-typography-overlay {
        display: none;
      }

      .guide-post-more__track > .collection-editorial-card .card-description-block {
        width: 100%;
        max-width: 100%;
        padding-top: 12px;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .guide-post-more__track > .collection-editorial-card .card-editorial-title {
        display: block;
        font-family: var(--font-heading);
        font-size: clamp(17px, 4.8vw, 20px);
        font-weight: 700;
        letter-spacing: -0.4px;
        line-height: 1.25;
        margin: 0 0 8px;
        text-wrap: pretty;
        overflow-wrap: anywhere;
      }

      .guide-post-more__track > .collection-editorial-card .card-description-paragraph {
        text-wrap: pretty;
        line-height: 1.35;
        overflow-wrap: anywhere;
        max-width: 100%;
      }

      .guide-post-more__track > .collection-editorial-card .card-action-bar-row {
        flex-wrap: wrap;
        gap: 8px;
      }
    }

    .guide-post__hero {
      width: 100%;
      height: 350px;
      max-height: 350px;
      aspect-ratio: auto;
      background: #f4f4f4;
      overflow: hidden;
      margin-bottom: 20px;
    }

    .guide-post__hero img,
    .guide-post__figure img {
      width: 100%;
      height: 350px;
      max-height: 350px;
      object-fit: cover;
      display: block;
    }

    .guide-post__figure {
      margin: 20px 0 0;
      height: 350px;
      max-height: 350px;
      aspect-ratio: auto;
      background: #f4f4f4;
      overflow: hidden;
    }

    @media (max-width: 900px) {
      .guide-post__hero,
      .guide-post__figure {
        height: clamp(200px, 56vw, 280px);
        max-height: clamp(200px, 56vw, 280px);
      }

      .guide-post__hero img,
      .guide-post__figure img {
        height: 100%;
        max-height: none;
      }
    }

    .guide-post__meta {
      font-size: 12px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #666;
      margin: 0 0 10px;
    }

    .guide-post__title {
      font-family: var(--font-heading);
      font-size: clamp(28px, 4vw, 42px);
      font-weight: 900;
      letter-spacing: -1px;
      line-height: 1.02;
      margin: 0 0 18px;
    }

    .guide-post__body {
      font-family: var(--font-display);
    }

    .guide-post__body p {
      margin: 0 0 1em;
    }

    .guide-post__body strong,
    .guide-post__body b {
      font-weight: 700;
    }

    .guide-post-more__title {
      font-family: var(--font-display);
      font-size: clamp(1.35rem, 2.5vw, 1.75rem);
      font-weight: 700;
      letter-spacing: -0.04em;
      margin: 0;
    }

    @media (max-width: 1100px) {
      .guides-matrix-grid--four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    .faq-page-main {
      width: 100%;
      max-width: none;
      margin: 0 auto;
    }

    .faq-page .guides-page-layout {
      grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
      gap: 24px;
    }

    .faq-page .guides-page-content {
      width: 100%;
      max-width: none;
    }

    .faq-page-head {
      margin-bottom: 18px;
      padding-top: 0;
    }

    .faq-page .guides-sidebar-list a {
      letter-spacing: -0.02em;
      font-size: 14px;
    }

    .faq-page-title {
      font-family: var(--font-heading);
      font-size: clamp(21px, 2.7vw, 37px);
      font-weight: 900;
      letter-spacing: -1.35px;
      line-height: 0.98;
      text-transform: uppercase;
      margin: 0;
    }

    .faq-page-panel {
      display: flex;
      flex-direction: column;
      gap: 20px;
      width: 100%;
      max-width: none;
    }

    .faq-item {
      letter-spacing: -0.01em;
    }

    .faq-item__question {
      font-family: var(--font-heading);
      font-size: clamp(18px, 2.2vw, 28px);
      font-weight: 900;
      letter-spacing: -1.35px;
      line-height: 1.08;
      text-transform: uppercase;
      margin: 0 0 8px;
    }

    .faq-item__answer {
      max-width: none;
      width: 100%;
      color: rgba(0, 0, 0, 0.88);
    }

    .faq-item__answer p {
      margin: 0 0 0.55em;
    }

    .faq-item__answer p:last-child {
      margin-bottom: 0;
    }

    .faq-item__answer ul {
      margin: 0 0 1em;
      padding-left: 1.2em;
    }

    .faq-item__answer li {
      margin-bottom: 0.35em;
    }

    .faq-item__answer a {
      color: #000;
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    .faq-page-images {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(12px, 2vw, 20px);
      margin-top: 48px;
      width: 100%;
    }

    .faq-page-image {
      aspect-ratio: 3 / 4;
      background: #f4f4f4;
      overflow: hidden;
      margin: 0;
    }

    .faq-page-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    @media (max-width: 900px) {
      .faq-page-images {
        grid-template-columns: 1fr;
        max-width: 420px;
      }
    }

    @media (max-width: 768px) {
      .faq-page .guides-page-layout {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 8px 15px 48px;
      }

      .faq-page .guides-page-sidebar {
        display: none !important;
      }

      .faq-page-title {
        font-size: clamp(22px, 6.5vw, 32px);
      }
    }

    @media (max-width: 640px) {
      .guides-matrix-grid--four {
        grid-template-columns: 1fr;
      }

      .guides-category-chips {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
      }

      .guides-category-chip {
        flex: 0 0 auto;
      }
    }

    .guides-page-sidebar {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      min-height: calc(100vh - 280px);
      position: sticky;
      top: 40px;
      padding-top: 6px;
    }

    .guides-sidebar-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .guides-sidebar-list li {
      padding: 0;
      margin: 0;
      line-height: 1.35;
    }

    .guides-sidebar-list a {
      position: relative;
      text-decoration: none;
      color: #000;
      font-family: var(--font-heading);
      font-size: 15px;
      font-weight: 900;
      text-transform: uppercase;
      display: inline-block;
      align-self: flex-start;
      letter-spacing: -0.35px;
      padding: 0;
      transition: color 0.2s var(--ease);
    }

    .guides-sidebar-list a::after {
      display: none;
    }

    .guides-sidebar-list a:hover,
    .guides-sidebar-list a:focus-visible {
      color: #b0b0b0;
    }

    .guides-sidebar-list a.is-active {
      color: #b0b0b0;
    }

    .guides-page-content {
      display: flex;
      flex-direction: column;
      gap: 10px;
      min-width: 0;
    }

    .guides-search-toolbar .products-search-toolbar__filter,
    .guides-search-toolbar .products-search-toolbar__count,
    .guides-page-results-count {
      letter-spacing: -0.5px;
    }

    .guides-search-toolbar .products-search-toolbar__filter {
      font-size: 15px;
    }

    .guides-search-toolbar .products-search-toolbar__count,
    .guides-page-results-count {
      font-size: 16px;
      font-weight: 700;
    }

    .guides-search-toolbar {
      width: 100%;
      margin-bottom: 12px;
    }

    .guides-search-toolbar .guides-page-search__input::placeholder {
      color: #d8d8d8;
      opacity: 1;
    }

    .guides-search-toolbar .guides-page-search__input:not(:placeholder-shown) {
      color: #000;
    }

    .guides-search-toolbar .products-search-toolbar__filter.has-filters {
      text-decoration: none;
    }

    .guides-search-toolbar .products-search-toolbar__filter-badge {
      right: -10px;
    }

    .products-filter-check--radio input {
      border-radius: 50%;
    }

    .guides-filter-empty {
      margin: 0;
      font-family: var(--font-display);
      font-size: 14px;
      color: #666;
    }

    .guides-page-toolbar {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
      width: 100%;
      margin-bottom: 10px;
    }

    .guides-page-controls {
      width: 100%;
      margin-top: 4px;
    }

    .guides-page-search-row {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
      width: 100%;
    }

    .guides-page-search {
      display: block;
      flex: 1 1 auto;
      min-width: 0;
    }

    .guides-page-search__input {
      width: 100%;
      border: 0;
      background: transparent;
      padding: 0;
      font-family: var(--font-heading);
      font-size: clamp(21px, 2.7vw, 37px);
      font-weight: 900;
      letter-spacing: -1.15px;
      text-transform: uppercase;
      line-height: 0.98;
      color: #000;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
    }

    .guides-page-search__input::placeholder {
      color: #d8d8d8;
      opacity: 1;
    }

    .guides-page-search__input::-webkit-search-decoration,
    .guides-page-search__input::-webkit-search-cancel-button {
      display: none;
    }

    .guides-page-search__clear {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      margin-top: 2px;
      padding: 0;
      border: 0;
      background: transparent;
      color: #000;
      cursor: pointer;
      opacity: 1;
    }

    .guides-page-search__clear:hover,
    .guides-page-search__clear:focus-visible {
      opacity: 0.55;
    }

    .guides-page-search__clear svg {
      width: 24px;
      height: 24px;
      stroke: #000;
      stroke-width: 3.5;
    }

    .guides-page-results-count {
      align-self: flex-end;
      margin: 0;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: -0.5px;
      text-transform: uppercase;
      color: #8a8a8a;
      text-align: right;
    }

    .guides-page-intro {
      display: flex;
      flex-direction: column;
      gap: 14px;
      width: 100%;
      max-width: none;
      margin-bottom: 24px;
    }

    .guides-page-intro__desc {
      margin: 0;
      font-family: var(--font-heading);
      font-size: clamp(21px, 2.7vw, 37px);
      font-weight: 900;
      letter-spacing: -1.35px;
      line-height: 0.98;
      text-transform: uppercase;
      color: #000;
      width: 100%;
      max-width: none;
    }

    .guides-page-intro__body {
      display: flex;
      flex-direction: column;
      gap: 12px;
      width: 100%;
      max-width: none;
    }

    .guides-page-intro__body p {
      margin: 0;
      font-weight: 400;
      color: #000;
      width: 100%;
      max-width: none;
    }

    .guides-page-empty {
      grid-column: 1 / -1;
      margin: 48px 0 24px;
      font-size: 14px;
      color: #8a8a8a;
    }

    .guides-page-empty--center {
      text-align: center;
      width: 100%;
    }

    .guides-page-title {
      font-family: var(--font-heading);
      font-size: clamp(21px, 2.7vw, 37px);
      font-weight: 900;
      letter-spacing: -1.15px;
      line-height: 0.98;
      text-transform: uppercase;
      margin: 0 0 8px;
    }

    .guides-page-intro {
      font-family: var(--font-display);
      font-size: 14px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: -0.05px;
      color: #333;
      margin: 0 0 8px;
      max-width: 100%;
    }

    .guides-matrix-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      column-gap: clamp(18px, 2.5vw, 28px);
      row-gap: clamp(28px, 3vw, 40px);
      width: 100%;
    }

    .menu-page-nav {
      display: none !important;
    }

    .menu-list--guides-nav {
      display: none;
    }

    .menu-list--guides-nav a {
      position: relative;
      color: #000;
      font-size: 15px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: -0.4px;
      padding: 0;
      transition: color 0.2s var(--ease);
    }

    .menu-list--guides-nav a::after {
      display: none;
    }

    .menu-list--guides-nav a:hover,
    .menu-list--guides-nav a:focus-visible {
      color: #b0b0b0;
    }

    .menu-list--guides-nav a.is-active {
      color: #b0b0b0;
    }

    .collections-panel-page-nav {
      display: none;
    }

    .collections-panel-sidebar-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .collections-panel-sidebar-list button {
      color: #000;
    }

    .collections-panel-sidebar-list li {
      line-height: 1.2;
    }

    .collections-panel-sidebar-list button.is-active,
    .editorial-sidebar-list button.is-active,
    .menu-list--editorial-nav button.is-active {
      color: #b0b0b0;
    }

    .menu-page-nav .menu-list--guides-nav,
    .menu-page-nav .menu-list--editorial-nav {
      order: 1;
    }

    .menu-page-nav .menu-editorial-feature,
    .menu-page-nav .menu-page-feature {
      order: 2;
      margin-top: 4px;
    }

    .editorial-layout {
      max-width: none;
      width: 100%;
      margin: 0;
      padding: 12px 28px 80px;
      display: grid;
      grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
      gap: 24px;
    }

    body.about-page .editorial-main-title {
      display: none;
    }

    .editorial-section-kicker {
      margin: 0 0 14px;
      font-family: var(--font-heading);
      font-size: clamp(22px, 2.8vw, 34px);
      font-weight: 900;
      letter-spacing: -0.45px;
      line-height: 1.08;
      text-transform: uppercase;
      color: #000;
    }

    body.about-page .editorial-sidebar-list button,
    body.about-page .editorial-copy p,
    body.about-page .editorial-section-lead {
      letter-spacing: -0.15px;
    }

    .editorial-section-lead {
      margin: 0 0 12px;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.65;
      color: #000;
    }

    body.about-page .editorial-copy p {
      font-size: 15px;
      line-height: 1.65;
    }

    body.about-page .editorial-feature img {
      width: 100%;
    }

    .editorial-sidebar {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      min-height: calc(100vh - 280px);
      position: sticky;
      top: 40px;
      padding-top: 6px;
    }

    .editorial-sidebar-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .editorial-sidebar-list li {
      padding: 0;
      margin: 0;
      line-height: 1.35;
    }

    .editorial-sidebar-list button,
    .menu-list--editorial-nav button,
    .collections-panel-sidebar-list button {
      position: relative;
      border: none;
      background: none;
      cursor: pointer;
      text-align: left;
      font: inherit;
      color: #000;
      font-family: var(--font-heading);
      font-size: 15px;
      font-weight: 900;
      text-transform: uppercase;
      display: inline-block;
      align-self: flex-start;
      letter-spacing: -0.35px;
      padding: 0;
      transition: color 0.2s var(--ease);
    }

    .menu-list--editorial-nav button {
      font-size: 15px;
      font-weight: 600;
      letter-spacing: -0.2px;
    }

    .editorial-sidebar-list button::after,
    .menu-list--editorial-nav button::after,
    .collections-panel-sidebar-list button::after {
      display: none;
    }

    .editorial-sidebar-list button:hover,
    .editorial-sidebar-list button:focus-visible,
    .menu-list--editorial-nav button:hover,
    .menu-list--editorial-nav button:focus-visible,
    .collections-panel-sidebar-list button:hover,
    .collections-panel-sidebar-list button:focus-visible {
      color: #b0b0b0;
    }

    .menu-list--editorial-nav {
      display: none;
      margin-top: 18px;
      padding-top: 18px;
      border-top: 1px solid #eee;
    }

    .menu-editorial-feature {
      display: none;
      margin-top: 18px;
    }

    .menu-editorial-feature .collection-editorial-card,
    .menu-editorial-feature .editorial-simple-card,
    .menu-page-feature .collection-card {
      max-width: 280px;
      margin-left: auto;
    }

    .menu-page-feature .collection-card,
    .menu-editorial-feature .collection-card {
      aspect-ratio: 3 / 4;
    }

    .editorial-main {
      display: flex;
      flex-direction: column;
      gap: 10px;
      min-width: 0;
    }

    .editorial-main-title {
      font-family: var(--font-heading);
      font-size: clamp(28px, 3.2vw, 42px);
      font-weight: 900;
      letter-spacing: -2px;
      text-transform: uppercase;
      line-height: 1.05;
      color: #000;
      word-spacing: 2px;
    }

    .editorial-panel {
      display: block;
    }

    .editorial-section {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .editorial-section[hidden] {
      display: none !important;
    }

    .editorial-copy {
      display: flex;
      flex-direction: column;
      gap: 0;
      width: 100%;
      max-width: none;
    }

    .editorial-copy p {
      font-family: var(--font-display);
      font-size: 14px;
      line-height: 1.32;
      letter-spacing: -0.45px;
      color: #000;
    }

    .editorial-feature {
      width: 100%;
      margin: 0;
      overflow: hidden;
      background: #f6f6f6;
    }

    .editorial-feature img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
      aspect-ratio: 16 / 9;
    }

    .editorial-card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: 20px;
      row-gap: 32px;
      width: 100%;
    }

    .editorial-card-grid--single {
      grid-template-columns: minmax(0, 360px);
    }

    .editorial-simple-card {
      display: flex;
      flex-direction: column;
      gap: 10px;
      text-decoration: none;
      color: #000;
    }

    .editorial-simple-card__media {
      aspect-ratio: 3 / 4;
      overflow: hidden;
      background: #f6f6f6;
    }

    .editorial-simple-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .editorial-simple-card:hover .editorial-simple-card__media img {
      transform: scale(1.03);
    }

    .editorial-simple-card__label {
      font-family: var(--font-heading);
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.3px;
      text-transform: uppercase;
    }

    .collection-editorial-card {
      display: flex;
      flex-direction: column;
      width: 100%;
      text-decoration: none;
      color: #000;
    }

    .card-media-viewport {
      position: relative;
      width: 100%;
      aspect-ratio: 3 / 4;
      background-color: #f6f6f6;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .card-media-viewport::before {
      content: '';
      position: absolute;
      inset: 0;
      background-color: rgba(0, 0, 0, 0.12);
      z-index: 1;
      transition: background-color 0.4s ease;
    }

    .card-media-viewport img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .collection-editorial-card:hover .card-media-viewport img {
      transform: scale(1.03);
    }

    .collection-editorial-card:hover .card-media-viewport::before {
      background-color: rgba(0, 0, 0, 0.22);
    }

    .card-typography-overlay {
      position: absolute;
      z-index: 3;
      width: 90%;
      text-align: center;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      pointer-events: none;
    }

    .card-typography-overlay h2 {
      font-family: var(--font-heading);
      font-size: 25px;
      font-weight: 700;
      letter-spacing: -1px;
      text-transform: uppercase;
      line-height: 1.2;
    }

    .card-description-block {
      padding-top: 8px;
      display: flex;
      flex-direction: column;
      gap: 3px;
    }

    .card-description-paragraph {
      font-family: var(--font-display);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.3;
      letter-spacing: -0.45px;
      color: #000;
      text-align: left;
    }

    .card-action-bar-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 400;
      color: #000;
    }

    .read-more-link-text {
      font-weight: 400;
      color: #000;
    }

    .collection-editorial-card:hover .read-more-link-text,
    .collection-editorial-card:focus-visible .read-more-link-text,
    .guides-blog-card:hover .read-more-link-text,
    .guides-blog-card:focus-visible .read-more-link-text,
    .guides-panel-category-card:hover .read-more-link-text,
    .guides-panel-category-card:focus-visible .read-more-link-text {
      color: #000;
      font-weight: 400;
      background-size: 100% var(--link-underline-size);
    }

    .read-more-link-text::after {
      display: none;
    }

    @media (max-width: 1100px) {
      .guides-page-layout {
        grid-template-columns: 180px 1fr;
        padding: 30px 24px 60px;
      }

      .guides-matrix-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .editorial-layout {
        grid-template-columns: 180px 1fr;
        padding: 30px 24px 60px;
      }

      .editorial-card-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 768px) {
      .guides-page-layout {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 20px 15px 48px;
      }

      .guides-page-sidebar {
        display: none;
      }

      .guides-matrix-grid {
        grid-template-columns: 1fr;
      }

      .editorial-layout {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 20px 15px 48px;
      }

      .editorial-sidebar {
        display: none;
      }

      .editorial-card-grid {
        grid-template-columns: 1fr;
      }
    }

    /* Mobile typography — unified body + heading scale */
    @media (max-width: 768px) {
      :root {
        --site-body-size: 13px;
        --mobile-body-size: 13px;
        --mobile-body-lh: 1.35;
        --mobile-heading-size: 1.35rem;
        --mobile-heading-lh: 1.08;
      }

      .logo-wrapper .tm-mark {
        font-size: 13px;
      }

      .sx-footer-brand .tm-mark,
      .sx-col3-logo .tm-mark {
        font-size: 11px;
      }

      body {
        font-size: var(--mobile-body-size);
        line-height: var(--mobile-body-lh);
      }

      .not-found-hero__title,
      .not-found-code,
      .search-empty-state__title,
      .search-empty-state__hint,
      .products-search-toolbar__filter,
      .products-search-toolbar__count,
      .le-product-card__title,
      .le-product-card__price {
        letter-spacing: -0.005em;
      }

      .search-empty-state__title,
      .search-empty-state__hint,
      .products-search-toolbar__filter,
      .products-search-toolbar__count,
      .guides-page-results-count,
      .le-product-card__title,
      .le-product-card__price {
        font-size: var(--mobile-body-size) !important;
        line-height: var(--mobile-body-lh);
      }

      .not-found-hero__title {
        font-size: var(--mobile-heading-size) !important;
        line-height: var(--mobile-heading-lh);
      }

      .search-empty-state__title,
      .search-empty-state__hint {
        font-size: var(--mobile-body-size) !important;
        font-weight: 500 !important;
        line-height: var(--mobile-body-lh);
      }

      .not-found-code {
        font-size: clamp(4.5rem, 22vw, 6.5rem) !important;
        line-height: 0.85;
      }

      .products-search-toolbar__filter {
        font-size: 15px !important;
        font-weight: 700 !important;
        letter-spacing: -0.5px !important;
      }

      .products-search-toolbar__count,
      .guides-page-results-count {
        font-size: 16px !important;
        font-weight: 700 !important;
        letter-spacing: -0.5px !important;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .hero-title,
      .guides-page-intro__desc,
      .guides-page-search__input,
      .faq-page-title,
      .editorial-main-title,
      .guide-post__title,
      .faq-item__question,
      .collection-main-title,
      .main-heading,
      .editorial-heading,
      .capabilities-title,
      .about-seamx-title,
      .manufacturing-title,
      .category-label,
      .collection-title-text,
      .cart-empty__title,
      .account-aside__title,
      .account-card__title,
      .editorial-card__title,
      .guides-matrix-card__title,
      .category-card__title,
      .drawer__title,
      .drawer__tab,
      .le-hero__title,
      .le-section__title,
      .menu-sidebar-promo__title,
      .pricing-calculator__heading,
      .pricing-calculator__dialog-title,
      .products-recent__head h3,
      .faq-pricing-layout__title {
        font-size: var(--mobile-heading-size) !important;
        line-height: var(--mobile-heading-lh);
        letter-spacing: -0.02em;
      }

      /* Dropdown catalog titles stay compact (override mobile heading scale) */
      .header-dropdown .collection-title,
      .header-dropdown .collection-title-text,
      .header-dropdown .catalog-title-interactive,
      .header-dropdown .promo-card-overlay h4,
      .header-dropdown .collection-card .collection-title,
      .header-dropdown .collection-card .collection-title-text {
        font-size: 13px !important;
        letter-spacing: -0.35px !important;
        line-height: 1.15 !important;
      }

      .header-dropdown .arrow-icon-svg,
      .header-dropdown .collection-arrow {
        width: 12px;
        height: 12px;
        margin: 0 0 1px;
      }

      .header-dropdown .arrow-icon-svg svg,
      .header-dropdown .collection-arrow svg {
        width: 12px;
        height: 12px;
        display: block;
      }

      .search-drawer__input {
        font-size: 16px !important;
        line-height: var(--mobile-body-lh);
        letter-spacing: -0.005em;
      }

      p,
      li,
      small,
      .hero-subtitle,
      .faq-item__answer,
      .faq-item__answer p,
      .editorial-body,
      .editorial-body p,
      .guides-page-intro__body,
      .guides-page-intro__body p,
      .guide-post__body,
      .guide-post__body p,
      .account-aside__lead,
      .account-card__subtitle,
      .account-panel__copy,
      .search-result__title,
      .drawer-collection__label,
      .about-seamx-paragraph,
      .manufacturing-description,
      .brand-intro p,
      .showcase-wrapper p,
      .sx-footer-about p,
      .sx-col-heading,
      .sx-list li,
      .sx-note,
      .sx-meta,
      .sx-seam-line,
      .directory-column h3,
      .directory-link-text,
      .collections-panel-sidebar-list button,
      .card-description-paragraph,
      .le-hero__copy,
      .le-section__desc,
      .pricing-calculator__product-name,
      .pricing-calculator__product-desc,
      .pricing-calculator__stat-label,
      .pricing-calculator__stat-value,
      .guides-page-results-count,
      .products-breadcrumb,
      .products-breadcrumb a {
        font-size: var(--mobile-body-size) !important;
        line-height: var(--mobile-body-lh);
        letter-spacing: -0.005em;
      }

      .cart-empty__text,
      .recent-line__title,
      .recent-line__price,
      .search-result__meta,
      .search-empty-msg,
      .cart-footer__note,
      .cart-footer__subtotal-label,
      .cart-footer__subtotal-value,
      .cart-utility span,
      .drawer-btn,
      .menu-sidebar-promo__eyebrow {
        font-size: var(--mobile-body-size) !important;
        line-height: var(--mobile-body-lh);
        letter-spacing: -0.005em;
      }

      .page-wrap {
        overflow-x: clip;
      }

      .production-showcase-section {
        padding: 24px 0 32px;
      }

      .production-showcase__grid {
        grid-template-columns: 1fr;
        row-gap: 16px;
      }

      .production-showcase__story-media {
        grid-column: 1;
        grid-row: auto;
        aspect-ratio: 4 / 5;
      }

      .production-showcase__products {
        grid-column: 1;
        grid-row: auto;
        grid-template-rows: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .production-showcase-card .product-card__media {
        flex: none;
        aspect-ratio: 3 / 4;
        min-height: 0;
        height: auto;
      }

      .production-showcase__process {
        grid-column: 1;
        grid-row: auto;
      }

      .production-showcase__process.about-seamx-icons-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px 4px;
        padding: 0;
      }

      body.index-page .hero-header,
      body.index-page .category-container,
      body.index-page .brand-intro,
      body.index-page .showcase-wrapper,
      body.index-page .editorial-container,
      body.index-page .arrival-grid-container,
      body.index-page .capabilities-showcase,
      body.index-page .product-showcase,
      body.index-page .collection-layout-wrapper,
      body.index-page .category-slider-section,
      body.index-page .production-showcase-section,
      body.index-page .about-seamx-section,
      body.index-page .manufacturing-section {
        padding-left: 13px;
        padding-right: 13px;
        box-sizing: border-box;
      }

      body.index-page .category-container,
      body.index-page .manufacturing-section {
        padding-left: 13px;
        padding-right: 13px;
      }

      body.index-page .logo-section {
        padding-left: 13px;
        padding-right: 13px;
        box-sizing: border-box;
      }

      .about-seamx-section {
        padding: 32px 13px 40px;
      }

      .about-seamx-container {
        gap: 24px;
      }

      .about-seamx-title {
        font-size: clamp(1.5rem, 7vw, 2rem);
      }

      .about-seamx-icons-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px 4px;
        padding: 10px 0;
      }

      .about-seamx-icon-item {
        min-width: 0;
      }

      .about-seamx-icon-wrapper {
        width: 48px;
        height: 48px;
      }

      .about-seamx-icon-text {
        font-size: 11px !important;
        line-height: 1.05;
        letter-spacing: -0.15px;
        max-width: 100%;
        overflow-wrap: anywhere;
        hyphens: auto;
      }
    }

    body.guide-post-page .bottom-nav a[data-header-dropdown="guides"] {
      color: inherit;
    }

    .sx-footer-currency-wrap {
      margin-top: 28px;
      width: 100%;
      max-width: 220px;
      position: relative;
      z-index: 40;
      overflow: visible;
    }

    .currency-selector--footer {
      --cs-border: rgba(255, 255, 255, 0.42);
      --cs-text: #ffffff;
      --cs-muted: rgba(255, 255, 255, 0.62);
      --cs-bg: #000000;
      --cs-hover: rgba(255, 255, 255, 0.08);
      width: 100%;
      max-width: 100%;
      background: #000;
    }

    .sx-footer,
    .sx-footer-bottom,
    .sx-col3 {
      overflow: visible;
    }

    .currency-selector--footer.open {
      z-index: 50;
    }

    .currency-selector {
      --cs-border: #111111;
      --cs-text: #111111;
      --cs-muted: #6b6b6b;
      --cs-bg: #ffffff;
      --cs-hover: #f4f4f4;
      --cs-radius: 4px;
      width: 100%;
      position: relative;
      box-sizing: border-box;
      font-family: var(--font-display, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
    }

    .currency-selector *,
    .currency-selector *::before,
    .currency-selector *::after {
      box-sizing: border-box;
    }

    .currency-selector--footer .cs-trigger:focus-visible {
      outline-color: #fff;
    }

    .currency-selector--footer .cs-chevron path {
      stroke: #fff;
    }

    .currency-selector--footer .cs-search {
      background: rgba(255, 255, 255, 0.06);
      border-color: rgba(255, 255, 255, 0.22);
      color: #fff;
    }

    .currency-selector--footer .cs-search:focus {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.55);
    }

    .currency-selector--footer .cs-search-wrap {
      border-bottom-color: rgba(255, 255, 255, 0.14);
    }

    .currency-selector--footer .cs-option {
      color: #fff;
    }

    .currency-selector--footer .cs-option-currency {
      color: rgba(255, 255, 255, 0.62);
    }

    .currency-selector--footer .cs-check {
      color: #fff;
    }

    .currency-selector--footer .cs-empty {
      color: rgba(255, 255, 255, 0.62);
    }

    .cs-panel-head {
      display: none;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 14px 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .cs-panel-title {
      font-size: 14px;
      font-weight: 600;
      color: var(--cs-text);
    }

    .cs-panel-close {
      width: 34px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--cs-border);
      border-radius: 50%;
      background: transparent;
      color: var(--cs-text);
      cursor: pointer;
      flex-shrink: 0;
      padding: 0;
    }

    .cs-panel-close svg {
      width: 14px;
      height: 14px;
      display: block;
    }

    .currency-popup-backdrop {
      position: fixed;
      inset: 0;
      z-index: 10040;
      background: rgba(0, 0, 0, 0.52);
      border: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
    }

    .currency-popup-backdrop[hidden] {
      display: none !important;
    }

    body.currency-popup-open {
      overflow: hidden;
    }

    body.currency-popup-open .page-loading-bar {
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .cs-label {
      display: block;
      font-size: 12px;
      color: var(--cs-muted);
      margin-bottom: 6px;
    }

    .cs-trigger {
      width: 100%;
      max-width: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      background: var(--cs-bg);
      border: 1.5px solid var(--cs-border);
      border-radius: var(--cs-radius);
      padding: 11px 13px;
      font-size: 14px;
      font-weight: 500;
      font-family: inherit;
      color: var(--cs-text);
      cursor: pointer;
      text-align: left;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
    }

    .cs-trigger:focus-visible {
      outline: 2px solid #111111;
      outline-offset: 2px;
    }

    .cs-trigger-label {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .cs-skeleton {
      color: var(--cs-muted);
      font-weight: 400;
    }

    .cs-chevron {
      flex-shrink: 0;
      transition: transform 0.15s ease;
    }

    .currency-selector.open .cs-chevron {
      transform: rotate(180deg);
    }

    .cs-panel {
      position: absolute;
      top: calc(100% + 4px);
      left: 0;
      right: 0;
      width: 100%;
      min-width: 0;
      max-width: none;
      box-sizing: border-box;
      background: var(--cs-bg);
      border: 1.5px solid var(--cs-border);
      border-radius: var(--cs-radius);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
      z-index: 50;
      display: none;
      overflow: hidden;
    }

    .currency-selector.open .cs-panel {
      display: block;
    }

    .cs-search-wrap {
      padding: 8px;
      border-bottom: 1px solid #e6e6e6;
    }

    .cs-search {
      width: 100%;
      border: 1px solid #d8d8d8;
      border-radius: var(--cs-radius);
      padding: 8px 9px;
      font-size: 16px;
      font-family: inherit;
      background: #fafafa;
    }

    .cs-search:focus {
      outline: none;
      border-color: var(--cs-border);
      background: #fff;
    }

    .cs-list {
      max-height: 280px;
      overflow-y: auto;
      list-style: none;
      margin: 0;
      padding: 5px;
    }

    .cs-option {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 9px;
      border-radius: 3px;
      cursor: pointer;
      font-size: 13px;
      font-family: inherit;
      color: var(--cs-text);
    }

    .cs-option:hover,
    .cs-option.active,
    .cs-option.selected {
      background: var(--cs-hover);
    }

    .cs-option-name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .cs-option-meta {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-shrink: 0;
    }

    .cs-option-currency {
      color: var(--cs-muted);
      font-size: 12px;
    }

    .cs-check {
      flex-shrink: 0;
      opacity: 0;
    }

    .cs-option.selected .cs-check {
      opacity: 1;
    }

    .cs-empty {
      padding: 14px 9px;
      color: var(--cs-muted);
      font-size: 13px;
      text-align: center;
    }

    /* Footer currency — must follow base .currency-selector so vars win */
    .currency-selector.currency-selector--footer {
      --cs-border: rgba(255, 255, 255, 0.42);
      --cs-text: #ffffff;
      --cs-muted: rgba(255, 255, 255, 0.62);
      --cs-bg: #000000;
      --cs-hover: rgba(255, 255, 255, 0.08);
      width: 100%;
      max-width: 220px;
      background: transparent;
    }

    .currency-selector.currency-selector--footer .cs-label {
      color: rgba(255, 255, 255, 0.62);
    }

    .currency-selector.currency-selector--footer .cs-trigger {
      background: #000;
      color: #fff;
      border-color: rgba(255, 255, 255, 0.42);
    }

    .currency-selector.currency-selector--footer .cs-trigger:focus-visible {
      outline-color: #fff;
    }

    .currency-selector.currency-selector--footer .cs-chevron path {
      stroke: #fff;
    }

    .currency-selector.currency-selector--footer .cs-search {
      background: rgba(255, 255, 255, 0.06);
      border-color: rgba(255, 255, 255, 0.22);
      color: #fff;
    }

    .currency-selector.currency-selector--footer .cs-search:focus {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.55);
    }

    .currency-selector.currency-selector--footer .cs-search-wrap {
      border-bottom-color: rgba(255, 255, 255, 0.14);
    }

    .currency-selector.currency-selector--footer .cs-panel {
      background: #000;
      border-color: rgba(255, 255, 255, 0.42);
    }

    .currency-selector.currency-selector--footer .cs-option {
      color: #fff;
    }

    .currency-selector.currency-selector--footer .cs-option-currency {
      color: rgba(255, 255, 255, 0.62);
    }

    .currency-selector.currency-selector--footer .cs-check {
      color: #fff;
    }

    .currency-selector.currency-selector--footer .cs-empty {
      color: rgba(255, 255, 255, 0.62);
    }

    .currency-selector.currency-selector--footer .cs-panel-head {
      border-bottom-color: rgba(255, 255, 255, 0.14);
    }

    .currency-selector.currency-selector--footer .cs-panel-close {
      border-color: rgba(255, 255, 255, 0.42);
      color: #fff;
    }

    @media (max-width: 900px) {
      .sx-footer-currency-wrap,
      .currency-selector.currency-selector--footer {
        max-width: min(100%, 260px);
      }

      .currency-selector--footer .cs-trigger,
      .currency-selector--footer .cs-panel {
        width: 100%;
        max-width: none;
        left: 0;
        right: 0;
      }

      .currency-selector--footer .cs-trigger-label {
        max-width: none;
      }

      .currency-selector--footer.is-popup {
        position: static;
      }

      .currency-selector--footer.is-popup .cs-panel {
        position: fixed;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        width: min(calc(100vw - 32px), 360px);
        max-width: min(calc(100vw - 32px), 360px);
        transform: translate(-50%, -50%);
        max-height: min(72vh, 420px);
        z-index: 10050;
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        touch-action: manipulation;
      }

      .currency-selector--footer.is-popup .cs-search-wrap {
        flex-shrink: 0;
      }

      .currency-selector--footer.is-popup .cs-panel-head {
        display: flex;
        flex-shrink: 0;
      }

      .currency-selector--footer.is-popup .cs-label {
        display: none;
      }

      .currency-selector--footer.is-popup .cs-chevron {
        transform: rotate(0deg);
      }

      .currency-selector--footer.is-popup .cs-list {
        flex: 1;
        min-height: 0;
        max-height: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
      }

      .currency-selector--footer.is-popup .cs-option {
        min-height: 44px;
      }

      .currency-selector--footer:not(.is-popup) .cs-panel {
        top: auto;
        bottom: calc(100% + 4px);
        max-height: min(52vh, 320px);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18);
      }

      .currency-selector--footer .cs-chevron,
      .currency-selector--footer.open .cs-chevron,
      .currency-selector--footer.is-popup .cs-chevron {
        transform: rotate(0deg);
      }

      .currency-selector--footer:not(.is-popup) .cs-list {
        max-height: calc(min(52vh, 320px) - 52px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }

      .currency-selector--footer:not(.is-popup) .cs-option {
        min-height: 44px;
      }
    }

    .category-slider-section .slider-viewport.category-slider--pending {
      min-height: 280px;
    }

    .category-slider-section .slider-viewport.category-slider--pending:empty {
      opacity: 0;
    }

    #pricing-details {
      scroll-margin-top: 120px;
    }

    .faq-pricing-intro {
      font-family: var(--font-display);
      font-size: 15px;
      line-height: 1.55;
      letter-spacing: -0.25px;
      color: rgba(0, 0, 0, 0.72);
      margin: 0 0 28px;
      max-width: none;
      width: 100%;
    }

    .faq-pricing-calculator-wrap {
      margin-top: 36px;
      width: 100%;
      max-width: none;
      margin-left: 0;
      margin-right: auto;
    }

    .faq-pricing-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 32px;
      align-items: stretch;
    }

    @media (min-width: 900px) {
      .faq-pricing-layout {
        grid-template-columns: minmax(0, 1.55fr) minmax(220px, 300px);
        gap: clamp(32px, 4vw, 64px);
        align-items: center;
      }
    }

    .faq-pricing-layout__calc {
      min-width: 0;
    }

    .faq-pricing-layout__calc .pricing-calculator__panel {
      height: 100%;
      box-sizing: border-box;
    }

    .faq-pricing-layout__copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: right;
      align-items: flex-end;
      padding: 4px 0;
      gap: 0;
    }

    @media (max-width: 899px) {
      .faq-pricing-layout__copy {
        display: none !important;
      }
    }

    .faq-pricing-layout__eyebrow {
      font-family: var(--font-display);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #71717a;
      margin: 0 0 8px;
    }

    .faq-pricing-layout__title {
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 600;
      letter-spacing: -0.02em;
      line-height: 1.2;
      color: #09090b;
      margin: 0 0 12px;
      max-width: 16ch;
    }

    .faq-pricing-layout__text {
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 400;
      line-height: 1.55;
      letter-spacing: -0.25px;
      color: rgba(0, 0, 0, 0.88);
      margin: 0 0 10px;
      max-width: 32ch;
    }

    .faq-pricing-layout__text + .faq-pricing-layout__text {
      margin-top: 0;
    }

    .faq-pricing-layout__note {
      font-family: var(--font-display);
      font-size: 13px;
      font-weight: 400;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: -0.25px;
      color: #71717a;
      margin: 2px 0 0;
      max-width: 32ch;
    }

    .faq-page-panel,
    .faq-page-head,
    .faq-page-images {
      width: 100%;
      max-width: none;
    }

    .pricing-calculator {
      width: 100%;
    }

    .pricing-calculator__panel {
      background: #fff;
      border: 1px solid #e4e4e7;
      border-radius: 16px;
      padding: 24px 16px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 20px 40px rgba(0, 0, 0, 0.03);
    }

    @media (min-width: 768px) {
      .pricing-calculator__panel {
        padding: 40px;
      }
    }

    .pricing-calculator__heading {
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 600;
      letter-spacing: -0.02em;
      line-height: 1.2;
      margin: 0 0 20px;
      color: #09090b;
    }

    .pricing-calculator__product {
      display: flex;
      align-items: center;
      background: #f4f4f5;
      border-radius: 12px;
      padding: 20px 48px 20px 20px;
      cursor: pointer;
      min-height: 0;
      border: 0;
      width: 100%;
      text-align: left;
      transition: background 0.2s ease;
      position: relative;
    }

    .pricing-calculator__product:hover,
    .pricing-calculator__product.is-open {
      background: #ececee;
    }

    .pricing-calculator__product-thumb {
      width: 64px;
      height: 64px;
      flex-shrink: 0;
      border-radius: 8px;
      overflow: hidden;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 20px;
    }

    .pricing-calculator__product-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 8px;
    }

    .pricing-calculator__product-copy {
      flex: 1;
      min-width: 0;
      padding: 0;
    }

    .pricing-calculator__product-head {
      display: block;
    }

    .pricing-calculator__product-name {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: -0.01em;
      line-height: 1.2;
      margin: 0 0 6px;
      color: #09090b;
    }

    .pricing-calculator__chevron {
      position: absolute;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      margin-top: 0;
      opacity: 0.7;
      transition: transform 0.2s ease;
    }

    .pricing-calculator__product.is-open .pricing-calculator__chevron {
      transform: translateY(-50%) rotate(180deg);
    }

    .pricing-calculator__product-desc {
      margin: 0;
      font-size: 13.5px;
      line-height: 1.5;
      letter-spacing: 0;
      color: #71717a;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-width: none;
    }

    .pricing-calculator__dropdown {
      margin-top: 8px;
      border: 1px solid #e8e8e8;
      border-radius: 10px;
      background: #fff;
      max-height: 320px;
      overflow-y: auto;
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    }

    .pricing-calculator__option {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      width: 100%;
      padding: 12px 14px;
      border: 0;
      background: transparent;
      text-align: left;
      cursor: pointer;
    }

    .pricing-calculator__option + .pricing-calculator__option {
      border-top: 1px solid #f0f0f0;
    }

    .pricing-calculator__option:hover {
      background: #f7f7f7;
    }

    .pricing-calculator__option img,
    .pricing-calculator__option-ph {
      width: 56px;
      height: 56px;
      border-radius: 8px;
      object-fit: cover;
      background: #ececec;
      flex-shrink: 0;
    }

    .pricing-calculator__option > span {
      display: flex;
      flex-direction: column;
      gap: 6px;
      font-size: 12px;
      line-height: 1.4;
      color: rgba(0, 0, 0, 0.55);
      min-width: 0;
    }

    .pricing-calculator__option strong {
      font-size: 14px;
      font-weight: 600;
      color: #000;
      letter-spacing: -0.15px;
    }

    .pricing-calculator__custom-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
    }

    @media (max-width: 768px) {
      .pricing-calculator__custom-grid {
        grid-template-columns: 1fr;
      }
    }

    .pricing-calculator__field-wrap {
      position: relative;
      min-width: 0;
    }

    .pricing-calculator__field-label {
      display: block;
      font-size: 14.5px;
      font-weight: 600;
      letter-spacing: -0.01em;
      line-height: 1.2;
      color: #09090b;
      margin-bottom: 10px;
    }

    .pricing-calculator__select {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      width: 100%;
      min-height: 48px;
      height: auto;
      padding: 14px 40px 14px 16px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: #f4f4f5;
      font-family: inherit;
      font-size: 14.5px;
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: 0;
      color: #09090b;
      text-align: left;
      cursor: pointer;
      transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }

    .pricing-calculator__select:focus,
    .pricing-calculator__select:focus-visible {
      outline: none;
      border-color: #71717a;
      background: #fff;
      box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03);
    }

    .pricing-calculator__select span[data-pc-value] {
      flex: 1;
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .pricing-calculator__select svg {
      flex-shrink: 0;
      opacity: 0.7;
    }

    .pricing-calculator__swatch {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: 1px solid #d4d4d8;
      flex-shrink: 0;
    }

    .pricing-calculator__menu {
      position: absolute;
      z-index: 20;
      top: calc(100% + 4px);
      left: 0;
      right: 0;
      background: #fff;
      border: 1px solid #e8e8e8;
      border-radius: 8px;
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
      max-height: 220px;
      overflow-y: auto;
      padding: 6px 0;
    }

    .pricing-calculator__menu-item {
      display: flex;
      align-items: center;
      gap: 8px;
      width: 100%;
      padding: 9px 12px;
      border: 0;
      background: transparent;
      font: inherit;
      font-size: 13px;
      text-align: left;
      cursor: pointer;
      color: #000;
    }

    .pricing-calculator__menu-item:hover,
    .pricing-calculator__menu-item.is-active {
      background: #f3f3f3;
    }

    .pricing-calculator__section {
      margin-top: 44px;
      padding-top: 0;
      border-top: 0;
    }

    .pricing-calculator__qty-head {
      min-height: 0;
    }

    .pricing-calculator__qty-head .pricing-calculator__heading {
      margin-bottom: 20px;
    }

    .pricing-calculator__qty-controls {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      margin: 30px 0 40px;
    }

    .pricing-calculator__qty-step {
      display: none;
    }

    .pricing-calculator__range {
      width: 100%;
      min-width: 0;
      margin: 0;
      height: 44px;
      background: transparent;
      -webkit-appearance: none;
      appearance: none;
      cursor: pointer;
      --pc-range-thumb-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318181b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='10 17 5 12 10 7'/%3E%3Cpolyline points='14 17 19 12 14 7'/%3E%3C/svg%3E");
    }

    .pricing-calculator__range:focus {
      outline: none;
    }

    .pricing-calculator__range::-webkit-slider-runnable-track {
      width: 100%;
      height: 2px;
      border-radius: 2px;
      background: #e4e4e7;
    }

    .pricing-calculator__range::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 44px;
      height: 44px;
      margin-top: -21px;
      border-radius: 50%;
      background-color: #fff;
      background-image: var(--pc-range-thumb-svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 32px;
      border: 1px solid #d4d4d8;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
      cursor: grab;
    }

    .pricing-calculator__range:active::-webkit-slider-thumb {
      cursor: grabbing;
      transform: scale(1.06);
    }

    .pricing-calculator__range::-moz-range-track {
      height: 2px;
      border-radius: 2px;
      background: #e4e4e7;
    }

    .pricing-calculator__range::-moz-range-progress {
      height: 2px;
      border-radius: 2px;
      background: #e4e4e7;
    }

    .pricing-calculator__range::-moz-range-thumb {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: #fff;
      background-image: var(--pc-range-thumb-svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 32px;
      border: 1px solid #d4d4d8;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
      cursor: grab;
    }

    .pricing-calculator__stats {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 16px;
      align-items: end;
      padding-top: 0;
    }

    @media (max-width: 768px) {
      .pricing-calculator__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px 12px;
      }

      .pricing-calculator__stat-item--dev {
        grid-column: span 2;
      }

      .pricing-calculator__stat-item--total {
        grid-column: auto;
      }
    }

    .pricing-calculator__stat-item {
      min-width: 0;
    }

    .pricing-calculator__stat-label {
      display: block;
      font-size: 14px;
      font-weight: 400;
      color: #71717a;
      margin-bottom: 12px;
      letter-spacing: -0.01em;
      line-height: 1.1;
    }

    .pricing-calculator__stat-value {
      display: inline-flex;
      align-items: center;
      font-size: 28px;
      line-height: 1.1;
      font-weight: 500;
      letter-spacing: -0.03em;
      color: #09090b;
      font-variant-numeric: tabular-nums;
      position: relative;
      min-width: 2.5ch;
      max-width: 100%;
    }

    .pricing-calculator__stat-value strong {
      font-weight: inherit;
    }

    .pricing-calculator__stats--loading [data-pc-lead],
    .pricing-calculator__stats--loading [data-pc-unit],
    .pricing-calculator__stats--loading [data-pc-dev],
    .pricing-calculator__stats--loading [data-pc-subtotal] {
      color: transparent !important;
      user-select: none;
      pointer-events: none;
      border-radius: 8px;
      overflow: hidden;
      background-color: #ececec;
      background-image: linear-gradient(90deg, #ececec 0%, #f5f5f5 50%, #ececec 100%);
      background-size: 200% 100%;
      animation: pc-stat-shimmer 1.1s ease-in-out infinite;
    }

    .pricing-calculator__stat-item--total .pricing-calculator__stat-value,
    .pricing-calculator__stat-value--total,
    .pricing-calculator__stat-value--total strong {
      font-weight: 500;
      font-size: 28px;
    }

    .pricing-calculator__qty-wrap {
      display: inline-flex;
      align-items: center;
      width: 90px;
      padding: 4px 8px;
      border-radius: 6px;
      background: #f4f4f5;
    }

    .pricing-calculator__qty-input {
      width: 100%;
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
      margin: 0;
      font: inherit;
      font-size: 28px;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 1.1;
      color: #09090b;
      outline: none;
      font-variant-numeric: tabular-nums;
      appearance: textfield;
      -moz-appearance: textfield;
    }

    .pricing-calculator__qty-input::-webkit-outer-spin-button,
    .pricing-calculator__qty-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    .pricing-calculator__footer {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: space-between;
      gap: 24px;
      margin-top: 40px;
      padding-top: 28px;
      border-top: 1px solid #e4e4e7;
    }

    @media (min-width: 640px) {
      .pricing-calculator__footer {
        flex-direction: row;
        align-items: flex-start;
        gap: 40px;
      }
    }

    .pricing-calculator__note {
      margin: 0;
      max-width: 540px;
      display: block;
      font-size: 12.5px;
      line-height: 1.6;
      letter-spacing: 0;
      color: #71717a;
    }

    .pricing-calculator__note p {
      margin: 0;
    }

    .pricing-calculator__more {
      color: #000;
      text-decoration: underline;
      text-underline-offset: 1.4px;
      font-weight: 400;
    }

    .pricing-calculator__email-btn {
      flex-shrink: 0;
      align-self: flex-start;
      padding: 14px 32px;
      border-radius: 30px;
      border: 1px solid #09090b;
      background: transparent;
      font-family: inherit;
      font-size: 14.5px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 1.25;
      color: #09090b;
      cursor: pointer;
      white-space: nowrap;
      transition: background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .pricing-calculator__email-btn:hover,
    .pricing-calculator__email-btn:focus-visible {
      background: #09090b;
      color: #fff;
      border-color: #09090b;
    }

    .pricing-calculator__empty {
      padding: 16px;
      color: #787878;
      font-size: 14px;
    }

    .pricing-calculator__modal {
      position: fixed;
      inset: 0;
      z-index: 1400;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px;
    }

    .pricing-calculator__modal[hidden] {
      display: none !important;
    }

    .pricing-calculator__backdrop {
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.28);
      backdrop-filter: blur(5px) saturate(0.9);
      -webkit-backdrop-filter: blur(5px) saturate(0.9);
    }

    .pricing-calculator__dialog {
      position: relative;
      z-index: 1;
      width: min(640px, 100%);
      background: #fff;
      border-radius: 0;
      border: 1px solid #e5e5e5;
      padding: clamp(18px, 3vw, 28px);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
      max-height: min(92vh, 760px);
      overflow: auto;
    }

    .pricing-calculator__dialog-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 14px;
    }

    .pricing-calculator__dialog-title {
      font-family: var(--font-display);
      font-size: clamp(20px, 2.6vw, 26px);
      font-weight: 600;
      letter-spacing: -0.6px;
      margin: 0;
      color: #000;
    }

    .pricing-calculator__dialog-close {
      flex-shrink: 0;
      width: 42px;
      height: 42px;
      border: 1px solid #d4d4d4;
      border-radius: 50%;
      background: #fff;
      color: #000;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding: 0;
      transition: background 0.2s var(--ease);
      margin: 0;
    }

    .pricing-calculator__dialog-close:hover,
    .pricing-calculator__dialog-close:focus-visible {
      background: #f5f5f5;
      border-color: #d4d4d4;
      color: #000;
    }

    .pricing-calculator__dialog-close svg {
      width: 16px;
      height: 16px;
      stroke-width: 1.75;
      display: block;
      transition: transform 0.35s var(--ease);
    }

    .pricing-calculator__dialog-close:hover svg,
    .pricing-calculator__dialog-close:focus-visible svg {
      transform: rotate(90deg);
    }

    .pricing-calculator__auth-gate {
      padding: 0;
    }

    .pricing-calculator__auth-copy {
      margin: 0 0 14px;
      font-size: 14px;
      line-height: 1.45;
      letter-spacing: -0.02em;
      color: rgba(0, 0, 0, 0.72);
    }

    .pricing-calculator__auth-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .pricing-calculator__auth-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 40px;
      padding: 0 16px;
      border-radius: 0;
      border: 1px solid #000;
      background: #fff;
      color: #000;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: -0.02em;
      text-decoration: none;
    }

    .pricing-calculator__auth-btn--primary {
      background: #000;
      color: #fff;
      border-color: #000;
    }

    .pricing-calculator__form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px 20px;
      margin-bottom: 20px;
    }

    .pricing-calculator__field {
      display: flex;
      flex-direction: column;
      gap: 8px;
      font-size: 12px;
      font-weight: 600;
      color: #000;
      letter-spacing: -0.05px;
    }

    .pricing-calculator__field input {
      width: 100%;
      min-height: 42px;
      padding: 9px 11px;
      border: 1px solid #e5e5e5;
      border-radius: 0;
      font: inherit;
      font-size: 16px;
      font-weight: 400;
      color: #000;
      background: #fff;
    }

    .pricing-calculator__field input:focus {
      outline: none;
      border-color: #111;
      box-shadow: 0 0 0 1px #111;
    }

    .pricing-calculator__submit {
      width: 100%;
      min-height: 44px;
      padding: 0 22px;
      border-radius: 0;
      border: 1px solid #111;
      background: #111;
      font-family: inherit;
      font-size: 14px;
      font-weight: 600;
      color: #fff;
      cursor: pointer;
      margin-bottom: 16px;
      transition: background 0.2s ease, color 0.2s ease;
    }

    .pricing-calculator__submit:hover {
      background: #fff;
      color: #111;
    }

    .pricing-calculator__legal {
      margin: 0 0 8px;
      font-size: 12px;
      line-height: 1.5;
      color: rgba(0, 0, 0, 0.58);
      max-width: 520px;
    }

    body.pricing-calculator-modal-open,
    html.pricing-calculator-modal-open {
      overflow: hidden;
      overscroll-behavior: none;
    }

    body.pricing-calculator-modal-open {
      padding-right: var(--pc-scrollbar-comp, 0px);
    }

    .faq-pricing-calculator-wrap--loading {
      min-height: 0;
      width: 100%;
      max-width: none;
    }

    .faq-pricing-layout--skeleton {
      width: 100%;
      max-width: none;
    }

    .faq-pricing-layout__copy--skeleton {
      width: 100%;
      max-width: 300px;
    }

    .pricing-calculator--skeleton {
      width: 100%;
      max-width: none;
    }

    .pricing-calculator--skeleton .pricing-calculator__panel {
      pointer-events: none;
      width: 100%;
      max-width: none;
      box-sizing: border-box;
    }

    .pc-skeleton-line,
    .pc-skeleton-block,
    .pc-skeleton-stat {
      position: relative;
      overflow: hidden;
      background: #ececec;
      border-radius: 0;
    }

    .pc-skeleton-line::after,
    .pc-skeleton-block::after,
    .pc-skeleton-stat::after {
      content: '';
      position: absolute;
      inset: 0;
      transform: translateX(-100%);
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
      animation: pc-skeleton-shimmer 1.35s ease-in-out infinite;
    }

    @keyframes pc-skeleton-shimmer {
      100% { transform: translateX(100%); }
    }

    @keyframes pc-stat-shimmer {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }

    .pc-skeleton-line {
      height: 18px;
      width: min(180px, 55%);
    }

    .pc-skeleton-line--heading {
      height: 22px;
      width: min(160px, 48%);
    }

    .pc-skeleton-line--spaced {
      margin-top: 28px;
    }

    .pc-skeleton-line--eyebrow {
      height: 11px;
      width: 140px;
      margin-bottom: 8px;
      margin-left: auto;
    }

    .pc-skeleton-line--title {
      height: 22px;
      width: 100%;
      max-width: 220px;
      margin-bottom: 8px;
      margin-left: auto;
    }

    .pc-skeleton-line--title-short {
      width: 70%;
      max-width: 160px;
      margin-bottom: 12px;
    }

    .pc-skeleton-line--note {
      height: 12px;
      width: 85%;
      max-width: 200px;
      margin-top: 10px;
      margin-left: auto;
    }

    .pc-skeleton-block--product {
      height: 92px;
      margin-top: 16px;
      width: 100%;
    }

    .pc-skeleton-block--copy {
      height: 72px;
      width: 100%;
      max-width: 260px;
      margin-left: auto;
    }

    .pc-skeleton-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 16px;
      width: 100%;
    }

    .pc-skeleton-block--field {
      height: 68px;
      width: 100%;
    }

    .pc-skeleton-block--slider {
      height: 40px;
      margin-top: 16px;
      width: 100%;
      border-radius: 0;
    }

    .pc-skeleton-stats {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 14px;
      margin-top: 28px;
      width: 100%;
    }

    .pc-skeleton-stat {
      height: 56px;
      width: 100%;
      min-width: 0;
    }

    .pc-skeleton-block--cta {
      height: 44px;
      width: 140px;
      margin-top: 24px;
    }

    @media (max-width: 899px) {
      .faq-pricing-layout__copy--skeleton {
        display: none !important;
      }

      .pc-skeleton-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px 10px;
        margin-top: 22px;
      }

      .pc-skeleton-stat--dev {
        grid-column: span 2;
      }

      .pc-skeleton-block--product {
        height: 78px;
      }

      .pc-skeleton-line--spaced {
        margin-top: 20px;
      }

      .pc-skeleton-block--cta {
        width: 100%;
        max-width: 160px;
        margin-top: 20px;
      }

      .faq-pricing-calculator-wrap--loading {
        min-height: 0;
      }
    }

    @media (max-width: 768px) {
      .pc-skeleton-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }
    }

    @media (max-width: 900px) {
      .pricing-calculator__panel {
        padding: 18px 15px;
        border-radius: 12px;
      }

      .pricing-calculator__heading {
        font-size: 18px;
        letter-spacing: -0.015em;
        margin-bottom: 14px;
      }

      .pricing-calculator__product {
        padding: 14px 40px 14px 14px;
      }

      .pricing-calculator__product-name {
        font-size: 15px;
        letter-spacing: -0.01em;
      }

      .pricing-calculator__product-desc {
        font-size: 12.5px;
        letter-spacing: -0.01em;
      }

      .pricing-calculator__custom-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .pricing-calculator__field-label {
        font-size: 13px;
        letter-spacing: -0.01em;
      }

      .pricing-calculator__select {
        min-height: 44px;
        font-size: 13.5px;
        letter-spacing: -0.01em;
      }

      .pricing-calculator__section {
        margin-top: 28px;
      }

      .pricing-calculator__qty-controls {
        margin: 22px 0 28px;
      }

      .pricing-calculator__range {
        height: 40px;
      }

      .pricing-calculator__range::-webkit-slider-thumb,
      .pricing-calculator__range::-moz-range-thumb {
        width: 40px;
        height: 40px;
        margin-top: -19px;
        background-size: 30px;
      }

      .pricing-calculator__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px 10px;
        align-items: start;
      }

      .pricing-calculator__stat-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-width: 0;
      }

      .pricing-calculator__stat-item--dev {
        grid-column: span 2;
      }

      .pricing-calculator__stat-item--total {
        grid-column: auto;
      }

      .pricing-calculator__stat-label,
      .pricing-calculator__stat-value,
      .pricing-calculator__stat-value strong,
      .pricing-calculator__stat-item--total .pricing-calculator__stat-value,
      .pricing-calculator__stat-value--total,
      .pricing-calculator__stat-value--total strong,
      .pricing-calculator__qty-input {
        font-weight: 500;
        letter-spacing: -0.03em;
        color: #09090b;
      }

      .pricing-calculator__stat-label {
        font-size: 11px;
        margin-bottom: 6px;
      }

      .pricing-calculator__stat-value,
      .pricing-calculator__stat-value strong,
      .pricing-calculator__stat-item--total .pricing-calculator__stat-value,
      .pricing-calculator__stat-value--total,
      .pricing-calculator__stat-value--total strong,
      .pricing-calculator__qty-input {
        font-size: 16px;
        line-height: 1.15;
      }

      .pricing-calculator__footer {
        margin-top: 28px;
        padding-top: 20px;
        gap: 18px;
      }

      .pricing-calculator__note {
        display: none;
      }

      .pricing-calculator__email-btn {
        padding: 12px 22px;
        font-size: 13px;
        letter-spacing: -0.01em;
      }

      .pricing-calculator__form-grid {
        grid-template-columns: 1fr;
      }

      .pricing-calculator__dialog {
        width: min(100%, calc(100vw - 24px));
        padding: 16px 14px;
      }
    }
    .slider-viewport,
    .manufacturing-grid,
    .recent-carousel__viewport,
    [data-carousel-viewport] {
      overflow-y: hidden;
      overscroll-behavior-x: contain;
      overscroll-behavior-y: auto;
      touch-action: pan-x pan-y;
    }

    .products-recent__viewport[data-carousel-viewport],
    .pd-you-may-like__viewport[data-carousel-viewport],
    .guide-post-more__viewport[data-carousel-viewport] {
      overflow-x: auto;
      overflow-y: hidden;
      overscroll-behavior-x: contain;
      touch-action: pan-x;
    }

    /* 404 page */
    .not-found-page .not-found-main {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: min(58vh, 560px);
      padding: clamp(3rem, 10vw, 7rem) clamp(1rem, 3vw, 2.5rem) clamp(5rem, 12vw, 8rem);
    }

    .not-found-panel {
      width: min(100%, 720px);
      margin: 0 auto;
      text-align: center;
    }

    .not-found-hero__title {
      margin: 0 0 1.5rem;
      font-family: var(--font-heading);
      font-size: clamp(2.25rem, 7vw, 4rem);
      font-weight: 900;
      letter-spacing: -0.03em;
      line-height: 1.02;
      color: #000;
    }

    .not-found-hero__title .italic-serif {
      font-weight: 400;
      letter-spacing: -0.02em;
    }

    .not-found-code {
      margin: 0 0 1rem;
      font-family: var(--font-heading);
      font-size: clamp(4.5rem, 20vw, 10rem);
      font-weight: 900;
      letter-spacing: -0.05em;
      line-height: 0.85;
      color: #ececec;
    }

    .not-found-text {
      margin: 0;
      font-family: var(--font-display);
      font-size: clamp(0.95rem, 1.8vw, 1.125rem);
      font-weight: 500;
      letter-spacing: -0.01em;
      line-height: 1.55;
      color: #444;
    }

    @media (max-width: 768px) {
      .not-found-page .not-found-main {
        padding-left: 15px;
        padding-right: 15px;
      }

      .not-found-hero__title {
        font-size: calc(1.35rem + 15px) !important;
        margin-bottom: 1.25rem;
      }

      .not-found-code {
        font-size: clamp(5.5rem, 24vw, 8rem) !important;
        margin-bottom: 0.85rem;
      }

      .not-found-text {
        font-size: var(--mobile-body-size, 13px) !important;
        line-height: 1.45;
      }
    }

/* Currency selector — global (footer lives on all breakpoints; was incorrectly nested in max-width 768px only) */
.sx-footer-currency-wrap {
  margin-top: 28px;
  width: 100%;
  max-width: 200px;
  position: relative;
  z-index: 40;
  overflow: visible;
}

.currency-selector {
  --cs-border: #111111;
  --cs-text: #111111;
  --cs-muted: #6b6b6b;
  --cs-bg: #ffffff;
  --cs-hover: #f4f4f4;
  --cs-radius: 4px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  font-family: var(--font-display, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
}

.currency-selector *,
.currency-selector *::before,
.currency-selector *::after {
  box-sizing: border-box;
}

.currency-selector.currency-selector--footer {
  --cs-border: rgba(255, 255, 255, 0.42);
  --cs-text: #ffffff;
  --cs-muted: rgba(255, 255, 255, 0.62);
  --cs-bg: #000000;
  --cs-hover: rgba(255, 255, 255, 0.08);
  width: 100%;
  max-width: 200px;
  background: transparent;
}

.currency-selector.currency-selector--footer .cs-label {
  color: rgba(255, 255, 255, 0.62);
}

.currency-selector.currency-selector--footer .cs-trigger {
  background: #000;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.42);
}

.currency-selector.currency-selector--footer .cs-trigger:focus-visible {
  outline-color: #fff;
}

.currency-selector.currency-selector--footer .cs-chevron path {
  stroke: #fff;
}

.currency-selector.currency-selector--footer .cs-search {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.22);
  color: #fff;
  border-radius: 4px;
}

.currency-selector.currency-selector--footer .cs-search:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.55);
}

.currency-selector.currency-selector--footer .cs-search-wrap {
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

.currency-selector.currency-selector--footer .cs-panel {
  background: #000;
  border-color: rgba(255, 255, 255, 0.42);
}

.currency-selector.currency-selector--footer .cs-option {
  color: #fff;
}

.currency-selector.currency-selector--footer .cs-option-currency {
  color: rgba(255, 255, 255, 0.62);
}

.currency-selector.currency-selector--footer .cs-check {
  color: #fff;
}

.currency-selector.currency-selector--footer .cs-empty {
  color: rgba(255, 255, 255, 0.62);
}

.currency-selector.currency-selector--footer .cs-panel-head {
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

.currency-selector.currency-selector--footer .cs-panel-close {
  border-color: rgba(255, 255, 255, 0.42);
  color: #fff;
}

.cs-panel-head {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.cs-panel-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--cs-text);
}

.cs-panel-close {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cs-border);
  border-radius: 50%;
  background: transparent;
  color: var(--cs-text);
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
}

.cs-panel-close svg {
  width: 14px;
  height: 14px;
  display: block;
}

.currency-popup-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10040;
  background: rgba(0, 0, 0, 0.52);
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.currency-popup-backdrop[hidden] {
  display: none !important;
}

body.currency-popup-open {
  overflow: hidden;
}

body.currency-popup-open .page-loading-bar {
  visibility: hidden !important;
  pointer-events: none !important;
}

.cs-label {
  display: block;
  font-size: 12px;
  color: var(--cs-muted);
  margin-bottom: 6px;
}

.cs-trigger {
  width: 100%;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: var(--cs-bg);
  border: 1.5px solid var(--cs-border);
  border-radius: var(--cs-radius);
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 500;
  font-family: inherit;
  color: var(--cs-text);
  cursor: pointer;
  text-align: left;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.cs-trigger:focus-visible {
  outline: 2px solid #111111;
  outline-offset: 2px;
}

.cs-trigger-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cs-skeleton {
  color: var(--cs-muted);
  font-weight: 400;
}

.cs-chevron {
  flex-shrink: 0;
  transition: transform 0.15s ease;
}

.currency-selector.open .cs-chevron {
  transform: rotate(180deg);
}

.cs-panel {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  width: 100%;
  min-width: 0;
  max-width: none;
  box-sizing: border-box;
  background: var(--cs-bg);
  border: 1.5px solid var(--cs-border);
  border-radius: var(--cs-radius);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  z-index: 50;
  display: none;
  overflow: hidden;
}

.currency-selector.open .cs-panel {
  display: block;
}

.cs-panel.cs-panel--mobile-popup {
  --cs-border: rgba(255, 255, 255, 0.42);
  --cs-text: #ffffff;
  --cs-muted: rgba(255, 255, 255, 0.62);
  --cs-bg: #000000;
  --cs-hover: rgba(255, 255, 255, 0.08);
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: min(calc(100vw - 32px), 360px);
  max-width: min(calc(100vw - 32px), 360px);
  transform: translate(-50%, -50%);
  max-height: min(72vh, 420px);
  z-index: 10050;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
  border-radius: 8px;
  background: #000;
  border-color: rgba(255, 255, 255, 0.42);
  color: #fff;
  display: none;
  flex-direction: column;
  pointer-events: auto;
  touch-action: manipulation;
}

.cs-panel.cs-panel--mobile-popup .cs-panel-head {
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

.cs-panel.cs-panel--mobile-popup .cs-panel-close {
  border-color: rgba(255, 255, 255, 0.42);
  color: #fff;
}

.cs-panel.cs-panel--mobile-popup .cs-search-wrap {
  border-bottom-color: rgba(255, 255, 255, 0.14);
  padding: 10px 12px;
  flex-shrink: 0;
}

.cs-panel.cs-panel--mobile-popup .cs-search {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.22);
  color: #fff;
  border-radius: 4px;
  padding: 10px 14px;
}

.cs-panel.cs-panel--mobile-popup .cs-search:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.55);
}

.cs-panel.cs-panel--mobile-popup .cs-option {
  color: #fff;
}

.cs-panel.cs-panel--mobile-popup .cs-option-currency {
  color: rgba(255, 255, 255, 0.62);
}

.cs-panel.cs-panel--mobile-popup .cs-check {
  color: #fff;
}

.cs-panel.cs-panel--mobile-popup .cs-empty {
  color: rgba(255, 255, 255, 0.62);
}

.cs-panel.cs-panel--mobile-popup.is-open {
  display: flex;
}

.cs-panel.cs-panel--mobile-popup .cs-panel-head {
  display: flex;
  flex-shrink: 0;
}

.cs-panel.cs-panel--mobile-popup .cs-list {
  flex: 1;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cs-panel.cs-panel--mobile-popup .cs-list::-webkit-scrollbar {
  display: none;
}

.cs-panel.cs-panel--mobile-popup .cs-option {
  min-height: 44px;
}

.cs-search-wrap {
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
}

.cs-search {
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: var(--cs-radius);
  padding: 8px 9px;
  font-size: 16px;
  font-family: inherit;
  background: #fafafa;
}

.cs-search:focus {
  outline: none;
  border-color: var(--cs-border);
  background: #fff;
}

.cs-list {
  max-height: 280px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 5px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cs-list::-webkit-scrollbar {
  display: none;
}

.cs-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  font-family: inherit;
  color: var(--cs-text);
}

.cs-option:hover,
.cs-option.active,
.cs-option.selected {
  background: var(--cs-hover);
}

.cs-option-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cs-option-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.cs-option-currency {
  color: var(--cs-muted);
  font-size: 12px;
}

.cs-check {
  flex-shrink: 0;
  opacity: 0;
}

.cs-option.selected .cs-check {
  opacity: 1;
}

.cs-empty {
  padding: 14px 9px;
  color: var(--cs-muted);
  font-size: 13px;
  text-align: center;
}

.sx-footer,
.sx-footer-bottom,
.sx-col3 {
  overflow: visible;
}

@media (max-width: 900px) {
  .sx-footer-currency-wrap,
  .currency-selector.currency-selector--footer {
    max-width: min(100%, 220px);
  }

  .currency-selector--footer .cs-trigger-label {
    max-width: none;
  }

  .currency-selector--footer .cs-chevron,
  .currency-selector--footer.open .cs-chevron,
  .currency-selector--footer.is-popup .cs-chevron {
    transform: rotate(0deg);
  }

  .currency-selector--footer.is-popup {
    position: static;
  }

  .currency-selector--footer:not(.is-popup) .cs-panel {
    top: auto;
    bottom: calc(100% + 4px);
    max-height: min(52vh, 320px);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18);
  }

  .currency-selector--footer:not(.is-popup) .cs-list {
    max-height: calc(min(52vh, 320px) - 52px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .currency-selector--footer:not(.is-popup) .cs-option {
    min-height: 44px;
  }
}

.sx-footer .sx-list a,
.sx-footer a.sx-seam-line {
  display: inline;
  text-decoration: none;
  color: #fff;
  background-image: linear-gradient(#fff, #fff);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 0.5px;
  padding-bottom: 2px;
  line-height: 1.35;
  transition: background-size 0.3s var(--underline-ease), opacity 0.15s;
}

.sx-footer .sx-list a:hover,
.sx-footer .sx-list a:focus-visible,
.sx-footer a.sx-seam-line:hover,
.sx-footer a.sx-seam-line:focus-visible {
  opacity: 1;
  color: #fff;
  background-image: linear-gradient(#fff, #fff);
  background-size: 100% 0.5px;
}

/* iOS Safari zooms focused fields under 16px — keep text controls at least 16px */
@media screen and (max-width: 1024px) {
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input:not([type]),
  textarea,
  select {
    font-size: 16px !important;
  }

  /* Keep oversized display search fields large (still ≥16px) */
  .products-search-toolbar__input,
  .guides-page-search__input {
    font-size: clamp(18px, 5.5vw, 28px) !important;
  }

  .pricing-calculator__qty-input {
    font-size: 28px !important;
  }
}