:root{--bg:#fff3d6;--ink:#2a1208;--card:#fffdf5;--line:#f0d9a8;--sweet:#6b1d3a;--gold:#e8920c;--hero:linear-gradient(135deg,#ffd166,#f7a928);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#26101a;--ink:#fff3d6;--card:#351624;--line:#5a2a3f;--sweet:#ffc24b;--gold:#ffc24b;--hero:linear-gradient(135deg,#4a1329,#6b1d3a);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#26101a;--ink:#fff3d6;--card:#351624;--line:#5a2a3f;--sweet:#ffc24b;--gold:#ffc24b;--hero:linear-gradient(135deg,#4a1329,#6b1d3a);color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink)}
h1,h2,h3,.brand{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.btn{display:inline-block;padding:.75rem 1.6rem;border-radius:999px;font-weight:500;font-size:.9rem;text-align:center;transition:background .2s,color .2s}
.btn-solid{background:#6b1d3a;color:#fff}.btn-solid:hover{background:#4a1329}
.btn-line{border:2px solid var(--ink)}.btn-line:hover{background:var(--ink);color:var(--bg)}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.panel{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem}
.fld{width:100%;background:transparent;border:1px solid var(--line);border-radius:.75rem;padding:.7rem 1rem;font-size:.9rem}
.fld:focus{border-color:var(--sweet);outline:none}
.opt{display:flex;gap:.75rem;align-items:center;border:1px solid var(--line);border-radius:.9rem;padding:.8rem 1rem;cursor:pointer;font-size:.9rem}
.opt:has(input:checked){border-color:var(--sweet);box-shadow:0 0 0 1px var(--sweet)}
.opt input{accent-color:#6b1d3a}
.thumb{width:5.5rem;height:5.5rem;border-radius:.9rem;object-fit:cover;background:#6b1d3a;flex:none}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px}
.qty button{width:2rem;height:2rem;font-size:1.1rem}
.bar{height:.5rem;border-radius:999px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;background:#e8920c;transition:width .3s}
.fl a{opacity:.7;transition:opacity .2s,color .2s}.fl a:hover{opacity:1;color:#ffc24b}
.footer{background:#3a0f22;color:#fff3d6}
#toast{position:fixed;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));transform:translate(-50%,200%);background:#6b1d3a;color:#fff;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;transition:transform .3s;z-index:50}
#toast.show{transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}