.ssbw-wrap { max-width: 720px; }
.ssbw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.ssbw-grid label { display:block; font-weight: 600; margin-bottom: 4px; }
.ssbw-grid input { width: 100%; padding: 8px; }
.ssbw-status { margin: 10px 0; }
.ssbw-error { color: #b32d2e; }
.ssbw-rate-list { border: 1px solid #ddd; border-radius: 8px; padding: 8px; }
.ssbw-rate { display:flex; flex-direction:column; gap: 2px; padding: 8px; border-bottom: 1px solid #eee; }
.ssbw-rate:last-child { border-bottom: 0; }
.ssbw-price { font-weight: 700; margin-top: 4px; }

/* Rate cards grid */
.ssbw-rate-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
  margin-top:12px;
}
.ssbw-rate-card{
  display:block;
  cursor:pointer;
}
.ssbw-rate-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ssbw-rate-card-inner{
  border:1px solid #e6e6e6;
  border-radius:12px;
  padding:12px;
  background:#fff;
  transition:box-shadow .15s ease, border-color .15s ease, transform .15s ease;
  min-height:88px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.ssbw-rate-top{
  display:flex;
  gap:10px;
  align-items:center;
}
.ssbw-rate-logo{
  height:28px;
  width:auto;
  max-width:120px;
  object-fit:contain;
  flex:0 0 auto;
}
.ssbw-rate-carrier{
  font-weight:800;
  color:#111;
  line-height:1.1;
}
.ssbw-rate-service{
  color:#666;
  font-size:13px;
  line-height:1.2;
}
.ssbw-rate-bottom{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:10px;
  margin-top:8px;
}
.ssbw-rate-price{
  font-weight:800;
  color:#111;
}
.ssbw-rate-eta{
  color:#666;
  font-size:12px;
  text-align:right;
}
.ssbw-rate-card input:checked + .ssbw-rate-card-inner{
  border-color:#111;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  transform:translateY(-1px);
}

/* Tabs active state */
.ssbw-link{transition:background .15s ease, color .15s ease}
.ssbw-link.is-active{
  background:#e0001b;
}
.ssbw-link.is-active .ssbw-link-title{color:#fff}
.ssbw-link.is-active .ssbw-link-sub{color:rgba(255,255,255,.85)}

.ssbw-link:hover{background:#f8f8f8}


/* Service option */
.ssbw-service-option{display:flex;gap:12px;margin:6px 0 12px;align-items:center;}
.ssbw-radio{display:flex;gap:6px;align-items:center;font-weight:600;}
.ssbw-collection-fields{margin-top:6px;}
.ssbw-collection-fields label{margin-top:10px;display:block;}

.ssbw-addr-row{margin-top:10px}
.ssbw-addr-row select{width:100%;padding:10px;border:1px solid #cfcfcf;border-radius:999px;background:#fff}