/* Glassmorphism theme: frosted glass with gold and silver highlights */
:root{--gold:#C9A227;--gold2:#F1D77A;--silver:#C8D0DB;--silver2:#EEF1F6;
--gg:linear-gradient(135deg,#F6E19A 0%,#D4AF37 45%,#A8801A 100%);
--sg:linear-gradient(135deg,#FFFFFF 0%,#C8D0DB 50%,#98A3B3 100%);
--bg:#E9EDF3;--tx:#0F172A;--mu:#4B5870;--ln:rgba(120,134,158,.28);--card:rgba(255,255,255,.52);--glass:rgba(255,255,255,.55);
--gt:linear-gradient(135deg,#B28A1A,#7A5C0E);--blur:blur(18px) saturate(160%);--hi:inset 0 1px 0 rgba(255,255,255,.85);--sh:0 8px 30px rgba(15,23,42,.10)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--gt:var(--gg);--bg:#0A1020;--tx:#F1F5F9;--mu:#A7B3C6;--ln:rgba(226,232,240,.16);--card:rgba(255,255,255,.07);--glass:rgba(12,18,34,.55);--hi:inset 0 1px 0 rgba(255,255,255,.14);--sh:0 8px 30px rgba(0,0,0,.35)}}
:root[data-theme="dark"]{--gt:var(--gg);--bg:#0A1020;--tx:#F1F5F9;--mu:#A7B3C6;--ln:rgba(226,232,240,.16);--card:rgba(255,255,255,.07);--glass:rgba(12,18,34,.55);--hi:inset 0 1px 0 rgba(255,255,255,.14);--sh:0 8px 30px rgba(0,0,0,.35)}
body{background:var(--bg);position:relative;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(520px 520px at 8% 6%,rgba(212,175,55,.30),transparent 70%),radial-gradient(560px 560px at 95% 18%,rgba(200,208,219,.55),transparent 70%),radial-gradient(620px 620px at 78% 92%,rgba(212,175,55,.20),transparent 70%),radial-gradient(520px 520px at 6% 88%,rgba(148,163,184,.40),transparent 70%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body::before{background:radial-gradient(520px 520px at 8% 6%,rgba(212,175,55,.28),transparent 70%),radial-gradient(560px 560px at 95% 18%,rgba(148,163,184,.30),transparent 70%),radial-gradient(620px 620px at 78% 92%,rgba(212,175,55,.18),transparent 70%),radial-gradient(520px 520px at 6% 88%,rgba(71,85,125,.55),transparent 70%)}}
:root[data-theme="dark"] body::before{background:radial-gradient(520px 520px at 8% 6%,rgba(212,175,55,.28),transparent 70%),radial-gradient(560px 560px at 95% 18%,rgba(148,163,184,.30),transparent 70%),radial-gradient(620px 620px at 78% 92%,rgba(212,175,55,.18),transparent 70%),radial-gradient(520px 520px at 6% 88%,rgba(71,85,125,.55),transparent 70%)}
/* glass surfaces */
.pr,.box,.alt,.panel,details,.rel a,.chip,input,select,textarea{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.pr,.box{background:var(--card);border:1px solid var(--ln);border-radius:18px;box-shadow:var(--sh),var(--hi)}
.pr{transition:transform .2s,box-shadow .2s,border-color .2s}.pr:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.6);box-shadow:0 14px 36px rgba(15,23,42,.16),var(--hi)}
.im{border-bottom:1px solid var(--ln)}
.alt{background:var(--card);border-block:1px solid var(--ln);box-shadow:var(--hi)}
.panel{background:var(--glass);border-left:1px solid var(--ln);box-shadow:-12px 0 40px rgba(0,0,0,.25),var(--hi);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%)}
#drawer{background:rgba(10,16,32,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
details{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:12px 16px;margin-bottom:8px;box-shadow:var(--hi)}
details[open]{border-color:rgba(212,175,55,.55)}summary{list-style-position:inside}
input,select,textarea{background:rgba(255,255,255,.55);border:1px solid var(--ln);border-radius:12px;color:var(--tx);box-shadow:var(--hi)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) input,:root:not([data-theme="light"]) select,:root:not([data-theme="light"]) textarea{background:rgba(255,255,255,.07)}}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:rgba(255,255,255,.07)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.28)}
/* header */
header{background:var(--glass);color:var(--tx);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,#D4AF37,#C8D0DB,#D4AF37,transparent) 1;box-shadow:0 6px 24px rgba(15,23,42,.08)}
.logo{background:var(--gt);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.logo img{box-shadow:0 0 0 1.5px rgba(212,175,55,.8),0 2px 8px rgba(0,0,0,.2)}
nav a{opacity:.9;transition:color .15s}nav a:hover{color:var(--gold);opacity:1}
/* hero */
.hero{background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(30,41,59,.62));color:#fff;border-bottom:1px solid rgba(212,175,55,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(241,215,122,.35),transparent 65%);pointer-events:none}
.hero h1{background:linear-gradient(135deg,#FFFFFF 10%,#E6EAF0 40%,#F1D77A 75%,#D4AF37);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero p{color:#D5DCE8}
/* buttons */
.btn,.add,.cartb{border-radius:12px;transition:transform .15s,box-shadow .15s,filter .15s}
.b1,.add,.cartb,.b3{background:var(--gg);color:#1B1405;border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 14px rgba(168,128,26,.35),inset 0 1px 0 rgba(255,255,255,.6);font-weight:700}
@media (prefers-color-scheme:dark){.add,.b3{background:var(--gg);color:#1B1405}}
.b1:hover,.add:hover,.cartb:hover,.b3:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 8px 20px rgba(168,128,26,.45),inset 0 1px 0 rgba(255,255,255,.6)}
.b2{background:rgba(255,255,255,.12);border:1.5px solid var(--silver);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.chip{background:var(--card);border:1px solid var(--ln);color:var(--tx);box-shadow:var(--hi)}
.chip:hover{border-color:var(--gold)}
.chip.on{background:var(--gg);color:#1B1405;border-color:rgba(255,255,255,.4);box-shadow:0 3px 10px rgba(168,128,26,.35)}
@media (prefers-color-scheme:dark){.chip.on{background:var(--gg);color:#1B1405;border-color:rgba(255,255,255,.4)}}
.rel a{background:var(--card);border:1px solid var(--ln)}.rel a:hover{border-color:var(--gold)}
/* type accents */
h2{position:relative}section>.w>h2::after,.alt .w>h2::after{content:"";display:block;width:56px;height:3px;border-radius:3px;margin-top:8px;background:linear-gradient(90deg,#D4AF37,#C8D0DB)}
.price,.pp b{background:var(--gt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pp img,.pp .ph{border:1px solid rgba(212,175,55,.5);box-shadow:var(--sh)}
.li{border-bottom-color:var(--ln)}
/* footer */
footer{background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(10,16,32,.92));color:#D5DCE8;border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,#C8D0DB,#D4AF37,#C8D0DB,transparent) 1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
footer a:hover{color:var(--gold2)}.flogo{box-shadow:0 0 0 1px rgba(212,175,55,.6),0 6px 20px rgba(0,0,0,.35)}
.msg{background:var(--card);border:1px solid var(--ln);color:var(--tx);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.pr,.box,.alt,.panel,details{background:var(--bg)}header{background:#0F172A;color:#fff}}
@media (prefers-reduced-motion:reduce){.pr,.btn,.add{transition:none}.pr:hover{transform:none}}