/* GHG homepage v2 (went live 2026-10-04; formerly preview.css). Also used by /specials.html. */
/* GHG phase4 (2026-10-04): styles for the hidden /home-preview page only (all rules scoped to .ghgp). Colors = current site palette. */
.ghgp{--red:#CF142B;--red2:#B01226;--ink:#333333;--h:#343434;--muted:#666666;--line:#E5E5E5;--soft:#F8F9FA;color:var(--ink);font-size:14px}
.ghgp *{box-sizing:border-box}.ghgp a{text-decoration:none}
.ghgp .w{max-width:1200px;margin:0 auto;padding:0 15px}
.ghgp .hero{padding:18px 0 6px}.ghgp .hero .w{display:grid;grid-template-columns:4fr 8fr;gap:22px;align-items:center}.ghgp .hero .w>*{min-width:0}
.ghgp .intro{background:var(--soft);border-radius:12px;padding:22px 24px 20px}
.ghgp .eyebrow{font-size:12px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.6px;margin:0 0 8px}
.ghgp .intro h1{font-size:26px;line-height:1.2;margin:0 0 8px;color:#222;font-weight:700}
.ghgp .intro p{color:var(--muted);font-size:15px;line-height:1.55;margin:10px 0 18px}
.ghgp .btn{display:inline-block;background:linear-gradient(135deg,#CF142B 0%,#B01226 100%);color:#fff;font-weight:700;border-radius:25px;padding:11px 24px;font-size:14px;letter-spacing:.3px;box-shadow:0 4px 15px rgba(207,20,43,.3);border:0}
.ghgp .btn:hover{color:#fff;opacity:.95}.ghgp .btn.ghost{background:#fff;color:var(--red);border:2px solid var(--red);box-shadow:none;padding:9px 20px}
.ghgp .ctas{display:flex;gap:10px;flex-wrap:wrap}.ghgp .chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.ghgp .chips a{font-size:12px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:5px 12px;font-weight:600;color:var(--ink)}.ghgp .chips a:hover{border-color:var(--red);color:var(--red)}
.ghgp .heroimg{display:block;border-radius:12px;overflow:hidden}.ghgp .heroimg img{width:100%;height:auto;display:block;aspect-ratio:1170/500}
.ghgp .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0 0}.ghgp .trust .w{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 15px}
.ghgp .t{display:flex;gap:10px;align-items:center;font-size:13px}.ghgp .t i{flex:0 0 34px;height:34px;border-radius:50%;border:2px solid var(--red);color:var(--red);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:15px}
.ghgp .t b{display:block;color:#222}.ghgp .t span{color:var(--muted);font-size:12px}
.ghgp section{padding:30px 0 4px}.ghgp h2{font-size:22px;margin:0;color:var(--h);text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.ghgp h2:after{content:'';display:block;width:80px;height:3px;background:var(--red);margin-top:8px}
.ghgp .sh{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;gap:10px}.ghgp .sh>a{color:var(--red);font-weight:700;font-size:13px;white-space:nowrap}
.ghgp .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ghgp .cat{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;color:var(--ink);display:block}
.ghgp .cat img{display:block;width:100%;height:auto;aspect-ratio:480/300;object-fit:cover}.ghgp .ct{padding:9px 12px 11px}.ghgp .ct b{display:block;font-size:14px;color:#222}.ghgp .ct span{font-size:12px;color:var(--muted)}
.ghgp .cat:hover{border-color:var(--red)}
.ghgp-row{margin:0 0 22px}.ghgp-sh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:6px}
.ghgp-sh h3{margin:0;font-size:16px;font-weight:700;color:#222}.ghgp-sh a{color:var(--red);font-weight:700;font-size:13px}
.ghgp-prods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ghgp-pc{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;position:relative;margin:0;background:#fff}
.ghgp-pi{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden}.ghgp-pi img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.ghgp-badge{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;border-radius:10px;padding:2px 8px;text-transform:uppercase}
.ghgp-pn{font-size:13px;line-height:1.35;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#222}
.ghgp-pc .price-box{margin:0}.ghgp-pc .price{color:var(--red);font-weight:700;font-size:15px}.ghgp-pc .old-price .price{color:var(--muted);font-weight:400;font-size:12px}
.ghgp-pc form{margin-top:auto}.ghgp .ghgp-btn{background:linear-gradient(135deg,#CF142B 0%,#B01226 100%);color:#fff;border:0;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:700;width:auto;line-height:1.2;box-shadow:none}
.ghgp .brands{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.ghgp .br{border:1px solid var(--line);border-radius:10px;padding:10px 8px;text-align:center;font-size:12px;font-weight:600;color:var(--ink);display:block;background:#fff}
.ghgp .br img{height:46px;width:auto;max-width:100%;object-fit:contain;display:block;margin:0 auto 6px}.ghgp .br:hover{border-color:var(--red)}
.ghgp .spots{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ghgp .spot{display:block;border-radius:12px;overflow:hidden;position:relative;background:#000}
.ghgp .spot img{width:100%;height:auto;display:block;aspect-ratio:1006/566;object-fit:cover}
.ghgp .spot div{padding:10px 16px;background:#111;color:#fff}.ghgp .spot b{font-size:18px;display:block}.ghgp .spot span{font-size:13px}
.ghgp .lowkey{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;align-items:center;background:var(--soft);border-radius:10px;padding:14px 18px;font-size:13px;color:var(--muted);margin-top:8px}
.ghgp .lowkey a{color:var(--red);font-weight:600}.ghgp .lowkey .help{font-size:12px}
@media (max-width:767px){
 .ghgp .hero .w{grid-template-columns:1fr;gap:12px}.ghgp .intro{order:2;padding:16px}.ghgp .intro h1{font-size:22px}.ghgp .intro p{font-size:14px;margin-bottom:14px}.ghgp .heroimg{order:1}
 .ghgp .chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.ghgp .chips a{white-space:nowrap}
 .ghgp .trust .w{grid-template-columns:1fr;gap:8px}.ghgp section{padding:22px 0 4px}.ghgp h2{font-size:18px}
 .ghgp .cats{grid-template-columns:1fr 1fr;gap:10px}.ghgp .ct b{font-size:13px}.ghgp .ct span{display:none}
 .ghgp-prods{grid-template-columns:1fr 1fr;gap:10px}.ghgp-prods .ghgp-pc:nth-child(n+5){display:none}
 .ghgp .brands{grid-template-columns:repeat(4,1fr);gap:8px}.ghgp .br{padding:6px 4px;font-size:10.5px}.ghgp .br img{height:30px}
 .ghgp .spots{grid-template-columns:1fr}.ghgp .lowkey{flex-direction:column;align-items:flex-start}
}

/* round 2 (2026-10-04): Tamiya hero feature, 12-brand grid, Specials tile, specials grid */
.ghgp .heroimg.feat{background:#111;color:#fff}.ghgp .feat .fimg{display:block}.ghgp .feat img{aspect-ratio:1170/432}
.ghgp .fcap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.ghgp .ftxt b{display:block;font-size:16px;color:#fff}.ghgp .ftxt span{font-size:12.5px;color:#ccc}
.ghgp .fbtns{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.ghgp .fbtns .btn{padding:9px 18px;font-size:13px}.ghgp .fbtns .btn.ghost{background:transparent;color:#fff;border-color:#fff;padding:7px 16px}
.ghgp .brands{grid-template-columns:repeat(6,1fr)}
.ghgp .spot .spx-art{aspect-ratio:1006/566;background:linear-gradient(135deg,#CF142B 0%,#8E0E1E 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6% 8%}
.ghgp .spot .spx-k{text-transform:uppercase;letter-spacing:2px;font-size:12px;opacity:.85}
.ghgp .spot .spx-h{font-size:clamp(24px,3.2vw,40px);line-height:1.1;margin:6px 0 10px;color:#fff}
.ghgp .spot .spx-s{font-size:14px;opacity:.92;max-width:85%}
.ghgp .spot .spx-c{margin-top:16px;background:#fff;color:#CF142B;font-weight:700;border-radius:20px;padding:8px 16px;font-size:13px}
.ghgp .ghgs-count{color:var(--muted);font-size:13px;margin:0 0 12px}
.ghgp .ghgs-prods{grid-template-columns:repeat(6,1fr)}.ghgp .ghgs-off{background:#111}
.ghgp .ghgs-pager{margin:18px 0 6px}.ghgp .ghgs-pager .toolbar-amount{font-size:13px;color:var(--muted)}
.ghgp .ghgs-h1{font-size:28px;font-weight:700;margin:6px 0 4px;color:#222}.ghgp .ghgs-intro{color:var(--muted);font-size:14px;margin:0 0 14px}
@media (max-width:1024px){.ghgp .ghgs-prods{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767px){
 .ghgp .fcap{flex-direction:column;align-items:flex-start;padding:10px 12px}.ghgp .ftxt b{font-size:15px}
 .ghgp .brands{grid-template-columns:repeat(4,1fr)}
 .ghgp .ghgs-prods{grid-template-columns:1fr 1fr}.ghgp .ghgs-prods .ghgp-pc:nth-child(n+5){display:flex}
 .ghgp .spot .spx-s{font-size:13px}.ghgp .ghgs-h1{font-size:22px}
}

/* r3: dual-link tile (Paints + Supplies) */
.ghgp .cat2{position:relative}.ghgp .cat-main{display:block;color:var(--ink)}.ghgp .cat-sub{position:absolute;top:8px;right:8px;background:#fff;color:var(--red);border:1px solid var(--red);border-radius:14px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.25;box-shadow:0 1px 3px rgba(0,0,0,.18);white-space:nowrap}.ghgp .cat-sub:hover{background:var(--red);color:#fff}.ghgp .cat-sub .s{display:none}
@media (max-width:767px){.ghgp .cat-sub{top:6px;right:6px;padding:3px 8px;font-size:11px}.ghgp .cat-sub .l{display:none}.ghgp .cat-sub .s{display:inline}}