/* ══════════════════════════════════════════════════════
   Return PAGE
   File: css/return.css
   ══════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────
   BASE STYLES
───────────────────────────────────────────────────── */
.shipping-hero {
  position: relative;
  min-height: 52vh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--charcoal, #ECEEF4);
  border-bottom: 1px solid var(--border, rgba(27,79,138,0.13));
  padding: 0 0 72px;
}
.shipping-hero-inner {
  position: relative;
  z-index: 2;
  padding-top: 140px; /* clears fixed navbar */
}
.shipping-hero .hero-grid-bg,
.shipping-hero .hero-vignette,
.shipping-hero .hero-lines { pointer-events: none; }

/* ---- ELEMENTOR CANVAS WRAPPER ---- */
.shipping-elementor-canvas {
  width: 100%;
}
/*
  If you want Elementor to be truly full-width (edge-to-edge),
  go to Elementor → Edit Page → gear icon (bottom-left) →
  Page Layout → set to "Elementor Full Width" or "Canvas".
  The wrapper below constrains only if Elementor is in Default layout.
*/
.shipping-elementor-canvas .elementor-section-boxed > .elementor-container {
  max-width: 1500px; /* matches theme .container max-width */
}

/* ---- FALLBACK BLOCK ---- */
.shipping-fallback { text-align: center; }
.shipping-notice { max-width: 560px; margin: 0 auto; }
.shipping-notice h2 { color: var(--brand-gold-dim, rgba(191,156,36,0.38)); margin-top: 0.5rem; }
.shipping-notice p { margin-top: 1.5rem; }

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
  .shipping-hero { min-height: 45vh; padding-bottom: 56px; }
  .shipping-hero-inner { padding-top: 120px; }
}
@media (max-width: 768px) {
  .shipping-hero { min-height: 38vh; padding-bottom: 44px; }
  .shipping-hero-inner { padding-top: 100px; }
  .shipping-hero h1 { font-size: clamp(2rem, 8vw, 3rem); }
  .shipping-hero .hero-sup { font-size: 0.85rem; }
}
@media (max-width: 480px) {
  .shipping-hero { padding-bottom: 36px; }
  .shipping-hero-inner { padding-top: 88px; }
  .shipping-hero h1 { font-size: clamp(1.8rem, 9vw, 2.6rem); }
}