:root{--red:#D62718;--gold:#FFB81C;--ink:#14110F;--ink2:#201B18;--cream:#FFF4DF;--mut:#b9ab97;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}
html{scroll-padding-top:70px;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.5 'DM Sans',system-ui,sans-serif}
h1,h2,h3,.an{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase;margin:0}
button{font:inherit;cursor:pointer;border:0}
input,select,textarea{font:inherit;color:var(--cream);background:var(--ink2);border:1px solid #3a322c;border-radius:10px;padding:10px 12px;width:100%}
.btn{background:var(--red);color:#fff;padding:12px 20px;border-radius:999px;font-weight:700}
.btn.g{background:var(--gold);color:var(--ink)}.btn.o{background:transparent;border:2px solid var(--gold);color:var(--gold)}.btn.s{padding:7px 14px;font-size:14px}
header{position:sticky;top:0;z-index:20;background:rgba(20,17,15,.94);backdrop-filter:blur(8px);border-bottom:3px solid var(--red);display:flex;gap:10px;align-items:center;padding:10px 14px}
.logo{font-family:Anton;font-size:24px;color:var(--gold);white-space:nowrap}.logo b{color:var(--red)}
#q{max-width:230px;margin-left:auto;border-radius:999px;padding:8px 14px}
#cartb{position:relative;background:var(--gold);color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:700}
#cartb i{font-style:normal;background:var(--red);color:#fff;border-radius:99px;padding:0 7px;margin-left:6px}
.hero{display:grid;gap:24px;padding:36px 18px 30px;max-width:1100px;margin:auto;align-items:center}
@media(min-width:800px){.hero{grid-template-columns:1.1fr 1fr;padding:60px 18px}}
.hero h1{font-size:clamp(46px,9vw,92px);line-height:.98}.hero h1 em{color:var(--red);font-style:normal}
.hero p{color:var(--mut);font-size:18px;max-width:480px}
.hero img{width:100%;border-radius:22px;border:4px solid var(--gold);transform:rotate(1.5deg);box-shadow:10px 10px 0 var(--red)}
.tag{display:inline-block;background:var(--gold);color:var(--ink);font-weight:700;padding:4px 12px;border-radius:99px;font-size:13px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em}
.strip{background:var(--red);overflow:hidden;white-space:nowrap;font-family:Anton;text-transform:uppercase;font-size:20px;padding:9px 0}
.strip span{display:inline-block;animation:m 28s linear infinite}@keyframes m{to{transform:translateX(-50%)}}
section{max-width:1100px;margin:auto;padding:44px 16px}
h2{font-size:clamp(34px,6vw,54px)}h2 em{color:var(--gold);font-style:normal}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 22px}
.tab{background:var(--ink2);color:var(--cream);padding:8px 16px;border-radius:99px;border:1px solid #3a322c}.tab.on{background:var(--gold);color:var(--ink);font-weight:700}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:var(--ink2);border-radius:18px;overflow:hidden;border:1px solid #33291f;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cb{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.cb p{margin:0;color:var(--mut);font-size:14px;flex:1}
.pr{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.price{font-family:Anton;font-size:26px;color:var(--gold)}
.card.off{opacity:.5}
.about{background:var(--ink2);border-radius:22px;padding:28px;display:grid;gap:16px;border-left:8px solid var(--red)}
.facts{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.facts div{background:var(--ink);padding:14px;border-radius:14px}
footer{background:#0b0908;text-align:center;padding:28px 16px 90px;color:var(--mut);font-size:14px}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:40;display:none;justify-content:flex-end}.ov.on{display:flex}
.pan{background:var(--ink);width:min(440px,100%);height:100%;overflow:auto;padding:18px;padding-top:calc(18px + env(safe-area-inset-top,0px));border-left:3px solid var(--red)}
.pan.wide{width:min(900px,100%)}
.row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2f2822}
.qty button{background:var(--ink2);color:var(--gold);width:30px;height:30px;border-radius:50%;font-weight:700}.qty{display:flex;gap:8px;align-items:center}
.f{display:grid;gap:10px;margin:14px 0}label{font-size:13px;color:var(--mut)}
.modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;padding:16px}.modal.on{display:flex}
.mb{background:var(--cream);color:var(--ink);border-radius:22px;padding:28px;max-width:400px;text-align:center}
.num{font-family:Anton;font-size:68px;color:var(--red);line-height:1}
#chatb{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--gold);color:var(--ink);border-radius:99px;padding:12px 18px;font-weight:700;box-shadow:0 6px 18px #0008}
#chat{position:fixed;right:12px;bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:30;width:min(360px,calc(100% - 24px));height:min(480px,65vh);background:var(--ink2);border:2px solid var(--gold);border-radius:18px;display:none;flex-direction:column;overflow:hidden}#chat.on{display:flex}
#msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.m{padding:8px 12px;border-radius:14px;max-width:85%;font-size:14px;white-space:pre-wrap}.m.b{background:#2f2822;align-self:flex-start}.m.u{background:var(--red);align-self:flex-end}
.badge{font-size:12px;padding:2px 9px;border-radius:99px;background:#2f2822}.badge.new{background:var(--red)}.badge.done{background:#2e7d32}
.sm{font-size:13px;color:var(--mut)}table{width:100%}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--gold);color:var(--ink);padding:10px 18px;border-radius:99px;z-index:80;font-weight:700;display:none}

a.btn{display:inline-block;text-decoration:none}
.btn:focus-visible,.tab:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media(max-width:520px){header{flex-wrap:wrap}#q{order:3;flex-basis:100%;max-width:none;margin:0}#cartb{margin-left:auto}.logo{font-size:21px}.hero{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.strip span{animation:none}html{scroll-behavior:auto}}