:root{--bg:#09090b;--panel:#111217;--line:rgba(255,255,255,.11);--text:#f7f4ee;--muted:#aaa6a0;--gold:#efbb44;--pink:#dc296f;--green:#42c57a;--cream:#f4eee8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:20;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(8,8,10,.90);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logos{display:flex;align-items:center;gap:12px}.logos img{height:52px;max-width:135px;object-fit:cover;border-radius:10px}.logos i{width:1px;height:36px;background:var(--line)}.top-actions{display:flex;gap:9px;align-items:center}.top-actions a{padding:10px 13px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}.top-actions .admin-link{border-color:rgba(239,187,68,.34);color:#f3cf78}
.hero-cat{padding:70px 0 28px;background:radial-gradient(circle at 20% 0,rgba(239,187,68,.11),transparent 35%),radial-gradient(circle at 80% 10%,rgba(220,41,111,.10),transparent 30%)}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c7c2bb;font-weight:900}.hero-cat h1{font-size:clamp(44px,7vw,82px);line-height:.95;letter-spacing:-.05em;margin:12px 0}.hero-cat h1 span{color:var(--gold)}.hero-cat p{color:var(--muted);font-size:17px;max-width:720px;line-height:1.6}.demo-pill{display:inline-flex;margin-top:16px;padding:9px 12px;border-radius:999px;background:rgba(239,187,68,.09);border:1px solid rgba(239,187,68,.24);font-size:11px;color:#e3c989}
.brand-switch{display:flex;gap:8px;margin:30px 0 18px}.brand-btn{border:1px solid var(--line);background:#121217;color:#d9d5ce;border-radius:16px;padding:13px 17px;font-weight:900;cursor:pointer}.brand-btn.active[data-brand="mascara"]{background:#2a2110;color:#ffd474;border-color:rgba(239,187,68,.45)}.brand-btn.active[data-brand="imperia"]{background:#34101f;color:#ff9cc3;border-color:rgba(220,41,111,.45)}
.catalog-wrap{padding:0 0 90px}.category-tabs{display:flex;gap:8px;overflow:auto;padding:8px 0 22px;scrollbar-width:thin}.cat-btn{white-space:nowrap;border:1px solid var(--line);background:#0f1014;color:#bdb8b0;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer}.cat-btn.active{background:#f5efe5;color:#191615;border-color:#fff}.cat-btn.all.active{background:var(--gold);color:#171208;border-color:var(--gold)}
.catalog-meta{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:10px 0 24px}.catalog-meta h2{font-size:36px;margin:0}.catalog-meta span{font-size:12px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{position:relative;overflow:hidden;border:1px solid var(--line);background:#111217;border-radius:25px;min-height:395px;display:flex;flex-direction:column;box-shadow:0 18px 60px rgba(0,0,0,.16)}.product-img{height:215px;background:#1a1b20;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.product:hover .product-img img{transform:scale(1.035)}.product-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.product-cat{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c2a65c;font-weight:900}.product h3{font-size:23px;margin:0}.product p{margin:0;color:#a9a59e;font-size:14px;line-height:1.5}.product-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-size:22px;font-weight:950}.stock{font-size:11px;font-weight:900;padding:7px 9px;border-radius:999px;background:rgba(66,197,122,.10);color:#80e4aa;border:1px solid rgba(66,197,122,.20)}.stock.low{color:#ffd07d;background:rgba(239,187,68,.08);border-color:rgba(239,187,68,.22)}.out-ribbon{position:absolute;z-index:3;right:-45px;top:26px;transform:rotate(35deg);width:180px;text-align:center;padding:8px;background:#a91042;color:white;font-size:10px;letter-spacing:.08em;font-weight:950;box-shadow:0 8px 25px rgba(0,0,0,.35)}.product.out{opacity:.72}.product.out .product-img{filter:grayscale(.4)}.empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:24px;padding:45px;text-align:center;color:var(--muted)}
.cta{margin-top:40px;padding:25px 28px;border:1px solid rgba(239,187,68,.24);background:linear-gradient(135deg,#1a160d,#150b10);border-radius:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h3{margin:0 0 7px;font-size:25px}.cta p{margin:0;color:var(--muted)}.cta a{padding:12px 16px;border-radius:999px;background:var(--gold);color:#171208;font-weight:950;font-size:12px;white-space:nowrap}footer{border-top:1px solid var(--line);padding:32px 0;color:#9d9993;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px}.aura{color:#e4dfd7;font-weight:900}
@media(max-width:900px){.products{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 16px}.logos img{height:44px}.top-actions a:not(.admin-link){display:none}}
@media(max-width:620px){.shell{width:min(100% - 24px,1180px)}.topbar{height:68px}.logos img:last-of-type{display:none}.logos i{display:none}.hero-cat{padding-top:45px}.products{grid-template-columns:1fr}.catalog-meta{align-items:flex-start;flex-direction:column}.cta{align-items:flex-start;flex-direction:column}.foot{flex-direction:column}}