/** Shopify CDN: Minification failed

Line 449:0 Unexpected "<"
Line 468:0 Unexpected "<"
Line 512:38 Expected "}" to go with "{"

**/
/*
Copyright (c) 2026 Vastura Ltd. All rights reserved.
Proprietary and confidential.

This file is the intellectual property of Vastura Ltd. Unauthorized
copying, modification, distribution, or use of this file, in whole
or in part, via any medium is strictly prohibited without express
written permission from Vastura Ltd.

Contact: robert@vastura.ca
*/
*{margin:0;padding:0;box-sizing:border-box}
:root{
  /* Vastura Ltd — Palette B (Corporate Slate + Gold), locked 2026-04-25 */
  /* Primary slate */
  --g:#1F2937;
  /* Darker slate (gray-900) */
  --gd:#111827;
  /* Lighter slate (gray-700) */
  --gl:#374151;
  /* Accent gold/amber-700 */
  --go:#B45309;
  /* Amber-600 */
  --gol:#D97706;
  /* Amber-300 highlight */
  --gop:#FCD34D;
  /* Slate accent (no brown in Ltd palette) */
  --br:#1F2937;
  /* Soft white background */
  --cr:#F8FAFC;
  /* Slate-100 surface */
  --cd:#F1F5F9;
  /* Red-700 (errors / sale) */
  --rd:#B91C1C;
  /* Pure white */
  --w:#FFFFFF;
  /* Body text — slate-600 */
  --t:#475569;
  /* Slate-500 muted text */
  --tm:#64748B;
  /* Slate-400 light text */
  --tl:#94A3B8;
  /* Slate-200 borders */
  --bd:#E2E8F0;
  /* Aliased semantic tokens for Palette B */
  --color-primary:#1F2937;
  --color-accent:#B45309;
  --color-soft:#F8FAFC;
  --color-body:#475569;
}
body{font-family:'Inter','Segoe UI',system-ui,sans-serif;background:var(--cr);color:var(--t);font-size:14px;line-height:1.7;font-weight:400}
h1,h2,h3,h4,h5,h6{font-family:'Fraunces',Georgia,'Times New Roman',serif;line-height:1.2;font-weight:700;color:var(--gd)}
h1{font-size:54px;font-weight:600}
h2{font-size:44px;font-weight:700}
h3{font-size:34px;font-weight:600}
h4{font-size:24px;font-weight:500}
h5{font-size:20px;font-weight:500}
h6{font-size:16px;font-weight:500}
@media (max-width:768px){
  h1{font-size:36px}
  h2{font-size:28px}
  h3{font-size:24px}
  h4{font-size:20px}
}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.ct{max-width:1200px;margin:0 auto;padding:0 20px}
.hid{display:none!important}
.top{background:var(--gd);color:var(--gop);text-align:center;padding:6px 20px;font-size:11px;letter-spacing:1px}
/* NAV */
.section-header{position:sticky;top:0;z-index:100}
.sticky-head{position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.nav{background:#e5d6b7;border-bottom:1px solid var(--bd)}
.nav-in{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;max-width:1200px;margin:0 auto}
.nav-logo{height:110px;width:auto;object-fit:contain;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.3));cursor:pointer;flex-shrink:0}
.nav-m{display:flex;gap:0;align-items:center;flex:1;justify-content:center;flex-wrap:wrap}
.nav-break{flex-basis:100%;height:0}
.nav-m a{padding:10px 14px;color:var(--gd);font-size:14px;border-bottom:3px solid transparent;transition:.2s;white-space:nowrap;font-weight:500}
.nav-m a:hover,.nav-m a.on{color:var(--g);border-bottom-color:var(--go);font-weight:600}
.nav-ic{display:flex;gap:22px;align-items:center;color:var(--gd);margin-left:auto}
.nav-ic span{color:var(--gd);cursor:pointer;position:relative;font-size:22px}
.hd-ic{display:inline-flex;align-items:center;justify-content:center;color:var(--gd);text-decoration:none;transition:color .2s,transform .15s;line-height:1}
.hd-ic:hover{color:var(--g);transform:translateY(-1px)}
.hd-ic svg{display:block}
.cc{position:absolute;top:-8px;right:-10px;background:var(--rd);color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700}
.nsb{display:flex;justify-content:center;gap:12px;padding:4px 0;background:rgba(0,0,0,.1)}
.nsb a{color:rgba(255,255,255,.6);display:flex;align-items:center;transition:.2s}
.nsb a:hover{color:var(--gol)}
/* SUB NAV (legacy — kept for backward compat on any other sections still using it) */
.sn{background:rgba(0,0,0,.15);display:flex;justify-content:center;position:relative}
.sni{position:relative}
.sni>a{padding:10px 16px;color:rgba(255,255,255,.85);font-size:13px;border-bottom:3px solid transparent;transition:.2s;white-space:nowrap;display:block}
.sni>a:hover,.sni>a.on{color:var(--gol);border-bottom-color:var(--gol);font-weight:600}
.snd{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--w);border-radius:0 0 10px 10px;box-shadow:0 8px 24px rgba(0,0,0,.18);min-width:200px;padding:8px 0;z-index:50}
.sni:hover .snd{display:block}
.snd a{display:block;padding:9px 20px;color:var(--t);font-size:13px;transition:.15s;white-space:nowrap}
.snd a:hover{background:var(--cr);color:var(--g)}

/* MEGA MENU — 3-tier dropdown from the main-nav Shop link. Selectors are scoped
   under .mm-panel where needed to beat .nav-m a's specificity and keep text visible. */
.nav{position:relative}
.nav-m .mm-trigger{position:static;display:inline-flex;align-items:center;padding:0}
.nav-m .mm-trigger-link{display:inline-flex!important;align-items:center;gap:6px;padding:10px 14px;color:var(--gd);font-size:14px;border-bottom:3px solid transparent;transition:.2s;white-space:nowrap;text-decoration:none;cursor:pointer;position:relative;font-weight:700}
.nav-m .mm-trigger-link:hover,.nav-m .mm-trigger:hover .mm-trigger-link,.nav-m .mm-trigger-link.on{color:var(--g);border-bottom-color:var(--go);font-weight:600}
.mm-caret{font-size:9px;transition:transform .2s}
.mm-trigger:hover .mm-caret{transform:rotate(180deg)}
/* Invisible hover-bridge — sits below the Shop link AND above the panel so the cursor
   can cross the gap without losing :hover on .mm-trigger. */
.mm-trigger-link::after{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:40px;background:transparent;pointer-events:auto;z-index:85}
.nav .mm-panel::before{content:"";position:absolute;top:-30px;left:0;right:0;height:30px;background:transparent}
/* Panel — full viewport width, positioned relative to the nav. High specificity via .nav .mm-panel. */
.nav .mm-panel{display:none;position:absolute;top:100%;left:0;right:0;width:100vw;max-width:100vw;background:var(--cd);color:var(--t);box-shadow:0 14px 36px rgba(0,0,0,.18);border-top:2px solid var(--go);z-index:80}
.nav .mm-trigger:hover .mm-panel,.nav .mm-trigger:focus-within .mm-panel,.nav .mm-panel:hover{display:block}
.mm-panel .mm-inner{max-width:1200px;margin:0 auto;padding:28px 24px 24px}
.mm-panel .mm-cols{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}
.mm-panel .mm-col{min-width:0}
.mm-panel .mm-col-head{display:block;font-family:'Fraunces',Georgia,serif;font-size:15px;font-weight:700;color:var(--gd);text-decoration:none;padding:0 0 10px;border-bottom:2px solid var(--go);margin-bottom:10px;letter-spacing:.5px}
.mm-panel .mm-col-head:hover{color:var(--g)}
.mm-panel .mm-col-list{list-style:none;padding:0;margin:0}
.mm-panel .mm-col-list>li{margin-bottom:8px}
.mm-panel .mm-sublink{display:inline-block;font-size:13px;font-weight:600;color:var(--t)!important;text-decoration:none;padding:3px 0;transition:color .15s}
.mm-panel .mm-sublink:hover{color:var(--g)!important}
.mm-panel .mm-sub-list{list-style:none;padding:0 0 0 10px;margin:4px 0 10px;border-left:1px dashed var(--bd)}
.mm-panel .mm-sub-list>li{margin:2px 0}
.mm-panel .mm-sub-sublink{display:inline-block;font-size:12px;font-weight:400;color:var(--tm)!important;text-decoration:none;padding:2px 6px;transition:color .15s}
.mm-panel .mm-sub-sublink:hover{color:var(--g)!important}
.mm-panel .mm-footer{margin-top:22px;padding-top:16px;border-top:1px solid var(--bd);text-align:right}
.mm-panel .mm-viewall{font-size:12px;font-weight:700;color:var(--g)!important;text-decoration:none;letter-spacing:1px;text-transform:uppercase}
.mm-panel .mm-viewall:hover{color:var(--gd)!important}
/* Ensure page is always scrollable — guard against any element blocking scroll */
html,body{overflow-y:auto!important;overflow-x:hidden;min-height:100%;touch-action:manipulation}

/* HAMBURGER — hidden on desktop, shown on mobile */
.nav-burger{display:none;background:none;border:0;padding:10px;cursor:pointer;margin-left:auto;order:2}
.nav-burger span{display:block;width:22px;height:2px;background:var(--gd);margin:5px 0;transition:.2s;border-radius:2px}
.nav-burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.on span:nth-child(2){opacity:0}
.nav-burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:768px){
  /* Show hamburger, hide desktop menu until toggled */
  .nav-burger{display:block}
  .nav-in{flex-wrap:wrap;padding:10px 14px}
  .nav-ic{order:3;gap:14px;margin-left:0}
  .nav-ic .hd-ic svg{width:20px;height:20px}
  .nav-m{
    order:4;
    display:none;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    text-align:center;
    flex-wrap:nowrap;
    gap:0;
    padding:6px 0 10px;
    border-top:1px solid var(--bd);
    margin-top:8px;
  }
  .nav-m.open{display:flex}
  .nav-m a{padding:12px 14px;font-size:15px;border-bottom:1px solid var(--cd)!important;border-radius:0}
  .nav-m a:last-child{border-bottom:0!important}
  .nav-m .mm-trigger{width:100%;display:block;padding:0}
  .nav-m .mm-trigger-link{width:100%;justify-content:center;padding:12px 14px;font-size:15px;border-bottom:1px solid var(--cd)}

  /* Mega-menu stacks full-width under Shop on mobile */
  .nav .mm-panel{position:static;display:none!important;width:100%;max-width:100%;box-shadow:none;background:#faf6ee;padding:4px 0 8px;border-radius:0}
  /* Disable desktop :hover / :focus-within triggers — mobile is click-toggle only */
  .mm-trigger:hover .mm-panel,.mm-trigger:focus-within .mm-panel{display:none!important}
  .mm-trigger.mm-open .mm-panel{display:block!important}
  .mm-panel .mm-inner{padding:0}
  .mm-panel .mm-cols{grid-template-columns:1fr;display:block}
  .mm-col{text-align:left;padding:8px 20px;border-bottom:1px solid rgba(0,0,0,.05)}
  .mm-col:last-child{border-bottom:0}
  .mm-col-head{font-weight:700;display:block;padding:6px 0;font-size:14px}
  .mm-col-list{padding-left:12px}
  .mm-col-list li{padding:2px 0}
  .mm-sublink{font-size:13px;padding:4px 0;display:block}
  .mm-trigger-link .mm-caret{transition:transform .2s}
  .mm-trigger.mm-open .mm-caret{transform:rotate(180deg)}
  .mm-footer{padding:10px 20px;text-align:center;border-top:1px solid rgba(0,0,0,.08)}
}

/* PAGE BANNER — hero strip used on collection/page templates */
.pb{position:relative;padding:80px 24px;text-align:center;overflow:hidden;background:var(--cd);min-height:260px;display:flex;align-items:center;justify-content:center}
.pb-bg{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0}
.pb-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.4) 100%);z-index:1}
.pb-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;width:100%}
.pb-crumb{font-size:12px;margin-bottom:12px;letter-spacing:1.5px;text-transform:uppercase}
.pb-crumb a,.pb-crumb span{text-decoration:none}
.pb-has-image .pb-crumb,.pb-has-image .pb-crumb a,.pb-has-image .pb-crumb span{color:rgba(255,255,255,.85)}
.pb-has-image .pb-crumb a:hover{color:var(--gol)}
.pb h1{font-family:'Fraunces',Georgia,serif;font-size:54px;margin:0 0 10px;line-height:1.15;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.45)}
.pb p.pb-sub{font-size:16px;line-height:1.6;max-width:680px;margin:0 auto;color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(0,0,0,.35)}
/* No-image fallback — clean, no dark overlay */
.pb.pb-nobg{background:var(--cr);padding:48px 24px 32px;min-height:0}
.pb.pb-nobg h1{color:var(--gd);text-shadow:none}
.pb.pb-nobg p.pb-sub{color:var(--tm);text-shadow:none}
.pb.pb-nobg .pb-crumb,.pb.pb-nobg .pb-crumb a,.pb.pb-nobg .pb-crumb span{color:var(--tl)}
.pb.pb-nobg .pb-crumb a:hover{color:var(--g)}
@media (max-width:768px){ .pb h1{font-size:34px} .pb{padding:48px 20px;min-height:180px} }
/* AD BAR */
.ab{background:var(--cd);border-bottom:1px solid var(--bd);padding:6px 0;overflow:hidden}
.abt{display:flex;animation:asc 48s linear infinite;width:max-content}
.abt:hover{animation-play-state:paused}
.ads{flex-shrink:0;padding:4px 24px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tm)}
.ads a{color:var(--g);font-weight:500}
.adb{background:var(--go);color:var(--gd);font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px;text-transform:uppercase;flex-shrink:0}
@keyframes asc{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* HERO */
.hero{background:linear-gradient(135deg,var(--g),var(--gd) 60%,var(--br));color:#fff;padding:50px 20px 60px;text-align:center;position:relative;overflow:hidden}
.hero-logo{height:180px;width:auto;object-fit:contain;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.4));margin-bottom:12px}
.hero-tl{font-family:'Fraunces',Georgia,serif;font-size:14px;color:var(--gop);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;opacity:.9}
.hero h1{font-size:32px;font-weight:700;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}
.hero p{font-size:15px;opacity:.9;max-width:500px;margin:0 auto 24px}
/* BTNS */
.btn{padding:10px 24px;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:13px;transition:.2s;display:inline-block}
.bp{background:linear-gradient(135deg,var(--go),var(--gol));color:var(--gd);box-shadow:0 2px 8px rgba(212,160,23,.3)}
.bp:hover{transform:translateY(-1px)}
.bs{background:var(--w);color:var(--g);box-shadow:0 2px 12px rgba(0,0,0,.08)}
.bsm{padding:6px 14px;font-size:11px}
.bf{width:100%}
.pb{background:linear-gradient(90deg,var(--g),var(--gl));color:#fff;padding:8px 20px;text-align:center;font-size:12px}
.pb a{text-decoration:underline;margin-left:8px}
/* SECTIONS */
.sec{padding:40px 0}.seca{background:var(--w);padding:40px 0}
.sh{margin-bottom:24px;text-align:center}
.sh h2{font-size:36px;color:var(--gd);margin-bottom:6px;line-height:1.2;font-weight:700}
.sh p{color:var(--tm);font-size:14px;max-width:600px;margin:0 auto}
.sh .sl{margin:12px auto 0}
@media (max-width:768px){ .sh h2{font-size:26px} }
.sl{width:60px;height:3px;background:linear-gradient(90deg,var(--go),var(--gol));border-radius:2px;margin-top:8px}
/* GRID */
.gr{display:grid;gap:16px}
.g2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.g3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.g4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
/* CARD */
.cd{background:var(--w);border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:.2s;border:1px solid var(--bd)}
.cd:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.12)}
.cc2{padding:24px;text-align:center;cursor:pointer}
.cc2 .ic{font-size:40px;margin-bottom:10px}
.cc2 h3{font-size:14px;font-weight:600;color:var(--gd)}
.cc2 p{font-size:11px;color:var(--tm);margin-top:4px}
/* PRODUCT */
.pi{height:140px;display:flex;align-items:center;justify-content:center;font-size:52px;background:linear-gradient(135deg,var(--cd),var(--cr));position:relative}
.pif{padding:14px}
.pif h3{font-size:13px;font-weight:600;margin-bottom:4px}
.pp{color:var(--g);font-weight:700;font-size:18px;font-family:'Fraunces',Georgia,serif}
.ppb{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.st{color:var(--go);font-size:12px}.st span{color:var(--tl)}
.bg{position:absolute;top:8px;left:8px;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:700;color:#fff}
.bgs{background:var(--rd)}.bgn{background:var(--g)}.bgp{background:var(--go)}.bge{background:#2d8a4e}
.tg{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;background:var(--cd);color:var(--tm)}
.tgg{background:var(--g);color:#fff}.tgy{background:var(--go);color:#fff}.tgr{background:var(--rd);color:#fff}
/* BLOG */
.bc{display:flex;overflow:hidden}
.bci{width:160px;min-height:130px;display:flex;align-items:center;justify-content:center;font-size:44px;background:linear-gradient(135deg,var(--cd),var(--cr));flex-shrink:0}
.bcf{padding:16px;flex:1}
.bcf h3{font-size:16px;color:var(--gd);margin:8px 0 6px}
.bcf p{font-size:12px;color:var(--tm);line-height:1.5;margin-bottom:8px}
.bm{display:flex;gap:16px;font-size:11px;color:var(--tl)}
/* FORUM */
.ft{background:var(--w);border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid var(--bd)}
.fh{display:grid;grid-template-columns:1fr 80px 80px 100px;padding:10px 16px;background:var(--cd);font-size:11px;font-weight:600;color:var(--tm);text-transform:uppercase}
.fr{display:grid;grid-template-columns:1fr 80px 80px 100px;padding:14px 16px;border-top:1px solid var(--bd);align-items:center;cursor:pointer}
.fr:hover{background:var(--cr)}
.fr h4{font-size:14px;font-weight:500;color:var(--gd);margin-bottom:2px;font-family:'Segoe UI',sans-serif}
.fr .mt{font-size:11px;color:var(--tl)}
.fr .ct2{text-align:center;font-weight:600}.fr .vw{text-align:center;font-size:12px;color:var(--tm)}.fr .ac{text-align:right;font-size:11px;color:var(--tl)}
/* NEWS */
.rb{padding:5px 14px;border-radius:20px;border:1px solid var(--bd);background:var(--w);color:var(--tm);font-size:12px;cursor:pointer}
.rb.on{border-color:var(--g);background:var(--g);color:#fff;font-weight:600}
.nn{background:linear-gradient(135deg,rgba(45,90,39,.07),rgba(212,160,23,.07));border-radius:10px;padding:16px;margin-bottom:20px;border:1px solid rgba(45,90,39,.13)}
.nc{display:flex;justify-content:space-between;align-items:center;padding:18px}
.nc h3{font-size:15px;color:var(--gd);margin:0 0 4px}
/* GUIDES */
.gc{padding:20px}
.gct{display:flex;justify-content:space-between;align-items:flex-start}
.gct .ic{font-size:36px}
.gc h3{font-size:15px;color:var(--gd);margin:10px 0 6px}
.gcb{display:flex;justify-content:space-between;font-size:12px;color:var(--tm)}
.gbc{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--tm);margin-bottom:16px;flex-wrap:wrap}
.gbc a{color:var(--g);cursor:pointer;font-weight:500}
.gbc a:hover{text-decoration:underline}
.gbc .sp{color:var(--tl)}
.gbc .cu{color:var(--t);font-weight:600}
.gsi{width:100%;max-width:400px;padding:10px 16px;border:1px solid var(--bd);border-radius:8px;font-size:14px;background:var(--w);outline:none;margin-bottom:20px}
.gsi:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(45,90,39,.1)}
/* RESOURCES */
.rch{display:flex;align-items:center;gap:10px;margin:28px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--go)}
.rch:first-child{margin-top:0}
.rch h3{font-size:18px;color:var(--gd);margin:0}
.rc{padding:20px}
.rc .ri{font-size:28px;margin-bottom:8px}
.rc h3{font-size:14px;color:var(--gd);margin-bottom:4px}
.rc p{font-size:12px;color:var(--tm);margin-bottom:10px;line-height:1.5}
.rc a{font-size:12px;color:var(--g);font-weight:500}
.rc a:hover{text-decoration:underline}
/* SERVICES */
.sc{padding:20px;display:flex;gap:14px;align-items:flex-start}
.sci{font-size:28px;flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--cr);border-radius:10px}
.scf{flex:1}
.sct{font-size:10px;color:var(--go);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.scf h3{font-size:14px;color:var(--gd);margin-bottom:3px}
.scf p{font-size:12px;color:var(--tm);margin-bottom:6px;line-height:1.4}
.scd{font-size:11px;color:var(--tl);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}
.sca{font-size:9px;color:var(--go);font-weight:700;background:var(--cr);padding:2px 8px;border-radius:8px;display:inline-block;margin-top:6px}
/* PRODUCT DETAIL */
.pd{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;padding:32px 0;align-items:start}
.pdm{height:420px;display:flex;align-items:center;justify-content:center;font-size:100px;background:linear-gradient(135deg,var(--cd),var(--cr));border-radius:12px;margin-bottom:8px;overflow:hidden}
.pdt{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:8px}
.pdth{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--cd);border-radius:8px;cursor:pointer;border:2px solid transparent;overflow:hidden}
.pdth.on{border-color:var(--g)}
.pdtc h3{font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:700;color:var(--gd);margin:18px 0 6px;line-height:1.25}
.pdtc h3:first-child{margin-top:0}
.pdtc p{font-size:14px;line-height:1.6;color:var(--t);margin-bottom:10px}
.pdi h1{font-size:24px;color:var(--gd);margin-bottom:6px}
.pdp{font-size:24px;color:var(--g);font-weight:700;font-family:'Fraunces',Georgia,serif;margin:12px 0}
.pdq{display:flex;align-items:center;gap:10px;margin:16px 0}
.pdqb{width:34px;height:34px;border:1px solid var(--bd);border-radius:6px;background:var(--w);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}
.pdtb{margin-top:32px;border-top:1px solid var(--bd);padding-top:24px}
.pdtbs{display:flex;gap:0;border-bottom:2px solid var(--bd);margin-bottom:20px}
.pdtbn{padding:10px 20px;font-size:13px;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--tm);background:none;font-weight:500}
.pdtbn.on{color:var(--g);border-bottom-color:var(--g);font-weight:600}
.pdtc{display:none}.pdtc.on{display:block}
.rv{padding:16px 0;border-bottom:1px solid var(--bd)}
.rv:last-child{border-bottom:none}
.rvh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.rva{font-weight:600;font-size:13px}
.rvd{font-size:11px;color:var(--tl)}
.rvt{font-size:13px;color:var(--tm);line-height:1.6}
.rvf{background:var(--cr);padding:20px;border-radius:10px;margin-top:20px}
.rvf h4{margin-bottom:12px;color:var(--gd)}
.rvf input,.rvf textarea,.rvf select{width:100%;padding:8px 12px;border:1px solid var(--bd);border-radius:6px;font-size:13px;margin-bottom:10px;font-family:inherit;background:var(--w)}
.rvf textarea{height:80px;resize:vertical}
/* ARTICLE */
.arh{text-align:center;padding:40px 0 20px}
.arh h1{font-size:28px;color:var(--gd);max-width:700px;margin:0 auto 12px}
.arm{display:flex;justify-content:center;gap:20px;font-size:12px;color:var(--tl)}
.arb{max-width:720px;margin:0 auto;font-size:15px;line-height:1.8}
.arb p{margin-bottom:16px}
.arb h2{font-size:20px;color:var(--gd);margin:28px 0 12px}
.ari{width:100%;border-radius:10px;height:200px;background:var(--cd);display:flex;align-items:center;justify-content:center;font-size:60px;margin:20px 0}
/* FORUM TOPIC */
.tp{padding:20px;margin-bottom:16px}
.tpa{display:flex;align-items:center;gap:10px}
.tpav{width:40px;height:40px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
.tpai{font-size:13px}
.tpai strong{color:var(--gd)}
.tpai span{font-size:11px;color:var(--tl);display:block}
.tpb{font-size:14px;line-height:1.7;margin-top:10px}
.tpb p{margin-bottom:12px}
.tpac{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--tl)}
.tpac a{color:var(--g);cursor:pointer}
.rpf{background:var(--cr);padding:20px;border-radius:10px;margin-top:20px}
.rpf textarea{width:100%;height:100px;padding:10px;border:1px solid var(--bd);border-radius:8px;font-size:14px;resize:vertical;font-family:inherit}
/* GUIDE READER */
.grh{padding:32px 0 16px}
.grh h1{font-size:26px;color:var(--gd);margin-bottom:8px}
.grp{height:6px;background:var(--cd);border-radius:3px;margin:20px 0;overflow:hidden}
.grpb{height:100%;background:linear-gradient(90deg,var(--g),var(--gl));border-radius:3px;transition:width .3s}
.grs{padding:24px;margin-bottom:16px}
.grsn{width:36px;height:36px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}
.grsh{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.grs h3{font-size:16px;color:var(--gd);margin:0}
.grs p{font-size:14px;color:var(--tm);line-height:1.7}
.grs.done{opacity:.6}
.grs.done .grsn{background:var(--go)}
.grn{display:flex;justify-content:space-between;margin-top:20px}
/* ACCOUNT */
.atbs{display:flex;gap:0;border-bottom:2px solid var(--bd);margin-bottom:24px}
.atb{padding:10px 20px;font-size:13px;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--tm);background:none}
.atb.on{color:var(--g);border-bottom-color:var(--g);font-weight:600}
.af{max-width:400px}
.af label{display:block;font-size:12px;font-weight:600;color:var(--tm);margin-bottom:4px;margin-top:12px}
.af input{width:100%;padding:10px 14px;border:1px solid var(--bd);border-radius:8px;font-size:14px;outline:none}
.af input:focus{border-color:var(--g)}
/* CHECKOUT */
.ckg{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}
.cks{margin-bottom:24px}
.cks h3{font-size:16px;color:var(--gd);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--bd)}
.ckr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cki{width:100%;padding:10px 14px;border:1px solid var(--bd);border-radius:8px;font-size:13px;outline:none;margin-bottom:10px}
.cki:focus{border-color:var(--g)}
.ckitm{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd)}
.ckii{width:50px;height:50px;border-radius:8px;background:var(--cd);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.ckt{margin-top:16px}
.ckt div{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:var(--tm)}
.ckt .ttl{font-size:16px;font-weight:700;color:var(--t);border-top:2px solid var(--bd);padding-top:12px;margin-top:8px}
.ckt .ttl span:last-child{color:var(--g)}
/* SEARCH */
.so{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:100px}
.so.op{display:flex}
.smo{background:var(--w);border-radius:12px;width:90%;max-width:600px;max-height:70vh;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}
.smi{width:100%;padding:16px 20px;border:none;font-size:16px;outline:none;border-bottom:1px solid var(--bd)}
.sr{max-height:50vh;overflow-y:auto;padding:8px 0}
.sri{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:.1s}
.sri:hover{background:var(--cr)}
.sric{width:40px;height:40px;border-radius:8px;background:var(--cd);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.srif h4{font-size:13px;color:var(--gd);margin-bottom:2px;font-family:'Segoe UI',sans-serif}
.srif p{font-size:11px;color:var(--tl)}
.se{padding:40px;text-align:center;color:var(--tm)}
/* CTA */
.cta{background:linear-gradient(135deg,var(--g),var(--gd));padding:40px 20px;text-align:center;color:#fff}
.cta h2{font-size:22px;margin-bottom:6px}
.cta p{opacity:.85;font-size:13px;margin-bottom:16px}
.ctaf{display:flex;gap:8px;justify-content:center;max-width:400px;margin:0 auto}
.ctaf input{padding:8px 14px;border:1px solid var(--bd);border-radius:6px;font-size:13px;flex:1;outline:none}
/* FOOTER */
.ft2{background:var(--gd);color:rgba(255,255,255,.8);padding:40px 20px 20px;margin-top:40px}
.ftg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;max-width:1200px;margin:0 auto}
.ft2 h4{font-weight:600;font-size:13px;margin-bottom:12px;color:var(--gol)}
.ft2 p{font-size:12px;line-height:1.6;opacity:.8}
.ft2 a{font-size:12px;display:block;margin-bottom:6px;opacity:.8;cursor:pointer}
.ft2 a:hover{opacity:1;color:var(--gol)}
.ftl{height:70px;width:auto;object-fit:contain;margin-bottom:8px}
.ftt{font-family:'Fraunces',Georgia,serif;font-size:11px;color:var(--gop);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.fts{display:flex;gap:10px;margin-top:12px}
.fts span{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}
.ftb{max-width:1200px;margin:24px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;opacity:.6;text-align:center}
/* LOGO MODAL */
.lmo{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:300;align-items:center;justify-content:center;display:none}
.lmd{background:#fff;border-radius:12px;padding:32px;max-width:400px;text-align:center}
.lmd h3{color:var(--gd);margin-top:0}
.lmd p{font-size:13px;color:var(--tm);margin-bottom:16px}
/* RESPONSIVE */
@media(max-width:768px){.g4,.g3{grid-template-columns:repeat(2,1fr)}.ftg{grid-template-columns:1fr 1fr}.bc{flex-direction:column}.bci{width:100%;height:100px}.hero h1{font-size:24px}.hero-logo{height:120px}.nav-logo{height:70px}.nav-m a{padding:8px 8px;font-size:11px}.pd{grid-template-columns:1fr}.ckg{grid-template-columns:1fr}.pdm{height:300px}.pdt{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.g4,.g3,.g2{grid-template-columns:1fr}.ftg{grid-template-columns:1fr}}

/* PDP STICKY MOBILE ADD-TO-CART */
.pdp-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--bd);padding:10px 14px;z-index:90;box-shadow:0 -4px 16px rgba(0,0,0,.08);transform:translateY(100%);transition:transform .24s ease-out;pointer-events:none}
.pdp-sticky-cta.is-visible{transform:translateY(0);pointer-events:auto}
.pdp-sticky-cta-inner{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto}
.pdp-sticky-cta-price{display:flex;flex-direction:column;line-height:1.1;flex:0 0 auto;min-width:80px}
.pdp-sticky-cta-price-now{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:20px;color:var(--g)}
.pdp-sticky-cta-price-was{font-size:12px;color:var(--tl);text-decoration:line-through}
.pdp-sticky-cta-btn{flex:1 1 auto;padding:12px 16px!important;font-size:13px;margin:0}
@media(max-width:768px){body.template-product .pdp-sticky-cta{display:block}body.template-product{padding-bottom:72px}}

@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:768px){.nav-logo{height:70px}}
</style>
<style>
#admWrap.open{display:flex!important}
#admModalBg.open{display:flex!important}
.adm-ni{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;border-left:3px solid transparent;font-size:13px;color:rgba(255,255,255,.7);font-weight:400;transition:.15s}
.adm-ni:hover{background:rgba(255,255,255,.08);color:#fff}
.adm-ni.on{background:rgba(255,255,255,.12);color:#e8b92a;border-left-color:#e8b92a;font-weight:600}
.adm-grid-row{padding:10px 14px;border-top:1px solid #e0d8c8;display:grid;align-items:center;font-size:12px}
.adm-grid-row:hover{background:#faf6ee}
.adm-grid-hd{padding:8px 14px;background:#f0e8d4;font-size:10px;font-weight:600;color:#555;text-transform:uppercase;display:grid}
.adm-tbl{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e0d8c8}
.adm-badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;display:inline-block}
.adm-card{background:#fff;border-radius:10px;padding:14px;border:1px solid #e0d8c8}
.adm-inp label{display:block;font-size:11px;font-weight:600;color:#555;margin-bottom:3px}
.adm-inp input,.adm-inp select,.adm-inp textarea{width:100%;padding:7px 10px;border:1px solid #e0d8c8;border-radius:6px;font-size:12px;font-family:inherit;background:#fff;outline:none;box-sizing:border-box}
.adm-inp input:focus,.adm-inp select:focus,.adm-inp textarea:focus{border-color:#2d5a27}
.adm-inp textarea{height:60px;resize:vertical}
.adm-inp{margin-bottom:10px}
.adm-fin-box{padding:12px;background:#faf6ee;border-radius:8px;border:1px solid #e0d8c8;margin-top:8px}
</style>
<style>
.prod-form-wrap{max-width:860px;margin:0 auto;padding:30px 20px}
.prod-form-wrap h2{font-family:'Fraunces',Georgia,serif;color:var(--gd);font-size:1.6rem;margin-bottom:6px}
.prod-form-wrap .pf-subtitle{color:var(--tm);font-size:13px;margin-bottom:28px}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pf-full{grid-column:1/-1}
.pf-section{background:#fff;border-radius:12px;border:1px solid #e0d8c8;padding:20px;margin-bottom:20px}
.pf-section h3{font-size:13px;font-weight:700;color:var(--gd);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #f0e8d4}
.pf-group{display:flex;flex-direction:column;gap:5px}
.pf-group label{font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.4px}
.pf-group input,.pf-group select,.pf-group textarea{padding:9px 12px;border:1px solid #e0d8c8;border-radius:8px;font-size:13px;font-family:inherit;background:#faf6ee;outline:none;transition:.2s}
.pf-group input:focus,.pf-group select:focus,.pf-group textarea:focus{border-color:var(--go);background:#fff;box-shadow:0 0 0 3px rgba(212,160,23,.1)}
.pf-group textarea{min-height:100px;resize:vertical}
.pf-img-drop{border:2px dashed #e0d8c8;border-radius:10px;padding:32px 20px;text-align:center;cursor:pointer;transition:.2s;background:#faf6ee}
.pf-img-drop:hover{border-color:var(--go);background:#fff8e6}
.pf-img-drop .pf-drop-icon{font-size:36px;margin-bottom:8px}
.pf-img-drop p{font-size:12px;color:#888;margin:0}
.pf-img-drop p strong{color:var(--go)}
.pf-img-preview{display:none;position:relative;border-radius:10px;overflow:hidden;background:#f0e8d4}
.pf-img-preview img{width:100%;max-height:220px;object-fit:cover;display:block}
.pf-img-preview .pf-img-remove{position:absolute;top:8px;right:8px;background:rgba(185,68,65,.9);color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}
.pf-tag-wrap{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border:1px solid #e0d8c8;border-radius:8px;background:#faf6ee;min-height:42px;cursor:text}
.pf-tag{background:var(--gd);color:#fff;padding:3px 10px;border-radius:12px;font-size:11px;display:flex;align-items:center;gap:5px}
.pf-tag button{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:12px;padding:0;line-height:1}
.pf-tag-input{border:none;outline:none;background:transparent;font-size:13px;font-family:inherit;flex:1;min-width:80px}
.pf-variant-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end;padding:8px 0;border-bottom:1px solid #f0e8d4}
.pf-variant-row:last-child{border-bottom:none}
.pf-add-variant{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--go);cursor:pointer;font-weight:600;margin-top:8px;background:none;border:none;font-family:inherit;padding:0}
.pf-stock-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}
.pf-stock-badge.in{background:#d4edda;color:#155724}
.pf-stock-badge.low{background:#fff3cd;color:#856404}
.pf-stock-badge.out{background:#f8d7da;color:#721c24}
.pf-action-bar{display:flex;gap:10px;justify-content:flex-end;padding:20px 0 10px}
.pf-btn{padding:10px 22px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:.15s}
.pf-btn-primary{background:linear-gradient(135deg,var(--go),#e8b92a);color:var(--gd)}
.pf-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.pf-btn-secondary{background:#f0e8d4;color:#555}
.pf-btn-secondary:hover{background:#e0d8c8}
.pf-btn-danger{background:#b94441;color:#fff}
.pf-rating-stars{display:flex;gap:4px;font-size:20px;cursor:pointer}
.pf-rating-stars span{color:#e0d8c8;transition:.15s}
.pf-rating-stars span.on{color:var(--go)}
.pf-seo-preview{background:#faf6ee;border-radius:8px;padding:14px;border:1px solid #e0d8c8;font-size:12px}
.pf-seo-preview .seo-title{color:#1a0d