/*
 * Homepage -- ported from docs/design/erg-homepage-concept-v2.html (approved
 * 2026-09-22). Every rule is scoped under .erg-home so the concept's short
 * class names (.card, .hero, .price ...) cannot leak into Woo templates.
 * Header, utility bar and footer are theme-wide and live in theme.css.
 * Loaded on the front page only (inc/assets.php).
 */
.erg-home{
  --ink:var(--erg-ink); --ink-2:#0e1218;
  --panel:var(--erg-panel); --panel-2:#1a2028; --panel-3:#212831;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --text:var(--erg-text); --bone:var(--erg-bone); --muted:rgba(242,244,246,.78); --dim:#aab1bb;
  --gold:var(--erg-gold); --gold-2:var(--erg-gold-hi); --on-gold:var(--erg-on-gold);
  --teal:var(--erg-teal); --teal-lt:var(--erg-teal-lt);
  --green:var(--erg-green); --red:var(--erg-red);
  --head:var(--erg-head); --body:var(--erg-body); --mono:var(--erg-mono);
  --r:10px; --r-sm:6px; --wrap:1240px;
  --contour:var(--erg-contour);
  --hero-img:none;
  color:var(--text);
}
.erg-home h1,.erg-home h2,.erg-home h3,.erg-home h4{font-family:var(--head);font-weight:500;line-height:1.05;margin:0;text-transform:uppercase;letter-spacing:.01em}
.erg-home a{color:var(--teal-lt);text-decoration:none}
.erg-home img{max-width:100%;display:block}
.erg-home section{position:relative}
.erg-home .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.erg-home .kicker{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.erg-home .sec{padding:64px 0}
.erg-home .sec-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.erg-home .sec-head h2{font-size:34px;color:var(--bone)}
.erg-home .sec-head p{margin:6px 0 0;color:var(--dim);font-size:14px;max-width:560px}
.erg-home .sec-head .more{font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--text);white-space:nowrap;border-bottom:1px solid var(--gold);padding-bottom:2px}
.erg-home .sec-head .more:hover{color:var(--gold)}
.erg-home .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-size:13.5px;font-weight:500;padding:13px 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:.15s;white-space:nowrap}
.erg-home .btn-gold{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.erg-home .btn-gold:hover{background:var(--gold-2)}
.erg-home .btn-ghost{background:transparent;color:var(--text);border-color:var(--line-2)}
.erg-home .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.erg-home .btn-sm{padding:9px 16px;font-size:12px}
.erg-home .pill{display:inline-block;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border-radius:var(--r-sm);border:1px solid}
.erg-home .pill-local{color:var(--green);border-color:rgba(92,184,122,.35);background:rgba(92,184,122,.1)}
.erg-home .pill-ship{color:var(--teal-lt);border-color:rgba(114,182,198,.35);background:rgba(114,182,198,.08)}
.erg-home .pill-sale{color:var(--green);border-color:rgba(92,184,122,.35);background:rgba(92,184,122,.1)}
.erg-home .pill-store{color:var(--gold);border-color:rgba(200,168,75,.4);background:rgba(200,168,75,.1)}
.erg-home .pill-map{color:var(--dim);border-color:var(--line-2)}
.erg-home .pill-new{color:var(--bone);border-color:rgba(255,255,255,.2);background:rgba(17,21,26,.85)}
.erg-home .hero{position:relative;overflow:hidden;background:#0b0f14}
.erg-home .hero::before{content:"";position:absolute;inset:0;background:var(--hero-img) center/cover no-repeat;opacity:.5;filter:saturate(.75) contrast(1.05)}
.erg-home .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,17,.97) 0%,rgba(10,13,17,.9) 45%,rgba(10,13,17,.55) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 40%)}
.erg-home .hero .contour{position:absolute;inset:0;background:var(--contour) center/700px;opacity:.5;mix-blend-mode:screen;pointer-events:none;z-index:1}
.erg-home .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .95fr;gap:48px;align-items:center;padding-block:76px 84px}
.erg-home .hero h1{font-size:clamp(46px,6vw,78px);color:var(--bone);font-weight:500;letter-spacing:-.005em;line-height:.98;margin:14px 0 18px}
.erg-home .hero h1 em{font-style:normal;color:var(--gold)}
.erg-home .hero p.lede{font-size:17px;color:var(--muted);max-width:540px;margin:0 0 26px}
.erg-home .hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.erg-home .proof{display:flex;gap:22px;flex-wrap:wrap;font-size:12.5px;color:var(--dim)}
.erg-home .proof span{display:flex;align-items:center;gap:7px}
.erg-home .proof b{color:var(--bone);font-weight:600}
.erg-home .star{color:var(--gold)}
.erg-home .fcard{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line-2);border-radius:14px;padding:18px;box-shadow:0 30px 60px rgba(0,0,0,.55);max-width:440px;justify-self:end;width:100%}
.erg-home .fcard .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.erg-home .fcard .img{background:#f3f4f6;border-radius:var(--r);aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.erg-home .fcard .img img{width:88%;height:88%;object-fit:contain}
.erg-home .fcard h3{font-size:24px;color:var(--bone);margin:14px 0 4px}
.erg-home .fcard .brand{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--dim);text-transform:uppercase}
.erg-home .fcard .specs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
.erg-home .fcard .specs span{font-size:11.5px;color:var(--muted);background:rgba(255,255,255,.05);border:1px solid var(--line);padding:3px 9px;border-radius:var(--r-sm)}
.erg-home .fcard .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.erg-home .price{font-family:var(--head);font-size:26px;color:var(--bone);font-weight:500}
.erg-home .price s{color:var(--dim);font-size:15px;margin-right:8px;font-weight:400}
.erg-home .fcard .note{margin:12px 0 0;font-size:11.5px;color:var(--dim);display:flex;justify-content:space-between}
.erg-home .cats{padding:36px 0 8px}
.erg-home .cats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.erg-home .cats a{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 8px 14px;color:var(--text);transition:.15s}
.erg-home .cats a:hover{border-color:var(--gold);transform:translateY(-2px);background:var(--panel-2)}
.erg-home .cats .ico{width:64px;height:64px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2a313b,#161b22);border:1px solid var(--line-2)}
.erg-home .cats .ico svg{width:42px;height:42px}
.erg-home .cats b{font-family:var(--head);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:13.5px}
.erg-home .cats small{font-size:10.5px;color:var(--dim);margin-top:-6px;text-align:center;line-height:1.3}
.erg-home .cats a{height:100%;min-height:150px}
.erg-home .cats li{display:flex}
.erg-home .trust{padding:22px 0 0}
.erg-home .trust ul{list-style:none;margin:0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.erg-home .trust li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);justify-content:center}
.erg-home .trust li b{color:var(--bone);font-weight:600}
.erg-home .trust .g{color:var(--gold)}
.erg-home .grid{display:grid;gap:16px}
.erg-home .g4{grid-template-columns:repeat(4,1fr)}
.erg-home .g3{grid-template-columns:repeat(3,1fr)}
.erg-home .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:9px;transition:.15s;position:relative}
.erg-home .card:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.erg-home .card .img{background:#f3f4f6;border-radius:8px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;position:relative}
.erg-home .card .img img{width:86%;height:86%;object-fit:contain}
.erg-home .card .img.photo img{width:100%;height:100%;object-fit:cover}
.erg-home .card .badge{position:absolute;top:8px;left:8px;backdrop-filter:blur(4px)}
.erg-home .pill-local.badge,
.erg-home .pill-sale.badge{background:rgba(13,26,13,.85)}
.erg-home .card .brand{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--dim);text-transform:uppercase}
.erg-home .card h3{font-family:var(--body);font-weight:600;font-size:14px;text-transform:none;letter-spacing:0;line-height:1.35;color:var(--text)}
.erg-home .card .spec{font-size:12px;color:var(--dim);margin-top:-4px}
.erg-home .card .bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px}
.erg-home .card .price{font-size:21px}
.erg-home .card .avail{display:flex;gap:6px;flex-wrap:wrap}
.erg-home .band{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink-2)}
.erg-home .band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-block:64px}
.erg-home .band .pic{border-radius:14px;overflow:hidden;aspect-ratio:3/2;border:1px solid var(--line-2);position:relative}
.erg-home .band .pic img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.erg-home .band h2{font-size:clamp(34px,4vw,52px);color:var(--bone);margin:12px 0 14px;line-height:1}
.erg-home .band h2 em{font-style:normal;color:var(--gold)}
.erg-home .band p{color:var(--muted);font-size:16px;max-width:520px;margin:0 0 22px}
.erg-home .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 26px;padding:0;list-style:none}
.erg-home .facts li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.erg-home .facts b{display:block;font-family:var(--head);font-size:26px;color:var(--bone);font-weight:500;line-height:1}
.erg-home .facts span{font-size:11.5px;color:var(--dim)}
.erg-home .used{background:var(--ink)}
.erg-home .used-wrap{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}
.erg-home .ulist{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.erg-home .urow{display:grid;grid-template-columns:78px 1fr auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:10px;transition:.15s}
.erg-home .urow:hover{border-color:var(--gold)}
.erg-home .urow .img{width:78px;height:78px;background:#f3f4f6;border-radius:8px;display:grid;place-items:center;overflow:hidden}
.erg-home .urow .img img{width:88%;height:88%;object-fit:contain}
.erg-home .urow .img.ph{background:var(--panel-3);color:var(--dim);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-align:center;line-height:1.3}
.erg-home .urow h3{font-family:var(--body);font-size:14px;font-weight:600;text-transform:none;letter-spacing:0}
.erg-home .urow .m{font-size:12px;color:var(--dim)}
.erg-home .urow .p{font-family:var(--head);font-size:20px;color:var(--bone);text-align:right}
.erg-home .urow .p small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--green);text-transform:uppercase}
.erg-home .capture{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid rgba(200,168,75,.35);border-radius:14px;padding:22px;position:relative;overflow:hidden}
.erg-home .capture::after{content:"";position:absolute;inset:0;background:var(--contour) center/520px;opacity:.35;pointer-events:none}
.erg-home .capture>*{position:relative;z-index:1}
.erg-home .capture h3{font-size:26px;color:var(--bone);margin:8px 0 8px}
.erg-home .capture p{font-size:13.5px;color:var(--muted);margin:0 0 14px}
.erg-home .capture form{display:flex;flex-direction:column;gap:8px}
.erg-home .capture input{background:var(--ink);border:1px solid var(--line-2);border-radius:999px;padding:12px 16px;color:var(--text);font:inherit;font-size:14px;outline:0}
.erg-home .capture input:focus{border-color:var(--gold)}
.erg-home .capture small{font-size:11px;color:var(--dim)}
.erg-home .two{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:start}
.erg-home .rebate{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-bottom:10px}
.erg-home .rebate .amt{font-family:var(--head);font-size:26px;color:var(--gold);line-height:1;min-width:88px}
.erg-home .rebate .amt small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin-top:3px}
.erg-home .rebate b{display:block;font-weight:600;font-size:14px}
.erg-home .rebate span{font-size:12px;color:var(--dim)}
.erg-home .rebate .end{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--red);text-transform:uppercase;text-align:right;white-space:nowrap}
.erg-home .rebate .end.ok{color:var(--dim)}
.erg-home .minirow{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:13px;color:var(--muted)}
.erg-home .case{background:#07090c;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.erg-home .case::after{content:"";position:absolute;inset:0;background:var(--contour) center/800px;opacity:.35;pointer-events:none}
.erg-home .case .wrap{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding-block:72px}
.erg-home .case h2{font-size:clamp(36px,4.4vw,56px);color:var(--bone);margin:12px 0 16px;line-height:1}
.erg-home .case p{color:var(--muted);max-width:460px;font-size:15.5px;margin:0 0 22px}
.erg-home .case .pieces{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:12px}
.erg-home .piece{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.erg-home .piece:first-child{grid-row:span 2}
.erg-home .piece .img{background:#f3f4f6;flex:1;min-height:150px;display:grid;place-items:center;overflow:hidden}
.erg-home .piece .img img{width:100%;height:100%;object-fit:cover}
.erg-home .piece .meta{padding:12px 14px;display:flex;justify-content:space-between;align-items:end;gap:10px}
.erg-home .piece .meta b{display:block;font-size:13px;font-weight:600;line-height:1.3}
.erg-home .piece .meta span{font-size:11px;color:var(--dim)}
.erg-home .piece .meta .price{font-size:18px}
.erg-home .local .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.erg-home .lcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px}
.erg-home .lcard h3{font-size:24px;color:var(--bone)}
.erg-home .lcard p{margin:0;color:var(--muted);font-size:14px}
.erg-home .lcard .k{margin-bottom:4px}
.erg-home .lcard a.more{margin-top:auto;font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;color:var(--gold)}
.erg-home .hours{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px;padding:18px 22px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);font-size:13.5px;color:var(--muted);align-items:center}
.erg-home .hours b{color:var(--bone);font-family:var(--head);font-size:18px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}
.erg-home .gcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.erg-home .gcard .img{aspect-ratio:16/9;overflow:hidden}
.erg-home .gcard .img img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.erg-home .gcard .b{padding:16px 18px 18px}
.erg-home .gcard h3{font-family:var(--body);text-transform:none;letter-spacing:0;font-size:16px;font-weight:600;line-height:1.35;margin:6px 0 6px}
.erg-home .gcard p{margin:0;font-size:13px;color:var(--dim)}
.erg-home .reviews{background:var(--ink-2);border-top:1px solid var(--line)}
.erg-home .rv{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.erg-home .rv p{margin:8px 0 12px;font-size:14px;color:var(--muted)}
.erg-home .rv b{font-size:12.5px;color:var(--bone)}
.erg-home .rv span{font-size:12px;color:var(--dim)}
.erg-home .signup{padding:64px 0}
.erg-home .signup .box{background:linear-gradient(135deg,#1b1a12,#13181f 60%);border:1px solid rgba(200,168,75,.35);border-radius:16px;padding:40px;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;position:relative;overflow:hidden}
.erg-home .signup .box::after{content:"";position:absolute;inset:0;background:var(--contour) center/700px;opacity:.4;pointer-events:none}
.erg-home .signup .box>*{position:relative;z-index:1}
.erg-home .signup h2{font-size:38px;color:var(--bone);margin:8px 0 8px}
.erg-home .signup p{margin:0;color:var(--muted);font-size:15px}
.erg-home .signup form{display:flex;gap:10px}
.erg-home .signup input{flex:1;background:var(--ink);border:1px solid var(--line-2);border-radius:999px;padding:14px 18px;color:var(--text);font:inherit;outline:0}
.erg-home .signup small{display:block;margin-top:10px;font-size:11.5px;color:var(--dim)}
/* ---------- live-data additions (not in the static concept) ---------- */
.erg-home .card h3 a,.erg-home .urow,.erg-home .urow h3,.erg-home .piece,.erg-home .gcard,.erg-home .rebate,.erg-home .cats a{color:var(--text)}
.erg-home .card .img .ph{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6b7280}
.erg-home .card .img img{width:86%;height:86%;object-fit:contain}
.erg-home .price del{color:var(--dim);font-size:.62em;font-weight:400;margin-right:6px}
.erg-home .price ins{text-decoration:none}
.erg-home .price .woocommerce-price-suffix{display:none}
.erg-home .fcard .img img{width:88%;height:88%;object-fit:contain}
.erg-home .fcard h3{font-size:24px}
.erg-home .sec--flush{padding-top:0}
.erg-home .band--solo .wrap{grid-template-columns:1fr;max-width:820px}
.erg-home .rv{margin:0}
.erg-home .rv blockquote{margin:0}
.erg-home .rebate:hover{border-color:var(--gold)}
.erg-home .capture-cta{margin:0}
.erg-home .capture-cta .btn{width:100%}
.erg-home .capture-cta--inline .btn{width:auto}
.erg-home .gcard .img{background:var(--panel-3)}
.erg-home .cats a{flex:1;min-width:0}
.erg-home .btn-gold,.erg-home .btn-gold:visited{color:var(--on-gold)}
.erg-home .btn-ghost{color:var(--text)}
.erg-home .add_to_cart_button.added{display:none}
.erg-home .added_to_cart{font-family:var(--head);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}

/* ---------- responsive (keep last) ---------- */
@media (max-width:1100px){
.erg-home .cats ul{grid-template-columns:repeat(4,1fr)}
.erg-home .g4{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
.erg-home .hero .wrap{grid-template-columns:1fr;padding-block:52px 56px;gap:30px}
.erg-home .hero h1{font-size:46px}
.erg-home .fcard{justify-self:stretch;max-width:none}
.erg-home .cats ul{display:flex;overflow-x:auto;gap:10px;padding-bottom:6px;scrollbar-width:none}
.erg-home .cats li{flex:0 0 120px}
.erg-home .trust ul{grid-template-columns:1fr 1fr}
.erg-home .band .wrap,
.erg-home .case .wrap,
.erg-home .two,
.erg-home .used-wrap,
.erg-home .signup .box{grid-template-columns:1fr}
.erg-home .g4,
.erg-home .g3,
.erg-home .local .grid3,
.erg-home .ulist{grid-template-columns:1fr 1fr}
.erg-home .case .pieces{grid-template-columns:1fr 1fr}
.erg-home .piece:first-child{grid-row:auto;grid-column:span 2}
.erg-home .sec{padding:44px 0}
.erg-home .sec-head{flex-direction:column;align-items:start;gap:8px}
.erg-home .sec-head h2{font-size:28px}
.erg-home .facts{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:560px){
.erg-home .wrap{padding-inline:16px}
.erg-home .hero h1{font-size:40px}
.erg-home .g4,
.erg-home .g3,
.erg-home .local .grid3,
.erg-home .ulist{grid-template-columns:1fr}
.erg-home .g4{display:flex;overflow-x:auto;gap:12px;scrollbar-width:none}
.erg-home .g4 .card{flex:0 0 78%}
.erg-home .trust ul{grid-template-columns:1fr}
.erg-home .trust li{justify-content:start}
.erg-home .facts{grid-template-columns:1fr 1fr}
.erg-home .signup form{flex-direction:column}
.erg-home .signup .box{padding:26px}
.erg-home .case .pieces{grid-template-columns:1fr}
.erg-home .piece:first-child{grid-column:auto}
}