:root{--navy:#11213F;--navy2:#1a2f55;--o:#FFA10F;--t:#2EC4B6;--bg:#fff;--fg:#17203a;--mut:#5b6785;--line:#e3e8f2;--soft:#f5f7fb;--r:14px}
@media(prefers-color-scheme:dark){:root{--bg:#0d1526;--fg:#e8edf8;--mut:#9aa8c7;--line:#26324f;--soft:#142039}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--fg);background:var(--bg)}
img{max-width:100%;height:auto;display:block}a{color:#0b7d73}@media(prefers-color-scheme:dark){a{color:var(--t)}}
.wrap{max-width:1160px;margin:0 auto;padding:0 16px}.narrow{max-width:760px}.center{text-align:center}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:.4em 0}h2{font-size:1.6rem;margin:1.8em 0 .6em}h3{font-size:1.1rem}
.lead{font-size:1.15rem;color:var(--mut)}.muted{color:var(--mut)}.small{font-size:.85rem}.o{color:var(--o)}
.topbar{background:var(--o);color:#1a1200;text-align:center;font-weight:700;padding:8px 12px;font-size:.92rem}
.head{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20}.bar{display:flex;align-items:center;gap:20px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.1rem}.brand img{border-radius:10px}
.nav{display:flex;gap:18px;flex:1}.nav a,.cartlink{color:#dbe5ff;text-decoration:none;font-weight:600}.nav a:hover{color:var(--o)}
.cartlink{background:var(--o);color:#1a1200;padding:8px 14px;border-radius:999px;font-weight:800}.cartlink span{background:#1a1200;color:var(--o);border-radius:999px;padding:0 8px;margin-left:4px}
@media(max-width:760px){.hide-s{display:none}.brand span{font-size:.95rem}}
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}.hero-banner{width:100%;height:auto;display:block;aspect-ratio:4/1;object-fit:cover}
.hero-in{position:relative;padding:40px 16px 56px;max-width:860px;margin:0 auto}.hero h1{font-size:clamp(2rem,5.5vw,3.4rem)}.hero .lead{color:#d3def7}
.chip{display:inline-block;background:var(--o);color:#1a1200;font-weight:800;letter-spacing:.06em;font-size:.78rem;text-transform:uppercase;border-radius:999px;padding:5px 14px;margin:0}
.btn{display:inline-block;background:var(--o);color:#1a1200;font-weight:800;border:0;border-radius:999px;padding:12px 24px;text-decoration:none;cursor:pointer;font-size:1rem;font-family:inherit}
.btn:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;color:inherit;border:2px solid currentColor}.hero .btn.ghost{color:#fff}.btn.big{padding:14px 30px;font-size:1.05rem}
.strip{background:var(--navy2);color:#fff}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 16px}.facts div{text-align:center}.facts b{display:block;font-size:1.25rem;color:var(--o)}.facts span{font-size:.85rem;color:#c8d4ef}
@media(max-width:760px){.facts{grid-template-columns:1fr 1fr}}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.catcard{display:flex;flex-direction:column;gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--fg)}
.catcard:hover{border-color:var(--o)}.catcard span{color:var(--mut);font-size:.92rem}.catcard em{color:#b86f00;font-style:normal;font-weight:700;margin-top:auto}
.hooks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.hooks a{display:block;height:100%;background:var(--navy);color:#fff;border-radius:var(--r);padding:18px;text-decoration:none;border-left:5px solid var(--o)}
.hooks .q{display:block;font-weight:800;font-size:1.1rem}.hooks .g{display:block;color:#bfcdee;font-size:.92rem;margin-top:6px}.hooks a:hover{border-left-color:var(--t)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg);display:flex;flex-direction:column}
.cimg{position:relative;display:block;background:var(--soft)}.badge{position:absolute;top:10px;left:10px;background:var(--o);color:#1a1200;font-weight:800;border-radius:8px;padding:3px 9px;font-size:.8rem}
.cbody{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.cbody h3{margin:0;font-size:1rem}.cbody h3 a{color:var(--fg);text-decoration:none}.cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);font-weight:700}
.chook{margin:0;color:var(--mut);font-size:.9rem}.price{margin-top:auto;font-size:1.15rem}.price s{color:var(--mut);margin-right:6px}.price b{font-size:1.4rem}.off{display:inline-block;color:#8a4f00;background:#fff1d6;border-radius:6px;padding:2px 8px;font-size:.82rem;font-weight:700}
.crumbs{font-size:.88rem;color:var(--mut);margin:18px 0 6px}.crumbs a{color:var(--mut)}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}.pills a{border:1px solid var(--line);border-radius:999px;padding:6px 14px;text-decoration:none;color:var(--fg);font-size:.9rem}.pills a.on,.pills a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.search{display:flex;gap:8px;max-width:560px}.search input{flex:1}input,button{font:inherit}input:not([type=checkbox]){width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg)}
.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.tags li{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.85rem;color:var(--mut)}
.pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start;margin-top:10px}@media(max-width:860px){.pdp{grid-template-columns:1fr}}
.gallery #big{width:100%;border-radius:var(--r);border:1px solid var(--line)}.thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.thumbs button{padding:0;border:2px solid var(--line);border-radius:8px;overflow:hidden;background:none;cursor:pointer;width:72px}.thumbs button:hover,.thumbs button.on{border-color:var(--o)}
.buy .q{font-size:1.35rem;font-weight:800;color:#b86f00;margin:.2em 0}.buy .price{margin:14px 0}.buy .price b{font-size:2rem}
.ticks{list-style:none;padding:0;margin:18px 0}.ticks li{padding-left:28px;position:relative;margin:6px 0}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--t);font-weight:900}
.cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:36px}@media(max-width:860px){.cols{grid-template-columns:1fr}}
.desc h3{margin:1.2em 0 .3em;color:#b86f00}.desc ul{padding-left:20px}details{border:1px solid var(--line);border-radius:10px;padding:10px 16px;margin:8px 0;background:var(--soft)}summary{cursor:pointer;font-weight:700}details p{margin:.6em 0 0}
.tbl{width:100%;border-collapse:collapse;margin:14px 0}.tbl td,.tbl th{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.93rem}.r{text-align:right!important}
.checkout{margin-top:24px;border-top:1px solid var(--line);padding-top:6px}label{display:block;margin:14px 0;font-weight:600}label.chk{font-weight:400;display:flex;gap:10px;align-items:flex-start}.stack{max-width:520px}
.notice{background:#fff1d6;color:#5a3500;border-radius:10px;padding:12px 16px}.bad{color:#c0392b}.dl{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:6px 16px;margin:10px 0}
.cartrow{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.cartrow img{width:64px;border-radius:8px}.cartrow div{flex:1}.cartrow button{background:none;border:0;color:var(--mut);cursor:pointer;text-decoration:underline}
.foot{background:var(--navy);color:#cbd6f2;margin-top:70px;padding:40px 0 20px}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}@media(max-width:760px){.fgrid{grid-template-columns:1fr}}
.foot a{display:block;color:#cbd6f2;text-decoration:none;margin:4px 0}.foot a:hover{color:var(--o)}.foot strong{color:#fff;display:block;margin-bottom:6px}
.legal h2{font-size:1.2rem}.adminnav{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:10px}.adminnav form{margin-left:auto}
.admin .tbl{font-size:.88rem}.inline button{margin:2px;padding:4px 10px;border-radius:8px;border:1px solid var(--line);background:var(--soft);cursor:pointer;color:var(--fg)}
.admin{min-height:60vh;padding-top:20px}