:root{
    --ink:#0B1626;
    --indigo:#12213B;
    --paper:#F6F3EC;
    --amber:#C68A3F;
    --amber-text:#8D612A;
    --slate:#5C6B7A;
    --rule:#D9D3C4;
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --paper:#0F1420; --ink:#EDE9DE; --indigo:#1B2C4A; --rule:#2A3140; --slate:#9AA6B2; --amber-text:#C68A3F;
    }
  }
  :root[data-theme="dark"]{
    --paper:#0F1420; --ink:#EDE9DE; --indigo:#1B2C4A; --rule:#2A3140; --slate:#9AA6B2; --amber-text:#C68A3F;
  }
  html{scroll-padding-top:env(safe-area-inset-top,0px); scroll-behavior:smooth;}
  *{box-sizing:border-box;}
  body{
    margin:0; background:var(--paper); color:var(--ink);
    font-family:'IBM Plex Sans', Arial, sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{font-family:'Source Serif 4', Georgia, serif; font-weight:600; margin:0; letter-spacing:-0.01em;}
  a{color:inherit;}
  .wrap{max-width:1120px; margin:0 auto; padding:0 24px;}
  .rule{border:none; border-top:1px solid var(--rule); margin:0;}

  header{
    position:sticky; top:env(safe-area-inset-top,0px); z-index:10;
    background:var(--paper); border-bottom:1px solid var(--rule);
  }
  .nav{display:flex; align-items:center; justify-content:space-between; padding:18px 24px;}
  .brand{font-family:'Source Serif 4', serif; font-size:1.25rem; font-weight:600;}
  .brand span{color:var(--amber-text);}
  .brand{display:flex; align-items:center; gap:10px;}
  .brand-mark{height:34px; width:auto;}
  .brand-text{white-space:nowrap; display:flex; align-items:flex-start; gap:2px;}
  .brand-word{height:24px; width:auto; display:block;}
  @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand-word{filter:brightness(1.55) saturate(0.9);}}
  :root[data-theme="dark"] .brand-word{filter:brightness(1.55) saturate(0.9);}
  @media (max-width:720px){.brand-mark{height:26px;} .brand-word{height:19px;} .brand{gap:7px; font-size:1.1rem;}}
  @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand-mark{filter:brightness(0) invert(0.92);}}
  :root[data-theme="dark"] .brand-mark{filter:brightness(0) invert(0.92);}
  nav.links{display:flex; gap:28px; font-size:0.9rem;}
  nav.links a{text-decoration:none; color:var(--slate); transition:color .15s;}
  nav.links a:hover{color:var(--ink);}
  .navcta{background:var(--indigo); color:var(--paper); padding:9px 18px; border-radius:2px; text-decoration:none; font-size:0.88rem; white-space:nowrap;}

  .hero{padding:72px 0 56px;}
  .hero .wrap{display:grid; grid-template-columns:0.85fr 1.15fr; gap:40px; align-items:center;}
  .hero-img-duo{display:flex; gap:10px; height:420px;}
  .hero-img-half{width:33.333%; height:420px; object-fit:cover; border-radius:4px;}
  .gallery-strip-wrap{padding:32px 0; overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);}
  .gallery-strip{display:flex; gap:12px; width:max-content; animation:gallery-scroll 48s linear infinite;}
  .gallery-strip-wrap:hover .gallery-strip{animation-play-state:paused;}
  .gallery-strip-wrap.paused .gallery-strip{animation-play-state:paused;}
  .gallery-strip img{width:220px; height:150px; object-fit:cover; border-radius:2px; flex-shrink:0;}
  @keyframes gallery-scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}
  @media (prefers-reduced-motion: reduce){.gallery-strip{animation:none;}}
  .hero .ref{font-size:0.85rem; color:var(--amber-text); font-family:'IBM Plex Sans'; margin-bottom:14px;}
  .hero h1{font-size:2.6rem; line-height:1.15; max-width:14ch;}
  .hero p{max-width:52ch; color:var(--slate); font-size:1.05rem; line-height:1.6; margin-top:20px;}
  .hero-ctas{display:flex; gap:14px; margin-top:32px; flex-wrap:wrap;}
  .btn-primary{background:var(--indigo); color:var(--paper); padding:13px 24px; text-decoration:none; border-radius:2px; font-size:0.92rem;}
  .btn-secondary{border:1px solid var(--rule); color:var(--ink); padding:13px 24px; text-decoration:none; border-radius:2px; font-size:0.92rem;}

  .stats{display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);}
  .stat{padding:26px 24px; border-left:1px solid var(--rule);}
  .stat:first-child{border-left:none;}
  .stat .num{font-family:'Source Serif 4', serif; font-size:1.9rem; font-weight:600;}
  .stat .lbl{color:var(--slate); font-size:0.82rem; margin-top:4px;}

  section{padding:64px 0;}
  .section-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:36px; gap:24px; flex-wrap:wrap;}
  .section-head h2{font-size:1.7rem;}
  .section-head p{color:var(--slate); max-width:36ch; font-size:0.95rem; margin:0;}

  .process{display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--rule);}
  .step{padding:26px 22px 0 0; border-left:1px solid var(--rule); padding-left:22px;}
  .step:first-child{border-left:none; padding-left:0;}
  .step .n{color:var(--amber); font-size:0.85rem;}
  .step h3{font-size:1.05rem; margin-top:10px; font-weight:500;}
  .step p{color:var(--slate); font-size:0.88rem; line-height:1.55; margin-top:8px;}

  .markets{display:flex; flex-wrap:wrap; gap:10px; margin-top:8px;}
  .chip{border:1px solid var(--rule); padding:8px 16px; border-radius:2px; font-size:0.88rem; color:var(--slate);}

  .region-h{font-size:0.95rem; margin:32px 0 14px; color:var(--slate); border-top:1px solid var(--rule); padding-top:24px; display:flex; justify-content:space-between;}
  .region-h:first-child{border-top:none; margin-top:0; padding-top:0;}
  .region-h .code{color:var(--amber-text); font-size:0.82rem;}
  .pgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
  .pcard{border:1px solid var(--rule); padding:18px; border-radius:2px; position:relative;}
  .badge-demand{display:inline-block; font-size:0.68rem; color:var(--amber-text); border:1px solid var(--amber-text); padding:2px 9px; border-radius:20px; margin-bottom:10px; letter-spacing:0.01em;}
  .icon-badge{width:56px; height:56px; border:1px solid var(--rule); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--amber); margin-bottom:14px;}
  .icon-badge .icon{width:34px; height:34px;}
  .pcard h4{font-family:'Source Serif 4', serif; font-size:1rem; font-weight:500; margin-bottom:6px;}
  .pcard p{color:var(--slate); font-size:0.85rem; line-height:1.5; margin:0;}
  .pcard a{font-size:0.82rem; color:var(--indigo); text-decoration:none; display:inline-block; margin-top:10px;}

  .breadcrumb{font-size:0.82rem; color:var(--amber); margin-bottom:16px;}
  .product-hero{display:grid; grid-template-columns:200px 1fr; gap:36px; align-items:start;}
  .product-icon-box{width:200px; height:200px; border:1px solid var(--rule); display:flex; align-items:center; justify-content:center; color:var(--amber); overflow:hidden; border-radius:2px; flex-shrink:0;}
  .product-icon-box .icon{width:80px; height:80px;}
  .product-icon-box img{width:100%; height:100%; object-fit:cover; border-radius:2px;}
  .product-hero p{color:var(--slate); line-height:1.65; max-width:60ch; margin-top:14px;}
  .spec-table{width:100%; border-collapse:collapse; margin-top:22px; max-width:520px;}
  .spec-table td{padding:10px 0; border-bottom:1px solid var(--rule); font-size:0.9rem;}
  .spec-table td:first-child{color:var(--slate); width:150px;}

  .article-body p{max-width:64ch; line-height:1.75; color:var(--ink); margin-top:16px; font-size:1rem;}
  .article-meta{color:var(--slate); font-size:0.85rem; margin-top:10px;}
  .tags{display:flex; gap:8px; margin-top:24px;}
  .growth-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px;}
  .growth-card{border:1px solid var(--rule); padding:18px 16px; border-radius:2px;}
  .growth-pct{font-family:'Source Serif 4', serif; font-size:1.7rem; font-weight:600; color:var(--amber);}
  .growth-card h4{font-size:0.92rem; font-weight:500; margin-top:8px; line-height:1.35;}
  .growth-card p{color:var(--slate); font-size:0.8rem; margin-top:6px; line-height:1.4;}
  .cat-card{border-bottom:1px solid var(--rule); padding:22px 0;}
  .cat-summary{display:grid; grid-template-columns:100px 1fr auto; gap:22px; align-items:center; cursor:pointer; list-style:none;}
  .cat-summary::-webkit-details-marker{display:none;}
  .cat-summary::after{content:"+ Show 10 sub-categories"; color:var(--amber-text); font-size:0.8rem; white-space:nowrap;}
  details[open] .cat-summary::after{content:"– Hide sub-categories";}
  .cat-illus{width:100px; height:100px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--amber); flex-shrink:0; background:rgba(198,138,63,0.12); border:1px solid rgba(198,138,63,0.25);}
  .cat-illus .icon{width:52px; height:52px;}
  .cat-card-head{display:flex; flex-direction:column; gap:4px;}
  .cat-card-head h4{font-family:'Source Serif 4', serif; font-size:1.1rem; font-weight:600;}
  .cat-body{padding:18px 0 0 122px;}
  .cat-body p{color:var(--slate); font-size:0.92rem; margin:0 0 14px; max-width:62ch; line-height:1.55;}
  .subcat-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:8px;}
  .subcat-item{border:1px solid var(--rule); padding:9px 14px; font-size:0.85rem; border-radius:2px; color:var(--ink);}
  .order-steps{margin-top:18px; border-top:1px solid var(--rule); padding-top:16px;}
  .order-steps h5{font-size:0.78rem; color:var(--amber-text); margin-bottom:10px; text-transform:uppercase; letter-spacing:0.03em;}
  .order-step{display:flex; gap:10px; margin-bottom:8px; font-size:0.85rem; color:var(--slate); line-height:1.5;}
  .order-step .os-num{color:var(--amber-text); font-weight:600; flex-shrink:0;}
  .order-step b{color:var(--ink);}
  .sku-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:8px;}
  .sku-tile{border:1px solid var(--rule); padding:18px; border-radius:2px; display:flex; flex-direction:column;}
  .sku-tile .sku-cat{font-size:0.7rem; color:var(--amber-text); text-transform:uppercase; letter-spacing:0.03em;}
  .sku-tile h4{font-family:'Source Serif 4', serif; font-size:1rem; font-weight:600; margin-top:8px; line-height:1.3;}
  .sku-tile p{color:var(--slate); font-size:0.85rem; line-height:1.5; margin-top:8px; flex-grow:1;}
  .sku-moq{margin-top:12px; font-size:0.78rem; color:var(--amber-text); font-weight:600; border-top:1px solid var(--rule); padding-top:10px;}
  .sku-spec{margin:12px 0 0; border-top:1px solid var(--rule); padding-top:10px;}
  .sku-spec-row{display:flex; justify-content:space-between; gap:10px; font-size:0.78rem; padding:3px 0; margin:0;}
  .sku-spec-row dt{color:var(--slate); flex-shrink:0; font-weight:500;}
  .sku-spec-row dd{margin:0; color:var(--ink); text-align:right; font-weight:600;}
  .enquire-row{display:flex; align-items:center; gap:10px; margin-top:12px; flex-wrap:wrap;}
  .enquire-btn{flex:1; text-align:center; background:var(--indigo); color:#F6F3EC; padding:9px 12px; border-radius:2px; text-decoration:none; font-size:0.78rem; white-space:nowrap;}
  .enquire-wa{display:inline-flex; align-items:center; gap:5px; border:1px solid var(--rule); color:var(--ink); padding:9px 10px; border-radius:2px; text-decoration:none; font-size:0.78rem; white-space:nowrap;}
  .enquire-wa svg{color:#2E7D6B; flex-shrink:0;}
  .footer-wa{display:inline-flex; align-items:center; gap:6px; color:inherit; text-decoration:none;}
  .footer-wa svg{color:#3DBE6E; flex-shrink:0;}
  .catalogue-filters{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px;}
  .cat-filter-chip{border:1px solid var(--rule); background:none; color:var(--slate); padding:7px 14px; border-radius:20px; font-size:0.82rem; cursor:pointer; font-family:'IBM Plex Sans'; white-space:nowrap;}
  .cat-filter-chip:hover{color:var(--ink); border-color:var(--amber);}
  .cat-filter-chip.active{background:var(--indigo); color:var(--paper); border-color:var(--indigo);}
  .catalogue-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
  .cat-tile{border:1px solid var(--rule); border-radius:2px; padding:14px; text-decoration:none; color:var(--ink); display:block; transition:border-color .15s;}
  .cat-tile:hover{border-color:var(--amber);}
  .cat-tile img{width:100%; height:120px; object-fit:cover; border-radius:2px; margin-bottom:10px; background:var(--rule);}
  .cat-tile .sku-cat{font-size:0.68rem; color:var(--amber-text); text-transform:uppercase; letter-spacing:0.03em;}
  .cat-tile h4{font-family:'Source Serif 4', serif; font-size:0.9rem; font-weight:600; margin-top:6px; line-height:1.3;}
  .cat-tile .ct-moq{margin-top:8px; font-size:0.72rem; color:var(--slate);}
  .cat-tile.hidden{display:none;}
  .services-cta{margin-top:20px; display:flex; gap:12px; flex-wrap:wrap;}
  .services-cta .btn-primary{color:#F6F3EC;}
  @media (max-width:900px){.catalogue-grid{grid-template-columns:repeat(2,1fr);}}
  .sku-img{width:100%; height:150px; object-fit:cover; border-radius:2px; margin-bottom:12px;}
  .sku-gallery{display:grid; grid-template-columns:repeat(2,1fr); gap:4px; margin-bottom:12px;}
  .sku-gallery img{width:100%; height:72px; object-fit:cover; border-radius:2px;}
  .vflow{display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--rule); margin-top:8px;}
  .vflow-step{padding:22px 16px 0 16px; border-left:1px solid var(--rule);}
  .vflow-step:first-child{border-left:none; padding-left:0;}
  .vflow-step .vnum{color:var(--amber-text); font-size:0.8rem;}
  .vflow-step h4{font-size:0.92rem; font-weight:600; margin-top:8px; font-family:'Source Serif 4', serif; line-height:1.3;}
  .vflow-step p{color:var(--slate); font-size:0.8rem; line-height:1.5; margin-top:8px;}
  .table-scroll{overflow-x:auto;}
  .compare-table{width:100%; border-collapse:collapse; margin-top:8px; min-width:520px;}
  .compare-table th,.compare-table td{padding:12px 10px; border-bottom:1px solid var(--rule); font-size:0.88rem; text-align:center;}
  .compare-table th:first-child,.compare-table td:first-child{text-align:left; color:var(--slate); font-weight:400;}
  .compare-table th{font-family:'Source Serif 4', serif; font-weight:600; color:var(--ink);}
  .compare-table th.brand{color:var(--amber-text);}
  .compare-yes{color:#2E7D6B; font-weight:600;}
  .compare-no{color:#B23A48;}
  .compare-varies{color:#8A7B5C;}
  .article-index{border-top:1px solid var(--rule); margin-top:24px;}
  .article-index a{display:block; padding:18px 0; border-bottom:1px solid var(--rule); text-decoration:none; color:var(--ink); font-size:1.02rem; font-family:'Source Serif 4', serif;}
  .article-index a span{display:block; font-family:'IBM Plex Sans'; font-size:0.82rem; color:var(--slate); margin-top:4px;}
  .article-block{padding-top:56px; border-top:1px solid var(--rule); margin-top:56px;}
  .article-block:first-of-type{border-top:none; margin-top:32px; padding-top:0;}
  .moq-line{margin-top:12px; font-size:0.85rem; color:var(--amber-text); font-weight:600;}
  .article-block.compact h2{font-size:1.25rem;}

  .story-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:40px;}
  .story-card{border-top:3px solid var(--amber); padding-top:18px;}
  .story-card h3{font-size:1.1rem; font-weight:500; margin-bottom:10px;}
  .story-card p{color:var(--slate); font-size:0.92rem; line-height:1.65; margin:0;}
  .story-lede{max-width:70ch; color:var(--slate); font-size:1.05rem; line-height:1.75; margin-top:0;}
  .story-close{margin-top:36px; font-family:'Source Serif 4', serif; font-size:1.2rem; line-height:1.55; max-width:56ch; color:var(--ink);}

  .cta-band{background:var(--indigo); color:var(--paper); padding:56px 0;}
  .cta-band h2{color:var(--paper); font-size:1.7rem; max-width:20ch;}
  .cta-band p{color:#C7CEDA; margin-top:12px; max-width:48ch; font-size:0.98rem; line-height:1.6;}

  form{margin-top:28px; display:grid; gap:14px; max-width:520px;}
  .row2{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  label{font-size:0.82rem; color:var(--slate); display:block; margin-bottom:6px;}
  input,textarea{
    width:100%; background:transparent; border:1px solid var(--rule); color:var(--ink);
    padding:11px 12px; font-family:'IBM Plex Sans'; font-size:0.95rem; border-radius:2px;
  }
  .cta-band label{color:#C7CEDA;}
  .cta-band input,.cta-band textarea{border-color:#3A4A66; color:var(--paper);}
  select{width:100%; background:transparent; border:1px solid var(--rule); color:var(--ink); padding:11px 12px; font-family:'IBM Plex Sans'; font-size:0.95rem; border-radius:2px;}
  .cta-band select{border-color:#3A4A66; color:var(--paper);}
  .cta-band select option{color:#0B1626; background:#F6F3EC;}
  .supplier-wa{margin-top:22px; font-size:0.9rem; color:#C7CEDA; max-width:52ch; line-height:1.6;}
  .supplier-wa a{color:#F2C98A;}
  .cta-band input::placeholder,.cta-band textarea::placeholder{color:#8291A6;}
  button[type=submit]{
    background:var(--amber); color:var(--ink); border:none; padding:13px 24px;
    font-size:0.92rem; border-radius:2px; cursor:pointer; justify-self:start;
  }
  .note{font-size:0.8rem; color:#8291A6; margin-top:4px;}

  footer{border-top:1px solid var(--rule); padding:36px 0; font-size:0.85rem; color:var(--slate);}
  footer .fgrid{display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px;}

  .navtoggle{display:none; background:none; border:1px solid var(--rule); color:var(--ink); width:38px; height:38px; border-radius:2px; font-size:1.1rem; cursor:pointer; align-items:center; justify-content:center;}

  .navitem{position:relative;}
  .navdrop{display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); background:var(--paper); border:1px solid var(--rule); box-shadow:0 12px 28px rgba(11,22,38,0.12); border-radius:4px; z-index:20; margin-top:10px;}
  .navitem.open .navdrop{display:block;}
  .navdrop-inner{max-height:70vh; overflow-y:auto;}
  .navdrop-simple{display:flex; flex-direction:column; padding:8px; min-width:280px;}
  .navdrop-simple a{padding:10px 14px; font-size:0.88rem; color:var(--ink); text-decoration:none; border-radius:2px; white-space:nowrap;}
  .navdrop-simple a:hover{background:rgba(198,138,63,0.12); color:var(--amber-text);}
  .navdrop-mega{display:grid; grid-template-columns:repeat(3,220px); gap:4px; padding:18px; width:700px;}
  .navdrop-col{display:flex; flex-direction:column; padding:8px;}
  .navdrop-cathead{font-family:'Source Serif 4', serif; font-weight:600; font-size:0.85rem; color:var(--amber-text); text-decoration:none; padding-bottom:8px; margin-bottom:6px; border-bottom:1px solid var(--rule);}
  .navdrop-col a{padding:5px 0; font-size:0.82rem; color:var(--ink); text-decoration:none; line-height:1.4;}
  .navdrop-col a:not(.navdrop-cathead):hover{color:var(--amber-text);}
  @media (max-width:900px){.navdrop-mega{grid-template-columns:repeat(2,200px); width:420px;}}
  @media (max-width:720px){
    .stats{grid-template-columns:repeat(2,1fr);}
    .stat:nth-child(3){border-left:none;}
    .process{grid-template-columns:1fr 1fr; row-gap:24px;}
    .step{border-left:none; padding-left:0;}
    .step:nth-child(even){padding-left:22px; border-left:1px solid var(--rule);}
    nav.links{display:none; position:absolute; top:100%; left:0; right:0; background:var(--paper); border-bottom:1px solid var(--rule); flex-direction:column; gap:0; padding:8px 0;}
    nav.links.open{display:flex;}
    nav.links > a, nav.links > .navitem > a{padding:14px 24px; border-top:1px solid var(--rule); display:block;}
    nav.links > a:first-child, nav.links > .navitem:first-child > a{border-top:none;}
    .navtoggle{display:flex;}
    .row2{grid-template-columns:1fr;}
    .hero h1{font-size:2rem;}
    .pgrid{grid-template-columns:1fr 1fr;}
    .growth-grid{grid-template-columns:1fr 1fr;}
    .cat-summary{grid-template-columns:70px 1fr; gap:14px;}
    .cat-summary::after{display:none;}
    .cat-illus{width:70px; height:70px;}
    .cat-illus .icon{width:38px; height:38px;}
    .cat-body{padding-left:0;}
    .subcat-grid{grid-template-columns:1fr;}
    .vflow{grid-template-columns:1fr 1fr;}
    .sku-grid{grid-template-columns:1fr;}
    .catalogue-grid{grid-template-columns:1fr 1fr;}
    .enquire-row{flex-direction:column; align-items:stretch;}
    .enquire-btn,.enquire-wa{justify-content:center;}
    .hero .wrap{grid-template-columns:1fr;}
    .hero-img-duo{height:220px;}
    .hero-img-half{height:220px;}
    .gallery-strip img{width:160px; height:110px;}
    .vflow-step:nth-child(even){border-left:1px solid var(--rule); padding-left:16px;}
    .vflow-step:nth-child(odd){border-left:none; padding-left:0;}
    .product-hero{grid-template-columns:1fr;}
    .product-icon-box{width:140px; height:140px;}
    .story-grid{grid-template-columns:1fr;}
    .navdrop{display:none !important;}
    .navitem.open .navdrop{display:block !important; position:static; transform:none; box-shadow:none; border:none; border-top:1px solid var(--rule); margin-top:0; border-radius:0; background:rgba(198,138,63,0.06);}
    .navdrop-mega{grid-template-columns:1fr; width:auto; padding:6px 10px;}
    .navdrop-simple{min-width:0; padding:6px 10px;}
    .navdrop-col{padding:6px 0;}
  }
  /* ---- Agarbatti enquiry wizard ---- */
  .wiz-cta{margin:18px 0 6px; border:1px solid var(--amber); background:rgba(198,138,63,0.10); border-radius:2px; padding:16px 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
  .wiz-cta strong{display:block; font-family:'Source Serif 4', Georgia, serif; font-size:1.02rem; font-weight:600;}
  .wiz-cta span{display:block; color:var(--slate); font-size:0.86rem; margin-top:3px; max-width:46ch;}
  .wiz-btn{background:#C68A3F; color:#0B1626; border:none; padding:11px 20px; border-radius:2px; font-family:'IBM Plex Sans'; font-size:0.9rem; font-weight:600; cursor:pointer; text-decoration:none; display:inline-block;}
  .wiz-btn:hover{background:#D49A4F;}
  .wiz-btn[disabled]{opacity:0.45; cursor:not-allowed;}
  .wiz-btn-ghost{background:transparent; color:var(--ink); border:1px solid var(--rule);}
  .wiz-btn-ghost:hover{background:rgba(198,138,63,0.12);}
  .wiz-overlay{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(11,22,38,0.62); z-index:100; display:none; align-items:center; justify-content:center; padding:16px;}
  .wiz-overlay.open{display:flex;}
  body.wiz-lock{overflow:hidden;}
  .wiz-box{background:var(--paper); color:var(--ink); width:100%; max-width:660px; max-height:92vh; overflow-y:auto; border-radius:6px; position:relative; padding:26px 28px 22px; box-shadow:0 24px 60px rgba(0,0,0,0.35);}
  .wiz-close{position:absolute; top:8px; right:10px; background:none; border:none; font-size:1.5rem; line-height:1; color:var(--slate); cursor:pointer; padding:6px 10px;}
  .wiz-kicker{font-size:0.78rem; color:var(--amber-text); text-transform:uppercase; letter-spacing:0.03em;}
  .wiz-prog{height:5px; background:var(--rule); border-radius:3px; overflow:hidden; margin:8px 0 18px;}
  .wiz-prog i{display:block; height:100%; background:#C68A3F; transition:width .25s;}
  .wiz-title{font-family:'Source Serif 4', Georgia, serif; font-size:1.4rem; font-weight:600; margin:0; outline:none;}
  .wiz-hint{color:var(--slate); font-size:0.9rem; margin:6px 0 16px; line-height:1.5;}
  .wiz-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
  .wiz-pills{display:flex; flex-wrap:wrap; gap:8px;}
  .wiz-chip{text-align:left; border:1px solid var(--rule); background:transparent; color:var(--ink); border-radius:4px; padding:12px 14px; font-family:'IBM Plex Sans'; font-size:0.92rem; cursor:pointer; line-height:1.35;}
  .wiz-chip small{display:block; color:var(--slate); font-size:0.78rem; margin-top:3px;}
  .wiz-chip:hover{border-color:#C68A3F;}
  .wiz-pills .wiz-chip{padding:9px 16px; border-radius:20px;}
  .wiz-chip[aria-pressed="true"]{border-color:#C68A3F; background:rgba(198,138,63,0.20); box-shadow:inset 0 0 0 1px #C68A3F; font-weight:600;}
  .wiz-chip[aria-pressed="true"]::before{content:"\2713\00a0"; color:var(--amber-text);}
  .wiz-gt{font-size:0.82rem; color:var(--slate); margin:16px 0 8px; font-weight:600;}
  .wiz-gt:first-child{margin-top:0;}
  .wiz-qty{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
  .wiz-check{display:flex; align-items:center; gap:10px; margin-top:10px; font-size:0.9rem; color:var(--ink); cursor:pointer;}
  .wiz-check input{width:auto;}
  .wiz-fields{display:grid; gap:12px;}
  .wiz-err{color:#C0392B; font-size:0.85rem; margin:12px 0 0; min-height:1.2em;}
  @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .wiz-err{color:#F08A7E;}}
  :root[data-theme="dark"] .wiz-err{color:#F08A7E;}
  .wiz-nav{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:18px; flex-wrap:wrap;}
  .wiz-nav .wiz-btn{min-width:110px; text-align:center;}
  .wiz-sum{margin:0; border-top:1px solid var(--rule);}
  .wiz-sum div{display:grid; grid-template-columns:150px 1fr; gap:10px; padding:9px 0; border-bottom:1px solid var(--rule); font-size:0.9rem;}
  .wiz-sum dt{color:var(--slate);}
  .wiz-sum dd{margin:0; font-weight:600; overflow-wrap:anywhere;}
  .wiz-next{margin:18px 0 6px; padding:14px 16px; border:1px dashed var(--rule); border-radius:4px; font-size:0.86rem; color:var(--slate); line-height:1.6;}
  .wiz-next b{color:var(--ink);}
  .wiz-send{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px;}
  .wiz-send .wiz-btn{flex:1; text-align:center; min-width:150px;}
  .wiz-note{font-size:0.8rem; color:var(--slate); margin-top:10px; line-height:1.5;}
  @media (max-width:560px){
    .wiz-box{padding:22px 18px 18px; max-height:96vh;}
    .wiz-grid{grid-template-columns:1fr;}
    .wiz-sum div{grid-template-columns:1fr; gap:2px;}
    .wiz-cta .wiz-btn{width:100%; text-align:center;}
  }

  nav.links a.current{color:var(--amber-text); font-weight:600;}
  .explore-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px;}
  .explore-grid .pcard{padding:22px;}
  .explore-grid .pcard h4{font-size:1.15rem;}

  .pc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  @media (max-width:900px){.pc-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.pc-grid{grid-template-columns:1fr;}}
  .pc-card{display:flex; flex-direction:column; border:1px solid var(--rule); background:var(--paper); text-decoration:none; color:inherit; border-radius:2px; overflow:hidden; transition:box-shadow .2s, transform .2s, border-color .2s;}
  .pc-card:hover,.pc-card:focus-visible{box-shadow:0 8px 24px rgba(11,22,38,0.12); transform:translateY(-2px); border-color:var(--amber);}
  .pc-img{aspect-ratio:4/3; overflow:hidden; background:var(--rule);}
  .pc-img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s;}
  .pc-card:hover .pc-img img{transform:scale(1.04);}
  .pc-body{padding:18px 20px 20px; display:flex; flex-direction:column; flex:1;}
  .pc-num{font-size:0.75rem; letter-spacing:0.1em; color:var(--amber-text); font-weight:600; margin-bottom:4px;}
  .pc-body h3{font-family:'Source Serif 4', serif; font-size:1.2rem; font-weight:500; line-height:1.3; margin:0 0 6px;}
  .pc-region{font-size:0.8rem; color:var(--amber-text); margin-bottom:8px;}
  .pc-body p{color:var(--slate); font-size:0.9rem; line-height:1.55; margin:0 0 12px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
  .pc-meta{font-size:0.78rem; color:var(--slate); margin-top:auto; padding-top:10px; border-top:1px solid var(--rule);}
  .pc-more{font-size:0.88rem; color:var(--indigo); font-weight:600; margin-top:10px;}
  :root[data-theme="dark"] .pc-more{color:var(--amber-text);}
  .cat-hero{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:40px; align-items:center; margin-bottom:28px;}
  @media (max-width:760px){.cat-hero{grid-template-columns:1fr; gap:20px;}}
  .cat-hero-img{aspect-ratio:4/3; overflow:hidden; border:1px solid var(--rule);}
  .cat-hero-img img{width:100%; height:100%; object-fit:cover; display:block;}
  .cat-hero-title{font-family:'Source Serif 4', serif; font-size:2.2rem; font-weight:500; line-height:1.2; margin:0 0 12px;}
  .cat-hero-text p{color:var(--slate); font-size:1.05rem; line-height:1.65; margin:0;}
  .cat-h5{font-size:0.78rem; color:var(--amber-text); margin:28px 0 12px; text-transform:uppercase; letter-spacing:0.03em;}

  .brand-mark{height:38px;}
  @media (max-width:720px){.brand-mark{height:30px;}}
  @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .navcta{background:var(--amber); color:#0B1626;}}
  :root[data-theme="dark"] .navcta{background:var(--amber); color:#0B1626;}
  .navdrop-cats{display:grid; grid-template-columns:repeat(2,minmax(240px,1fr)); gap:0 8px; padding:10px; min-width:520px;}
  .navdrop-cats a{white-space:normal;}
  .navdrop-cats .navdrop-all{grid-column:1 / -1; margin-top:6px; padding:12px 14px; border-top:1px solid var(--rule); font-weight:600; color:var(--amber-text); border-radius:0;}
  @media (max-width:720px){.navdrop-cats{grid-template-columns:1fr; min-width:0;} .navdrop-cats a{padding:10px 8px;}}
