:root {
  --sr-bg: #080b16;
  --sr-panel: rgba(18, 22, 35, 0.86);
  --sr-gold: #c9a554;
  --sr-gold-light: #e8c97a;
  --sr-text: rgba(244, 235, 211, 0.82);
  --sr-muted: rgba(244, 235, 211, 0.58);
  --sr-line: rgba(201, 165, 84, 0.22);
}

body.shipping-returns-page {
  background:
    radial-gradient(circle at 50% -10%, rgba(201, 165, 84, 0.12), transparent 34rem),
    var(--sr-bg);
  color: var(--sr-text);
}

.shipping-shell {
  width: min(920px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 3rem 0 5rem;
}

.shipping-back {
  display: inline-flex;
  margin-bottom: 2.5rem;
  color: var(--sr-muted);
  font-family: 'Cinzel', serif;
  font-size: .72rem;
  letter-spacing: .18em;
  text-decoration: none;
  text-transform: uppercase;
}

.shipping-back:hover,
.shipping-back:focus-visible { color: var(--sr-gold-light); }

.shipping-hero { max-width: 720px; margin-bottom: 2.5rem; }
.shipping-kicker {
  color: var(--sr-gold);
  font-family: 'Cinzel', serif;
  font-size: .72rem;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.shipping-hero h1 {
  margin: .8rem 0 1rem;
  color: var(--sr-gold-light);
  font-family: 'Cinzel Decorative', 'Cinzel', serif;
  font-size: clamp(2rem, 6vw, 4rem);
  font-weight: 400;
  line-height: 1.08;
}

.shipping-hero p { color: var(--sr-muted); font-size: 1rem; line-height: 1.8; }
.shipping-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2rem 0; }
.shipping-stat,
.shipping-section {
  background: var(--sr-panel);
  border: 1px solid var(--sr-line);
  border-radius: 14px;
}

.shipping-stat { padding: 1.35rem; }
.shipping-stat strong {
  display: block;
  color: var(--sr-gold-light);
  font-family: 'Cinzel', serif;
  font-size: 1.3rem;
  font-weight: 500;
}
.shipping-stat span { color: var(--sr-muted); font-size: .82rem; }
.shipping-section { margin-top: 1rem; padding: clamp(1.35rem, 4vw, 2rem); }
.shipping-section h2 { margin: 0 0 .85rem; color: var(--sr-gold); font-family: 'Cinzel', serif; font-size: 1rem; letter-spacing: .12em; text-transform: uppercase; }
.shipping-section p,
.shipping-section li { color: var(--sr-text); line-height: 1.75; }
.shipping-section ul { margin: .6rem 0 0; padding-left: 1.25rem; }
.shipping-section a { color: var(--sr-gold-light); }
.shipping-note { margin-top: 2rem; color: var(--sr-muted); font-size: .82rem; line-height: 1.7; }

@media (max-width: 680px) {
  .shipping-shell { padding-top: 1.5rem; }
  .shipping-grid { grid-template-columns: 1fr; }
}
