.az-specs-section{ padding:120px 0; background:linear-gradient( 180deg, #ffffff 0%, #f8fbff 100% ); overflow:hidden; } .az-specs-header{ text-align:center; max-width:850px; margin:0 auto 70px; } .az-specs-header span{ display:inline-block; padding:10px 22px; border-radius:50px; background:#eaf4ff; color:#0f6fff; font-size:13px; font-weight:700; letter-spacing:1px; } .az-specs-header h2{ font-size:60px; font-weight:800; color:#111827; margin:25px 0 15px; line-height:1.1; } .az-specs-header h2 strong{ display:block; color:#0f6fff; } .az-specs-header p{ color:#64748b; font-size:18px; line-height:1.8; } .az-spec-grid{ width:92%; max-width:1400px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:35px; align-items:center; } .az-battery-card{ position:relative; background:#fff; border-radius:30px; padding:35px; box-shadow: 0 20px 60px rgba(15,23,42,.08); transition:.45s; overflow:hidden; } .az-battery-card:hover{ transform:translateY(-15px); } .az-battery-card::before{ content:''; position:absolute; top:-120px; right:-120px; width:250px; height:250px; border-radius:50%; background:rgba(15,111,255,.06); } .az-top-label{ display:inline-block; padding:10px 18px; border-radius:50px; background:#eef6ff; color:#2a313a; font-weight:700; margin-bottom:25px; } .az-battery-card img{ width:100%; max-width:260px; display:block; margin:0 auto 30px; animation:azBatteryFloat 5s ease-in-out infinite; } .az-battery-card ul{ list-style:none; padding:0; margin:0; } .az-battery-card ul li{ position:relative; padding:14px 0 14px 28px; border-bottom:1px solid #eef2f7; color:#475569; font-weight:500; } .az-battery-card ul li:last-child{ border-bottom:none; } .az-battery-card ul li::before{ content:''; position:absolute; left:0; top:20px; width:10px; height:10px; border-radius:50%; background:#0f6fff; } .az-featured{ transform:scale(1.08); z-index:2; border:2px solid rgba(15,111,255,.15); background:linear-gradient( 180deg, #ffffff, #f7fbff ); } .az-featured:hover{ transform:scale(1.08) translateY(-15px); } .az-featured::after{ content:'BEST PERFORMANCE'; position:absolute; top:18px; right:-40px; background:#000000; color:#fff; font-size:11px; font-weight:700; padding:8px 45px; transform:rotate(35deg); } @keyframes azBatteryFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-15px); } } @media(max-width:1100px){ .az-spec-grid{ grid-template-columns:1fr; max-width:650px; } .az-featured{ transform:none; } .az-featured:hover{ transform:translateY(-15px); } } @media(max-width:768px){ .az-specs-section{ padding:80px 0; } .az-specs-header h2{ font-size:40px; } .az-battery-card{ padding:25px; } .az-battery-card img{ max-width:220px; } }