:root{--color-bg:#fff;--color-surface:#f9f9f9;--color-text:#323232;--color-muted:#777;--color-border:#e6e6e6;--color-primary:#111;--color-primary-dark:#000;--color-accent:#00a7e1;--color-accent-2:#0000c8;--color-light:#fafafa;--font-family-en:"3abee En",sans-serif;--font-family-ar:"3abee Ar",sans-serif;--font-family-icons:"3abee Icons";--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:4px;--radius-md:8px;--shadow-soft:0 8px 24px #0000000f;--transition-fast:.16s ease}@font-face{font-family:"3abee En";src:url(/fonts/3abee-en-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:optional}@font-face{font-family:"3abee 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:"3abee En";src:url(/fonts/3abee-en-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:optional}@font-face{font-family:"3abee 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:"3abee Ar";src:url(/fonts/3abee-ar-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:optional}@font-face{font-family:"3abee 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:"3abee Ar";src:url(/fonts/3abee-ar-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:optional}@font-face{font-family:"3abee 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:"3abee Icons";src:url(/fonts/3abee-icons.woff2)format("woff2");font-style:normal;font-display:optional}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg);max-width:100vw;min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-en);overflow-x:hidden}html.rtl,html.rtl body,html.rtl input,html.rtl select,html.rtl button,html.rtl a,html.rtl ul{font-family:var(--font-family-ar)}html.ltr,html.ltr body,html.ltr input,html.ltr select,html.ltr button,html.ltr a,html.ltr ul{font-family:var(--font-family-en)}html.ltr .hero-slider__arrow--prev{left:var(--space-4);right:auto}html.ltr .hero-slider__arrow--next{right:var(--space-4);left:auto}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;background:0 0;border:none}main{width:100%;max-width:1320px;padding:0 var(--space-5);margin:0 auto}.app-shell{width:100%;max-width:1440px;padding:0 var(--space-5);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.not-found{text-align:center;padding:4rem 1.5rem}.app-shell>div{flex-direction:column;flex:1;display:flex}.app-shell>div>main{flex:1}@media (max-width:768px){main,.app-shell{padding:0 var(--space-3)}}.skeleton-pulse{background:linear-gradient(90deg,var(--color-border)25%,#e8e8e8 50%,var(--color-border)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@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-error,.category-empty{text-align:center;padding:var(--space-8)var(--space-4);color:var(--color-text-muted)}.category-error__message{font-size:var(--text-sm);color:#dc2626;margin-top:var(--space-2)}.error-message{color:#dc2626;font-size:var(--text-sm);margin-top:var(--space-2)}