:root{--background:oklch(.975 .012 80);--foreground:oklch(.2 .015 50);--primary:oklch(.62 .17 45);--primary-glow:oklch(.78 .16 80);--primary-foreground:oklch(.99 .01 80);--secondary:oklch(.93 .025 75);--muted:oklch(.5 .03 55);--border:oklch(.88 .025 70);--card:oklch(.99 .008 80);--danger:oklch(.577 .245 27);--shadow:0 25px 60px -20px color-mix(in oklab,var(--primary) 45%,transparent);--font-sans:'IBM Plex Sans Arabic',sans-serif;--font-display:'Reem Kufi',sans-serif}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--background);color:var(--foreground);font:16px/1.7 var(--font-sans)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select{max-width:100%;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--card);color:var(--foreground)}label{display:grid;gap:8px}h1,h2,h3,p{margin:0}h1,h2,.brand,.footer-brand{font-family:var(--font-display);font-weight:700;line-height:1.15;overflow-wrap:anywhere}h1{font-size:52px}h2{font-size:44px}h3{font-size:20px}p{margin-top:12px}.container{width:min(1280px,100%);margin-inline:auto;padding-inline:24px}.section-space{margin-top:88px;scroll-margin-top:120px}.muted{color:var(--muted)}.eyebrow{color:var(--primary);font-weight:700;margin-bottom:16px}.announcement{text-align:center;background:var(--foreground);color:var(--background);font-size:14px;padding:8px 20px}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--background) 90%,transparent);backdrop-filter:blur(16px)}.header-inner{height:80px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:40px}.brand span{color:var(--primary)}nav{display:flex;gap:28px;flex-wrap:wrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;background:transparent;border:0;color:var(--foreground)}[data-cart-count]{font-size:13px;background:var(--secondary);border-radius:50%;min-width:24px;height:24px;line-height:24px}.hero{padding-top:64px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.hero h1{font-size:72px}.text-gradient{background:linear-gradient(120deg,var(--primary),var(--primary-glow));color:transparent;background-clip:text}.hero-copy{font-size:19px;max-width:450px;color:var(--muted);margin-top:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:36px;box-shadow:var(--shadow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;min-height:52px;padding:12px 24px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-weight:700;transition:transform .2s,background .2s}.button:hover{text-decoration:none;transform:translateY(-2px)}.button-outline{background:transparent;border-color:var(--border);color:var(--foreground)}.button-outline:hover{border-color:var(--primary)}.button-ink{background:var(--foreground);color:var(--background)}.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:88px}.benefits>div{border-top:1px solid var(--border);padding-top:24px}.benefit-mark{color:var(--primary);font-size:32px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.product-image{position:relative;display:block;background:var(--secondary);border-radius:24px;overflow:hidden;aspect-ratio:1/1}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.product-image:hover img{transform:scale(1.04)}.no-image{height:100%;display:grid;place-items:center;padding:24px}.product-title{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-top:20px}.product-title strong{color:var(--primary);flex-shrink:0}.product-title h3{overflow-wrap:anywhere}.product-description{min-height:54px;font-size:14px}.product-card .button{width:100%;margin-top:18px}.sold-badge{position:absolute;top:16px;right:16px;background:var(--foreground);color:var(--background);padding:6px 12px;border-radius:8px}.empty-state{grid-column:1/-1;text-align:center;padding:64px 24px;border:1px dashed var(--border);border-radius:8px}.promo{border-radius:36px;padding:64px;background:linear-gradient(135deg,var(--primary),var(--primary-glow));color:var(--primary-foreground)}.promo h2{font-size:64px}.promo p{font-size:19px}.promo .button{margin-top:28px}.site-footer{margin-top:96px;background:var(--foreground);color:var(--background);padding:64px 0}.footer-brand{font-size:140px;color:color-mix(in oklab,var(--background) 15%,var(--foreground))}.footer-bottom{display:flex;justify-content:space-between;gap:24px;color:color-mix(in oklab,var(--background) 70%,var(--foreground))}.footer-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}.cart-drawer{position:fixed;inset:0 auto 0 0;margin:0;height:100dvh;max-height:100dvh;width:min(460px,100%);max-width:100%;border:0;border-inline-end:1px solid var(--border);background:var(--background);color:var(--foreground);padding:0}.cart-drawer[open]{display:flex;flex-direction:column}.cart-drawer::backdrop{background:color-mix(in oklab,var(--foreground) 50%,transparent)}.cart-head,.cart-foot{padding:24px}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.cart-head h2{font-size:28px}.cart-items{padding:24px;flex:1;overflow-y:auto}.cart-foot{border-top:1px solid var(--border)}.cart-total{display:flex;justify-content:space-between;font-size:20px}.cart-foot .button{width:100%;margin-top:20px}.cart-line{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;padding-block:16px;border-bottom:1px solid var(--border)}.cart-line img{width:76px;height:76px;object-fit:contain;background:var(--secondary);border-radius:8px}.cart-line h3{font-size:16px}.cart-line-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.cart-line-controls input{width:72px;padding:6px}.cart-line-controls button{border:0;background:transparent;color:var(--muted);text-decoration:underline}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:32px}.main-image{border-radius:24px;overflow:hidden;background:var(--secondary)}.main-image img{aspect-ratio:1;width:100%;height:auto;object-fit:contain}.thumbnails{display:flex;gap:12px;overflow-x:auto;margin-top:16px}.thumbnail{flex:0 0 80px;width:80px;height:80px;border:1px solid var(--border);padding:0;background:var(--secondary);border-radius:8px;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:contain}.product-price{font-size:36px;font-family:var(--font-display);color:var(--primary);margin-top:24px}.rich-text{margin-block:24px;overflow-wrap:anywhere}.rich-text img{height:auto}.rich-text a{text-decoration:underline}.variant-label{margin-top:32px}.quantity-label{margin-block:20px}.quantity-label input{width:100px}.product-detail .button{width:100%}.prose{max-width:840px;min-height:40vh}.sort-form{margin-block:24px}.sort-form label{max-width:320px}.pagination{justify-content:center;margin-top:40px}.pagination a,.pagination span{padding:8px 16px;border:1px solid var(--border);border-radius:8px}.finder{padding-block:32px;margin-bottom:40px;border-block:1px solid var(--border)}.finder form{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:16px;margin-top:20px}.finder .product-grid{margin-top:24px}.search-form{display:flex;gap:16px;flex-wrap:wrap;margin-block:32px}.skip-link{position:fixed;top:-100px;z-index:100;background:var(--foreground);color:var(--background);padding:12px}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}[role=alert]{color:var(--danger);font-size:14px}html{scroll-behavior:smooth}.back-link{color:var(--muted)}
@media(max-width:1000px){.hero h1{font-size:56px}.hero{gap:28px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-title{display:block}.product-detail{gap:32px}.finder form{grid-template-columns:1fr 1fr}.finder form .button{grid-column:1/-1}}
@media(max-width:600px){.container{padding-inline:20px}.header-inner{height:72px}.brand{font-size:34px}.header-inner nav{gap:12px;font-size:14px}.header-inner nav a:not(:first-child){display:none}.hero{grid-template-columns:1fr;padding-top:32px;gap:36px}.hero h1{font-size:48px}.hero-photo img{border-radius:24px}.hero-copy{font-size:17px}.section-space,.benefits{margin-top:56px}.benefits{grid-template-columns:1fr 1fr;gap:16px}.benefits h3{font-size:18px}h1{font-size:36px}h2{font-size:32px}.section-heading{align-items:start;gap:16px}.section-heading>a{font-size:14px;white-space:nowrap}.product-grid{grid-template-columns:1fr;gap:36px}.product-title{display:flex}.promo{padding:32px 24px;border-radius:24px}.promo h2{font-size:40px}.footer-brand{font-size:88px}.footer-bottom{flex-direction:column;gap:4px}.site-footer{margin-top:64px;padding:40px 0}.product-detail{grid-template-columns:1fr;gap:32px}.finder form{grid-template-columns:1fr}.finder form .button{grid-column:auto}.hero-actions .button{padding:12px 18px}.cart-head,.cart-foot,.cart-items{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}