/* Scoped to the address/comparison page; existing Home, models and typography stay intact. */
.shipping-notice { border:1px solid rgba(212,255,61,.24); border-radius:20px; padding:18px 24px; margin:0 auto 28px; color:var(--lime); font-size:13px; line-height:1.8; }
.shipping-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:32px; align-items:start; padding-bottom:100px; }
.shipping-address { border-radius:28px; padding:clamp(22px,3vw,36px); min-width:0; }
.shipping-options { min-width:0; padding:0; }
.shipping-step { display:flex; align-items:flex-start; gap:16px; margin-bottom:20px; }
.shipping-step > span { font:13px var(--mono); color:var(--lime); border:1px solid var(--panel-line); border-radius:50%; padding:10px; }
.shipping-step h2 { font-size:clamp(20px,2vw,27px); line-height:1.4; }
.shipping-copy,.shipping-privacy,.shipping-no-payment,.shipping-status { color:var(--dim); font-size:13px; line-height:1.8; }
.shipping-copy { margin-bottom:28px; }
.shipping-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; }
.shipping-wide { grid-column:1/-1; }
.shipping-address label { display:flex; flex-direction:column; gap:9px; color:var(--ink); font-size:12px; line-height:1.6; min-width:0; }
.shipping-address input,.shipping-address textarea,.shipping-address select { width:100%; min-width:0; border:1px solid var(--panel-line); border-radius:12px; background:rgba(9,9,15,.7); color:var(--ink); padding:12px 13px; min-height:46px; font:14px var(--body); caret-color:var(--ink); user-select:text; }
.shipping-address select { color-scheme:dark; cursor:pointer; }
.shipping-address input:focus-visible,.shipping-address select:focus-visible,.shipping-address textarea:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.shipping-address small,.shipping-customs-choice p { color:var(--dim); font-size:11px; line-height:1.7; }
.shipping-customs-choice,.shipping-simulation-choice { margin-top:24px; }
.shipping-privacy { margin:26px 0 20px; font-size:11px; }
.shipping-address .btn,.shipping-summary .btn { justify-content:center; width:100%; border:0; cursor:pointer; }
.shipping-address .btn:disabled,.shipping-summary .btn:disabled { opacity:.4; cursor:not-allowed; box-shadow:none; }
.shipping-address [hidden],.shipping-options [hidden] { display:none!important; }
.shipping-summary [data-shipping-dap-field] { display:flex; align-items:flex-start; gap:10px; margin:20px 0; color:var(--dim); font-size:12px; line-height:1.8; }
.shipping-summary [data-shipping-dap-ack] { flex:none; margin-top:5px; width:18px; height:18px; accent-color:var(--lime); }
.shipping-summary [data-shipping-checkout] { margin-top:14px; }
.shipping-summary button:focus-visible,.shipping-summary input:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.shipping-status { margin-bottom:18px; min-height:3.6em; }
.shipping-status.is-error { color:#e6a19e; }
.shipping-expiry { font:11px var(--mono); color:var(--cyan); margin-bottom:20px; line-height:1.8; }
.shipping-rate-list { border:0; margin:0; padding:0; min-width:0; }
.shipping-options .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.shipping-rate { display:block; border-radius:20px; padding:22px; margin-bottom:16px; cursor:pointer; transition:border-color .2s,background .2s; }
.shipping-rate:has(input:checked) { border-color:var(--lime); background:rgba(212,255,61,.045); }
.shipping-rate:focus-within { outline:2px solid var(--cyan); outline-offset:3px; }
.shipping-rate-head { display:flex; align-items:flex-start; gap:12px; }
.shipping-rate-head input { flex:none; margin-top:6px; accent-color:var(--lime); width:18px; height:18px; }
.shipping-rate-head > div { min-width:0; flex:1; }
.shipping-rate-head h3 { font-size:14px; margin:9px 0 6px; overflow-wrap:anywhere; }
.shipping-rate-head strong { font:13px var(--mono); white-space:nowrap; padding-top:5px; }
.shipping-rate-head span:not(.shipping-test-tag),.shipping-rate p { color:var(--dim); font-size:12px; line-height:1.8; }
.shipping-rate p { margin-top:10px; }
.shipping-test-tag { font:9px var(--mono); letter-spacing:.02em; color:var(--lime); }
.shipping-summary { border-radius:24px; padding:26px; margin-top:26px; }
.shipping-summary h3 { font-size:19px; margin-bottom:24px; }
.shipping-summary dl > div { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin-top:16px; font-size:12px; line-height:1.7; }
.shipping-summary dt { color:var(--dim); max-width:65%; }
.shipping-summary dd { text-align:right; font:12px var(--mono); overflow-wrap:anywhere; }
.shipping-summary .shipping-total { border-top:1px solid var(--panel-line); padding-top:22px; margin-top:24px; }
.shipping-total dt,.shipping-total dd { color:var(--ink); }
.shipping-summary p { color:var(--dim); font-size:11px; line-height:1.8; margin:20px 0; }
.shipping-back { display:block; text-align:center; color:var(--dim); font-size:12px; margin-top:20px; }
.shipping-breakdown { border-top:1px solid var(--panel-line); margin-top:22px; padding-top:18px; }
.shipping-breakdown summary { cursor:pointer; font-size:12px; color:var(--cyan); }
.shipping-breakdown > p { margin:12px 0; }
.shipping-editor-preview { padding:32px; }
.shipping-editor-preview [data-shipping-rate-prototype] { display:block; }
@media(max-width:1000px) { .shipping-layout { grid-template-columns:1fr; max-width:760px; } }
@media(max-width:480px) { .shipping-fields { grid-template-columns:1fr; } .shipping-rate-head { flex-wrap:wrap; } .shipping-rate-head strong { margin-left:30px; } .shipping-summary { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .shipping-rate { transition:none; } }
