:root{--bg:#242830;--deep:#14161A;--band:#3C4E40;--g:#82C86E;--r:#E13237;--t:#E1E4E8;--w:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font:16px/1.6 Montserrat,system-ui,sans-serif}
a{color:var(--g)}header{position:sticky;top:0;background:var(--deep);display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;z-index:5}
header img{width:40px;height:40px;border-radius:50%}header b{color:var(--w)}nav{margin-left:auto;display:none;gap:1rem}nav a{text-decoration:none;color:var(--t);font-size:.9rem}
.hero{text-align:center;padding:2rem 1rem;border-bottom:4px solid var(--g)}.hero .banner{width:100%;max-width:900px;border-radius:14px}
h1{color:var(--w);font-weight:800;font-size:2rem;margin:.8rem 0 .3rem}h2{color:var(--w);font-weight:800;border-left:8px solid var(--g);padding-left:.6rem}
section{padding:1.5rem 1rem;max-width:960px;margin:auto}.btn{display:inline-block;background:var(--g);color:var(--deep);font-weight:800;padding:.8rem 1.4rem;border-radius:10px;text-decoration:none;border:0;font-size:1rem}
.btn[disabled]{background:#555;color:#ccc;cursor:not-allowed}.grid{display:grid;gap:1rem}.card{background:var(--deep);border-radius:14px;padding:1rem}
.card img{width:100%;border-radius:10px}.tag{display:inline-block;background:var(--r);color:#fff;font-size:.75rem;font-weight:800;padding:.1rem .5rem;border-radius:6px}
.news h3{color:var(--w);margin:.2rem 0;font-size:1.05rem}.news small{color:#9aa}.slot{border:2px dashed var(--band);text-align:center;padding:2rem 1rem;aspect-ratio:9/16;max-height:360px;display:flex;flex-direction:column;justify-content:center}
.price{font-size:2.4rem;color:var(--w);font-weight:800}.disc{background:var(--band);color:var(--w);font-weight:700;padding:1rem;border-radius:12px;text-align:center}
footer{background:var(--deep);padding:1.5rem 1rem;text-align:center;font-size:.9rem}footer .small{font-size:.8rem}
@media(min-width:760px){nav{display:flex}.grid.c2{grid-template-columns:1fr 1fr}.grid.c3{grid-template-columns:repeat(3,1fr)}h1{font-size:2.6rem}}

.social{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1rem 0}
.social a{display:flex;align-items:center;gap:.5rem;min-width:48px;min-height:48px;padding:.6rem 1rem;border-radius:12px;background:var(--deep);border:2px solid var(--band);color:var(--w);text-decoration:none;font-weight:700}
.social a:hover,.social a:focus{border-color:var(--g)}.social svg{width:26px;height:26px;fill:var(--g)}.social a[hidden]{display:none}
@media(max-width:480px){.social a{flex:1 1 40%;justify-content:center;min-height:56px}}

.burger{margin-left:auto;background:none;border:2px solid var(--band);color:#fff;font-size:1.5rem;width:48px;height:48px;border-radius:10px}
header{flex-wrap:wrap}nav .soon{opacity:.55;cursor:default}
@media(max-width:759px){nav{display:none;width:100%;flex-direction:column}nav.open{display:flex}nav a{padding:.9rem .5rem;border-top:1px solid var(--band);font-size:1rem}}
@media(min-width:760px){.burger{display:none}}
.botbtn{display:block;max-width:640px;margin:1rem auto;text-align:center;text-decoration:none}
.botbtn img{width:100%;border-radius:16px;display:block;box-shadow:0 6px 24px rgba(0,0,0,.4);transition:transform .15s}
.botbtn:hover img{transform:scale(1.02)}
.botbtn .btn{display:inline-block;margin-top:.8rem}
.about-wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:2rem;align-items:center}
.about-photo{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.about-text p:first-child{margin-top:0}.about-text p:last-child{margin-bottom:0}
@media(max-width:720px){.about-wrap{grid-template-columns:1fr;gap:1.2rem}.about-photo{max-width:420px;margin:0 auto}}