:root{--surface:#111;--surface-2:#181818;--surface-3:#202020;--line:#2b2b2b;--soft:#a9a9a9;--shadow:0 18px 55px #0007}
body{background:#0a0a0a;color:#f7f7f7}
.top{background:#0a0a0af2;border-bottom:1px solid #222}
.topin{height:62px}
.brand{letter-spacing:-.02em}.brand img{box-shadow:0 0 0 1px #ffffff12}
.status{background:#141414;border-color:#2a2a2a;color:#e6e6e6;font-weight:750}
.wrap{max-width:1180px;padding-top:18px}
.hero{padding:28px 0 18px;gap:28px}
.hero h1{max-width:780px;font-size:clamp(3rem,7vw,5.7rem);line-height:.9;margin:10px 0 14px}
.hero p{font-size:1rem;color:#b9b9b9;max-width:560px}
.heroCard{min-height:220px;border-color:#3a3218;background:#14120c;box-shadow:inset 0 1px #ffffff08}
.actions .btn{min-height:46px;align-items:center;justify-content:center;border-radius:14px}
.trust{margin:6px 0 26px}.trust div{background:#101010;border-color:#242424;padding:14px 15px}.trust b{font-size:.9rem}.trust small{color:#979797;line-height:1.35}
.section{margin-top:22px}.head{margin-bottom:12px}.head h2{font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.035em;margin:4px 0}.head small{font-weight:700}
.search{height:48px;background:#111;border-color:#2a2a2a;border-radius:15px;padding:0 16px;margin-bottom:10px;box-shadow:inset 0 1px #ffffff05}.search::placeholder{color:#7f7f7f}.search:focus{border-color:#665113;box-shadow:0 0 0 3px #f5b40014;outline:none}
.chips{gap:7px;padding-bottom:14px}.chip{min-height:40px;background:#121212;border-color:#292929;color:#cfcfcf;padding:8px 13px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.chip:hover{border-color:#444}.chip.on{box-shadow:0 5px 18px #f5b40018}
.grid{gap:14px}.card{background:#111;border-color:#272727;border-radius:20px;min-height:282px;box-shadow:0 1px 0 #ffffff05;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);border-color:#3a3a3a;box-shadow:0 16px 38px #0004}.visual{background:#171717}.visual img{transition:transform .35s ease}.card:hover .visual img{transform:scale(1.025)}
.body{padding:16px}.meta{font-size:.64rem;color:#e8b92d}.card h3{font-size:1.05rem;letter-spacing:-.015em;margin:6px 0 5px}.desc{color:#9e9e9e;font-size:.84rem}.row{padding-top:14px}.price{font-size:1.02rem;letter-spacing:-.02em}.add{min-height:40px;border-radius:12px;background:#f5b400;color:#111;border-color:#f5b400;padding:9px 12px}.add:hover{filter:brightness(1.03)}
.badge{border-color:#5a4811;background:#211b08;color:#ffd25a}
.cartbar{bottom:max(10px,env(safe-area-inset-bottom));background:#111111f4;border-color:#313131;border-radius:18px;padding:11px 12px 11px 14px;box-shadow:0 18px 50px #000b}.cartbar b{letter-spacing:-.01em}.cartbar .go{min-height:44px;border-radius:13px;padding:10px 15px}
.overlay{background:#000c;backdrop-filter:blur(5px)}
.panel{background:#141414;border-color:#2b2b2b;border-radius:26px 26px 0 0;padding:20px;box-shadow:0 -24px 70px #0008}.ph{position:sticky;top:-20px;z-index:4;background:#141414e8;backdrop-filter:blur(12px);padding:2px 0 12px;margin-bottom:2px}.ph h2{margin:0;font-size:1.45rem;letter-spacing:-.03em}.close{width:40px;height:40px;border-radius:50%;padding:0;background:#242424;color:#eee;font-size:1.15rem}
.line{padding:14px 0;border-color:#292929}.line>div:first-child>b{font-size:.98rem}.muted{color:#929292}.qty{gap:8px}.qty button{border-color:#3b3b3b;background:#1f1f1f;border-radius:11px;font-size:1.05rem}.total{margin:2px 0 4px;padding:16px 0;border-bottom:1px solid #292929}.total span{color:#aaa}.total b{font-size:1.28rem}
.field{gap:7px;margin:12px 0}.field label{font-size:.76rem;color:#d4d4d4}.field input,.field select,.field textarea{min-height:46px;background:#1b1b1b;border-color:#333;border-radius:12px;padding:11px 12px}.field textarea{min-height:82px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#665113;box-shadow:0 0 0 3px #f5b40014;outline:none}
#place,#prodAdd{min-height:50px;border-radius:14px;font-size:.95rem}
#place{background:#f5b400!important;color:#111!important}
.prodTop{grid-template-columns:104px 1fr;align-items:center;border-color:#292929;padding-bottom:16px}.prodPic{border-radius:18px}.prodTop h3{margin:5px 0 6px;font-size:1.15rem}.block{border-color:#292929}.block h3{font-size:.9rem}.choice span{background:#1e1e1e;border-color:#363636;border-radius:12px;min-height:42px;align-items:center;padding:9px 12px}.choice input:checked+span{box-shadow:inset 0 0 0 1px #0002}.choices{gap:8px}
.track{background:#14120c;border-color:#4b3d11;border-radius:18px}
@media(min-width:721px){.panel{border-bottom:1px solid #2b2b2b;border-radius:26px;max-width:660px}.overlay{align-items:center;padding:24px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.hero{padding-top:20px}.heroCard{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
 body{background:#0a0a0a}
 .topin{height:58px;padding:0 13px}.brand{font-size:.94rem}.brand img{width:31px;height:31px}.status{max-width:48vw;background:#111;font-size:.64rem;padding:6px 8px}
 .wrap{padding:8px 12px calc(108px + env(safe-area-inset-bottom))}
 .hero{padding:14px 0 8px}.hero .ey{font-size:.62rem}.hero h1{font-size:2.35rem;line-height:.9;margin:8px 0 10px;letter-spacing:-.055em}.hero p{font-size:.86rem;line-height:1.42;max-width:92%}.actions{margin-top:11px}.actions .btn{min-height:42px;padding:9px 13px;font-size:.82rem}
 .trust{margin:5px -12px 12px;padding:0 12px 3px;gap:7px}.trust div{min-width:158px;padding:10px 11px;border-radius:13px}.trust b{font-size:.79rem}.trust small{font-size:.66rem}
 .section{margin-top:12px}.head{margin-bottom:8px;gap:1px}.head h2{font-size:1.5rem}.head small{font-size:.66rem}
 .search{height:46px;border-radius:13px;font-size:.9rem;margin-bottom:6px}
 .chips{top:58px;margin:0 -12px 8px;padding:7px 12px 12px;background:linear-gradient(#0a0a0af7 78%,#0a0a0a00)}.chip{min-height:38px;padding:7px 11px;font-size:.76rem}
 .grid{grid-template-columns:1fr;gap:9px}.card{grid-template-columns:126px minmax(0,1fr);border-radius:17px;min-height:126px}.visual{min-height:126px}.body{padding:11px 11px 10px}.meta{font-size:.56rem}.card h3{font-size:.97rem;line-height:1.12;margin:4px 0}.desc{font-size:.72rem;line-height:1.3}.row{padding-top:7px}.price{font-size:.92rem}.add{min-height:36px;font-size:.7rem;padding:7px 9px;border-radius:10px}
 .cartbar{bottom:max(7px,env(safe-area-inset-bottom));width:calc(100% - 14px);padding:9px 9px 9px 12px;border-radius:17px}.cartbar b{font-size:.86rem}.cartbar small{font-size:.67rem}.cartbar .go{min-height:42px;padding:9px 11px;font-size:.76rem}
 .panel{padding:16px 14px calc(18px + env(safe-area-inset-bottom));max-height:94vh;border-radius:24px 24px 0 0}.ph{top:-16px;padding-bottom:10px}.ph h2{font-size:1.28rem}.close{width:38px;height:38px}
 .prodTop{grid-template-columns:84px 1fr;gap:12px}.prodTop h3{font-size:1.05rem}.choice span{min-height:43px;font-size:.76rem}.choices.long{grid-template-columns:1fr}
 .line{padding:12px 0}.lineActions{gap:14px}.textBtn{font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){.card,.visual img,.chip{transition:none}}