@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary-rgb:255,255,255;--bg-secondary-rgb:248,250,252;--bg-card-rgb:241,245,249;--accent-rgb:49,151,232;--success-rgb:16,185,129;--danger-rgb:239,68,68;--text-light-rgb:15,23,42;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-card:rgba(var(--bg-card-rgb),0.85);--bg-input:#f1f5f9;--bg-modal:#ffffff;--bg-footer:#082136;--bg-scrollbar:#e2e8f0;--accent:#3197e8;--accent-hover:#1d80d1;--accent-glow:rgba(var(--accent-rgb),0.15);--success:#10b981;--danger:#ef4444;--star-color:#fbbf24;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-gradient-end:#002f56;--text-white:#ffffff;--border:rgba(15,23,42,0.08);--border-focus:rgba(var(--accent-rgb),0.4);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--shadow-sm:0 2px 8px rgba(15,23,42,0.06);--shadow-md:0 8px 30px rgba(15,23,42,0.1);--shadow-glow:0 0 20px var(--accent-glow);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--font:"Outfit","Cairo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:1280px;margin:0 auto;padding:24px}main{min-height:calc(100vh - 180px)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;line-height:1.2}p{color:var(--text-secondary);line-height:1.6}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(var(--bg-primary-rgb),.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:var(--transition)}.nav-container{justify-content:space-between;height:72px}.logo,.nav-container{display:flex;align-items:center}.logo{font-size:20px;font-weight:800;text-decoration:none;color:var(--text-white);gap:8px}.logo span{color:var(--accent);text-shadow:0 0 10px rgba(var(--accent-rgb),.3)}.nav-links{display:flex;gap:32px;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:var(--transition);position:relative}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.cart-icon-wrapper{position:relative;display:flex;align-items:center;padding:8px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);transition:var(--transition)}.cart-icon-wrapper:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--accent);color:white;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);box-shadow:0 0 10px rgba(var(--accent-rgb),.4)}.hero{position:relative;padding:120px 24px;text-align:center;background:radial-gradient(circle at center,rgba(var(--accent-rgb),.08) 0,transparent 70%);border-bottom:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:40px;overflow:hidden}.hero h1{font-size:48px;margin-bottom:16px;background:linear-gradient(135deg,var(--text-primary) 50%,var(--text-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:18px;max-width:600px;margin:0 auto 32px;color:var(--text-secondary)}.hero-actions{display:flex;gap:16px}.btn,.hero-actions{justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);border:none}.btn-primary{background:var(--accent);color:white;box-shadow:0 4px 14px rgba(var(--accent-rgb),.3)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.4)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:rgba(var(--text-light-rgb),.05);border-color:var(--text-secondary);transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:13px;border-radius:var(--radius-sm)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-top:24px}.card{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition);position:relative}.card:hover{transform:translateY(-6px);border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.card-img-wrapper{position:relative;width:100%;aspect-ratio:1;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.card-img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.card:hover .card-img{transform:scale(1.05)}.card-badge-category{position:absolute;top:12px;left:12px;background:rgba(var(--bg-primary-rgb),.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2)}.card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.card-rating{display:flex;align-items:center;gap:4px;color:var(--star-color);font-size:13px;margin-bottom:8px}.card-title{font-size:17px;font-weight:600;margin-bottom:8px;line-height:1.4;color:var(--text-primary);text-decoration:none;display:block}.card-title:hover{color:var(--accent)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.card-price{font-size:20px;font-weight:700;color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;-webkit-border-start:4px solid var(--accent);border-inline-start:4px solid var(--accent);-webkit-padding-start:16px;padding-inline-start:16px}.section-header h2{font-size:28px}.category-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin:32px 0 64px}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;text-align:center;text-decoration:none;color:var(--text-primary);transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:12px}.category-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.category-card-icon{width:48px;height:48px;border-radius:50%;background:rgba(var(--accent-rgb),.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px;transition:var(--transition)}.category-card:hover .category-card-icon{background:var(--accent);color:white}.shop-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:32px;gap:32px;margin-top:32px}.shop-sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:96px}.filter-group{margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:24px}.filter-group:last-child{border-bottom:none;padding-bottom:0}.filter-title{font-size:15px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.search-input-wrapper{position:relative;width:100%}.search-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding-block:10px;-webkit-padding-start:36px;padding-inline-start:36px;-webkit-padding-end:12px;padding-inline-end:12px;color:var(--text-primary);font-family:var(--font);outline:none;transition:var(--transition)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.search-icon{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.filter-list{display:flex;flex-direction:column;gap:10px}.filter-item{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:14px;transition:var(--transition)}.filter-item.active,.filter-item:hover{color:var(--text-primary)}.filter-item-indicator{width:8px;height:8px;border-radius:50%;background:transparent;border:1px solid var(--border);transition:var(--transition)}.filter-item.active .filter-item-indicator{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;margin-top:32px}.detail-img-container{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1}.detail-img{width:100%;height:100%;object-fit:cover}.detail-info{display:flex;flex-direction:column}.detail-category{color:var(--accent);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.detail-title{font-size:36px;margin-bottom:12px}.detail-meta{display:flex;gap:24px;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.detail-price{font-size:28px;font-weight:700;color:var(--text-primary)}.detail-stock{font-size:14px;padding:4px 10px;border-radius:var(--radius-sm);background:rgba(var(--success-rgb),.1);color:var(--success);border:1px solid rgba(var(--success-rgb),.2)}.detail-stock.out{background:rgba(var(--danger-rgb),.1);color:var(--danger);border:1px solid rgba(var(--danger-rgb),.2)}.detail-description{font-size:16px;margin-bottom:32px}.quantity-selector{gap:8px;margin-bottom:24px}.qty-btn,.quantity-selector{display:flex;align-items:center}.qty-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);justify-content:center;cursor:pointer;transition:var(--transition);font-weight:700}.qty-btn:hover{border-color:var(--accent)}.qty-input{width:50px;height:36px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center;font-family:var(--font);font-weight:600}.specs-table{width:100%;border-collapse:collapse;margin-top:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.specs-table td{padding:14px 20px;border-bottom:1px solid var(--border);font-size:14px}.specs-table tr:last-child td{border-bottom:none}.specs-label{font-weight:600;color:var(--text-primary);width:40%}.specs-value{color:var(--text-secondary)}.cart-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:32px;gap:32px;margin-top:32px}.cart-items-wrapper{display:flex;flex-direction:column;gap:16px}.cart-item-card{display:flex;align-items:center;gap:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;position:relative}.cart-item-img{width:80px;height:80px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);background:var(--bg-secondary)}.cart-item-info{flex-grow:1}.cart-item-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text-primary);text-decoration:none}.cart-item-title:hover{color:var(--accent)}.cart-item-category{font-size:12px;color:var(--accent);margin-bottom:6px}.cart-item-price{font-weight:700;color:var(--text-primary)}.cart-item-controls{display:flex;align-items:center;gap:20px}.cart-remove-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:8px;border-radius:var(--radius-sm)}.cart-remove-btn:hover{color:var(--danger);background:rgba(var(--danger-rgb),.1)}.cart-summary-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:96px}.summary-title{font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.summary-row{display:flex;justify-content:space-between;margin-bottom:14px;font-size:14px;color:var(--text-secondary)}.summary-row.total{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.cart-empty{text-align:center;padding:80px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.cart-empty-icon{font-size:48px;color:var(--text-muted);margin-bottom:16px}.checkout-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease-out}.checkout-modal{background:var(--bg-modal);border:1px solid var(--border-focus);box-shadow:0 0 40px rgba(var(--accent-rgb),.2);border-radius:var(--radius-lg);max-width:550px;width:100%;padding:40px;position:relative;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px}.modal-close:hover{color:var(--text-primary)}.checkout-form{gap:16px;margin-top:24px}.checkout-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;color:var(--text-primary);font-family:var(--font);font-size:14px;outline:none;transition:var(--transition)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.success-state{text-align:center}.success-icon-wrapper{width:80px;height:80px;border-radius:50%;background:rgba(var(--success-rgb),.1);color:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:40px;box-shadow:0 0 20px rgba(var(--success-rgb),.2);animation:pulseGreen 2s infinite}.contact-layout{display:grid;grid-template-columns:1fr 2fr;grid-gap:48px;gap:48px;margin-top:32px}.contact-info-panel{display:flex;flex-direction:column;gap:24px}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;display:flex;gap:16px}.contact-card-icon{color:var(--accent);flex-shrink:0}.contact-card-content h4{margin-bottom:6px}.contact-form-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-top:32px}.brand-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px;text-align:center;transition:var(--transition);display:flex;flex-direction:column;gap:12px}.brand-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.brand-name{font-size:24px;font-weight:700;letter-spacing:.05em;color:var(--text-primary);text-shadow:0 0 10px rgba(var(--text-light-rgb),.05)}.brand-logo-stylized{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.footer{background:var(--bg-footer);border-top:1px solid var(--border);padding:64px 24px 32px;margin-top:80px;color:rgba(255,255,255,.85)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;grid-gap:48px;gap:48px;margin-bottom:48px}.footer-col h4{color:#ffffff;font-size:15px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.footer-col p{color:rgba(255,255,255,.7);font-size:14px;margin-bottom:16px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:14px;transition:var(--transition)}.footer-links a:hover{color:var(--accent)}.newsletter-form{display:flex;gap:8px}.footer-bottom{justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:32px;font-size:14px;color:rgba(255,255,255,.55)}.footer-bottom,.toast{display:flex;align-items:center}.toast{position:fixed;bottom:24px;right:24px;background:var(--success);color:white;padding:16px 24px;border-radius:var(--radius-md);font-weight:600;box-shadow:0 10px 25px rgba(var(--success-rgb),.3);gap:10px;z-index:2000;animation:slideInUp .3s cubic-bezier(.16,1,.3,1),fadeOut .3s ease-in 2.7s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes pulseGreen{0%{box-shadow:0 0 0 0 rgba(var(--success-rgb),.4)}70%{box-shadow:0 0 0 15px rgba(var(--success-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--success-rgb),0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hamburger-btn{display:none!important}@media (max-width:1023px){.desktop-only{display:none!important}.hamburger-btn{display:flex!important}.lang-text{display:none!important}.lang-toggle{padding:8px!important}}@media (max-width:968px){.cart-layout,.contact-layout,.detail-layout,.shop-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}[dir=rtl]{text-align:right}[dir=rtl] .cart-badge{right:auto;left:-8px}[dir=rtl] .card-badge-category{left:auto;right:12px}[dir=rtl] .modal-close{right:auto;left:20px}[dir=rtl] .toast{right:auto;left:24px}[dir=rtl] .qty-btn,[dir=rtl] .qty-input{text-align:center}[dir=rtl] .form-input{text-align:right}.phone-number{direction:ltr;display:inline-block}@media (max-width:1023px){.hero-grid{grid-template-columns:1fr!important;text-align:center!important;gap:40px!important}.hero-grid>div{order:unset!important}.hero-actions{justify-content:center!important}}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:48px;gap:48px;margin-bottom:60px;align-items:center}@media (max-width:968px){.about-grid{grid-template-columns:1fr;gap:32px}}@media (max-width:640px){.cart-item-card{flex-direction:column;align-items:stretch;text-align:center;gap:16px}.cart-item-img{margin:0 auto}.cart-item-controls{justify-content:space-between;width:100%;margin-top:8px}}