.navbar-container{z-index:1000;border-bottom:1px solid var(--color-border);position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;height:70px;display:flex}.navbar-logo{direction:ltr;flex:none;justify-content:flex-start;align-items:center;gap:.45rem;height:68px;display:flex;overflow:visible}.navbar-brand-mark{object-fit:contain;width:auto;max-width:190px;height:52px;display:block}.navbar-brand-copy{white-space:nowrap;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1;display:flex}.navbar-brand-copy strong{color:#0a3275;letter-spacing:.035em;font-size:1rem;font-weight:900}.navbar-brand-copy small{color:#0878ff;letter-spacing:.11em;margin-top:.28rem;font-size:.59rem;font-weight:800}.navbar-brand-copy.is-arabic{direction:rtl;align-items:flex-start}.navbar-brand-copy.is-arabic strong{letter-spacing:0;font-size:1.08rem}.navbar-brand-copy.is-arabic small{letter-spacing:0;font-size:.69rem}.navbar-links{align-items:center;gap:clamp(.8rem,1.25vw,1.35rem);display:flex}.navbar-links a{color:var(--color-text-secondary);white-space:nowrap;font-size:clamp(.92rem,1vw,1.02rem);font-weight:650;line-height:1.25;position:relative}.navbar-links a:hover{color:var(--color-primary-readable)}.navbar-links a.active,.navbar-links .admin-link{color:var(--color-primary-readable);font-weight:700}.navbar-links a:after{content:"";background-color:var(--color-primary);width:0%;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.navbar-links a:hover:after{width:100%}.navbar-search{background-color:var(--color-bg-secondary);transition:border-color var(--transition-fast);border:1px solid #0000;border-radius:2rem;flex:0 270px;align-items:center;padding:.25rem 1rem;display:flex}.navbar-search:focus-within{border-color:var(--color-primary-light);background-color:var(--color-bg-main)}.navbar-search input{width:100%;color:var(--color-text-main);background:0 0;border:none;outline:none;min-width:0;padding:.5rem;font-size:.86rem}.navbar-search .search-btn{color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.navbar-actions{align-items:center;gap:.75rem;display:flex}.icon-btn{width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.account-menu{flex:none;position:relative}.account-trigger{border:1px solid var(--color-border);background:var(--color-bg-main)}.account-trigger.active{color:var(--color-primary-readable);border-color:var(--color-primary);background:var(--color-primary-transparent)}.account-chevron{inset-inline-end:-1px;background:var(--color-bg-main);border-radius:50%;padding:1px;position:absolute;bottom:2px}.account-dropdown{top:calc(100% + .75rem);z-index:1100;border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:1rem;width:230px;padding:.55rem;position:absolute;inset-inline-end:0;box-shadow:0 18px 50px #0f172a29}.account-dropdown-head{border-bottom:1px solid var(--color-border);gap:.15rem;margin-bottom:.35rem;padding:.65rem .75rem .8rem;display:grid}.account-dropdown-head strong{color:var(--color-text-main)}.account-dropdown-head small{color:var(--color-text-secondary);text-overflow:ellipsis;direction:ltr;overflow:hidden}.account-dropdown a,.account-dropdown button{width:100%;color:var(--color-text-main);font:inherit;text-align:start;border-radius:.7rem;align-items:center;gap:.65rem;padding:.72rem .75rem;font-weight:650;display:flex}.account-dropdown a:hover,.account-dropdown button:hover{color:var(--color-primary);background:var(--color-primary-transparent)}.icon-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-primary-readable)}.cart-badge{background-color:var(--color-danger);color:#fff;border:2px solid var(--color-bg-main);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:0;right:-2px}.favorite-badge{top:0;border:2px solid var(--color-bg-main);background:var(--color-danger);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.68rem;font-weight:800;display:grid;position:absolute;inset-inline-end:-2px}.mobile-menu-btn,.search-toggle{color:var(--color-text-main);cursor:pointer;background:0 0;border:none;display:none}@media (width<=992px){.navbar-search{display:none}.search-toggle{display:flex}.navbar-search.active{background-color:var(--color-bg-main);border-bottom:1px solid var(--color-border);z-index:999;border-radius:0;width:100%;padding:1rem;display:flex;position:absolute;top:70px;left:0;right:0}}@media (width<=800px){.navbar-logo{height:60px}.navbar-brand-mark{max-width:150px;height:44px}.navbar-brand-copy strong{font-size:.82rem}.navbar-brand-copy small{font-size:.48rem}.navbar-brand-copy.is-arabic strong{font-size:.9rem}.navbar-brand-copy.is-arabic small{font-size:.59rem}.mobile-menu-btn{display:flex}.navbar-links{background-color:var(--color-bg-main);border-bottom:1px solid var(--color-border);clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path var(--transition-normal);flex-direction:column;gap:1rem;padding:1rem;position:absolute;top:70px;left:0;right:0}.navbar-links.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.navbar-links a{text-align:center;width:100%;padding:.5rem}}@media (width<=480px){.navbar{padding-inline:.35rem}.navbar-logo{gap:.3rem;width:108px;height:52px;padding-inline:.3rem}.navbar-brand-mark{width:34px;height:34px}.navbar-brand-copy strong{font-size:.72rem}.navbar-brand-copy small{font-size:.42rem}.navbar-brand-copy.is-arabic strong{font-size:.8rem}.navbar-brand-copy.is-arabic small{font-size:.53rem}.navbar-actions{gap:0}.icon-btn,.mobile-menu-btn{width:34px;height:34px}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto;padding-top:4rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-logo{color:var(--color-text-main);letter-spacing:-.5px;direction:ltr;align-items:center;gap:.25rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;display:inline-flex}.footer-logo span{color:var(--color-primary)}.footer-desc{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.8}.footer-brand-legal{gap:.18rem;margin-bottom:.85rem;display:grid}.footer-brand-legal>strong{color:var(--color-text-main);font-size:.96rem}.footer-brand-legal>div{color:var(--color-text-main);white-space:nowrap;flex-wrap:nowrap;gap:1rem;margin-top:.45rem;font-size:clamp(.88rem,.82vw,.96rem);font-weight:650;line-height:1.5;display:flex}.footer-brand-legal b{color:var(--color-primary);font-weight:800}.footer-title{color:var(--color-text-main);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--color-text-secondary);transition:color var(--transition-fast);display:inline-block}.footer-links a:hover{color:var(--color-primary);transform:translate(5px)}html[dir=rtl] .footer-links a:hover{transform:translate(-5px)}.footer-contact{margin:0;padding:0;list-style:none}.footer-contact li{color:var(--color-text-secondary);margin-bottom:1rem}.footer-contact li a{color:inherit;align-items:center;gap:.75rem;display:flex}.footer-contact li a:hover{color:var(--color-primary)}.footer-contact li span{gap:.1rem;display:grid}.footer-contact li small{color:var(--color-text-secondary);font-size:.72rem}.footer-contact li svg{color:var(--color-primary);flex-shrink:0}.footer-contact-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1.25rem;display:grid}.footer-contact-actions a{border:1px solid var(--color-border);background:var(--color-bg-main);min-width:0;color:var(--color-text-secondary);white-space:nowrap;border-radius:.75rem;justify-content:center;align-items:center;gap:.35rem;padding:.65rem .5rem;font-size:.78rem;font-weight:700;display:flex}.footer-contact-actions a:first-child{color:#087c4c;background:#10b98114;border-color:#10b98140}.footer-contact-actions a:hover{color:#fff;border-color:var(--color-primary);background:var(--color-primary);transform:translateY(-2px)}.footer-contact-actions a:first-child:hover{background:#0a9f62;border-color:#0a9f62}.newsletter-form{flex-direction:column;gap:1rem;display:flex}.newsletter-form button{align-items:center;gap:.35rem;display:inline-flex}.footer-subscribed{color:var(--color-success);background:#10b9811a;border-radius:.5rem;padding:.75rem}.newsletter-form input{border:1px solid var(--color-border);background-color:var(--color-bg-main);color:var(--color-text-main);transition:border-color var(--transition-fast);border-radius:.5rem;outline:none;padding:.75rem 1rem}.newsletter-form input:focus{border-color:var(--color-primary)}.footer-bottom{background-color:var(--color-bg-main);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-secondary);padding:1.5rem 0;font-size:.9rem}.brand-logo{justify-content:center;align-items:center;min-width:120px;height:54px;display:inline-flex}.brand-logo img{object-fit:contain;max-width:100%;max-height:100%;display:block}.brand-logo-fallback{color:var(--color-text-main);letter-spacing:.03em;font-family:Inter,Arial,sans-serif;font-size:1rem;font-weight:900}.brand-logo.compact{width:72px;min-width:58px;height:30px}.brand-logo.compact .brand-logo-fallback{color:var(--color-primary);font-size:.75rem}.category-visual{justify-content:center;align-items:center;display:inline-flex}.category-visual img{object-fit:cover;width:100%;height:100%}.item-card{border:1px solid var(--color-border);background:var(--color-bg-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden}.item-card:hover{box-shadow:var(--shadow-lg);border-color:#8f1d2c59;transform:translateY(-6px)}.item-image{background:linear-gradient(145deg, var(--color-bg-secondary), var(--color-bg-main));border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.item-card:hover .item-image img{transform:scale(1.04)}.item-visual-fallback{width:100%;height:100%;color:var(--color-primary);background:radial-gradient(circle at 25% 20%, #d96a7833, transparent 35%), linear-gradient(135deg, var(--color-primary-transparent), var(--color-bg-main));flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-weight:700;display:flex}.item-visual-fallback.service{color:#7c3aed;background:radial-gradient(circle at 75% 20%, #a855f72e, transparent 35%), linear-gradient(135deg, #a855f71f, var(--color-bg-main))}.discount-badge{top:.9rem;background:var(--color-danger);color:#fff;border-radius:999px;padding:.3rem .65rem;font-size:.78rem;font-weight:800;position:absolute;inset-inline-start:.9rem}.shipping-badge{inset-inline-end:.75rem;z-index:2;color:#fff;background:#169b62;border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-weight:800;position:absolute;bottom:.75rem}.item-details{flex-direction:column;flex:1;padding:1.35rem;display:flex}.item-meta,.item-footer,.item-actions{align-items:center;display:flex}.item-taxonomy{flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;display:flex}.item-brand-badge{background:var(--color-primary-transparent);color:var(--color-primary);border-radius:999px;padding:.13rem .45rem;font-family:Inter,Arial,sans-serif;font-size:.7rem;font-weight:800}.item-brand-visual{width:170px;height:70px}.item-meta,.item-footer{justify-content:space-between;gap:.75rem}.item-category{color:var(--color-primary);font-size:.8rem;font-weight:700}.item-rating{color:var(--color-warning);align-items:center;gap:.2rem;font-size:.85rem;font-weight:700;display:inline-flex}.item-title{color:var(--color-text-main);margin:.65rem 0 .45rem;font-size:1.2rem}.item-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:1.2rem;font-size:.92rem;line-height:1.65;display:-webkit-box;overflow:hidden}.item-footer{margin-top:auto}.price-stack{flex-direction:column;display:flex}.item-price{color:var(--color-text-main);font-size:1.22rem;font-weight:800;line-height:1.25}.price-stack del{color:var(--color-text-secondary);font-size:.85rem;line-height:1.35;text-decoration-thickness:1.5px}.item-actions{gap:.35rem}.favorite-btn.active{color:var(--color-danger);background:#ef44441a}.add-cart-btn{background:var(--color-primary-transparent);color:var(--color-primary)}.add-cart-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.add-cart-btn:disabled{opacity:.45;cursor:not-allowed}.storefront-async-state{width:100%;min-height:180px;color:var(--color-text-secondary);text-align:center;border:1px dashed var(--color-border);background:var(--color-bg-secondary);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1.25rem;display:flex}.storefront-async-state>svg{color:var(--color-primary)}.storefront-async-state--error>svg{color:var(--color-danger)}.storefront-async-state__copy{gap:.25rem;max-width:560px;display:grid}.storefront-async-state__copy strong{color:var(--color-text-main);font-size:1.05rem}.storefront-async-state__copy p{color:var(--color-text-secondary);line-height:1.6}.storefront-async-state__retry{gap:.45rem;margin-top:.25rem}.storefront-async-state--compact{flex-direction:row;min-height:0;padding:1rem}.storefront-async-state__spinner{animation:.9s linear infinite storefront-async-spin}@keyframes storefront-async-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.storefront-async-state__spinner{animation:none}}.technology-orbit{aspect-ratio:14/13;isolation:isolate;width:min(100%,560px);color:var(--color-primary);position:relative}.technology-orbit:before{content:"";z-index:-2;border:1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);background:linear-gradient(color-mix(in srgb, var(--color-primary) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 7%, transparent) 1px, transparent 1px);transform-origin:bottom;background-size:34px 34px;border-radius:42%;position:absolute;inset:8%;transform:perspective(700px)rotateX(62deg)translateY(27%);-webkit-mask-image:radial-gradient(circle,#000 0 50%,#0000 78%);mask-image:radial-gradient(circle,#000 0 50%,#0000 78%)}.technology-orbit-glow{z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 25%, transparent) 0, color-mix(in srgb, var(--color-primary-soft) 12%, transparent) 43%, transparent 72%);filter:blur(10px);border-radius:50%;animation:4.8s ease-in-out infinite technology-glow;position:absolute;inset:18%}.technology-orbit-map{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.technology-orbit-ring,.technology-signal-path,.technology-orbit-halo{fill:none;vector-effect:non-scaling-stroke}.technology-orbit-ring{stroke:color-mix(in srgb, var(--color-primary) 34%, var(--color-border));stroke-width:1.25px;stroke-dasharray:5 9;transform-origin:280px 260px}.technology-orbit-ring.ring-outer{animation:42s linear infinite technology-ring-spin}.technology-orbit-ring.ring-inner{stroke:color-mix(in srgb, var(--color-primary-soft) 32%, var(--color-border));stroke-dasharray:2 12;animation:34s linear infinite technology-ring-spin-reverse}.technology-orbit-halo{stroke:color-mix(in srgb, var(--color-primary) 28%, transparent);stroke-width:14px;opacity:.35;filter:blur(7px)}.technology-signal-path{stroke:color-mix(in srgb, var(--color-primary) 32%, var(--color-border));stroke-width:1.15px;stroke-dasharray:4 7}.technology-signal-dot{fill:var(--color-primary-light);filter:drop-shadow(0 0 7px var(--color-primary))}.technology-core{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--color-primary) 42%, var(--color-border));width:clamp(132px,30%,166px);color:var(--color-text-main);background:linear-gradient(145deg, color-mix(in srgb, var(--color-bg-card) 92%, transparent), color-mix(in srgb, var(--color-primary) 10%, var(--color-bg-card)));box-shadow:0 24px 60px color-mix(in srgb, var(--color-primary-dark) 20%, transparent), inset 0 1px 0 #ffffff94;border-radius:34%;flex-direction:column;justify-content:center;align-items:center;gap:.22rem;padding:1rem;animation:5.4s ease-in-out infinite technology-core-float;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.technology-core:after{content:"";border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);pointer-events:none;border-radius:29%;position:absolute;inset:8px}.technology-core-radar{z-index:-1;border:1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);border-radius:42%;animation:3.4s ease-out infinite technology-radar;position:absolute;inset:-18px}.technology-core-mark{width:62px;height:54px;fill:var(--color-primary);filter:drop-shadow(0 7px 11px color-mix(in srgb, var(--color-primary-dark) 25%, transparent));overflow:visible}.technology-core-brand-mark,.technology-core-custom-image{object-fit:contain;width:64px;height:54px;filter:drop-shadow(0 7px 11px color-mix(in srgb, var(--color-primary-dark) 25%, transparent))}.technology-core-swoosh{fill:var(--color-primary-light)}.technology-core strong{z-index:1;white-space:nowrap;margin-top:.1rem;font-size:clamp(.76rem,1.7vw,.94rem);position:relative}.technology-core small{z-index:1;color:var(--color-text-secondary);white-space:nowrap;font-size:clamp(.52rem,1.3vw,.65rem);position:relative}.technology-node{z-index:2;min-width:118px;color:var(--color-text-main);background:color-mix(in srgb, var(--color-bg-card) 91%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border));box-shadow:0 13px 30px color-mix(in srgb, var(--color-primary-dark) 13%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;transition:border-color var(--transition-fast), transform var(--transition-fast);border-radius:.95rem;align-items:center;gap:.55rem;padding:.6rem .72rem;font-size:clamp(.68rem,1.45vw,.82rem);font-weight:750;line-height:1.2;display:flex;position:absolute}.technology-node:hover{border-color:var(--color-primary)}.technology-node-icon{width:36px;height:36px;color:var(--color-primary-readable);background:var(--color-primary-transparent);border-radius:.75rem;flex:none;place-items:center;display:grid}.node-camera{top:1.2%;left:50%;transform:translate(-50%)}.node-camera:hover{transform:translate(-50%)translateY(-3px)}.node-biometric{top:21%;right:0}.node-gates{bottom:19%;right:0}.node-software{bottom:0;left:50%;transform:translate(-50%)}.node-software:hover{transform:translate(-50%)translateY(-3px)}.node-network{bottom:19%;left:0}.node-satellite{top:21%;left:0}.technology-orbit-status{z-index:3;border:2px solid var(--color-bg-main);background:var(--color-primary-light);width:8px;height:8px;box-shadow:0 0 0 4px var(--color-primary-transparent), 0 0 12px var(--color-primary);border-radius:50%;animation:2.4s ease-in-out infinite technology-status;position:absolute}.status-one{top:15%;left:25%}.status-two{animation-delay:-.8s;bottom:33%;right:17%}.status-three{animation-delay:-1.6s;bottom:18%;left:28%}@keyframes technology-ring-spin{to{transform:rotate(360deg)}}@keyframes technology-ring-spin-reverse{to{transform:rotate(-360deg)}}@keyframes technology-core-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}@keyframes technology-radar{0%{opacity:.75;transform:scale(.82)}85%,to{opacity:0;transform:scale(1.25)}}@keyframes technology-glow{0%,to{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes technology-status{0%,to{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}@media (width<=580px){.technology-orbit{width:min(100%,430px)}.technology-node{border-radius:.78rem;min-width:0;padding:.42rem}.technology-node>span:last-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.technology-node-icon{width:34px;height:34px}.node-biometric,.node-gates{right:4%}.node-network,.node-satellite{left:4%}}@media (prefers-reduced-motion:reduce){.technology-orbit *,.technology-orbit :before,.technology-orbit :after{animation:none!important}.technology-signal-dot{display:none}}.hero-section{align-items:center;min-height:80vh;padding:4rem 0;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid;position:relative}.badge{background-color:var(--color-primary-transparent);color:var(--color-primary-readable);border-radius:2rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.hero-text h1{color:var(--color-text-main);margin-bottom:1.5rem;font-size:3.5rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-soft) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text p{color:var(--color-text-secondary);max-width:90%;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.6}.hero-buttons{gap:1rem;display:flex}.hero-buttons a{align-items:center;gap:.5rem;display:flex}.hero-proof{gap:1.5rem;margin-top:2.5rem;display:flex}.hero-proof span{color:var(--color-text-secondary);flex-direction:column;font-size:.82rem;display:flex}.hero-proof strong{color:var(--color-text-main);font-size:1.25rem}.hero-image-wrapper{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.features-section{z-index:20;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:-3rem;margin-bottom:4rem;display:grid;position:relative}.brands-section{margin-bottom:4rem}.brand-marquee{padding-block:.25rem .65rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.brand-marquee-track{gap:.85rem;width:max-content;animation:42s linear infinite brands-scroll;display:flex}[dir=rtl] .brand-marquee-track{animation-name:brands-scroll-rtl}.brand-marquee:hover .brand-marquee-track{animation-play-state:paused}.home-brand-card{border:1px solid var(--color-border);width:210px;min-height:112px;transition:transform var(--transition-fast), border-color var(--transition-fast);background:#fff;border-radius:1rem;flex:none;place-items:center;gap:.25rem;padding:.8rem 1rem;display:grid;box-shadow:0 8px 24px #0f172a0d}.home-brand-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.home-brand-card small{color:#64748b;font-size:.74rem}@keyframes brands-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - .425rem))}}@keyframes brands-scroll-rtl{0%{transform:translate(0)}to{transform:translate(calc(50% + .425rem))}}.feature-card{text-align:center;transition:transform var(--transition-fast);border-radius:1rem;padding:1.5rem}.feature-card:hover{transform:translateY(-5px)}.feature-icon{color:var(--color-primary);margin-bottom:1rem}.feature-card h3{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.1rem}.feature-card p{color:var(--color-text-secondary);font-size:.9rem}.categories-section{margin-bottom:4rem}.home-section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.home-section-head>div>span{color:var(--color-primary);font-weight:700}.home-section-head h2{font-size:clamp(1.8rem,4vw,2.5rem)}.home-section-head>a{align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;display:grid}.category-card{cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.category-card:hover{background-color:var(--color-bg-secondary);border-color:var(--color-primary-transparent);transform:translateY(-5px)}.category-icon{width:100px;height:100px;color:var(--color-primary);background:linear-gradient(145deg, var(--color-primary-transparent), var(--color-bg-main));border:2px solid var(--color-border);border-radius:50%;place-items:center;display:grid}.category-card h3{color:var(--color-text-main);text-align:center;font-size:1rem}.category-card small{color:var(--color-text-secondary);font-size:.78rem}.featured-section{padding-bottom:5rem}.featured-section .items-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}@media (width<=992px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text p{margin:0 auto 2.5rem}.hero-buttons,.hero-proof{justify-content:center}.hero-section{padding-top:2rem}}@media (width<=580px){.hero-text h1{font-size:2.35rem}.hero-buttons,.hero-proof{flex-direction:column}.hero-buttons a{justify-content:center}.hero-image-wrapper{min-height:380px}.home-section-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.brand-marquee-track{animation:none}.brand-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}.email-verification-banner{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);background:color-mix(in srgb, var(--color-primary) 9%, var(--color-bg-main));position:relative}.email-verification-banner-inner{min-height:64px;color:var(--color-text-main);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding-block:.65rem;display:grid}.email-verification-banner-inner>svg{color:var(--color-primary)}.email-verification-banner-inner div{gap:.08rem;display:grid}.email-verification-banner-inner span,.email-verification-banner-inner small{color:var(--color-text-secondary);line-height:1.45}.email-verification-banner-inner button{min-height:40px;color:var(--color-on-primary);background:var(--color-primary);font:inherit;white-space:nowrap;border-radius:.7rem;align-items:center;gap:.4rem;padding:.55rem .85rem;font-weight:800;display:inline-flex}@media (width<=640px){.email-verification-banner-inner{grid-template-columns:auto minmax(0,1fr)}.email-verification-banner-inner button{grid-column:1/-1;justify-content:center;width:100%}}.cart-overlay-root{z-index:1400;position:fixed;inset:0}.cart-overlay-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;background:#0f172a75;border:0;width:100%;height:100%;position:absolute;inset:0}.cart-overlay-panel{width:min(430px,92vw);color:var(--color-text-main);background:var(--color-bg-card);border-inline-start:1px solid var(--color-border);grid-template-rows:auto minmax(0,1fr) auto;animation:.22s ease-out cart-drawer-enter;display:grid;position:absolute;inset-block:0;inset-inline-end:0;box-shadow:0 24px 70px #0f172a47}.cart-overlay-header,.cart-overlay-footer{background:var(--color-bg-card);padding:1.25rem}.cart-overlay-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;display:flex}.cart-overlay-header span{color:var(--color-primary);font-size:.78rem;font-weight:700}.cart-overlay-header h2{margin:.2rem 0 0;font-size:1.35rem}.cart-overlay-items{min-height:0;padding:.35rem 1.25rem;overflow-y:auto}.cart-overlay-item{border-bottom:1px solid var(--color-border);grid-template-columns:82px minmax(0,1fr) auto;align-items:start;gap:.85rem;padding:1rem 0;display:grid;position:relative}.cart-overlay-image{border:1px solid var(--color-border);width:82px;height:82px;color:var(--color-primary);background:var(--color-bg-secondary);border-radius:.75rem;place-items:center;display:grid;overflow:hidden}.cart-overlay-image img{object-fit:contain;background:#fff;width:100%;height:100%}.cart-overlay-item-content{min-width:0}.cart-overlay-item-content h3{color:var(--color-text-main);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:.94rem;line-height:1.45;overflow:hidden}.cart-overlay-item-content>strong{color:var(--color-primary);font-size:.9rem}.cart-overlay-quantity{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.7rem;font-size:.78rem;display:flex}.cart-overlay-quantity select,.details-quantity-select select,.cart-quantity-select{border:1px solid var(--color-border);min-width:72px;height:38px;color:var(--color-text-main);background-color:var(--color-bg-card);font:inherit;border-radius:.6rem;padding-inline:.7rem 1.8rem}.cart-overlay-quantity small{color:var(--color-warning,#b45309);flex-basis:100%}.cart-overlay-remove{border:1px solid var(--color-border);color:#dc2626;background:var(--color-bg-card);cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.cart-overlay-footer{border-top:1px solid var(--color-border);gap:.75rem;display:grid;box-shadow:0 -10px 30px #0f172a0f}.cart-overlay-total{justify-content:space-between;gap:1rem;font-size:1rem;display:flex}.cart-overlay-total strong{color:var(--color-primary)}.cart-overlay-footer .btn-primary,.cart-overlay-continue{width:100%;min-height:48px}.cart-overlay-continue{border:1px solid var(--color-border);color:var(--color-text-main);background:var(--color-bg-secondary);cursor:pointer;border-radius:.75rem;font-weight:700}.cart-overlay-empty{min-height:260px;color:var(--color-text-secondary);place-content:center;justify-items:center;gap:.75rem;display:grid}.cart-checkout-prompt{inset-block-end:max(1rem, env(safe-area-inset-bottom));z-index:900;border:1px solid var(--color-border);width:min(760px,100vw - 2rem);min-height:82px;color:var(--color-text-main);background:color-mix(in srgb, var(--color-bg-card) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.15rem;grid-template-columns:minmax(190px,1fr) minmax(150px,auto) minmax(190px,1.25fr);align-items:center;gap:1rem;margin-inline:auto;padding:.7rem .8rem;animation:.18s ease-out cart-prompt-enter;display:grid;position:fixed;left:0;right:0;box-shadow:0 18px 50px #0f172a2e}.cart-prompt-icon{width:58px;height:58px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg-card));cursor:pointer;border:0;border-radius:1rem;place-items:center;display:grid;position:relative}.cart-prompt-cart{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;display:grid}.cart-prompt-icon>span{border:2px solid var(--color-bg-card);color:#fff;background:var(--color-primary);border-radius:999px;place-items:center;min-width:22px;height:22px;padding-inline:.25rem;font-size:.7rem;font-weight:700;display:grid;position:absolute;inset-block-start:-5px;inset-inline-end:-5px}.cart-prompt-summary,.cart-prompt-total{gap:.25rem;min-width:0;display:grid}.cart-prompt-summary strong,.cart-prompt-total strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.cart-prompt-summary button{width:fit-content;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:700;text-decoration:underline}.cart-prompt-total{border-inline-start:1px solid #ffffff59;border-inline-color:var(--color-border);padding-inline:1rem}.cart-prompt-total span{color:var(--color-text-secondary);font-size:.75rem}.cart-prompt-total strong{color:var(--color-primary);font-size:1.15rem}.cart-prompt-total svg{display:none}.cart-prompt-checkout{border:1px solid var(--color-primary);color:#fff;background:var(--color-primary);min-height:52px;box-shadow:0 9px 24px color-mix(in srgb, var(--color-primary) 24%, transparent);font:inherit;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.55rem;padding-inline:1.25rem;font-weight:700;display:inline-flex}@keyframes cart-drawer-enter{0%{transform:translate(100%)}}[dir=rtl] .cart-overlay-panel{animation-name:cart-drawer-enter-rtl}@keyframes cart-drawer-enter-rtl{0%{transform:translate(-100%)}}@keyframes cart-prompt-enter{0%{opacity:0;transform:translateY(12px)}}@media (width<=700px){.cart-overlay-panel{border:1px solid var(--color-border);border-width:1px 0 0;border-radius:1.35rem 1.35rem 0 0;width:100%;max-height:min(82dvh,720px);animation-name:cart-sheet-enter;inset:auto 0 0}.cart-overlay-header,.cart-overlay-footer{padding:1rem}.cart-overlay-items{padding-inline:1rem}.cart-overlay-item{grid-template-columns:72px minmax(0,1fr) auto}.cart-overlay-image{width:72px;height:72px}.cart-checkout-prompt{border-radius:1rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:calc(100vw - 1rem);min-height:56px;padding:0 .75rem}.cart-prompt-icon{border-radius:.75rem;width:42px;height:42px}.cart-prompt-cart{grid-template-columns:auto minmax(0,auto);gap:.5rem}.cart-prompt-icon>span{min-width:19px;height:19px;font-size:.62rem}.cart-prompt-summary strong{font-size:.78rem}.cart-prompt-summary button{font-size:.68rem}.cart-prompt-total{border-inline-end:1px solid var(--color-border);grid-template-columns:auto auto;justify-content:center;justify-items:center;column-gap:.3rem;padding-inline:.75rem}.cart-prompt-total span{grid-column:1/-1;font-size:.65rem}.cart-prompt-total strong{font-size:.88rem}.cart-prompt-total svg{color:var(--color-text-secondary);align-self:center;display:block}.cart-prompt-checkout{white-space:nowrap;border-radius:.65rem;gap:.35rem;width:100%;min-height:44px;padding-inline:.7rem;font-size:.78rem}.cart-prompt-checkout svg{width:17px;height:17px}@keyframes cart-sheet-enter{0%{transform:translateY(100%)}}}@media (width<=380px){.cart-checkout-prompt{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:.4rem}.cart-prompt-icon{width:40px;height:40px}.cart-prompt-total{padding-inline:.45rem}.cart-prompt-checkout{padding-inline:.5rem;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.cart-overlay-panel,.cart-checkout-prompt{animation:none}}.route-state{width:100%;min-height:clamp(18rem,48vh,34rem);color:var(--color-text-main);place-items:center;padding:clamp(1.5rem,4vw,3rem);display:grid}.route-state--admin-shell{background:var(--color-bg-main);min-height:100vh}.route-state__content,.route-state__card{text-align:center;flex-direction:column;align-items:center;gap:.7rem;width:min(100%,34rem);display:flex}.route-state__content>span:last-child,.route-state__card>span:not(.route-state__error-icon){color:var(--color-text-secondary)}.route-state__spinner{border:3px solid var(--color-border);border-block-start-color:var(--color-primary);border-radius:50%;width:2.4rem;height:2.4rem;margin-bottom:.25rem;animation:.8s linear infinite route-state-spin}.route-state__card{border:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-sm);border-radius:.75rem;padding:clamp(1.5rem,4vw,2.25rem)}.route-state__error-icon{width:2.5rem;height:2.5rem;color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:800;display:grid}.route-state__action{margin-top:.5rem}@keyframes route-state-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.route-state__spinner{animation-duration:1.8s}}.site-main{flex:1;padding-block:clamp(1rem,2vw,1.5rem) clamp(2.5rem,5vw,4rem)}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:hover{background-color:var(--color-primary-light);color:var(--color-on-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-main);transition:all var(--transition-fast);border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.btn-secondary:hover{background-color:var(--color-border)}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary);transition:all var(--transition-fast);border-radius:.5rem;padding:.5rem 1rem;font-weight:600}.btn-outline:hover{background-color:var(--color-primary-transparent)}.btn-icon{background-color:var(--color-bg-secondary);width:2.5rem;height:2.5rem;color:var(--color-text-main);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.btn-icon:hover{background-color:var(--color-border);transform:scale(1.05)}:root{--color-primary:#374151;--color-primary-dark:#111827;--color-primary-light:#4b5563;--color-primary-soft:#9ca3af;--color-primary-transparent:#f3f4f6;--color-primary-readable:#374151;--color-on-primary:#fff;--color-on-primary-hover:#fff;--color-bg-main:#fff;--color-bg-secondary:#f9fafb;--color-bg-card:#fff;--color-text-main:#111827;--color-text-secondary:#4b5563;--color-border:#e5e7eb;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--font-arabic:"Baloo Bhaijaan 2", cursive, sans-serif;--font-english:"Inter", sans-serif;--transition-fast:.2s ease;--transition-normal:.3s ease;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}.dark{--color-bg-main:#111827;--color-bg-secondary:#1f2937;--color-bg-card:#1f2937;--color-text-main:#f8fafc;--color-text-secondary:#d1d5db;--color-border:#374151;--color-primary-transparent:#9ca3af2e;--color-primary-readable:#d1d5db;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;font-size:16px}html[dir=rtl]{font-family:var(--font-arabic)}html[dir=ltr]{font-family:var(--font-english)}body{background-color:var(--color-bg-main);color:var(--color-text-main);transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%}a{color:var(--color-primary-readable);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.glass{background:color-mix(in srgb, var(--color-bg-card) 84%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border)}.dark .glass{background:#1e293bb3;border:1px solid #ffffff0d}:focus-visible{outline:3px solid var(--color-primary-transparent);outline-offset:2px}