/* CJ BEST Regalia — navy/gold/off-white estate design system (placeholder branding per owner ruling) */
:root{--navy:#0a1830;--navy2:#12263f;--gold:#c9a227;--gold2:#e3c05a;--paper:#faf6ee;--ink:#1c2430;--line:#e5dcc8}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
h1,h2,h3,.brand,.fb{font-family:Fraunces,Georgia,serif;color:var(--navy)}
a{color:var(--navy)}
.wrap{max-width:1080px;margin:0 auto;padding:1.2rem}
.wrap.narrow{max-width:720px}
header.nav{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.4rem;background:var(--navy);position:sticky;top:0;z-index:50}
header.nav .brand{color:var(--gold2);font-size:1.25rem;text-decoration:none;font-weight:600}
header.nav nav a{color:#e8e2d2;text-decoration:none;margin-left:1.1rem;font-size:.92rem}
header.nav nav a:hover{color:var(--gold2)}
.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy2) 70%);color:#f2ecdc;padding:4rem 0 3.4rem}
.hero h1{color:#fff;font-size:2.6rem;max-width:18ch;margin:.6rem 0}
.hero p{max-width:60ch;color:#d8d2c0}
.kicker{letter-spacing:.14em;font-size:.75rem;font-weight:700;color:var(--gold2);text-transform:uppercase}
.btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:600;border:none;padding:.55rem 1.1rem;border-radius:3px;text-decoration:none;cursor:pointer;font-size:.92rem}
.btn:hover{background:var(--gold2)}
.btn.big{padding:.8rem 1.5rem;font-size:1rem}
.btn.ghost{background:transparent;border:1px solid var(--gold2);color:var(--gold2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem;margin-top:1rem}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;margin-top:1rem}
.pcard{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1rem;text-align:center}
.pcard img{width:100%;height:170px;object-fit:contain;background:#fff}
.pname{font-weight:600;margin-top:.5rem;font-size:.95rem}
.psku{color:#7a7161;font-size:.78rem;letter-spacing:.08em}
.pprice{color:var(--navy);font-weight:700;margin:.4rem 0}
.pprice.big{font-size:1.2rem;margin:.6rem 0}
section{padding:1.6rem 0}
.fcard{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1.1rem;margin-bottom:1rem}
.fcard p{margin-top:.4rem;font-size:.92rem;color:#4a4436}
.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.4rem}
.bignum{display:block;font-size:1.6rem;color:var(--gold)}
.lead{max-width:70ch;color:#4a4436;margin:.5rem 0 1rem}
h1{font-size:2rem;margin:.4rem 0}
table.qot{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);margin:1rem 0;font-size:.92rem}
.qot th{background:var(--navy);color:#eee7d4;text-align:left;padding:.55rem .7rem;font-weight:600}
.qot td{border-top:1px solid var(--line);padding:.55rem .7rem;vertical-align:top}
.qot input.qty{width:4.2rem}
.qot select,.formgrid input,.formgrid select,.formgrid textarea,.qform-inline input,.qform-inline select{padding:.45rem;border:1px solid #c8bfa8;border-radius:3px;font:inherit;background:#fff}
.qot code{background:var(--paper);padding:.1rem .35rem;border-radius:3px;letter-spacing:.05em}
.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem;margin:1rem 0}
.formgrid label{display:block;font-size:.85rem;font-weight:600;color:var(--navy)}
.formgrid input,.formgrid select,.formgrid textarea{width:100%;margin-top:.25rem}
.formgrid .full{grid-column:1/-1}
.qform-inline{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end;margin:1rem 0}
.qform-inline label{font-size:.8rem;font-weight:600;display:block;color:var(--navy)}
.stgroup{margin-bottom:1.2rem}
.stgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem;margin-top:.6rem}
label.st{background:#fff;border:1px solid var(--line);border-radius:4px;padding:.45rem .7rem;font-size:.9rem;display:flex;gap:.45rem;align-items:center}
.pkg{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1.2rem}
.note{font-size:.85rem;color:#6b6350;margin:.8rem 0}
.okmsg{background:#eef3e6;border:1px solid #b6c99a;padding:.8rem 1rem;border-radius:4px;margin:1rem 0}
.crumbs{font-size:.85rem;color:#6b6350}
.pdetail{display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:2rem;align-items:start}
.pdetail .pimg{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1rem}
.pdetail .pimg img{width:100%}
details.faq{background:#fff;border:1px solid var(--line);border-radius:5px;padding:.9rem 1.1rem;margin:.6rem 0}
details.faq summary{font-weight:600;color:var(--navy);cursor:pointer}
details.faq p{margin-top:.5rem;color:#4a4436}
footer{background:var(--navy);color:#cfc7b2;margin-top:2.5rem}
footer .wrap{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;padding-top:2rem}
footer .fb{color:var(--gold2);font-size:1.15rem}
footer a{color:#eee7d4}
footer .legal{border-top:1px solid #22344f;font-size:.8rem;color:#8f8874;padding:.8rem 1.2rem;max-width:1080px;margin:0 auto}
body.console{background:#f4f0e6}
.gold{color:var(--gold);font-weight:700;font-size:.75rem;letter-spacing:.1em}
@media(max-width:760px){.pdetail{grid-template-columns:1fr}header.nav{flex-direction:column;gap:.6rem}footer .wrap{grid-template-columns:1fr}.hero h1{font-size:1.8rem}}
@font-face{font-family:Fraunces;src:url(/static/fonts/fraunces.woff2) format('woff2');font-display:swap;font-weight:400 700}
@font-face{font-family:Inter;src:url(/static/fonts/inter.woff2) format('woff2');font-display:swap}