/* ─── TOKENS ─────────────────────────────────────── */
    :root {
      --navy:      #1b3d6e;
      --navy-deep: #0f2340;
      --navy-mid:  #2a5298;
      --steel:     #8fa3b8;
      --silver:    #c4cdd8;
      --cream:     #f0e9db;
      --cream-2:   #e5ddd0;
      --ink:       #08111e;
      --ink-2:     #0b1625;
      --ink-3:     #0d1a2e;
      --border:    rgba(27,61,110,0.25);
      --gap:       clamp(3rem, 6vw, 5.5rem);
    }

    /* ─── RESET ──────────────────────────────────────── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Barlow', sans-serif; background: var(--ink); color: var(--cream); overflow-x: hidden; }
    img  { max-width: 100%; display: block; }
    a    { color: inherit; text-decoration: none; }
    button { cursor: pointer; font-family: inherit; }
    input, select, textarea { font-family: inherit; }

    /* ─── UTILITIES ───────────────────────────────────── */
    .container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
    .section    { padding: var(--gap) 0; }

    .section-label {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .72rem; font-weight: 700;
      letter-spacing: .22em; text-transform: uppercase;
      color: var(--navy-mid); margin-bottom: .4rem;
    }
    .section-title {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(2.6rem, 5vw, 4rem);
      line-height: .95; letter-spacing: .03em; color: var(--cream);
    }
    .section-title span { color: var(--navy-mid); }

    /* buttons */
    .btn {
      display: inline-flex; align-items: center; gap: .5rem;
      padding: .85rem 2rem; border-radius: 3px;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .95rem; font-weight: 700;
      letter-spacing: .09em; text-transform: uppercase;
      transition: all .2s; border: 2px solid transparent;
    }
    .btn-primary  { background: var(--navy);  color: var(--cream); border-color: var(--navy); }
    .btn-primary:hover  { background: var(--navy-mid); border-color: var(--navy-mid); transform: translateY(-2px); }
    .btn-outline  { background: transparent; color: var(--cream); border-color: rgba(196,205,216,.5); }
    .btn-outline:hover  { border-color: var(--cream); background: rgba(240,233,219,.07); }
    .btn-cream    { background: var(--cream); color: var(--ink); border-color: var(--cream); }
    .btn-cream:hover    { background: var(--cream-2); transform: translateY(-2px); }

    /* ─── SOUND-WAVE DIVIDER ─────────────────────────── */
    .wave {
      display: flex; align-items: flex-end;
      gap: 3px; height: 28px; margin-bottom: 1.25rem;
    }
    .wave b {
      display: block; width: 4px; border-radius: 2px;
      background: var(--navy-mid);
      animation: wv 1.3s ease-in-out infinite;
    }
    .wave b:nth-child(1){height:35%;animation-delay:.0s}
    .wave b:nth-child(2){height:70%;animation-delay:.1s}
    .wave b:nth-child(3){height:100%;animation-delay:.2s}
    .wave b:nth-child(4){height:55%;animation-delay:.3s}
    .wave b:nth-child(5){height:80%;animation-delay:.15s}
    .wave b:nth-child(6){height:40%;animation-delay:.25s}
    .wave b:nth-child(7){height:90%;animation-delay:.05s}
    .wave b:nth-child(8){height:60%;animation-delay:.35s}
    @keyframes wv { 0%,100%{transform:scaleY(1)} 50%{transform:scaleY(.35)} }
    @media (prefers-reduced-motion:reduce){ .wave b { animation:none; } }

    /* ─── ANNOUNCEMENT BAR ───────────────────────────── */
    .announce {
      background: var(--navy);
      padding: .55rem 1.5rem; text-align: center;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .85rem; font-weight: 600;
      letter-spacing: .07em; color: var(--cream);
    }
    .announce a { text-decoration: underline; margin-left: 1.25rem; opacity: .75; }
    .announce a:hover { opacity: 1; }

    /* ─── NAV ────────────────────────────────────────── */
    nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 200;
      background: rgba(8,17,30,.96);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--border);
    }
    .nav-inner {
      display: flex; align-items: center; justify-content: space-between;
      padding: .8rem 1.5rem; max-width: 1400px; margin: 0 auto;
    }
    .nav-logo {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 1.8rem; letter-spacing: .04em; color: var(--cream); line-height: 1;
      display: flex; align-items: center;
    }
    .nav-logo span { color: var(--navy-mid); }
    .nav-logo-img { height: 44px; width: auto; display: block; }
    .nav-links { display: flex; align-items: center; gap: .1rem; list-style: none; }
    .nav-links a {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .82rem; font-weight: 700;
      letter-spacing: .1em; text-transform: uppercase;
      padding: .45rem .8rem; color: var(--steel);
      transition: color .2s; border-radius: 3px;
    }
    .nav-links a:hover { color: var(--cream); }
    .nav-cta { background: var(--navy) !important; color: var(--cream) !important; }
    .nav-cta:hover { background: var(--navy-mid) !important; }
    .hamburger {
      display: none; flex-direction: column; gap: 5px;
      background: none; border: none; padding: 4px;
    }
    .hamburger span { display: block; width: 24px; height: 2px; background: var(--cream); transition: all .3s; }
    @media (max-width:920px){
      .hamburger { display: flex; }
      .nav-links {
        position: fixed; top: 0; right: -100%;
        width: min(310px,85vw); height: 100svh;
        background: var(--ink-2);
        border-left: 1px solid var(--border);
        flex-direction: column; align-items: flex-start;
        padding: 5rem 2rem 2rem; gap: .1rem;
        transition: right .3s; z-index: 199;
      }
      .nav-links.open { right: 0; }
      .nav-links a { font-size: 1.05rem; padding: .7rem .5rem; width: 100%; }
    }

    /* ─── HERO ───────────────────────────────────────── */
    #hero {
      min-height: 100svh; display: flex; flex-direction: column;
      justify-content: center; padding: 8rem 1.5rem 5rem;
      position: relative; overflow: hidden;
    }
    .hero-bg {
      position: absolute; inset: 0;
      background:
        radial-gradient(ellipse 65% 55% at 85% 45%, rgba(27,61,110,.22) 0%, transparent 65%),
        radial-gradient(ellipse 45% 40% at 15% 80%, rgba(27,61,110,.12) 0%, transparent 60%),
        linear-gradient(165deg, #08111e 0%, #0c1828 100%);
    }
    .hero-grid {
      position: absolute; inset: 0;
      background-image:
        linear-gradient(rgba(27,61,110,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(27,61,110,.07) 1px, transparent 1px);
      background-size: 64px 64px;
    }
    .hero-content { position: relative; max-width: 1200px; margin: 0 auto; width: 100%; text-align: center; }
    .hero-eyebrow {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .78rem; font-weight: 700;
      letter-spacing: .22em; text-transform: uppercase;
      color: var(--navy-mid); margin-bottom: 1rem;
    }
    .hero-title {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(4.5rem, 11vw, 9.5rem);
      line-height: .88; letter-spacing: .02em; margin-bottom: 1.5rem;
    }
    .hero-title .t1 { display: block; color: var(--cream); }
    .hero-title .t2 {
      display: block; color: transparent;
      -webkit-text-stroke: 2px var(--navy-mid);
    }
    .hero-sub {
      font-size: clamp(.95rem, 1.8vw, 1.2rem);
      color: var(--steel); max-width: 560px;
      margin: 0 auto 2.5rem; line-height: 1.65;
    }
    .hero-sub strong { color: var(--cream); }
    .hero-ctas { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; }
    .hero-stats {
      display: flex; gap: 2.5rem; flex-wrap: wrap; justify-content: center;
      margin-top: 3.5rem; padding-top: 2rem;
      border-top: 1px solid var(--border);
    }
    .stat-num {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 2.4rem; line-height: 1; color: var(--cream);
    }
    .stat-label {
      font-size: .68rem; font-weight: 700;
      letter-spacing: .12em; text-transform: uppercase;
      color: var(--steel);
    }
    .hero-scroll {
      position: absolute; bottom: 2.5rem; left: 50%;
      transform: translateX(-50%);
      display: flex; flex-direction: column;
      align-items: center; gap: .4rem;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .65rem; font-weight: 700;
      letter-spacing: .18em; text-transform: uppercase;
      color: var(--steel);
    }
    .hero-scroll-line {
      width: 1px; height: 38px;
      background: linear-gradient(to bottom, var(--navy-mid), transparent);
      animation: sl 2s ease-in-out infinite;
    }
    @keyframes sl {
      0%{transform:scaleY(0);transform-origin:top}
      50%{transform:scaleY(1);transform-origin:top}
      51%{transform:scaleY(1);transform-origin:bottom}
      100%{transform:scaleY(0);transform-origin:bottom}
    }

    /* ─── SERVICES ───────────────────────────────────── */
    #services { background: linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 100%); }
    .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 1.5px; background: var(--border);
      border: 1px solid var(--border); margin-top: 3rem;
    }
    .svc {
      background: var(--ink-2); padding: 2.5rem 2rem;
      position: relative; overflow: hidden; transition: background .3s;
    }
    .svc::before {
      content: ''; position: absolute; top: 0; left: 0;
      width: 3px; height: 0; background: var(--navy-mid); transition: height .4s;
    }
    .svc:hover { background: #0e1e37; }
    .svc:hover::before { height: 100%; }
    .svc-icon {
      width: 50px; height: 50px; background: rgba(27,61,110,.18);
      border: 1px solid var(--border); border-radius: 4px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.4rem; margin-bottom: 1.5rem;
    }
    .svc-name {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 1.45rem; letter-spacing: .05em;
      color: var(--cream); margin-bottom: .6rem;
    }
    .svc-desc { font-size: .88rem; color: var(--steel); line-height: 1.6; margin-bottom: 1.5rem; }
    .svc-link {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .78rem; font-weight: 700;
      letter-spacing: .1em; text-transform: uppercase;
      color: var(--navy-mid); display: flex;
      align-items: center; gap: .4rem; transition: gap .2s, color .2s;
    }
    .svc-link:hover { gap: .8rem; color: var(--silver); }

    /* ─── SHOP AUDIO ─────────────────────────────────── */
    #shop { background: var(--ink); }
    .product-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
      gap: 1rem; margin-top: 2.5rem;
    }
    .pc {
      background: var(--ink-3); border: 1px solid var(--border);
      border-radius: 4px; overflow: hidden;
      transition: border-color .2s, transform .2s;
    }
    .pc:hover { border-color: var(--navy-mid); transform: translateY(-3px); }
    .pc-img {
      aspect-ratio: 1; background: linear-gradient(135deg, #0f2340, #1a3560);
      display: flex; align-items: center; justify-content: center;
      font-size: 2.8rem;
    }
    .pc-info { padding: 1rem; }
    .pc-badge {
      display: inline-block; padding: .12rem .45rem;
      background: rgba(27,61,110,.28); border: 1px solid var(--border);
      color: var(--steel); font-size: .63rem; font-weight: 700;
      letter-spacing: .1em; text-transform: uppercase;
      border-radius: 2px; margin-bottom: .4rem;
    }
    .pc-name { font-family: 'Barlow Condensed', sans-serif; font-size: .95rem; font-weight: 700; color: var(--cream); margin-bottom: .2rem; }
    .pc-brand { font-size: .74rem; color: var(--steel); margin-bottom: .4rem; }
    .pc-price { font-family: 'Bebas Neue', sans-serif; font-size: 1.3rem; color: var(--silver); margin-bottom: .6rem; }
    .pc .btn { width: 100%; justify-content: center; padding: .55rem 1rem; font-size: .78rem; }

    /* ─── TINT PACKAGES ──────────────────────────────── */
    #tint { background: var(--ink-2); }
    .tint-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 1.5px; background: var(--border);
      border: 1px solid var(--border); margin-top: 3rem;
    }
    .tp {
      background: var(--ink-3); padding: 2rem 1.75rem;
      position: relative;
    }
    .tp.pop { background: linear-gradient(145deg, #0f2340, #1e4a8a 220%); }
    .tp.pop::after {
      content: 'POPULAR'; position: absolute; top: 0; right: 0;
      background: var(--navy-mid); color: var(--cream);
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .62rem; font-weight: 700;
      letter-spacing: .15em; padding: .28rem .7rem;
    }
    .tp-tier { font-family: 'Barlow Condensed', sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--navy-mid); margin-bottom: .35rem; }
    .tp-name { font-family: 'Bebas Neue', sans-serif; font-size: 1.8rem; color: var(--cream); margin-bottom: .25rem; }
    .tp-price { font-family: 'Bebas Neue', sans-serif; font-size: 2.6rem; line-height: 1.1; color: var(--silver); margin: .9rem 0 1.1rem; }
    .tp-price small { font-size: 1rem; color: var(--steel); }
    .tp-list { list-style: none; margin-bottom: 1.5rem; }
    .tp-list li {
      font-size: .85rem; color: var(--steel);
      padding: .32rem 0; border-bottom: 1px solid rgba(27,61,110,.1);
      display: flex; align-items: center; gap: .45rem;
    }
    .tp-list li::before { content: '✓'; color: var(--navy-mid); font-weight: 800; font-size: .78rem; }
    .tp-list li:last-child { border-bottom: none; }
    .tp .btn { width: 100%; justify-content: center; }

    /* ─── APPAREL ────────────────────────────────────── */
    #apparel { background: var(--ink); }
    .apparel-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 1.5rem; margin-top: 3rem;
    }
    @media(max-width:768px){ .apparel-grid { grid-template-columns: 1fr; } }
    .ac {
      background: var(--ink-3); border: 1px solid var(--border);
      border-radius: 4px; overflow: hidden;
    }
    .ac-head {
      padding: 2rem 2rem 1.75rem;
      background: linear-gradient(135deg, #0f2340, #1b3d6e 160%);
    }
    .ac-icon { font-size: 2.4rem; margin-bottom: .85rem; }
    .ac-name { font-family: 'Bebas Neue', sans-serif; font-size: 1.75rem; letter-spacing: .05em; color: var(--cream); margin-bottom: .3rem; }
    .ac-sub { font-size: .85rem; color: var(--steel); line-height: 1.5; }
    .ac-body { padding: 2rem; }
    .ac-feat { display: flex; align-items: flex-start; gap: .7rem; margin-bottom: .9rem; }
    .ac-dot { width: 5px; height: 5px; background: var(--navy-mid); border-radius: 50%; margin-top: .45rem; flex-shrink: 0; }
    .ac-feat p { font-size: .88rem; color: var(--silver); line-height: 1.5; }

    /* pricing table */
    .ptable { margin-top: 1.5rem; border: 1px solid var(--border); border-radius: 3px; overflow: hidden; }
    .ptr {
      display: grid; grid-template-columns: 1fr 1fr 1fr;
      padding: .7rem 1rem; border-bottom: 1px solid rgba(27,61,110,.12);
      font-size: .83rem;
    }
    .ptr:last-child { border-bottom: none; }
    .ptr.hd { background: rgba(27,61,110,.18); font-family: 'Barlow Condensed', sans-serif; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--steel); font-size: .72rem; }
    .ptr:not(.hd) { color: var(--silver); }
    .ptr .pr { color: var(--cream); font-weight: 700; }
    .ptr .sv { color: #72c262; font-size: .74rem; }

    /* ─── BLANKS CATALOG ────────────────────────────── */
    #catalog { background: var(--ink-2); }
    .cat-controls {
      display: flex; gap: 1rem; align-items: center; flex-wrap: wrap;
      margin-top: 2.5rem; margin-bottom: 2.5rem;
    }
    .cat-search {
      flex: 1; min-width: 200px;
      background: rgba(8,17,30,.7); border: 1px solid var(--border);
      border-radius: 3px; padding: .62rem 1rem;
      color: var(--cream); font-size: .9rem;
    }
    .cat-search::placeholder { color: var(--steel); }
    .cat-search:focus { outline: none; border-color: var(--navy-mid); }
    .cat-tabs {
      display: flex; gap: .4rem; flex-wrap: wrap;
    }
    .cat-tab {
      background: rgba(27,61,110,.18); border: 1px solid var(--border);
      color: var(--steel); font-family: 'Barlow Condensed', sans-serif;
      font-size: .78rem; font-weight: 700; letter-spacing: .1em;
      text-transform: uppercase; padding: .45rem .9rem; border-radius: 2px;
      cursor: pointer; transition: all .18s;
    }
    .cat-tab:hover, .cat-tab.active {
      background: var(--navy-mid); border-color: var(--navy-mid); color: #fff;
    }
    .catalog-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 1.25rem;
    }
    @media(max-width:480px){ .catalog-grid { grid-template-columns: 1fr 1fr; gap: .75rem; } }
    .prod-card {
      background: var(--ink-3); border: 1px solid var(--border);
      border-radius: 4px; overflow: hidden; cursor: pointer;
      transition: transform .18s, border-color .18s;
    }
    .prod-card:hover { transform: translateY(-3px); border-color: var(--navy-mid); }
    .prod-card { position: relative; }
    .bulk-badge {
      position: absolute; top: 8px; left: 8px; z-index: 2;
      background: var(--navy-mid); color: #fff;
      font-family: 'Barlow Condensed', sans-serif; font-weight: 700;
      font-size: .62rem; letter-spacing: .08em; text-transform: uppercase;
      padding: .25rem .55rem; border-radius: 2px;
      box-shadow: 0 2px 8px rgba(0,0,0,.4);
    }
    .prod-img {
      width: 100%; aspect-ratio: 1; object-fit: cover;
      background: #0b1827;
    }
    .prod-img-placeholder {
      width: 100%; aspect-ratio: 1; background: linear-gradient(135deg, #0d1a2e, #1b3d6e22);
      display: flex; align-items: center; justify-content: center;
      font-size: 2.5rem; color: rgba(255,255,255,.1);
    }
    .prod-info { padding: .85rem; }
    .prod-brand { font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--navy-mid); margin-bottom: .2rem; }
    .prod-name { font-size: .82rem; color: var(--cream); line-height: 1.35; margin-bottom: .45rem; }
    .prod-price { font-family: 'Barlow Condensed', sans-serif; font-size: 1rem; color: #72c262; font-weight: 700; }
    .prod-price span { font-size: .7rem; color: var(--steel); font-weight: 400; }
    .card-swatches {
      display: flex; flex-wrap: nowrap; gap: 4px;
      margin: .6rem 0 .4rem; overflow-x: auto;
      scrollbar-width: none;
    }
    .card-swatches::-webkit-scrollbar { display: none; }
    .card-swatch {
      flex-shrink: 0; width: 28px; height: 28px;
      border-radius: 3px; overflow: hidden;
      border: 1.5px solid rgba(255,255,255,.12);
      cursor: pointer; transition: border-color .12s, transform .12s;
    }
    .card-swatch:hover, .card-swatch.active { border-color: #fff; transform: scale(1.1); }
    .card-swatch img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .card-swatch-hex {
      width: 100%; height: 100%;
    }
    .card-swatch-more {
      flex-shrink: 0; font-size: .65rem; color: var(--steel);
      font-family: 'Barlow Condensed', sans-serif;
      line-height: 28px; padding: 0 4px; white-space: nowrap;
    }
    .cat-loading {
      grid-column: 1/-1; text-align: center; padding: 4rem 2rem;
      color: var(--steel); font-size: .9rem;
    }
    .cat-loading::after {
      content: ''; display: block; width: 32px; height: 32px;
      border: 2px solid var(--border); border-top-color: var(--navy-mid);
      border-radius: 50%; margin: 1rem auto 0; animation: spin .7s linear infinite;
    }
    @keyframes spin { to { transform: rotate(360deg); } }
    .cat-load-more {
      display: block; margin: 2.5rem auto 0; padding: .75rem 2.5rem;
    }
    .cat-error { grid-column: 1/-1; text-align: center; padding: 3rem; color: var(--steel); }

    /* ─── PRODUCT MODAL ──────────────────────────────── */
    .modal-overlay {
      display: none; position: fixed; inset: 0; z-index: 9999;
      background: rgba(8,17,30,.85); backdrop-filter: blur(4px);
      align-items: center; justify-content: center; padding: 1.5rem;
    }
    .modal-overlay.open { display: flex; }
    .modal-box {
      background: var(--ink-3); border: 1px solid var(--border);
      border-radius: 6px; max-width: 860px; width: 100%;
      max-height: 90vh; overflow-y: auto; position: relative;
    }
    .modal-close {
      position: sticky; top: 1rem; right: 1rem; float: right;
      background: none; border: none; color: var(--steel); font-size: 1.5rem;
      cursor: pointer; line-height: 1; padding: .25rem .5rem; margin: .75rem .75rem 0 0;
    }
    .modal-close:hover { color: var(--cream); }
    .modal-inner {
      display: grid; grid-template-columns: 1fr 1.15fr;
      gap: 0; clear: both;
    }
    @media(max-width:600px){ .modal-inner { grid-template-columns: 1fr; } }
    .modal-img-col { position: relative; }
    .modal-img {
      width: 100%; aspect-ratio: 1; object-fit: cover; display: block;
      border-radius: 6px 0 0 6px; background: #0b1827;
    }
    @media(max-width:600px){ .modal-img { border-radius: 6px 6px 0 0; aspect-ratio: 4/3; } }
    .modal-info { padding: 2rem; }
    .modal-brand { font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--navy-mid); margin-bottom: .35rem; }
    .modal-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.8rem; letter-spacing: .04em; color: var(--cream); line-height: 1.1; margin-bottom: .5rem; }
    .modal-style { font-size: .75rem; color: var(--steel); margin-bottom: 1.25rem; }
    .modal-msrp { margin-bottom: 1.5rem; }
    .modal-msrp-lbl { font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--steel); margin-bottom: .2rem; }
    .modal-msrp-price { font-family: 'Barlow Condensed', sans-serif; font-size: 2rem; color: #72c262; font-weight: 700; }
    .modal-msrp-sub { font-size: .72rem; color: var(--steel); margin-top: .15rem; }
    .modal-colors { margin-bottom: 1.5rem; }
    .modal-sec-lbl { font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--steel); margin-bottom: .6rem; }
    .color-swatches { display: flex; flex-wrap: wrap; gap: .5rem; max-height: 200px; overflow-y: auto; }
    .color-swatches::-webkit-scrollbar { width: 4px; }
    .color-swatches::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
    .color-swatch {
      width: 52px; height: 52px; border-radius: 4px;
      border: 2px solid rgba(255,255,255,.15); cursor: pointer;
      transition: transform .12s, border-color .12s;
      overflow: hidden; flex-shrink: 0;
    }
    .color-swatch:hover, .color-swatch.active { transform: scale(1.06); border-color: #fff; }
    .modal-addons { background: rgba(27,61,110,.12); border: 1px solid var(--border); border-radius: 3px; padding: 1.25rem; margin-bottom: 1.5rem; }
    .addon-title { font-family: 'Barlow Condensed', sans-serif; font-size: 1rem; font-weight: 700; color: var(--cream); margin-bottom: .9rem; }
    .addon-row {
      display: flex; justify-content: space-between; align-items: center;
      padding: .5rem 0; border-bottom: 1px solid rgba(27,61,110,.2);
      font-size: .82rem;
    }
    .addon-row:last-child { border-bottom: none; }
    .addon-name { color: var(--silver); }
    .addon-price { color: #72c262; font-weight: 700; font-family: 'Barlow Condensed', sans-serif; font-size: .95rem; }
    .modal-btns { display: flex; flex-direction: column; gap: .75rem; }
    .modal-btns .btn { justify-content: center; }

    /* ─── BRAND FILTER ───────────────────────────────── */
    .brand-filter-bar {
      display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
      margin-bottom: 1.25rem;
    }
    .brand-filter-toggle {
      display: flex; align-items: center; gap: .5rem;
      background: rgba(27,61,110,.18); border: 1px solid var(--border);
      color: var(--steel); font-family: 'Barlow Condensed', sans-serif;
      font-size: .78rem; font-weight: 700; letter-spacing: .1em;
      text-transform: uppercase; padding: .45rem 1rem; border-radius: 2px;
      cursor: pointer; transition: all .18s; white-space: nowrap;
    }
    .brand-filter-toggle:hover, .brand-filter-toggle.active {
      background: var(--navy-mid); border-color: var(--navy-mid); color: #fff;
    }
    .brand-filter-toggle .bft-arrow {
      transition: transform .2s; font-style: normal; font-size: .7rem;
    }
    .brand-filter-toggle.open .bft-arrow { transform: rotate(180deg); }
    .brand-active-tags {
      display: flex; gap: .4rem; flex-wrap: wrap;
    }
    .brand-tag {
      display: flex; align-items: center; gap: .35rem;
      background: var(--navy-mid); border-radius: 2px;
      font-size: .72rem; color: #fff; padding: .25rem .6rem;
      font-family: 'Barlow Condensed', sans-serif; font-weight: 600;
      letter-spacing: .06em;
    }
    .brand-tag button {
      background: none; border: none; color: rgba(255,255,255,.7);
      cursor: pointer; font-size: .8rem; line-height: 1; padding: 0;
    }
    .brand-tag button:hover { color: #fff; }
    .brand-clear-all {
      background: none; border: 1px solid rgba(143,163,184,.3);
      color: var(--steel); font-family: 'Barlow Condensed', sans-serif;
      font-size: .72rem; font-weight: 700; letter-spacing: .1em;
      text-transform: uppercase; padding: .25rem .7rem; border-radius: 2px;
      cursor: pointer; transition: all .18s;
    }
    .brand-clear-all:hover { border-color: var(--steel); color: var(--cream); }

    .brand-panel {
      display: none; background: var(--ink-3); border: 1px solid var(--border);
      border-radius: 4px; padding: 1.25rem; margin-bottom: 1.5rem;
    }
    .brand-panel.open { display: block; }
    .brand-panel-inner {
      display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: .25rem; max-height: 320px; overflow-y: auto;
    }
    .brand-panel-inner::-webkit-scrollbar { width: 5px; }
    .brand-panel-inner::-webkit-scrollbar-track { background: transparent; }
    .brand-panel-inner::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
    .brand-search {
      width: 100%; background: rgba(8,17,30,.7); border: 1px solid var(--border);
      border-radius: 3px; padding: .5rem .8rem; color: var(--cream);
      font-size: .85rem; margin-bottom: .85rem;
    }
    .brand-search::placeholder { color: var(--steel); }
    .brand-search:focus { outline: none; border-color: var(--navy-mid); }
    .brand-check-row {
      display: flex; align-items: center; gap: .6rem;
      padding: .3rem .5rem; border-radius: 2px; cursor: pointer;
      transition: background .12s;
    }
    .brand-check-row:hover { background: rgba(27,61,110,.2); }
    .brand-check-row input[type=checkbox] {
      accent-color: var(--navy-mid); width: 14px; height: 14px;
      flex-shrink: 0; cursor: pointer;
    }
    .brand-check-row label {
      font-size: .82rem; color: var(--silver); cursor: pointer;
      flex: 1; line-height: 1.3;
    }
    .brand-check-row .brand-count {
      font-size: .68rem; color: rgba(143,163,184,.5);
      font-family: 'Barlow Condensed', sans-serif;
    }
    .brand-check-row.hidden { display: none; }

    /* ─── FUNDRAISING ────────────────────────────────── */
    #fundraising { background: var(--navy-deep); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
    .fr-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; }
    @media(max-width:768px){ .fr-inner { grid-template-columns: 1fr; gap: 2.5rem; } }
    .fr-steps { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 2rem; }
    .fr-step { display: flex; gap: 1.25rem; align-items: flex-start; }
    .fr-num { font-family: 'Bebas Neue', sans-serif; font-size: 2.4rem; line-height: 1; color: rgba(27,61,110,.4); flex-shrink: 0; width: 2rem; }
    .fr-step h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 1.05rem; font-weight: 700; color: var(--cream); margin-bottom: .2rem; }
    .fr-step p { font-size: .85rem; color: var(--steel); line-height: 1.55; }
    .form-card { background: var(--ink-3); border: 1px solid var(--border); border-radius: 4px; padding: 2.5rem; }
    .form-card h3 { font-family: 'Bebas Neue', sans-serif; font-size: 1.75rem; letter-spacing: .05em; color: var(--cream); margin-bottom: 1.5rem; }

    /* ─── FORMS ──────────────────────────────────────── */
    .fg { margin-bottom: 1.2rem; }
    .fl {
      display: block; font-family: 'Barlow Condensed', sans-serif;
      font-size: .72rem; font-weight: 700;
      letter-spacing: .13em; text-transform: uppercase;
      color: var(--steel); margin-bottom: .35rem;
    }
    .fi, .fs, .ft {
      width: 100%; background: rgba(8,17,30,.65);
      border: 1px solid var(--border); border-radius: 3px;
      padding: .68rem .9rem; color: var(--cream);
      font-size: .9rem; transition: border-color .2s;
    }
    .fi:focus, .fs:focus, .ft:focus { outline: none; border-color: var(--navy-mid); }
    .fi::placeholder { color: rgba(143,163,184,.38); }
    .fs { cursor: pointer; appearance: none; }
    .fs option { background: var(--ink-3); }
    .ft { resize: vertical; min-height: 95px; }
    .fr2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    @media(max-width:480px){ .fr2 { grid-template-columns: 1fr; } }
    .upload-zone {
      border: 2px dashed var(--border); border-radius: 4px;
      padding: 1.75rem; text-align: center;
      cursor: pointer; transition: border-color .2s, background .2s;
    }
    .upload-zone:hover { border-color: var(--navy-mid); background: rgba(27,61,110,.05); }
    .upload-zone .uz-icon { font-size: 1.8rem; color: var(--navy-mid); margin-bottom: .6rem; }
    .upload-zone .uz-text { font-size: .83rem; color: var(--steel); margin-bottom: .2rem; }
    .upload-zone .uz-sub  { font-size: .72rem; color: rgba(143,163,184,.45); }

    /* ─── QUOTE SECTION ──────────────────────────────── */
    #quotes { background: var(--ink); }
    .quotes-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 1.75rem; margin-top: 3rem;
    }
    @media(max-width:768px){ .quotes-grid { grid-template-columns: 1fr; } }
    .qc { background: var(--ink-3); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; }
    .qc-head {
      background: linear-gradient(135deg, #0f2340, #1b3d6e);
      padding: 1.6rem 2rem; display: flex; align-items: center; gap: 1rem;
    }
    .qc-icon {
      width: 44px; height: 44px; background: rgba(8,17,30,.35);
      border-radius: 4px; display: flex; align-items: center;
      justify-content: center; font-size: 1.25rem; flex-shrink: 0;
    }
    .qc-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.45rem; letter-spacing: .05em; color: var(--cream); }
    .qc-sub { font-size: .78rem; color: var(--steel); }
    .qc-body { padding: 2rem; }
    .fsub { width: 100%; justify-content: center; padding: .88rem; }

    /* ─── AUDIO PACKAGES ────────────────────────────── */
    #packages { background: var(--ink); }
    .pkg-tabs {
      display: flex; gap: 0; border: 1px solid var(--border);
      border-radius: 4px; overflow: hidden; margin-bottom: 2.5rem;
      width: fit-content;
    }
    .pkg-tab {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .82rem; font-weight: 700; letter-spacing: .1em;
      text-transform: uppercase; padding: .65rem 1.5rem;
      background: var(--ink-3); color: var(--steel);
      border: none; cursor: pointer; transition: all .2s;
      border-right: 1px solid var(--border);
    }
    .pkg-tab:last-child { border-right: none; }
    .pkg-tab.active { background: var(--navy); color: var(--cream); }
    .pkg-tab:hover:not(.active) { background: var(--ink-2); color: var(--cream); }
    .pkg-panel { display: none; }
    .pkg-panel.active { display: block; }
    .pkg-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 1.5px; background: var(--border);
      border: 1px solid var(--border);
    }
    .pkg-card {
      background: var(--ink-3); padding: 2.25rem 2rem;
      position: relative; display: flex; flex-direction: column;
    }
    .pkg-card.featured { background: linear-gradient(145deg, #0f2340, #1e4a8a 240%); }
    .pkg-card.featured::after {
      content: 'MOST POPULAR'; position: absolute; top: 0; right: 0;
      background: var(--navy-mid); color: var(--cream);
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .6rem; font-weight: 700; letter-spacing: .15em;
      padding: .28rem .75rem;
    }
    .pkg-tier { font-family: 'Barlow Condensed', sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--navy-mid); margin-bottom: .35rem; }
    .pkg-name { font-family: 'Bebas Neue', sans-serif; font-size: 1.9rem; letter-spacing: .04em; color: var(--cream); margin-bottom: .2rem; }
    .pkg-sub { font-size: .83rem; color: var(--steel); line-height: 1.5; margin-bottom: 1.1rem; }
    .pkg-price { font-family: 'Bebas Neue', sans-serif; font-size: 2.8rem; line-height: 1; color: var(--silver); margin-bottom: 1.4rem; }
    .pkg-price small { font-size: 1rem; color: var(--steel); display: block; margin-bottom: .15rem; }
    .pkg-list { list-style: none; flex: 1; margin-bottom: 1.75rem; }
    .pkg-list li {
      font-size: .85rem; color: var(--steel); padding: .33rem 0;
      border-bottom: 1px solid rgba(27,61,110,.1);
      display: flex; align-items: flex-start; gap: .5rem; line-height: 1.4;
    }
    .pkg-list li:last-child { border-bottom: none; }
    .pkg-list li::before { content: '✓'; color: var(--navy-mid); font-weight: 800; font-size: .78rem; flex-shrink: 0; margin-top: .05rem; }
    .pkg-list li.note::before { content: '⚠'; color: #e8b84b; }
    .pkg-card .btn { width: 100%; justify-content: center; margin-top: auto; }
    .pkg-disclaimer {
      margin-top: 2rem; padding: 1.25rem 1.5rem;
      background: rgba(27,61,110,.1); border: 1px solid var(--border);
      border-radius: 3px; border-left: 3px solid var(--navy-mid);
      font-size: .82rem; color: var(--steel); line-height: 1.6;
    }
    .pkg-disclaimer strong { color: var(--cream); }

    /* ─── WARRANTIES & DISCLAIMERS ───────────────────── */
    #warranties { background: var(--ink-2); }
    .warranty-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 1.5rem; margin-top: 3rem;
    }
    @media(max-width:768px){ .warranty-grid { grid-template-columns: 1fr; } }
    .wc {
      background: var(--ink-3); border: 1px solid var(--border);
      border-radius: 4px; overflow: hidden;
    }
    .wc-head {
      padding: 1.6rem 2rem; display: flex; align-items: center; gap: 1rem;
      border-bottom: 1px solid var(--border);
    }
    .wc-head.warn { background: linear-gradient(135deg, #1a1000, #2a1d00); border-bottom-color: rgba(232,184,75,.15); }
    .wc-head.info { background: linear-gradient(135deg, #0f2340, #1b3d6e); }
    .wc-icon {
      width: 46px; height: 46px; border-radius: 4px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.35rem; flex-shrink: 0;
    }
    .wc-icon.warn { background: rgba(232,184,75,.12); border: 1px solid rgba(232,184,75,.2); }
    .wc-icon.info { background: rgba(8,17,30,.35); border: 1px solid var(--border); }
    .wc-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: .05em; color: var(--cream); }
    .wc-sub { font-size: .76rem; color: var(--steel); margin-top: .15rem; }
    .wc-body { padding: 2rem; }
    .wc-body p { font-size: .88rem; color: var(--steel); line-height: 1.75; margin-bottom: 1rem; }
    .wc-body p:last-child { margin-bottom: 0; }
    .wc-body p strong { color: var(--cream); }
    .wc-body ul { list-style: none; margin: .75rem 0 1rem; }
    .wc-body ul li {
      font-size: .85rem; color: var(--steel); padding: .3rem 0;
      border-bottom: 1px solid rgba(27,61,110,.08);
      display: flex; gap: .6rem; align-items: flex-start; line-height: 1.5;
    }
    .wc-body ul li:last-child { border-bottom: none; }
    .wc-body ul li::before { content: '•'; color: var(--navy-mid); flex-shrink: 0; margin-top: .05rem; }
    .warn-box {
      background: rgba(232,184,75,.06); border: 1px solid rgba(232,184,75,.18);
      border-radius: 3px; padding: 1rem 1.25rem; margin-top: 1rem;
      font-size: .82rem; color: #c9a030; line-height: 1.65;
    }
    .warn-box strong { color: #e8b84b; }

    /* Clear, scannable policy points (heading over description) */
    .policy-points { margin: 1.25rem 0; display: flex; flex-direction: column; gap: 1rem; }
    .policy-point {
      display: grid; grid-template-columns: auto 1fr; gap: .25rem .85rem;
      align-items: start;
      padding-bottom: 1rem; border-bottom: 1px solid rgba(27,61,110,.12);
    }
    .policy-point:last-child { border-bottom: none; padding-bottom: 0; }
    .policy-point .pp-num {
      grid-row: 1 / span 2;
      font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; line-height: 1;
      color: var(--navy-mid); width: 1.5rem; text-align: center;
    }
    .policy-point .pp-h {
      font-family: 'Barlow Condensed', sans-serif; font-weight: 700;
      font-size: 1rem; letter-spacing: .02em; color: var(--cream);
    }
    .policy-point .pp-d { font-size: .85rem; color: var(--steel); line-height: 1.65; }
    .policy-point .pp-d strong { color: var(--silver); }
    @media(max-width:480px){
      .policy-point { grid-template-columns: 1fr; }
      .policy-point .pp-num { grid-row: auto; text-align: left; width: auto; margin-bottom: -.25rem; }
    }
    .deposit-agreement {
      background: rgba(27,61,110,.1); border: 1px solid var(--border);
      border-left: 3px solid #e85b4b; border-radius: 3px;
      padding: 1.25rem 1.5rem; margin-top: 1rem;
      font-size: .82rem; color: var(--steel); line-height: 1.65;
    }
    .deposit-agreement strong { color: var(--cream); }
    .full-width-wc { grid-column: 1 / -1; }

    /* ─── ABOUT ──────────────────────────────────────── */
    #about { background: linear-gradient(180deg, var(--ink-2) 0%, var(--ink) 100%); }
    .about-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
    @media(max-width:768px){ .about-inner { grid-template-columns: 1fr; gap: 2.5rem; } }
    .about-text p { font-size: .95rem; color: var(--steel); line-height: 1.75; margin-top: 1.25rem; }
    .about-text p + p { margin-top: .9rem; }
    .about-photo-box {
      aspect-ratio: 4/3; background: linear-gradient(135deg, #0f2340, #1b3d6e);
      border-radius: 4px; border: 1px solid var(--border);
      display: flex; align-items: center; justify-content: center;
      flex-direction: column; gap: .75rem; text-align: center;
      padding: 1rem;
    }
    .about-photo-box .ph-icon { font-size: 3.5rem; opacity: .35; }
    .about-photo-box .ph-label {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: .72rem; font-weight: 700;
      letter-spacing: .18em; text-transform: uppercase; color: var(--steel);
    }

    /* ─── CONTACT / FOOTER ───────────────────────────── */
    #contact { background: var(--navy-deep); border-top: 1px solid var(--border); }
    .contact-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3.5rem; }
    @media(max-width:768px){ .contact-grid { grid-template-columns: 1fr; gap: 2rem; } }
    .cb-label { font-family: 'Barlow Condensed', sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--navy-mid); margin-bottom: .65rem; }
    .cb-phone { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; letter-spacing: .04em; color: var(--cream); }
    .cb-val { font-size: .9rem; color: var(--silver); line-height: 1.7; }
    .cb-val a:hover { color: var(--cream); }
    .hr-row { display: flex; justify-content: space-between; gap: 1rem; font-size: .85rem; padding: .3rem 0; border-bottom: 1px solid rgba(27,61,110,.13); color: var(--silver); }
    .hr-row:last-child { border-bottom: none; }
    .hr-day { color: var(--steel); }
    .socials { display: flex; gap: .7rem; margin-top: .75rem; }
    .soc {
      width: 40px; height: 40px; background: rgba(27,61,110,.2);
      border: 1px solid var(--border); border-radius: 3px;
      display: flex; align-items: center; justify-content: center;
      font-size: .85rem; transition: all .2s;
      font-family: 'Barlow Condensed', sans-serif; font-weight: 700;
      letter-spacing: .02em;
    }
    .soc:hover { background: var(--navy); border-color: var(--navy-mid); }
    footer {
      border-top: 1px solid rgba(27,61,110,.18);
      padding: 2rem 1.5rem; max-width: 1200px; margin: 0 auto;
      display: flex; justify-content: space-between;
      align-items: center; gap: 1rem; flex-wrap: wrap;
    }
    .footer-logo { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: .04em; color: var(--cream); }
    .footer-logo span { color: var(--navy-mid); }
    .footer-copy { font-size: .73rem; color: rgba(143,163,184,.45); line-height: 1.6; text-align: right; }
  
/* ─── SHOP DROPDOWN NAV ─────────────────────────── */
.nav-drop { position: relative; }
.nav-drop > a { cursor: pointer; }
.nav-drop .drop-menu {
  display: none; position: absolute; top: 100%; left: 0;
  background: var(--ink-3); border: 1px solid var(--border);
  border-radius: 4px; min-width: 190px; padding: .4rem 0;
  box-shadow: 0 12px 30px rgba(0,0,0,.45); z-index: 500;
}
.nav-drop:hover .drop-menu, .nav-drop.open .drop-menu { display: block; }
.drop-menu a {
  display: block; padding: .55rem 1.2rem; color: var(--silver);
  font-size: .85rem; text-decoration: none; transition: all .15s;
  white-space: nowrap;
}
.drop-menu a:hover { background: rgba(27,61,110,.3); color: var(--cream); }
.drop-menu .drop-soon {
  font-size: .6rem; color: var(--steel); letter-spacing: .08em;
  text-transform: uppercase; margin-left: .4rem; opacity: .7;
}
@media(max-width:900px){
  .nav-drop .drop-menu { position: static; box-shadow: none; border: none; background: rgba(8,17,30,.4); }
}

/* ─── GALLERY ───────────────────────────────────── */
.gallery-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1rem; margin-top: 2rem;
}
.gal-tile {
  position: relative; aspect-ratio: 4/3; border-radius: 5px; overflow: hidden;
  background: var(--ink-3); border: 1px solid var(--border); cursor: pointer;
  transition: transform .18s, border-color .18s;
}
.gal-tile:hover { transform: translateY(-3px); border-color: var(--navy-mid); }
.gal-tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gal-tile .gal-cap {
  position: absolute; left: 0; right: 0; bottom: 0;
  background: linear-gradient(transparent, rgba(8,17,30,.9));
  color: var(--cream); font-size: .82rem; font-weight: 600;
  padding: 1.5rem .85rem .7rem; opacity: 0; transition: opacity .2s;
}
.gal-tile:hover .gal-cap { opacity: 1; }
.gal-ph {
  width: 100%; height: 100%; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: .4rem;
  background: linear-gradient(135deg, #0d1a2e, #1b3d6e22);
  color: rgba(196,205,216,.4); cursor: default;
}
.gal-ph .gal-ph-icon { font-size: 2rem; }
.gal-ph .gal-ph-text { font-size: .72rem; letter-spacing: .05em; }
.gal-empty {
  grid-column: 1/-1; text-align: center; padding: 3rem 1rem;
  color: var(--steel); font-size: .9rem; line-height: 1.7;
}
/* lightbox */
.gal-lightbox {
  display: none; position: fixed; inset: 0; z-index: 9999;
  background: rgba(8,17,30,.92); align-items: center; justify-content: center; padding: 2rem;
}
.gal-lightbox.open { display: flex; }
.gal-lightbox img { max-width: 92vw; max-height: 88vh; border-radius: 6px; box-shadow: 0 20px 60px rgba(0,0,0,.6); }
.gal-lightbox .gal-lb-close {
  position: absolute; top: 1.25rem; right: 1.5rem; background: none; border: none;
  color: var(--cream); font-size: 2rem; cursor: pointer; line-height: 1;
}

/* ─── HOME HERO LOGO ────────────────────────────── */
.hero-logo { max-width: min(420px, 80vw); height: auto; margin: 0 auto 1.5rem; display: block; filter: drop-shadow(0 8px 30px rgba(0,0,0,.5)); }
.hero-contact-strip {
  display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap;
  margin-top: 1.75rem; font-size: .95rem; color: var(--silver);
}
.hero-contact-strip a { color: var(--cream); text-decoration: none; font-weight: 600; }
.hero-contact-strip a:hover { color: var(--navy-mid); }
.hero-contact-strip .hcs-item { display: flex; align-items: center; gap: .5rem; }

/* ─── SHOP CATEGORY PAGES ───────────────────────── */
.page-hero {
  padding: 9rem 0 4rem; text-align: center;
  background: linear-gradient(180deg, var(--navy-deep), var(--ink));
  border-bottom: 1px solid var(--border);
}
.page-hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.6rem, 6vw, 4.2rem); letter-spacing: .04em; color: var(--cream); }
.page-hero h1 span { color: var(--navy-mid); }
.page-hero p { color: var(--steel); max-width: 560px; margin: 1rem auto 0; font-size: .95rem; line-height: 1.6; }
.coming-soon-box {
  max-width: 640px; margin: 4rem auto; text-align: center;
  background: var(--ink-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 3.5rem 2.5rem;
}
.coming-soon-box .csb-icon { font-size: 3rem; margin-bottom: 1rem; }
.coming-soon-box h2 { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; letter-spacing: .05em; color: var(--cream); margin-bottom: .75rem; }
.coming-soon-box p { color: var(--steel); font-size: .92rem; line-height: 1.65; margin-bottom: 1.75rem; }