/* --- Korjaus: toimitustavat vierekkäin desktopeilla, päällekkäin mobiilissa --- */

/* Varmista että shipping-grid käyttää grid-asettelua */
.shipping-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* kolme saraketta vierekkäin */
  gap: 12px;
  align-items: start;
  width: 100%;
}

/* Jos jokin vanha sääntö ylikirjoittaa, varmista leveys */
.shipping-grid .shipping-option {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100px;
  padding: 12px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.04);
}

/* Valittu laatikko erottuu */
.shipping-option.selected {
  border-color: rgba(97,30,35,0.18);
  box-shadow: 0 14px 30px rgba(97,30,35,0.08);
  transform: translateY(-6px);
}

/* Tekstit ja hinnat layoutissa */
.shipping-title { font-weight:700; color:#341f22; margin-bottom:6px; }
.shipping-desc { color:#7b5a57; font-size:0.95rem; margin-bottom:8px; }
.shipping-price { font-weight:700; color:#611d28; }

/* Jos alikontainerit tai inline-elementit pakottavat pystysuuntaan,
   tämä varmistaa että elementit eivät veny yli sarakkeen leveyden */
.shipping-option > * { max-width: 100%; }

/* Responsive: yhden sarakkeen layout pienellä näytöllä */
@media (max-width: 900px) {
  .shipping-grid {
    grid-template-columns: 1fr; /* pinoa päällekkäin */
  }
}

/* Jos vanhemmassa tyylissä on display:flex column tms. joka rikkoo gridin,
   tämä lisää spesifisyyttä varmistaakseen gridin toimivuuden */
.panel .shipping-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 12px !important;
}

/* Lisänä: varmista että puhelin-kenttä täyttää sarakkeen leveyden */
#cust-phone {
  width: 100%;
  box-sizing: border-box;
}

/* Pieni parannus: keskitys shipping-option sisällölle */
.shipping-option { gap: 8px; text-align: left; }

/* Lopullinen varmistus: jos parent on erittäin kapea, vähimmäisleveys */
.shipping-option { min-width: 0; }

/* --- loppu korjauksesta --- */