:root{--bg:#edecea;--bg-2:#e4e2df;--bg-3:#e9e7e4;--ink:#161412;--ink-soft:#66605a;--line:#d3d0cb;--red:#b3122e;--red-deep:#8e0e24;--en-script:"Great Vibes", cursive;--en-display:"Cormorant Garamond", serif;--en-body:"Jost", sans-serif;--ar-ruqaa:"Aref Ruqaa", serif;--ar-body:"Tajawal", sans-serif;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;--s8:128px;--ease:cubic-bezier(.22,.61,.36,1);--dur:.3s;--radius:2px}html[lang=en]{--display:var(--en-display);--script:var(--en-script);--body:var(--en-body)}html[lang=ar]{--display:var(--ar-ruqaa);--script:var(--ar-ruqaa);--body:var(--ar-body)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1320px;padding-inline:var(--s4);margin-inline:auto}.site-header{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#edeceaf2;position:sticky;top:0}.nav{grid-template-columns:1fr auto 1fr;align-items:center;padding-block:16px;display:grid}.nav-links{gap:var(--s4);letter-spacing:1px;font-size:14px;display:flex}.nav-links a{color:var(--ink);transition:opacity var(--dur);padding-block:4px;position:relative}.nav-links a:hover{opacity:.6}.nav-links a:after{content:"";bottom:0;inset-inline:0 auto 0 0;background:var(--red);width:0;height:1px;transition:width var(--dur) var(--ease);position:absolute}html[dir=rtl] .nav-links a:after{left:auto;right:0}.nav-links a:hover:after{width:100%}.logo{font-family:var(--script);color:var(--ink);letter-spacing:2px;font-size:34px}.logo .accent{color:var(--ink)}.nav-actions{gap:var(--s3);justify-content:flex-end;align-items:center;display:flex}.nav-actions button{color:var(--ink);transition:opacity var(--dur);background:0 0;border:none;padding:6px}.nav-actions button:hover{opacity:.55}.hcount{top:0;background:var(--red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding-inline:3px;font-size:10px;font-weight:600;display:flex;position:absolute;inset-inline-start:-6px}.icon-btn{color:var(--ink);padding:6px;display:inline-flex}.icon-btn:hover{opacity:.55}.drawer-overlay{z-index:290;opacity:0;visibility:hidden;background:#0e0c0a73;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.drawer-overlay.on{opacity:1;visibility:visible}.drawer{top:0;bottom:0;z-index:300;background:var(--bg);border-inline-start:1px solid var(--line);flex-direction:column;width:min(420px,92vw);transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;inset-inline-end:0;transform:translate(100%)}html[dir=rtl] .drawer{transform:translate(-100%)}.drawer[aria-hidden=false]{transform:none}.dr-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.dr-head h3{font-family:var(--display);font-size:24px;font-weight:400}.dr-close{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:14px}.dr-body{flex:1;padding:16px 22px;overflow-y:auto}.dr-item{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-block:14px;display:flex}.dr-item img{object-fit:cover;width:64px;height:80px}.dr-info{flex-direction:column;flex:1;display:flex}.dr-name{font-size:14px;line-height:1.4}.dr-price{color:var(--ink-soft);margin-top:2px;font-size:13px}.dr-size{letter-spacing:1.5px;color:var(--ink-soft);margin-top:4px;font-size:11px}.dr-remove{color:var(--red);letter-spacing:1px;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:12px;text-decoration:underline}.dr-empty{text-align:center;font-family:var(--display);padding-block:40px 10px;font-size:20px}.dr-browse{text-align:center;color:var(--red);letter-spacing:1.5px;padding-block:8px;font-size:13px;display:block}.dr-foot{border-top:1px solid var(--line);padding:18px 22px;font-size:14px}.dr-foot strong{color:var(--red)}.lang-switch{border:1px solid var(--ink);color:var(--red);letter-spacing:2px;transition:all var(--dur);border-radius:var(--radius);background:0 0;padding:6px 14px;font-size:12px}.lang-switch:hover{background:var(--red);border-color:var(--red);color:#fff}.btn{letter-spacing:1.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:14px 38px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.22,.61,.36,1);display:inline-flex}html[lang=ar] .btn{letter-spacing:.5px}.btn-lg{padding:17px 52px;font-size:15px}.btn-solid{background:var(--red);color:#fff}.btn-solid:hover:not(:disabled){background:#8e0e24}.btn-solid:active:not(:disabled){transform:translateY(1px)}.btn-outline{color:var(--red);border-color:var(--red);background:0 0}.btn-outline:hover:not(:disabled){background:var(--red);color:#fff}.btn-ghost{color:#fff;backdrop-filter:blur(4px);background:0 0;border-color:#ffffff80}.btn-ghost:hover:not(:disabled){color:var(--ink);background:#fff;border-color:#fff}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.site-footer{background:var(--bg-2);border-top:1px solid var(--line)}.footer-inner{padding-block:var(--s4);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;font-size:13px;display:flex}.footer-inner .logo{font-size:26px}.eyebrow{letter-spacing:5px;color:var(--ink-soft);font-size:12px;font-weight:500}html[lang=ar] .eyebrow{letter-spacing:2px}@media (width<=768px){.nav{grid-template-columns:auto 1fr auto;padding-block:12px}.nav-links{display:none}.logo{font-size:28px}.nav-actions{gap:var(--s2)}.footer-inner{text-align:center;gap:var(--s2);flex-direction:column}}@media (width<=400px){.nav{padding-block:10px}.logo{letter-spacing:1px;font-size:25px}.nav-actions{gap:7px}.nav-actions button,.nav-actions .icon-btn,.nav-actions>a{padding:3px}.burger{width:34px;height:34px}}html,body{overflow-x:hidden}.burger{border:1px solid var(--line);background:0 0;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;display:none}.burger span{background:var(--ink);width:18px;height:1.5px;transition:transform .3s;display:block}.burger[aria-expanded=true] span:first-child{transform:translateY(3.75px)rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.mobile-menu{z-index:200;background:var(--bg);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1),visibility .35s;display:flex;position:fixed;inset:0;transform:translateY(-12px)}.mobile-menu[aria-hidden=false]{opacity:1;visibility:visible;transform:none}.mm-close{top:18px;border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:0 0;border-radius:50%;font-size:16px;position:absolute;inset-inline-end:18px}.mm-links{flex-direction:column;align-items:center;gap:18px;display:flex}.mm-links a{font-family:var(--display);color:var(--ink);font-size:34px;transition:color .25s}html[lang=ar] .mm-links a{font-size:30px}.mm-links a:hover,.mm-links a.mm-lang{color:var(--red)}.mm-lang{border:1px solid var(--red);border-radius:2px;margin-top:14px;padding:6px 26px;font-size:22px!important}@media (width<=768px){.burger{display:flex}}