/* Joshua Batteries | Battery dropdown typography enhancement | 2026-10-23
   Scoped to the seven Battery menu pages only; no global style changes. */

/* Desktop dropdown readability; leave general navigation spacing alone. */
body.battery-font-refresh #site-header .dropdown-menu a {
  font-size: 16px;
  line-height: 1.45;
}

/* Common page copy and buttons. */
body.battery-font-refresh main {
  text-size-adjust: 100%;
}
body.battery-font-refresh main .btn,
body.battery-font-refresh main .info-actions .btn,
body.battery-font-refresh main .cta-phone-row a {
  font-size: 16px;
  line-height: 1.45;
}
body.battery-font-refresh main .breadcrumb,
body.battery-font-refresh main .info-breadcrumb {
  font-size: 14px;
  line-height: 1.6;
}
body.battery-font-refresh main .page-kicker,
body.battery-font-refresh main .mini-label,
body.battery-font-refresh main .kicker,
body.battery-font-refresh main .cta-eyebrow {
  font-size: 13px;
  line-height: 1.5;
}
body.battery-font-refresh main .page-lead {
  font-size: 19px;
  line-height: 1.7;
}
body.battery-font-refresh main .page-proof span {font-size: 14px;line-height: 1.5;}
body.battery-font-refresh main .media-badge strong {font-size: 15px;}
body.battery-font-refresh main .media-badge small {font-size: 13px;line-height: 1.5;}

/* Exide, Amaron, Luminous and Microtek pages. */
body.battery-font-refresh .brand-battery-subnav a {
  font-size: 16px;
  line-height: 1.45;
}
body.battery-font-refresh main .exide-strip-item,
body.battery-font-refresh main .amaron-strip-item,
body.battery-font-refresh main .luminous-strip-item,
body.battery-font-refresh main .microtek-strip-item {
  font-size: 15px;
  line-height: 1.55;
}
body.battery-font-refresh main .intro-copy > p:not(.mini-label),
body.battery-font-refresh main .section-heading > p:not(.kicker),
body.battery-font-refresh main .section-heading.center > p:not(.kicker) {
  font-size: 17px;
  line-height: 1.72;
}
body.battery-font-refresh main .feature-card h3 {
  font-size: 21px;
  line-height: 1.3;
}
body.battery-font-refresh main .feature-card p,
body.battery-font-refresh main .power-range-card p,
body.battery-font-refresh main .exide-showcase-card p,
body.battery-font-refresh main .exide-range-card p,
body.battery-font-refresh main .amaron-showcase-card p,
body.battery-font-refresh main .luminous-gallery-card p,
body.battery-font-refresh main .microtek-gallery-card p,
body.battery-font-refresh main .product-panel p,
body.battery-font-refresh main .certificate-copy p:not(.kicker),
body.battery-font-refresh main .product-item,
body.battery-font-refresh main .product-list li,
body.battery-font-refresh main .check-list li,
body.battery-font-refresh main .comparison-table td,
body.battery-font-refresh main .comparison-table th {
  font-size: 16px;
  line-height: 1.68;
}
body.battery-font-refresh main .power-range-card h3,
body.battery-font-refresh main .exide-showcase-card h3,
body.battery-font-refresh main .exide-range-card h3,
body.battery-font-refresh main .amaron-showcase-card h3,
body.battery-font-refresh main .luminous-gallery-card h3,
body.battery-font-refresh main .microtek-gallery-card h3,
body.battery-font-refresh main .product-panel h3 {
  font-size: 21px;
  line-height: 1.32;
}
body.battery-font-refresh main .process-no {font-size: 14px;}
body.battery-font-refresh main .process-card h3 {
  font-size: 23px !important;
  line-height: 1.3 !important;
}
body.battery-font-refresh main .process-card p {
  font-size: 16px !important;
  line-height: 1.68 !important;
}
body.battery-font-refresh main .faq-wrap summary,
body.battery-font-refresh main details.faq-item summary {
  font-size: 18px;
  line-height: 1.5;
}
body.battery-font-refresh main .faq-wrap details p,
body.battery-font-refresh main details.faq-item p {
  font-size: 16px;
  line-height: 1.7;
}
body.battery-font-refresh main .section > .container > p:not(.kicker):not(.mini-label):not(.cta-eyebrow),
body.battery-font-refresh main .cta-band > div > p:not(.cta-eyebrow) {
  font-size: 17px;
  line-height: 1.72;
}

/* Online UPS, UPS/Inverter, and maintenance content cards. */
body.battery-font-refresh main .info-hero .power-page-grid > div > p:not(.kicker),
body.battery-font-refresh main .info-hero .container > p:last-child {
  font-size: 19px;
  line-height: 1.72;
}
body.battery-font-refresh main .info-grid article h3 {
  font-size: 22px;
  line-height: 1.32;
}
body.battery-font-refresh main .info-grid article p,
body.battery-font-refresh main .info-grid article li {
  font-size: 16px;
  line-height: 1.7;
}
body.battery-font-refresh main .info-cta p,
body.battery-font-refresh main .jb-service-areas p:not(.kicker),
body.battery-font-refresh main .jb-service-areas li {
  font-size: 16px;
  line-height: 1.7;
}

/* Keep headings proportional and prevent crowded phone layouts. */
@media (max-width: 950px) {
  body.battery-font-refresh #site-header .dropdown-menu a {font-size: 16px;}
}
@media (max-width: 700px) {
  body.battery-font-refresh main .page-lead {font-size: 17px;line-height:1.7;}
  body.battery-font-refresh main .intro-copy > p:not(.mini-label),
  body.battery-font-refresh main .section-heading > p:not(.kicker) {font-size: 16.5px;}
  body.battery-font-refresh main .feature-card h3 {font-size: 20px;}
  body.battery-font-refresh main .process-card h3 {font-size: 21px !important;}
  body.battery-font-refresh .brand-battery-subnav a {font-size: 14px !important;line-height: 1.4 !important;}
  body.battery-font-refresh main .info-hero .power-page-grid > div > p:not(.kicker),
  body.battery-font-refresh main .info-hero .container > p:last-child {font-size: 17px;}
  body.battery-font-refresh main .info-grid article h3 {font-size: 20px;}
  body.battery-font-refresh main .faq-wrap summary {font-size: 17px;}
}