/* Scoped to Shop > Shipping; shared Studio theme tokens keep both themes aligned. */
#shipBody{padding:28px 32px 0;container-type:inline-size;background:var(--paper,#faf8f4)}
#shopPane:has(.shoptab[data-tab="ship"].on) #shopFieldsBtn{display:none}
.ship-page{max-width:1280px;margin-inline:auto;color:var(--ink,#1b2521)}
.ship-page [hidden]{display:none!important}
.ship-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.ship-heading h2{margin:0 0 6px;font-size:26px;line-height:1.25;letter-spacing:-.03em}
.ship-heading p{margin:0;color:var(--muted,#66736b);font-size:14px;line-height:1.5}
.ship-icon{width:20px;height:20px;flex:none}
.ship-origin{display:flex;align-items:center;gap:9px;max-width:100%;border:1px solid var(--line,#e4e7e3);border-radius:8px;padding:10px 12px;background:var(--card,#fff);color:var(--soft-ink,#48554e);font:inherit;font-size:12px;line-height:1.5;cursor:pointer}
.ship-origin .ship-icon{width:17px;height:17px;color:var(--accent,#127c67)}
.ship-origin-edit{margin-left:12px;color:var(--accent,#127c67);font-weight:600}
.ship-origin:hover{border-color:var(--accent,#127c67)}
.ship-form{margin:0}
.ship-editable{padding:0;margin:0;border:0;min-width:0}
.ship-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:24px;align-items:start}
.ship-main,.ship-side{display:grid;gap:24px;min-width:0}
.ship-section{min-width:0;padding:24px;background:var(--card,#fff);border:1px solid var(--line,#e4e7e3);border-radius:12px;box-shadow:0 2px 5px #10271b03}
.ship-section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.ship-section-title>.ship-icon{color:var(--accent,#127c67)}
.ship-section-title h3{font-size:16px;line-height:1.4;font-weight:650;letter-spacing:-.015em;margin:0;flex:1}
.ship-help,.ship-footnote{margin:0;color:var(--muted,#66736b);font-size:12px;line-height:1.55;font-weight:400}
.ship-section>.ship-help{margin:-5px 0 18px}
.ship-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;line-height:1.45;font-weight:600;color:var(--soft-ink,#48554e)}
.ship-input{box-sizing:border-box;width:100%;min-width:0;height:42px;margin:0;padding:10px 12px;border:1px solid var(--line2,#d9dfd9);border-radius:7px;background:var(--card,#fff);color:var(--ink,#1b2521);font:inherit;font-size:14px;line-height:20px;font-weight:400;transition:border-color .12s,box-shadow .12s}
.ship-input::placeholder{color:var(--faint,#8b938d);font-size:13px;opacity:1}
.ship-input:focus{outline:0;border-color:var(--accent,#127c67);box-shadow:0 0 0 3px var(--accent-glow,#127c6714)}
.ship-number{display:flex;align-items:center;min-width:0;position:relative}
.ship-number>.ship-input{font-variant-numeric:tabular-nums;padding-right:34px}
.ship-number>span{position:absolute;right:12px;font-size:12px;font-weight:400;color:var(--muted,#66736b);pointer-events:none}
.ship-number.ship-money>span{left:12px;right:auto;font-size:14px}
.ship-money>.ship-input{padding-left:27px;padding-right:9px}
.ship-number:not(:has(>span))>.ship-input{padding-right:8px}
.ship-number input::-webkit-inner-spin-button{appearance:none}
.ship-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}
.ship-toggle>span{min-width:0;display:grid;gap:5px}
.ship-toggle b{font-size:14px;font-weight:600;line-height:1.4}
.ship-toggle>span>span{font-size:13px;line-height:1.55;color:var(--muted,#66736b)}
.ship-toggle .ordsw{flex:none;width:40px;height:24px}
.ship-toggle .ordsw:after{width:17px;height:17px}
.ship-rates-heading{margin:23px 0 15px;padding-top:20px;border-top:1px solid var(--line,#e4e7e3)}
.ship-rates-heading h4{margin:0 0 5px;font-size:14px;font-weight:650;line-height:1.4}
.ship-rates-heading p{margin:0;color:var(--muted,#66736b);font-size:12px;line-height:1.55}
.ship-rate{border:1px solid var(--line,#e4e7e3);border-radius:9px;padding:16px;margin:0 0 14px;background:var(--card,#fff)}
.ship-rate-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-3px -4px 10px 0}
.ship-rate-caption{color:var(--muted,#66736b);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.ship-remove{display:grid;place-items:center;flex:none;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted,#66736b);cursor:pointer}
.ship-remove .ship-icon{width:15px;height:15px}
.ship-remove:hover{background:var(--rose-wash,#fff0ed);color:var(--rose,#b0432e)}
.ship-rate-basics{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(125px,1fr);gap:14px}
.ship-free-rule{display:grid;grid-template-columns:minmax(145px,.85fr) minmax(0,1fr);align-items:center;gap:18px;margin-top:16px;padding:14px;border-radius:7px;background:var(--accent-soft,#e7f3ef)}
.ship-free-rule .ship-field{color:var(--accent-ink,#096c57)}
.ship-rate-threshold-hint{font-size:12px;line-height:1.5;margin:18px 0 0;color:var(--soft-ink,#48554e)}
.ship-rate-details{margin-top:14px}
.ship-rate-details summary{cursor:pointer;font-size:12px;line-height:1.5;color:var(--muted,#66736b);padding:2px 0}
.ship-rate-details summary:hover{color:var(--ink,#1b2521)}
.ship-rate-extra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:13px}
.ship-days{display:flex;align-items:center;gap:7px;height:42px;color:var(--muted,#66736b);font-weight:400}
.ship-days>.ship-number{width:60px;min-width:0;flex:0 1 60px}
.ship-days>.ship-number>.ship-input{padding:9px;text-align:center}
.ship-footnote{padding-top:16px;margin-top:17px;border-top:1px solid var(--line,#e4e7e3)}
.ship-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid var(--line2,#d9dfd9);border-radius:7px;background:var(--card,#fff);color:var(--ink,#1b2521);font:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
.ship-btn>.ship-icon{width:16px;height:16px}
.ship-btn:hover{background:var(--paper2,#f3efe7)}
.ship-btn.primary{border-color:var(--accent,#127c67);background:var(--accent,#127c67);color:#fff;min-width:125px}
.ship-btn.primary:hover{filter:brightness(.96)}
.ship-btn:disabled{opacity:.5;cursor:default}
.ship-add{width:100%;border-style:dashed;background:transparent}
.ship-add:hover{border-color:var(--accent,#127c67);color:var(--accent,#127c67);background:var(--accent-soft,#e7f3ef)}
.ship-tag{padding:3px 7px;border-radius:5px;background:var(--paper2,#f3efe7);color:var(--muted,#66736b);font-size:10px;font-weight:500;line-height:1.4}
.ship-minimum-field{margin-top:18px}
.ship-minimum-field .ship-input{height:48px;font-size:18px}
.ship-minimum-note{margin:14px 0 0;font-size:12px;line-height:1.65;color:var(--muted,#66736b)}
.ship-minimum-note b{font-weight:600;color:var(--accent-ink,#096c57)}
.ship-countries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px}
.ship-country{display:flex;align-items:center;gap:8px;min-width:0;min-height:39px;padding:8px 9px;border:1px solid var(--line,#e4e7e3);border-radius:7px;font-size:12px;line-height:1.45;font-weight:400;cursor:pointer;box-sizing:border-box;color:var(--soft-ink,#48554e)}
.ship-country input{margin:0;width:14px;height:14px;accent-color:var(--accent,#127c67);flex:none}
.ship-country:has(:checked){background:var(--accent-soft,#e7f3ef);border-color:color-mix(in srgb,var(--accent,#127c67) 25%,var(--line,#e4e7e3));color:var(--accent-ink,#096c57)}
.ship-country:hover{border-color:var(--accent,#127c67)}
.ship-insurance-fields{min-width:0;padding:20px 0 0;margin:20px 0 0;border:0;border-top:1px solid var(--line,#e4e7e3)}
.ship-insurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.ship-insurance-grid>.ship-field{justify-content:flex-end}
.ship-savebar{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;margin-top:24px;border-top:1px solid var(--line2,#d9dfd9);background:var(--paper,#faf8f4)}
.ship-save-copy{display:grid;gap:4px;min-width:0}
.ship-save-copy>span:first-child{font-size:13px;line-height:1.5;font-weight:600;color:var(--soft-ink,#48554e)}
.ship-save-copy>span:last-child{font-size:11px;line-height:1.5;color:var(--muted,#66736b)}
.ship-save-copy #shipMsg[data-state="saved"]{color:var(--accent,#127c67)}
.ship-save-copy #shipMsg[data-state="error"]{color:var(--rose,#b0432e)}
.ship-save-copy #shipMsg[data-state="dirty"]:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;vertical-align:2px;border-radius:50%;background:var(--accent,#127c67)}
.ship-save-actions{display:flex;align-items:center;gap:9px;flex:none}
.ship-loading,.ship-load-error{font-size:14px;line-height:1.6;color:var(--muted,#66736b)}
.ship-page :is(button,summary,input[type="checkbox"]):focus-visible{outline:2px solid var(--accent,#127c67);outline-offset:3px}
@container(max-width:860px){.ship-layout{grid-template-columns:minmax(0,1fr)}.ship-side{grid-template-columns:repeat(2,minmax(0,1fr))}.ship-side>.ship-section:nth-child(2){grid-row:span 2}.ship-side>.ship-section:last-child{grid-column:1;grid-row:2}.ship-heading{align-items:flex-start}.ship-section{padding:20px}.ship-save-copy>span:last-child{max-width:320px}}
@container(max-width:590px){.ship-heading{flex-direction:column;gap:14px;margin-bottom:22px}.ship-heading h2{font-size:24px}.ship-heading p{font-size:13px}.ship-layout,.ship-main,.ship-side{gap:16px}.ship-side{grid-template-columns:minmax(0,1fr)}.ship-side>.ship-section:nth-child(2),.ship-side>.ship-section:last-child{grid-row:auto;grid-column:auto}.ship-section{padding:18px}.ship-rate{padding:13px}.ship-rate-basics{grid-template-columns:minmax(0,1.25fr) minmax(100px,1fr);gap:10px}.ship-free-rule{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}.ship-rate-threshold-hint{margin:0}.ship-rate-extra{grid-template-columns:minmax(0,1fr);gap:14px}.ship-insurance-grid{grid-template-columns:minmax(0,1fr);gap:14px}.ship-savebar{flex-wrap:wrap;gap:10px;padding:12px 0}.ship-save-copy>span:last-child{display:none}.ship-save-actions{margin-left:auto}.ship-btn{min-height:42px;padding:9px 11px}.ship-heading .ship-origin{padding:8px 10px}}
@media(max-width:640px){#shipBody{padding:22px 16px 0}}
@container(max-width:590px){.ship-input{font-size:16px}.ship-country{min-height:42px}}
@container(max-width:590px){.ship-main,.ship-side{display:contents}.ship-main>.ship-section:last-child{order:1}}
/* Carrier services (OP#2596): one compact row per service, grouped by carrier */
.ship-svc-group{margin-top:10px;padding:0 12px;border:1px solid var(--line,#e4e7e3);border-radius:8px;background:var(--card,#fff)}
.ship-svc-group summary{display:flex;align-items:center;gap:8px;padding:10px 0;cursor:pointer;font-size:14px;font-weight:600}
.ship-svc-count{color:var(--muted,#66736b);font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
.ship-svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,170px);align-items:center;gap:12px;padding:7px 0;border-top:1px solid var(--line,#e4e7e3)}
.ship-svc-name{min-width:0;font-size:14px;overflow-wrap:anywhere}
.ship-svc-note{color:var(--muted,#666);font-size:12px}
@container(max-width:590px){.ship-svc{grid-template-columns:minmax(0,1fr)}}