/* Iron Forged Compounds — shared site styles (extracted from _head.php 2026-10-15). Bump ?v= in _head.php on edit. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/bricolage-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#0a0807; --bg2:#120c0b; --panel:#171110; --panel2:#1e1614;
  --ember:#f99c00; --ember2:#fcbb00; --ember-deep:#953d00;
  --steel:#b9b4ae; --steel-dim:#7c766f; --maroon:#5a1a1f; --maroon2:#3a1114;
  --green:#00bb7f; --text:#f4f1ee; --muted:#a49c94; --line:rgba(255,255,255,.08);
  --radius:10px; --maxw:1200px;
  --hero-glow:rgba(249,156,0,.10); --hero-maroon:rgba(90,26,31,.35);
  --header-bg:rgba(10,8,7,.82);
}
:root[data-theme="light"]{
  --bg:#f6f2ee; --bg2:#efe9e3; --panel:#ffffff; --panel2:#faf6f2;
  --text:#1c1613; --muted:#6c625b; --steel:#4a433d; --steel-dim:#8a8078;
  --line:rgba(20,10,5,.12); --ember:#e07d00; --ember-deep:#a34a00;
  --hero-glow:rgba(224,125,0,.10); --hero-maroon:rgba(90,26,31,.12);
  --header-bg:rgba(246,242,238,.85);
}
:root[data-theme="light"] .hero{background:radial-gradient(120% 90% at 50% -10%,var(--hero-glow),transparent 55%),radial-gradient(80% 70% at 85% 20%,var(--hero-maroon),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg))}
:root[data-theme="light"] .coa{background:radial-gradient(90% 120% at 20% 0%,rgba(90,26,31,.10),transparent 60%),linear-gradient(180deg,var(--panel2),var(--bg2))}
:root[data-theme="light"] .btn-primary{color:#2a1500}
:root[data-theme="light"] .pcard,:root[data-theme="light"] .cat{box-shadow:0 1px 2px rgba(20,10,5,.05)}
:root[data-theme="light"] .ruo-box,:root[data-theme="light"] .ruo-callout{background:rgba(90,26,31,.06);border-color:rgba(90,26,31,.35);color:#7a2c22}
:root[data-theme="light"] .ruo-box b,:root[data-theme="light"] .ruo-callout b{color:#5a1a1f}
:root[data-theme="light"] .gate{background:rgba(90,26,31,.06);border-color:rgba(90,26,31,.35)}
:root[data-theme="light"] .gate label{color:#7a2c22}
:root[data-theme="light"] .gate label b{color:#5a1a1f}
:root[data-theme="light"] .ruo{color:#7a2c22}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;line-height:1.05;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.ember{color:var(--ember)}
.eyebrow{font-family:Inter;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);display:inline-block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;padding:13px 22px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:.15s;font-family:Inter}
.btn-primary{background:linear-gradient(180deg,var(--ember2),var(--ember));color:#1a0e00;box-shadow:0 0 0 1px rgba(249,156,0,.4),0 8px 24px -8px rgba(249,156,0,.55)}
.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.03);border-color:var(--line);color:var(--text)}
.btn-ghost:hover{border-color:var(--ember);color:var(--ember)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:11px;font-family:'Bricolage Grotesque';font-weight:800;font-size:17px;letter-spacing:.01em}
.brand img{height:42px;width:42px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(249,156,0,.3))}
.brand span small{display:block;font-family:Inter;font-weight:600;font-size:9px;letter-spacing:.32em;color:var(--ember);margin-top:1px}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:14.5px;font-weight:500;color:var(--muted);transition:.15s}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-right{display:flex;gap:14px;align-items:center}
.nav-right .icon{color:var(--muted);font-size:14px;font-weight:500}
.nav-right .icon:hover{color:var(--ember)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:8px 10px;font-size:16px;cursor:pointer}
.themetoggle{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:8px;color:var(--text);width:36px;height:36px;font-size:15px;cursor:pointer;line-height:1;transition:.15s}
.themetoggle:hover{border-color:var(--ember)}
/* shared product grid + cards */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.pcard{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;transition:.15s}
.pcard:hover{border-color:rgba(249,156,0,.45);transform:translateY(-2px)}
.pcard .desc-tag{font-size:11px;font-weight:600;color:var(--ember);letter-spacing:.04em;text-transform:uppercase}
.pcard .ph{flex:1;display:flex;align-items:center;justify-content:center;min-height:150px;padding:6px 0}
.pcard .ph img{max-height:190px;max-width:100%}
.pcard .lot{font-size:11px;color:var(--steel-dim);letter-spacing:.03em;text-align:center}
.pcard .row{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:18px;gap:4px;text-align:center}
.pcard .nm{font-weight:600;font-size:14.5px;text-align:center}
.pcard .pr{color:var(--ember);font-weight:700;white-space:nowrap}
.pcard .pr.tbd{color:var(--steel-dim);font-weight:600;font-size:12px;font-style:italic}
.mgpill{font-size:11px;font-weight:600;color:var(--steel);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.pcard .vial{font-size:40px;color:rgba(249,156,0,.35);line-height:1}
.pcard .sizes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0 2px}
.pcard .sz{font-size:11.5px;font-weight:600;color:var(--steel);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:4px 11px;cursor:pointer;transition:.12s;font-family:inherit}
.pcard .sz:hover{border-color:rgba(249,156,0,.5);color:var(--text)}
.pcard .sz.on{background:var(--ember);border-color:var(--ember);color:#1a0f08}
/* page header band */
.pagehead{padding:56px 0 30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--bg))}
.pagehead h1{font-size:clamp(30px,5vw,50px);font-weight:800;margin:10px 0 8px}
.pagehead p{color:var(--muted);max-width:60ch}
.crumb{font-size:13px;color:var(--steel-dim)}
.crumb a:hover{color:var(--ember)}
/* footer */
footer{background:var(--bg2);padding:56px 0 40px;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;margin-bottom:36px}
.foot-grid h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-dim);margin-bottom:14px}
.foot-grid a{display:block;color:var(--muted);font-size:14px;padding:5px 0}
.foot-grid a:hover{color:var(--ember)}
.foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line);color:var(--steel-dim);font-size:12.5px}
.ruo{border:1px solid var(--maroon);color:#c98;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;letter-spacing:.08em;display:inline-block}
.prose{max-width:760px;padding:44px 0 72px}
.prose h2{font-size:22px;margin:34px 0 10px}
.prose p,.prose li{color:var(--muted);font-size:15.5px;margin:10px 0}
.prose ul{padding-left:20px}
.prose a{color:var(--ember)}
.prose .upd{font-size:13px;color:var(--steel-dim)}
.prose .ruo-callout{border:1px solid var(--maroon);background:rgba(90,26,31,.12);border-radius:10px;padding:16px 18px;color:#e6c3b8;font-size:14px;margin:22px 0}
.mobile-menu{display:none;flex-direction:column;border-top:1px solid var(--line);background:var(--header-bg);backdrop-filter:blur(14px)}
.mobile-menu a{padding:15px 24px;border-bottom:1px solid var(--line);color:var(--text);font-weight:500;font-size:15px}
.mobile-menu a:hover{color:var(--ember)}
body.menu-open .mobile-menu{display:flex}
@media(max-width:860px){.nav-links{display:none}.burger{display:block}.hide-sm{display:none}.foot-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(min-width:861px){.mobile-menu{display:none!important}}
@media(max-width:480px){.wrap{padding:0 18px}.foot-grid{grid-template-columns:1fr}}