/* Tilvalg 4.0 – test-only layout; all selectors scoped to .ssv4-shell */
.ssv4-shell{--v4-dark:#152c32;--v4-teal:#077d7c;--v4-line:#dde8e8;max-width:1120px;margin:28px auto 72px;padding:0 22px;color:var(--v4-dark);font-family:inherit;line-height:1.5}
.ssv4-shell *{box-sizing:border-box}
.ssv4-shell button{font:inherit;cursor:pointer}
.ssv4-preview-banner{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 15px;margin-bottom:28px;border:1px solid #f2d88d;border-radius:10px;background:#fffaf0;font-size:13px}
.ssv4-preview-banner span{color:#6f5833;flex:1}.ssv4-preview-banner a{color:var(--v4-dark);font-weight:700;text-decoration:underline}
.ssv4-device{display:inline-block;font-size:13px;font-weight:700;border:1px solid var(--v4-line);border-radius:100px;padding:7px 13px;margin-bottom:22px}
.ssv4-intro{max-width:660px;margin-bottom:28px}.ssv4-kicker{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--v4-teal);margin-bottom:10px}
.ssv4-shell h1{font-size:clamp(25px,3.1vw,39px);line-height:1.12;letter-spacing:-.027em;margin:0 0 14px;color:var(--v4-dark)}
.ssv4-shell p{font-size:15px;line-height:1.6;margin:0}.ssv4-intro p{color:#50636b}
.ssv4-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ssv4-pack{min-width:0;display:flex;flex-direction:column;text-align:left;align-items:stretch;background:#fff;border:1.5px solid var(--v4-line);border-radius:16px;padding:26px;box-shadow:0 5px 16px rgba(22,46,47,.035);transition:border-color .18s,box-shadow .18s,transform .18s}
.ssv4-pack:hover{border-color:#0b8a83;box-shadow:0 12px 28px rgba(22,46,47,.08);transform:translateY(-2px)}
.ssv4-pack:focus-visible,.ssv4-shell button:focus-visible,.ssv4-shell a:focus-visible{outline:3px solid #48b1bb;outline-offset:3px}
.ssv4-pack-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--v4-teal);margin-bottom:11px}
.ssv4-pack>strong{font-size:23px;line-height:1.2;letter-spacing:-.02em}.ssv4-pack>p{margin:8px 0;color:#50636b;font-size:14px}
.ssv4-pack-content{font-size:13px;color:#405963;margin:7px 0 22px}.ssv4-pack-price{font-size:34px;line-height:1.2;font-weight:800;margin-top:auto}
.ssv4-pack-save{font-size:13px;color:#0a817b;font-weight:650;margin-top:4px}.ssv4-pack-cta{display:block;text-align:center;background:var(--v4-dark);color:#fff;font-size:14px;font-weight:750;border-radius:9px;padding:12px 8px;margin-top:23px}
.ssv4-pack:hover .ssv4-pack-cta{background:#087e79}.ssv4-pack.is-unavailable{opacity:.55;cursor:default}
.ssv4-alternative-paths{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 30px;margin:30px 0}
.ssv4-textlink{background:none!important;border:0!important;color:#065e60!important;padding:3px!important;text-decoration:underline;text-underline-offset:3px;font-size:14px;font-weight:700}
.ssv4-alternative-paths a,.ssv4-actions a{font-size:14px;color:#405963;text-decoration:underline;text-underline-offset:3px}
.ssv4-details{max-width:880px}.ssv4-back{margin-bottom:22px}.ssv4-details>p{color:#50636b;margin:0 0 22px}
.ssv4-items{border:1px solid var(--v4-line);border-radius:13px;overflow:hidden;background:#fff}
.ssv4-item{display:grid;grid-template-columns:75px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--v4-line)}
.ssv4-item:last-child{border-bottom:0}.ssv4-img{width:70px;height:70px;background:#f4f7f7;border-radius:10px;display:grid;place-items:center;color:#8ca2a4;font-size:25px}
.ssv4-img img{max-width:90%;max-height:90%;object-fit:contain}.ssv4-item-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.ssv4-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--v4-teal);font-weight:700}
.ssv4-item-info strong{font-size:14px;line-height:1.4}.ssv4-item-info small,.ssv4-single-row small{font-size:12px;color:#677981}
.ssv4-totals{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 4px}.ssv4-totals span{font-size:15px;font-weight:650}.ssv4-totals strong{font-size:27px}
.ssv4-saving{color:#0b796d!important;font-size:13px!important}.ssv4-price-warning{background:#fffaf0;border-radius:7px;padding:12px;margin:12px 0;color:#6d551b!important;font-size:13px!important}
.ssv4-alternatives{background:#f9fbfb;border:1px solid var(--v4-line);border-radius:12px;padding:16px;margin-top:16px}.ssv4-alt-head{display:flex;justify-content:space-between;font-size:15px;font-weight:750;margin-bottom:12px}
.ssv4-option{width:100%;border:1px solid var(--v4-line);border-radius:9px;background:#fff;margin:5px 0;padding:11px;display:flex;align-items:center;gap:13px;text-align:left}
.ssv4-option img{width:42px;height:42px;object-fit:contain}.ssv4-option span{flex:1;min-width:0}.ssv4-option strong{display:block;font-size:13px;line-height:1.3}
.ssv4-option small{display:block;font-size:12px;color:#63767a;margin-top:4px}.ssv4-option b{font-size:17px;color:#067773}.ssv4-option.is-selected{border-color:#067773;background:#f1fcfb}
.ssv4-single-roles{border:1px solid var(--v4-line);border-radius:12px;overflow:hidden}
.ssv4-single-row{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--v4-line)}.ssv4-single-row:last-child{border-bottom:0}
.ssv4-single-row span{flex:1;display:flex;flex-direction:column;min-width:0}.ssv4-single-row button{border:1px solid var(--v4-line);background:#fff;border-radius:7px;padding:7px 10px;color:var(--v4-dark)}
.ssv4-actions{border-top:1px solid var(--v4-line);margin-top:23px;padding-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ssv4-primary{background:#38565d;border:0;color:white;padding:14px 30px;border-radius:9px;font-weight:750;opacity:.55;cursor:not-allowed!important}
.ssv4-actions span{font-size:12px;color:#5c6f75}.ssv4-loading{min-height:130px;padding:20px;border:1px dashed var(--v4-line);border-radius:12px}
@media(max-width:650px){.ssv4-shell{margin:18px auto 50px;padding:0 14px}.ssv4-packs{grid-template-columns:1fr;gap:12px}.ssv4-pack{padding:20px}.ssv4-preview-banner{align-items:flex-start}.ssv4-preview-banner span{flex:auto}.ssv4-item{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}.ssv4-img{width:54px;height:54px}.ssv4-item>.ssv4-textlink{grid-column:2;justify-self:start}.ssv4-alternative-paths{flex-direction:column;gap:14px}.ssv4-totals strong{font-size:24px}}

/* v4.1: alternatives reveal progressively; avoid false product-selection affordances */
.ssv4-unique-note{font-size:12px;color:#687d80;text-align:right}
.ssv4-option-wrap{position:relative;margin:5px 0 10px}
.ssv4-option-wrap .ssv4-option{margin:0}
.ssv4-product-details{display:inline-block;font-size:12px;color:#075e60;text-decoration:underline;margin:3px 0 0 55px}
.ssv4-more{display:block;width:100%;border:1px solid #a7c5c3;background:#fff;color:#075e60;font-weight:700;border-radius:8px;padding:11px;margin:10px 0 2px}
@media(max-width:650px){.ssv4-unique-note{grid-column:2;text-align:left}.ssv4-product-details{margin-left:0}}

/* v4.2: premium is a discoverable alternative, never a preselected upsell. */
.ssv4-premium-tag{display:inline-block;width:max-content;padding:3px 7px;margin:0 0 4px;border:1px solid #b18a35;border-radius:5px;color:#79560f;background:#fff8e5;font-size:10px;font-weight:700;font-style:normal;letter-spacing:.02em}

/* ---------------------------------------------------------------
   Tilvalg 4.4 - visual design pass (testdesign only)
   No checkout, selection or pricing changes.
   --------------------------------------------------------------- */
.ssv4-shell{--v4-soft:#f3f9f8;--v4-ink-muted:#4d6669}
/* Device-led intro: real photo of the selected model/variant. */
.ssv4-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:center;gap:16px;min-height:226px;margin:0 0 30px;padding:27px 31px;background:linear-gradient(125deg,#f4faf9 0%,#f8fbfb 64%,#e7f5f2 100%);border:1px solid #dcebe8;border-radius:18px;overflow:hidden}
.ssv4-hero::after{content:"";position:absolute;z-index:-1;right:-85px;top:-95px;width:340px;height:340px;border:1px solid rgba(35,141,139,.14);border-radius:50%;pointer-events:none}
.ssv4-hero-copy{position:relative;z-index:1;min-width:0}
.ssv4-hero .ssv4-kicker{margin-bottom:8px}
.ssv4-model-label{display:block;font-size:13px;font-weight:750;color:#127976;margin-bottom:13px}
.ssv4-hero h1{max-width:630px;font-size:clamp(26px,2.9vw,36px);margin-bottom:11px}
.ssv4-hero p{max-width:530px;color:#506a6b;font-size:14px;line-height:1.55}
.ssv4-device-visual{height:185px;width:100%;position:relative;display:grid;place-items:center;align-self:center}
.ssv4-device-visual::before{content:"";position:absolute;width:169px;height:169px;background:rgba(190,225,218,.52);border-radius:50%;z-index:-1}
.ssv4-phone-photo{display:block;width:100%;height:100%;max-height:185px;max-width:166px;object-fit:contain;filter:drop-shadow(0 11px 13px rgba(16,43,45,.12))}
.ssv4-phone-fallback{display:block;position:relative;width:86px;height:159px;border:7px solid #24494b;border-radius:19px;background:linear-gradient(160deg,#92cdc8,#d9f5f0);box-shadow:0 11px 14px rgba(16,43,45,.12)}
.ssv4-phone-fallback::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);background:#24494b;border-radius:0 0 7px 7px;width:30px;height:6px}
/* Compact device identity on step 2: context without a second big hero. */
.ssv4-device-small{display:flex;align-items:center;gap:13px;margin:0 0 21px;max-width:880px;min-height:65px}
.ssv4-device-small>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.ssv4-device-small>span small{color:#648084;font-size:10px;letter-spacing:.075em;font-weight:800}
.ssv4-device-small>span strong{font-size:14px;font-weight:750;line-height:1.35}
.ssv4-device-visual.is-compact{flex:0 0 59px;width:59px;height:61px;background:#f3f9f8;border:1px solid #e1ebea;border-radius:12px;overflow:hidden}
.ssv4-device-visual.is-compact::before{width:49px;height:49px}
.ssv4-device-visual.is-compact .ssv4-phone-photo{max-width:49px;max-height:55px;filter:none}
.ssv4-device-visual.is-compact .ssv4-phone-fallback{width:25px;height:44px;border-width:3px;border-radius:5px;box-shadow:none}
.ssv4-device-visual.is-compact .ssv4-phone-fallback::before{width:8px;height:2px;top:2px}
/* Curated pack cards with real product photos and more cohesive price hierarchy. */
.ssv4-selection-heading{margin:0 0 17px}
.ssv4-selection-heading .ssv4-kicker{margin-bottom:4px}
.ssv4-selection-heading p{font-size:14px;color:var(--v4-ink-muted);line-height:1.55}
.ssv4-packs{gap:20px;align-items:stretch}
.ssv4-pack{position:relative;padding:24px 24px 22px;border-radius:16px;overflow:hidden;box-shadow:0 7px 20px rgba(22,46,47,.045)}
.ssv4-pack::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#b5d8d4}
.ssv4-pack.is-complete::before{background:#078481}
.ssv4-pack.is-complete{background:linear-gradient(#f9fdfc,#fff 65%)}
.ssv4-pack-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;min-height:21px}
.ssv4-pack-kicker{margin:0;font-size:11px;letter-spacing:.1em}
.ssv4-pack-category{font-size:10px;letter-spacing:.02em;color:#28736e;background:#e7f6f3;border-radius:5px;padding:3px 7px;font-weight:700}
.ssv4-pack>strong{font-size:22px;line-height:1.22}
.ssv4-pack>p{min-height:22px;margin:7px 0 10px;color:#51686c;font-size:14px}
.ssv4-pack-products{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 21px}
.ssv4-pack-product{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;width:73px}
.ssv4-pack-thumb{display:grid;place-items:center;width:66px;height:64px;padding:5px;border:1px solid #e4eeee;background:#fff;border-radius:10px}
.ssv4-pack-thumb img{width:100%;height:100%;object-fit:contain}
.ssv4-pack-thumb-fallback{font-size:24px;color:#9ab7b5}
.ssv4-pack-product-label{color:#647a7d;font-size:11px;line-height:1.25;font-weight:650;text-align:center}
.ssv4-pack-price-area{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 10px;margin-top:auto}
.ssv4-pack-price{font-size:33px;line-height:1.16;letter-spacing:-.028em}
.ssv4-pack-normal{font-size:12px;color:#6b7e80}
.ssv4-pack-normal del{text-decoration-thickness:1px}
.ssv4-pack-save{font-size:13px;margin-top:5px}
.ssv4-pack-cta{margin-top:18px;padding:13px 10px;border-radius:9px}
.ssv4-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 24px;padding:19px 0 3px;margin-top:7px;color:#556d71;font-size:12px}
.ssv4-trust span{white-space:nowrap}
.ssv4-trust b{font-size:13px;color:#088581;margin-right:5px}
.ssv4-alternative-paths{margin:24px 0 34px;gap:10px 25px}
.ssv4-alternative-paths a{color:#64767a}
/* Step two: photos, readable controls and a quiet but unmistakable total. */
.ssv4-details>h1{font-size:clamp(26px,3vw,36px);margin-bottom:7px}
.ssv4-details>p{margin-bottom:20px;font-size:14px}
.ssv4-item{grid-template-columns:79px minmax(0,1fr) auto;padding:16px 18px;gap:16px}
.ssv4-img{width:73px;height:73px;background:#f7faf9;border:1px solid #e7eeee}
.ssv4-item-info strong{font-size:14px;line-height:1.42}
.ssv4-item-info small{color:#657e80}
.ssv4-item>.ssv4-textlink{border:1px solid #c2d9d6!important;border-radius:7px;padding:7px 12px!important;background:#fff!important;text-decoration:none;font-weight:700}
.ssv4-item>.ssv4-textlink:hover{background:#eaf6f3!important;border-color:#69a7a4!important}
.ssv4-price-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 0;padding:16px 18px;border:1px solid #d9e9e6;border-radius:12px;background:#f8fbfa}
.ssv4-price-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.ssv4-price-copy>span{font-size:13px;font-weight:750}
.ssv4-price-copy small{font-size:12px;color:#718386}
.ssv4-price-copy .ssv4-saving{font-size:12px!important;font-weight:750}
.ssv4-total-number{font-size:28px;letter-spacing:-.02em;white-space:nowrap}
@keyframes ssv4-price-reprice{0%{background:#e1f6ed;border-color:#62b7aa}100%{background:#f8fbfa;border-color:#d9e9e6}}
.ssv4-price-summary.is-repriced{animation:ssv4-price-reprice 1s ease-out 1}
@media(prefers-reduced-motion:reduce){.ssv4-pack,.ssv4-pack:hover{transform:none;transition:none}.ssv4-price-summary.is-repriced{animation:none}}
@media(max-width:750px){.ssv4-hero{grid-template-columns:minmax(0,1fr) 135px;min-height:185px;padding:22px;gap:10px}.ssv4-device-visual{height:150px}.ssv4-device-visual::before{width:132px;height:132px}.ssv4-phone-photo{max-width:124px;max-height:145px}.ssv4-hero h1{font-size:28px}.ssv4-pack{padding:20px 17px}.ssv4-pack-products{gap:5px}.ssv4-pack-product{width:65px}.ssv4-pack-thumb{width:59px;height:59px}.ssv4-pack-price{font-size:29px}}
@media(max-width:650px){.ssv4-hero{grid-template-columns:minmax(0,1fr) 108px;min-height:170px;padding:18px;border-radius:14px}.ssv4-hero h1{font-size:25px}.ssv4-hero p{font-size:13px}.ssv4-model-label{font-size:12px;margin-bottom:9px}.ssv4-device-visual{height:123px}.ssv4-device-visual::before{width:105px;height:105px}.ssv4-phone-photo{max-width:99px;max-height:121px}.ssv4-phone-fallback{width:57px;height:103px;border-width:5px;border-radius:12px}.ssv4-trust{justify-content:flex-start;gap:7px 17px}.ssv4-pack{padding:20px}.ssv4-pack-products{gap:10px}.ssv4-pack-product{width:68px}.ssv4-pack-thumb{width:63px;height:63px}.ssv4-item{grid-template-columns:58px minmax(0,1fr);padding:13px;gap:10px}.ssv4-img{width:55px;height:55px}.ssv4-item>.ssv4-textlink{grid-column:2;justify-self:start}.ssv4-price-summary{padding:14px;align-items:flex-start}.ssv4-total-number{font-size:25px}}
@media(max-width:385px){.ssv4-hero{grid-template-columns:minmax(0,1fr) 77px;padding:14px;gap:5px}.ssv4-hero h1{font-size:23px}.ssv4-device-visual::before{width:80px;height:80px}.ssv4-phone-photo{max-width:74px;max-height:110px}.ssv4-phone-fallback{width:49px;height:89px}.ssv4-hero .ssv4-kicker{font-size:10px}.ssv4-hero p{font-size:12px}.ssv4-pack-price{font-size:29px}}
/* Override previous price span's flex auto-margin in the new price row. */
.ssv4-pack-price-area .ssv4-pack-price{margin-top:0}

/* v4.6 - optional extras: hidden behind a single calm disclosure by default. */
.ssv4-extras{margin:22px 0 0;border:1px solid #dceae8;border-radius:13px;background:#fff;overflow:hidden}
.ssv4-extras-toggle{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:18px 19px;background:#f9fcfb;border:0;color:var(--v4-dark)}
.ssv4-extras-toggle:hover{background:#f0f9f7}
.ssv4-extras-plus{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;background:#e0f3ef;color:#087d79;font-size:22px;font-weight:500}
.ssv4-extras-title{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.ssv4-extras-title strong{font-size:14px;font-weight:750}
.ssv4-extras-title small{color:#607a7c;font-size:12px;line-height:1.4}
.ssv4-extras-count{font-size:12px;font-weight:750;color:#087d79;white-space:nowrap}
.ssv4-extras-chevron{font-size:18px;color:#628381}
.ssv4-extras-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px 17px;border-top:1px solid #e3eeec}
.ssv4-extras-category{display:flex;justify-content:space-between;gap:8px;align-items:center;text-align:left;padding:12px 13px;background:#fff;border:1px solid #dce9e7;border-radius:9px;color:var(--v4-dark)}
.ssv4-extras-category:hover,.ssv4-extras-category.is-open{border-color:#6eb5ad;background:#f2fbf9}
.ssv4-extras-category>span:first-child{display:flex;flex-direction:column;gap:3px}
.ssv4-extras-category strong{font-size:13px}
.ssv4-extras-category small{font-size:11px;line-height:1.4;color:#647b7e}
.ssv4-extra-category-status{font-size:11px;font-weight:750;color:#077d7c;white-space:nowrap}
.ssv4-extras-options{padding:4px 17px 15px}
.ssv4-extra-option{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 0;border-top:1px solid #e4eeec}
.ssv4-extra-img{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;background:#f7faf9;border:1px solid #e3eeec;border-radius:9px}
.ssv4-extra-img img{max-width:90%;max-height:90%;object-fit:contain}
.ssv4-extra-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ssv4-extra-info strong{font-size:12px;line-height:1.4}
.ssv4-extra-info span{font-size:13px;font-weight:700}
.ssv4-extra-info a{font-size:11px;color:#087d79;text-decoration:underline}
.ssv4-extra-option>button{border:1px solid #9fc9c5;background:#fff;color:#066861;font-size:12px;font-weight:750;padding:7px 10px;border-radius:7px;white-space:nowrap}
.ssv4-extra-option>button:not(:disabled):hover{background:#e3f4f0}
.ssv4-extra-option>button:disabled{color:#728a87;background:#f5f8f7;cursor:default}
.ssv4-extra-option.is-selected{background:#f4fbf9}
.ssv4-extras-picked{padding:9px 17px 0;border-top:1px solid #e4eeec}
.ssv4-extra-picked-row{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 0;border-bottom:1px solid #edf2f1}
.ssv4-extra-picked-title{font-size:12px;flex:1;min-width:0}
.ssv4-extra-picked-row strong{font-size:12px;white-space:nowrap}
.ssv4-extra-picked-row button{font-size:12px;border:0;background:transparent;color:#087d79;text-decoration:underline;padding:5px}
.ssv4-extras-note{margin:0!important;padding:2px 17px 15px;font-size:11px!important;color:#6b8081}
@media(max-width:650px){.ssv4-extras-categories{grid-template-columns:1fr}.ssv4-extras-toggle{padding:15px 13px;gap:10px}.ssv4-extras-plus{width:26px;height:26px;flex-basis:26px}.ssv4-extra-option{gap:8px}.ssv4-extra-img{width:43px;height:43px;flex-basis:43px}}
/* An actionable button must never look disabled. */
.ssv4-actions .ssv4-primary:not(:disabled){background:#00a9b4!important;opacity:1!important;color:#fff!important;cursor:pointer!important;box-shadow:0 3px 12px rgba(0,144,153,.18)!important}
.ssv4-actions .ssv4-primary:disabled{background:#8fa0a4!important;opacity:.65!important;cursor:not-allowed!important}
.ssv4-actions .ssv4-primary:not(:disabled):hover{background:#008e98!important}

/* 3.4.1 pilot: choose one phone at a time in a multi-device cart. */
.ssv4-device-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;background:#f4f9f8;border:1px solid #dcebe8;border-radius:10px}
.ssv4-device-picker label{font-weight:750;font-size:13px;white-space:nowrap}
.ssv4-device-picker select{width:min(100%,520px);flex:1;min-width:220px;background:#fff;padding:10px 12px;border-radius:8px;border:1px solid #b5d2d0;color:#173537;font:inherit}
.ssv4-device-picker small{flex-basis:100%;color:#637b7e;font-size:12px}

/* RC1: customer-facing progress and retry. Visible test banner removed in JS. */
.ssv4-loading{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:12px;background:#f9fcfb;border-style:solid}
.ssv4-loading a{color:#087d79;font-size:13px;text-decoration:underline}
.ssv4-reload{border:1px solid #88bbb4;background:#fff;color:#076d69;padding:9px 14px;border-radius:8px;font-weight:750}
.ssv4-actions .ssv4-primary[aria-busy="true"]{cursor:progress!important;opacity:.8!important}
.ssv4-shell [role="alert"]{line-height:1.5}

/* RC1.3: editing an existing cart package */
.ssv4-edit-note{background:#f2f8f7;border:1px solid #d5e9e5;border-radius:9px;color:#315651;font-size:13px;line-height:1.5;margin:14px 0;padding:12px 14px;}

/* RC2: optional professional mounting and fulfilment explanation. */
.ssv4-mounting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:15px 17px;border:1px solid #bcdedb;border-radius:11px;background:#ecf9f8}
.ssv4-mounting-copy{display:flex;flex-direction:column;gap:4px;max-width:520px}
.ssv4-mounting-copy strong{font-size:14px}.ssv4-mounting-copy small{color:#526f70;line-height:1.48}.ssv4-mounting-copy b{font-size:14px}
.ssv4-mounting-toggle{display:flex;gap:8px;align-items:center;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:750;color:#086f71;background:#fff;border:1px solid #a9cfcd;border-radius:8px;padding:10px 12px}
.ssv4-mounting-toggle input{width:18px;height:18px;accent-color:#08a0a9}
.ssv4-delivery-note{padding:13px 16px;margin:13px 0;border:1px solid #bde1e9;background:#edf9fc;border-radius:10px;color:#164950}
.ssv4-delivery-note strong{font-size:13px}.ssv4-delivery-note p{margin:5px 0 0!important;font-size:12px!important;line-height:1.55}
@media(max-width:650px){.ssv4-mounting{align-items:flex-start;flex-direction:column}.ssv4-mounting-toggle{width:100%;justify-content:center}}
/* Unified Tilvalg 4.0 single-selection profiles (tablets / earbuds). */
.ssv4-simple-shell{max-width:1120px;width:100%;box-sizing:border-box;margin-inline:auto}
.ssv4-simple-heading{margin:14px 0 20px}
.ssv4-simple-heading h1{font-size:clamp(24px,3vw,32px);line-height:1.15;margin:6px 0}
.ssv4-simple-heading p{font-size:14px;color:#5e7275;margin:0}
.ssv4-simple-card{background:#fff;border:1px solid #d6e7e5;border-radius:11px;margin-bottom:12px;padding:16px}
.ssv4-simple-choice{display:flex;gap:13px;align-items:center;margin:7px 0 13px}
.ssv4-simple-text{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}
.ssv4-simple-text strong{font-size:14px}.ssv4-simple-text small{font-size:12px;color:#647779}
.ssv4-simple-text b{font-size:16px}.ssv4-simple-choice>button{background:#fff;border:1px solid #b6d6d3;border-radius:6px;padding:8px;color:#176f72;cursor:pointer}
.ssv4-simple-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:7px}
.ssv4-simple-options .ssv4-option{margin:0;padding:9px;min-width:0}
.ssv4-simple-options .ssv4-option:disabled{opacity:.55;cursor:not-allowed}
.ssv4-simple-mount{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border:1px solid #b9e7e6;background:#effafa;border-radius:10px;padding:14px;font-size:14px;font-weight:700;margin:12px 0}
.ssv4-simple-mount input{width:18px;height:18px;accent-color:#00a9b4}
.ssv4-simple-mount small{flex-basis:100%;font-weight:400;color:#48686d;margin-left:27px}
.ssv4-simple-delivery{border:1px solid #cde8eb;background:#f0fafb;border-radius:9px;padding:12px 15px;color:#345a5e;font-size:13px}
@media(max-width:560px){.ssv4-simple-card{padding:13px}.ssv4-simple-options{grid-template-columns:1fr}}

/* RC2.10: explicit device image and responsive text on the single-choice fallback. */
.ssv4-simple-device{max-width:100%;margin-top:15px;margin-bottom:14px}
.ssv4-simple-device .ssv4-device-visual{flex-shrink:0}
.ssv4-simple-device strong{overflow-wrap:anywhere}

/* Tilvalg 4.0 native cart entry; no dependency on Tilvalg 3.0 styles. */
.ssre-flow34-cart-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:16px 18px;border:1px solid #cfe1e4;border-radius:14px;background:#f7fcfc}
.ssre-flow34-cart-copy{min-width:0}.ssre-flow34-cart-copy>span{display:block;margin-bottom:3px;color:#008a91;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.ssre-flow34-cart-copy>strong{display:block;color:#11181c;font-size:16px;line-height:1.25}.ssre-flow34-cart-copy>p{margin:4px 0 0;color:#5d6c71;font-size:12.5px;line-height:1.4}
.ssre-flow34-cart-actions{display:flex;flex-direction:column;gap:7px;flex:0 0 auto}
.ssre-flow34-cart-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border-radius:9px;background:#00adb5;color:#fff!important;font-size:12.5px;font-weight:850;text-decoration:none!important;white-space:nowrap}
.ssre-flow34-cart-link:hover{filter:brightness(.95)}
@media(max-width:900px){.ssre-flow34-cart-panel{align-items:flex-start;flex-direction:column}.ssre-flow34-cart-actions{width:100%}.ssre-flow34-cart-link{width:100%;white-space:normal;text-align:center}}