
/* J&S Logistics ASAP collection/delivery toggle */
.asap-option{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  box-sizing:border-box;
  margin:12px 0 18px;
  padding:15px 16px;
  border:1px solid #343942;
  border-radius:12px;
  background:#171a20;
  color:#f5f7fa;
  font-weight:700;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}

.asap-option:hover{
  border-color:#5b626e;
  background:#1c2027;
}

.asap-option:has(input:checked){
  border-color:#d71920;
  background:rgba(215,25,32,.10);
}

.asap-option input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:48px !important;
  min-width:48px;
  height:26px;
  margin:0 !important;
  padding:0;
  border:1px solid #555c67;
  border-radius:999px;
  background:#2a2f37;
  position:relative;
  cursor:pointer;
  outline:none;
  transition:background .18s ease,border-color .18s ease;
  order:2;
}

.asap-option input[type="checkbox"]::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,.35);
  transition:transform .18s ease;
}

.asap-option input[type="checkbox"]:checked{
  background:#d71920;
  border-color:#d71920;
}

.asap-option input[type="checkbox"]:checked::after{
  transform:translateX(22px);
}

.asap-option input[type="checkbox"]:focus-visible{
  box-shadow:0 0 0 3px rgba(215,25,32,.28);
}

@media (max-width:899px){
  .asap-option{
    padding:14px 15px;
    margin:10px 0 16px;
  }
}


/* Wait & Return — v10.42 */
.wait-return-option{
  align-items:flex-start !important;
}
.wait-return-option > span{
  display:grid;
  gap:4px;
  flex:1;
}
.wait-return-option > span strong{
  font-size:14px;
  line-height:1.2;
  color:#fff;
}
.wait-return-option > span small{
  display:block;
  color:#9fa4ad;
  font-size:12px;
  line-height:1.4;
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
}
.wait-return-option input[type="checkbox"]{
  margin-top:2px !important;
}
