/* ============================================================
   PAGE: courier-country — courier-to-[country].html style landings
   Load after site base CSS. Hero image path is relative to this file
   (served from /css/pages/ → ../../photos/).
   ============================================================ */

.hero--courier-country {
  background-image:
    linear-gradient(rgba(74, 0, 114, 0.9), rgba(106, 0, 153, 0.82)),
    url('../../photos/hero-usa.webp');
}

.hero--courier-country .hero-subline {
  opacity: 0.95;
  font-size: 15px;
}

.courier-rate-snippet {
  background: var(--white);
  border: 1px solid var(--hairline);
  border-radius: var(--r-lg);
  padding: 22px 24px;
  margin: 28px auto;
  max-width: 560px;
  text-align: center;
  box-shadow: var(--shadow-sm);
}
.courier-rate-snippet .rate-label {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--muted);
  margin-bottom: 6px;
}
.courier-rate-snippet .rate-value {
  font-size: 28px;
  font-weight: 800;
  color: var(--primary);
}