:root{--color-bg:#ffffff;--color-surface:#f9f9f9;--color-text:#323232;--color-muted:#777;--color-border:#e6e6e6;--color-primary:#111111;--color-primary-dark:#000000;--color-accent:#3b82f6;--color-accent-2:#1e3a8a;--color-light:#fafafa;--color-accent-2-hover:#1e40af;--color-accent-2-light:#eff6ff;--color-disabled:#9ca3af;--color-danger:#dc2626;--color-danger-light:#fff7f7;--color-danger-border:#f3b6b6;--color-success:#006e2d;--color-success-hover:#085823;--color-warning:#f59e0b;--color-overlay:rgba(0,0,0,0.45);--shadow-md:0 4px 12px rgba(0,0,0,0.15);--font-family-en:"brand-en",sans-serif;--font-family-ar:"brand-ar",sans-serif;--font-family-icons:"brand-icons";--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-4xl:2rem;--text-6xl:2.8rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-soft:0 8px 24px rgba(0,0,0,0.06);--shadow-hard:0 8px 24px rgba(0,0,0,0.6);--shadow-raised:0 2px 10px rgba(0,0,0,0.1);--shadow-hover:0 8px 24px rgba(0,0,0,0.1);--shadow-modal:0 20px 25px rgba(0,0,0,0.12),0 8px 10px rgba(0,0,0,0.08);--shadow-panel:0 8px 16px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);--shadow-panel-hover:0 12px 24px rgba(0,0,0,0.15),0 6px 8px rgba(0,0,0,0.1);--shadow-popover:0 10px 28px rgba(0,0,0,0.14);--shadow-arrow:0 2px 8px rgba(0,0,0,0.2);--shadow-hero-control:0 4px 16px rgba(0,0,0,0.2);--shadow-drawer-end:-4px 0 18px rgba(0,0,0,0.15);--shadow-drawer-start:4px 0 18px rgba(0,0,0,0.15);--shadow-nav-drawer-end:2px 0 12px rgba(0,0,0,0.15);--shadow-nav-drawer-start:-2px 0 12px rgba(0,0,0,0.15);--shadow-cart-footer:0 -8px 20px rgba(15,23,42,0.08);--shadow-footer:0 -1px 6px 0 color-mix(in srgb,var(--color-accent) 22%,transparent);--color-success-soft-bg:#ecfdf3;--color-success-soft-text:#15803d;--color-success-soft-border:#86efac;--color-warning-soft-bg:#fffbeb;--color-warning-soft-text:#92400e;--color-warning-soft-text-strong:#b45309;--color-warning-soft-border:#fcd34d;--color-neutral-elevated:#f3f4f6;--color-text-secondary:#374151;--color-text-tertiary:#6b7280;--color-border-strong:#d1d5db;--transition-fast:160ms ease;--product-card-hover-gutter:calc(var(--space-10) + var(--space-2))}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-en);background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 7%,var(--color-bg)) 0,var(--color-bg) 42%,var(--color-bg) 100%)}body.cart-drawer-open,html.cart-drawer-open{overflow:hidden;height:100%;overscroll-behavior:none}html.rtl,html.rtl a,html.rtl body,html.rtl button,html.rtl input,html.rtl select,html.rtl ul{font-family:var(--font-family-ar)}html.ltr,html.ltr a,html.ltr body,html.ltr button,html.ltr input,html.ltr select,html.ltr ul{font-family:var(--font-family-en)}html.ltr .footer-logo{order:0}html.ltr .footer-nav{order:1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none}main{max-width:1320px}.app-shell,main{margin:0 auto;width:100%;padding:0 var(--space-5)}.app-shell{max-width:1440px;min-height:100vh;display:flex;flex-direction:column}.not-found{padding:4rem 1.5rem;text-align:center}.app-shell>div{display:flex;flex-direction:column;flex:1 1}.app-shell>div>main{flex:1 1}@media (max-width:768px){.app-shell,main{padding:0 var(--space-3)}}.skeleton-pulse{background:linear-gradient(90deg,var(--color-border) 25%,#e8e8e8 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.product-card--skeleton{pointer-events:none}.product-card--skeleton .product-card__image-wrapper{height:180px}.skeleton-text{height:1rem;margin:.5rem 0}.skeleton-button{height:2.5rem;margin-top:auto}.category-empty,.category-error{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-muted)}.category-error__message,.error-message{font-size:var(--text-sm);color:var(--color-danger);margin-top:var(--space-2)}@font-face{font-family:brand-en;src:url(/fonts/3abee-en-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:optional}@font-face{font-family:brand-en;src:url(/fonts/3abee-en-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:100%;ascent-override:90%;descent-override:20%;line-gap-override:0%}@font-face{font-family:brand-en;src:url(/fonts/3abee-en-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:optional}@font-face{font-family:brand-en;src:url(/fonts/3abee-en-Bold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;size-adjust:100%;ascent-override:90%;descent-override:20%;line-gap-override:0%}@font-face{font-family:brand-ar;src:url(/fonts/3abee-ar-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:optional}@font-face{font-family:brand-ar;src:url(/fonts/3abee-ar-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:100%;ascent-override:90%;descent-override:20%;line-gap-override:0%}@font-face{font-family:brand-ar;src:url(/fonts/3abee-ar-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:optional}@font-face{font-family:brand-ar;src:url(/fonts/3abee-ar-Bold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;size-adjust:100%;ascent-override:90%;descent-override:20%;line-gap-override:0%}@font-face{font-family:brand-icons;src:url(/fonts/3abee-icons.woff2) format("woff2");font-style:normal;font-display:optional}:root{--color-accent:#00a7e1;--color-accent-2:#2484C6;--color-accent-2-hover:#4c9cd1;--color-accent-2-light:#f3f3ff}