@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--color-brand-primary:#18181b;--color-brand-hover:#27272a;--color-brand-accent:#ea580c;--color-brand-accent-hover:#c2410c;--bg-base:#fafafa;--bg-surface:#fff;--bg-elevated:#f4f4f5;--bg-dark:#111827;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--text-inverse:#fff;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-error:#dc2626;--color-error-bg:#fef2f2;--border-color:#e4e4e7;--border-color-hover:#d4d4d8;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic:"Cairo", "Tajawal", var(--font-sans);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 12px -2px #0000000f;--transition-fast:.15s ease;--transition-base:.2s ease;--z-sticky:200;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:var(--bg-base);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}[dir=rtl] body{font-family:var(--font-arabic)}img,svg{max-width:100%;display:block}input,button,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}[dir=rtl],[dir=rtl] .input-field,[dir=rtl] select.input-field{text-align:right}.site-wrapper{background-color:var(--bg-base);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.container{width:100%;max-width:1280px;padding-inline:var(--space-6);margin-inline:auto}.container-narrow{width:100%;max-width:800px;padding-inline:var(--space-6);margin-inline:auto}.heading-hero{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1.2}.heading-section{letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-size-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:9px 16px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-hover)}.btn-accent{background-color:var(--color-brand-accent);color:#fff}.btn-accent:hover:not(:disabled){background-color:var(--color-brand-accent-hover)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--border-color-hover);background-color:#e4e4e7}.btn-outline{color:var(--text-primary);border-color:var(--border-color);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--bg-elevated);border-color:var(--border-color-hover)}.btn-sm{font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);padding:6px 12px}.btn-lg{font-size:var(--font-size-base);border-radius:var(--border-radius-md);padding:12px 24px}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card-interactive:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.badge{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);padding:3px 8px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #16a34a33}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid #d9770633}.badge-error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid #dc262633}.badge-neutral{background-color:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-color)}.input-field{width:100%;font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast);padding:9px 13px}.input-field:focus{border-color:var(--color-brand-primary);outline:none;box-shadow:0 0 0 2px #ea580c26}.grid-products{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.grid-categories{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.grid-2col{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-2col{grid-template-columns:1fr 1fr}}.grid-checkout{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:992px){.grid-checkout{grid-template-columns:1.6fr 1fr}}.skeleton{background:var(--bg-elevated);border-radius:var(--border-radius-md);opacity:.7}.hero-banner-section{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden}.hero-banner-grid{gap:var(--space-8);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:992px){.hero-banner-grid{gap:var(--space-12);grid-template-columns:1.15fr .85fr}}.hero-banner-content{flex-direction:column;align-items:flex-start;display:flex}[dir=rtl] .hero-banner-content{text-align:right;align-items:flex-start}@media (max-width:991px){.hero-banner-content,[dir=rtl] .hero-banner-content{text-align:center;align-items:center}}.hero-badge{align-items:center;gap:var(--space-2);border-radius:var(--border-radius-full);background-color:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.02em;margin-bottom:var(--space-5);padding:6px 14px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #00000008}.hero-title{color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em;max-width:820px;font-size:clamp(2rem,3.8vw,3.1rem);font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-secondary);max-width:580px;margin-bottom:var(--space-8);font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.65}.hero-actions{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:991px){.hero-actions{justify-content:center}}.hero-banner-image-container{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-banner-image{object-fit:contain;filter:drop-shadow(0 12px 24px #0000000a);width:100%;max-width:580px;height:auto;transition:transform .3s,filter .3s}.hero-banner-image:hover{filter:drop-shadow(0 16px 32px #00000012);transform:translateY(-4px)}