:root{--bg:#f7f3ee;--ink:#241a16;--brown:#4c2f24;--gold:#b88a5a;--card:#fff;--muted:#776b65;--line:#e9dfd6;--danger:#a7332d}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Tahoma",sans-serif;background:var(--bg);color:var(--ink);direction:rtl}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{background:#2b1711;color:#fff;padding:8px 16px;text-align:center;font-size:13px}.header{position:sticky;top:0;z-index:20;background:#4b2e23;color:white;border-bottom:1px solid rgba(255,255,255,.12)}.head-inner{max-width:1200px;margin:auto;height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;font-size:28px;letter-spacing:4px}.head-actions{display:flex;gap:10px;align-items:center}.icon-btn{border:1px solid rgba(255,255,255,.28);color:#fff;background:transparent;border-radius:12px;padding:10px 12px;cursor:pointer}.hero{min-height:440px;background:linear-gradient(rgba(30,16,11,.45),rgba(30,16,11,.45)),url('assets/products/lunar_glow.jpg') center/cover;display:grid;place-items:center;text-align:center;color:#fff;padding:30px}.hero h1{font-family:Georgia,serif;font-size:clamp(40px,7vw,84px);letter-spacing:8px;margin:0}.hero p{font-size:20px;margin:14px 0 24px}.cta{display:inline-block;background:white;color:var(--brown);padding:13px 22px;border-radius:999px;font-weight:700}.section{max-width:1200px;margin:auto;padding:50px 18px}.section h2{font-family:Georgia,serif;text-align:center;font-size:34px;margin:0 0 25px}.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:25px}.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;cursor:pointer}.chip.active{background:var(--brown);color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(53,32,24,.07);position:relative}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.badge{position:absolute;top:12px;right:12px;background:#9d2d28;color:white;padding:7px 10px;border-radius:999px;font-size:12px}.sold{position:absolute;top:12px;left:12px;background:#2c2c2c;color:white;padding:7px 10px;border-radius:999px;font-size:12px}.card-body{padding:15px}.card h3{margin:0 0 10px;font-size:18px}.price-line{display:flex;gap:10px;align-items:center;margin-bottom:12px}.old{text-decoration:line-through;color:#a39a95}.price{font-weight:800}.add{width:100%;border:0;background:var(--brown);color:#fff;border-radius:12px;padding:12px;cursor:pointer}.add:disabled{opacity:.4;cursor:not-allowed}.footer{background:#261711;color:#ddd;padding:35px 18px;text-align:center;margin-top:35px}.cart-drawer{position:fixed;inset:0 0 0 auto;width:min(420px,100%);background:#fff;z-index:100;box-shadow:-12px 0 40px rgba(0,0,0,.2);transform:translateX(105%);transition:.25s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.cart-head{padding:18px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.cart-list{padding:14px;overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:68px 1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.cart-item img{width:68px;height:68px;object-fit:cover;border-radius:10px}.cart-total{padding:16px;border-top:1px solid var(--line)}.checkout{width:100%;background:var(--brown);color:#fff;border:0;padding:14px;border-radius:12px;cursor:pointer}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:90;display:none}.overlay.show{display:block}.empty{text-align:center;color:var(--muted);padding:30px}.notice{background:#fff5dd;border:1px solid #f0d79b;padding:12px;border-radius:10px;margin-bottom:14px;font-size:14px}.whatsapp{position:fixed;left:18px;bottom:18px;background:#1f9d55;color:#fff;padding:13px 16px;border-radius:999px;z-index:30}.form-row{display:grid;gap:8px;margin-bottom:12px}.form-row input,.form-row textarea{padding:12px;border:1px solid var(--line);border-radius:10px}.checkout-form{margin-top:14px}.small{font-size:12px;color:var(--muted)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:360px}}@media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:10px}.section{padding:32px 10px}.card-body{padding:11px}.card h3{font-size:15px}.hero{min-height:310px}.head-inner{height:62px}.brand{font-size:23px}.hero p{font-size:16px}}