:root {
      --red: #de0d1a;
      --red-dark: #aa0913;
      --blue: #163074;
      --blue-bright: #3155e7;
      --ink: #141521;
      --paper: #ffffff; /* White Paper */
      --white: #fff;
      --mist: #e8ebf4;
      --stone: #d8d5ce; /* Soft stone borders */
      --sage: #879a87;
      --line: rgba(20, 21, 33, .18);
      --muted: #676979; /* Soft Slate */
      --serif: "Literata", Georgia, "Times New Roman", serif;
      --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --radius: 16px;
      --shadow: 0 18px 46px rgba(20, 21, 33, .08);
      --page: min(1280px, calc(100% - 48px));
      --soft: #f3f1eb;
      --catalog-sticky-header-height: 0px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font: 15px/1.45 var(--sans);
    }
    button, input, select { font: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button { color: inherit; }
    a { color: inherit; text-decoration: none; }
    h1, h2, h3, p { margin-top: 0; }
    h1, h2, .display {
      font-family: var(--serif);
      font-weight: 500;
      letter-spacing: -.035em;
    }
    h1 { font-size: clamp(42px, 6vw, 78px); line-height: .98; margin-bottom: 24px; }
    h2 { font-size: clamp(32px, 4vw, 52px); line-height: 1.04; margin-bottom: 18px; }
    h3 { font-size: 18px; margin-bottom: 8px; }
    .page { width: var(--page); margin-inline: auto; }
    .muted { color: var(--muted); }
    .eyebrow {
      display: inline-flex;
      gap: 8px;
      align-items: center;
      margin-bottom: 18px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; }
    .btn {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border: 1px solid var(--ink);
      border-radius: 999px;
      background: transparent;
      cursor: pointer;
      transition: .18s ease;
      font-weight: 650;
    }
    .btn:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
    .btn.primary { color: white; background: var(--ink); }
    .btn.light { border-color: var(--white); color: var(--white); }
    .btn.small { min-height: 38px; padding-inline: 16px; font-size: 13px; }
    .btn.block { width: 100%; }
    .link-button {
      padding: 0;
      border: 0;
      background: none;
      cursor: pointer;
      font-weight: 650;
      text-decoration: underline;
      text-underline-offset: 5px;
    }
    .chip {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 0 15px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--white);
      cursor: pointer;
      transition: .15s ease;
    }
    .chip:hover, .chip.active { border-color: var(--ink); background: var(--ink); color: white; }

    .notice {
      padding: 10px 16px;
      background: var(--ink);
      color: white;
      text-align: center;
      font-size: 13px;
    }
    .notice b { margin-inline: 5px; }
    .header {
      position: sticky;
      z-index: 20;
      top: 0;
      border-bottom: 1px solid var(--line);
      background: rgba(251,250,246,.94);
      backdrop-filter: blur(16px);
    }
    .header-inner {
      display: grid;
      grid-template-columns: 210px 1fr auto;
      min-height: 78px;
      align-items: center;
      gap: 28px;
    }
    .logo {
      display: inline-flex;
      min-width: 0;
      padding: 0;
      align-items: center;
      border: 0;
      background: none;
      cursor: pointer;
    }
    .brand-wordmark {
      display: block;
      width: 210px;
      aspect-ratio: 3607 / 981;
      flex: 0 0 auto;
    }
    .brand-wordmark img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .brand-monogram {
      position: relative;
      display: none;
      width: 44px;
      aspect-ratio: 1048 / 981;
      overflow: hidden;
      flex: 0 0 auto;
    }
    .brand-monogram img {
      position: absolute;
      left: 50%;
      top: 50%;
      width: auto;
      height: 100%;
      max-width: none;
      transform: translate(-46.52%, -50%);
    }
    .brand-monogram::after {
      position: absolute;
      z-index: 2;
      left: 0;
      top: 28%;
      width: 3.5%;
      height: 25%;
      background: var(--paper);
      content: "";
    }
    .footer-logo .brand-wordmark { width: 220px; }
    .nav { display: flex; align-items: center; gap: 28px; }
    .nav button {
      padding: 8px 0;
      border: 0;
      border-bottom: 1px solid transparent;
      background: none;
      cursor: pointer;
    }
    .nav button:hover, .nav button.active { border-color: var(--ink); }
    .actions { display: flex; align-items: center; gap: 8px; }
    .icon-btn {
      position: relative;
      display: grid;
      width: 42px;
      height: 42px;
      place-items: center;
      border: 1px solid var(--line);
      border-radius: 50%;
      background: var(--white);
      cursor: pointer;
    }
    .badge {
      position: absolute;
      right: -3px;
      top: -4px;
      display: none;
      min-width: 18px;
      height: 18px;
      padding: 0 5px;
      place-items: center;
      border-radius: 999px;
      background: var(--ink);
      color: white;
      font-size: 10px;
    }
    .badge.show { display: grid; }

    .site-header {
      position: sticky !important;
      z-index: 55;
      top: 0 !important;
      background: rgba(255, 255, 255, .96);
      border-bottom: 1px solid rgba(20, 21, 33, .12);
      box-shadow: 0 14px 34px rgba(20, 21, 33, .05);
      backdrop-filter: blur(18px);
    }
    .lt-production-header {
      position: sticky !important;
      top: 0 !important;
      z-index: 80 !important;
    }
    .site-header-top {
      border-bottom: 1px solid rgba(20, 21, 33, .08);
      background: #fbfaf7;
    }
    .site-header-top-inner {
      display: flex;
      min-height: 38px;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }
    .site-top-menu,
    .site-header-meta,
    .site-header-actions,
    .site-header-mobile-scroll {
      display: flex;
      align-items: center;
    }
    .site-top-menu {
      gap: 18px;
      color: #555761;
      font-size: 13px;
      font-weight: 650;
      white-space: nowrap;
    }
    .site-top-menu a {
      padding-block: 9px;
      border-bottom: 1px solid transparent;
      transition: color .16s ease, border-color .16s ease;
    }
    .site-top-menu a:hover,
    .site-top-menu a.active {
      color: var(--ink);
      border-color: var(--red);
    }
    .site-header-meta {
      gap: 16px;
      color: #676979;
      font-size: 12px;
      font-weight: 650;
      white-space: nowrap;
    }
    .site-header-phone {
      color: var(--ink);
      font-size: 15px;
      font-weight: 800;
    }
    .site-header-callback {
      min-height: 30px;
      padding: 0 13px;
      border: 1px solid rgba(22, 48, 116, .22);
      border-radius: 999px;
      background: #fff;
      color: var(--blue);
      cursor: pointer;
      font-size: 12px;
      font-weight: 800;
    }
    .site-header-main-inner {
      display: grid;
      grid-template-columns: minmax(150px, 230px) auto minmax(260px, 1fr) auto;
      min-height: 82px;
      align-items: center;
      gap: 18px;
    }
    .site-logo {
      display: inline-flex;
      min-width: 0;
      align-items: center;
    }
    .site-logo img {
      display: block;
      width: min(230px, 100%);
      height: auto;
    }
    .site-catalog-button {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      gap: 11px;
      border: 0;
      border-radius: 999px;
      background: var(--red);
      color: #fff;
      box-shadow: 0 12px 26px rgba(222, 13, 26, .20);
      font-size: 15px;
      font-weight: 850;
      transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
      white-space: nowrap;
    }
    .site-catalog-button:hover {
      background: var(--red-dark);
      box-shadow: 0 16px 30px rgba(222, 13, 26, .24);
      transform: translateY(-1px);
    }
    .site-catalog-icon {
      position: relative;
      display: grid;
      width: 18px;
      height: 14px;
      place-items: center;
    }
    .site-catalog-icon::before,
    .site-catalog-icon::after,
    .site-catalog-icon span {
      display: block;
      width: 18px;
      height: 2px;
      border-radius: 999px;
      background: currentColor;
      content: "";
    }
    .site-catalog-icon::before { position: absolute; top: 0; }
    .site-catalog-icon::after { position: absolute; bottom: 0; }
    .site-header-search {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) auto;
      min-height: 48px;
      align-items: center;
      overflow: hidden;
      border: 1px solid rgba(20, 21, 33, .18);
      border-radius: 999px;
      background: #fff;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    }
    .site-header-search:focus-within {
      border-color: rgba(22, 48, 116, .45);
      box-shadow: 0 0 0 4px rgba(49, 85, 231, .08);
    }
    .site-header-search-icon {
      display: grid;
      height: 100%;
      place-items: center;
      color: #676979;
      font-size: 20px;
    }
    .site-header-search input {
      min-width: 0;
      height: 100%;
      border: 0;
      outline: 0;
      background: transparent;
      color: var(--ink);
      font-size: 15px;
      font-weight: 600;
    }
    .site-header-search input::placeholder { color: rgba(103, 105, 121, .78); }
    .site-header-search button {
      height: 40px;
      margin-right: 4px;
      padding: 0 22px;
      border: 0;
      border-radius: 999px;
      background: var(--ink);
      color: #fff;
      cursor: pointer;
      font-size: 14px;
      font-weight: 850;
    }
    .site-header-actions {
      gap: 8px;
      justify-content: flex-end;
    }
    .site-action-link {
      position: relative;
      display: grid;
      min-width: 76px;
      justify-items: center;
      gap: 4px;
      padding: 5px 8px;
      border-radius: 14px;
      color: #555761;
      font-size: 11px;
      font-weight: 750;
      transition: background .16s ease, color .16s ease;
    }
    .site-action-link:hover {
      background: #f5f4ef;
      color: var(--ink);
    }
    .site-action-icon {
      display: grid;
      width: 30px;
      height: 30px;
      place-items: center;
      border: 1px solid rgba(20, 21, 33, .16);
      border-radius: 50%;
      background: #fff;
      color: var(--ink);
      font-size: 17px;
      line-height: 1;
    }
    .site-action-count {
      position: absolute;
      top: 2px;
      right: 12px;
      min-width: 17px;
      height: 17px;
      padding: 0 4px;
      border-radius: 999px;
      background: var(--blue);
      color: #fff;
      font-size: 10px;
      line-height: 17px;
      text-align: center;
    }
    .site-header-mobile-row {
      display: none;
      border-top: 1px solid rgba(20, 21, 33, .08);
      background: #fff;
    }
    .site-header-mobile-scroll {
      gap: 8px;
      overflow-x: auto;
      padding: 10px 16px;
      scrollbar-width: none;
    }
    .site-header-mobile-scroll::-webkit-scrollbar { display: none; }
    .site-header-mobile-scroll a {
      display: inline-flex;
      min-height: 34px;
      padding: 0 14px;
      align-items: center;
      border: 1px solid rgba(20, 21, 33, .14);
      border-radius: 999px;
      background: #fff;
      font-size: 13px;
      font-weight: 800;
      white-space: nowrap;
    }
    @media (max-width: 1180px) {
      .site-header-top-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 0;
        padding-block: 6px;
      }
      .site-top-menu {
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
      }
      .site-top-menu::-webkit-scrollbar { display: none; }
      .site-header-meta {
        width: 100%;
        justify-content: space-between;
      }
      .site-header-main-inner {
        grid-template-columns: minmax(150px, 210px) auto minmax(220px, 1fr);
      }
      .site-header-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-bottom: 12px;
      }
      .site-action-link {
        min-width: auto;
        grid-auto-flow: column;
        align-items: center;
      }
    }
    @media (max-width: 820px) {
      .site-header-top {
        display: none;
      }
      .site-header-main-inner {
        grid-template-columns: minmax(120px, 1fr) auto;
        min-height: auto;
        gap: 10px;
        padding-block: 12px;
      }
      .site-logo img {
        width: min(176px, 100%);
      }
      .site-catalog-button {
        min-height: 42px;
        padding: 0 15px;
      }
      .site-header-search {
        grid-column: 1 / -1;
        order: 3;
      }
      .site-header-actions {
        display: none;
      }
      .site-header-mobile-row {
        display: block;
      }
    }
    @media (max-width: 520px) {
      .site-header-main-inner {
        width: calc(100% - 28px);
      }
      .site-catalog-button span:last-child {
        display: none;
      }
      .site-catalog-button {
        width: 44px;
        padding: 0;
      }
      .site-header-search {
        grid-template-columns: 38px minmax(0, 1fr) auto;
      }
      .site-header-search button {
        padding-inline: 16px;
      }
    }

    main { min-height: 70vh; }
    .view { display: none; animation: fade .25s ease; }
    .view.active { display: block; }
    @keyframes fade { from { opacity: 0; transform: translateY(5px); } }

    .hero-new {
      position: relative;
      display: block;
      width: 100%;
      min-height: clamp(650px, calc(100svh - 96px), 860px);
      padding-block: clamp(46px, 6vh, 76px);
      padding-inline: max(24px, calc((100vw - 1280px) / 2));
      overflow: hidden;
      border-bottom: 1px solid var(--line);
      background:
        radial-gradient(circle at 28% 49%, rgba(255,255,255,.94), rgba(255,255,255,.58) 31%, transparent 58%),
        radial-gradient(circle at 72% 58%, rgba(18,67,133,.10), transparent 38%),
        linear-gradient(180deg, #fff 0%, #fbfbf8 100%);
      isolation: isolate;
    }
    .hero-new::before {
      position: absolute;
      inset: 5% -10% auto -10%;
      z-index: 0;
      height: 92%;
      border-radius: 0 0 50% 50% / 0 0 78% 78%;
      background:
        repeating-conic-gradient(from -22deg at 50% 88%, rgba(20,21,33,.04) 0 1deg, transparent 1deg 8deg),
        radial-gradient(ellipse at 50% 88%, rgba(18,67,133,.10), transparent 48%);
      mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
      content: "";
    }
    .hero-new::after {
      position: absolute;
      inset: 6% -10% 3% -10%;
      z-index: 0;
      background:
        radial-gradient(ellipse at 20% 33%, rgba(255,255,255,.82), transparent 30%),
        radial-gradient(ellipse at 70% 64%, rgba(255,255,255,.48), transparent 42%),
        linear-gradient(112deg, transparent 0 21%, rgba(18,67,133,.043) 21.4% 21.9%, transparent 22.3% 100%),
        repeating-linear-gradient(103deg, transparent 0 64px, rgba(20,21,33,.028) 66px 68px, transparent 70px 138px),
        repeating-linear-gradient(19deg, transparent 0 86px, rgba(222,13,26,.022) 88px 89px, transparent 92px 176px);
      background-size: 100% 100%, 100% 100%, 260px 100%, 420px 420px, 520px 520px;
      background-position:
        center,
        center,
        calc(50% + var(--fabric-x, 0px)) center,
        calc(50% + var(--fabric-x, 0px)) calc(50% + var(--fabric-y, 0px)),
        calc(50% - var(--fabric-x, 0px)) calc(50% - var(--fabric-y, 0px));
      opacity: .5;
      filter: blur(.45px);
      transform: translate3d(var(--fabric-x, 0px), var(--fabric-y, 0px), 0) skewY(-2deg) scaleX(1.035);
      animation: fabricVeilDrift 13s ease-in-out infinite alternate;
      transition: transform .75s cubic-bezier(.16, 1, .3, 1), background-position .75s cubic-bezier(.16, 1, .3, 1);
      mask-image:
        radial-gradient(ellipse at 45% 59%, black 0 52%, transparent 77%),
        linear-gradient(90deg, transparent 0%, black 9%, black 90%, transparent 100%);
      mix-blend-mode: multiply;
      content: "";
      pointer-events: none;
    }
    .hero-fabric-flow {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
      opacity: .72;
      mix-blend-mode: multiply;
      pointer-events: none;
    }
    .hero-fabric-flow::before,
    .hero-fabric-flow::after {
      position: absolute;
      left: -14%;
      width: 128%;
      border-radius: 48% 52% 46% 54% / 58% 46% 54% 42%;
      background:
        radial-gradient(ellipse at 18% 22%, rgba(255,255,255,.92), transparent 36%),
        radial-gradient(ellipse at 76% 48%, rgba(255,255,255,.52), transparent 40%),
        repeating-linear-gradient(101deg, rgba(42,82,126,.035) 0 2px, transparent 2px 34px),
        repeating-linear-gradient(17deg, transparent 0 58px, rgba(20,21,33,.028) 59px 61px, transparent 62px 118px),
        linear-gradient(103deg, rgba(222,237,249,.28), rgba(255,255,255,.70) 48%, rgba(230,238,244,.20));
      background-size: 100% 100%, 100% 100%, 230px 230px, 360px 360px, 100% 100%;
      box-shadow: inset 0 0 80px rgba(255,255,255,.46);
      filter: blur(5px);
      content: "";
      will-change: transform, background-position;
    }
    .hero-fabric-flow::before {
      top: 18%;
      height: 58%;
      opacity: .44;
      transform: translate3d(calc(var(--fabric-x, 0px) * .55), calc(var(--fabric-y, 0px) * .35), 0) rotate(-2deg);
      animation: heroFabricWave 15s ease-in-out infinite alternate;
    }
    .hero-fabric-flow::after {
      top: 36%;
      height: 44%;
      opacity: .30;
      transform: translate3d(calc(var(--fabric-x, 0px) * -.4), calc(var(--fabric-y, 0px) * .5), 0) rotate(4deg) scaleY(.8);
      animation: heroFabricWaveReverse 18s ease-in-out infinite alternate;
    }
    .hero-left {
      position: relative;
      z-index: 4;
      display: flex;
      min-height: clamp(540px, 62vh, 690px);
      max-width: 640px;
      flex-direction: column;
      justify-content: center;
    }
    .hero-breadcrumbs {
      display: inline-flex;
      width: max-content;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--muted);
      margin-bottom: 24px;
      font-weight: 700;
    }
    .hero-breadcrumb-current {
      color: var(--ink);
    }
    .hero-breadcrumb-arrow {
      position: relative;
      width: 70px;
      height: 1px;
      background: linear-gradient(90deg, rgba(20,21,33,.25), var(--red));
      overflow: visible;
    }
    .hero-breadcrumb-arrow::after {
      position: absolute;
      right: -1px;
      top: 50%;
      width: 8px;
      height: 8px;
      border-top: 1px solid var(--red);
      border-right: 1px solid var(--red);
      transform: translateY(-50%) rotate(45deg);
      content: "";
    }
    .hero-breadcrumb-target {
      position: relative;
      display: inline-flex;
      padding: 5px 12px;
      overflow: hidden;
      align-items: center;
      appearance: none;
      border: 1px solid rgba(222,13,26,.22);
      border-radius: 999px;
      background: rgba(222,13,26,.06);
      color: var(--red);
      cursor: pointer;
      font: inherit;
      letter-spacing: inherit;
      text-transform: inherit;
      white-space: nowrap;
    }
    .hero-breadcrumb-target::before {
      position: absolute;
      inset: 0;
      background: linear-gradient(110deg, transparent 0 35%, rgba(255,255,255,.8) 45%, transparent 58%);
      transform: translateX(-120%);
      animation: breadcrumbShine 2.8s ease-in-out infinite;
      content: "";
    }
    @keyframes breadcrumbShine {
      0%, 45% { transform: translateX(-120%); }
      80%, 100% { transform: translateX(120%); }
    }
    .hero-title {
      font-family: var(--serif);
      font-size: clamp(42px, 5.2vw, 68px);
      line-height: 1.04;
      font-weight: 500;
      color: var(--ink);
      margin-bottom: 16px;
      letter-spacing: -0.025em;
    }
    .serif-italic {
      font-style: italic;
      color: var(--red);
      font-family: var(--serif);
    }
    .hero-subtitle {
      font-size: clamp(16px, 1.8vw, 19px);
      color: var(--muted);
      margin-bottom: 38px;
      line-height: 1.45;
    }
    .hero-search-container {
      position: relative;
      max-width: 650px;
      width: 100%;
    }
    .hero-search-form {
      display: flex;
      align-items: center;
      gap: 12px;
      background: var(--white);
      border: 1px solid var(--stone);
      border-radius: 999px;
      padding: 6px 6px 6px 20px;
      box-shadow: 0 4px 22px rgba(20,21,33,0.04);
      transition: border-color 0.16s ease, box-shadow 0.16s ease;
    }
    .hero-search-form:focus-within {
      border-color: var(--ink);
      box-shadow: 0 8px 30px rgba(20,21,33,0.08);
    }
    .search-icon {
      font-size: 20px;
      color: var(--muted);
      display: inline-flex;
      align-items: center;
    }
    .hero-search-input {
      flex: 1;
      border: 0;
      outline: 0;
      background: transparent;
      font-size: 15px;
      color: var(--ink);
      padding-block: 8px;
    }
    .hero-search-scope {
      display: flex;
      gap: 4px;
      background: var(--paper);
      border-radius: 999px;
      padding: 3px;
      margin-right: 4px;
    }
    .scope-pill {
      position: relative;
      cursor: pointer;
      display: inline-block;
    }
    .scope-pill input[type="radio"] {
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
    }
    .scope-pill span {
      display: inline-block;
      padding: 6px 14px;
      font-size: 13px;
      font-weight: 600;
      border-radius: 999px;
      transition: background 0.16s, color 0.16s;
      color: var(--muted);
    }
    .scope-pill input:checked + span {
      background: var(--white);
      color: var(--ink);
      box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    }
    .hero-search-submit-btn {
      background: var(--red);
      color: var(--white);
      border: 0;
      border-radius: 999px;
      padding: 10px 24px;
      font-weight: 600;
      font-size: 14px;
      cursor: pointer;
      transition: background-color 0.16s ease, transform 0.16s ease;
    }
    .hero-search-submit-btn:hover {
      background: var(--red-dark);
      transform: translateY(-1px);
    }
    .hero-search-submit-btn:active {
      transform: none;
    }

    .hero-right {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
    }
    .hero-fan-carousel {
      position: absolute;
      right: max(24px, calc((100vw - 1280px) / 2));
      top: 50%;
      width: clamp(360px, 43vw, 560px);
      aspect-ratio: 1;
      min-height: 0;
      overflow: visible;
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.42) 0 22%, transparent 22%),
        conic-gradient(from -25deg, rgba(222,13,26,.08), transparent 18%, rgba(18,67,133,.10), transparent 44%, rgba(222,13,26,.06), transparent 74%),
        #fbf4e5;
      box-shadow: 0 28px 90px rgba(20,21,33,.10), inset 0 0 0 1px rgba(20,21,33,.05);
      opacity: .72;
      isolation: isolate;
      pointer-events: auto;
      transition: transform .52s cubic-bezier(.16, 1, .3, 1), box-shadow .52s ease, opacity .52s ease;
      transform: translate3d(var(--tilt-x, 0px), calc(-50% + var(--tilt-y, 0px)), 0) rotate(var(--tilt-rot, 0deg)) scale(var(--radial-scale, 1));
      will-change: transform;
    }
    .hero-fan-carousel.is-reacting {
      --fan-open: -8px;
      --radial-scale: 1.018;
      opacity: .84;
      box-shadow: 0 34px 105px rgba(20,21,33,.13), inset 0 0 0 1px rgba(20,21,33,.05);
    }
    .hero-fan-carousel::before {
      position: absolute;
      inset: 12%;
      border-radius: 50%;
      background:
        radial-gradient(circle, rgba(255,255,255,.56), transparent 62%),
        repeating-conic-gradient(from 0deg, rgba(20,21,33,.055) 0 1deg, transparent 1deg 30deg);
      opacity: .55;
      animation: radialCompassTurn 22s linear infinite;
      content: "";
    }
    .hero-fan-carousel::after {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--red);
      box-shadow: 0 0 0 14px rgba(222,13,26,.10), 0 0 60px rgba(222,13,26,.24);
      transform: translate(-50%, -50%);
      content: "";
    }
    .radial-center-action {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 12;
      display: grid;
      width: clamp(132px, 13vw, 172px);
      aspect-ratio: 1;
      padding: 18px;
      place-items: center;
      border: 0;
      border-radius: 50%;
      background: linear-gradient(180deg, rgba(255,255,255,.55) 0 49%, var(--red) 50% 100%);
      color: var(--ink);
      cursor: pointer;
      font: inherit;
      text-align: center;
      transform: translate(-50%, -50%);
      box-shadow: 0 16px 44px rgba(20,21,33,.11);
    }
    .radial-center-action span {
      align-self: end;
      color: rgba(20,21,33,.62);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .radial-center-action strong {
      align-self: start;
      color: white;
      font-size: 15px;
      font-weight: 850;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .radial-center-action i {
      position: absolute;
      left: 50%;
      top: 50%;
      display: grid;
      width: 30px;
      height: 30px;
      place-items: center;
      border-radius: 50%;
      background: white;
      color: var(--ink);
      font-style: normal;
      transform: translate(-50%, -50%);
      box-shadow: 0 8px 18px rgba(20,21,33,.10);
    }
    .fan-card {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: var(--fan-z, 1);
      display: grid;
      width: clamp(76px, 7vw, 100px);
      min-height: 78px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--ink);
      cursor: pointer;
      font: inherit;
      text-align: center;
      box-shadow: none;
      transform:
        translate(-50%, -50%)
        rotate(var(--angle, 0deg))
        translateY(calc(var(--pull, -182px) + var(--fan-open, 0px)))
        rotate(var(--counter-angle, 0deg))
        rotate(var(--card-tilt, 0deg));
      transform-origin: center center;
      opacity: .78;
      transition:
        transform 1.05s cubic-bezier(.16, 1, .3, 1),
        opacity .28s ease;
      isolation: isolate;
      pointer-events: auto;
    }
    .fan-card::before {
      display: grid;
      width: 42px;
      height: 42px;
      margin: 0 auto 6px;
      place-items: center;
      border: 1px solid rgba(20,21,33,.28);
      border-radius: 50%;
      background: rgba(255,255,255,.55);
      color: var(--ink);
      font-size: 20px;
      line-height: 1;
      content: attr(data-icon);
      transition: background .2s ease, color .2s ease, border-color .2s ease;
    }
    .fan-card::after {
      display: none;
    }
    .fan-card:hover {
      z-index: 30;
      opacity: 1;
      transform:
        translate(-50%, -50%)
        rotate(var(--angle, 0deg))
        translateY(calc(var(--hover-pull, -194px) + var(--fan-open, 0px)))
        rotate(var(--counter-angle, 0deg))
        rotate(var(--card-tilt, 0deg))
        scale(1.06);
    }
    .fan-card:hover::before,
    .fan-card.is-active::before {
      border-color: var(--red);
      background: var(--red);
      color: white;
    }
    .fan-kicker {
      display: none;
    }
    .fan-label {
      position: static;
      display: block;
      font-family: var(--sans);
      font-size: 10px;
      font-weight: 850;
      line-height: 1.1;
      text-transform: uppercase;
      letter-spacing: .035em;
      text-shadow: none;
    }
    .fan-note {
      display: block;
      margin-top: 4px;
      color: rgba(20,21,33,.56);
      font: 750 8px/1.12 var(--sans);
      text-transform: uppercase;
      letter-spacing: .04em;
      opacity: 1;
    }
    @keyframes radialCompassTurn {
      to { transform: rotate(360deg); }
    }
    @keyframes fabricVeilDrift {
      from { translate: -12px -4px; opacity: .54; }
      to { translate: 12px 6px; opacity: .70; }
    }
    @keyframes heroFabricWave {
      0% {
        background-position: center, center, 0 0, 0 0, center;
        transform: translate3d(-28px, 10px, 0) rotate(-2.2deg) skewX(-3deg) scaleX(1.02);
      }
      100% {
        background-position: center, center, 58px 22px, -36px 18px, center;
        transform: translate3d(26px, -8px, 0) rotate(2deg) skewX(4deg) scaleX(1.06);
      }
    }
    @keyframes heroFabricWaveReverse {
      0% {
        background-position: center, center, -34px 10px, 24px -8px, center;
        transform: translate3d(24px, -4px, 0) rotate(4deg) skewX(2deg) scaleY(.8);
      }
      100% {
        background-position: center, center, 28px -16px, -42px 20px, center;
        transform: translate3d(-22px, 9px, 0) rotate(1deg) skewX(-5deg) scaleY(.86);
      }
    }
    .discovery-strip-section {
      padding-block: 46px 58px;
      border-bottom: 1px solid var(--line);
    }
    .discovery-strip {
      position: relative;
      display: flex;
      gap: 14px;
      min-height: 138px;
      overflow-x: auto;
      padding-bottom: 10px;
      scroll-snap-type: x proximity;
      scrollbar-width: none;
    }
    .discovery-strip::-webkit-scrollbar {
      display: none;
    }
    .discovery-tile {
      position: relative;
      display: flex;
      flex: 0 0 var(--tile-w, 178px);
      min-height: 128px;
      padding: 14px;
      overflow: hidden;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      gap: 10px;
      border: 1px solid rgba(20,21,33,.09);
      border-radius: 8px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,247,244,.92)),
        var(--tile-bg, transparent);
      color: var(--ink);
      cursor: pointer;
      font: inherit;
      text-align: left;
      box-shadow: 0 12px 30px rgba(20,21,33,.07);
      transform: rotate(var(--tilt, 0deg));
      animation:
        discoveryReveal .72s cubic-bezier(.16, 1, .3, 1) both,
        discoveryDrift var(--drift, 8s) ease-in-out infinite alternate;
      animation-delay: var(--delay, 0s), calc(var(--delay, 0s) + .8s);
      transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, filter .24s ease;
      isolation: isolate;
      scroll-snap-align: start;
    }
    .discovery-tile::before {
      position: absolute;
      inset: 0;
      z-index: -2;
      background-image: var(--tile-img);
      background-size: cover;
      background-position: center;
      opacity: 0;
      transform: scale(1.02);
      transition: transform .45s ease, opacity .28s ease;
      content: "";
    }
    .discovery-tile::after {
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(180deg, rgba(20,21,33,.02), rgba(20,21,33,.08));
      opacity: .35;
      content: "";
    }
    .discovery-tile.has-image {
      color: white;
      text-shadow: 0 1px 14px rgba(0,0,0,.28);
    }
    .discovery-tile.has-image::before {
      opacity: 1;
    }
    .discovery-tile.has-image::after {
      background: linear-gradient(180deg, rgba(20,21,33,.10), rgba(20,21,33,.72));
      opacity: 1;
    }
    .discovery-tile:hover {
      z-index: 2;
      border-color: rgba(20,21,33,.28);
      box-shadow: 0 18px 44px rgba(20,21,33,.16);
      filter: saturate(1.05);
      transform: translateY(-4px) rotate(0deg) scale(1.02);
    }
    .discovery-tile:hover::before {
      transform: scale(1.09);
    }
    .tile-size-hero { --tile-w: 250px; }
    .tile-size-wide { --tile-w: 225px; }
    .tile-size-tall { --tile-w: 190px; }
    .tile-size-mid { --tile-w: 176px; }
    .tile-size-chip { --tile-w: 150px; }
    .tile-tone-red {
      background:
        radial-gradient(circle at 80% 20%, rgba(222,13,26,.16), transparent 38%),
        linear-gradient(135deg, #fff, #fff7f7);
    }
    .tile-tone-blue {
      background:
        radial-gradient(circle at 18% 18%, rgba(18,67,133,.14), transparent 38%),
        linear-gradient(135deg, #fff, #f3f7fc);
    }
    .tile-tone-dark {
      background: linear-gradient(135deg, #151621, #2c3342);
      color: white;
    }
    .discovery-kicker {
      display: inline-flex;
      max-width: 100%;
      padding: 4px 8px;
      border: 1px solid currentColor;
      border-radius: 999px;
      font-size: 9px;
      font-weight: 850;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .08em;
      opacity: .72;
    }
    .discovery-value {
      display: block;
      max-width: 100%;
      font-family: var(--serif);
      font-size: clamp(18px, 2.2vw, 26px);
      font-weight: 600;
      line-height: .98;
    }
    .tile-size-chip .discovery-value,
    .tile-size-mid .discovery-value {
      font-size: clamp(15px, 1.6vw, 19px);
    }
    .discovery-note {
      display: block;
      max-width: 100%;
      color: currentColor;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.18;
      opacity: .72;
    }
    .discovery-meter {
      position: relative;
      display: block;
      width: min(100%, 116px);
      height: 3px;
      margin-top: 7px;
      overflow: hidden;
      border-radius: 999px;
      background: rgba(20,21,33,.12);
    }
    .discovery-meter i {
      display: block;
      width: var(--meter, 68%);
      height: 100%;
      border-radius: inherit;
      background: var(--red);
    }
    .has-image .discovery-meter {
      background: rgba(255,255,255,.28);
    }
    .has-image .discovery-meter i,
    .tile-tone-dark .discovery-meter i {
      background: white;
    }
    @keyframes discoveryReveal {
      from { opacity: 0; filter: blur(5px); }
      to { opacity: 1; filter: blur(0); }
    }
    @keyframes discoveryDrift {
      from { translate: 0 0; }
      to { translate: 0 -5px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .hero-new::after,
      .hero-fabric-flow::before,
      .hero-fabric-flow::after,
      .hero-fan-carousel::before,
      .fan-card,
      .discovery-tile {
        animation: none;
        transition: none;
      }
    }

    .metrics {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-bottom: 1px solid var(--line);
    }
    .metric { padding: 34px 4vw; border-right: 1px solid var(--line); }
    .metric:last-child { border-right: 0; }
    .metric strong { display: block; font: 500 clamp(30px,4vw,48px) Georgia, serif; }
    .metric span { color: var(--muted); }
    .section { padding-block: 90px; }
    .section-head {
      display: flex;
      margin-bottom: 34px;
      align-items: end;
      justify-content: space-between;
      gap: 24px;
    }
    .section-head > div { max-width: 720px; }
    .section-head--compact {
      margin-bottom: 18px;
      align-items: center;
    }
    .section-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0;
      color: var(--ink);
      font-weight: 700;
    }
    .section-kicker::after {
      width: 1px;
      height: 18px;
      background: var(--line);
      content: "";
    }
    .section-kicker span {
      color: var(--muted);
      font-weight: 500;
    }
    .home-commercial-section {
      padding-block: 46px;
      border-bottom: 1px solid var(--line);
    }
    .home-commercial-section + .home-commercial-section {
      padding-top: 54px;
    }
    .popular-category-strip {
      display: flex;
      gap: 14px;
      overflow-x: auto;
      padding-bottom: 4px;
      scroll-snap-type: x proximity;
      scrollbar-width: none;
    }
    .popular-category-strip::-webkit-scrollbar {
      display: none;
    }
    .popular-category-benefit {
      position: relative;
      flex: 0 0 190px;
      min-height: 132px;
      padding: 16px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 12px;
      background:
        radial-gradient(circle at 85% 10%, rgba(222,13,26,.12), transparent 32%),
        linear-gradient(135deg, #fff, var(--paper));
      color: var(--ink);
      cursor: pointer;
      font: inherit;
      text-align: left;
      scroll-snap-align: start;
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .popular-category-benefit:hover {
      transform: translateY(-2px);
      border-color: rgba(222,13,26,.32);
      box-shadow: 0 16px 36px rgba(20,21,33,.08);
    }
    .popular-category-benefit strong {
      display: block;
      max-width: 150px;
      margin-bottom: 10px;
      font-family: var(--serif);
      font-size: 31px;
      font-weight: 600;
      line-height: .95;
    }
    .popular-category-benefit span {
      display: block;
      max-width: 128px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    .popular-category-benefit .benefit-arrow {
      position: absolute;
      right: 14px;
      bottom: 14px;
      display: grid;
      width: 34px;
      height: 34px;
      place-items: center;
      border-radius: 50%;
      background: var(--red);
      color: white;
      font-size: 16px;
      line-height: 1;
    }
    .popular-category-tile {
      position: relative;
      display: flex;
      flex: 0 0 var(--tile-w, 180px);
      min-height: 132px;
      padding: 14px;
      overflow: hidden;
      align-items: flex-end;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--ink);
      color: white;
      cursor: pointer;
      font: inherit;
      text-align: left;
      isolation: isolate;
      scroll-snap-align: start;
    }
    .popular-category-tile--wide { --tile-w: 225px; }
    .popular-category-tile--mid { --tile-w: 170px; }
    .popular-category-tile--short { --tile-w: 130px; }
    .popular-category-tile::before {
      position: absolute;
      inset: 0;
      z-index: -2;
      background-image: var(--img);
      background-size: cover;
      background-position: center;
      transition: transform .36s ease;
      content: "";
    }
    .popular-category-tile::after {
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(180deg, rgba(20,21,33,.05), rgba(20,21,33,.72));
      content: "";
    }
    .popular-category-tile:hover::before {
      transform: scale(1.06);
    }
    .popular-category-tile b {
      display: block;
      max-width: calc(100% - 34px);
      font-family: var(--serif);
      font-size: 20px;
      font-weight: 600;
      line-height: 1.05;
    }
    .popular-category-tile > span:not(.popular-category-dot) {
      display: block;
      color: rgba(255,255,255,.82);
      font-size: 12px;
      font-weight: 600;
    }
    .popular-category-dot {
      position: absolute;
      right: 12px;
      top: 12px;
      display: grid;
      width: 30px;
      height: 30px;
      place-items: center;
      border: 1px solid rgba(255,255,255,.55);
      border-radius: 50%;
      background: rgba(255,255,255,.12);
      color: white;
      font-size: 14px;
      line-height: 1;
      backdrop-filter: blur(10px);
    }

    .category-carousel-wrapper {
      overflow: hidden;
      width: 100%;
    }
    .category-carousel-track {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px;
      width: 100%;
    }
    .category-card-new {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      background: var(--white);
      border: 1px solid var(--stone);
      aspect-ratio: 0.82;
      display: flex;
      flex-direction: column;
      cursor: pointer;
      transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
    }
    .category-card-new:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 30px rgba(20,21,33,0.08);
      border-color: var(--ink);
    }
    .category-card-image {
      flex: 1;
      background-image: var(--img);
      background-size: cover;
      background-position: center;
      transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .category-card-sketch {
      position: relative;
      display: grid;
      padding: 18px;
      place-items: center;
      background:
        radial-gradient(circle at 22% 20%, color-mix(in srgb, var(--sketch-tint, #f5e9e1) 72%, white) 0 19%, transparent 42%),
        radial-gradient(circle at 74% 72%, rgba(18,67,133,.08), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,.94), color-mix(in srgb, var(--sketch-tint, #f5e9e1) 34%, white));
      isolation: isolate;
    }
    .category-card-sketch::before {
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(90deg, rgba(20,21,33,.045) 1px, transparent 1px),
        linear-gradient(0deg, rgba(20,21,33,.035) 1px, transparent 1px);
      background-size: 34px 34px;
      mask-image: radial-gradient(circle at 50% 50%, black, transparent 78%);
      content: "";
    }
    .category-card-sketch::after {
      position: absolute;
      inset: 18px;
      z-index: -1;
      border: 1px solid rgba(20,21,33,.08);
      border-radius: 999px 999px 18px 18px / 58% 58% 18px 18px;
      content: "";
    }
    .category-card-sketch svg {
      width: min(88%, 190px);
      height: 88%;
      color: var(--ink);
      overflow: visible;
      filter: drop-shadow(0 18px 18px rgba(20,21,33,.08));
      transition: transform .32s cubic-bezier(.16, 1, .3, 1);
    }
    .category-card-new:hover .category-card-sketch svg {
      transform: rotate(-1.5deg) translateY(-3px);
    }
    .sketch-line {
      fill: none;
      stroke: currentColor;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }
    .sketch-thin {
      fill: none;
      stroke: rgba(20,21,33,.45);
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }
    .sketch-accent {
      fill: none;
      stroke: var(--sketch-accent, var(--red));
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }
    .sketch-wash {
      fill: color-mix(in srgb, var(--sketch-tint, #f5e9e1) 68%, white);
      stroke: none;
      opacity: .78;
    }
    .sketch-dot {
      fill: var(--sketch-accent, var(--red));
      stroke: none;
    }
    .category-card-sketch--dress { --sketch-tint: #f6e8e8; --sketch-accent: var(--red); }
    .category-card-sketch--suit { --sketch-tint: #e7edf4; --sketch-accent: #124385; }
    .category-card-sketch--evening { --sketch-tint: #ece7f1; --sketch-accent: #8b2330; }
    .category-card-sketch--outer { --sketch-tint: #e8e1d4; --sketch-accent: #7b5b40; }
    .category-card-sketch--natural { --sketch-tint: #eef0dc; --sketch-accent: #55745b; }
    .category-card-new:hover .category-card-image {
      transform: scale(1.04);
    }
    .category-card-info {
      padding: 16px 20px;
      background: var(--white);
      z-index: 2;
    }
    .category-card-info h3 {
      font-family: var(--serif);
      font-size: 18px;
      margin-bottom: 4px;
      font-weight: 500;
      color: var(--ink);
    }
    .category-card-info p {
      font-size: 13px;
      color: var(--muted);
      margin: 0;
    }

    .properties-row-new {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 12px;
    }
    .property-pill-new {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      text-align: left;
      padding: 22px 24px;
      border: 1px solid var(--stone);
      border-radius: 12px;
      background: var(--white);
      cursor: pointer;
      transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
    }
    .property-pill-new:hover {
      transform: translateY(-2px);
      border-color: var(--ink);
      box-shadow: 0 8px 24px rgba(20,21,33,0.06);
    }
    .prop-icon {
      width: 24px;
      height: 24px;
      color: var(--red);
      margin-bottom: 16px;
    }
    .prop-name {
      font-size: 17px;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 4px;
    }
    .prop-desc {
      font-size: 12px;
      color: var(--muted);
      line-height: 1.35;
    }
    .finder {
      display: grid;
      grid-template-columns: 1fr 1fr;
      overflow: hidden;
      border-radius: 24px;
      background: var(--ink);
      color: white;
    }
    .finder-copy { padding: 60px; }
    .finder-copy p { max-width: 530px; color: #c9c7bf; }
    .finder-form { padding: 44px; background: #302f2c; }
    .question { margin-bottom: 26px; }
    .question label { display: block; margin-bottom: 10px; color: #d6d4cd; font-size: 13px; }
    .choice-row { display: flex; flex-wrap: wrap; gap: 8px; }
    .choice {
      min-height: 38px;
      padding: 0 14px;
      border: 1px solid #65635d;
      border-radius: 999px;
      color: white;
      background: transparent;
      cursor: pointer;
    }
    .choice.active { color: var(--ink); background: white; border-color: white; }

    /* Premium Advantages Block */
    .advantages-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      margin-top: 32px;
    }
    .advantage-card {
      padding: 24px;
      border: 1px solid var(--stone);
      border-radius: 12px;
      background: var(--white);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .advantage-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(20, 21, 33, 0.05);
    }
    .advantage-icon {
      width: 32px;
      height: 32px;
      color: var(--red);
      margin-bottom: 16px;
    }
    .advantage-card h3 {
      font-size: 16px;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 8px;
    }
    .advantage-card p {
      font-size: 12.5px;
      color: var(--muted);
      line-height: 1.4;
      margin: 0;
    }

    /* Popular Category Spotlight Banner */
    .popular-category-banner {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 48px;
      background: #fbf9f4;
      border: 1px solid var(--line);
      border-radius: 20px;
      padding: 44px 48px;
      align-items: center;
      margin-top: 16px;
    }
    .popular-category-images {
      position: relative;
      aspect-ratio: 1.45;
      width: 100%;
      border-radius: 12px;
      overflow: hidden;
      background: #f0ede8;
    }
    .popular-category-images img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }
    .popular-category-banner:hover .popular-category-images img {
      transform: scale(1.03);
    }
    .popular-category-info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .popular-category-tag {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--red);
      font-weight: 700;
      margin-bottom: 12px;
    }
    .popular-category-info h2 {
      font-family: var(--serif);
      font-size: clamp(28px, 3.5vw, 40px);
      line-height: 1.1;
      color: var(--ink);
      margin-bottom: 16px;
    }
    .popular-category-info p {
      font-size: 14px;
      color: var(--muted);
      line-height: 1.45;
      margin-bottom: 24px;
    }
    .popular-category-info .bullet-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 24px;
      width: 100%;
    }
    .popular-category-info .bullet-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      color: var(--ink);
    }
    .popular-category-info .bullet-item svg {
      width: 16px;
      height: 16px;
      color: var(--red);
      flex-shrink: 0;
    }

    /* Popular Products Grid styles */
    .popular-products-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 18px;
      margin-top: 18px;
    }
    .popular-products-grid--catalog {
      align-items: start;
    }
    .popular-products-grid--catalog .catalog-card {
      min-width: 0;
    }
    .popular-products-grid--catalog .catalog-card-media {
      aspect-ratio: .86;
    }
    .popular-products-grid--catalog .catalog-card-title {
      font-size: clamp(18px, 1.22vw, 21px);
    }
    .popular-product-card {
      border: 0;
      border-radius: 0;
      overflow: visible;
      background: transparent;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      color: inherit;
      padding: 0;
      font: inherit;
      text-align: left;
    }
    .popular-product-card:hover {
      transform: translateY(-2px);
    }
    .popular-card-img-wrapper {
      position: relative;
      aspect-ratio: .86;
      width: 100%;
      overflow: hidden;
      border-radius: 12px;
      background: #dedbd3;
    }
    .popular-card-img-wrapper::after {
      position: absolute;
      right: 10px;
      bottom: 10px;
      padding: 5px 9px;
      border: 1px solid rgba(255,255,255,.45);
      border-radius: 999px;
      background: rgba(20,21,33,.72);
      color: white;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .04em;
      opacity: 0;
      transform: translateY(5px);
      transition: opacity .18s ease, transform .18s ease;
      content: "";
      text-transform: uppercase;
    }
    .popular-card-img-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }
    .popular-product-card:hover .popular-card-img-wrapper::after {
      opacity: 0;
      transform: translateY(0);
    }
    .popular-product-card:hover .popular-card-img-wrapper img {
      animation: productPreviewMotion 1.15s ease-in-out infinite alternate;
      transform: scale(1.08);
    }
    @keyframes productPreviewMotion {
      from { transform: scale(1.06) translate3d(-1.5%, 0, 0); }
      to { transform: scale(1.13) translate3d(1.5%, -1%, 0); }
    }
    .popular-card-tag {
      position: absolute;
      top: 10px;
      left: 10px;
      background: rgba(255,255,255,0.9);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      font-size: 9.5px;
      font-weight: 600;
      color: var(--ink);
      padding: 4px 8px;
      border-radius: 20px;
      border: 1px solid rgba(20,21,33,0.06);
    }
    .popular-card-body {
      padding: 13px 2px 0;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }
    .popular-card-meta {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--muted);
      margin-bottom: 6px;
    }
    .popular-card-body h3 {
      min-height: 42px;
      font-family: Georgia, serif;
      font-size: clamp(17px, 1.25vw, 20px);
      font-weight: 500;
      line-height: 1.16;
      color: var(--ink);
      margin-bottom: 7px;
    }
    .popular-card-price-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: auto;
      gap: 8px;
      padding-top: 0;
      border-top: 0;
    }
    .popular-card-price {
      font-size: 15px;
      font-weight: 600;
      color: var(--ink);
      white-space: nowrap;
    }
    .popular-card-swatches {
      display: flex;
      gap: 6px;
    }
    .popular-card-swatch {
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: 1px solid rgba(0,0,0,0.1);
    }
    .popular-product-card--wide {
      grid-column: auto;
    }
    .popular-product-card--wide .popular-card-img-wrapper {
      aspect-ratio: .86;
    }
    .popular-products-actions {
      display: flex;
      justify-content: center;
      margin-top: 30px;
    }
    .popular-products-catalog-btn {
      min-width: 220px;
      background: var(--ink);
      color: white;
      box-shadow: 0 14px 38px rgba(20,21,33,.12);
    }
    .popular-products-catalog-btn::after {
      font-size: 17px;
      line-height: 1;
      content: "→";
    }
    .popular-card-action {
      margin-top: 10px;
      color: var(--red);
      font-size: 12px;
      font-weight: 800;
    }
    .advantages-band {
      display: grid;
      grid-template-columns: 1.1fr 2fr;
      gap: 34px;
      align-items: start;
    }
    .advantages-paper-section {
      position: relative;
      padding-block: 62px;
      border-bottom: 0;
      background: #f4efe3;
      box-shadow: 0 0 0 100vmax #f4efe3;
      clip-path: inset(0 -100vmax);
    }
    .advantages-lead {
      position: sticky;
      top: 110px;
    }
    .advantages-lead h2 {
      margin-bottom: 14px;
    }
    .advantage-number {
      display: block;
      margin-bottom: 12px;
      font-family: var(--serif);
      font-size: clamp(46px, 7vw, 86px);
      font-weight: 600;
      line-height: .9;
      letter-spacing: -.04em;
    }
    .advantage-card {
      min-height: 180px;
    }
    .advantage-card h3 {
      font-family: var(--serif);
      font-size: 22px;
      font-weight: 600;
      line-height: 1.05;
    }
    .advantage-card strong {
      display: block;
      margin-bottom: 10px;
      color: var(--red);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .09em;
      text-transform: uppercase;
    }

    .catalog-hero, .sub-hero {
      padding-block: 58px 38px;
      border-bottom: 1px solid var(--line);
    }
    .catalog-hero h1, .sub-hero h1 { max-width: 870px; font-size: clamp(42px,5vw,68px); }
    .search {
      display: flex;
      max-width: 720px;
      min-height: 56px;
      padding: 0 18px;
      align-items: center;
      gap: 12px;
      border: 1px solid var(--ink);
      border-radius: 999px;
      background: white;
    }
    .search input { width: 100%; border: 0; outline: 0; background: transparent; }
    .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
    .catalog-layout {
      display: grid;
      grid-template-columns: 250px 1fr;
      gap: 34px;
      padding-block: 40px 90px;
    }
    .filters { align-self: start; position: sticky; top: 104px; }
    .filter-group { padding: 20px 0; border-bottom: 1px solid var(--line); }
    .filter-group:first-child { padding-top: 0; }
    .filter-group h3 { font-size: 14px; }
    .check {
      display: flex;
      padding: 6px 0;
      align-items: center;
      gap: 10px;
      color: var(--muted);
      cursor: pointer;
    }
    .check input { accent-color: var(--ink); }
    .catalog-top {
      display: flex;
      margin-bottom: 18px;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
    }
    select {
      min-height: 40px;
      padding: 0 34px 0 13px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: white;
    }
    .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px 16px; }
    .product-card { position: relative; }
    .product-image {
      position: relative;
      overflow: hidden;
      width: 100%;
      aspect-ratio: .86;
      border-radius: 12px;
      background: #dedbd3;
      cursor: pointer;
    }
    .product-image::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .78;
      background: repeating-linear-gradient(28deg, #a8a69e 0 4px, #d0cec7 4px 13px);
    }
    .product-card:nth-child(2n) .product-image::before { background: radial-gradient(circle, #a9a69e 0 2px, transparent 3px) 0 0/15px 15px, #d7d4cc; }
    .product-card:nth-child(3n) .product-image::before { background: repeating-linear-gradient(90deg, #85847e 0 1px, #c4c2bb 1px 7px); }
    .stock-tag, .favorite {
      position: absolute;
      z-index: 2;
      top: 12px;
      min-height: 30px;
      border: 0;
      border-radius: 999px;
      background: rgba(255,255,255,.91);
    }
    .stock-tag { left: 12px; padding: 7px 11px; font-size: 11px; font-weight: 700; }
    .favorite { right: 12px; width: 30px; cursor: pointer; }
    .product-info { padding: 13px 2px 0; }
    .product-info .meta { color: var(--muted); font-size: 12px; }
    .product-info h3 { margin: 5px 0; font-family: Georgia, serif; font-size: 20px; font-weight: 500; }
    .product-info .price { display: flex; align-items: baseline; justify-content: space-between; }
    .product-info .price strong { font-size: 17px; }
    .swatches { display: flex; gap: 5px; margin-top: 10px; }
    .swatch { width: 17px; height: 17px; border: 1px solid #a5a39c; border-radius: 50%; background: #383834; }
    .swatch:nth-child(2) { background: #a7a49b; }
    .swatch:nth-child(3) { background: #e4e1d8; }

    .catalog-modern-hero {
      padding-block: 14px 2px;
      background: #fbfaf6;
    }
    .catalog-modern-breadcrumbs {
      width: var(--page);
      padding-top: 12px;
    }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      clip-path: inset(50%);
    }
    .catalog-modern-title {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 32px;
      align-items: end;
      margin-top: 24px;
    }
    .catalog-modern-title h1 {
      max-width: 860px;
      margin-bottom: 12px;
      font-size: clamp(42px, 5vw, 68px);
    }
    .catalog-modern-search {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 12px;
      max-width: 870px;
      margin-top: 0;
    }
    .catalog-modern-search label {
      display: flex;
      min-height: 54px;
      padding-inline: 18px;
      align-items: center;
      gap: 12px;
      border: 1px solid rgba(20,21,33,.26);
      border-radius: 999px;
      background: white;
      box-shadow: 0 10px 28px rgba(20,21,33,.04);
    }
    .catalog-modern-search input {
      width: 100%;
      border: 0;
      outline: 0;
      background: transparent;
      font: inherit;
    }
    .catalog-type-chips,
    .catalog-quick-paths,
    .catalog-selected-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 18px;
    }
    .catalog-type-chip,
    .catalog-quick-chip,
    .catalog-selected-chip,
    .catalog-toolbar-btn {
      display: inline-flex;
      min-height: 36px;
      padding: 0 13px;
      align-items: center;
      gap: 7px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: white;
      color: var(--ink);
      cursor: pointer;
      font: 650 12.5px/1 var(--sans);
      transition: border-color .18s ease, transform .18s ease, background .18s ease, color .18s ease;
    }
    .catalog-type-chip:hover,
    .catalog-quick-chip:hover,
    .catalog-toolbar-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(20,21,33,.42);
    }
    .catalog-type-chip.is-active,
    .catalog-toolbar-btn.is-active {
      border-color: var(--ink);
      background: var(--ink);
      color: white;
    }
    .catalog-quick-chip {
      background: #fbf5ef;
    }
    .catalog-selected-chips {
      margin-top: 12px;
      min-height: 0;
    }
    .catalog-selected-chip {
      min-height: 32px;
      border-color: rgba(20,126,76,.24);
      background: rgba(20,126,76,.09);
      color: #137447;
    }
    .catalog-selected-chip button {
      display: grid;
      width: 18px;
      height: 18px;
      padding: 0;
      place-items: center;
      border: 0;
      border-radius: 50%;
      background: rgba(20,126,76,.13);
      color: inherit;
      cursor: pointer;
    }
    .catalog-modern-shell {
      padding-block: 10px 86px;
    }
    .catalog-workhead {
      padding: 2px 0 14px;
      border-bottom: 1px solid var(--line);
    }
    .catalog-workhead .catalog-modern-search {
      grid-template-columns: minmax(320px, 680px) auto;
      max-width: 860px;
    }
    .catalog-workhead .catalog-modern-search label {
      min-height: 48px;
    }
    .catalog-search-hashtags {
      display: flex;
      max-width: 1120px;
      margin-top: 10px;
      flex-wrap: wrap;
      gap: 7px 14px;
      align-items: center;
    }
    #catalogSearchHashtags {
      display: none !important;
    }
    .catalog-search-hashtag {
      border: 0;
      background: transparent;
      color: #165fbd;
      cursor: pointer;
      font: 650 12.5px/1.25 var(--sans);
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 4px;
    }
    .catalog-search-hashtag:hover {
      color: var(--ink);
    }
    .catalog-type-chips--toolbar {
      margin: 0;
      flex: 1 1 auto;
      gap: 7px;
    }
    .catalog-type-chips--toolbar .catalog-type-chip {
      min-height: 31px;
      padding-inline: 12px;
      font-size: 12px;
    }
    .catalog-type-chip--extra {
      display: none;
    }
    .catalog-type-chips--toolbar.is-expanded .catalog-type-chip--extra {
      display: inline-flex;
    }
    .catalog-type-more {
      display: inline-flex;
      min-height: 31px;
      padding-inline: 12px;
      flex: 0 0 auto;
      align-items: center;
      gap: 5px;
      border: 0;
      background: transparent;
      color: #165fbd;
      cursor: pointer;
      font: 750 12px/1 var(--sans);
    }
    .catalog-type-more span {
      transition: transform .16s ease;
    }
    .catalog-type-chips--toolbar.is-expanded .catalog-type-more span {
      transform: rotate(180deg);
    }
    .catalog-results-control-row {
      display: flex;
      position: static !important;
      top: auto !important;
      min-height: 48px;
      margin-bottom: 18px;
      padding-bottom: 12px;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      border-bottom: 1px solid rgba(20,21,33,.10);
      background: transparent;
    }
    .catalog-results-meta {
      display: flex;
      min-width: 0;
      flex: 1 1 auto;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
    }
    .catalog-results-control-row .catalog-selected-chips {
      margin-top: 0;
      flex: 1 1 100%;
    }
    .catalog-toolbar-count--hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      clip-path: inset(50%);
    }
    .catalog-results-control-row #catalogSort {
      min-height: 34px;
      min-width: 196px;
      padding: 0 30px 0 12px;
      border: 1px solid rgba(20,21,33,.18);
      border-radius: 999px;
      background:
        linear-gradient(90deg, rgba(255,255,255,.72), rgba(255,255,255,.34)),
        rgba(255,255,255,.38);
      color: var(--ink);
      font: 650 12px/1 var(--sans);
      box-shadow: 0 10px 26px rgba(20,21,33,.04);
    }
    .catalog-mobile-filter-open {
      display: none;
    }
    .catalog-toolbar-count {
      display: inline-flex;
      min-height: 32px;
      align-items: center;
      color: var(--muted);
      font-size: 13px;
    }
    .catalog-modern-layout {
      display: grid;
      grid-template-columns: 292px minmax(0, 1fr);
      gap: 28px;
      margin-top: 10px;
    }
    .catalog-smart-sidebar {
      align-self: start;
      position: sticky;
      top: calc(var(--catalog-sticky-header-height) + 14px) !important;
      max-height: calc(100svh - var(--catalog-sticky-header-height) - 28px);
      overflow: auto;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: white;
    }
    .catalog-smart-sidebar::-webkit-scrollbar {
      width: 6px;
    }
    .catalog-smart-sidebar::-webkit-scrollbar-thumb {
      border-radius: 99px;
      background: rgba(20,21,33,.18);
    }
    .catalog-filter-head {
      margin-bottom: 8px;
      padding-bottom: 10px;
      border-bottom: 1px solid var(--line);
    }
    .catalog-filter-head-main {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
    }
    .catalog-filter-head h2 {
      margin: 0;
      font: 700 18px/1.1 var(--sans);
    }
    .catalog-filter-result-count {
      margin-top: 6px;
      color: var(--muted);
      font: 650 12px/1.25 var(--sans);
    }
    .catalog-filter-result-count b {
      color: var(--ink);
      font-weight: 850;
    }
    .catalog-filter-reset {
      border: 0;
      background: none;
      color: var(--red);
      cursor: pointer;
      opacity: .72;
      font: 520 12px/1 var(--sans);
    }
    .catalog-filter-reset:hover {
      opacity: 1;
    }
    .catalog-filter-group {
      border-top: 1px solid var(--line);
    }
    .catalog-filter-head + .catalog-filter-group {
      border-top: 0;
    }
    .catalog-filter-group summary {
      display: flex;
      min-height: 42px;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      cursor: pointer;
      font-size: 13px;
      font-weight: 850;
      list-style: none;
      text-transform: uppercase;
      letter-spacing: .04em;
    }
    .catalog-filter-group summary::-webkit-details-marker {
      display: none;
    }
    .catalog-filter-group summary::after {
      content: "+";
      color: var(--muted);
      font-size: 18px;
      line-height: 1;
    }
    .catalog-filter-group[open] summary::after {
      content: "−";
    }
    .catalog-filter-summary--stock {
      color: #13804d;
    }
    .catalog-filter-summary--stock::after {
      color: #13804d;
    }
    .catalog-stock-inline-toggle {
      display: inline-grid;
      width: 18px;
      height: 18px;
      margin-left: auto;
      place-items: center;
      border: 1px solid rgba(20, 21, 33, .24);
      border-radius: 4px;
      background: white;
      color: transparent;
      font-size: 13px;
      font-weight: 900;
      line-height: 1;
      transition: border-color .16s ease, background .16s ease, color .16s ease;
    }
    .catalog-stock-inline-toggle.is-active {
      border-color: #13804d;
      background: rgba(19, 128, 77, .1);
      color: #13804d;
    }
    .catalog-filter-options {
      display: grid;
      gap: 8px;
      padding-bottom: 15px;
    }
    .catalog-check {
      display: grid;
      grid-template-columns: 18px minmax(0, 1fr) auto;
      gap: 9px;
      align-items: center;
      color: var(--ink);
      cursor: pointer;
      font-size: 13px;
      line-height: 1.25;
    }
    .catalog-check input {
      width: 16px;
      height: 16px;
      accent-color: var(--ink);
    }
    .catalog-filter-count {
      color: var(--muted);
      font-size: 11px;
      font-weight: 650;
    }
    .catalog-color-swatch {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid rgba(20,21,33,.18);
      border-radius: 50%;
      background: var(--swatch, #ddd);
      box-shadow: inset 0 0 0 2px rgba(255,255,255,.55);
    }
    .catalog-color-swatch--print {
      background:
        linear-gradient(45deg, #de0d1a 0 25%, #124385 25% 50%, #e8c35b 50% 75%, #f5f0e7 75%);
    }
    .catalog-filter-options--colors {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding-bottom: 16px;
    }
    .catalog-color-option {
      position: relative;
      display: block;
      width: 26px;
      height: 26px;
      cursor: pointer;
    }
    .catalog-color-option input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }
    .catalog-color-option .catalog-color-swatch {
      width: 100%;
      height: 100%;
      border: 1px solid rgba(20,21,33,.16);
      box-shadow: inset 0 0 0 2px rgba(255,255,255,.72);
      transition: box-shadow .16s ease, outline-color .16s ease, transform .16s ease;
    }
    .catalog-color-option input:checked + .catalog-color-swatch {
      outline: 2px solid var(--ink);
      outline-offset: 3px;
      transform: scale(.92);
    }
    .catalog-color-option input:focus-visible + .catalog-color-swatch {
      outline: 2px solid var(--red);
      outline-offset: 3px;
    }
    .catalog-filter-options--range {
      padding: 0 0 14px;
    }
    .catalog-range-availability {
      display: none;
      width: 100%;
      min-height: 46px;
      margin: 0 0 12px;
      padding: 6px 9px 6px 10px;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      border: 1px solid rgba(17,128,75,.18);
      border-radius: 8px;
      background:
        linear-gradient(135deg, rgba(20,126,76,.14), rgba(20,126,76,.04)),
        #fbfffc;
      color: #0f7d49;
      cursor: pointer;
      font: 520 12.5px/1.12 var(--sans);
      text-align: left;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.72);
    }
    .catalog-range-availability-check {
      display: grid;
      flex: 0 0 24px;
      width: 24px;
      height: 24px;
      place-items: center;
      align-self: center;
      border: 1px solid rgba(17,128,75,.42);
      border-radius: 50%;
      background: rgba(255,255,255,.34);
      color: transparent;
      font-size: 15px;
      font-weight: 850;
      line-height: 1;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
      transition: background .18s ease, color .18s ease, transform .18s ease;
    }
    .catalog-range-availability.is-active .catalog-range-availability-check {
      background: transparent;
      color: #0f7d49;
      transform: none;
    }
    .catalog-range-availability-note {
      color: rgba(15,125,73,.66);
      font-size: 11px;
      font-weight: 650;
    }
    .catalog-range-filter {
      display: grid;
      gap: 0;
      padding-top: 1px;
    }
    .catalog-range-values {
      display: grid;
      min-height: 36px;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: 8px;
      padding: 0 12px;
      border: 1px solid rgba(20,21,33,.18);
      border-radius: 7px;
      background: rgba(255,255,255,.82);
      box-shadow: inset 0 -1px 0 rgba(20,21,33,.04);
      color: var(--ink);
      font: 650 16px/1 var(--sans);
      letter-spacing: -.02em;
    }
    .catalog-range-values output:last-child {
      color: var(--muted);
      text-align: right;
    }
    .catalog-range-track {
      --range-start: 0%;
      --range-end: 100%;
      position: relative;
      height: 24px;
      margin: -7px 26px 0;
    }
    .catalog-range-line {
      position: absolute;
      inset: 11px 0 auto;
      height: 2px;
      border-radius: 999px;
      background:
        linear-gradient(90deg,
          rgba(20,21,33,.14) 0 var(--range-start),
          var(--ink) var(--range-start) var(--range-end),
          rgba(20,21,33,.14) var(--range-end) 100%);
    }
    .catalog-range-input {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 24px;
      margin: 0;
      appearance: none;
      -webkit-appearance: none;
      background: transparent;
      pointer-events: none;
    }
    .catalog-range-input::-webkit-slider-runnable-track {
      height: 2px;
      background: transparent;
    }
    .catalog-range-input::-moz-range-track {
      height: 2px;
      background: transparent;
    }
    .catalog-range-input::-webkit-slider-thumb {
      width: 20px;
      height: 20px;
      margin-top: -9px;
      border: 6px solid white;
      border-radius: 50%;
      appearance: none;
      -webkit-appearance: none;
      background: var(--ink);
      box-shadow: 0 6px 18px rgba(20,21,33,.22);
      cursor: grab;
      pointer-events: auto;
    }
    .catalog-range-input:active::-webkit-slider-thumb {
      cursor: grabbing;
    }
    .catalog-range-filter.is-static .catalog-range-input::-webkit-slider-thumb {
      cursor: default;
      pointer-events: none;
    }
    .catalog-range-input::-moz-range-thumb {
      width: 9px;
      height: 9px;
      border: 6px solid white;
      border-radius: 50%;
      background: var(--ink);
      box-shadow: 0 6px 18px rgba(20,21,33,.22);
      cursor: grab;
      pointer-events: auto;
    }
    .catalog-range-input:active::-moz-range-thumb {
      cursor: grabbing;
    }
    .catalog-range-filter.is-static .catalog-range-input::-moz-range-thumb {
      cursor: default;
      pointer-events: none;
    }
    .catalog-range-input:focus-visible::-webkit-slider-thumb {
      outline: 2px solid #165fbd;
      outline-offset: 3px;
    }
    .catalog-range-input:focus-visible::-moz-range-thumb {
      outline: 2px solid #165fbd;
      outline-offset: 3px;
    }
    .catalog-results-panel {
      min-width: 0;
    }
    .catalog-results-panel .catalog-results-control-row {
      margin-top: 18px;
    }
    .catalog-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-auto-rows: 1fr;
      align-items: stretch;
      gap: 26px 18px;
    }
    .catalog-card {
      position: relative;
      display: flex;
      height: 100%;
      min-width: 0;
      flex-direction: column;
      border: 0;
      background: transparent;
      isolation: isolate;
      cursor: pointer;
    }
    .catalog-card:hover,
    .catalog-card:focus-within {
      z-index: 8;
    }
    .catalog-card-media {
      position: relative;
      overflow: hidden;
      aspect-ratio: 4 / 5;
      border: 1px solid rgba(20,21,33,.08);
      border-bottom: 0;
      border-radius: 10px 10px 0 0;
      background: #e5e1d8;
      box-shadow: 0 12px 22px rgba(20,21,33,.06);
      transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }
    .catalog-card-media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .48s cubic-bezier(.16,1,.3,1);
    }
    .catalog-card:hover .catalog-card-media img {
      transform: scale(1.07) translateY(-1.5%);
    }
    .catalog-card:hover .catalog-card-media {
      border-color: rgba(20,21,33,.18);
      box-shadow: 0 16px 28px rgba(20,21,33,.1);
      transform: translateY(-2px);
    }
    .catalog-card.is-out-of-stock .catalog-card-media img,
    .catalog-card.is-out-of-stock .catalog-card-video {
      filter: grayscale(.28);
      opacity: .52;
    }
    .catalog-card.is-out-of-stock .catalog-card-media {
      background: #ebe8df;
      box-shadow: 0 14px 28px rgba(20,21,33,.06);
    }
    .catalog-card-media::after {
      display: none;
    }
    .catalog-card-status-pill {
      position: absolute;
      z-index: 3;
      left: 10px;
      top: 10px;
      padding: 7px 9px;
      border: 1px solid rgba(20,21,33,.12);
      border-radius: 999px;
      background: rgba(255,255,255,.88);
      color: #6f5331;
      font-size: 10.5px;
      font-weight: 850;
      line-height: 1;
      box-shadow: 0 8px 18px rgba(20,21,33,.08);
    }
    .catalog-card-actions {
      position: absolute;
      z-index: 2;
      right: 10px;
      bottom: 10px;
      display: flex;
      gap: 6px;
    }
    .catalog-icon-btn {
      display: grid;
      width: 34px;
      height: 34px;
      padding: 0;
      place-items: center;
      border: 1px solid rgba(255,255,255,.62);
      border-radius: 50%;
      background: rgba(255,255,255,.9);
      color: var(--ink);
      cursor: pointer;
      font: 850 13px/1 var(--sans);
    }
    .catalog-card-actions .catalog-icon-btn {
      position: static;
      min-height: 34px;
    }
    .catalog-card-video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none;
      opacity: 0;
      transition: opacity .2s ease;
    }
    .catalog-card.is-video-playing .catalog-card-video {
      opacity: 1;
    }
    .catalog-card-video-toggle {
      position: absolute;
      z-index: 4;
      left: 10px;
      bottom: 10px;
      display: grid;
      width: 38px;
      height: 38px;
      padding: 0;
      place-items: center;
      border: 1px solid rgba(255,255,255,.72);
      border-radius: 50%;
      background: rgba(255,255,255,.92);
      color: var(--ink);
      box-shadow: 0 8px 20px rgba(20,21,33,.13);
      cursor: pointer;
      font: 800 14px/1 var(--sans);
    }
    .catalog-card-video-toggle:hover,
    .catalog-card-video-toggle:focus-visible {
      transform: translateY(-1px);
      box-shadow: 0 10px 24px rgba(20,21,33,.18);
    }
    .catalog-card-body {
      display: grid;
      position: relative;
      flex: 1;
      gap: 6px;
      padding: 12px 12px 14px;
      border: 1px solid rgba(20,21,33,.08);
      border-top: 0;
      border-radius: 0 0 10px 10px;
      background: rgba(255,255,255,.96);
      box-shadow: 0 16px 32px rgba(20,21,33,.06);
      transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }
    .catalog-card:hover .catalog-card-body {
      border-color: rgba(20,21,33,.16);
      box-shadow: 0 20px 38px rgba(20,21,33,.09);
      transform: translateY(-2px);
    }
    .catalog-card-body::before {
      content: "";
      width: 42px;
      height: 1px;
      margin-bottom: 1px;
      background: linear-gradient(90deg, #165fbd, rgba(22,95,189,0));
      transition: width .22s ease;
    }
    .catalog-card:hover .catalog-card-body::before {
      width: 88px;
    }
    .catalog-card-meta {
      color: var(--muted);
      font-size: 11px;
      font-weight: 560;
      letter-spacing: .045em;
      text-transform: uppercase;
    }
    .catalog-card-meta-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .catalog-inline-actions {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 8px;
    }
    .catalog-inline-icon,
    .catalog-favorite-inline {
      position: static;
      z-index: auto;
      top: auto;
      right: auto;
      flex: 0 0 auto;
      display: grid;
      width: 24px;
      height: 24px;
      min-height: 0;
      padding: 0;
      place-items: center;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: var(--ink);
      cursor: pointer;
      font: 850 22px/1 var(--sans);
      transition: color .16s ease, transform .16s ease;
    }
    .catalog-inline-icon svg {
      width: 21px;
      height: 21px;
      stroke-width: 2.15;
    }
    .catalog-favorite-inline {
      padding-bottom: 1px;
    }
    .catalog-inline-icon:hover,
    .catalog-favorite-inline:hover {
      transform: translateY(-1px);
    }
    .catalog-favorite-inline.is-active {
      color: var(--red);
      -webkit-text-fill-color: var(--red);
      -webkit-text-stroke: .45px var(--ink);
      text-stroke: .45px var(--ink);
    }
    .catalog-card-title {
      margin: 0;
      min-height: 0;
      font: 500 clamp(18.5px, 1.35vw, 22px)/1.08 var(--serif);
      letter-spacing: -.012em;
    }
    .catalog-card-stock-line {
      margin-top: -2px;
      color: #13925a;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .01em;
    }
    .catalog-card-stock-line--empty {
      color: #8a6844;
      font-weight: 760;
    }
    .catalog-card-stock-meter {
      font-size: 13.5px;
      font-weight: 900;
      letter-spacing: -.01em;
    }
    .catalog-card-stock-tail {
      font-weight: 500;
    }
    .catalog-card-price-row {
      display: flex;
      width: 100%;
      max-width: 100%;
      margin-inline: 0;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding-top: 0;
    }
    .catalog-card-price {
      flex: 0 0 auto;
      color: var(--ink);
      font-size: 23px;
      font-weight: 850;
      line-height: 1;
      letter-spacing: -.02em;
    }
    .catalog-price-prefix,
    .catalog-price-unit {
      font-size: .68em;
      font-weight: 560;
      letter-spacing: 0;
    }
    .catalog-price-value {
      font-weight: 860;
    }
    .catalog-card-width {
      color: #6f7280;
      font-size: 12px;
      font-weight: 500;
      white-space: nowrap;
      border-bottom: 0;
    }
    .catalog-card-numbers {
      display: grid;
      flex: 0 0 auto;
      justify-items: end;
      gap: 3px;
      color: #165fbd;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.12;
      white-space: nowrap;
    }
    .catalog-card-density {
      color: #6f7280;
      font-weight: 500;
    }
    .catalog-card-badges,
    .catalog-card-swatches {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .catalog-card-swatches {
      position: relative;
      display: inline-flex;
      width: max-content;
      max-width: 100%;
      min-height: 26px;
      margin-top: 1px;
      align-items: flex-start;
      z-index: 2;
    }
    .catalog-card-color-link {
      padding: 0;
      border: 0;
      border-bottom: 1px solid currentColor;
      border-radius: 0;
      background: transparent;
      color: #165fbd;
      cursor: pointer;
      font: 750 12.5px/1.2 var(--sans);
      text-align: left;
      text-decoration: none;
      line-height: 1.3;
    }
    .catalog-card-color-link:hover,
    .catalog-card-swatches.is-open .catalog-card-color-link {
      color: #10121f;
    }
    .catalog-card-swatch-popover {
      position: absolute;
      left: 0;
      top: calc(100% + 8px);
      display: grid;
      width: min(224px, calc(100vw - 36px));
      grid-template-columns: repeat(auto-fill, minmax(29px, 1fr));
      gap: 8px;
      padding: 10px;
      border: 1px solid rgba(20,21,33,.14);
      border-radius: 8px;
      background: rgba(255,255,255,.98);
      box-shadow: 0 18px 38px rgba(20,21,33,.16);
      opacity: 0;
      pointer-events: none;
      transform: translateY(-3px);
      transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
      visibility: hidden;
    }
    .catalog-card-swatches:hover .catalog-card-swatch-popover,
    .catalog-card-swatches:focus-within .catalog-card-swatch-popover,
    .catalog-card-swatches.is-open .catalog-card-swatch-popover {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
      visibility: visible;
    }
    .catalog-card-badge {
      padding: 5px 8px;
      border-radius: 999px;
      background: #f0eee7;
      color: var(--ink);
      font-size: 10.5px;
      font-weight: 750;
    }
    .catalog-card-lower-row {
      display: grid;
      min-height: 42px;
      grid-template-columns: minmax(0, 1fr) 42px;
      align-items: end;
      gap: 20px;
      margin-top: auto;
      padding-top: 2px;
    }
    .catalog-card-composition {
      color: var(--muted);
      font-size: 12px;
      font-weight: 650;
      line-height: 1.35;
      height: auto;
      max-width: 100%;
      overflow: visible;
      overflow-wrap: normal;
      word-break: normal;
    }
    .catalog-composition-part {
      display: inline;
      margin-right: 6px;
      white-space: normal;
    }
    .catalog-composition-separator {
      white-space: normal;
    }
    .catalog-card-swatch {
      width: 23px;
      height: 23px;
      padding: 0;
      border: 1px solid rgba(20,21,33,.18);
      border-radius: 50%;
      background: var(--swatch, #ddd);
      background-image: var(--swatch-img);
      background-size: cover;
      background-position: center;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.48);
      cursor: pointer;
      font-size: 0;
    }
    .catalog-card-swatch.is-active {
      border-color: #10121f;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(16,18,31,.88), inset 0 0 0 1px rgba(255,255,255,.52);
    }
    .catalog-card-swatch.is-missing {
      opacity: .55;
    }
    .catalog-card-fallback {
      height: 100%;
      display: grid;
      place-items: center;
      padding: 22px;
      background:
        radial-gradient(circle at 25% 18%, rgba(255,255,255,.55), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.1)),
        repeating-linear-gradient(35deg, rgba(255,255,255,.25) 0 8px, var(--fallback, #d7d4cc) 8px 18px);
      color: rgba(16,18,31,.72);
      text-align: center;
    }
    .catalog-card-fallback span {
      display: inline-grid;
      max-width: 132px;
      min-height: 44px;
      place-items: center;
      padding: 10px 12px;
      border: 1px solid rgba(255,255,255,.72);
      border-radius: 8px;
      background: rgba(255,255,255,.64);
      box-shadow: 0 10px 24px rgba(20,21,33,.10);
      font-size: 12px;
      font-weight: 850;
      line-height: 1.2;
    }
    .catalog-card-cart-action {
      display: grid;
      width: 42px;
      height: 42px;
      place-items: center;
      border: 1.5px solid #1685d8;
      border-radius: 50%;
      background: transparent;
      color: #1685d8;
      cursor: pointer;
      transition: background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
    }
    .catalog-card-cart-action svg {
      width: 19px;
      height: 19px;
      stroke-width: 2;
    }
    .catalog-card-cart-action:hover {
      background: rgba(22,133,216,.08);
      box-shadow: 0 8px 20px rgba(22,133,216,.12);
      transform: translateY(-1px);
    }
    .catalog-card.is-out-of-stock .catalog-card-cart-action {
      border-color: rgba(138,104,68,.46);
      color: #8a6844;
    }
    .catalog-card.is-out-of-stock .catalog-card-cart-action:hover {
      background: rgba(138,104,68,.08);
      box-shadow: 0 8px 20px rgba(138,104,68,.1);
    }
    .catalog-empty-state {
      display: none;
      padding: 38px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background:
        linear-gradient(135deg, rgba(222,13,26,.04), transparent 38%),
        white;
    }
    .catalog-empty-state.is-visible {
      display: block;
    }
    .catalog-empty-state h2 {
      max-width: 680px;
      margin-bottom: 10px;
      font-size: clamp(28px, 3vw, 42px);
    }
    .catalog-empty-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 18px;
    }
    .catalog-filter-drawer,
    .catalog-filter-overlay {
      display: none;
    }
    @media (max-width: 1040px) {
      .catalog-modern-title {
        grid-template-columns: 1fr;
      }
      .catalog-modern-layout {
        grid-template-columns: 244px minmax(0, 1fr);
        gap: 20px;
      }
      .catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 760px) {
      .catalog-modern-hero {
        padding-block: 10px 0;
      }
      .catalog-modern-title h1 {
        font-size: clamp(36px, 12vw, 52px);
      }
      .catalog-modern-search {
        grid-template-columns: 1fr;
      }
      .catalog-workhead .catalog-modern-search {
        grid-template-columns: 1fr;
        max-width: none;
      }
      .catalog-modern-search .btn {
        width: 100%;
      }
      .catalog-results-control-row {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 14px;
      }
      .catalog-results-meta {
        width: 100%;
      }
      .catalog-search-hashtags {
        gap: 7px 12px;
      }
      .catalog-type-chips--toolbar {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: none;
      }
      .catalog-type-chips--toolbar::-webkit-scrollbar {
        display: none;
      }
      .catalog-type-chips--toolbar .catalog-type-chip {
        flex: 0 0 auto;
      }
      .catalog-results-control-row select,
      .catalog-toolbar-btn {
        width: 100%;
        flex: 1 1 auto;
      }
      .catalog-results-control-row #catalogSort {
        width: min(100%, 210px);
        min-width: 0;
        align-self: flex-end;
        flex: 0 0 auto;
      }
      .catalog-mobile-filter-open {
        display: inline-flex;
      }
      .catalog-modern-layout {
        display: block;
      }
      .catalog-smart-sidebar {
        display: none;
      }
      .catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px 9px;
      }
      .catalog-card {
        width: 100%;
        max-width: none;
        margin-inline: 0;
      }
      .catalog-card-body {
        gap: 5px;
        padding: 9px 8px 11px;
      }
      .catalog-card-title {
        font-size: 16px;
      }
      .catalog-card-price-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
      }
      .catalog-card-price {
        font-size: 18px;
      }
      .catalog-card-numbers {
        justify-items: start;
      }
      .catalog-card-color-link {
        font-size: 11.5px;
      }
      .catalog-card-lower-row {
        min-height: 36px;
        grid-template-columns: minmax(0, 1fr) 36px;
        gap: 7px;
      }
      .catalog-card-composition {
        font-size: 11px;
      }
      .catalog-card-cart-action {
        width: 36px;
        height: 36px;
      }
      .catalog-card-video-toggle {
        width: 36px;
        height: 36px;
      }
      .catalog-filter-overlay {
        position: fixed;
        z-index: 70;
        inset: 0;
        background: rgba(20,21,33,.38);
      }
      .catalog-filter-overlay.is-open {
        display: block;
      }
      .catalog-filter-drawer {
        position: fixed;
        z-index: 80;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        max-height: 86svh;
        padding: 18px;
        flex-direction: column;
        border-radius: 18px 18px 0 0;
        background: white;
        box-shadow: 0 -30px 70px rgba(20,21,33,.22);
        transform: translateY(105%);
        transition: transform .24s ease;
      }
      .catalog-filter-drawer.is-open {
        transform: translateY(0);
      }
      .catalog-filter-drawer-head {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 14px;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--line);
      }
      .catalog-filter-drawer-head h2 {
        margin: 0;
        font: 700 20px/1.1 var(--sans);
      }
      .catalog-filter-drawer-close {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border: 1px solid var(--line);
        border-radius: 50%;
        background: white;
        cursor: pointer;
        font-size: 22px;
      }
      .catalog-mobile-filter-host {
        overflow: auto;
        padding-block: 4px 88px;
      }
      .catalog-mobile-filter-host .catalog-filter-head {
        display: none;
      }
      .catalog-filter-drawer-footer {
        position: absolute;
        right: 18px;
        bottom: 18px;
        left: 18px;
        display: grid;
        gap: 8px;
        padding-top: 12px;
        background: linear-gradient(180deg, transparent, white 18%);
      }
    }
    @media (max-width: 430px) {
      .catalog-type-chip,
      .catalog-quick-chip,
      .catalog-toolbar-btn {
        font-size: 12px;
      }
    }

    /* Product Detail Page & Minimalist Gallery Styles (image.png) */
    .product-page-nav {
      padding-block: 14px 10px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      border-bottom: 1px solid var(--stone);
      background-color: var(--white);
    }
    .product-page-nav .breadcrumb {
      margin-bottom: 0;
      font-size: 11.5px;
      color: var(--muted);
      letter-spacing: 0.1px;
    }
    .crumb-link {
      cursor: pointer;
      color: var(--muted);
      transition: color 0.16s;
    }
    .crumb-link:hover {
      color: var(--ink);
    }
    .product-detail-breadcrumb {
      margin-bottom: 26px;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.4;
      color: var(--muted);
      letter-spacing: 0.08px;
    }
    .back-to-list-btn {
      font-weight: 600;
      font-size: 13px;
      display: flex;
      align-items: center;
      gap: 6px;
      color: var(--ink);
      border: none;
      background: none;
      cursor: pointer;
      padding: 0;
    }
    .back-to-list-btn:hover span {
      text-decoration: underline;
    }
    .product-page-actions {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .product-full-page-link,
    .product-modal-close {
      display: none;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(20,21,33,.14);
      background: rgba(255,255,255,.94);
      color: var(--ink);
      cursor: pointer;
      font: 800 13px/1 var(--sans);
      box-shadow: 0 10px 24px rgba(20,21,33,.08);
    }
    .product-full-page-link {
      min-height: 38px;
      padding: 0 16px;
      border-radius: 999px;
    }
    .product-modal-close {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      font-size: 22px;
      line-height: 1;
    }
    body.product-modal-open {
      overflow: hidden;
    }
    body.product-modal-open #view-product {
      position: fixed;
      inset: 0;
      z-index: 1200;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0;
      padding: 22px;
      background: rgba(20,21,33,.48);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      overflow: auto;
    }
    body.product-modal-open .product-page-nav {
      width: min(1540px, calc(100vw - 44px));
      padding: 12px 16px;
      border: 1px solid rgba(20,21,33,.1);
      border-bottom: 0;
      border-radius: 16px 16px 0 0;
      background: rgba(255,255,255,.96);
      box-shadow: 0 18px 44px rgba(20,21,33,.12);
      justify-content: space-between;
    }
    body.product-modal-open .product-premium-layout {
      width: min(1540px, calc(100vw - 44px));
      min-height: 0;
      max-height: calc(100vh - 106px);
      overflow: hidden;
      border: 1px solid rgba(20,21,33,.1);
      border-radius: 0 0 16px 16px;
      box-shadow: 0 28px 74px rgba(20,21,33,.22);
      grid-template-columns: minmax(460px, .95fr) minmax(440px, .85fr);
    }
    body.product-modal-open .product-split-gallery {
      min-height: 0;
      max-height: calc(100vh - 106px);
    }
    body.product-modal-open .product-premium-info {
      max-height: calc(100vh - 106px);
      padding: 44px 56px;
    }
    body.product-modal-open .product-gallery-stage {
      max-height: calc(100vh - 146px);
    }
    body.product-modal-open .product-gallery-thumbs {
      max-height: calc(100vh - 146px);
    }
    body.product-modal-open .product-full-page-link,
    body.product-modal-open .product-modal-close {
      display: inline-flex;
    }
    body.product-modal-open .back-to-list-btn {
      min-height: 38px;
      padding: 0 14px;
      border: 1px solid rgba(20,21,33,.14);
      border-radius: 999px;
      background: rgba(255,255,255,.94);
      box-shadow: 0 10px 24px rgba(20,21,33,.08);
      order: 2;
    }
    body.product-modal-open .product-page-actions {
      order: 1;
    }

    .product-premium-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      min-height: calc(100vh - 120px);
      background-color: var(--white);
    }

    /* Left Gallery: Split grid-collage in-стык */
    .product-split-gallery {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      position: relative;
      background-color: #f7f6f2;
      height: auto;
    }
    .gallery-column-left {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-right: 1px solid rgba(20, 21, 33, 0.05);
    }
    .gallery-column-right {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
    }
    .gallery-block-top {
      flex: 1;
      position: relative;
      height: 50%;
      overflow: hidden;
      border-bottom: 1px solid rgba(20, 21, 33, 0.05);
    }
    .gallery-block-bottom {
      flex: 1;
      position: relative;
      height: 50%;
      overflow: hidden;
      cursor: pointer;
      background-color: #000;
    }
    .gallery-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.32s ease;
    }
    .gallery-column-left:hover .gallery-img,
    .gallery-block-top:hover .gallery-img {
      transform: scale(1.02);
    }
    .gallery-block-bottom video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      opacity: 0.85;
      transition: opacity 0.3s;
    }
    .gallery-block-bottom:hover video {
      opacity: 1;
    }

    /* Floating White Labels */
    .gallery-pill {
      position: absolute;
      bottom: 24px;
      left: 24px;
      background-color: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 20px;
      padding: 6px 14px;
      font-family: var(--font-sans);
      font-size: 11.5px;
      font-weight: 500;
      color: var(--ink);
      border: 1px solid rgba(20, 21, 33, 0.06);
      box-shadow: 0 4px 12px rgba(20, 21, 33, 0.04);
      z-index: 2;
      pointer-events: none;
      user-select: none;
    }

    /* Embedded Micro-Carousels styling */
    .carousel-container {
      position: relative;
    }
    .carousel-nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.45);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      color: var(--ink);
      font-size: 26px;
      font-weight: 300;
      border-radius: 50%;
      cursor: pointer;
      opacity: 0;
      transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease;
      z-index: 5;
      user-select: none;
      border: 1px solid rgba(255, 255, 255, 0.2);
    }
    .carousel-container:hover .carousel-nav-btn {
      opacity: 1;
    }
    .carousel-nav-btn:hover {
      background: rgba(255, 255, 255, 0.85);
    }
    .carousel-nav-btn.prev {
      left: 20px;
    }
    .carousel-nav-btn.next {
      right: 20px;
    }
    .carousel-indicators {
      position: absolute;
      bottom: 24px;
      right: 24px;
      display: flex;
      gap: 6px;
      z-index: 5;
    }
    .carousel-indicators .indicator {
      width: 20px;
      height: 2px;
      background: rgba(255, 255, 255, 0.35);
      cursor: pointer;
      transition: background 0.3s ease, transform 0.3s ease;
      border-radius: 1px;
    }
    .carousel-indicators .indicator.active {
      background: #ffffff;
      transform: scaleY(1.5);
    }
    .gallery-img {
      transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }

    /* Product gallery: controlled vertical media stage + left rail */
    .product-split-gallery {
      display: grid;
      grid-template-columns: 92px minmax(0, 1fr);
      grid-template-rows: auto;
      gap: 16px;
      align-content: start;
      align-items: start;
      min-height: calc(100vh - 120px);
      padding: 18px;
      background:
        linear-gradient(145deg, rgba(255,255,255,0.48), rgba(244,243,238,0.78)),
        #f7f6f2;
    }
    .product-gallery-stage {
      position: relative;
      grid-column: 2;
      grid-row: 1;
      width: min(100%, 64vh);
      aspect-ratio: 4 / 5;
      min-height: 0;
      max-height: calc(100vh - 156px);
      overflow: hidden;
      background: #ece9e0;
      justify-self: center;
      box-shadow: 0 22px 54px rgba(20, 21, 33, 0.08);
    }
    .product-gallery-image,
    .product-gallery-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      background: #ece9e0;
      transition: opacity 0.22s ease, transform 0.45s ease;
    }
    .product-gallery-stage:hover .product-gallery-image,
    .product-gallery-stage:hover .product-gallery-video {
      transform: scale(1.012);
    }
    .product-gallery-nav {
      position: absolute;
      top: 50%;
      width: 42px;
      height: 42px;
      border: 1px solid rgba(255,255,255,0.58);
      border-radius: 50%;
      background: rgba(255,255,255,0.42);
      color: var(--ink);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      cursor: pointer;
      transform: translateY(-50%);
      transition: background 0.18s ease, opacity 0.18s ease;
      z-index: 4;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      line-height: 1;
    }
    .product-gallery-nav:hover {
      background: rgba(255,255,255,0.82);
    }
    .product-gallery-nav.prev {
      left: 18px;
    }
    .product-gallery-nav.next {
      right: 18px;
    }
    .product-video-toggle {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 74px;
      height: 74px;
      border: 1px solid rgba(255, 255, 255, 0.72);
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.78);
      color: var(--ink);
      box-shadow: 0 18px 42px rgba(20, 21, 33, 0.16);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      cursor: pointer;
      display: none;
      align-items: center;
      justify-content: center;
      transform: translate(-50%, -50%);
      transition: transform 0.18s ease, background 0.18s ease, opacity 0.18s ease;
      z-index: 5;
    }
    .product-video-toggle:hover {
      background: rgba(255, 255, 255, 0.92);
      transform: translate(-50%, -50%) scale(1.04);
    }
    .product-video-toggle-icon {
      display: block;
      transform: translateX(2px);
      font-size: 28px;
      font-weight: 800;
      line-height: 1;
    }
    .product-gallery-stage.is-video-active .product-video-toggle {
      display: flex;
    }
    .product-gallery-stage.is-video-playing .product-video-toggle {
      opacity: 0.18;
    }
    .product-gallery-stage.is-video-playing:hover .product-video-toggle,
    .product-video-toggle:focus-visible {
      opacity: 1;
    }
    .product-gallery-stage.is-video-playing .product-video-toggle-icon {
      transform: translateX(0);
      font-size: 22px;
      letter-spacing: -3px;
    }
    .product-gallery-thumbs {
      display: grid;
      grid-column: 1;
      grid-row: 1;
      grid-auto-flow: row;
      grid-auto-rows: 92px;
      gap: 10px;
      max-height: calc(100vh - 156px);
      overflow-y: auto;
      padding-right: 2px;
      scrollbar-width: thin;
    }
    .product-gallery-thumb {
      position: relative;
      height: 92px;
      border: 1px solid rgba(20, 21, 33, 0.12);
      background: var(--white);
      overflow: hidden;
      cursor: pointer;
      padding: 0;
      opacity: 0.72;
      transition: opacity 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
    }
    .product-gallery-thumb:hover,
    .product-gallery-thumb.is-active {
      opacity: 1;
      border-color: var(--ink);
    }
    .product-gallery-thumb.is-active {
      box-shadow: inset 0 0 0 2px var(--white), inset 0 0 0 3px var(--ink);
    }
    .product-gallery-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .product-gallery-thumb-kind {
      position: absolute;
      left: 8px;
      bottom: 8px;
      padding: 4px 7px;
      border-radius: 999px;
      background: rgba(255,255,255,0.86);
      color: var(--ink);
      font-size: 10px;
      font-weight: 700;
      line-height: 1;
      box-shadow: 0 6px 14px rgba(20,21,33,0.08);
    }
    .product-gallery-thumb--video::before {
      content: "▶";
      position: absolute;
      inset: 0;
      margin: auto;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.86);
      color: var(--ink);
      font-size: 12px;
      font-weight: 800;
      line-height: 1;
      z-index: 2;
      box-shadow: 0 8px 18px rgba(20, 21, 33, 0.12);
    }

    /* Right Sidebar Panel: white, padded, minimalist */
    .product-premium-info {
      padding: 64px 80px;
      background-color: var(--white);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      overflow-y: auto;
    }
    .premium-eyebrow {
      font-size: 11px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: var(--muted);
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .premium-eyebrow::before {
      content: "";
      display: inline-block;
      width: 18px;
      height: 1px;
      background-color: var(--stone);
    }
    .premium-title {
      font-family: var(--font-serif);
      font-size: clamp(30px, 3.2vw, 40px);
      font-weight: 400;
      color: var(--ink);
      margin-top: 0;
      margin-bottom: 16px;
      line-height: 1.15;
      letter-spacing: -0.5px;
    }
    .premium-description {
      font-size: 13.5px;
      line-height: 1.55;
      color: var(--muted);
      margin-bottom: 14px;
    }
    .product-facts-strip {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      margin: 0 0 18px;
    }
    .product-fact-pill {
      display: grid;
      min-height: 54px;
      padding: 9px 10px;
      align-content: center;
      gap: 3px;
      border: 1px solid rgba(20,21,33,.1);
      border-radius: 10px;
      background: linear-gradient(135deg, rgba(247,246,242,.86), rgba(255,255,255,.94));
    }
    .product-fact-pill label {
      color: var(--muted);
      font-size: 9px;
      font-weight: 750;
      letter-spacing: .06em;
      line-height: 1;
      text-transform: uppercase;
    }
    .product-fact-pill span {
      min-width: 0;
      overflow: hidden;
      color: var(--ink);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .premium-price-row {
      display: flex;
      align-items: baseline;
      gap: 20px;
      margin-bottom: 24px;
    }
    .premium-price {
      font-size: 24px;
      font-weight: 700;
      color: var(--ink);
    }
    .premium-stock-badge {
      font-size: 13px;
      font-weight: 500;
      color: #3b5a30;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .premium-stock-badge::before {
      content: "●";
      color: #4a7536;
      font-size: 8px;
    }
    .premium-stock-badge.is-out-of-stock {
      color: #8a6844;
    }
    .premium-stock-badge.is-out-of-stock::before {
      content: "●";
      color: #d19b3a;
    }
    #view-product.is-out-of-stock .product-gallery-image,
    #view-product.is-out-of-stock .product-gallery-video {
      filter: grayscale(.25);
      opacity: .72;
    }
    #view-product.is-out-of-stock .purchase-option-card,
    #view-product.is-out-of-stock .premium-quantity-stepper {
      opacity: .52;
    }
    #view-product.is-out-of-stock .btn-premium-add {
      background: #8a6844;
    }

    /* Dynamic Minimalist Swatches */
    .swatch-selection-container {
      margin-bottom: 24px;
    }
    .tactile-swatch-strip {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }
    .swatch-btn {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: 1px solid var(--stone);
      cursor: pointer;
      position: relative;
      transition: transform 0.16s ease, border-color 0.16s ease;
      padding: 0;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
    }
    .swatch-btn:hover {
      transform: scale(1.1);
    }
    .swatch-btn.active {
      border-color: var(--ink);
      box-shadow: 0 0 0 3px var(--white), 0 0 0 4.5px var(--ink);
    }
    .swatch-btn.is-missing {
      opacity: .45;
      filter: grayscale(.35);
    }
    .swatch-tooltip {
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translate(-50%, -6px);
      background: var(--ink);
      color: white;
      font-size: 10px;
      padding: 4px 8px;
      border-radius: 4px;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.16s;
      white-space: nowrap;
      z-index: 10;
    }
    .swatch-btn:hover .swatch-tooltip {
      opacity: 1;
    }

    /* Option Cards Grid */
    .purchase-card-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-bottom: 20px;
    }
    .purchase-option-card {
      border: 1px solid var(--stone);
      border-radius: 8px;
      padding: 16px 20px;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      gap: 4px;
      transition: all 0.2s ease;
      background: var(--white);
      text-align: left;
    }
    .card-title-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }
    .purchase-option-card .card-title {
      font-weight: 700;
      font-size: 14px;
      color: var(--ink);
    }
    .purchase-option-card .card-subtitle {
      font-size: 11px;
      color: var(--muted);
    }
    .purchase-option-card:hover {
      border-color: var(--muted);
    }
    .purchase-option-card.active {
      border: 1.5px solid var(--ink);
      background-color: var(--white);
      box-shadow: 0 4px 12px rgba(20, 21, 33, 0.02);
    }
    .roll-help {
      position: relative;
      display: inline-grid;
      width: 18px;
      height: 18px;
      place-items: center;
      border: 1px solid rgba(20,21,33,.22);
      border-radius: 50%;
      background: white;
      color: var(--ink);
      cursor: help;
      font-size: 11px;
      font-weight: 900;
      line-height: 1;
    }
    .roll-help::after {
      position: absolute;
      right: -12px;
      bottom: calc(100% + 10px);
      width: 230px;
      padding: 10px 12px;
      border: 1px solid rgba(20,21,33,.1);
      border-radius: 10px;
      background: rgba(255,255,255,.96);
      box-shadow: 0 14px 34px rgba(20,21,33,.14);
      color: var(--ink);
      content: "После заказа с вами свяжется менеджер и уточнит все доступные метражи и детали.";
      font-size: 11px;
      font-weight: 650;
      line-height: 1.35;
      opacity: 0;
      pointer-events: none;
      transform: translateY(4px);
      transition: opacity .16s ease, transform .16s ease;
      z-index: 20;
    }
    .roll-help:hover::after,
    .roll-help:focus-visible::after {
      opacity: 1;
      transform: translateY(0);
    }

    /* Quantity and Buy Row */
    .purchase-action-row {
      display: flex;
      gap: 12px;
      margin-bottom: 12px;
      align-items: center;
    }
    .premium-quantity-stepper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid var(--stone);
      border-radius: 30px;
      padding: 4px;
      height: 48px;
      width: 202px;
      background: var(--white);
      flex-shrink: 0;
    }
    .premium-quantity-stepper button {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: none;
      background: transparent;
      font-size: 16px;
      color: var(--ink);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.16s;
    }
    .premium-quantity-stepper button:hover {
      background-color: var(--paper);
    }
    .premium-quantity-stepper.disabled {
      opacity: .58;
      pointer-events: none;
    }
    .premium-quantity-stepper input {
      width: 58px;
      border: 0;
      outline: 0;
      background: transparent;
      font-size: 14px;
      font-weight: 700;
      color: var(--ink);
      text-align: center;
      appearance: textfield;
    }
    .premium-quantity-stepper input::-webkit-outer-spin-button,
    .premium-quantity-stepper input::-webkit-inner-spin-button {
      margin: 0;
      appearance: none;
    }
    .qty-unit {
      margin-left: -8px;
      font-size: 13px;
      font-weight: 800;
      color: var(--ink);
    }
    .qty-plus-meter {
      width: auto !important;
      min-width: 46px;
      padding: 0 9px;
      border-radius: 999px !important;
      font-size: 12px !important;
      font-weight: 800;
    }
    .btn-premium-add {
      flex-grow: 1;
      height: 48px;
      border: none;
      background-color: var(--ink);
      color: var(--white);
      border-radius: 30px;
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
      transition: opacity 0.15s, transform 0.15s;
      display: flex;
      align-items: center;
      justify-content: center;
      letter-spacing: 0.2px;
    }
    .btn-premium-add:hover {
      opacity: 0.93;
    }
    .btn-premium-add:active {
      transform: scale(0.99);
    }
    .btn-premium-sample {
      width: 100%;
      height: 48px;
      border: 1px solid var(--stone);
      background-color: var(--white);
      color: var(--ink);
      border-radius: 30px;
      font-size: 13.5px;
      font-weight: 600;
      cursor: pointer;
      transition: background-color 0.16s;
      margin-bottom: 28px;
    }
    .btn-premium-sample:hover {
      background-color: var(--paper);
    }

    /* Specifications Grid */
    .specs-premium-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      padding-block: 28px;
      border-top: 1px solid var(--stone);
      border-bottom: 1px solid var(--stone);
      margin-bottom: 32px;
    }
    .spec-item {
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
    }
    .spec-icon {
      display: grid;
      width: 30px;
      height: 30px;
      place-items: center;
      border: 1px solid rgba(20,21,33,.12);
      border-radius: 50%;
      background: #faf9f5;
      color: var(--muted);
      font-size: 15px;
      font-weight: 800;
    }
    .spec-copy {
      display: grid;
      gap: 4px;
    }
    .spec-item label {
      font-size: 10px;
      text-transform: uppercase;
      color: var(--muted);
      font-weight: 600;
      letter-spacing: 0.5px;
    }
    .spec-item span {
      font-size: 13.5px;
      font-weight: 700;
      color: var(--ink);
    }

    /* Responsive Grid Styles */
    @media (max-width: 1024px) {
      .product-premium-layout {
        grid-template-columns: 1fr;
      }
      body.product-modal-open #view-product {
        justify-content: flex-start;
      }
      body.product-modal-open .product-premium-layout {
        grid-template-columns: 1fr;
        max-height: none;
        overflow: visible;
      }
      body.product-modal-open .product-split-gallery,
      body.product-modal-open .product-premium-info {
        max-height: none;
      }
      .product-premium-info {
        padding: 48px 36px;
      }
      .product-facts-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .product-split-gallery {
        min-height: 560px;
        grid-template-columns: 82px minmax(0, 1fr);
      }
      .product-gallery-stage { width: min(100%, 58vh); }
    }
    @media (max-width: 700px) {
      .product-split-gallery {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        min-height: 430px;
        padding: 12px;
        gap: 10px;
      }
      .product-gallery-stage { width: min(100%, 70vh); }
      .product-gallery-stage {
        grid-column: 1;
        grid-row: 1;
      }
      .product-gallery-thumbs {
        grid-column: 1;
        grid-row: 2;
        grid-auto-flow: column;
        grid-auto-columns: 72px;
        grid-auto-rows: unset;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        padding-right: 0;
        padding-bottom: 2px;
      }
      .product-gallery-thumb { height: 72px; }
      .product-video-toggle {
        width: 62px;
        height: 62px;
      }
      .purchase-card-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }
      .purchase-action-row {
        flex-direction: column;
        align-items: stretch;
      }
      .premium-quantity-stepper {
        width: 100%;
      }
      .product-facts-strip {
        grid-template-columns: 1fr 1fr;
      }
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(4px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .help-card p { margin-bottom: 12px; color: var(--muted); font-size: 13px; }

    .sample-layout { display: grid; grid-template-columns: 1fr 360px; gap: 50px; padding-block: 48px 90px; }
    .sample-item {
      display: grid;
      grid-template-columns: 112px 1fr auto;
      gap: 20px;
      padding: 18px 0;
      align-items: center;
      border-bottom: 1px solid var(--line);
    }
    .sample-thumb { aspect-ratio: 1; border-radius: 9px; background: repeating-linear-gradient(25deg,#97958e 0 3px,#d0cec6 3px 12px); }
    .sample-item h3 { font-family: Georgia,serif; font-weight: 500; }
    .sample-summary {
      align-self: start;
      position: sticky;
      top: 110px;
      padding: 28px;
      border-radius: 18px;
      background: var(--ink);
      color: white;
    }
    .summary-row { display: flex; padding: 11px 0; justify-content: space-between; border-bottom: 1px solid #44433f; }
    .summary-row.total { margin-top: 8px; border: 0; font-size: 20px; }
    .process { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 50px; background: var(--line); }
    .process div { padding: 26px; background: var(--paper); }
    .process b { display: block; margin-bottom: 8px; font: 500 34px Georgia,serif; }

    .b2b-hero {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      overflow: hidden;
      border-radius: 24px;
      background: var(--ink);
      color: white;
    }
    .b2b-copy { padding: 70px; }
    .b2b-copy p { max-width: 620px; color: #c9c7bf; font-size: 18px; }
    .b2b-proof {
      display: grid;
      padding: 32px;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      background: #3e3d39;
    }
    .proof-cell { display: flex; padding: 24px; flex-direction: column; justify-content: end; background: #292824; }
    .proof-cell strong { display: block; font: 500 35px Georgia,serif; }
    .calculator {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
      margin-top: 50px;
    }
    .calc-card { padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: white; }
    .field { margin-bottom: 16px; }
    .field label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 12px; }
    .field input, .field select {
      width: 100%;
      min-height: 48px;
      padding: 0 14px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: white;
    }

    .footer { padding: 52px 0; border-top: 1px solid var(--line); }
    .footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 40px; }
    .footer h3 { font-size: 13px; }
    .footer a { display: block; margin: 8px 0; color: var(--muted); font-size: 13px; }
    .wire-note { margin-top: 40px; color: var(--muted); font-size: 11px; }

    .drawer {
      position: fixed;
      z-index: 50;
      top: 0;
      right: 0;
      width: min(420px,100%);
      height: 100%;
      padding: 28px;
      background: white;
      box-shadow: -30px 0 70px rgba(0,0,0,.16);
      transform: translateX(105%);
      transition: .25s ease;
    }
    .drawer.open { transform: none; }
    .drawer-head { display: flex; align-items: center; justify-content: space-between; }
    .drawer-close { border: 0; background: none; cursor: pointer; font-size: 25px; }
    .drawer-item { display: grid; grid-template-columns: 78px 1fr; gap: 16px; margin-top: 28px; }
    .drawer-thumb { border-radius: 8px; background: repeating-linear-gradient(30deg,#777 0 3px,#bbb 3px 9px); }
    .drawer-footer { position: absolute; right: 28px; bottom: 28px; left: 28px; }
    .overlay {
      position: fixed;
      z-index: 40;
      inset: 0;
      display: none;
      background: rgba(20,20,18,.34);
    }
    .overlay.show { display: block; }
    .toast {
      position: fixed;
      z-index: 60;
      right: 24px;
      bottom: 24px;
      padding: 15px 20px;
      border-radius: 999px;
      background: var(--ink);
      color: white;
      box-shadow: var(--shadow);
      opacity: 0;
      transform: translateY(20px);
      transition: .2s ease;
      pointer-events: none;
    }
    .toast.show { opacity: 1; transform: none; }
    .mobile-nav { display: none; }

    /* NEW: Categories Hub Styles */
    .catalog-workspace {
      padding-block: 40px 80px;
    }
    .title-row {
      margin-bottom: 32px;
    }
    .title-row h1 {
      font-family: var(--serif);
      font-size: 42px;
      font-weight: 500;
      color: var(--ink);
      margin-bottom: 8px;
    }
    .title-row p {
      color: var(--muted);
      font-size: 16px;
    }
    .categories-search-form {
      display: flex;
      align-items: center;
      position: relative;
      margin-bottom: 40px;
      max-width: 720px;
    }
    .categories-search-form input {
      width: 100%;
      height: 52px;
      border: 1px solid var(--stone);
      border-radius: 8px;
      padding: 0 160px 0 44px;
      font-family: inherit;
      font-size: 16px;
      background: var(--white);
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .categories-search-form input:focus {
      outline: none;
      border-color: var(--ink);
      box-shadow: 0 0 0 3px rgba(20,21,33,0.06);
    }
    .categories-search-form .search-icon {
      position: absolute;
      left: 16px;
      color: var(--muted);
      font-size: 18px;
      pointer-events: none;
    }
    .categories-search-form .search-clear {
      position: absolute;
      right: 140px;
      background: none;
      border: none;
      font-size: 22px;
      cursor: pointer;
      color: var(--muted);
      display: none;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
    }
    .categories-search-form .search-clear.is-visible {
      display: flex;
    }
    .categories-search-form .btn-all-products {
      position: absolute;
      right: 4px;
      height: 44px;
      padding-inline: 16px;
      font-size: 14px;
    }

    .categories-hub-layout {
      display: grid;
      grid-template-columns: 260px 1fr;
      gap: 40px;
      align-items: start;
    }
    .intent-sidebar {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .intent-sidebar h3 {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--muted);
      margin-bottom: 12px;
      font-weight: 600;
    }
    .hub-intent-btn {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: none;
      border: 1px solid transparent;
      border-radius: 6px;
      padding: 12px 16px;
      font-family: inherit;
      font-size: 15px;
      font-weight: 500;
      color: var(--ink);
      text-align: left;
      cursor: pointer;
      transition: background 0.16s ease, border-color 0.16s ease;
    }
    .hub-intent-btn:hover {
      background: rgba(20,21,33,0.03);
    }
    .hub-intent-btn.is-active {
      background: var(--white);
      border-color: var(--stone);
      box-shadow: 0 2px 8px rgba(20,21,33,0.04);
    }
    .hub-intent-btn .chevron {
      color: var(--muted);
      transition: transform 0.16s ease;
    }
    .hub-intent-btn:hover .chevron {
      transform: translateX(2px);
    }

    .properties-hub-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 24px;
    }
    .property-hub-pill {
      background: var(--white);
      border: 1px solid var(--stone);
      border-radius: 20px;
      padding: 8px 16px;
      font-family: inherit;
      font-size: 14px;
      font-weight: 500;
      color: var(--ink);
      cursor: pointer;
      transition: all 0.16s ease;
    }
    .property-hub-pill:hover {
      border-color: var(--ink);
    }
    .property-hub-pill.is-active {
      background: var(--ink);
      color: var(--white);
      border-color: var(--ink);
    }

    .categories-hub-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 20px;
    }
    .hub-category-card {
      background: var(--white);
      border: 1px solid var(--stone);
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      aspect-ratio: 0.84;
      cursor: pointer;
      transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
    }
    .hub-category-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 30px rgba(20,21,33,0.08);
      border-color: var(--ink);
    }
    .hub-category-image {
      flex: 1;
      background-size: cover;
      background-position: center;
      transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .hub-category-card:hover .hub-category-image {
      transform: scale(1.04);
    }
    .hub-category-info {
      padding: 16px 20px;
      background: var(--white);
    }
    .hub-category-info h3 {
      font-family: var(--serif);
      font-size: 18px;
      font-weight: 500;
      color: var(--ink);
      margin-bottom: 4px;
    }
    .hub-category-info p {
      font-size: 13px;
      color: var(--muted);
      line-height: 1.4;
      height: 36px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    @media (max-width: 1020px) {
      .nav { display: none; }
      .header-inner { grid-template-columns: 1fr auto; }
      .header .btn.small { display: none; }
      .hero-new {
        min-height: 720px;
        padding-block: 46px;
        text-align: center;
      }
      .hero-left {
        align-items: center;
        max-width: 640px;
        margin-inline: auto;
      }
      .hero-breadcrumbs {
        margin-bottom: 16px;
      }
      .hero-subtitle {
        margin-bottom: 28px;
      }
      .hero-fan-carousel {
        min-height: 100%;
      }
      .category-carousel-track {
        display: flex;
        overflow-x: auto;
        gap: 16px;
        scroll-snap-type: x mandatory;
        padding-bottom: 16px;
        margin-inline: -24px;
        padding-inline: 24px;
        scrollbar-width: none;
      }
      .category-carousel-track::-webkit-scrollbar {
        display: none;
      }
      .category-card-new {
        flex: 0 0 240px;
        scroll-snap-align: start;
        aspect-ratio: 0.85;
      }
      .popular-category-strip {
        display: flex;
        overflow-x: auto;
        gap: 14px;
        padding-bottom: 12px;
        margin-inline: -24px;
        padding-inline: 24px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
      }
      .popular-category-strip::-webkit-scrollbar {
        display: none;
      }
      .popular-category-benefit {
        flex-basis: 220px;
      }
      .popular-category-tile {
        flex-basis: var(--tile-w, 210px);
        scroll-snap-align: start;
      }
      .popular-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .popular-product-card--wide {
        grid-column: auto;
      }
      .advantages-band {
        grid-template-columns: 1fr;
      }
      .advantages-lead {
        position: static;
      }
      .advantages-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .properties-row-new {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .finder, .b2b-hero { grid-template-columns: 1fr; }
      .product-grid { grid-template-columns: 1fr 1fr; }
      .product-page { grid-template-columns: 1fr; }
      .gallery { min-height: 620px; }
      .sample-layout { grid-template-columns: 1fr; }
      .sample-summary { position: static; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .mobile-nav {
        position: fixed;
        z-index: 30;
        right: 12px;
        bottom: 12px;
        left: 12px;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        padding: 8px;
        border: 1px solid var(--line);
        border-radius: 18px;
        background: rgba(255,255,255,.95);
        box-shadow: var(--shadow);
        backdrop-filter: blur(14px);
      }
      .mobile-nav button { padding: 8px 4px; border: 0; background: none; font-size: 11px; }
      body { padding-bottom: 78px; }
    }
    @media (max-width: 700px) {
      /* Categories Hub Mobile Overrides */
      .categories-hub-layout {
        grid-template-columns: 1fr;
        gap: 24px;
      }
      .intent-sidebar {
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 8px;
        margin-inline: -14px;
        padding-inline: 14px;
        scrollbar-width: none;
      }
      .intent-sidebar::-webkit-scrollbar { display: none; }
      .intent-sidebar h3 { display: none; }
      .hub-intent-btn {
        white-space: nowrap;
        padding: 8px 14px;
        font-size: 14px;
      }
      .hub-intent-btn .chevron { display: none; }
      .categories-hub-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
      }
      .categories-search-form {
        max-width: 100%;
        margin-bottom: 24px;
      }
      .categories-search-form input {
        height: 48px;
        font-size: 15px;
        padding: 0 130px 0 40px;
      }
      .categories-search-form .search-icon {
        left: 14px;
      }
      .categories-search-form .search-clear {
        right: 110px;
      }
      .categories-search-form .btn-all-products {
        right: 4px;
        height: 40px;
        padding-inline: 12px;
        font-size: 13px;
      }

      :root { --page: calc(100% - 28px); }
      .notice { font-size: 11px; }
      .header-inner {
        min-height: 66px;
        gap: 12px;
      }
      .logo .brand-wordmark {
        display: block;
        width: clamp(150px, 47vw, 190px);
      }
      .logo .brand-monogram { display: none; }
      .footer-logo .brand-wordmark { display: block; width: 210px; }
      .footer-logo .brand-monogram { display: none; }
      .actions .icon-btn:first-child { display: none; }
      h1 { font-size: 44px; }
      h2 { font-size: 34px; }
      .hero-search-form {
        flex-direction: column;
        border-radius: 20px;
        padding: 14px;
        width: 100%;
        align-items: stretch;
        gap: 12px;
      }
      .hero-search-input {
        padding-inline: 0;
        text-align: center;
      }
      .hero-search-scope {
        justify-content: center;
      }
      .hero-fan-carousel {
        min-height: 100%;
      }
      .fan-card {
        width: clamp(92px, 24vw, 118px);
      }
      .discovery-strip {
        margin-inline: -14px;
        padding-inline: 14px;
      }
      .tile-size-hero,
      .tile-size-wide {
        --tile-w: 220px;
      }
      .tile-size-tall,
      .tile-size-mid {
        --tile-w: 170px;
      }
      .tile-size-chip {
        --tile-w: 145px;
      }
      .metrics { grid-template-columns: 1fr; }
      .metric { padding: 25px 22px; border-right: 0; border-bottom: 1px solid var(--line); }
      .home-commercial-section {
        padding-block: 38px;
      }
      .section-head--compact {
        align-items: start;
        flex-direction: column;
        gap: 14px;
      }
      .popular-category-strip {
        margin-inline: -14px;
        padding-inline: 14px;
      }
      .popular-category-benefit {
        min-height: 118px;
        flex-basis: 205px;
      }
      .popular-category-tile {
        min-height: 118px;
        flex-basis: min(var(--tile-w, 188px), 210px);
      }
      .popular-products-grid {
        grid-template-columns: 1fr;
      }
      .popular-product-card--wide {
        grid-column: span 1;
      }
      .popular-product-card--wide .popular-card-img-wrapper,
      .popular-card-img-wrapper {
        aspect-ratio: 4 / 5;
      }
      .advantages-band {
        gap: 20px;
      }
      .advantages-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }
      .advantage-card {
        min-height: auto;
        padding: 20px;
      }
      .advantage-number {
        font-size: 48px;
      }
      .section { padding-block: 62px; }
      .section-head { align-items: start; flex-direction: column; }
      .category-carousel-track {
        margin-inline: -14px;
        padding-inline: 14px;
      }
      .properties-row-new {
        grid-template-columns: 1fr;
        gap: 12px;
      }
      .property-pill-new {
        padding: 16px 20px;
      }
      .finder-copy, .b2b-copy { padding: 38px 25px; }
      .finder-form { padding: 28px 22px; }
      .catalog-hero, .sub-hero { padding-top: 38px; }
      .catalog-layout { grid-template-columns: 1fr; }
      .filters { position: static; display: none; }
      .product-grid { gap: 24px 9px; }
      .product-info h3 { font-size: 16px; }
      .product-info .meta { font-size: 10px; }
      .product-image { border-radius: 9px; }
      .gallery { min-height: 420px; grid-template-columns: 1fr 1fr; }
      .gallery-tile { min-height: 210px; }
      .product-panel { padding: 38px 18px; }
      .buy-mode { grid-template-columns: 1fr; }
      .quantity-row { grid-template-columns: 125px 1fr; }
      .specs { grid-template-columns: 1fr; }
      .sample-item { grid-template-columns: 76px 1fr; }
      .sample-item > strong { grid-column: 2; }
      .process { grid-template-columns: 1fr; }
      .b2b-proof { grid-template-columns: 1fr 1fr; padding: 14px; }
      .proof-cell { min-height: 145px; padding: 14px; }
      .calculator { grid-template-columns: 1fr; }
      .footer-grid { grid-template-columns: 1fr; gap: 20px; }
    }

    body.catalog-wide-prototype {
      --catalog-wide-edge: clamp(24px, 2.5vw, 48px);
      --catalog-wide-shell: min(1640px, calc(100vw - (var(--catalog-wide-edge) * 2)));
    }
    body.catalog-wide-prototype .catalog-modern-shell.page {
      width: var(--catalog-wide-shell);
      max-width: none;
      margin-left: var(--catalog-wide-edge);
      margin-right: auto;
    }
    body.catalog-wide-prototype .catalog-modern-breadcrumbs {
      width: var(--catalog-wide-shell);
      margin-left: var(--catalog-wide-edge);
      margin-right: auto;
    }
    body.catalog-wide-prototype .catalog-workhead {
      padding-top: 10px;
    }
    body.catalog-wide-prototype .catalog-modern-layout {
      grid-template-columns: 288px minmax(0, 1fr);
      gap: 24px;
    }
    body.catalog-wide-prototype .catalog-smart-sidebar {
      width: calc(288px + var(--catalog-wide-edge));
      margin-left: calc(-1 * var(--catalog-wide-edge));
      padding-left: var(--catalog-wide-edge);
      border-left: 0;
      border-radius: 0 8px 8px 0;
      top: calc(var(--catalog-sticky-header-height) + 14px) !important;
      max-height: calc(100svh - var(--catalog-sticky-header-height) - 28px);
    }
    body.catalog-wide-prototype .catalog-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 28px 18px;
    }
    body.catalog-wide-prototype .catalog-card-title {
      font-size: clamp(18px, 1.08vw, 21px);
    }
    body.catalog-wide-prototype .catalog-card-price {
      font-size: clamp(21px, 1.26vw, 23px);
    }
    body.catalog-wide-prototype .catalog-card-composition {
      max-width: 100%;
    }
    @media (max-width: 1380px) {
      body.catalog-wide-prototype {
        --catalog-wide-edge: 24px;
      }
      body.catalog-wide-prototype .catalog-grid {
        gap: 26px 16px;
      }
      body.catalog-wide-prototype .catalog-card-swatches {
        width: 139px;
        grid-template-columns: repeat(5, 23px);
      }
    }
    @media (max-width: 1120px) {
      body.catalog-wide-prototype .catalog-modern-layout {
        grid-template-columns: 244px minmax(0, 1fr);
        gap: 20px;
      }
      body.catalog-wide-prototype .catalog-smart-sidebar {
        width: calc(244px + var(--catalog-wide-edge));
      }
      body.catalog-wide-prototype .catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    @media (max-width: 900px) {
      body.catalog-wide-prototype .catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 760px) {
      body.catalog-wide-prototype .catalog-modern-shell.page {
        width: var(--page);
        margin-inline: auto;
      }
      body.catalog-wide-prototype .catalog-modern-breadcrumbs {
        width: var(--page);
        margin-inline: auto;
      }
      body.catalog-wide-prototype .catalog-modern-layout {
        display: block;
      }
      body.catalog-wide-prototype .catalog-smart-sidebar {
        display: none;
      }
      body.catalog-wide-prototype .catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      body.catalog-wide-prototype .catalog-card {
        width: 100%;
        max-width: none;
        margin-inline: 0;
      }
    }