/* ============================================================
   charges.css — Hyderabad to {Country} Charges & Rates pages
   Companion to slp-critical.css + slp-deferred.css
   Only rules unique to the charges vertical live here.
   ============================================================ */

/* Hero modifier — uses the same --hero-img custom property pattern
   as every other SLP vertical (medicine, pickles, baggage). */
.hero--charges {
  background-image:
    linear-gradient(to bottom right, rgba(20,20,20,.62), rgba(0,50,100,.48)),
    var(--hero-img, url('../photos/service-photo.webp'));
  background-size: cover;
  background-position: center top;
}

/* Carrier breakdown cards (Section 12 replacement) */
.carrier-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1.25rem;
  margin-top: 1.5rem;
}

.carrier-card {
  border-top: 3px solid var(--color-gold, #f5a623);
}

.carrier-card .carrier-tag {
  display: inline-block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-gold, #f5a623);
  margin-bottom: .35rem;
}

.carrier-card h3 {
  margin: 0 0 .4rem;
  font-size: 1.05rem;
}

.carrier-card .carrier-speed {
  font-size: .85rem;
  font-weight: 600;
  color: var(--color-text-muted, #555);
  margin-bottom: .5rem;
}

/* Rate-conscious segment cards reuse .segment-card from deferred;
   no extra rules needed here. */