:root{--detail-primary:#10B981;--detail-secondary:#059669;--detail-accent:#34D399;--dark-bg:#0a0a0a;--card-bg:#111111;--card-bg-light:#1a1a1a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-dark:#1e293b;--image-bg:linear-gradient(135deg,rgba(16,185,129,0.12),rgba(52,211,153,0.08) 50%,rgba(5,150,105,0.05))}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,system-ui,sans-serif}.solar-batteries-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 40% 40%,rgba(5,150,104,.123) 0,transparent 50%);pointer-events:none;z-index:0}.hero-section{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(5,150,105,.05) 50%,var(--dark-bg) 100%)}.hero-background,.hero-grid{position:absolute;top:0;left:0;right:0;bottom:0}.hero-grid{background-image:linear-gradient(rgba(16,185,129,.1) 1px,transparent 0),linear-gradient(90deg,rgba(16,185,129,.1) 1px,transparent 0);background-size:50px 50px;opacity:.3;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-grid{will-change:transform}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 20px}.hero-icon{font-size:3rem;color:var(--detail-primary);margin-bottom:20px;display:flex;justify-content:center;animation:iconPulse 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(16,185,129,.5))}@keyframes iconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(16,185,129,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(16,185,129,.8))}}.hero-title{font-size:3.5rem;font-weight:700;color:var(--detail-primary);text-shadow:0 4px 8px rgba(0,0,0,.3);animation:titleGlow 4s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 4px 8px rgba(0,0,0,.3),0 0 20px rgba(16,185,129,.3)}50%{text-shadow:0 4px 8px rgba(0,0,0,.3),0 0 40px rgba(16,185,129,.6)}}.hero-description{font-size:1.3rem;color:var(--text-secondary);margin-bottom:30px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.hero-breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem}.breadcrumb-link{color:#F59E0B;text-decoration:none;font-weight:500;transition:color .3s ease}.breadcrumb-link:hover{color:#D97706}.breadcrumb-separator{color:var(--text-secondary);font-weight:600}.breadcrumb-current{color:var(--text-secondary);font-weight:500}.container{max-width:1400px;margin:0 auto;padding:20px;position:relative;z-index:1}.header{text-align:center;padding:40px 20px;margin-bottom:40px}.header h1{font-size:2.8rem;margin-bottom:15px;background:linear-gradient(135deg,var(--text-primary) 0,var(--detail-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.header p{color:var(--text-secondary);font-size:1.2rem;max-width:600px;margin:0 auto}.filters{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:var(--detail-accent);padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn.active{background:var(--detail-primary);color:white;box-shadow:0 5px 15px rgba(16,185,129,.3)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px;padding:20px 0}.product-card{background:linear-gradient(145deg,var(--card-bg) 50%,var(--card-bg-light) 100%);border-radius:20px;overflow:hidden;border:1px solid rgba(16,185,129,.15);position:relative;display:flex;flex-direction:column}.product-image-container{width:100%;height:300px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:15px 15px 0 0}.product-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0),rgba(0,0,0,.02));pointer-events:none;z-index:1}.product-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .4s cubic-bezier(.4,0,.2,1);filter:brightness(1)}.product-card:hover .product-image{transform:scale(1.08);filter:brightness(1.05) saturate(1.1)}.product-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,var(--detail-primary),var(--detail-accent));color:white;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:3}.product-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.product-title{text-align:center;font-size:1.5rem;margin-bottom:20px;color:rgba(0,255,179,.84);font-weight:700;line-height:1.3}.product-description{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.6;flex-grow:1}.specs-container{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.spec-column{display:flex;flex-direction:column;gap:12px}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:rgba(16,185,129,.05);border-radius:10px;border:1px solid rgba(16,185,129,.1)}.spec-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.spec-value{font-size:1rem;font-weight:700;color:var(--detail-accent)}.product-features{margin-bottom:20px}.features-title{font-size:1rem;color:var(--detail-primary);margin-bottom:12px;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feature-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.feature-icon{color:var(--detail-accent);font-size:1rem;width:16px;text-align:center}.product-actions{margin-top:auto}.btn{display:block;width:100%;padding:14px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:var(--detail-accent);border-radius:10px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:all .3s ease;font-size:1rem}.btn:hover{background:rgba(16,185,129,.2);transform:translateY(-2px)}.empty-state,.loading-state{text-align:center;padding:60px 20px;color:var(--text-secondary);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{padding:30px 15px;margin-bottom:30px}.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{height:400px;padding:20px;background:none}.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;overflow-x:auto;padding-bottom:10px}.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{display:flex;align-items:center;gap:14px;padding:8px 4px;background:transparent;border:none;box-shadow:none;position:relative;width:100%}.company-header img{width:72px;height:72px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.company-text{display:flex;flex-direction:column}.company-name{margin:0;font-size:1.35rem;font-weight:800;color:var(--detail-primary)}.company-count{color:var(--text-secondary);font-weight:700}.company-country{display:block;margin-top:2px;color:var(--text-secondary);font-weight:600;font-size:.85rem}.product-company img{width:40px;height:40px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 1px 6px rgba(0,0,0,.3))}.company-header:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:linear-gradient(90deg,rgba(16,185,129,.45),rgba(16,185,129,.15),transparent);border-radius:2px}@media (max-width:768px){.company-header img{width:56px;height:56px}}@media (max-width:480px){.company-header img{width:48px;height:48px}}