.shipping-section { margin: 12px 0; order: 4; }
.shipping-section > summary { cursor:pointer; padding:13px 16px; font-weight:700; letter-spacing:.03em; }
.shipping-section > .sh-root { padding:12px; }
.sh-root { --sh-border:#d6e0e9; color:var(--text,#263449); font-size:14px; }
.sh-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px;font-size:15px }
.sh-heading a { font-size:12px;font-weight:normal }
.sh-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.sh-wide { grid-column:1 / -1; }
.sh-grid label,.sh-package label { display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;min-width:0; }
.sh-grid input,.sh-grid select,.sh-package input {
  display:block;width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--sh-border);
  border-radius:7px;background:var(--card,#fff);color:inherit;box-sizing:border-box;font-size:14px;
}
.sh-package { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 }
.sh-actions { display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 }
.sh-actions small {color:#64748b}
.sh-message {padding:9px 12px;background:#f1f5f9;border-radius:6px;margin:8px 0;line-height:1.45}
.sh-message.sh-error { background:#fff1f1;color:#9e2030 }
.sh-rates {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:10px 0}
.sh-rate,.sh-locker {border:1px solid var(--sh-border);border-radius:8px;padding:10px;text-align:left;background:#fff;color:#263449;cursor:pointer}
.sh-rate {display:flex;flex-direction:column;gap:5px}
.sh-rate strong {font-size:18px}
.sh-rate small,.sh-rate span,.sh-locker span {font-size:12px;color:#64748b}
.sh-rate:disabled {opacity:.5;cursor:not-allowed}
.sh-selected {border:2px solid #2775bc;background:#eaf4ff}
.sh-locker-list {max-height:260px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:10px 0}
.sh-locker {display:flex;flex-direction:column;gap:5px}
.sh-scroll {overflow-x:auto;max-width:100%}
.sh-scroll table {border-collapse:collapse;width:100%;font-size:12px}
.sh-scroll th,.sh-scroll td {border-bottom:1px solid var(--sh-border);padding:9px 6px;text-align:left;vertical-align:top}
.sh-scroll td button {margin:2px}
.shipping-page {max-width:1150px;margin:0 auto;padding:18px}
.shipping-page .sh-root {background:#fff;border:1px solid #e2e8f0;padding:18px;border-radius:12px}
@media(max-width:700px) {.sh-package {grid-template-columns:repeat(2,minmax(0,1fr))}.sh-grid {grid-template-columns:1fr}.shipping-page {padding:10px}}