@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@500;700;900&family=Heebo:wght@400;500;600;700;800&display=swap");
/* Design 2 — «Ночь Хануки» / לילה: deep night blue, warm gold light, serif headings. */
:root{--wine:#e9b949;--ink:#f4ecda;--gold:#e9b949;--cream:#0c1430;--line:#26335c;--muted:#a9b0c8;--card:#121c3e;--card2:#18244d;--night:#0c1430}
body{background:radial-gradient(1200px 520px at 50% -120px,#2a2a52 0%,#0c1430 60%) no-repeat,#0c1430;color:var(--ink);font-family:Heebo,Arial,sans-serif}
header{background:#0c1430e6;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand img{border-radius:10px;box-shadow:0 0 0 1px #e9b94955,0 0 24px #e9b94933}
.plain{color:var(--muted)}
.cartBtn,.primary,.add{background:linear-gradient(180deg,#f3cb65,#d9a12f);color:#1a1530;box-shadow:0 6px 22px #e9b94933}
.count{background:#1a1530;color:#f3cb65}
.notice{background:#e9b94914;color:#f3d999;border-bottom:1px solid var(--line)}
.hero{position:relative;padding:80px 6% 70px;text-align:center;flex-direction:column}
.hero:before{content:"";display:block;width:230px;height:120px;margin:0 auto 6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 120'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23fff6d6'/%3E%3Cstop offset='.45' stop-color='%23f3cb65'/%3E%3Cstop offset='1' stop-color='%23f3cb65' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Ccircle cx='15' cy='38' r='12'/%3E%3Ccircle cx='40' cy='38' r='12'/%3E%3Ccircle cx='65' cy='38' r='12'/%3E%3Ccircle cx='90' cy='38' r='12'/%3E%3Ccircle cx='115' cy='18' r='14'/%3E%3Ccircle cx='140' cy='38' r='12'/%3E%3Ccircle cx='165' cy='38' r='12'/%3E%3Ccircle cx='190' cy='38' r='12'/%3E%3Ccircle cx='215' cy='38' r='12'/%3E%3C/g%3E%3Cg fill='%23e9b949'%3E%3Crect x='12' y='48' width='6' height='26' rx='2'/%3E%3Crect x='37' y='48' width='6' height='26' rx='2'/%3E%3Crect x='62' y='48' width='6' height='26' rx='2'/%3E%3Crect x='87' y='48' width='6' height='26' rx='2'/%3E%3Crect x='112' y='30' width='6' height='44' rx='2'/%3E%3Crect x='137' y='48' width='6' height='26' rx='2'/%3E%3Crect x='162' y='48' width='6' height='26' rx='2'/%3E%3Crect x='187' y='48' width='6' height='26' rx='2'/%3E%3Crect x='212' y='48' width='6' height='26' rx='2'/%3E%3Crect x='8' y='74' width='214' height='5' rx='2.5'/%3E%3Crect x='112' y='79' width='6' height='26'/%3E%3Crect x='85' y='104' width='60' height='6' rx='3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 18px #f3cb6566)}
.eyebrow{color:#f3cb65;letter-spacing:4px}
.hero h1{font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:900;letter-spacing:0;font-size:clamp(42px,6vw,84px);color:#fff7e3;text-shadow:0 0 40px #e9b94944}
.hero p{color:var(--muted)}
.heroAside{border:1px solid var(--line);border-radius:16px;padding:14px 22px;color:var(--muted);background:#ffffff08}
.heroAside b{color:#f3cb65}
.sectionTop h2,.info h3,.drawer h2,.adminHero h1,.panel h3,.stockCard h3{font-family:"Frank Ruhl Libre",Georgia,serif;color:#fff7e3}
.sectionTop h2{font-size:28px}
.product{background:var(--card);border:1px solid var(--line);border-radius:20px;transition:transform .2s,box-shadow .2s}
.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0007,0 0 0 1px #e9b94955}
.photo{background:#f4ecdc;margin:10px;border-radius:14px}
.tag{background:#0c1430e6;color:#f3cb65}
.price{color:#f3cb65}
.qty{background:var(--card2);border-color:var(--line)}
.qty button{background:var(--card2);color:#f3cb65}
.qty input{background:var(--card2);color:var(--ink)}
.steps{border-top-color:var(--line)}
.steps i{background:#e9b94922;color:#f3cb65;box-shadow:0 0 18px #e9b94933}
footer{border-top-color:var(--line)}
.overlay{background:#000a}
.drawer{background:#0f1838;border-left:1px solid var(--line)}
.close{background:var(--card2);color:var(--ink)}
.lineItem img{background:#f4ecdc}
.back{color:#f3cb65}
.field input,.field select,.search,.filters select,.stockCard input{background:#0c1430;border-color:#33406b;color:var(--ink)}
input:focus,select:focus{outline-color:#e9b949}
.shippingNote{background:#e9b94914;color:#f3d999}
.error{color:#ff8fa3}
.success .check{background:#1d3b2c;color:#8fe0a8}
.successBox,.panel,.stat,.stockCard,.tableWrap{background:var(--card);border-color:var(--line)}
.stat strong,.stockNum{color:#f3cb65}
th{background:var(--card2);color:var(--muted)}th,td{border-bottom-color:var(--line)}
.badge{background:#3a2f63;color:#d6c8ff}.badge.shipped,.badge.delivered{background:#1d3b2c;color:#8fe0a8}.badge.cancelled{background:#4a1f2a;color:#ffb3c0}
.outline{background:transparent;color:#f3cb65;border-color:#e9b94966}
.danger{color:#ff8fa3;border-color:#ff8fa366}
.tabs{border-bottom-color:var(--line)}.tabs button.active{border-bottom-color:#e9b949;color:#f3cb65}
.pill{background:var(--card2);color:#f3cb65}.demoLabel{background:#e9b94922;color:#f3d999}
.toast{background:#f3cb65;color:#1a1530}
a{color:#f3cb65}
/* 2×2 catalog with large photos */
@media(min-width:651px){.products{grid-template-columns:repeat(2,1fr);gap:26px}.photo{height:330px}}