:root{
  --primary:#6C4CF1; --primary-dark:#5738D6; --accent:#00C2FF;
  --dark:#0B0D17; --bg:#F7F8FC; --text:#111827; --text-2:#6B7280;
  --success:#16A34A; --error:#EF4444; --white:#FFFFFF; --border:#E7E9F3;
  --shadow-sm:0 1px 2px rgba(17,24,39,.06); --shadow-md:0 8px 24px rgba(17,24,39,.08); --shadow-lg:0 20px 48px rgba(17,24,39,.12);
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:'Poppins',sans-serif; background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Poppins',sans-serif; letter-spacing:-0.02em;}
a{text-decoration:none; color:inherit;} img{max-width:100%; display:block;}
button{font-family:inherit; cursor:pointer; border:none; background:none;} ul{list-style:none;}
.wrap{max-width:1280px; margin:0 auto; padding:0 24px;}
@media (max-width:768px){.wrap{padding:0 18px;}}
svg{stroke:currentColor; fill:none;}

.announce{background:var(--dark); color:#fff; text-align:center; font-size:13px; font-weight:500; padding:9px 0;}
.announce span{opacity:.55; margin:0 10px;}

header{position:sticky; top:0; z-index:100; background:rgba(247,248,252,.9); backdrop-filter:blur(14px); border-bottom:1px solid var(--border);}
.nav{display:flex; align-items:center; justify-content:space-between; height:72px; gap:24px;}
.logo{display:flex; align-items:center; gap:9px; font-weight:800; font-size:19px; font-family:'Poppins';}
.tagline-mini{font-size:10.5px; font-weight:600; color:var(--text-2); letter-spacing:.02em; margin-left:6px; padding-left:10px; border-left:1px solid var(--border);}
@media (max-width:900px){.tagline-mini{display:none;}}
.hero-tagline{display:inline-flex; align-items:center; gap:6px; background:#fff; border:1px solid var(--border); padding:7px 16px; border-radius:100px; font-size:12.5px; font-weight:700; color:var(--primary-dark); margin-bottom:18px; box-shadow:var(--shadow-sm);}
.logo .emoji{font-size:19px;}
.nav-links{display:flex; align-items:center; gap:6px;}
.nav-links a{padding:9px 14px; border-radius:9px; font-size:14.5px; font-weight:500;}
.nav-links a:hover{background:rgba(17,24,39,.05); color:var(--primary-dark);}
@media (max-width:900px){.nav-links{display:none;}}

.btn{display:inline-flex; align-items:center; gap:8px; padding:14px 26px; border-radius:12px; font-weight:600; font-size:15px; transition:transform .18s;}
.btn-primary{background:linear-gradient(135deg,var(--primary),#8A6BFF); color:#fff; box-shadow:0 8px 20px rgba(108,76,241,.35);}
.btn-primary:hover{transform:translateY(-2px);}
.btn-secondary{background:#fff; color:var(--text); border:1.5px solid var(--border);}

.hero{padding:80px 0 56px;}
.hero h1{font-size:50px; line-height:1.08; font-weight:800; margin-bottom:20px; max-width:700px;}
.hero h1 .grad{background:linear-gradient(135deg,var(--primary),var(--accent)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.hero p.lead{font-size:17px; color:var(--text-2); max-width:520px; margin-bottom:28px; line-height:1.6;}
.hero-ctas{display:flex; gap:14px;}
@media (max-width:640px){.hero h1{font-size:34px;}}

section.block{padding:64px 0;}
.sec-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30px;}
.sec-head h2{font-size:28px; font-weight:800;}
.sec-head p{color:var(--text-2); font-size:14.5px; margin-top:4px;}

.cat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
@media (max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr);}}
.cat-card{background:#fff; border:1px solid var(--border); border-radius:16px; padding:20px; transition:transform .2s, box-shadow .2s;}
.cat-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-md);}
.cat-icon{width:40px; height:40px; border-radius:10px; background:linear-gradient(135deg,var(--primary),var(--accent)); margin-bottom:14px;}
.cat-card h4{font-size:15px; font-weight:700;} .cat-card span{font-size:12px; color:var(--text-2);}

.prod-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
@media (max-width:900px){.prod-grid{grid-template-columns:repeat(2,1fr);}}
.p-card{background:#fff; border:1px solid var(--border); border-radius:16px; overflow:hidden; transition:box-shadow .2s, transform .2s;}
.p-card:hover{box-shadow:var(--shadow-lg); transform:translateY(-3px);}
.p-thumb{aspect-ratio:4/3; background:linear-gradient(135deg,var(--primary),var(--accent)); display:flex; align-items:center; justify-content:center;}
.p-body{padding:16px; display:flex; flex-direction:column; gap:7px;}
.p-cat{font-size:11px; font-weight:700; color:var(--primary); text-transform:uppercase;}
.p-title{font-size:14.5px; font-weight:700; line-height:1.35; min-height:38px;}
.p-price .now{font-size:18px; font-weight:800; font-family:'Poppins';}
.p-price .was{font-size:12.5px; color:#9CA3AF; text-decoration:line-through; margin-left:6px;}
.p-actions{display:flex; gap:8px; margin-top:6px;}
.p-actions .btn{flex:1; padding:10px; font-size:12.5px;}

.empty-note{background:#fff; border:1px dashed var(--border); border-radius:16px; padding:40px; text-align:center; color:var(--text-2); font-size:14px;}

footer{background:var(--dark); color:rgba(255,255,255,.6); padding:48px 0 0; margin-top:60px;}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1); padding:20px 0; text-align:center; font-size:12.5px; margin-top:30px;}