/* shipping.css (page-specific) */

/* HERO */
.hero--shipping{
  position:relative;
  min-height:80vh;
  overflow:hidden;
}
.hero--shipping .hero__media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.hero--shipping .hero__img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.hero--shipping .hero__overlay--dark{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
}
.hero--shipping .hero__content{
  position:relative;
  z-index:2;
  min-height:80vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:3rem 0;
  max-width:58rem;
}

.shipping-kicker{
  color:var(--accent);
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
  font-size:.8rem;
  margin:0 0 .5rem;
}
.hero-title{
  font-size:clamp(2rem, 1.6rem + 2.2vw, 3.2rem);
  line-height:1.05;
  font-weight:900;
  margin:0 0 .75rem;
}
.shipping-lead{
  max-width:60ch;
  font-size:1.06rem;
  margin:0 0 1.25rem;
}

/* SECTION SPACING */
.section--shipping{
  padding-top:1rem;
  padding-bottom:3rem;
}

/* SHIPPING LAYOUT (fix invalid rgba from shared css if present) */
.shipping-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:2rem;
  align-items:flex-start;
}

.shipping-card{
  padding:1.75rem;
  background:#111;
  border-radius:1.2rem;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.40);
}

.shipping-form{
  padding:1.75rem;
  background:#0d0d0d;
  border-radius:1.2rem;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 30px rgba(0,0,0,.50);
}

.shipping-title{
  font-size:1.6rem;
  font-weight:700;
  margin:.5rem 0 1rem;
}

.steps-list{
  list-style:none;
  padding:0;
  margin:0 0 1.5rem;
}
.steps-list li{
  font-size:.95rem;
  color:rgba(255,255,255,.90);
  margin-bottom:.45rem;
}

.why-title{
  font-weight:800;
  margin-bottom:.5rem;
  font-size:1rem;
}
.why-list{
  list-style:none;
  padding:0;
  margin:0;
}
.why-list li{
  font-size:.95rem;
  color:rgba(255,255,255,.85);
  margin-bottom:.35rem;
}

.shipping-form-grid{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.shipping-input-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}

.shipping-submit-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}

/* alerts */
.hf-alert{
  margin:1rem 0;
  padding:.9rem 1rem;
  border-radius:.9rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}
.hf-alert--success{
  border-color:rgba(34,197,94,.45);
  background:rgba(34,197,94,.10);
}
.hf-alert--error{
  border-color:rgba(239,68,68,.45);
  background:rgba(239,68,68,.10);
}
.errorlist{
  margin:0;
  padding-left:1.2rem;
}
.errorlist li{ margin:.25rem 0; }

/* responsive */
@media (max-width:900px){
  .shipping-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .hero--shipping .hero__content{ padding:2.25rem 0; }
  .shipping-input-row{ grid-template-columns:1fr; }
  .shipping-submit-row{
    flex-direction:column;
    align-items:stretch;
  }
  .shipping-submit-row .btn-primary{ width:100%; }
}