:root{--paper:#fff;--card:#fff;--ink:#1c1814;--ink-2:#3a332c;--muted:#5e554b;--muted-2:#6b6259;--line:#e7dfd3;--line-2:#d8cfc3;--sand:#e9e1d3;--sand-2:#ede6da;--night:#1c1814;--night-2:#2c2620;--night-line:#2e2722;--gold:#f4d67f;--gold-2:#ffda58;--gold-ink:#b07a22;--wine:#7a1f3a;--wine-2:#5c1229;--wine-tint:#fbeff2;--green:#1d5a33;--green-tint:#e3f1e7;--red:#8a2a1f;--red-tint:#fbe9e6;--wa:#25d366;--wa-ink:#0b2a17;--focus:#2f5fa8;--radius:14px;--wrap:1320px;--font-display:"Noto Kufi Arabic", sans-serif;--font-body:"Almarai", "Noto Kufi Arabic", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--wine)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input::placeholder{color:#7a7066}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);margin:0}.wrap{max-width:var(--wrap);width:100%;margin:0 auto;padding-inline:16px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.h2{font-family:var(--font-display);font-size:clamp(24px,2.8vw,36px);font-weight:800;line-height:1.4}.sub{color:var(--muted);font-size:15px}.num{font-variant-numeric:tabular-nums}.btn{border-radius:var(--radius);border:1.5px solid var(--ink);background:var(--ink);min-height:48px;color:var(--card);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:800;display:inline-flex}.btn:hover{color:var(--card);filter:brightness(1.15)}.btn:disabled{opacity:.45;cursor:default;filter:none}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{color:var(--wine);filter:none}.btn.gold{background:var(--gold-2);border-color:var(--gold-2);color:var(--ink)}.btn.wine{background:var(--wine);border-color:var(--wine)}.btn.wa{background:var(--wa);border-color:var(--wa);color:var(--wa-ink)}.btn.sm{border-radius:12px;min-height:40px;padding:0 14px;font-size:14px}.btn.block{width:100%}.link{align-items:center;min-height:44px;font-weight:700;text-decoration:underline;display:inline-flex}.chip{border:1.5px solid var(--line-2);background:var(--card);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.chip[aria-pressed=true],.chip.on{background:var(--ink);color:var(--card);border-color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:20px}.skeleton{background:#e6ded2;border-radius:16px}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(200px,1fr);grid-auto-flow:column;gap:12px;margin-inline:-16px;padding:0 16px 4px;scroll-padding-inline:16px;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;min-width:0}@media (min-width:768px){.rail{grid-auto-columns:calc(25% - 9px)}}@media (min-width:1100px){.rail{grid-auto-columns:calc(16.6667% - 10px)}}.grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:768px){.grid-products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.grid-products{grid-template-columns:repeat(4,minmax(0,1fr))}}:focus-visible{outline-offset:2px;outline:3px solid #2f5fa8}@keyframes sheetUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes ovMove{0%{background-position:0 0}to{background-position:24px 0}}@keyframes magNA{0%{opacity:0;transform:perspective(1800px) rotateY(var(--mgr,-14deg)) translateX(var(--mgx,24px))}to{opacity:1;transform:none}}@keyframes magNB{0%{opacity:0;transform:perspective(1800px) rotateY(var(--mgr,-14deg)) translateX(var(--mgx,24px))}to{opacity:1;transform:none}}@keyframes magIn{0%{opacity:0;transform:rotateY(-8deg)translate(12px)}to{opacity:1;transform:none}}@keyframes spotPulse{0%{box-shadow:0 0 #f4d67fd9}70%{box-shadow:0 0 0 14px #f4d67f00}to{box-shadow:0 0 #f4d67f00}}.slide-lift:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}