:root{color-scheme:light;--bg:#EDEFEE;--surface:#F6F7F6;--fg:#15171D;--muted:#59606C;--line:#D5D8D6;--accent:#A3482A;--on-accent:#FBF1EC;--sky:#6E9BC5;--paper:#FCFDFC;--sky-top:#4F7396;--sky-mid:#9DB5CA;--sky-low:#DDE4E8;--t1:#5F84A6;--t2:#BACADA;--sx:58%;--sy:-430px;--ar-d:"Amiri","Noto Naskh Arabic","Times New Roman",serif;--ar-t:"IBM Plex Sans Arabic","Segoe UI","Tahoma",sans-serif;--en-t:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--radius:2px;--ease:cubic-bezier(.16,1,.3,1);--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .4  0 0 0 0 .42  0 0 0 0 .44  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>");--liner:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M12 4l8 8-8 8-8-8z' fill='none' stroke='white' stroke-opacity='.2'/></svg>")}html[lang=en]{--ar-d:"Instrument Serif","Times New Roman",serif;--ar-t:"IBM Plex Sans","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--ar-t);font-size:1rem;line-height:1.8;margin:0}html,body{overflow-x:clip}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:96;opacity:.055;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}a{color:inherit}img{max-width:100%}h1,h2,h3{font-family:var(--ar-d);font-weight:700;margin:0;line-height:1.25;text-wrap:balance}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-weight:400;letter-spacing:-.01em}p{margin:0}.wrap{max-width:1240px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px),4vw);padding-right:max(16px,env(safe-area-inset-right,0px),4vw)}@media(min-width:1300px){.wrap{padding-left:48px;padding-right:48px}}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;padding:13px 22px;font-size:.95rem;font-weight:500;border-radius:var(--radius);text-decoration:none;transition:transform .25s var(--ease),background .25s}.btn:active{transform:translateY(1px) scale(.98)}.btn-primary{background:var(--fg);color:var(--bg)}.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px currentColor}.ico{width:20px;height:20px;flex:none}.sec-head{display:grid;gap:12px;max-width:40rem;margin-bottom:36px}.sec-head h2{font-size:clamp(2rem,4vw,3.1rem)}.sec-head p{color:var(--muted);font-size:1.05rem}.ltr{direction:ltr;unicode-bidi:isolate;font-family:var(--en-t)}.nav{position:fixed;top:env(safe-area-inset-top,0px);inset-inline:0;z-index:50;transition:background .35s,box-shadow .35s}.nav.solid{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}.nav .wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav .logo{height:34px;width:auto;color:var(--fg);display:block}.nav ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;font-size:.95rem}.nav ul a{text-decoration:none;opacity:.85}.nav ul a:hover,.nav ul a[aria-current]{opacity:1}.nav ul a[aria-current]{box-shadow:0 2px 0 var(--accent)}.nav-end{display:flex;align-items:center;gap:14px}.lang{font-size:.85rem;color:var(--fg);opacity:.8;text-decoration:none}.lang:hover{opacity:1}.lang[lang=en]{font-family:var(--en-t)}.lang[lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif}.order-btn{display:inline-flex;align-items:center;gap:8px;background:var(--fg);color:var(--bg);border:0;padding:9px 16px;border-radius:var(--radius);cursor:pointer;font-size:.9rem}.count{min-width:22px;height:22px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.75rem;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums;padding-inline:6px}.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;color:var(--muted)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--fg)}.crumbs i{width:5px;height:5px;rotate:45deg;background:currentColor;opacity:.6}.occs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:64px}.occ{display:inline-flex;align-items:center;gap:10px;flex:none;padding-block:8px;padding-inline:18px 8px;border:1px solid color-mix(in srgb,var(--fg) 16%,transparent);border-radius:999px;background:#ffffff8c;color:var(--fg);cursor:pointer;font-family:var(--ar-t);font-weight:500;font-size:.95rem;line-height:1.4;box-shadow:0 8px 18px -14px #15171d73;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .5s var(--ease)}.occ:hover{background:#fff;transform:translateY(-2px)}.occ .n{min-width:24px;height:24px;padding-inline:7px;border-radius:999px;display:inline-grid;place-items:center;font-size:.74rem;background:color-mix(in srgb,var(--fg) 8%,transparent);font-variant-numeric:tabular-nums;transition:background .35s,color .35s}.occ[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.occ[aria-pressed=true] .n{background:var(--accent);color:var(--on-accent)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 28px}.card{display:grid;gap:18px;align-content:start;min-width:0}.card[hidden]{display:none}.card.big{grid-column:span 2;grid-row:span 2;grid-template-rows:1fr auto auto}.ph{position:relative;display:block;aspect-ratio:4/5;max-width:100%;overflow:hidden;border-radius:var(--radius);text-decoration:none;background:radial-gradient(120% 90% at 72% 10%,#fcfdfc,#eff2f2 42%,#dce2e6);box-shadow:inset 0 0 0 1px #ffffffbf,0 60px 70px -56px #15171d80;transition:transform 1s var(--ease),box-shadow 1s var(--ease)}.card.big .ph{aspect-ratio:auto;height:100%;min-height:360px}.card:hover .ph{transform:translateY(-8px);box-shadow:inset 0 0 0 1px #ffffffd9,0 80px 80px -56px #15171d8c}.ph:before{content:"";position:absolute;inset-inline:22%;bottom:21%;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(21,23,29,.2),transparent);transition:transform 1s var(--ease)}.card.big .ph:before{display:none}.card:hover .ph:before{transform:scaleX(.86)}.ph .emb{position:absolute;inset:0 0 6%;display:flex;justify-content:center;align-items:center;gap:20px;transition:transform 1s var(--ease)}.ph .emb i{width:34px;height:34px;rotate:45deg;background:#e8ecee;box-shadow:inset 1.5px 1.5px 2px #fffffff2,inset -1.5px -1.5px 3px #15171d2b}.ph .emb i+i{background:#ece6e3;box-shadow:inset 1.5px 1.5px 2px #ffffffe6,inset -1.5px -1.5px 3px #a3482a6b}.card:hover .ph .emb{transform:translateY(-8px)}.ph .shot-sh{position:absolute;inset:-4% -2% -6% -6%;filter:drop-shadow(-26px 34px 26px rgba(60,52,40,.32));transition:transform 1.2s var(--ease)}.ph .shot{position:absolute;inset:0;background-size:100% 100%;clip-path:polygon(27.27% 25.04%,79.59% 44.34%,64.59% 85.17%,14.11% 63.32%)}.card:hover .ph .shot-sh{transform:scale(1.035) rotate(-1deg)}.ph .cut{position:absolute;left:50%;top:50%;width:90%;height:auto;translate:-50% -50%}.card.big .ph .cut{width:84%}.ph .no{position:absolute;top:16px;inset-inline-start:18px;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.ph .sheen{position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);transform:translate(60%);transition:transform 1.6s var(--ease)}.card:hover .ph .sheen{transform:translate(-60%)}.ph small{position:absolute;bottom:14px;inset-inline:0;text-align:center;font-size:.72rem;color:var(--muted)}.card .cap{display:flex;justify-content:space-between;align-items:baseline;gap:6px 14px;flex-wrap:wrap}.card h3{font-size:clamp(1.3rem,1.7vw,1.55rem)}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.card.big h3{font-size:clamp(1.7rem,2.7vw,2.4rem)}.price{font-size:.9rem;color:var(--muted);white-space:nowrap}.price b{color:var(--fg);font-weight:500}.card .row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--fg) 14%,transparent);font-size:.84rem;color:var(--muted)}.add{display:inline-flex;gap:12px;align-items:center;background:none;border:0;padding:4px 0;cursor:pointer;color:var(--fg);font-size:.9rem;font-weight:500;white-space:nowrap}.add .plus{width:26px;height:26px;flex:none;display:inline-grid;place-items:center;border:1px solid currentColor;rotate:45deg;transition:transform .7s var(--ease),background .3s,color .3s,border-color .3s}.add .plus span{rotate:-45deg;line-height:1;font-size:1rem}.add:hover .plus{background:var(--fg);color:var(--bg);transform:rotate(90deg)}.add.added .plus{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.empty{grid-column:1/-1;padding:48px;text-align:center;color:var(--muted);border:1px dashed var(--line)}footer{border-top:1px solid var(--line);padding-block:48px}footer .wrap{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}footer .logo{height:40px;width:auto;color:var(--fg)}footer dl{display:grid;grid-template-columns:auto auto;gap:6px 24px;margin:0;font-size:.92rem}footer dt{color:var(--muted)}footer dd{margin:0}.veil{--vx:50%;--vy:50%;--r:0%;position:fixed;inset:0;z-index:97;pointer-events:none;opacity:0;background:linear-gradient(180deg,#4f73966b,#6e9bc557 38%,#c4b4ae4d 64%,#d9915f5c);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:radial-gradient(circle at var(--vx) var(--vy),#000 calc(var(--r) - 30%),transparent var(--r));mask-image:radial-gradient(circle at var(--vx) var(--vy),#000 calc(var(--r) - 30%),transparent var(--r))}.fly{position:fixed;left:0;top:0;z-index:99;width:16px;height:16px;margin:-8px 0 0 -8px;rotate:45deg;background:var(--accent);pointer-events:none;box-shadow:0 6px 14px -4px #50180a80}.motion-toggle{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));inset-inline-end:calc(18px + env(safe-area-inset-left,0px));z-index:60;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--fg);padding:8px 14px;font-size:.8rem;cursor:pointer;border-radius:999px}.scrim{position:fixed;inset:0;background:#0a0e1473;z-index:70;opacity:0;pointer-events:none;transition:opacity .3s}.scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(440px,100vw);background:var(--bg);z-index:80;transform:translate(-102%);transition:transform .45s var(--ease);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 0 60px #0a0e1440;visibility:hidden}.drawer.open{transform:translate(0);visibility:visible}html[lang=en] .drawer{transform:translate(102%)}html[lang=en] .drawer.open{transform:translate(0)}.dr-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.dr-head h2{font-size:1.6rem}.x{background:none;border:0;color:var(--fg);font-size:1.6rem;cursor:pointer;line-height:1}.dr-body{overflow-y:auto;padding:20px 24px;display:grid;gap:22px;align-content:start}.line-item{display:grid;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}.li-top{display:flex;justify-content:space-between;gap:8px}.li-top b{font-weight:600}.rm{background:none;border:0;color:var(--muted);cursor:pointer;font-size:.85rem;text-decoration:underline}.qty{display:flex;align-items:center;gap:10px}.qty button{width:34px;height:34px;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;font-size:1.1rem;border-radius:var(--radius)}.qty input{width:72px;height:34px;text-align:center;border:1px solid var(--line);background:var(--surface);color:var(--fg);font-variant-numeric:tabular-nums;font-family:var(--en-t);border-radius:var(--radius)}.hint{font-size:.8rem;color:var(--muted)}.err{font-size:.8rem;color:var(--accent)}.chk{display:flex;gap:8px;align-items:center;font-size:.9rem}.form{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-size:.88rem;font-weight:500}.field input,.field textarea{border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:10px 12px;font-family:inherit;font-size:.95rem;border-radius:var(--radius)}.field textarea{min-height:70px;resize:vertical}.dr-foot{padding:18px 24px;border-top:1px solid var(--line);display:grid;gap:10px}.dr-empty{color:var(--muted);text-align:center;padding:40px 0;display:grid;gap:14px;justify-items:center}.toast{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));inset-inline-start:50%;transform:translate(50%,20px);background:var(--fg);color:var(--bg);padding:10px 18px;z-index:95;opacity:0;transition:opacity .3s,transform .3s;font-size:.9rem;border-radius:var(--radius);pointer-events:none;max-width:calc(100vw - 32px);text-align:center}.toast.show{opacity:1;transform:translate(50%)}html[lang=en] .toast{transform:translate(-50%,20px)}html[lang=en] .toast.show{transform:translate(-50%)}@media(max-width:900px){.nav ul{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 18px}.card.big{grid-column:span 2;grid-row:auto}.card.big .ph{aspect-ratio:1;height:auto;min-height:0}.card .row{flex-wrap:wrap}.occs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;padding-block:4px 14px;margin-bottom:34px}.occs::-webkit-scrollbar{display:none}}@media(max-width:600px){html{font-size:15px}.nav .wrap{height:58px}.nav .logo{height:27px}.nav-end{gap:12px}.order-btn{padding:7px 11px;gap:6px;font-size:.8rem}.order-btn .ico{width:16px;height:16px}.count{min-width:19px;height:19px;font-size:.68rem;padding-inline:5px}.sec-head{margin-bottom:26px}.sec-head h2{font-size:1.85rem}.sec-head p{font-size:.95rem}.btn{padding:11px 18px;font-size:.88rem}.occ{font-size:.84rem;padding-block:6px;padding-inline:14px 6px}.grid{gap:34px 12px}.card{gap:10px}.card .ph{box-shadow:inset 0 0 0 1px #ffffffbf,0 40px 40px -40px #15171d73}.card:hover .ph{transform:none}.ph .no{top:10px;inset-inline-start:12px;font-size:.68rem}.ph .emb{gap:12px}.ph .emb i{width:20px;height:20px}.ph small{bottom:8px;font-size:.62rem}.card .cap{flex-direction:column;align-items:flex-start;gap:2px}.card h3,.card.big h3{font-size:1.08rem;line-height:1.35}.card.big h3{font-size:1.3rem}.price{font-size:.76rem}.card .row{padding-top:9px;gap:4px 8px;font-size:.7rem}.add{gap:8px;font-size:.78rem}.add .plus{width:20px;height:20px}.add .plus span{font-size:.85rem}.motion-toggle{padding:5px 11px;font-size:.7rem;bottom:calc(12px + env(safe-area-inset-bottom,0px));inset-inline-end:12px}footer{padding-block:36px}footer .logo{height:32px}footer dl{font-size:.82rem}}