/* ==========================================================================
   AZANSYS — Drone Battery & Charger page
   Layout/behaviour comes from the agriculture design system
   (css/agriculture.css). The palette below re-maps that system's colours to
   the homepage theme (css/style.css tokens):
     --blue #0878f9  --blue-dark #0566d7  --navy #09254a  --ink #102b50
     --muted #5e7089  --pale #eaf5ff  --line #dce9f8
   ========================================================================== */

/* ---------- palette swap: agriculture green -> homepage blue/navy ---------- */
.battery-page{
  --agr-green:#0878f9;        /* brand accent (buttons, icons, chips) — was #07853c */
  --agr-green-dark:#0566d7;   /* hover accent — was #056b30 */
  --agr-deep:#09254a;         /* deep surface — was #00271e */
  --agr-band:#09254a;         /* dark band — was #04291c */
  --agr-ink:#102b50;          /* headline ink — was #101a20 */
  --agr-muted:#5e7089;        /* secondary text — was #4c5558 */
  --agr-line:#dce9f8;         /* hairlines — was #e4e9e6 */
  color:#102b50;
}
.battery-page h1,.battery-page h2,.battery-page h3,.battery-page h4{color:#09254a}
.battery-page .agr-eyebrow,.battery-page .agr-eyebrow-green{color:#0878f9}
.battery-page .agr-section-head-stack>p{color:#5e7089}
.battery-page .agr-button-outline{border-color:#9bc8ff;color:#09254a}
.battery-page .agr-button-outline:hover{background:#f2f8ff}
.battery-page .agr-button-white{color:#09254a}
.battery-page .agr-button:hover{box-shadow:0 8px 18px rgba(8,120,249,.25)}

/* hero */
.battery-page .agr-hero{background:#e8f1fb}
.battery-page .agr-hero h1 span{color:#0878f9}
.battery-page .agr-hero-sub{color:#09254a}
.battery-page .agr-hero-copy{color:#5e7089}
.battery-page .agr-hero-stats{background:rgb(4 4 4 / 88%)}
.battery-page .agr-stat-icon{color:#8fc0ff}
.battery-page .agr-stat small{color:#d7e6f8}
.battery-page .agr-hero-slide{filter:drop-shadow(0 12px 20px rgba(9,37,74,.22))}

/* about */
.battery-page .agr-about-copy>p:not(.agr-eyebrow){color:#5e7089}
.battery-page .agr-orbit{border-color:#e8f4ff;box-shadow:inset 0 0 0 2px #cfe2f8}
.battery-page .agr-product-label i{color:#0878f9}
.battery-page .agr-product-shot{filter:drop-shadow(0 15px 12px rgba(9,37,74,.16))}

/* dark highlight bands */
.battery-page .agr-highlights{background-image:var(--agr-img)}
.battery-page .agr-highlights-head .agr-eyebrow{color:#bcd9ff}
.battery-page .agr-highlights-head>p{color:#e6efff}
.battery-page .agr-highlight-card small{color:#54677f}
.battery-page .agr-highlights-head h2{color:#ffffff}

/* feature (battery) cards */
.battery-page .agr-feature-card{border-color:#dce9f8}
.battery-page .agr-feature-body p{color:#5e7089}
.battery-page .agr-feature-body>a{border-color:#9bc8ff;color:#0878f9}

/* benefits + testimonial */
.battery-page .agr-benefit-grid article{border-color:#dce9f8}
.battery-page .agr-benefit-grid article:hover{border-color:#9ccaff}
.battery-page .agr-benefit-grid small{color:#5e7089}
.battery-page .agr-testimonial{border-color:#dce9f8;box-shadow:0 7px 25px rgba(23,87,149,.10)}
.battery-page .agr-testimonial p{color:#3f4f66}
.battery-page .agr-avatar{background:#e8f4ff;color:#0566d7}
.battery-page .agr-reviewer small{color:#5e7089}

/* safety FAQ */
.battery-page .agr-faq-copy>p:not(.agr-eyebrow){color:#5e7089}
.battery-page .agr-faq-list details{border-color:#dce9f8}
.battery-page .agr-faq-list summary:after{color:#0878f9}
.battery-page .agr-faq-list details p{color:#5e7089}

/* specifications */
.battery-page .agr-specs{background:#f5faff}
.battery-page .agr-spec-card{border-color:#dce9f8;box-shadow:0 5px 16px rgba(23,87,149,.07)}
.battery-page .agr-spec-card>h3{border-bottom-color:#e8f4ff}
.battery-page .agr-spec-card>h3 span{background:#e8f4ff;color:#0566d7}
.battery-page .agr-spec-row{border-bottom-color:#eef6ff}
.battery-page .agr-spec-row:hover{background:#f2f8ff}
.battery-page .agr-spec-row dt{color:#5e7089}
.battery-page .agr-spec-row dd{color:#102b50}

/* gallery */
.battery-page .agr-shot{border-color:#dce9f8;box-shadow:0 5px 16px rgba(23,87,149,.07)}
.battery-page .agr-shot:hover{border-color:#9ccaff;box-shadow:0 14px 30px rgba(23,87,149,.11)}
.battery-page .agr-shot figcaption{color:#5e7089;border-top-color:#eef6ff}

/* overlays */
.battery-page .agr-lightbox,.battery-page .agr-video-modal{background:rgba(4,16,34,.92)}
.battery-page .agr-toast{background:#09254a}

@media(max-width:700px){
  .battery-page .agr-hero-image{background-image:linear-gradient(90deg,rgba(240,246,253,.96) 0%,rgba(240,246,253,.88) 58%,rgba(240,246,253,.42) 100%),var(--agr-img)}
}

/* ---------- page-specific extensions ---------- */
.battery-page .btc-technology .agr-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.battery-page .btc-batteries .agr-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.battery-page .btc-battery-card .agr-feature-image{object-fit:contain;background:#fff;padding:16px;height:175px}
.battery-page .btc-badge{align-self:flex-start;background:#e8f4ff;color:#0566d7;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;letter-spacing:.3px;margin-bottom:8px}
.battery-page .btc-charger-shot{height:300px;object-fit:cover;border-radius:14px}
.battery-page .btc-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.battery-page .btc-ghost{border-color:#ffffff73;color:#fff;background:#ffffff14}
.battery-page .btc-ghost:hover{background:#fff;color:#09254a;box-shadow:0 7px 18px rgba(4,16,34,.18)}

@media(max-width:1100px){
  .battery-page .btc-technology .agr-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .battery-page .btc-batteries .agr-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .battery-page .btc-charger-shot{height:260px}
}
@media(max-width:700px){
  .battery-page .btc-technology .agr-benefit-grid{grid-template-columns:1fr}
  .battery-page .btc-batteries .agr-feature-grid{grid-template-columns:1fr}
  .battery-page .btc-charger-shot{height:210px;border-radius:11px}
  .battery-page .btc-cta-actions{grid-column:1/-1;grid-row:3}
  .battery-page .btc-cta-actions .agr-button{flex:1 1 auto;justify-content:center}
}
