.shipping-page {
  color: #e7e8f3;
  background: #080c1b;
}

.shipping-main {
  width: min(100% - 2.5rem, 1000px);
  margin: 0 auto;
  padding: clamp(3.5rem, 8vw, 6.5rem) 0 clamp(4rem, 8vw, 7rem);
}

.shipping-eyebrow {
  margin: 0 0 .75rem;
  color: #d8bd77;
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.shipping-hero {
  max-width: 760px;
  padding-bottom: clamp(3rem, 7vw, 5.5rem);
}

.shipping-hero h1 {
  margin: 0;
  color: #f8f3e9;
  font: 600 clamp(2.35rem, 6vw, 4.7rem)/1.08 "Cinzel", Georgia, serif;
  letter-spacing: -.025em;
}

.shipping-intro,
.shipping-time {
  max-width: 650px;
  color: #c2c7d9;
  font-size: clamp(1rem, 1.7vw, 1.13rem);
  line-height: 1.75;
}

.shipping-intro { margin: 1.65rem 0 .4rem; }
.shipping-time { margin: 0; }
.shipping-time strong { color: #eee0ae; font-weight: 650; }

.shipping-overview,
.shipping-switzerland {
  border-top: 1px solid rgba(216, 189, 119, .22);
}

.shipping-overview { padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(3.5rem, 6vw, 5rem); }
.shipping-section-heading h2,
.shipping-switzerland h2 {
  margin: 0;
  color: #f2e8ce;
  font: 600 clamp(1.55rem, 3vw, 2.15rem)/1.25 "Cinzel", Georgia, serif;
}

.shipping-regions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(2rem, 4vw, 3rem);
}

.shipping-region { min-width: 0; padding: .2rem clamp(1.5rem, 4vw, 3.5rem) .2rem 0; }
.shipping-region + .shipping-region {
  padding-right: 0;
  padding-left: clamp(1.5rem, 4vw, 3.5rem);
  border-left: 1px solid rgba(216, 189, 119, .2);
}
.shipping-region h3 { display: flex; align-items: center; gap: .65rem; margin: 0 0 1.3rem; color: #f4f1e8; font-size: 1.12rem; font-weight: 650; }
.shipping-region h3 span { font-size: 1.35rem; line-height: 1; }
.shipping-region__label { margin: 0 0 .45rem; color: #aeb5ca; font-size: .82rem; letter-spacing: .05em; text-transform: uppercase; }
.shipping-region__price { margin: 0; color: #f0d587; font-size: clamp(1.25rem, 2vw, 1.6rem); font-weight: 650; line-height: 1.35; }
.shipping-region__price span { white-space: nowrap; }
.shipping-region__detail { margin: .7rem 0 0; color: #b9bfd2; line-height: 1.65; }

.shipping-rates { margin: 0; }
.shipping-rates div { display: flex; justify-content: space-between; align-items: baseline; gap: .8rem 1.2rem; padding: .65rem 0; border-bottom: 1px solid rgba(216, 189, 119, .12); }
.shipping-rates dt { color: #c4c8d8; line-height: 1.55; }
.shipping-rates dd { flex: 0 0 auto; margin: 0; color: #f0d587; font-weight: 650; white-space: nowrap; }

.shipping-switzerland { max-width: 790px; padding-top: clamp(2.5rem, 5vw, 4rem); }
.shipping-switzerland p:not(.shipping-eyebrow) { margin: 1rem 0 0; color: #bec4d5; line-height: 1.75; }
.shipping-switzerland .shipping-note { margin-top: 1.7rem; padding-left: 1rem; border-left: 2px solid rgba(216, 189, 119, .55); }
.shipping-switzerland strong { color: #eee0ae; }
.shipping-switzerland a { color: #e9d488; text-decoration-color: rgba(233, 212, 136, .55); text-underline-offset: .2em; }
.shipping-switzerland a:hover,
.shipping-switzerland a:focus-visible { color: #f5e5ae; }

@media (max-width: 700px) {
  .shipping-main { width: min(100% - 1.5rem, 1000px); }
  .shipping-regions { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .shipping-region { padding: 0; }
  .shipping-region + .shipping-region { padding: 2rem 0 0; border-left: 0; border-top: 1px solid rgba(216, 189, 119, .2); }
  .shipping-rates div { flex-wrap: wrap; }
}
