/*
Space Vanta global bundle nudge (SVBUNDLE-002) - DNA layer
Floating / layered / geometric: a metal plate with a cut corner, a blue reflective rail, a second plate offset behind it.
Everything is .svbn* . Nothing here touches the header; the toast never has a backdrop and never blocks clicks outside itself.
*/
.svbn {
  --svbn-ink: #252321; --svbn-ink-2: #3a352f; --svbn-muted: #5f574d;
  --svbn-paper: #fbf7f0; --svbn-silver-1: #f3f1ec; --svbn-silver-2: #e3e2de; --svbn-silver-3: #d3d7df;
  --svbn-blue: #1d4ed8; --svbn-blue-hi: #6f98ff; --svbn-line: #d8d3c7;
  --svbn-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-family: inherit; color: var(--svbn-ink);
}
.svbn--toast {
  position: fixed; z-index: 940; right: 22px; bottom: 22px; width: min(400px, calc(100vw - 28px));
  filter: drop-shadow(0 22px 30px rgba(37,35,33,.24)) drop-shadow(0 4px 8px rgba(37,35,33,.12));
  animation: svbn-in .55s cubic-bezier(.2,.8,.2,1) both;
}
.svbn--toast.is-out { animation: svbn-out .26s ease both; }
/* three plates: the card, a silver plate under it, a blue-tinted plate under that. Each is cut at the same corners. */
.svbn--toast::before, .svbn--toast::after, .svbn__plate { clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px)); }
.svbn--toast::before { content: ""; position: absolute; inset: 9px -9px -9px 9px; z-index: -1; background: linear-gradient(135deg, #dfe2e8, #b3bac7); opacity: .85; }
.svbn--toast::after { content: ""; position: absolute; inset: 18px -18px -18px 18px; z-index: -2; background: linear-gradient(135deg, rgba(111,152,255,.45), rgba(29,78,216,.35)); }
.svbn__plate {
  position: relative; display: flex; align-items: stretch;
  background: linear-gradient(135deg, #fffdf8 0%, var(--svbn-silver-1) 48%, var(--svbn-silver-3) 150%);
  animation: svbn-float 6s ease-in-out .6s infinite;
}
.svbn__plate::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.75) 50%, transparent 62%); transform: translateX(-120%); animation: svbn-sheen 1.4s .5s ease-out 1 both; }
.svbn__rail { flex: 0 0 6px; background: linear-gradient(180deg, var(--svbn-blue-hi), var(--svbn-blue) 55%, #12308f); box-shadow: 0 0 18px rgba(29,78,216,.55); }
.svbn__body { flex: 1 1 auto; padding: 15px 42px 17px 16px; min-width: 0; }
.svbn__eyebrow { display: block; font: 600 10px/1 var(--svbn-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--svbn-blue); margin-bottom: 7px; }
.svbn__h { display: block; font-size: 18px; line-height: 1.25; letter-spacing: -.01em; margin-bottom: 5px; }
.svbn__p { margin: 0 0 10px; font-size: 13px; line-height: 1.5; color: var(--svbn-ink-2); }
.svbn__chips { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 10px; padding: 0; list-style: none; }
.svbn__chips li { font: 500 11px/1 var(--svbn-mono); padding: 5px 7px; background: rgba(255,255,255,.7); border: 1px solid var(--svbn-line); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-shadow: 2px 2px 0 rgba(29,78,216,.18); }
.svbn__chips li::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 6px; background: var(--svbn-blue); transform: rotate(45deg); vertical-align: 1px; }
.svbn__code { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.svbn__code code { font: 600 14px/1 var(--svbn-mono); letter-spacing: .06em; padding: 8px 10px; background: #fff; border: 1px dashed var(--svbn-ink); box-shadow: 3px 3px 0 rgba(29,78,216,.22); }
.svbn__copy { font: 600 12px/1 var(--svbn-mono); letter-spacing: .08em; text-transform: uppercase; background: var(--svbn-blue); color: #fff; border: 0; padding: 9px 12px; cursor: pointer; }
.svbn__act { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.svbn__btn { display: inline-block; background: var(--svbn-ink); color: #fff; text-decoration: none; font-size: 12.5px; font-weight: 600; padding: 10px 14px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); transition: background .2s; }
.svbn__btn:hover, .svbn__copy:hover { background: var(--svbn-blue); }
.svbn__ghost { background: none; border: 0; color: var(--svbn-muted); font-size: 12.5px; text-decoration: underline; cursor: pointer; padding: 10px 6px; }
.svbn__x { position: absolute; top: 6px; right: 24px; width: 32px; height: 32px; background: none; border: 0; font-size: 20px; line-height: 1; color: var(--svbn-muted); cursor: pointer; z-index: 2; }
.svbn__bar { position: absolute; left: 6px; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, var(--svbn-blue), var(--svbn-blue-hi)); transform-origin: left; animation: svbn-bar linear both; }
.svbn--toast.is-hold .svbn__bar { animation-play-state: paused; }
.svbn--toast[data-mode^="thanks"] .svbn__rail, .svbn--toast[data-mode="ended"] .svbn__rail { background: linear-gradient(180deg, #d9dde6, #8d95a6 60%, #646d80); box-shadow: none; }
.svbn--toast[data-mode^="thanks"] .svbn__eyebrow, .svbn--toast[data-mode="ended"] .svbn__eyebrow { color: var(--svbn-muted); }

/* cart preview + cart page: the discount row */
.svbn-row {
  display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 8px 0; padding: 8px 10px 8px 12px; position: relative;
  background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04)); border: 1px solid rgba(111,152,255,.45);
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
  font-size: 13px; color: inherit;
}
.svbn-row::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, #6f98ff, #1d4ed8); }
.svbn-row { box-shadow: 4px 4px 0 rgba(111,152,255,.22); animation: svbn-row-in .5s cubic-bezier(.2,.8,.2,1) both; }
.svbn-row__l { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.svbn-row__k { font: 600 10.5px/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.svbn-row__code { font: 600 11px/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .05em; padding: 3px 6px; border: 1px dashed currentColor; opacity: .9; }
.svbn-row__r { font-weight: 700; white-space: nowrap; color: #6f98ff; }
.svbn-was { opacity: .5; margin-right: 5px; font-weight: 400; }

@keyframes svbn-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes svbn-sheen { to { transform: translateX(120%); } }
@keyframes svbn-row-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes svbn-in { from { opacity: 0; transform: translate(14px, 10px); } to { opacity: 1; transform: none; } }
@keyframes svbn-out { to { opacity: 0; transform: translate(10px, 8px); } }
@keyframes svbn-bar { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@media (max-width: 560px) {
  .svbn--toast { left: 14px; right: 22px; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); width: auto; }
  .svbn--toast::before { inset: 7px -7px -7px 7px; } .svbn--toast::after { inset: 14px -14px -14px 14px; }
  .svbn__h { font-size: 16px; } .svbn__body { padding: 13px 38px 15px 14px; }
  .svbn__chips li:nth-child(n+3) { display: none; }                 /* on a phone: two item chips, the rest is in the cart */
  .svbn__btn, .svbn__ghost, .svbn__copy { min-height: 44px; display: inline-flex; align-items: center; }
}
@media (prefers-reduced-motion: reduce) { .svbn--toast, .svbn--toast.is-out, .svbn__bar, .svbn__plate, .svbn__plate::before, .svbn-row { animation: none; } }
html[data-sv-motion="calm"] .svbn--toast, html[data-sv-motion="calm"] .svbn__bar, html[data-sv-motion="calm"] .svbn__plate, html[data-sv-motion="calm"] .svbn__plate::before { animation: none; }
.svpg .svbn-row__r { color: #9db9ff; }

/* v16: Air-freight-only section looks like Regular; note under the total checkout */
html .svpg__group--special .svpg__ghead { background: var(--svd-face-soft); box-shadow: inset 0 0 0 1px var(--svd-hair); }
html .svpg__group--special .svpg__label { color: var(--svd-g800); }
html .svpg__allnote { margin: 10px 0 0; opacity: .75; line-height: 1.5; text-transform: none; letter-spacing: 0; }

/* v19: every bundle is its own block (own name, own code); one code per order */
html .svpg__bundle + .svpg__bundle, html .svpg__bundle + .svpg__bnote { margin-top: 16px; }
html .svpg__bhead { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
html .svpg__btitle { font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.005em; }
html .svpg__bcode { display: flex; align-items: center; gap: 10px; margin: 8px 0 2px; font-size: 11px; letter-spacing: .08em; }
html .svpg__bcode code { font: 600 11.5px/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .06em; padding: 4px 7px; border: 1px dashed currentColor; }
html .svpg__bcode span { opacity: .7; text-transform: uppercase; }
html .svpg__bundle.is-pending { box-shadow: inset 3px 0 0 rgba(111,152,255,.55); }
html .svpg__bwarn, html .svcp__bwarn { margin: 10px 0 8px; font-size: 12.5px; line-height: 1.45; opacity: .8; text-transform: none; letter-spacing: 0; }
html .svcp__bwarn { margin: 8px 0 4px; font-size: 12px; }
html .svcp__bundle + .svcp__tier { margin-top: 14px; }
html .svcp__bundle.is-pending { opacity: .96; }
@media (max-width: 560px) {
  html .svpg__bcode { flex-wrap: wrap; }
  html .svpg__bundle .svpg__partbtn { width: 100%; min-height: 44px; text-align: left; }
}
.svbn-row__t { font-size: 11px; opacity: .75; }
.svbn-row.is-later { box-shadow: none; opacity: .85; margin-top: 6px; }
.svbn-row.is-later .svbn-row__r { color: inherit; opacity: .7; font-weight: 500; font-size: 12px; }
.svbn-row + .svbn-row { margin-top: 6px; }

/* v23: small tag on air-only lines: which big section they belong to */
html .svpg__from, html .svcp__from { display: inline-block; width: fit-content; margin: 2px 0 0; padding: 1px 7px; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--svd-muted, #5f574d); box-shadow: inset 0 0 0 1px #aeb6c2; clip-path: polygon(4px 0, 100% 0, 100% 100%, 0 100%, 0 4px); }

/* ---- v28 · shipping choice (cart page). DNA: hairlines, steel plate, one electric-blue seam. Desktop = two columns of numbered steps; phone = a compact card that opens in place ---- */
.svpg__group--ship{scroll-margin-top:110px}
.svpg__group--ship.is-hint .svpg__shell{animation:svpgHint 1.6s ease-out 1}
@keyframes svpgHint{0%{box-shadow:0 0 0 0 rgba(29,107,255,.55)}60%{box-shadow:0 0 0 12px rgba(29,107,255,0)}100%{box-shadow:0 0 0 0 rgba(29,107,255,0)}}
.svpg__opt{opacity:.55;font-size:.7em;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.svpg__shiplead{margin:2px 0 18px;font-size:.92em;opacity:.7}
.svpg__saved{opacity:0;font-size:.72em;letter-spacing:.08em;color:#1d6bff;transition:opacity .25s;white-space:nowrap}
.svpg__saved.is-in{opacity:1}.svpg__saved.is-bad{color:#d6453d}
.svpg__shipbar{display:none}
.svpg__shipgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.svpg__shipcol{display:grid;gap:22px;align-content:start}
.svpg__step{display:grid;gap:12px}
.svpg__stephead{display:flex;gap:10px;align-items:baseline;font-size:.72em;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.svpg__stephead b{font-weight:600;color:#1d6bff}
/* a lane is a small card: name + price / the choice / the route */
.svpg__lanes{display:grid;gap:10px}
.svpg__lane{display:grid;gap:10px;padding:14px 16px;border:1px solid rgba(120,130,150,.32);background:rgba(255,255,255,.35);transition:border-color .25s,background .25s}
.svpg__lanes.is-joined .svpg__lane{border-color:#1d6bff;background:linear-gradient(90deg,rgba(29,107,255,.07),transparent 80%)}
.svpg__lanetop{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.svpg__lanek{letter-spacing:.1em;font-size:.82em}
.svpg__lanecost{font-size:1.12em}
.svpg__lanemid{display:flex}
.svpg__laneroute{display:flex;gap:10px;align-items:center;font-size:.82em;opacity:.72}
.svpg__laneroute i{flex:none;width:7px;height:7px;transform:rotate(45deg);border:1.5px solid #1d6bff}
.svpg__laneroute span::before{content:"Arrives ";opacity:.7}
.svpg__fixed{display:inline-block;padding:7px 12px;border:1px solid rgba(120,130,150,.4);font-size:.72em;letter-spacing:.1em;opacity:.85}
/* Sea | Air */
.svpg__seg{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid rgba(120,130,150,.45);background:rgba(120,130,150,.07);isolation:isolate}
.svpg__segb{position:relative;z-index:1;min-width:76px;min-height:38px;padding:8px 16px;border:0;background:transparent;font:inherit;font-size:.78em;letter-spacing:.12em;text-transform:uppercase;color:inherit;cursor:pointer;transition:color .22s}
.svpg__segb.is-on{color:#fff}
.svpg__segthumb{position:absolute;z-index:0;top:-1px;bottom:-1px;left:-1px;width:calc(50% + 1px);background:linear-gradient(135deg,#2b3550,#1d6bff);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.svpg__seg[data-pos="1"] .svpg__segthumb{transform:translateX(100%);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%)}
.svpg__segb:focus-visible,.svpg__tier:focus-visible,.svpg__together:focus-visible,.svpg__shipbar:focus-visible,.svpg__shipstrip-b:focus-visible,.svpg__sumship-b:focus-visible{outline:2px solid #1d6bff;outline-offset:2px}
/* together switch */
.svpg__together{display:flex;gap:16px;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:14px 16px;border:1px solid rgba(120,130,150,.35);background:rgba(255,255,255,.35);cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,background .2s}
.svpg__tt em{display:block;font-style:normal;opacity:.65;font-size:.84em;margin-top:2px}
.svpg__together.is-on{border-color:#1d6bff;background:linear-gradient(90deg,rgba(29,107,255,.09),transparent 75%)}
.svpg__switch{flex:none;position:relative;width:44px;height:24px;border:1px solid rgba(120,130,150,.55);background:rgba(120,130,150,.12);transition:background .25s,border-color .25s}
.svpg__switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#8892a6;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .25s}
.svpg__together.is-on .svpg__switch{background:#1d6bff;border-color:#1d6bff}
.svpg__together.is-on .svpg__switch i{transform:translateX(20px);background:#fff}
/* sea speed: a vertical ladder, one rung per speed */
.svpg__ladder{position:relative;display:grid;gap:8px}
.svpg__ladder::before{content:"";position:absolute;left:19px;top:22px;bottom:22px;width:1px;background:rgba(120,130,150,.45)}
.svpg__tier{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;padding:12px 14px;border:1px solid rgba(120,130,150,.3);background:rgba(255,255,255,.35);cursor:pointer;font:inherit;color:inherit;transition:background .2s,border-color .2s}
.svpg__tdot{width:12px;height:12px;transform:rotate(45deg);border:1.5px solid #8892a6;background:var(--sv-paper,#fbf9f5);transition:all .25s;position:relative;z-index:1}
.svpg__tn{display:grid;gap:1px}
.svpg__tn em,.svpg__tp{font-style:normal;font-size:.8em;opacity:.7}
.svpg__tp{text-align:right;white-space:nowrap}
.svpg__tier.is-on{border-color:rgba(29,107,255,.6);background:rgba(29,107,255,.06)}
.svpg__tier.is-on .svpg__tdot{background:#1d6bff;border-color:#1d6bff;box-shadow:0 0 0 4px rgba(29,107,255,.18)}
/* total plate */
.svpg__shiptot{display:flex;justify-content:space-between;align-items:baseline;padding:16px 18px;color:#fff;background:linear-gradient(135deg,#232a3b,#3a4358);border-top:3px solid #1d6bff;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.svpg__shiptot strong{font-size:1.3em}
.svpg__shiperr{margin:0;padding:10px 12px;border-left:3px solid #d6453d;background:rgba(214,69,61,.08);font-size:.9em}
.svpg__group--ship[aria-busy="true"] .svpg__shipbody{opacity:.6;pointer-events:none}
.svpg__method:disabled{opacity:.4;cursor:not-allowed}
/* the calm strip above the list */
.svpg__shipstrip{display:flex;gap:14px;align-items:center;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(29,107,255,.35);border-left:3px solid #1d6bff;background:linear-gradient(90deg,rgba(29,107,255,.08),rgba(29,107,255,.02))}
.svpg__shipstrip-t{flex:1;min-width:0;font-size:.92em}
.svpg__shipstrip-b{flex:none;min-height:36px;padding:8px 16px;border:1px solid #1d6bff;background:transparent;color:#1d6bff;font:inherit;font-size:.78em;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.svpg__shipstrip-b:hover{background:#1d6bff;color:#fff}
.svpg__shipstrip-x{flex:none;width:32px;height:32px;border:0;background:transparent;color:inherit;font-size:20px;line-height:1;opacity:.55;cursor:pointer}
.svpg__pulse{flex:none;width:10px;height:10px;transform:rotate(45deg);background:#1d6bff;animation:svpgPulse 2s ease-out infinite}
@keyframes svpgPulse{0%{box-shadow:0 0 0 0 rgba(29,107,255,.5)}70%{box-shadow:0 0 0 10px rgba(29,107,255,0)}100%{box-shadow:0 0 0 0 rgba(29,107,255,0)}}
/* summary row (sticky plate) */
.svpg__sumship{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:baseline;padding:10px 0;font-size:.9em;border-top:1px solid rgba(255,255,255,.14)}
.svpg__sumship-v{grid-column:1/-1;opacity:.8;font-size:.9em;order:3}
.svpg__sumship-b{grid-column:1/-1;order:4;justify-self:start;margin-top:4px;padding:6px 0;border:0;background:transparent;color:#7fb0ff;font:inherit;font-size:.82em;letter-spacing:.08em;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
/* light toast: top, under the floating header, always above everything */
.svpg__toast{position:fixed;left:50%;top:104px;z-index:2147483000;display:flex;gap:10px;align-items:center;max-width:min(92vw,420px);padding:12px 18px 12px 14px;color:#fff;background:linear-gradient(135deg,#232a3b,#3a4358);border-left:3px solid #1d6bff;box-shadow:0 14px 34px rgba(20,28,45,.28);font-size:.92em;opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:opacity .26s,transform .26s cubic-bezier(.2,.8,.2,1);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
.svpg__toast i{flex:none;width:8px;height:8px;transform:rotate(45deg);background:#1d6bff}
.svpg__toast.is-bad{border-left-color:#d6453d}.svpg__toast.is-bad i{background:#d6453d}
.svpg__toast.is-in{opacity:1;transform:translate(-50%,0)}
@media (max-width:1000px){.svpg__shipgrid{grid-template-columns:1fr;gap:22px}}
/* PHONE: not a shrunk desktop. One compact card that opens in place; big touch targets; one column; the choice is summarised in a line */
@media (max-width:700px){
  .svpg__shiplead,.svpg__opt{display:none}
  .svpg__group--ship .svpg__ghead{margin-bottom:10px}
  .svpg__shipbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;width:100%;min-height:64px;padding:12px 14px;text-align:left;border:1px solid rgba(29,107,255,.4);background:linear-gradient(90deg,rgba(29,107,255,.08),transparent);font:inherit;color:inherit;cursor:pointer}
  .svpg__shipbar-t{display:grid;gap:3px;min-width:0}
  .svpg__shipbar-t em{font-style:normal;font-size:.7em;letter-spacing:.14em;text-transform:uppercase;color:#1d6bff}
  .svpg__shipbar-t strong{font-size:.88em;font-weight:500;white-space:normal;line-height:1.35}
  .svpg__shipbar-c{display:flex;gap:10px;align-items:center}
  .svpg__shipbar-c i{width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .25s;margin-top:-4px}
  .svpg__shipbar[aria-expanded="true"] .svpg__shipbar-c i{transform:rotate(-135deg);margin-top:4px}
  .svpg__shipbody{margin-top:14px}
  .svpg__shipbody[hidden]{display:none}
  .svpg__shipcol{gap:20px}
  .svpg__segb{min-height:48px;font-size:.84em}
  .svpg__seg{display:grid;width:100%}
  .svpg__lane{padding:14px}
  .svpg__tier{grid-template-columns:auto 1fr;padding:14px}
  .svpg__tp{grid-column:2;text-align:left}
  .svpg__together{padding:14px}
  .svpg__shipstrip{flex-wrap:wrap;gap:10px}
  .svpg__shipstrip-t{flex:1 1 100%}
  .svpg__shipstrip-b{flex:1;min-height:44px}
  .svpg__toast{top:76px}
}
@media (min-width:701px){.svpg__shipbody[hidden]{display:block}}
@media (prefers-reduced-motion:reduce){.svpg__segthumb,.svpg__switch i,.svpg__toast,.svpg__pulse,.svpg__group--ship.is-hint .svpg__shell{transition:none;animation:none}}

/* v30: small boards inside a big label */
.svpg__sub-h .svpg__subnote{font-style:normal;text-transform:none;letter-spacing:0;opacity:.6;margin-left:10px;font-size:.92em}
.svpg__lanesubs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.svpg__lanesubs span{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:1px solid rgba(120,130,150,.35);color:inherit;opacity:.8;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}
.svpg__laneroute.is-ships span::before{content:none}

/* v30 · lane tag: which shipping lane a line in a mixed bundle belongs to (image-card style: metal chip, blue rail) */
.svpg__ltag,.svcp__ltag{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin:6px 0 2px;padding:4px 10px 4px 8px;font-size:11px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;
  color:#2c3340;background:linear-gradient(135deg,#f4f5f7,#dfe3e8);border:1px solid rgba(60,70,90,.18);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}
.svpg__ltag i,.svcp__ltag i{width:7px;height:7px;flex:none;transform:rotate(45deg);border:1.5px solid #7b8494;background:transparent}
.svpg__ltag b{font-weight:600}
.svpg__ltag em{font-style:normal;text-transform:none;letter-spacing:0;opacity:.62}
.svpg__ltag--air-regular,.svpg__ltag--air-mto,.svcp__ltag--air-regular,.svcp__ltag--air-mto{color:#fff;background:linear-gradient(135deg,#1f5cff,#2d3f8f);border-color:#1f5cff}
.svpg__ltag--air-regular i,.svpg__ltag--air-mto i,.svcp__ltag--air-regular i,.svcp__ltag--air-mto i{border-color:#fff;background:#fff}
.svpg__ltag--mto,.svcp__ltag--mto{color:#fff;background:linear-gradient(135deg,#3a4050,#1f2430);border-color:#1f2430}
.svpg__ltag--mto i,.svcp__ltag--mto i{border-color:#9fb4ff}
.svpg__bship{margin:8px 0 0;font-size:11px;letter-spacing:.04em;opacity:.7}
.svpg__item[data-lane="air-regular"],.svpg__item[data-lane="air-mto"]{box-shadow:inset 3px 0 0 #1f5cff}

/* v31 · stronger lane marks: icon chips, corner badge on the picture, lane summary on mixed bundles */
.svpg__ltag svg,.svcp__ltag svg{width:14px;height:14px;flex:none}
.svpg__ltag,.svcp__ltag{gap:6px;padding:5px 11px 5px 8px;font-size:12px;font-weight:600}
.svpg__ltag i,.svcp__ltag i{display:none}
.svpg__ltag .svpg__lsum-n{display:inline;font-style:normal;opacity:.75;transform:none;border:0;width:auto;height:auto;background:none}
.svpg__lsum{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 12px;padding:10px 12px;background:rgba(255,255,255,.55);border:1px dashed rgba(60,70,90,.28)}
.svpg__lsum-k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-right:4px}
.svpg__lsum .svpg__ltag{margin:0}
.svcp__lsum{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.svcp__lsum .svcp__ltag{margin:0}
.svpg__thumb-frame,.svcp__thumb-frame{position:relative}
.svpg__corner,.svcp__corner{position:absolute;left:-6px;bottom:-6px;z-index:2;display:grid;place-items:center;width:26px;height:26px;color:#2c3340;background:linear-gradient(135deg,#fff,#dfe3e8);border:1px solid rgba(60,70,90,.3);box-shadow:0 2px 6px rgba(20,30,50,.18);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}
.svpg__corner svg,.svcp__corner svg{width:15px;height:15px}
.svpg__corner--air-regular,.svpg__corner--air-mto,.svcp__corner--air-regular,.svcp__corner--air-mto{color:#fff;background:linear-gradient(135deg,#1f5cff,#2d3f8f);border-color:#1f5cff}
.svpg__corner--mto,.svcp__corner--mto{color:#fff;background:linear-gradient(135deg,#3a4050,#1f2430);border-color:#1f2430}
.svpg__item[data-lane="mto"] .svpg__thumb-frame::after{content:none}
.svpg__bundle .svpg__item[data-lane="regular"]{box-shadow:inset 3px 0 0 #aeb6c4}
.svpg__bundle .svpg__item[data-lane="mto"]{box-shadow:inset 3px 0 0 #2a303d}

/* v32: code tags next to prices, "On ..." lists in code rows */
.svbn-tag { display: block; margin-top: 4px; font: 600 9.5px/1.2 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .06em; text-transform: uppercase; font-style: normal; color: #6f98ff; white-space: normal; text-align: right; }
.svbn-tag.is-later { color: inherit; opacity: .6; }
.svbn-row__on { flex: 1 0 100%; margin-top: 6px; font-size: 11px; line-height: 1.35; font-weight: 500; opacity: .75; letter-spacing: .01em; text-transform: none; }
.svbn-row.is-later .svbn-row__r { opacity: .7; font-weight: 500; }