@font-face{font-family:'Cairo';font-display:swap}:root{--primary:#0A1F20;--primary-mid:#0F3232;--primary-light:#1A5252;--accent:#14B8A6;--accent-hover:#0D9488;--accent-glow:rgba(20,184,166,0.25);--cyan:#00D4FF;--cyan-dim:rgba(0,212,255,0.15);--bg:#F0F4FF;--bg-alt:#E4EEFF;--card-bg:#FFFFFF;--card-border:#D4DCF8;--overlay:rgba(10,31,32,0.06);--text:#0D1023;--text-sub:#4A506B;--text-muted:#8892B0;--success:#00C48C;--error:#FF4757;--warning:#FFB300;--info:#00B8D9;--radius:14px;--radius-sm:8px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(10,31,32,0.08);--shadow:0 4px 24px rgba(10,31,32,0.12);--shadow-lg:0 8px 48px rgba(10,31,32,0.16);--shadow-accent:0 4px 20px rgba(20,184,166,0.3);--transition:0.25s cubic-bezier(0.4,0,0.2,1);--font-ar:'Cairo',sans-serif;--font-en:'Sora',sans-serif}.dark-mode{--bg:#0D0F1A;--bg-alt:#131629;--card-bg:#161B35;--card-border:#252C55;--overlay:rgba(0,0,0,0.3);--text:#E8ECFF;--text-sub:#9CA8CC;--text-muted:#5B6385;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow:0 4px 24px rgba(0,0,0,0.4);--shadow-lg:0 8px 48px rgba(0,0,0,0.5)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-ar);background:var(--bg);color:var(--text);direction:rtl;line-height:1.7;overflow-x:hidden;transition:background var(--transition),color var(--transition)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}ul{list-style:none}input,textarea,select{font-family:inherit}.container{max-width:1320px;margin:0 auto;padding:0 20px}.page-loader{position:fixed;inset:0;background:var(--accent);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.5s,visibility 0.5s}.page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{text-align:center}.loader-logo{font-family:var(--font-en);font-size:42px;font-weight:800;color:var(--accent);letter-spacing:4px;margin-bottom:20px;animation:pulse 1.5s ease-in-out infinite}.loader-bar{width:200px;height:3px;background:rgba(255,255,255,0.15);border-radius:99px;overflow:hidden;margin:0 auto}.loader-progress{height:100%;background:var(--accent);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{width:0;transform:translateX(0)}50%{width:60%}100%{width:0;transform:translateX(200px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}.topbar{background:var(--accent);color:rgba(255,255,255,0.85);font-size:12.5px;padding:8px 0;position:relative;z-index:100}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-divider{opacity:0.3}.topbar-social{color:rgba(255,255,255,0.7);font-size:16px;line-height:1;transition:color var(--transition);display:flex;align-items:center}.topbar-social:hover{color:var(--accent)}.topbar-btn{background:none;border:none;color:rgba(255,255,255,0.7);font-size:14px;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;display:flex;align-items:center;gap:4px}.topbar-btn:hover{background:rgba(255,255,255,0.1);color:var(--accent)}.site-header{background:var(--card-bg);border-bottom:1px solid var(--card-border);position:sticky;top:0;z-index:200;box-shadow:var(--shadow-sm);transition:background var(--transition),box-shadow var(--transition)}.site-header.scrolled{box-shadow:var(--shadow)}.header-inner{display:flex;align-items:center;gap:16px;padding:14px 20px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--accent),var(--primary-light));border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.logo-e{font-family:var(--font-en);font-size:22px;font-weight:800;color:var(--accent);position:relative;z-index:1}.logo-dot{font-size:8px;color:var(--cyan);position:relative;z-index:1}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-main{font-family:var(--font-en);font-size:18px;font-weight:800;color:var(--accent);letter-spacing:-0.5px}.dark-mode .logo-main{color:var(--text)}.logo-sub{font-size:11px;color:var(--text-muted)}.search-bar{flex:1;max-width:520px;display:flex;background:var(--bg);border:2px solid var(--card-border);border-radius:var(--radius-full);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-bar input{flex:1;padding:10px 18px;background:none;border:none;outline:none;font-size:14px;color:var(--text)}.search-bar input::placeholder{color:var(--text-muted)}.search-btn{padding:10px 18px;background:var(--accent);color:white;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;transition:background var(--transition)}.search-btn:hover{background:var(--accent-hover)}.header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.header-action-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-sub);font-size:10px;transition:all var(--transition);position:relative}.header-action-btn i{font-size:22px}.header-action-btn:hover{background:var(--bg);color:var(--accent)}.action-label{font-size:10px;white-space:nowrap}.cart-btn{position:relative}.cart-badge{position:absolute;top:6px;left:8px;background:var(--accent);color:white;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:99px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg);animation:cartPop 0.3s ease}@keyframes cartPop{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}.menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition)}.menu-toggle span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:all 0.3s}.menu-toggle:hover{background:var(--bg)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.main-nav{background:var(--accent);border-top:1px solid rgba(255,255,255,0.08)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 20px}.nav-list{display:flex;align-items:center;gap:0}.nav-link{display:flex;align-items:center;gap:6px;padding:13px 15px;color:rgba(255,255,255,0.8);font-size:13.5px;font-weight:500;transition:all var(--transition);white-space:nowrap;position:relative}.nav-link i{font-size:16px}.nav-link::after{content:'';position:absolute;bottom:0;right:50%;left:50%;height:2px;background:var(--accent);border-radius:2px 2px 0 0;transition:right 0.25s,left 0.25s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:hover::after,.nav-link.active::after{right:0;left:0}.nav-chevron{font-size:14px !important;transition:transform var(--transition)}.nav-has-dropdown{position:relative}.nav-dropdown{position:absolute;top:100%;right:0;min-width:220px;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--card-border);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition);z-index:300}.nav-has-dropdown:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-has-dropdown:hover .nav-chevron{transform:rotate(180deg)}.nav-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 18px;color:var(--text-sub);font-size:13px;transition:all var(--transition)}.cat-icon{font-size:18px}.nav-dropdown a:hover{background:var(--bg);color:var(--accent);padding-right:24px}.nav-whatsapp{display:flex;align-items:center;gap:6px;background:#25D366;color:white !important;padding:7px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:700;transition:all var(--transition);white-space:nowrap}.nav-whatsapp:hover{background:#1eb857;transform:scale(1.03)}.flash-message{position:fixed;top:80px;right:20px;z-index:9000;max-width:420px;border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:slideInRight 0.3s ease}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.flash-inner{display:flex;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:500}.flash-inner i{font-size:20px;flex-shrink:0}.flash-close{margin-right:auto;font-size:18px;opacity:0.6;transition:opacity var(--transition);padding:2px 6px}.flash-close:hover{opacity:1}.flash-success{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0}.flash-error{background:#FFF1F2;color:#9F1239;border:1px solid #FECDD3}.flash-warning{background:#FFFBEB;color:#92400E;border:1px solid #FDE68A}.flash-info{background:#EFF6FF;color:#1E40AF;border:1px solid #BFDBFE}.hero,.hero-section{background:linear-gradient(135deg,var(--accent) 0%,var(--primary-mid) 60%,var(--primary-light) 100%);padding:80px 0;position:relative;overflow:hidden;min-height:480px;display:flex;align-items:center}.hero-section.banner-carousel .hero-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(to left,rgba(0,0,0,.05) 0%,rgba(10,31,32,.55) 45%,rgba(10,31,32,.75) 100%);pointer-events:none;z-index:0}.hero-section.banner-carousel .hero-inner{position:relative;z-index:1}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,94,0,0.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(0,212,255,0.1) 0%,transparent 50%)}.hero-grid,.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;position:relative;z-index:1;width:100%}.hero-media{display:flex;align-items:center;justify-content:center;padding-right:40px;position:relative}.hero-media img{max-height:380px;width:auto;border-radius:16px;filter:drop-shadow(0 20px 60px rgba(0,0,0,0.4))}.hero-content{padding-left:40px}.hero-content{position:relative;z-index:1}.hero-title{font-size:clamp(28px,4vw,52px);font-weight:900;color:white;line-height:1.25;margin-bottom:16px}.hero-title .accent,.hero-title mark.accent{background:transparent;color:var(--accent)}.hero-brand{font-family:var(--font-en,'Cairo',sans-serif);font-size:clamp(18px,2.5vw,28px);font-weight:800;color:rgba(255,255,255,0.75);letter-spacing:1px;display:block;margin-bottom:4px}.hero-sub{color:rgba(255,255,255,0.80);font-size:16px;margin-bottom:28px;max-width:480px;line-height:1.7}.hero-cta-group{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.hero-stats{display:flex;gap:32px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(255,255,255,0.12)}.hero-stat strong{display:block;font-size:22px;font-weight:900;color:white;line-height:1.1}.hero-stat span{font-size:12px;color:rgba(255,255,255,0.60);margin-top:2px;display:block}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,94,0,0.22);border:1px solid rgba(255,255,255,0.30);color:#ffffff;padding:6px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:700;margin-bottom:20px;backdrop-filter:blur(4px);text-shadow:0 1px 3px rgba(0,0,0,.4)}.hero h1{font-size:clamp(28px,4vw,52px);font-weight:900;color:white;line-height:1.2;margin-bottom:16px}.hero h1 .accent{color:var(--accent)}.hero p{color:rgba(255,255,255,0.75);font-size:16px;margin-bottom:32px;max-width:480px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-img{display:flex;justify-content:center;align-items:center}.hero-visual{width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:120px;animation:float 4s ease-in-out infinite;position:relative}.hero-visual::before{content:'';position:absolute;inset:-20px;border-radius:50%;border:1px dashed rgba(255,94,0,0.3);animation:rotate 20s linear infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;transition:all var(--transition);cursor:pointer;border:2px solid transparent;white-space:nowrap;text-decoration:none;letter-spacing:0.3px}.btn-primary{background:var(--accent);color:white;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-outline{background:transparent;color:var(--accent);border-color:var(--accent)}.dark-mode .btn-outline{color:var(--text);border-color:var(--card-border)}.btn-outline:hover{background:var(--accent);color:white}.btn-ghost{background:rgba(255,255,255,0.1);color:white;border-color:rgba(255,255,255,0.2)}.btn-ghost:hover{background:rgba(255,255,255,0.2)}.btn-sm{padding:7px 16px;font-size:12px}.btn-lg{padding:15px 32px;font-size:16px}.btn i{font-size:18px}.section{padding:64px 0}.section-alt{background:var(--bg-alt)}.section-header{text-align:center;margin-bottom:48px}.section-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#ffffff;padding:5px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:800;margin-bottom:14px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 10px rgba(20,184,166,.30)}.section-title{font-size:clamp(22px,3vw,34px);font-weight:900;color:var(--text);margin-bottom:10px;line-height:1.25}.section-sub{font-size:15px;color:var(--text-sub);max-width:540px;margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.product-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--card-border);overflow:hidden;transition:all var(--transition);position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.product-img-wrap{position:relative;overflow:hidden;aspect-ratio:1;background:var(--bg-alt)}.product-img-link{display:block;height:100%}.product-img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.product-card:hover .product-img{transform:scale(1.05)}.product-badges{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px;z-index:2}.badge{display:inline-block;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.badge-sale{background:var(--accent);color:white}.badge-new{background:var(--cyan);color:var(--accent)}.badge-oos{background:var(--text-muted);color:white}.product-actions{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateX(-10px);transition:all var(--transition);z-index:2}.product-card:hover .product-actions{opacity:1;transform:translateX(0)}.action-btn{width:34px;height:34px;border-radius:50%;background:var(--card-bg);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--shadow-sm);transition:all var(--transition)}.action-btn:hover{background:var(--accent);color:white}.product-info{padding:14px 16px}.product-cat{font-size:11px;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.product-name{margin:6px 0 8px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-name a:hover{color:var(--accent)}.product-rating{display:flex;align-items:center;gap:4px;margin-bottom:8px}.stars{display:flex;gap:1px}.star-full{color:#FFB300}.star-half{color:#FFB300}.star-empty{color:var(--card-border)}.rating-count{font-size:11px;color:var(--text-muted)}.rating-text{font-size:13px;font-weight:600;margin-right:4px}.product-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;flex-wrap:wrap}.price-sale{font-size:18px;font-weight:800;color:var(--accent)}.price-orig{font-size:13px;color:var(--text-muted);text-decoration:line-through}.price-regular{font-size:18px;font-weight:800;color:var(--accent)}.dark-mode .price-regular{color:var(--cyan)}.btn-add-cart{width:100%;padding:10px;border-radius:var(--radius-sm);background:var(--accent);color:white;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition)}.btn-add-cart i{font-size:16px}.btn-add-cart:hover{background:var(--accent);transform:translateY(-1px)}.btn-add-cart.btn-disabled{background:var(--bg-alt);color:var(--text-muted);cursor:not-allowed}.btn-add-cart.adding{background:var(--success)}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.category-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px 16px;text-align:center;transition:all var(--transition);cursor:pointer}.category-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}.category-card:hover .cat-card-icon{background:var(--accent);color:white}.cat-card-icon{width:60px;height:60px;border-radius:var(--radius-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px;transition:all var(--transition)}.cat-card-name{font-size:13px;font-weight:700;color:var(--text)}.cat-card-count{font-size:11px;color:var(--text-muted);margin-top:4px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--card-border);transition:all var(--transition)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card-img{aspect-ratio:16/9;overflow:hidden}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-body{padding:20px}.blog-category{display:inline-block;background:var(--accent-glow);color:var(--accent);padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.blog-title{font-size:16px;font-weight:700;line-height:1.45;margin-bottom:10px}.blog-title a:hover{color:var(--accent)}.blog-excerpt{font-size:13px;color:var(--text-sub);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted)}.blog-meta i{font-size:14px}.features-strip{background:var(--accent);padding:32px 0}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-item{display:flex;align-items:center;gap:14px}.feature-icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.08);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.feature-text h3,.feature-text h4{font-size:14px;color:white;font-weight:700;margin-bottom:2px}.feature-text p{font-size:12px;color:rgba(255,255,255,0.60)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:32px 0;flex-wrap:wrap}.page-btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text);transition:all var(--transition)}.page-btn:hover,.page-btn.active{background:var(--accent);color:white;border-color:var(--accent)}.page-btn.prev,.page-btn.next{padding:8px 16px}.page-dots{color:var(--text-muted);padding:8px 4px}.product-page{padding:48px 0}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-gallery{position:sticky;top:100px}.main-img{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1;background:var(--bg-alt);border:1px solid var(--card-border)}.main-img img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.thumb-btn{width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--card-border);cursor:pointer;transition:border-color var(--transition);padding:0;background:none}.thumb-btn.active,.thumb-btn:hover{border-color:var(--accent)}.thumb-btn img{width:100%;height:100%;object-fit:cover}.product-details h1{font-size:clamp(20px,2.5vw,30px);font-weight:900;margin-bottom:12px;line-height:1.3}.product-meta-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.product-price-big{font-size:32px;font-weight:900;color:var(--accent)}.product-price-old{font-size:18px;color:var(--text-muted);text-decoration:line-through}.product-qty-row{display:flex;align-items:center;gap:12px;margin:20px 0}.qty-control{display:flex;align-items:center;gap:0;border:1px solid var(--card-border);border-radius:var(--radius-sm);overflow:hidden}.qty-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text);transition:all var(--transition)}.qty-btn:hover{background:var(--bg);color:var(--accent)}.qty-input{width:50px;text-align:center;border:none;outline:none;font-size:16px;font-weight:700;background:transparent;color:var(--text)}.btn-buy{flex:1;padding:14px 24px;font-size:16px;font-weight:800;border-radius:var(--radius-sm);background:var(--accent);color:white;transition:all var(--transition)}.btn-buy:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent)}.stock-info{display:flex;align-items:center;gap:6px;font-size:13px}.in-stock{color:var(--success)}.out-stock{color:var(--error)}.product-tabs{margin-top:48px}.tabs-header{display:flex;gap:0;border-bottom:2px solid var(--card-border);margin-bottom:24px}.tab-btn{padding:12px 24px;font-size:14px;font-weight:700;color:var(--text-muted);border:none;background:none;cursor:pointer;position:relative;transition:color var(--transition)}.tab-btn::after{content:'';position:absolute;bottom:-2px;right:0;left:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform var(--transition)}.tab-btn.active{color:var(--accent)}.tab-btn.active::after{transform:scaleX(1)}.tab-panel{display:none}.tab-panel.active{display:block}.tab-content{display:none}.tab-content.active{display:block}.product-desc{font-size:15px;line-height:1.8;color:var(--text-sub)}.product-desc h2{font-size:18px;color:var(--text);margin:20px 0 10px}.product-desc ul{padding-right:20px}.product-desc li{margin-bottom:6px}.reviews-summary{display:flex;gap:40px;align-items:center;padding:24px;background:var(--bg-alt);border-radius:var(--radius);margin-bottom:24px}.avg-rating-big{text-align:center}.avg-number{font-size:56px;font-weight:900;color:var(--accent);line-height:1}.dark-mode .avg-number{color:var(--text)}.avg-stars{font-size:24px;margin:4px 0}.avg-count{font-size:13px;color:var(--text-muted)}.rating-bars{flex:1;display:flex;flex-direction:column;gap:6px}.rating-bar-row{display:flex;align-items:center;gap:8px}.bar-label{font-size:12px;white-space:nowrap;color:var(--text-sub);width:30px}.bar-track{flex:1;height:6px;background:var(--card-border);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:#FFB300;border-radius:3px;transition:width 0.8s ease}.bar-count{font-size:12px;color:var(--text-muted);width:24px;text-align:left}.review-card{padding:20px;border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:16px}.reviewer-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.reviewer-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.reviewer-name{font-weight:700;font-size:14px}.reviewer-location{font-size:12px;color:var(--text-muted)}.review-title{font-weight:700;font-size:15px;margin-bottom:6px}.review-text{font-size:14px;color:var(--text-sub);line-height:1.7}.review-verified{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--success);font-weight:600;margin-top:8px}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.cart-table{width:100%;border-collapse:collapse}.cart-table th{padding:12px 16px;text-align:right;font-size:13px;color:var(--text-muted);border-bottom:2px solid var(--card-border)}.cart-table td{padding:16px;vertical-align:middle;border-bottom:1px solid var(--card-border)}.cart-product-info{display:flex;align-items:center;gap:14px}.cart-img{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover}.cart-name{font-size:14px;font-weight:600}.cart-remove{color:var(--error);font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background var(--transition)}.cart-remove:hover{background:#FFF1F2}.cart-summary{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px;position:sticky;top:100px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--card-border);font-size:14px}.summary-row:last-child{border-bottom:none;font-weight:800;font-size:16px}.coupon-row{display:flex;gap:8px;margin:16px 0}.coupon-input{flex:1;padding:10px 12px;border:1px solid var(--card-border);border-radius:var(--radius-sm);font-size:13px;background:var(--bg);color:var(--text);outline:none}.coupon-input:focus{border-color:var(--accent)}.site-footer{background:linear-gradient(180deg,#0A1430 0%,#0A1F20 100%);color:#E8ECF8;padding:60px 0 0;border-top:3px solid #D4A843}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px}.footer-heading{font-size:14px;font-weight:800;color:#FFFFFF;margin-bottom:16px;display:flex;align-items:center;gap:8px}.footer-heading i{color:#D4A843;font-size:16px}.footer-links li{margin-bottom:10px}.footer-links a{font-size:13px;color:#B8C0E0;transition:color .2s,padding-right .2s;display:flex;align-items:center;gap:6px}.footer-links a:hover{color:#D4A843;padding-right:4px}.footer-links i{font-size:13px;color:#6B7DB8}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}.footer-logo-icon{font-family:var(--font-en);font-size:24px;font-weight:800;color:#FF5E00;background:rgba(255,255,255,0.08);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid rgba(212,168,67,.3)}.footer-logo-name{font-family:var(--font-en);font-size:16px;font-weight:800;color:#FFFFFF}.footer-logo-sub{font-size:11px;color:#8896C8}.footer-desc{font-size:13px;line-height:1.8;margin-bottom:20px;color:#B8C0E0}.footer-social{display:flex;gap:10px;flex-wrap:wrap}.social-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;background:rgba(255,255,255,0.06);color:#B8C0E0;border:1px solid rgba(255,255,255,0.1)}.social-icon:hover{transform:translateY(-2px)}.social-icon.fb:hover{background:#1877F2}.social-icon.ig:hover{background:linear-gradient(45deg,#F09433,#E6683C,#DC2743,#CC2366,#BC1888)}.social-icon.tw:hover{background:#1DA1F2}.social-icon.tk:hover{background:#000}.social-icon.wa:hover{background:#25D366}.footer-contact .contact-item{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:10px}.footer-contact i{color:#D4A843;font-size:16px;flex-shrink:0}.footer-contact a{color:#D0D8F0;transition:color .2s}.footer-contact a:hover{color:#D4A843}.btn-whatsapp{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:#25D366;color:white;padding:10px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:700;transition:all var(--transition)}.btn-whatsapp:hover{background:#1eb857;transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(212,168,67,0.2);padding:20px 0;background:rgba(0,0,0,.15)}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-bottom p{font-size:13px;color:#8896C8}.footer-payment{display:flex;align-items:center;gap:10px;font-size:12px;color:#8896C8;flex-wrap:wrap}.float-whatsapp{position:fixed;bottom:80px;left:24px;z-index:1000;width:54px;height:54px;border-radius:50%;background:#25D366;color:white;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 16px rgba(37,211,102,0.4);transition:all var(--transition);animation:waFloat 3s ease-in-out infinite}.float-whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(37,211,102,0.6)}@keyframes waFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.back-to-top{position:fixed;bottom:24px;left:24px;z-index:1000;width:44px;height:44px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--shadow);transition:all var(--transition);opacity:0;visibility:hidden}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--accent);transform:translateY(-2px)}.newsletter-section{background:linear-gradient(135deg,var(--primary-mid),var(--accent));padding:56px 0}.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.newsletter-icon{font-size:48px;margin-bottom:12px}.newsletter-text h2{font-size:26px;font-weight:900;color:white;margin-bottom:8px}.newsletter-text p{color:rgba(255,255,255,0.7);font-size:14px}.nl-input-group{display:flex;flex-direction:column;gap:10px}.nl-input{padding:13px 18px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);color:white;font-size:14px;font-family:inherit;outline:none;transition:border-color var(--transition);backdrop-filter:blur(10px)}.nl-input::placeholder{color:rgba(255,255,255,0.5)}.nl-input:focus{border-color:var(--accent)}.nl-btn{padding:13px 24px;background:var(--accent);color:white;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition);font-family:inherit}.nl-btn:hover{background:var(--accent-hover)}.nl-msg{font-size:13px;min-height:18px;margin-top:4px}.nl-success{color:#A7F3D0}.nl-error{color:#FECACA}.breadcrumb{padding:16px 0;font-size:13px}.breadcrumb-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumb-list a{color:var(--text-muted);transition:color var(--transition)}.breadcrumb-list a:hover{color:var(--accent)}.breadcrumb-list .sep{color:var(--text-muted)}.breadcrumb-list .current{color:var(--text);font-weight:600}.blog-page-hero{background:linear-gradient(135deg,var(--accent),var(--primary-mid));padding:48px 0;text-align:center}.blog-page-hero h1{font-size:36px;color:white;font-weight:900;margin-bottom:8px}.blog-page-hero p{color:rgba(255,255,255,0.7)}.blog-post-header{margin-bottom:32px}.blog-post-meta{display:flex;gap:16px;margin-top:12px;font-size:13px;color:var(--text-muted);flex-wrap:wrap}.blog-post-meta span{display:flex;align-items:center;gap:4px}.blog-post-content{font-size:16px;line-height:1.85;color:var(--text-sub)}.blog-post-content h2{font-size:22px;color:var(--text);margin:32px 0 14px}.blog-post-content p{margin-bottom:16px}.blog-post-content ul,.blog-post-content ol{padding-right:24px;margin-bottom:16px}.blog-post-content li{margin-bottom:8px}.blog-post-content img{border-radius:var(--radius);margin:24px auto}.admin-body{background:var(--bg)}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:var(--accent);position:fixed;top:0;right:0;bottom:0;overflow-y:auto;z-index:100;display:flex;flex-direction:column;transition:transform 0.3s}.admin-sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,0.1)}.admin-logo{font-family:var(--font-en);font-size:20px;font-weight:800;color:var(--accent);margin-bottom:4px}.admin-subtitle{font-size:11px;color:rgba(255,255,255,0.5)}.admin-nav{padding:12px 0;flex:1}.admin-nav-section{padding:14px 16px 6px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.35);font-weight:600}.admin-nav-link{display:flex;align-items:center;gap:10px;padding:11px 16px;color:rgba(255,255,255,0.7);font-size:13px;font-weight:500;transition:all var(--transition);position:relative}.admin-nav-link i{font-size:18px;flex-shrink:0}.admin-nav-link:hover{background:rgba(255,255,255,0.06);color:white}.admin-nav-link.active{background:rgba(255,94,0,0.12);color:var(--accent);border-right:3px solid var(--accent)}.admin-nav-link .badge-count{margin-right:auto;background:var(--accent);color:white;font-size:10px;padding:1px 7px;border-radius:99px}.admin-main{margin-right:260px;padding:32px;min-height:100vh}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:12px}.admin-page-header h1{font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px}.admin-page-header h1 i{font-size:26px;color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--card-border);padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-value{font-size:26px;font-weight:900;color:var(--text);line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-muted)}.stat-card:hover{box-shadow:var(--shadow)}.admin-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--card-border);padding:24px;margin-bottom:24px}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-card-header h2{font-size:16px;font-weight:800}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{padding:10px 14px;text-align:right;color:var(--text-muted);font-weight:600;border-bottom:2px solid var(--card-border);white-space:nowrap}.admin-table td{padding:12px 14px;border-bottom:1px solid var(--card-border);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg)}.badge-status{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.badge-pending{background:#FEF3C7;color:#92400E}.badge-processing{background:#EDE9FE;color:#5B21B6}.badge-shipped{background:#DBEAFE;color:#1E40AF}.badge-delivered{background:#D1FAE5;color:#065F46}.badge-cancelled{background:#FEE2E2;color:#991B1B}.badge-active{background:#D1FAE5;color:#065F46}.badge-inactive{background:#FEE2E2;color:#991B1B}.badge-draft{background:#F3F4F6;color:#6B7280}.badge-published{background:#D1FAE5;color:#065F46}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--text-sub)}.form-control{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--bg);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-control-lg{padding:12px 16px;font-size:15px}textarea.form-control{resize:vertical;min-height:100px}.form-hint{font-size:11px;color:var(--text-muted)}.form-full{grid-column:1 / -1}.page-hero{background:linear-gradient(135deg,var(--accent),var(--primary-mid));padding:56px 0;text-align:center}.page-hero h1{font-size:clamp(26px,3.5vw,42px);color:white;font-weight:900}.page-hero p{color:rgba(255,255,255,0.7);margin-top:10px;font-size:16px}.page-content{padding:56px 0}.content-prose{max-width:760px;margin:0 auto;font-size:15px;line-height:1.85;color:var(--text-sub)}.content-prose h2{font-size:22px;color:var(--text);font-weight:800;margin:36px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--card-border)}.content-prose h3{font-size:17px;color:var(--text);font-weight:700;margin:24px 0 10px}.content-prose p{margin-bottom:14px}.content-prose ul{padding-right:22px;margin-bottom:16px}.content-prose li{margin-bottom:6px}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}.contact-info-card{background:var(--accent);color:white;border-radius:var(--radius-lg);padding:36px}.contact-info-card h2{font-size:22px;margin-bottom:24px}.contact-info-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.contact-info-item i{font-size:22px;color:var(--accent);flex-shrink:0;margin-top:2px}.ci-title{font-size:13px;font-weight:700;margin-bottom:2px}.ci-val{font-size:13px;color:rgba(255,255,255,0.7)}.ci-val a{color:rgba(255,255,255,0.8);transition:color var(--transition)}.ci-val a:hover{color:var(--accent)}.auth-page{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);padding:40px;width:100%;max-width:420px}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo-icon{font-family:var(--font-en);font-size:36px;font-weight:800;color:var(--accent)}.auth-title{font-size:22px;font-weight:900;margin-bottom:6px}.auth-sub{font-size:14px;color:var(--text-muted)}.auth-divider{text-align:center;color:var(--text-muted);font-size:12px;margin:16px 0;position:relative}.auth-divider::before{content:'';position:absolute;top:50%;right:0;left:0;height:1px;background:var(--card-border)}.auth-divider span{background:var(--card-bg);padding:0 12px;position:relative}.checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}.checkout-section-title{font-size:16px;font-weight:800;margin-bottom:20px;display:flex;align-items:center;gap:8px}.checkout-section-title i{color:var(--accent);font-size:20px}.payment-options{display:flex;flex-direction:column;gap:10px}.payment-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--card-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.payment-option input[type="radio"]{width:16px;height:16px;accent-color:var(--accent)}.payment-option:has(input:checked){border-color:var(--accent);background:var(--accent-glow)}.payment-label{font-size:14px;font-weight:600}.payment-sub{font-size:12px;color:var(--text-muted)}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-img{display:none}.product-layout{grid-template-columns:1fr}.product-gallery{position:static}.cart-layout{grid-template-columns:1fr}.checkout-layout{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.newsletter-inner{grid-template-columns:1fr;text-align:center}.blog-grid{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:1fr 1fr;gap:16px}.admin-main{margin-right:0;padding:20px}}@media (max-width:768px){.search-bar{display:none}.menu-toggle{display:flex}.main-nav{display:none;padding:0}.main-nav.open{display:block}.nav-list{flex-direction:column}.nav-link{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,0.06)}.nav-has-dropdown .nav-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(255,255,255,0.05);border:none;border-radius:0}.nav-inner{flex-direction:column;align-items:stretch}.nav-whatsapp{margin:12px 16px;text-align:center;justify-content:center}.products-grid{grid-template-columns:repeat(2,1fr);gap:14px}.categories-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:1fr}.admin-sidebar{transform:translateX(100%)}.admin-sidebar.open{transform:translateX(0)}.footer-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr}.action-label{display:none}.header-action-btn{padding:8px}.topbar-left .topbar-item:not(:first-child){display:none}}@media (max-width:480px){.products-grid{grid-template-columns:1fr 1fr;gap:10px}.product-info{padding:10px 12px}.product-name{font-size:12px}.price-sale,.price-regular{font-size:15px}.btn-add-cart{font-size:12px;padding:8px}.btn-add-cart span{display:none}.categories-grid{grid-template-columns:repeat(3,1fr);gap:8px}.cat-card-icon{width:44px;height:44px;font-size:22px}.cat-card-name{font-size:11px}}.fade-in{animation:fadeIn 0.5s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.slide-up{animation:slideUp 0.5s ease forwards;opacity:0;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.admin-body{margin:0;background:var(--bg);font-family:'Cairo',sans-serif;display:flex;min-height:100vh}.admin-sidebar{width:260px;background:#0A1F20;color:#fff;display:flex;flex-direction:column;position:fixed;top:0;right:0;height:100vh;z-index:300;transition:transform .3s}.admin-sidebar.closed{transform:translateX(260px)}.sidebar-header{padding:20px 20px 12px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.sidebar-logo span{font-weight:800;font-size:18px;color:#fff}.sidebar-logo em{color:#FF5E00;font-style:normal}.sidebar-logo small{display:block;color:rgba(255,255,255,.4);font-size:11px}.sidebar-close{display:none;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0}.sidebar-nav .nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:rgba(255,255,255,.7);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s;border-right:3px solid transparent}.sidebar-nav .nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar-nav .nav-item.active{background:rgba(255,94,0,.15);color:#FF5E00;border-right-color:#FF5E00}.sidebar-nav .nav-item i{font-size:18px;flex-shrink:0}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.admin-avatar{width:36px;height:36px;background:#FF5E00;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.sidebar-footer>div{flex:1;overflow:hidden}.sidebar-footer strong{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer small{color:rgba(255,255,255,.4);font-size:11px}.sidebar-footer a{color:rgba(255,255,255,.5);font-size:18px;transition:color .2s}.sidebar-footer a:hover{color:#FF5E00}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:299}.admin-main{flex:1;margin-right:260px;display:flex;flex-direction:column;min-height:100vh}.admin-topbar{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:0 24px;height:60px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100}.sidebar-toggle{display:none;background:none;border:none;font-size:22px;cursor:pointer;color:var(--text)}.admin-page-title{flex:1;font-size:18px;font-weight:700;color:var(--text);margin:0}.admin-content{padding:24px;flex:1}.admin-card{background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border);padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header h3{margin:0;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--card-bg);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--card-border)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-card.orange .stat-icon{background:rgba(255,94,0,.12);color:#FF5E00}.stat-card.blue .stat-icon{background:rgba(0,212,255,.12);color:#00D4FF}.stat-card.green .stat-icon{background:rgba(44,153,66,.12);color:#2C9942}.stat-card.purple .stat-icon{background:rgba(107,47,160,.12);color:#6b2fa0}.stat-card.red .stat-icon{background:rgba(192,57,43,.12);color:#C0392B}.stat-card.cyan .stat-icon{background:rgba(0,212,255,.12);color:#00D4FF}.stat-card.yellow .stat-icon{background:rgba(212,168,67,.12);color:#D4A843}.stat-card.gray .stat-icon{background:var(--bg);color:var(--text-muted)}.stat-value{display:block;font-size:22px;font-weight:800;color:var(--text)}.stat-label{display:block;font-size:12px;color:var(--text-muted)}.charts-row{display:flex;gap:16px;margin:20px 0}.chart-card{flex:1;background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border);padding:20px}.chart-card h3{margin:0 0 16px;font-size:15px}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:right;padding:10px 12px;background:var(--bg);color:var(--text-muted);font-weight:600;border-bottom:2px solid var(--card-border);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid var(--card-border);vertical-align:middle}.data-table tbody tr:hover{background:var(--bg)}.filters-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.filters-form{display:flex;gap:8px;flex:1}.filters-form input,.filters-form select{padding:8px 12px;border:1px solid var(--card-border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--card-bg);color:var(--text)}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.pending{background:rgba(212,168,67,.15);color:#D4A843}.status-badge.confirmed{background:rgba(0,212,255,.15);color:#00D4FF}.status-badge.processing{background:rgba(255,94,0,.15);color:#FF5E00}.status-badge.shipped{background:rgba(107,47,160,.15);color:#6b2fa0}.status-badge.delivered{background:rgba(44,153,66,.15);color:#2C9942}.status-badge.cancelled{background:rgba(192,57,43,.15);color:#C0392B}.badge-active{background:rgba(44,153,66,.15);color:#2C9942;padding:3px 8px;border-radius:12px;font-size:12px}.badge-inactive{background:rgba(192,57,43,.15);color:#C0392B;padding:3px 8px;border-radius:12px;font-size:12px}.badge-featured{background:rgba(212,168,67,.15);color:#D4A843;padding:2px 6px;border-radius:4px;font-size:11px}.badge-new-sm{background:rgba(0,212,255,.15);color:#00D4FF;padding:2px 6px;border-radius:4px;font-size:11px}.badge-out-sm{background:rgba(192,57,43,.15);color:#C0392B;padding:2px 6px;border-radius:4px;font-size:11px}.role-badge{padding:3px 8px;border-radius:12px;font-size:12px;font-weight:600}.role-badge.super_admin{background:rgba(255,94,0,.15);color:#FF5E00}.role-badge.admin{background:rgba(0,212,255,.15);color:#00D4FF}.role-badge.moderator{background:rgba(107,47,160,.15);color:#6b2fa0}.role-badge.support{background:rgba(44,153,66,.15);color:#2C9942}.btn-xs{padding:4px 8px;font-size:12px;border-radius:6px}.btn-sm{padding:7px 14px;font-size:13px;border-radius:8px}.btn-danger{background:rgba(192,57,43,.1);color:#C0392B;border:1px solid #C0392B}.btn-danger:hover{background:#C0392B;color:#fff}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-select{padding:4px 8px;border:1px solid var(--card-border);border-radius:6px;font-family:inherit;font-size:12px;background:var(--card-bg);color:var(--text);cursor:pointer}.status-select.pending{border-color:#D4A843;color:#D4A843}.status-select.confirmed{border-color:#00D4FF;color:#00D4FF}.status-select.delivered{border-color:#2C9942;color:#2C9942}.status-select.cancelled{border-color:#C0392B;color:#C0392B}.form-control{width:100%;padding:8px 12px;border:1px solid var(--card-border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--card-bg);color:var(--text)}.perms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:12px;background:var(--bg);border-radius:8px}.form-actions{display:flex;gap:12px;margin-top:16px}.text-danger{color:#C0392B}.price-sale-sm{color:#FF5E00;font-weight:700}.price-orig-sm{color:var(--text-muted);font-size:12px}.user-avatar-sm{width:32px;height:32px;background:linear-gradient(135deg,#FF5E00,#00D4FF);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px;flex-shrink:0}.cart-section{padding:48px 0}.empty-cart{text-align:center;padding:80px 20px}.empty-cart i{font-size:80px;color:var(--card-border)}.empty-cart h2{font-size:24px;margin:16px 0 8px}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}.cart-items{background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);overflow:hidden}.cart-header-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:16px;padding:12px 20px;background:var(--bg);font-size:13px;font-weight:600;color:var(--text-muted)}.cart-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:16px;padding:16px 20px;border-bottom:1px solid var(--card-border);align-items:center}.cart-product{display:flex;align-items:center;gap:12px}.cart-product img{width:72px;height:72px;object-fit:cover;border-radius:8px}.cart-name{font-weight:600;color:var(--text);text-decoration:none;font-size:14px}.cart-name:hover{color:var(--accent)}.cart-subtotal{font-weight:700}.cart-actions{display:flex;justify-content:space-between;padding:16px 20px}.cart-summary{background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);padding:24px}.coupon-box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--card-border)}.coupon-box label{display:block;font-weight:600;margin-bottom:8px;font-size:14px}.coupon-input-row{display:flex;gap:8px}.coupon-input-row input{flex:1;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--bg);color:var(--text)}.coupon-msg.success{color:#2C9942;font-size:13px;margin-top:6px}.coupon-msg.error{color:#C0392B;font-size:13px;margin-top:6px}.coupon-applied{display:flex;align-items:center;gap:6px;color:#2C9942;font-size:13px;margin-top:8px}.remove-coupon{background:none;border:none;color:#C0392B;cursor:pointer;font-size:16px;padding:0}.summary-lines{margin-bottom:20px}.summary-line{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid var(--card-border)}.summary-line.total{font-weight:800;font-size:18px;color:var(--accent);border-bottom:none}.summary-line.discount{color:#2C9942}.free-ship{color:#2C9942;font-weight:700}.free-ship-notice{font-size:13px;color:#FF5E00;padding:8px;background:rgba(255,94,0,.08);border-radius:6px;margin-top:8px;text-align:center}.remove-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:18px;transition:color .2s}.remove-btn:hover{color:#C0392B}.checkout-section{padding:48px 0}.checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}.checkout-form,.checkout-summary{background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);padding:24px}.form-section{margin-bottom:24px}.form-section h3{font-size:16px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.payment-methods{display:flex;flex-direction:column;gap:10px}.payment-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--card-border);border-radius:12px;cursor:pointer;transition:all .2s}.payment-option input{display:none}.payment-option.active{border-color:var(--accent);background:rgba(255,94,0,.05)}.pay-icon{width:44px;height:44px;background:var(--bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent);flex-shrink:0}.pay-info strong{display:block;font-size:14px}.pay-info small{color:var(--text-muted);font-size:12px}.pay-instructions{padding:12px;background:rgba(0,212,255,.08);border-radius:8px;font-size:13px;color:var(--text);margin-top:12px}.checkout-note{font-size:12px;color:var(--text-muted);text-align:center;margin-top:8px}.order-items-mini{margin-bottom:16px}.order-item-mini{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--card-border)}.oi-img{position:relative}.oi-img img{width:44px;height:44px;object-fit:cover;border-radius:6px}.oi-qty{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.oi-name{flex:1;font-size:13px}.oi-price{font-size:13px;font-weight:700;white-space:nowrap}.success-section{padding:60px 0}.success-card{max-width:700px;margin:auto;background:var(--card-bg);border-radius:20px;border:1px solid var(--card-border);padding:40px;text-align:center}.success-icon{font-size:72px;color:#2C9942}.success-card h1{font-size:28px;margin:12px 0 8px}.order-ref{font-size:18px;color:var(--text-muted)}.order-details-box{text-align:right;margin:24px 0;background:var(--bg);border-radius:12px;padding:20px}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.order-info-grid div span{display:block;font-size:12px;color:var(--text-muted)}.order-info-grid div b{font-size:14px}.order-items-table{width:100%;border-collapse:collapse;margin:12px 0}.order-items-table th,.order-items-table td{text-align:right;padding:8px;border-bottom:1px solid var(--card-border);font-size:14px}.order-items-table th{font-weight:600;color:var(--text-muted)}.order-totals-final{border-top:2px solid var(--card-border);padding-top:12px}.ot-line{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.ot-line.total{font-weight:800;font-size:16px;color:var(--accent)}.payment-reminder{background:rgba(212,168,67,.1);border:1px solid #D4A843;border-radius:10px;padding:16px;margin:20px 0;text-align:right;font-size:14px}.success-actions{display:flex;justify-content:center;gap:16px;margin-top:24px}.auth-section{padding:60px 0;min-height:80vh;display:flex;align-items:center}.auth-card{max-width:480px;margin:auto;background:var(--card-bg);border-radius:20px;border:1px solid var(--card-border);padding:40px}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo img{height:50px}.auth-card h1{text-align:center;font-size:22px;margin-bottom:8px}.auth-sub{text-align:center;color:var(--text-muted);font-size:14px;margin-bottom:24px}.auth-form .form-group{margin-bottom:16px}.auth-divider{text-align:center;margin:20px 0;color:var(--text-muted);font-size:13px;position:relative}.auth-divider::before,.auth-divider::after{content:'';position:absolute;top:50%;width:40%;height:1px;background:var(--card-border)}.auth-divider::before{left:0}.auth-divider::after{right:0}.auth-switch{text-align:center;font-size:14px;color:var(--text-muted)}.auth-switch a{color:var(--accent);font-weight:600}.password-wrap{position:relative}.password-wrap input{padding-left:44px}.toggle-pass{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:18px}.form-row-space{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.forgot-link{font-size:13px;color:var(--accent)}.terms-note{font-size:12px;color:var(--text-muted);margin-bottom:16px}.terms-note a{color:var(--accent)}.hint{color:var(--text-muted);font-size:12px}.account-section{padding:40px 0 60px;min-height:80vh}.account-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.account-sidebar{background:var(--card-bg);border-radius:20px;border:1px solid var(--card-border);overflow:hidden;box-shadow:0 4px 20px rgba(10,31,32,.06);position:sticky;top:80px}.user-avatar-box{padding:28px 24px 20px;background:linear-gradient(135deg,#0A1F20 0%,#0F3232 100%);text-align:center}.user-avatar-lg{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#FF5E00,#FF8C42);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:28px;margin:0 auto 14px;box-shadow:0 6px 20px rgba(255,94,0,.4)}.user-avatar-box strong{display:block;font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}.user-avatar-box small{color:rgba(255,255,255,.6);font-size:12px;word-break:break-all}.account-nav{padding:8px 0}.account-nav a{display:flex;align-items:center;gap:12px;padding:13px 24px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:600;border-right:3px solid transparent;transition:all .2s}.account-nav a i{font-size:18px}.account-nav a:hover{background:rgba(255,94,0,.05);color:var(--accent)}.account-nav a.active{border-right-color:var(--accent);color:var(--accent);background:rgba(255,94,0,.07)}.account-nav a.logout-link{color:#E74C3C;border-top:1px solid var(--card-border);margin-top:4px}.account-nav a.logout-link:hover{background:rgba(231,76,60,.05);color:#C0392B}.account-content{background:var(--card-bg);border-radius:20px;border:1px solid var(--card-border);padding:32px 36px;box-shadow:0 4px 20px rgba(10,31,32,.06)}.account-content h2{font-size:22px;font-weight:800;color:var(--text);margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--card-border);display:flex;align-items:center;gap:10px}.account-content h2 i{color:var(--accent);font-size:24px}.acc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.acc-stat{background:var(--bg);border:1px solid var(--card-border);border-radius:16px;padding:20px 16px;text-align:center;transition:transform .2s,box-shadow .2s}.acc-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(10,31,32,.1)}.acc-stat i{font-size:32px;color:var(--accent);margin-bottom:8px;display:block}.acc-stat span{display:block;font-size:28px;font-weight:900;color:var(--text)}.acc-stat small{color:var(--text-muted);font-size:12px;font-weight:600}.acc-stat.pending i{color:#F39C12}.acc-stat.done i{color:#27AE60}.orders-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--card-border)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead tr{background:var(--bg)}.data-table th{padding:12px 16px;text-align:right;font-weight:700;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--card-border)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--card-border);color:var(--text)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:rgba(255,94,0,.03)}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.status-badge.pending{background:rgba(243,156,18,.12);color:#F39C12}.status-badge.confirmed{background:rgba(52,152,219,.12);color:#3498DB}.status-badge.processing{background:rgba(155,89,182,.12);color:#9B59B6}.status-badge.shipped{background:rgba(0,184,148,.12);color:#00B894}.status-badge.delivered{background:rgba(39,174,96,.12);color:#27AE60}.status-badge.cancelled{background:rgba(231,76,60,.12);color:#E74C3C}.profile-form{max-width:600px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-grid .form-group.full{grid-column:1/-1}.profile-form .form-group label{display:block;font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.profile-form input[type="text"],.profile-form input[type="tel"],.profile-form input[type="email"],.profile-form input[type="password"]{width:100%;padding:11px 14px;border-radius:10px;border:1.5px solid var(--card-border);background:var(--bg);color:var(--text);font-family:var(--font-ar);font-size:14px;transition:border-color .2s,box-shadow .2s}.profile-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,94,0,.1)}.profile-form input:disabled{opacity:.6;cursor:not-allowed;background:var(--card-border)}.section-divider{border:none;border-top:2px dashed var(--card-border);margin:28px 0}.empty-state{text-align:center;padding:60px 20px}.empty-state i{font-size:64px;color:var(--card-border);display:block;margin-bottom:16px}.empty-state p{color:var(--text-muted);margin-bottom:20px;font-size:16px}@media (max-width:768px){.account-layout{grid-template-columns:1fr}.account-sidebar{position:static}.account-content{padding:20px}.acc-stats{grid-template-columns:repeat(3,1fr);gap:10px}.acc-stat{padding:14px 10px}.acc-stat span{font-size:22px}.form-grid{grid-template-columns:1fr}}.blog-section{padding:48px 0}.blog-search-bar{max-width:500px;margin:0 auto 32px;display:flex;gap:8px}.blog-search-bar input{flex:1;padding:12px 16px;border:1px solid var(--card-border);border-radius:10px;font-family:inherit;font-size:15px;background:var(--card-bg);color:var(--text)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:var(--card-bg);border-radius:14px;border:1px solid var(--card-border);overflow:hidden;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.blog-card-img img{width:100%;height:200px;object-fit:cover;display:block}.blog-card-body{padding:20px}.blog-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);margin-bottom:10px}.blog-cat{background:rgba(255,94,0,.1);color:#FF5E00;padding:2px 8px;border-radius:20px}.blog-card-body h2{font-size:16px;margin-bottom:8px}.blog-card-body h2 a{color:var(--text);text-decoration:none}.blog-card-body h2 a:hover{color:var(--accent)}.blog-excerpt{color:var(--text-muted);font-size:13px;line-height:1.6;margin-bottom:12px}.blog-readmore{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px}.blog-post-section{padding:48px 0}.post-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}.post-body{background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);overflow:hidden}.post-hero-img img{width:100%;max-height:400px;object-fit:cover;display:block}.post-header{padding:28px 28px 0}.post-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted);margin-bottom:12px}.post-cat{background:rgba(255,94,0,.1);color:#FF5E00;padding:2px 8px;border-radius:20px}.post-header h1{font-size:26px;margin-bottom:8px}.post-title-en{color:var(--text-muted);font-size:16px}.post-content{padding:20px 28px}.prose h2{font-size:20px;margin:24px 0 12px}.prose p{line-height:1.8;margin-bottom:16px}.prose ul,.prose ol{margin:12px 0;padding-right:24px}.prose li{margin-bottom:6px;line-height:1.7}.prose img{max-width:100%;border-radius:8px}.post-tags{padding:0 28px 20px;display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--bg);border:1px solid var(--card-border);padding:4px 12px;border-radius:20px;font-size:12px;color:var(--text-muted)}.post-share{display:flex;align-items:center;gap:12px;padding:20px 28px;border-top:1px solid var(--card-border);font-size:14px}.post-share a{font-size:22px;color:var(--text-muted);transition:color .2s}.post-share a:hover{color:var(--accent)}.post-sidebar .sidebar-widget{background:var(--card-bg);border-radius:14px;border:1px solid var(--card-border);padding:20px;margin-bottom:16px}.post-sidebar .sidebar-widget h3{font-size:15px;margin-bottom:12px}.sidebar-post{display:flex;gap:10px;align-items:center;margin-bottom:12px}.sidebar-post img{width:56px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0}.sidebar-post a{font-size:13px;font-weight:600;color:var(--text);text-decoration:none}.sidebar-post a:hover{color:var(--accent)}.static-section{padding:48px 0}.static-page{max-width:840px;margin:auto;background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);padding:40px}.static-page h1{font-size:28px;margin-bottom:24px}.last-updated{color:var(--text-muted);font-size:13px;margin-bottom:24px}.prose h2{font-size:18px;margin:24px 0 10px;color:var(--accent)}.about-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.about-feat{padding:20px;background:var(--bg);border-radius:12px}.about-feat i{font-size:28px;color:var(--accent);margin-bottom:8px;display:block}.about-feat h3{font-size:15px;margin-bottom:6px}.about-feat p{font-size:13px;color:var(--text-muted)}.contact-layout{display:grid;grid-template-columns:1fr 2fr;gap:28px}.contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.contact-item i{font-size:22px;color:var(--accent);margin-top:2px}.contact-item strong{display:block;font-size:14px;margin-bottom:2px}.contact-item a,.contact-item span{color:var(--text-muted);font-size:14px}.shipping-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.shipping-card{background:var(--bg);border-radius:12px;padding:20px;text-align:center}.shipping-card i{font-size:32px;color:var(--accent);margin-bottom:8px}.shipping-card h3{font-size:14px;margin-bottom:6px}.shipping-card p{font-size:13px;color:var(--text-muted)}.specs-table{width:100%;border-collapse:collapse;margin:12px 0}.specs-table th,.specs-table td{text-align:right;padding:10px 12px;border:1px solid var(--card-border);font-size:14px}.specs-table th{background:var(--bg);font-weight:600}.faq-category{margin-bottom:28px}.faq-category h2{font-size:18px;margin-bottom:12px;color:var(--accent)}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--bg);border-radius:10px;overflow:hidden}.faq-q{width:100%;text-align:right;padding:14px 16px;background:none;border:none;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text)}.faq-a{display:none;padding:0 16px 14px;font-size:14px;color:var(--text-muted);line-height:1.7}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q i{transform:rotate(180deg)}.faq-q i{transition:transform .2s}.faq-intro{text-align:center;color:var(--text-muted);margin-bottom:32px}.faq-cta{text-align:center;margin-top:32px;padding:24px;background:var(--bg);border-radius:12px}.faq-cta p{margin-bottom:12px;font-size:16px}.order-detail-section{padding:48px 0}.order-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.order-detail-header h1{font-size:24px}.order-progress{display:flex;align-items:center;justify-content:center;margin-bottom:36px;gap:0;background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);padding:24px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.step-circle{width:40px;height:40px;border-radius:50%;background:var(--bg);border:2px solid var(--card-border);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted)}.progress-step.done .step-circle{background:var(--accent);border-color:var(--accent);color:#fff}.progress-step.current .step-circle{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px rgba(255,94,0,.2)}.progress-step span{font-size:12px;color:var(--text-muted);font-weight:600}.progress-step.done span,.progress-step.current span{color:var(--accent)}.progress-line{flex:1;height:2px;background:var(--card-border);margin:0 -8px;position:relative;top:-14px}.progress-line.done{background:var(--accent)}.order-detail-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.order-items-section{background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);padding:24px}.order-item-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--card-border)}.oi-img-lg img{width:72px;height:72px;object-fit:cover;border-radius:10px}.oi-info{flex:1}.oi-name-lg a{font-weight:700;font-size:15px;color:var(--text);text-decoration:none}.oi-name-lg a:hover{color:var(--accent)}.oi-meta{font-size:13px;color:var(--text-muted);margin-top:4px}.oi-total{font-weight:800;font-size:15px;white-space:nowrap}.order-totals-box{margin-top:16px;padding-top:16px;border-top:2px solid var(--card-border)}.ot-line.discount{color:#2C9942}.order-info-side .info-card{background:var(--card-bg);border-radius:14px;border:1px solid var(--card-border);padding:18px;margin-bottom:12px}.info-card h4{font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:6px;color:var(--accent)}.info-card p{font-size:13px;color:var(--text-muted);margin-bottom:6px}.info-card p b{color:var(--text)}.warning-card{background:rgba(212,168,67,.06);border-color:rgba(212,168,67,.3)}.warning-card h4{color:#D4A843}.error-section{padding:80px 0}.error-box{text-align:center}.error-code{font-size:120px;font-weight:900;color:var(--accent);line-height:1}.error-box h1{font-size:28px;margin:12px 0}.error-box p{color:var(--text-muted);margin-bottom:28px}.error-actions{display:flex;justify-content:center;gap:16px}.breadcrumb-bar{padding:12px 0;border-bottom:1px solid var(--card-border);background:var(--card-bg)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span:last-child{color:var(--text);font-weight:600}.pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}.page-btn{padding:8px 14px;border:1px solid var(--card-border);border-radius:8px;color:var(--text);text-decoration:none;font-size:14px;transition:all .2s;background:var(--card-bg)}.page-btn:hover,.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-btn.disabled{opacity:.4;pointer-events:none}.flash{padding:14px 18px;border-radius:10px;margin-bottom:16px;font-size:14px;display:flex;align-items:center;gap:10px}.flash.success{background:rgba(44,153,66,.1);border:1px solid rgba(44,153,66,.3);color:#2C9942}.flash.error{background:rgba(192,57,43,.1);border:1px solid rgba(192,57,43,.3);color:#C0392B}.flash.info{background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);color:#00D4FF}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row{flex-direction:column}}@media (max-width:768px){.admin-sidebar{transform:translateX(260px)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-right:0}.sidebar-toggle{display:flex}.sidebar-close{display:block}.sidebar-overlay.show{display:block}.cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-header-row{display:none}.cart-row{grid-template-columns:1fr}.account-layout{grid-template-columns:1fr}.post-layout,.order-detail-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.shipping-grid,.about-features-grid{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}.order-progress{overflow-x:auto;padding:16px}.profile-form .form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.order-info-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.shipping-grid,.about-features-grid{grid-template-columns:1fr}.acc-stats{grid-template-columns:1fr}.auth-card{padding:24px 20px}.static-page{padding:24px}}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:#0A1F20;color:#fff;padding:14px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;z-index:9999;opacity:0;transition:all .3s;box-shadow:0 8px 24px rgba(0,0,0,.3);white-space:nowrap}.toast-notification.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast-notification.toast-success i{color:#2C9942}.toast-notification.toast-error i{color:#C0392B}.toast-notification i{font-size:20px}.product-card,.blog-card{opacity:1;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.product-card.animate-in,.blog-card.animate-in{opacity:1}.whatsapp-float{position:fixed;bottom:24px;right:24px;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;text-decoration:none;box-shadow:0 4px 16px rgba(37,211,102,.4);z-index:998;transition:transform .2s}.whatsapp-float:hover{transform:scale(1.1)}.dark-mode{color-scheme:dark}.dark-mode body,.dark-mode .product-name a,.dark-mode .cat-card-name,.dark-mode .section-title,.dark-mode .section-sub,.dark-mode .hero h1,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode p,.dark-mode label,.dark-mode .blog-title a,.dark-mode .blog-excerpt,.dark-mode .review-text,.dark-mode .reviewer-name,.dark-mode .feature-text h3,.dark-mode .feature-text h4{color:var(--text)}.dark-mode .text-sub,.dark-mode .product-cat,.dark-mode .blog-meta,.dark-mode .reviewer-location,.dark-mode .blog-meta span{color:var(--text-sub)}.dark-mode .search-bar input{color:var(--text);background:var(--bg-alt)}.dark-mode input,.dark-mode textarea,.dark-mode select{background:var(--bg-alt) !important;color:var(--text) !important;border-color:var(--card-border) !important}.dark-mode .nav-link{color:rgba(255,255,255,0.85)}.dark-mode .nav-dropdown a{color:var(--text-sub)}.dark-mode .nav-dropdown{background:var(--card-bg)}.dark-mode .product-card{background:var(--card-bg);border-color:var(--card-border)}.dark-mode .product-img-wrap{background:var(--bg-alt)}.dark-mode .category-card{background:var(--card-bg);border-color:var(--card-border)}.dark-mode .cat-card-icon{background:var(--bg-alt)}.dark-mode .blog-card{background:var(--card-bg);border-color:var(--card-border)}.dark-mode .features-strip{background:rgba(255,255,255,0.04)}.dark-mode .site-footer{background:linear-gradient(180deg,#030D0D 0%,#030D0D 100%)}.dark-mode .btn-add-cart{background:var(--primary-light)}.reviews-section{padding:64px 0;background:var(--bg-alt)}.reviews-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review-slide{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--card-border);padding:24px;position:relative;transition:all var(--transition)}.review-slide:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.review-slide::before{content:'"';font-size:80px;color:var(--accent);opacity:0.15;position:absolute;top:8px;right:20px;line-height:1;font-family:serif}.review-stars{display:flex;gap:3px;margin-bottom:12px}.review-stars i{color:#FFB300;font-size:16px}.review-body{font-size:14px;color:var(--text-sub);line-height:1.75;margin-bottom:16px}.review-author{display:flex;align-items:center;gap:10px}.review-avatar-circle{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:white}.review-author-info strong{display:block;font-size:14px}.review-author-info small{color:var(--text-muted);font-size:12px}.review-verified{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--success);margin-top:8px;font-weight:600}.promos-strip{padding:8px 0;background:var(--bg-alt);border-bottom:1px solid var(--card-border)}.promos-inner{display:flex;gap:12px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.promos-inner::-webkit-scrollbar{display:none}.promo-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-full);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;transition:all var(--transition);color:var(--text)}.promo-pill:hover{border-color:var(--accent);color:var(--accent)}.promo-pill .promo-badge{background:var(--accent);color:white;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:700}.hero-banners{display:grid;grid-template-columns:1fr;gap:0;position:relative}.hero-banner-slide{display:none;padding:80px 0;min-height:480px;align-items:center;background:linear-gradient(135deg,var(--accent) 0%,var(--primary-mid) 60%,var(--primary-light) 100%);position:relative;overflow:hidden}.hero-banner-slide.active{display:flex}.hero-banner-slide::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,94,0,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(0,212,255,.1) 0%,transparent 50%)}.banner-dots{display:flex;justify-content:center;gap:8px;padding:14px 0}.banner-dot{width:8px;height:8px;border-radius:50%;background:var(--card-border);cursor:pointer;transition:all var(--transition)}.banner-dot.active{background:var(--accent);width:24px;border-radius:4px}.lang-switcher{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.08);border-radius:var(--radius-full);padding:3px}.lang-btn{padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700;color:rgba(255,255,255,.7);transition:all var(--transition);text-decoration:none}.lang-btn.active{background:var(--accent);color:white}html[lang="en"]{direction:ltr}html[lang="en"] .main-nav .nav-list{direction:ltr}html[lang="en"] .footer-grid{direction:ltr}.banner-preview{background:linear-gradient(135deg,#064E3B,#059669);border-radius:12px;padding:24px;text-align:center;margin-top:12px;min-height:100px;display:flex;align-items:center;justify-content:center}body:not(.dark-mode) .section-title{color:var(--text)}body:not(.dark-mode) .section-sub{color:var(--text-sub)}.hero-section .hero-title,.hero-section h1,.hero h1{color:white !important}.hero-section .hero-sub,.hero-section p{color:rgba(255,255,255,0.80) !important}.features-strip .feature-text h3,.features-strip .feature-text h4{color:white !important}.features-strip .feature-text p{color:rgba(255,255,255,0.65) !important}.reviews-section{padding:72px 0;background:var(--bg-alt)}.rating-aggregate-hero{display:grid;grid-template-columns:160px 1fr 200px;gap:40px;align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:32px 40px;margin-bottom:40px;box-shadow:0 2px 20px rgba(10,31,32,.07)}.rah-big{text-align:center}.rah-num{font-size:72px;font-weight:900;line-height:1;color:var(--text);font-family:var(--font-en,'Cairo',sans-serif)}.rah-stars{color:#FFB300;font-size:26px;margin:8px 0 6px;letter-spacing:2px}.rah-sub{font-size:13px;color:var(--text-muted);font-weight:600}.rah-bars{flex:1;display:flex;flex-direction:column;gap:9px}.rah-bar-row{display:flex;align-items:center;gap:12px}.rah-bar-label{font-size:13px;font-weight:700;color:var(--text-sub);width:32px;text-align:left}.rah-bar-track{flex:1;height:9px;background:var(--card-border);border-radius:5px;overflow:hidden}.rah-bar-fill{height:100%;background:linear-gradient(90deg,#FFB300,#FF8C00);border-radius:5px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.rah-bar-cnt{font-size:12px;color:var(--text-muted);width:36px;font-weight:600}.rah-badges{display:flex;flex-direction:column;gap:14px;border-right:2px solid var(--card-border);padding-right:32px}.rah-badge{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--text-sub)}.rah-badge i{font-size:20px;color:var(--accent);flex-shrink:0}.reviews-ticker-wrap{overflow:hidden;position:relative;padding:4px 0 16px;cursor:grab}.reviews-ticker-wrap:active{cursor:grabbing}.reviews-ticker-wrap::before,.reviews-ticker-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.reviews-ticker-wrap::before{left:0;background:linear-gradient(to right,var(--bg-alt) 20%,transparent)}.reviews-ticker-wrap::after{right:0;background:linear-gradient(to left,var(--bg-alt) 20%,transparent)}.reviews-ticker{display:flex;gap:20px;width:max-content;animation:revTicker 90s linear infinite;will-change:transform;user-select:none}.reviews-ticker.is-dragging{animation-play-state:paused !important;cursor:grabbing !important}.reviews-ticker.is-paused{animation-play-state:paused}.reviews-ticker-wrap:hover .reviews-ticker{animation-play-state:paused}@keyframes revTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-review-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:22px 20px 18px;width:290px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;transition:box-shadow .25s,transform .25s,border-color .25s}.ticker-review-card:hover{box-shadow:0 6px 24px rgba(10,31,32,.10);transform:translateY(-3px);border-color:var(--accent)}.trc-stars{display:flex;gap:3px}.trc-stars i{color:#FFB300;font-size:15px}.trc-text{font-size:13.5px;color:var(--text-sub);line-height:1.75;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.trc-footer{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--card-border)}.trc-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent));color:white;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}.trc-info strong{display:block;font-size:13px;font-weight:700;color:var(--text)}.trc-info small{font-size:11px;color:var(--text-muted)}@media (max-width:900px){.rating-aggregate-hero{grid-template-columns:1fr;gap:24px;padding:24px}.rah-badges{flex-direction:row;flex-wrap:wrap;border-right:none;padding-right:0;border-top:1px solid var(--card-border);padding-top:16px}.ticker-review-card{width:240px}}@media (max-width:600px){.hero-inner{grid-template-columns:1fr !important}.hero-visual{display:none}.hero-stats{gap:20px}.rah-num{font-size:56px}}.site-header{transition:box-shadow 0.3s ease,padding 0.3s ease}.header-scrolled{box-shadow:0 4px 20px rgba(0,0,0,0.25) !important}@media (max-width:768px){.main-nav.open{display:block;position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--accent);z-index:500;overflow-y:auto;padding:70px 0 30px;box-shadow:-8px 0 32px rgba(0,0,0,0.4);animation:slideInNav 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes slideInNav{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.main-nav.open::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:-1}.main-nav.open .nav-list{flex-direction:column;gap:0}.main-nav.open .nav-link{display:flex;align-items:center;gap:10px;padding:14px 24px;color:rgba(255,255,255,0.85);font-size:15px;font-weight:600;border-bottom:1px solid rgba(255,255,255,0.07);transition:background 0.2s,color 0.2s}.main-nav.open .nav-link:hover,.main-nav.open .nav-link.active{background:rgba(255,94,0,0.15);color:var(--accent)}.nav-has-dropdown .nav-dropdown{display:none;position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;background:rgba(0,0,0,0.2) !important;border-radius:0 !important;border:none !important;padding:4px 0 8px !important}.nav-has-dropdown.dropdown-open .nav-dropdown{display:block !important}.nav-dropdown-btn i.bx-chevron-down{margin-right:auto;transition:transform 0.3s}.nav-has-dropdown.dropdown-open .nav-dropdown-btn i.bx-chevron-down{transform:rotate(180deg)}.nav-dropdown a{padding:10px 32px !important;font-size:13px !important;color:rgba(255,255,255,0.65) !important}.nav-dropdown a:hover{color:var(--accent) !important;background:transparent !important}.nav-whatsapp.nav-link{margin:12px 16px !important;border-radius:10px !important;background:#25D366 !important;color:#fff !important;justify-content:center;text-align:center;border-bottom:none !important}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.category-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:16px;padding:20px 12px 16px;text-align:center;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;cursor:pointer;position:relative;overflow:hidden}.category-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,var(--cat-color,rgba(255,94,0,0.08)) 100%);pointer-events:none}.category-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(10,31,32,0.15);border-color:var(--cat-color,var(--accent))}.cat-card-link{display:flex;flex-direction:column;align-items:center;gap:8px}.cat-card-icon{width:64px;height:64px;border-radius:50%;background:var(--cat-gradient,linear-gradient(135deg,#FF5E00 0%,#FF8C42 100%));display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 4px;transition:transform 0.25s ease,box-shadow 0.25s ease;box-shadow:0 4px 16px var(--cat-glow,rgba(255,94,0,0.25))}.category-card:hover .cat-card-icon{transform:scale(1.12) rotate(-4deg);box-shadow:0 8px 24px var(--cat-glow,rgba(255,94,0,0.4))}.cat-card-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.3}.cat-count{font-size:11px;color:var(--text-muted);background:var(--bg-alt);padding:2px 8px;border-radius:20px;display:inline-block;margin-top:2px}.category-card:nth-child(6n+1){--cat-gradient:linear-gradient(135deg,#FF5E00,#FF8C42);--cat-glow:rgba(255,94,0,.3);--cat-color:rgba(255,94,0,.2)}.category-card:nth-child(6n+2){--cat-gradient:linear-gradient(135deg,#064E3B,#047857);--cat-glow:rgba(10,31,32,.3);--cat-color:rgba(22,27,94,.2)}.category-card:nth-child(6n+3){--cat-gradient:linear-gradient(135deg,#00C48C,#00A878);--cat-glow:rgba(0,196,140,.3);--cat-color:rgba(0,196,140,.2)}.category-card:nth-child(6n+4){--cat-gradient:linear-gradient(135deg,#00D4FF,#0099CC);--cat-glow:rgba(0,212,255,.3);--cat-color:rgba(0,212,255,.2)}.category-card:nth-child(6n+5){--cat-gradient:linear-gradient(135deg,#9B59B6,#6C3483);--cat-glow:rgba(155,89,182,.3);--cat-color:rgba(155,89,182,.2)}.category-card:nth-child(6n+6){--cat-gradient:linear-gradient(135deg,#FFB300,#E65100);--cat-glow:rgba(255,179,0,.3);--cat-color:rgba(255,179,0,.2)}.dark-mode .category-card{background:var(--card-bg);border-color:var(--card-border)}.dark-mode .cat-count{background:rgba(255,255,255,0.07)}.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.5s ease,transform 0.5s ease}.reveal.revealed{opacity:1;transform:translateY(0)}#searchToggle{display:none}@media (max-width:768px){#searchToggle{display:flex}.search-bar.mobile-open{display:flex !important;position:absolute;top:100%;left:0;right:0;padding:10px 16px;background:var(--accent);z-index:200;box-shadow:0 8px 24px rgba(0,0,0,0.3)}}.product-card,.category-card,.blog-card{will-change:transform;contain:layout style}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:10px}.cat-card-icon{width:52px;height:52px;font-size:24px}.cat-card-name{font-size:12px}.category-card{padding:14px 8px 12px}}@media (max-width:420px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:8px}.cat-card-icon{width:46px;height:46px;font-size:22px}.cat-card-name{font-size:11px}}.search-toggle-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.1);color:#fff;font-size:18px;cursor:pointer;border:none}@media (max-width:768px){.search-toggle-btn{display:flex}}.product-card,.blog-card,.category-card{opacity:1 !important;visibility:visible !important}.auth-section{min-height:100vh;display:flex;align-items:center;padding:20px 0;background:var(--bg)}.auth-wrap{display:grid;grid-template-columns:420px 1fr;min-height:600px;width:100%;max-width:980px;margin:auto;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px rgba(10,31,32,.22)}.auth-brand{background:linear-gradient(150deg,#0A1F20 0%,#0F3232 60%,#14B8A6 200%);padding:56px 44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.auth-brand::before{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07) 0%,transparent 70%);top:-80px;right:-80px}.auth-brand::after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,94,0,.2) 0%,transparent 70%);bottom:30px;left:-40px}.auth-brand-logo{font-size:38px;font-weight:900;color:#fff;font-family:'Calibri',sans-serif;letter-spacing:-1px;position:relative;z-index:1;margin-bottom:6px}.auth-brand-logo span{color:#FFB347}.auth-brand-tagline{color:rgba(255,255,255,.65);font-size:14px;margin-bottom:40px;position:relative;z-index:1}.auth-brand-features{list-style:none;padding:0;margin:0;position:relative;z-index:1;width:100%}.auth-brand-features li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.88);font-size:13.5px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.auth-brand-features li:last-child{border:none}.auth-brand-features li i{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#FFB347;font-size:17px;flex-shrink:0}.auth-form-panel{background:#fff;padding:56px 52px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.dark-mode .auth-form-panel{background:var(--card-bg)}.auth-form-panel h1{font-size:26px;font-weight:800;color:#064E3B;margin-bottom:6px}.dark-mode .auth-form-panel h1{color:var(--text)}.auth-form-panel .auth-sub{color:#888;font-size:14px;margin-bottom:28px}.auth-form-panel .form-group{margin-bottom:16px}.auth-form-panel .form-group label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#444;margin-bottom:6px}.dark-mode .auth-form-panel .form-group label{color:var(--text-muted)}.auth-form-panel .form-group label i{color:#FF5E00;font-size:15px}.auth-form-panel input[type="email"],.auth-form-panel input[type="password"],.auth-form-panel input[type="text"],.auth-form-panel input[type="tel"]{width:100%;padding:12px 16px;border:1.5px solid #e0e0e0;border-radius:12px;background:#FAFAFA;color:#1a1a2e;font-size:14px;font-family:'Cairo',sans-serif;transition:all .2s;outline:none}.dark-mode .auth-form-panel input{background:var(--bg);color:var(--text);border-color:var(--card-border)}.auth-form-panel input:focus{border-color:#FF5E00;background:#fff;box-shadow:0 0 0 3px rgba(255,94,0,.1)}.auth-form-panel .btn-primary{width:100%;padding:14px;font-size:15px;border-radius:12px;margin-top:8px;font-weight:800;background:linear-gradient(135deg,#FF5E00,#FF8C42);border:none;color:#fff;cursor:pointer;transition:all .2s}.auth-form-panel .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,94,0,.4)}.auth-form-panel .form-row-space{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px}.auth-form-panel .forgot-link{color:#FF5E00;font-weight:600;text-decoration:none}.auth-form-panel .auth-divider{text-align:center;margin:20px 0;color:#aaa;font-size:13px;position:relative}.auth-form-panel .auth-divider::before,.auth-form-panel .auth-divider::after{content:'';position:absolute;top:50%;width:42%;height:1px;background:#e0e0e0}.auth-form-panel .auth-divider::before{right:0}.auth-form-panel .auth-divider::after{left:0}.auth-form-panel .auth-switch{text-align:center;margin-top:20px;font-size:14px;color:#888}.auth-form-panel .auth-switch a{color:#FF5E00;font-weight:700;text-decoration:none}.auth-form-panel .flash{padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:18px}.auth-form-panel .flash.error{background:rgba(192,57,43,.08);border:1px solid rgba(192,57,43,.2);color:#C0392B}.auth-form-panel .password-wrap{position:relative}.auth-form-panel .toggle-pass{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#aaa;font-size:18px;padding:4px;transition:color .2s}.auth-form-panel .toggle-pass:hover{color:#FF5E00}.pass-strength-bar{height:4px;border-radius:4px;background:#f0f0f0;margin-top:6px;overflow:hidden}.pass-strength-fill{height:100%;border-radius:4px;width:0%;transition:width .3s,background .3s}@media(max-width:768px){.auth-wrap{grid-template-columns:1fr;border-radius:0}.auth-brand{display:none}.auth-form-panel{padding:40px 24px;min-height:100vh}}.review-form-box{background:var(--bg);border:1.5px solid var(--card-border);border-radius:20px;padding:28px;margin-top:24px;max-width:560px}.rfb-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--card-border)}.rfb-header i{font-size:36px;color:#F39C12;background:rgba(243,156,18,.1);width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rfb-header h3{font-size:18px;font-weight:800;margin:0 0 4px;color:var(--text)}.rfb-header p{font-size:13px;color:var(--text-muted);margin:0}.rfb-stars-wrap{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.rfb-stars-label{font-size:13px;font-weight:700;color:var(--text-muted);white-space:nowrap}.rfb-stars{display:flex;gap:6px}.rfb-star{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:transform .15s,background .15s;line-height:1}.rfb-star:hover{background:rgba(243,156,18,.12);transform:scale(1.15)}.rfb-star i{font-size:32px;color:#D5D8DC;transition:color .15s;display:block}.rfb-star.active i,.rfb-star.hover i{color:#F39C12}.rfb-star.active i{content:'\eb28'}.rfb-stars-text{font-size:13px;font-weight:700;color:var(--text-muted);min-width:90px}.rfb-stars-text.s1{color:#E74C3C}.rfb-stars-text.s2{color:#E67E22}.rfb-stars-text.s3{color:#F39C12}.rfb-stars-text.s4{color:#27AE60}.rfb-stars-text.s5{color:#2ECC71}.rfb-field{margin-bottom:18px}.rfb-field label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px}.rfb-field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--card-border);border-radius:12px;background:var(--card-bg);color:var(--text);font-family:var(--font-ar);font-size:14px;resize:vertical;min-height:90px;transition:border-color .2s,box-shadow .2s;outline:none}.rfb-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,94,0,.1)}.rfb-submit{display:flex;align-items:center;gap:8px;padding:13px 28px;background:linear-gradient(135deg,#FF5E00,#FF8C42);color:#fff;border:none;border-radius:12px;font-family:var(--font-ar);font-size:15px;font-weight:800;cursor:pointer;transition:all .2s}.rfb-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,94,0,.35)}.rfb-submit:disabled{background:var(--card-border);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.rfb-submit i{font-size:18px}.review-login-prompt{display:flex;align-items:center;gap:12px;background:rgba(255,94,0,.05);border:1.5px dashed var(--accent);border-radius:14px;padding:18px 20px;margin-top:20px}.review-login-prompt i{font-size:28px;color:var(--accent);flex-shrink:0}.review-login-prompt p{margin:0;font-size:14px;color:var(--text-muted)}.review-login-prompt a{color:var(--accent);font-weight:700}@media (max-width:480px){.rfb-stars-wrap{gap:8px}.rfb-star i{font-size:28px}.review-form-box{padding:20px 16px}}.rfb-wrap{background:#FFF9F0;border:2px solid #FFD580;border-radius:16px;padding:24px;margin-top:20px;max-width:520px}.dark-mode .rfb-wrap{background:rgba(243,156,18,.06);border-color:rgba(243,156,18,.25)}.rfb-title{font-size:17px;font-weight:800;color:var(--text);margin:0 0 16px;display:flex;align-items:center;gap:8px}.rfb-title i{color:#F39C12;font-size:20px}.rfb-hint{font-size:13px;color:var(--text-muted);margin:0 0 10px}.rfb-stars-row{display:flex;align-items:center;gap:4px;margin-bottom:16px}.rfb-s{background:none;border:none;cursor:pointer;padding:2px;line-height:0}.rfb-s i{font-size:36px;color:#D5D5D5;transition:color .1s,transform .1s;display:block}.rfb-s:hover i,.rfb-s.on i{color:#F39C12}.rfb-s:hover{transform:scale(1.15)}.rfb-label{font-size:14px;font-weight:800;margin-right:8px;min-width:80px;color:var(--text-muted)}.rfb-textarea{width:100%;padding:12px 14px;border:1.5px solid #E8E0CC;border-radius:12px;background:#fff;color:var(--text);font-family:var(--font-ar);font-size:14px;resize:vertical;min-height:80px;margin-bottom:14px;transition:border-color .2s;outline:none;display:block}.dark-mode .rfb-textarea{background:var(--bg);border-color:var(--card-border)}.rfb-textarea:focus{border-color:#F39C12;box-shadow:0 0 0 3px rgba(243,156,18,.15)}.rfb-btn{padding:12px 28px;background:linear-gradient(135deg,#FF5E00,#FF8C42);color:#fff;border:none;border-radius:12px;font-family:var(--font-ar);font-size:15px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.rfb-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,94,0,.3)}.rfb-btn:disabled{background:#D5D5D5;cursor:not-allowed}.rfb-btn i{font-size:18px}.rfb-login{display:flex;align-items:center;gap:12px;background:rgba(255,94,0,.05);border:1.5px dashed rgba(255,94,0,.3);border-radius:12px;padding:16px 20px;margin-top:20px}.rfb-login i{font-size:24px;color:var(--accent)}.rfb-login p{margin:0;font-size:14px;color:var(--text-muted)}.rfb-login a{color:var(--accent);font-weight:700}.review-form-box{all:unset}.rfb-stars-row{display:flex;align-items:center;gap:4px;margin-bottom:16px}.rfb-s{background:none;border:none;cursor:pointer;font-size:40px;color:#ccc;padding:2px 4px;transition:color .15s,transform .15s,text-shadow .15s;line-height:1}.rfb-s:hover{color:#F39C12 !important;transform:scale(1.2)}.rfb-label{font-size:15px;font-weight:800;margin-right:8px;min-width:100px;transition:color .2s}.accepted-payments{margin-top:16px;padding:14px 16px;background:var(--bg);border-radius:12px;border:1px solid var(--card-border)}.accepted-label{font-size:12px;font-weight:700;color:var(--text-muted);display:block;margin-bottom:10px}.payment-icons-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pi-badge{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default;transition:transform .15s}.pi-badge:hover{transform:translateY(-2px)}.pi-badge svg{border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.15);display:block}.pi-badge i{font-size:22px}.pi-badge span{font-size:10px;color:var(--text-muted);font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;align-items:stretch}.product-card{display:flex;flex-direction:column}.product-info{display:flex;flex-direction:column;flex:1}.product-name{flex:1}.product-price-row{margin-top:auto}.btn-add-cart,.product-card>.product-info>a.btn-add-cart,.product-info>a[class*="btn-add-cart"]{margin-top:auto;width:100%}
/* ═══ Hero Banner Carousel ══════════════════════════════════════ */
.hero-section.banner-carousel{position:relative;overflow:hidden;padding:0;min-height:480px;display:block}
.hero-slide{display:none;padding:80px 0;min-height:480px;align-items:center;position:relative;
  background:linear-gradient(135deg,#0A1F20 0%,#0F3232 60%,#1A5252 100%);
  animation:slideIn .6s ease}
.hero-slide.active{display:flex}
@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:10}
.carousel-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35);
  border:none;cursor:pointer;transition:all .3s;padding:0}
.carousel-dot.active{background:#fff;width:28px;border-radius:5px}
.carousel-dot:hover{background:rgba(255,255,255,.7)}
/* ═══════════════════════════════════════════════════════════════ */

/* ═══ Hero Banner Carousel — FIXED ════════════════════════════ */
.hero-section.banner-carousel {
  position: relative;
  overflow: hidden;
  display: block !important;
  padding: 0;
  min-height: 480px;
  background: #0A1F20;
}
/* إخفاء كل الشرائح افتراضياً */
.banner-carousel .hero-slide {
  display: none !important;
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: 480px;
  padding: 80px 0;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.5s ease;
}
/* إظهار الشريحة النشطة فقط */
.banner-carousel .hero-slide.active {
  display: flex !important;
  position: relative;
  opacity: 1;
}
/* نقاط التنقل */
.carousel-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 20;
}
.carousel-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.4);
  border: 2px solid rgba(255,255,255,0.6);
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
.carousel-dot:hover { background: rgba(255,255,255,0.7); }
.carousel-dot.active {
  background: #fff;
  width: 30px;
  border-radius: 5px;
  border-color: #fff;
}
/* ═══════════════════════════════════════════════════════════════ */