:root{--detail-primary:#10b981;--detail-secondary:#059669;--detail-accent:#34d399;--dark-bg:#0a0a0a;--card-bg:#111;--card-bg-light:#1a1a1a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-dark:#1e293b;--image-bg:linear-gradient(135deg, #10b9811f 0%, #34d39914 50%, #0596690d 100%)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Noto Sans Arabic,system-ui,Segoe UI,Roboto,sans-serif}.solar-batteries-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 40% 40%,#0596681f 0%,#0000 50%);position:fixed;inset:0}.hero-section{justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.hero-background{background:linear-gradient(135deg, #10b9811a 0%, #0596690d 50%, var(--dark-bg) 100%);position:absolute;inset:0}.hero-grid{opacity:.3;background-image:linear-gradient(#10b9811a 1px,#0000 1px),linear-gradient(90deg,#10b9811a 1px,#0000 1px);background-size:50px 50px;animation:20s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-grid{will-change:transform}.hero-content{z-index:2;text-align:center;max-width:800px;padding:0 20px;position:relative}.hero-icon{color:var(--detail-primary);filter:drop-shadow(0 0 20px #10b98180);justify-content:center;margin-bottom:20px;font-size:3rem;animation:3s ease-in-out infinite iconPulse;display:flex}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 20px #10b98180);transform:scale(1)}50%{filter:drop-shadow(0 0 30px #10b981cc);transform:scale(1.05)}}.hero-title{color:var(--detail-primary);text-shadow:0 4px 8px #0000004d;font-size:3.5rem;font-weight:700;animation:4s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{text-shadow:0 4px 8px #0000004d,0 0 20px #10b9814d}50%{text-shadow:0 4px 8px #0000004d,0 0 40px #10b98199}}.hero-description{color:var(--text-secondary);max-width:600px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:1.3rem;line-height:1.6}.hero-breadcrumb{justify-content:center;align-items:center;gap:10px;font-size:1rem;display:flex}.breadcrumb-link{color:#f59e0b;font-weight:500;text-decoration:none;transition:color .3s}.breadcrumb-link:hover{color:#d97706}.breadcrumb-separator{color:var(--text-secondary);font-weight:600}.breadcrumb-current{color:var(--text-secondary);font-weight:500}.container{z-index:1;max-width:1400px;margin:0 auto;padding:20px;position:relative}.header{text-align:center;margin-bottom:40px;padding:40px 20px}.header h1{background:linear-gradient(135deg, var(--text-primary) 0%, var(--detail-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:2.8rem;font-weight:700}.header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.filters{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}.filter-btn{color:var(--detail-accent);cursor:pointer;background:#10b9811a;border:1px solid #10b98133;border-radius:25px;padding:10px 20px;font-weight:500;transition:all .3s}.filter-btn.active{background:var(--detail-primary);color:#fff;box-shadow:0 5px 15px #10b9814d}.products-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px;padding:20px 0;display:grid}.product-card{background:linear-gradient(145deg, var(--card-bg) 50%, var(--card-bg-light) 100%);border:1px solid #10b98126;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-image-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:15px 15px 0 0;width:100%;height:300px;position:relative;overflow:hidden}.product-image-container:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#0000 0%,#00000005 100%);position:absolute;inset:0}.product-image{object-fit:cover;object-position:center;filter:brightness();width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{filter:brightness(1.05)saturate(1.1);transform:scale(1.08)}.product-badge{background:linear-gradient(135deg, var(--detail-primary), var(--detail-accent));color:#fff;z-index:3;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600;position:absolute;top:15px;right:15px;box-shadow:0 4px 12px #0006}.product-content{flex-direction:column;flex-grow:1;padding:25px;display:flex}.product-title{text-align:center;color:#00ffb3d6;margin-bottom:20px;font-size:1.5rem;font-weight:700;line-height:1.3}.product-description{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.specs-container{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;display:grid}.spec-column{flex-direction:column;gap:12px;display:flex}.spec-item{background:#10b9810d;border:1px solid #10b9811a;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.spec-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.spec-value{color:var(--detail-accent);font-size:1rem;font-weight:700}.product-features{margin-bottom:20px}.features-title{color:var(--detail-primary);margin-bottom:12px;font-size:1rem;font-weight:600}.features-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.feature-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.feature-icon{color:var(--detail-accent);text-align:center;width:16px;font-size:1rem}.product-actions{margin-top:auto}.btn{width:100%;color:var(--detail-accent);cursor:pointer;text-align:center;background:#10b9811a;border:1px solid #10b98133;border-radius:10px;padding:14px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.btn:hover{background:#10b98133;transform:translateY(-2px)}.loading-state,.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:1.2rem}@media (max-width:768px){.hero-section{min-height:50vh}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-icon{font-size:2.5rem}.container{padding:0}.header{margin-bottom:30px;padding:30px 15px}.header h1{font-size:2.2rem}.header p{font-size:1.1rem}.filters{gap:10px;margin-bottom:30px}.filter-btn{padding:8px 16px;font-size:.9rem}.products-grid{grid-template-columns:1fr;gap:25px}.product-image-container{background:0 0;height:400px;padding:20px}.product-content{padding:20px}.product-title{font-size:1.3rem}.company-header img{width:56px;height:56px}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.header h1{font-size:1.8rem}.header p{font-size:1rem}.filters{justify-content:flex-start;padding-bottom:10px;overflow-x:auto}.filter-btn{flex-shrink:0}.product-image-container{height:400px;padding:15px}.company-header img{width:48px;height:48px}}@media (min-width:769px) and (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}.company-section{margin-bottom:48px}.company-header{box-shadow:none;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:8px 4px;display:flex;position:relative}.company-header img{object-fit:cover;filter:drop-shadow(0 2px 8px #00000059);border-radius:50%;width:72px;height:72px}.company-text{flex-direction:column;display:flex}.company-name{color:var(--detail-primary);margin:0;font-size:1.35rem;font-weight:800}.company-count{color:var(--text-secondary);font-weight:700}.company-country{color:var(--text-secondary);margin-top:2px;font-size:.85rem;font-weight:600;display:block}.product-company img{object-fit:cover;filter:drop-shadow(0 1px 6px #0000004d);border-radius:50%;width:40px;height:40px}.company-header:after{content:"";background:linear-gradient(90deg,#10b98173,#10b98126,#0000);border-radius:2px;height:2px;position:absolute;bottom:-12px;left:0;right:0}@media (max-width:768px){.company-header img{width:56px;height:56px}}@media (max-width:480px){.company-header img{width:48px;height:48px}}