:root { --bg: #FFFFFF;--surface: #F5F5F5;--surface2: #E0E0E0;--border: #CCCCCC;--lime: #A4C639;--lime_dim: #8AA22A;--white: #FFFFFF;--muted: #777777;--muted2: #999999;--red: #FF0000;
  --fd: "Playfair Display", sans-serif; --fc: "DM Sans", sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--fc);background:var(--bg);color:var(--white);line-height:1.5}
a{color:var(--lime);text-decoration:none}
img{max-width:100%;border-radius:8px;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.ticker{overflow:hidden;background:var(--lime);color:var(--bg);padding:8px 0;font-weight:700;font-size:.75rem;letter-spacing:.06em}
.ticker-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;align-items:center;text-align:center}
.tick-sep{opacity:.55}
header{padding:16px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(10,10,10,.9);z-index:40}
.header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.logo{font-family:var(--fd);font-size:1.4rem;font-weight:700;letter-spacing:.08em}
.nav-cats{display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem}
.hero{padding:56px 0;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
@media(max-width:900px){.hero{grid-template-columns:1fr}}
.hero h1{font-family:var(--fd);font-size:clamp(2rem,5vw,3.2rem);text-transform:uppercase;line-height:1}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--border)}
.filter-bar button,.chip{background:var(--surface2);border:1px solid var(--border);color:var(--white);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.8rem}
.chip.active,.filter-bar button:hover{border-color:var(--lime);color:var(--lime)}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:32px 0}
.product{background:var(--surface);border-radius:12px;overflow:hidden;border:1px solid var(--border);position:relative}
.product .meta{padding:12px}
.product .price{font-weight:700;color:var(--lime)}
.badge-pos{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:.65rem;padding:2px 8px;border-radius:4px;font-weight:700}
.banner-sale{padding:48px 0;background:linear-gradient(135deg,var(--surface2),var(--surface));text-align:center}
.brands{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:32px 0;opacity:.6;font-weight:700;font-size:.85rem;letter-spacing:.1em}
.editorial{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:32px 0}
@media(max-width:900px){.editorial{grid-template-columns:1fr}}
.features-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:40px 0;border-top:1px solid var(--border)}
footer{padding:40px 0;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}
.drawer{position:fixed;top:0;right:0;width:min(400px,100%);height:100%;background:var(--surface);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .3s;z-index:100;padding:20px;overflow:auto}
.drawer.open{transform:translateX(0)}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;z-index:99}
.overlay.show{display:block}
.btn{padding:12px 20px;background:var(--lime);color:var(--bg);border:none;font-weight:700;cursor:pointer;border-radius:8px;width:100%;margin-top:12px}