/* tos-polish.css – unified tokens for Tarifly device pages (/geraete/), comparison landings (/vergleichen/) and hubs.
   Scope: only offers-sync wrappers (.tos-seo-product, main.tos-smart-landing). Nothing outside them, no Elementor selectors.
   Load after apple.css / smart-landings.css / product-seo.css. Draft 2026-10-13. */
:is(.tos-seo-product,main.tos-smart-landing){
  /* spacing scale (4px base) */
  --tp-1:4px;--tp-2:8px;--tp-3:12px;--tp-4:16px;--tp-5:24px;--tp-6:32px;--tp-7:48px;
  --tp-section:clamp(48px,5vw + 16px,80px);
  /* type scale */
  --tp-h1:clamp(32px,3.2vw + 14px,54px);
  --tp-h2:clamp(24px,1.6vw + 16px,36px);
  --tp-h3:clamp(17px,.3vw + 16px,19px);
  --tp-body:15px;--tp-small:13px;
  /* radius: one family */
  --tp-r-sm:12px;--tp-r-md:16px;--tp-r-lg:20px;
  /* colours (AA on white) */
  --tp-ink:#0d0625;--tp-text:#3a3f4f;--tp-mute:#5b6274;--tp-line:rgba(13,6,37,.10);
  --tp-link:#b34700; /* accent darkened: 5.0:1 on #fff (orange #fa7320 = 2.79:1) */
  /* feed the existing apple.css tokens so all its rules follow */
  --ts-gap:var(--tp-section);--ts-h1:var(--tp-h1);--ts-h2:var(--tp-h2);
  --ts-r-sm:var(--tp-r-sm);--ts-r-md:var(--tp-r-md);--ts-r-lg:var(--tp-r-lg);
  --ts-mute:var(--tp-mute);
}
/* headings */
:is(.tos-seo-product,main.tos-smart-landing) :is(.tos-seo-section-head,.tos-specs__head,.tos-rel__head) h2{max-width:28ch!important;line-height:1.12!important;letter-spacing:-.02em!important}
:is(.tos-seo-product,main.tos-smart-landing) .tos-seo-section-head{margin-bottom:var(--tp-5)!important;gap:var(--tp-3)}
:is(.tos-seo-product,main.tos-smart-landing) .tos-seo-kicker{margin-bottom:var(--tp-2)!important;font-size:var(--tp-small)!important}
:is(.tos-seo-product,main.tos-smart-landing) :is(.tos-alt-card h3,.tos-rel__card h3,.tos-hub-brand){font-size:var(--tp-h3)!important;line-height:1.3!important}
:is(.tos-seo-product,main.tos-smart-landing) .tos-human-faq__q{font-size:var(--tp-h3)!important;line-height:1.35!important;padding:var(--tp-4) var(--tp-1) var(--tp-2)!important}
/* small text floor: no 12px body copy */
:is(.tos-seo-product,main.tos-smart-landing) :is(p,li,dd,dt,small,span){font-size:max(var(--tp-small),1em)}
/* unified cards / panels */
:is(.tos-seo-product,main.tos-smart-landing) :is(.tos-alt-card,.tos-v2-card,.tos-rel__card,.tos-cards-media,.tos-hub-cards a){border-radius:var(--tp-r-lg)!important}
:is(.tos-seo-product,main.tos-smart-landing) :is(.tos-filter-panel,.tos-fold,.tos-alt-toolbar,.tos-keyfacts,.tos-pricefacts){border-radius:var(--tp-r-md)!important}
:is(.tos-seo-product,main.tos-smart-landing) .tos-filter-panel{padding:var(--tp-4)!important;margin-bottom:var(--tp-5)!important;border:1px solid var(--tp-line)!important;box-shadow:none!important;background:#fff!important}
:is(.tos-seo-product,main.tos-smart-landing) .tos-hub-cards a{padding:var(--tp-4) var(--tp-5)!important;min-height:88px;align-content:center}
:is(.tos-seo-product,main.tos-smart-landing) :is(.tos-smart-grid,.tos-alt-grid,.tos-rel__grid,.tos-hub-cards){gap:var(--tp-4)!important}
/* hub A–Z list: readable links, real tap targets */
main.tos-smart-landing .tos-hub-list{gap:0 var(--tp-5)!important}
main.tos-smart-landing .tos-hub-list li{align-items:center;padding:0!important;min-height:44px}
main.tos-smart-landing .tos-hub-list a{color:var(--tp-ink)!important;padding:var(--tp-3) 0;flex:1;min-width:0}
main.tos-smart-landing .tos-hub-list a:hover{color:var(--tp-link)!important}
main.tos-smart-landing .tos-hub-list span{color:var(--tp-mute);font-size:var(--tp-small);white-space:nowrap}
main.tos-smart-landing .tos-hub-brand{margin:var(--tp-6) 0 var(--tp-2)!important}
:is(.tos-seo-product,main.tos-smart-landing) .tos-hub-note a,:is(.tos-seo-product,main.tos-smart-landing) .tos-seo-internal-links a{color:var(--tp-link)}
/* breadcrumb tap height (WCAG 2.5.8: 24px) */
:is(.tos-seo-product,main.tos-smart-landing) .tos-hero-bar a{display:inline-flex;align-items:center;min-height:24px}
/* horizontal category chips: show they scroll */
:is(.tos-seo-product,main.tos-smart-landing) .tos-alt-categories{scroll-padding-inline:var(--tp-4);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
:is(.tos-seo-product,main.tos-smart-landing) .tos-alt-categories button{min-height:40px}
@media (max-width:768.98px){
  :is(.tos-seo-product,main.tos-smart-landing){--tp-section:44px}
  :is(.tos-seo-product,main.tos-smart-landing) .tos-hub-cards a{min-height:72px}
}
/* OPTIONAL (not active in the after-screenshots): 2 cards per row on phones for the hub "Beliebteste Geräte" grid
   (24 cards × ~560px ≈ 13,000px of scrolling today). Test card content first.
@media (max-width:599.98px){main.tos-hub .tos-smart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--tp-3)!important}}
*/

/* ===== v2 additions (device page audit 2026-10-13) ===== */
/* filter panel: preset rule (.tos-p-tarifly, !important) won over v1 → computed 30px */
.tos-seo-product .tos-offers-shell.tos-ui-v2 .tos-filter-panel,main.tos-smart-landing .tos-offers-shell.tos-ui-v2 .tos-filter-panel{border-radius:var(--tp-r-md)!important}
/* swatches: one ring style, one row on phones */
.tos-seo-product .tos-seo-hero__swatch{width:40px!important;height:40px!important}
.tos-seo-product .tos-seo-hero__swatch i{width:28px!important;height:28px!important}
.tos-seo-product .tos-seo-hero__swatch.is-active:after{inset:0!important;border:2px solid var(--ts-acc)!important;box-shadow:none!important}
/* storage chips vs CTA: same pill family, consistent heights (chips 40, CTA 48) */
.tos-seo-product .tos-seo-hero__chip{min-height:40px!important;height:40px!important;padding:0 18px!important;border-radius:999px!important}
.tos-seo-product .tos-seo-hero__chip:not(.is-active){box-shadow:inset 0 0 0 1px var(--tp-line)!important}
.tos-seo-product .tos-smart-hero__cta{min-height:48px!important;height:48px!important;border-radius:999px!important}
/* offer cards */
.tos-seo-product .tos-offers-shell.tos-ui-v2 .tos-variant-controls>.tos-choice-block:last-child:nth-of-type(odd){grid-column:1/-1}
.tos-seo-product .tos-offers-shell.tos-ui-v2 .tos-choice-select select{text-overflow:ellipsis}
.tos-seo-product .tos-offers-shell.tos-ui-v2 .tos-once-price small{display:none!important} /* "einmalig" repeated under the "Einmalig" label */
.tos-seo-product .tos-offers-shell.tos-ui-v2 .tos-details-toggle{white-space:nowrap!important}
.tos-seo-product .tos-offers-shell.tos-ui-v2 .tos-load-more{border-radius:999px!important;min-height:48px!important}
@media (max-width:768.98px){
  /* hero: left-aligned like the cards below; shorter measure for the intro */
  .tos-seo-product .tos-smart-hero__copy,.tos-seo-product .tos-smart-hero h1,.tos-seo-product .tos-smart-hero__copy>p{text-align:left!important}
  .tos-seo-product .tos-smart-hero__copy>p:not(.tos-seo-hero__micro){font-size:16px!important;line-height:1.5!important}
  .tos-seo-product :is(.tos-seo-hero__swatches,.tos-seo-hero__storage,.tos-smart-hero__actions,.tos-seo-hero__variant-group){justify-content:flex-start!important;text-align:left!important}
  .tos-seo-product .tos-seo-hero__swatches{gap:4px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
  .tos-seo-product .tos-seo-hero__swatch{width:36px!important;height:36px!important;flex:0 0 36px}
  .tos-seo-product .tos-seo-hero__swatch i{width:26px!important;height:26px!important}
  .tos-seo-product .tos-smart-hero__cta{width:100%!important;justify-content:center}
}

/* ===== v3 additions (mobile re-audit 2026-10-13) ===== */
/* Root cause: product-seo.css `.tos-seo-product{overflow-x:clip}` cuts everything outside the 15px theme gutter,
   so the left/right part of the card shadow ring disappears (cards are exactly container-wide). Clip only the hero decor. */
.tos-seo-product{overflow:visible!important}
.tos-seo-product .tos-smart-hero{overflow-x:clip}
/* one gutter = WoodMart container (15px), already applied by the theme; keep our blocks flush with it */
.tos-seo-product :is(.tos-hero-bar,.tos-smart-hero,.tos-keyfacts,.tos-secnav,.tos-seo-offers,.tos-specs,.tos-human-faq,.tos-seo-related){margin-left:0!important;margin-right:0!important}
/* cards: real 1px border + soft shadow, consistent radius */
.tos-seo-product :is(.tos-v2-card,.tos-alt-card,.tos-rel__card){border:1px solid rgba(13,6,37,.10)!important;box-shadow:0 1px 2px rgba(13,6,37,.04),0 8px 24px -14px rgba(13,6,37,.18)!important;border-radius:var(--tp-r-lg)!important;background:#fff!important}
.tos-seo-product .tos-offers-shell.tos-ui-v2.tos-mode-cards .tos-cards-media{margin:12px 12px 0!important;border-radius:var(--tp-r-md)!important}
.tos-seo-product .tos-offers-shell.tos-ui-v2 .tos-cards-body{padding:16px!important;gap:16px!important}
.tos-seo-product .tos-offers-shell.tos-ui-v2 .tos-cards-top{padding:12px 16px 0!important}
.tos-seo-product .tos-keyfacts{border-radius:var(--tp-r-lg)!important;padding:var(--tp-5)!important}
/* 8pt vertical rhythm */
.tos-seo-product .tos-hero-bar{padding:var(--tp-3) 0 var(--tp-4)!important}
.tos-seo-product .tos-smart-hero{padding-bottom:var(--tp-6)!important}
.tos-seo-product .tos-secnav{padding-top:var(--tp-4)!important}
.tos-seo-product :is(.tos-seo-offers,.tos-human-faq,.tos-seo-related){padding-top:var(--tp-section)!important}
.tos-seo-product .tos-seo-offers{padding-bottom:0!important}
.tos-seo-product .tos-specs{margin-top:var(--tp-6)!important}
.tos-seo-product .tos-fold{margin-top:var(--tp-4)!important}
.tos-seo-product .tos-seo-internal-links{margin-top:var(--tp-5)!important}
.tos-seo-product .tos-pricefacts{margin-bottom:var(--tp-4)!important}
.tos-seo-product .tos-offers-shell{margin-top:0!important}
.tos-seo-product .tos-grid{gap:var(--tp-4)!important}
/* hero title + eyebrow + breadcrumb */
.tos-seo-product .tos-smart-hero h1{max-width:none!important;letter-spacing:-.02em!important;line-height:1.15!important;text-wrap:balance}
.tos-seo-product .tos-seo-kicker{font-size:13px!important;font-weight:600!important;letter-spacing:.02em!important;margin:0 0 var(--tp-2)!important}
.tos-seo-product .tos-hero-bar .wd-breadcrumbs{font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:768.98px){
  .tos-seo-product{--tp-section:48px;--tp-r-lg:16px}
  .tos-seo-product .tos-smart-hero h1{font-size:30px!important}
  .tos-seo-product .tos-hero-bar__stamp{display:none}
}

/* --- skill pass (apple-design §15 typography, §16 craft/simplicity; emil-design-eng buttons/perf/a11y) --- */
.tos-seo-product{--tp-h2:clamp(22px,1.4vw + 16px,34px);--ts-h2:var(--tp-h2)}
.tos-seo-product :is(.tos-seo-section-head,.tos-specs__head,.tos-rel__head) h2{letter-spacing:-.015em!important;line-height:1.18!important;font-weight:650!important}
.tos-seo-product :is(.tos-card-title,.tos-alt-card h3,.tos-rel__card h3){font-size:18px!important;line-height:1.25!important;letter-spacing:-.01em!important}
.tos-seo-product :is(.tos-choice-label,.tos-seo-kicker,.tos-fact,.tos-once-price>span){letter-spacing:.01em!important}
.tos-seo-product .tos-main-price strong{letter-spacing:-.02em!important;line-height:1.05!important}
/* pressable feedback: transform only, subtle, interruptible CSS transition */
.tos-seo-product :is(.tos-smart-hero__cta,.tos-cards-cta,.tos-load-more,.tos-seo-hero__chip,.tos-seo-hero__swatch){transition:transform 160ms ease-out!important}
.tos-seo-product :is(.tos-smart-hero__cta,.tos-cards-cta,.tos-load-more,.tos-seo-hero__chip):active{transform:scale(.97)!important}
@media (hover:none){.tos-seo-product :is(.tos-v2-card,.tos-alt-card,.tos-rel__card,.tos-hub-cards a):hover{transform:none!important}}
@media (prefers-reduced-motion:reduce){.tos-seo-product *{transition:none!important}}
@media (max-width:768.98px){
  .tos-seo-product .tos-smart-hero h1{font-size:28px!important;font-weight:700!important}
  .tos-seo-product .tos-smart-hero__copy>p:not(.tos-seo-hero__micro){font-size:16px!important;color:var(--tp-text)!important}
  .tos-seo-product :is(.tos-card-title,.tos-alt-card h3,.tos-rel__card h3){font-size:17px!important}
}
@media (max-width:380px){.tos-seo-product .tos-smart-hero h1{font-size:26px!important}}
@media (max-width:768.98px){
  .tos-seo-product .tos-smart-hero :is(.tos-seo-kicker,.tos-seo-hero__label,.tos-seo-hero__variant-label,.tos-seo-hero__micro){text-align:left!important;justify-content:flex-start!important;margin-left:0!important}
  .tos-seo-product .tos-smart-hero [class*="tos-seo-hero__"]:not(.tos-seo-hero__media):not(img){text-align:left;justify-content:flex-start}
}
/* specificity bump: preset `.tos-offers-shell.tos-ui-v2.tos-mode-cards …` rules won over the plain card rule */
.tos-seo-product .tos-offers-shell.tos-ui-v2.tos-mode-cards .tos-grid>.tos-v2-card{border:1px solid rgba(13,6,37,.09)!important;box-shadow:0 1px 2px rgba(13,6,37,.04),0 10px 28px -16px rgba(13,6,37,.20)!important;border-radius:var(--tp-r-lg)!important}
@media (max-width:768.98px){.tos-seo-product .tos-smart-hero__copy>.tos-seo-kicker{align-self:flex-start!important;margin-left:0!important;margin-right:auto!important;width:auto!important}}
@media (max-width:768.98px){.tos-seo-product .tos-offers-shell.tos-ui-v2.tos-mode-cards .tos-grid>.tos-v2-card,.tos-seo-product :is(.tos-alt-card,.tos-rel__card,.tos-keyfacts){border-radius:16px!important}}

/* ===== 1.67.5: hero + breadcrumb redesign (option A; later rules win over earlier hero rules) ===== */
/* ---- shared structure (scoped .tos-seo-product, CSS-only, no DOM/text change) ---- */
.tos-seo-product{--h-ink:#0d0625;--h-text:#4a4f5e;--h-mute:#6b7080;--h-line:rgba(13,6,37,.09);--h-acc:#fa7320;--h-acc-ink:#b34700;--h-r:20px;--h-r-sm:12px}
/* breadcrumb tight under header: cancel theme 40px + main 14px top space */
body.single-tos_product .wd-content-layout.content-layout-wrapper{padding-top:0!important}
.tos-seo-product.tos-apple{padding-top:0!important}
.tos-seo-product .tos-smart-hero{padding-top:0!important;overflow-x:clip}
.tos-seo-product .tos-hero-bar{display:flex!important;align-items:center;gap:12px;margin:12px 0 20px!important;padding:0!important;min-height:32px}
.tos-seo-product .tos-hero-bar .wd-breadcrumbs{flex:1;min-width:0;margin:0!important;padding:0!important}
.tos-seo-product .tos-hero-bar .rank-math-breadcrumb p{margin:0!important;font-size:13px!important;line-height:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--h-mute)!important;letter-spacing:.01em}
.tos-seo-product .tos-hero-bar .rank-math-breadcrumb a{color:var(--h-mute)!important;text-decoration:none!important;font-weight:500}
.tos-seo-product .tos-hero-bar .rank-math-breadcrumb a:hover{color:var(--h-ink)!important}
.tos-seo-product .tos-hero-bar .rank-math-breadcrumb .last{color:var(--h-ink)!important;font-weight:600}
.tos-seo-product .tos-hero-bar .separator{font-size:0!important;display:inline-block;width:14px;height:20px;vertical-align:top;margin:0 4px;opacity:.55;background:no-repeat center/7px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M1.5 1l5 5-5 5' fill='none' stroke='%230d0625' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.tos-seo-product .tos-hero-bar__stamp{font-size:12px!important;color:var(--h-mute)!important;white-space:nowrap}
.tos-seo-product .tos-smart-hero__decor,.tos-seo-product .tos-smart-hero__underline,.tos-seo-product .tos-smart-hero__visual-shape{display:none!important}
.tos-seo-product .tos-smart-hero__main{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:48px!important;align-items:center!important;padding:0!important;margin:0!important;min-height:0!important}
.tos-seo-product .tos-smart-hero__copy{text-align:left!important;max-width:none!important;padding:0!important}
.tos-seo-product .tos-seo-kicker{display:inline-flex!important;align-items:center;font-size:13px!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important;margin:0 0 10px!important;padding:0!important;background:none!important}
.tos-seo-product .tos-smart-hero h1{font-size:44px!important;line-height:1.08!important;letter-spacing:-.025em!important;font-weight:700!important;color:var(--h-ink)!important;margin:0 0 14px!important;max-width:16ch!important;text-wrap:balance;text-align:left!important}
.tos-seo-product .tos-smart-hero__copy>p:not(.tos-seo-hero__micro){font-size:15px!important;line-height:1.55!important;color:var(--h-text)!important;margin:0 0 24px!important;max-width:56ch!important;text-align:left!important}
.tos-seo-product .tos-smart-hero__visual{position:relative;display:flex!important;align-items:center;justify-content:center;border-radius:28px;min-height:420px;padding:32px!important;margin:0!important}
.tos-seo-product .tos-smart-hero__visual img{max-height:380px!important;width:auto!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(13,6,37,.18))}
.tos-seo-product .tos-smart-hero__note{position:absolute!important;top:16px!important;right:16px!important;left:auto!important;font-size:12px!important;font-weight:600;padding:6px 12px!important;border-radius:999px!important;width:auto!important;height:auto!important;line-height:1.3!important;transform:none!important}
.tos-seo-product .tos-smart-hero__note br{display:none}
/* configurator: variants + actions + micro read as one card */
.tos-seo-product .tos-seo-hero__variants{display:grid!important;gap:16px!important;margin:0!important;padding:20px 20px 4px!important;border:1px solid var(--h-line);border-bottom:0;border-radius:var(--h-r) var(--h-r) 0 0;background:#fff}
.tos-seo-product .tos-seo-hero__variant-group{display:grid!important;gap:10px!important;margin:0!important;justify-items:start!important;text-align:left!important}
.tos-seo-product .tos-seo-hero__variant-label{font-size:13px!important;color:var(--h-mute)!important;margin:0!important;justify-content:flex-start!important;text-align:left!important}
.tos-seo-product .tos-seo-hero__variant-label strong{color:var(--h-ink)!important;font-weight:600!important;margin-left:4px}
.tos-seo-product .tos-seo-hero__swatches{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;margin:0!important}
.tos-seo-product .tos-seo-hero__swatch{width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important;position:relative;transition:transform 160ms ease-out}
.tos-seo-product .tos-seo-hero__swatch i{width:24px!important;height:24px!important;border-radius:50%!important;box-shadow:inset 0 0 0 1px rgba(13,6,37,.12)!important}
.tos-seo-product .tos-seo-hero__swatch.is-active:after{content:"";position:absolute;inset:0!important;border-radius:50%;border:2px solid var(--h-ink)!important;box-shadow:none!important}
.tos-seo-product .tos-seo-hero__storage{display:flex!important;gap:8px!important;justify-content:flex-start!important;margin:0!important}
.tos-seo-product .tos-seo-hero__chip{height:36px!important;min-height:36px!important;padding:0 16px!important;border-radius:999px!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important;align-items:center;box-shadow:inset 0 0 0 1px var(--h-line)!important;background:#fff!important;color:var(--h-ink)!important;transition:transform 160ms ease-out}
.tos-seo-product .tos-seo-hero__chip.is-active{box-shadow:inset 0 0 0 1.5px var(--h-ink)!important}
.tos-seo-product .tos-smart-hero__actions{display:grid!important;gap:12px!important;margin:0!important;padding:16px 20px 20px!important;border:1px solid var(--h-line);border-top:0;border-radius:0 0 var(--h-r) var(--h-r);background:#fff;justify-items:stretch!important}
.tos-seo-product .tos-smart-hero__cta{width:100%!important;height:48px!important;min-height:48px!important;border-radius:999px!important;justify-content:center!important;font-size:16px!important;font-weight:600!important;box-shadow:none!important;transition:transform 160ms ease-out,background-color 160ms ease-out!important}
.tos-seo-product :is(.tos-smart-hero__cta,.tos-seo-hero__chip,.tos-seo-hero__swatch):active{transform:scale(.97)}
.tos-seo-product .tos-smart-hero__meta{display:flex!important;flex-wrap:wrap;gap:6px 16px!important;justify-content:center!important;font-size:12.5px!important;color:var(--h-mute)!important;margin:0!important}
.tos-seo-product .tos-seo-hero__micro{font-size:12px!important;line-height:1.5!important;color:var(--h-mute)!important;margin:12px 4px 0!important;text-align:left!important}
@media (prefers-reduced-motion:reduce){.tos-seo-product .tos-smart-hero *{transition:none!important}}
@media (max-width:768.98px){
  .tos-seo-product .tos-hero-bar{margin:12px 0 16px!important}
  .tos-seo-product .tos-hero-bar__stamp{display:none!important}
  .tos-seo-product .tos-smart-hero__main{display:flex!important;flex-direction:column;gap:0!important;align-items:stretch!important}
  .tos-seo-product .tos-smart-hero__copy{display:contents!important}
  .tos-seo-product .tos-seo-kicker{order:1;align-self:flex-start}
  .tos-seo-product .tos-smart-hero h1{order:2;font-size:28px!important;line-height:1.12!important;letter-spacing:-.02em!important;max-width:none!important}
  .tos-seo-product .tos-smart-hero__copy>p:not(.tos-seo-hero__micro){order:3;font-size:14.5px!important;margin:0 0 20px!important}
  .tos-seo-product .tos-smart-hero__visual{order:4;min-height:0;height:300px;padding:20px!important;margin:0 0 16px!important;border-radius:24px}
  .tos-seo-product .tos-smart-hero__visual img{max-height:250px!important}
  .tos-seo-product .tos-seo-hero__variants{order:5}
  .tos-seo-product .tos-smart-hero__actions{order:6}
  .tos-seo-product .tos-seo-hero__micro{order:7}
}
@media (max-width:380px){.tos-seo-product .tos-smart-hero h1{font-size:26px!important}}
/* configurator card: equal width, borders win over preset */
.tos-seo-product :is(.tos-seo-hero__variants,.tos-smart-hero__actions){width:100%!important;max-width:520px!important;box-sizing:border-box!important;border-left:1px solid var(--h-line)!important;border-right:1px solid var(--h-line)!important;align-self:stretch!important;justify-self:stretch!important}
.tos-seo-product .tos-seo-hero__variants{border-top:1px solid var(--h-line)!important;border-bottom:0!important}
.tos-seo-product .tos-smart-hero__actions{border-bottom:1px solid var(--h-line)!important;border-top:0!important}
.tos-seo-product .tos-smart-hero__cta{max-width:none!important;margin:0!important}
.tos-seo-product .tos-seo-hero__micro{max-width:520px!important}
@media (max-width:768.98px){
  .tos-seo-product :is(.tos-seo-hero__variants,.tos-smart-hero__actions,.tos-seo-hero__micro){max-width:none!important}
  .tos-seo-product .tos-seo-hero__swatches{flex-wrap:nowrap!important;gap:6px!important}
  .tos-seo-product .tos-seo-hero__swatch{width:30px!important;height:30px!important;flex:0 0 30px}
  .tos-seo-product .tos-seo-hero__swatch i{width:22px!important;height:22px!important}
}
/* ---- Option A: Apple-store clean white ---- */
.tos-seo-product .tos-seo-kicker{color:var(--h-acc-ink)!important}
.tos-seo-product .tos-smart-hero__visual{background:linear-gradient(180deg,#f7f7f9 0%,#f1f1f4 100%)!important}
.tos-seo-product .tos-smart-hero__note{background:#fff!important;color:var(--h-ink)!important;box-shadow:0 1px 2px rgba(13,6,37,.06),0 6px 16px -8px rgba(13,6,37,.18)!important;border:0!important}
.tos-seo-product :is(.tos-seo-hero__variants,.tos-smart-hero__actions){box-shadow:0 12px 32px -24px rgba(13,6,37,.25)}
.tos-seo-product .tos-smart-hero__cta{background:var(--h-ink)!important;color:#fff!important}
.tos-seo-product .tos-smart-hero__cta:hover{background:#231a44!important}
.tos-seo-product .tos-smart-hero__cta svg{fill:currentColor!important;color:#fff!important}

/* 1.67.5 fixes */
.tos-seo-product .tos-smart-hero__actions{grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important}
.tos-seo-product .tos-smart-hero__cta{width:100%!important;justify-self:stretch!important}
.tos-seo-product .tos-seo-hero__variant-group,.tos-seo-product .tos-seo-hero__variant-label{justify-items:start!important;justify-content:flex-start!important;text-align:left!important;margin-left:0!important}
@media (min-width:769px){.tos-seo-product .tos-smart-hero__cta{width:auto!important;justify-self:start!important;padding:0 28px!important}.tos-seo-product .tos-smart-hero__meta{justify-content:flex-start!important}}
@media (min-width:769px){.tos-seo-product .tos-smart-hero h1{font-size:44px!important;line-height:1.08!important}}
/* no variant picker (e.g. single-variant devices): actions alone form the full card */
.tos-seo-product .tos-smart-hero__copy:not(:has(.tos-seo-hero__variants)) .tos-smart-hero__actions{border-top:1px solid var(--h-line)!important;border-radius:var(--h-r)!important;padding-top:20px!important}
/* key-facts: long values (carrier list, data volume, brand) broke mid-word ("Unbegren|zt") at 27px — pre-existing */
.tos-seo-product .tos-keyfacts .is-long dd{font-size:clamp(16px,.9vw + 8px,20px)!important;line-height:1.3!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto}

/* ===== 1.67.5: option A hero/breadcrumb + v3 cards on comparison landings and hubs (main.tos-smart-landing) ===== */
/* ---- shared structure (scoped main.tos-smart-landing, CSS-only, no DOM/text change) ---- */
main.tos-smart-landing{--h-ink:#0d0625;--h-text:#4a4f5e;--h-mute:#6b7080;--h-line:rgba(13,6,37,.09);--h-acc:#fa7320;--h-acc-ink:#b34700;--h-r:20px;--h-r-sm:12px}
/* breadcrumb tight under header: cancel theme 40px + main 14px top space */
body.tos-smart-landing-body .wd-content-layout.content-layout-wrapper{padding-top:0!important}
main.tos-smart-landing.tos-apple{padding-top:0!important}
main.tos-smart-landing .tos-smart-hero{padding-top:0!important;overflow-x:clip}
main.tos-smart-landing .tos-hero-bar{display:flex!important;align-items:center;gap:12px;margin:12px 0 20px!important;padding:0!important;min-height:32px}
main.tos-smart-landing .tos-hero-bar .wd-breadcrumbs{flex:1;min-width:0;margin:0!important;padding:0!important}
main.tos-smart-landing .tos-hero-bar .rank-math-breadcrumb p{margin:0!important;font-size:13px!important;line-height:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--h-mute)!important;letter-spacing:.01em}
main.tos-smart-landing .tos-hero-bar .rank-math-breadcrumb a{color:var(--h-mute)!important;text-decoration:none!important;font-weight:500}
main.tos-smart-landing .tos-hero-bar .rank-math-breadcrumb a:hover{color:var(--h-ink)!important}
main.tos-smart-landing .tos-hero-bar .rank-math-breadcrumb .last{color:var(--h-ink)!important;font-weight:600}
main.tos-smart-landing .tos-hero-bar .separator{font-size:0!important;display:inline-block;width:14px;height:20px;vertical-align:top;margin:0 4px;opacity:.55;background:no-repeat center/7px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M1.5 1l5 5-5 5' fill='none' stroke='%230d0625' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
main.tos-smart-landing .tos-hero-bar__stamp{font-size:12px!important;color:var(--h-mute)!important;white-space:nowrap}
main.tos-smart-landing .tos-smart-hero__decor,main.tos-smart-landing .tos-smart-hero__underline,main.tos-smart-landing .tos-smart-hero__visual-shape{display:none!important}
main.tos-smart-landing .tos-smart-hero__main{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:48px!important;align-items:center!important;padding:0!important;margin:0!important;min-height:0!important}
main.tos-smart-landing .tos-smart-hero__copy{text-align:left!important;max-width:none!important;padding:0!important}
main.tos-smart-landing .tos-seo-kicker{display:inline-flex!important;align-items:center;font-size:13px!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important;margin:0 0 10px!important;padding:0!important;background:none!important}
main.tos-smart-landing .tos-smart-hero h1{font-size:44px!important;line-height:1.08!important;letter-spacing:-.025em!important;font-weight:700!important;color:var(--h-ink)!important;margin:0 0 14px!important;max-width:16ch!important;text-wrap:balance;text-align:left!important}
main.tos-smart-landing .tos-smart-hero__copy>p:not(.tos-seo-hero__micro){font-size:15px!important;line-height:1.55!important;color:var(--h-text)!important;margin:0 0 24px!important;max-width:56ch!important;text-align:left!important}
main.tos-smart-landing .tos-smart-hero__visual{position:relative;display:flex!important;align-items:center;justify-content:center;border-radius:28px;min-height:420px;padding:32px!important;margin:0!important}
main.tos-smart-landing .tos-smart-hero__visual img{max-height:380px!important;width:auto!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(13,6,37,.18))}
main.tos-smart-landing .tos-smart-hero__note{position:absolute!important;top:16px!important;right:16px!important;left:auto!important;font-size:12px!important;font-weight:600;padding:6px 12px!important;border-radius:999px!important;width:auto!important;height:auto!important;line-height:1.3!important;transform:none!important}
main.tos-smart-landing .tos-smart-hero__note br{display:none}
/* configurator: variants + actions + micro read as one card */
main.tos-smart-landing .tos-seo-hero__variants{display:grid!important;gap:16px!important;margin:0!important;padding:20px 20px 4px!important;border:1px solid var(--h-line);border-bottom:0;border-radius:var(--h-r) var(--h-r) 0 0;background:#fff}
main.tos-smart-landing .tos-seo-hero__variant-group{display:grid!important;gap:10px!important;margin:0!important;justify-items:start!important;text-align:left!important}
main.tos-smart-landing .tos-seo-hero__variant-label{font-size:13px!important;color:var(--h-mute)!important;margin:0!important;justify-content:flex-start!important;text-align:left!important}
main.tos-smart-landing .tos-seo-hero__variant-label strong{color:var(--h-ink)!important;font-weight:600!important;margin-left:4px}
main.tos-smart-landing .tos-seo-hero__swatches{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;margin:0!important}
main.tos-smart-landing .tos-seo-hero__swatch{width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important;position:relative;transition:transform 160ms ease-out}
main.tos-smart-landing .tos-seo-hero__swatch i{width:24px!important;height:24px!important;border-radius:50%!important;box-shadow:inset 0 0 0 1px rgba(13,6,37,.12)!important}
main.tos-smart-landing .tos-seo-hero__swatch.is-active:after{content:"";position:absolute;inset:0!important;border-radius:50%;border:2px solid var(--h-ink)!important;box-shadow:none!important}
main.tos-smart-landing .tos-seo-hero__storage{display:flex!important;gap:8px!important;justify-content:flex-start!important;margin:0!important}
main.tos-smart-landing .tos-seo-hero__chip{height:36px!important;min-height:36px!important;padding:0 16px!important;border-radius:999px!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important;align-items:center;box-shadow:inset 0 0 0 1px var(--h-line)!important;background:#fff!important;color:var(--h-ink)!important;transition:transform 160ms ease-out}
main.tos-smart-landing .tos-seo-hero__chip.is-active{box-shadow:inset 0 0 0 1.5px var(--h-ink)!important}
main.tos-smart-landing .tos-smart-hero__actions{display:grid!important;gap:12px!important;margin:0!important;padding:16px 20px 20px!important;border:1px solid var(--h-line);border-top:0;border-radius:0 0 var(--h-r) var(--h-r);background:#fff;justify-items:stretch!important}
main.tos-smart-landing .tos-smart-hero__cta{width:100%!important;height:48px!important;min-height:48px!important;border-radius:999px!important;justify-content:center!important;font-size:16px!important;font-weight:600!important;box-shadow:none!important;transition:transform 160ms ease-out,background-color 160ms ease-out!important}
main.tos-smart-landing :is(.tos-smart-hero__cta,.tos-seo-hero__chip,.tos-seo-hero__swatch):active{transform:scale(.97)}
main.tos-smart-landing .tos-smart-hero__meta{display:flex!important;flex-wrap:wrap;gap:6px 16px!important;justify-content:center!important;font-size:12.5px!important;color:var(--h-mute)!important;margin:0!important}
main.tos-smart-landing .tos-seo-hero__micro{font-size:12px!important;line-height:1.5!important;color:var(--h-mute)!important;margin:12px 4px 0!important;text-align:left!important}
@media (prefers-reduced-motion:reduce){main.tos-smart-landing .tos-smart-hero *{transition:none!important}}
@media (max-width:768.98px){
  main.tos-smart-landing .tos-hero-bar{margin:12px 0 16px!important}
  main.tos-smart-landing .tos-hero-bar__stamp{display:none!important}
  main.tos-smart-landing .tos-smart-hero__main{display:flex!important;flex-direction:column;gap:0!important;align-items:stretch!important}
  main.tos-smart-landing .tos-smart-hero__copy{display:contents!important}
  main.tos-smart-landing .tos-seo-kicker{order:1;align-self:flex-start}
  main.tos-smart-landing .tos-smart-hero h1{order:2;font-size:28px!important;line-height:1.12!important;letter-spacing:-.02em!important;max-width:none!important}
  main.tos-smart-landing .tos-smart-hero__copy>p:not(.tos-seo-hero__micro){order:3;font-size:14.5px!important;margin:0 0 20px!important}
  main.tos-smart-landing .tos-smart-hero__visual{order:4;min-height:0;height:300px;padding:20px!important;margin:0 0 16px!important;border-radius:24px}
  main.tos-smart-landing .tos-smart-hero__visual img{max-height:250px!important}
  main.tos-smart-landing .tos-seo-hero__variants{order:5}
  main.tos-smart-landing .tos-smart-hero__actions{order:6}
  main.tos-smart-landing .tos-seo-hero__micro{order:7}
}
@media (max-width:380px){main.tos-smart-landing .tos-smart-hero h1{font-size:26px!important}}
/* configurator card: equal width, borders win over preset */
main.tos-smart-landing :is(.tos-seo-hero__variants,.tos-smart-hero__actions){width:100%!important;max-width:520px!important;box-sizing:border-box!important;border-left:1px solid var(--h-line)!important;border-right:1px solid var(--h-line)!important;align-self:stretch!important;justify-self:stretch!important}
main.tos-smart-landing .tos-seo-hero__variants{border-top:1px solid var(--h-line)!important;border-bottom:0!important}
main.tos-smart-landing .tos-smart-hero__actions{border-bottom:1px solid var(--h-line)!important;border-top:0!important}
main.tos-smart-landing .tos-smart-hero__cta{max-width:none!important;margin:0!important}
main.tos-smart-landing .tos-seo-hero__micro{max-width:520px!important}
@media (max-width:768.98px){
  main.tos-smart-landing :is(.tos-seo-hero__variants,.tos-smart-hero__actions,.tos-seo-hero__micro){max-width:none!important}
  main.tos-smart-landing .tos-seo-hero__swatches{flex-wrap:nowrap!important;gap:6px!important}
  main.tos-smart-landing .tos-seo-hero__swatch{width:30px!important;height:30px!important;flex:0 0 30px}
  main.tos-smart-landing .tos-seo-hero__swatch i{width:22px!important;height:22px!important}
}
/* ---- Option A: Apple-store clean white ---- */
main.tos-smart-landing .tos-seo-kicker{color:var(--h-acc-ink)!important}
main.tos-smart-landing .tos-smart-hero__visual{background:linear-gradient(180deg,#f7f7f9 0%,#f1f1f4 100%)!important}
main.tos-smart-landing .tos-smart-hero__note{background:#fff!important;color:var(--h-ink)!important;box-shadow:0 1px 2px rgba(13,6,37,.06),0 6px 16px -8px rgba(13,6,37,.18)!important;border:0!important}
main.tos-smart-landing :is(.tos-seo-hero__variants,.tos-smart-hero__actions){box-shadow:0 12px 32px -24px rgba(13,6,37,.25)}
main.tos-smart-landing .tos-smart-hero__cta{background:var(--h-ink)!important;color:#fff!important}
main.tos-smart-landing .tos-smart-hero__cta:hover{background:#231a44!important}
main.tos-smart-landing .tos-smart-hero__cta svg{fill:currentColor!important;color:#fff!important}

/* 1.67.5 fixes */
main.tos-smart-landing .tos-smart-hero__actions{grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important}
main.tos-smart-landing .tos-smart-hero__cta{width:100%!important;justify-self:stretch!important}
main.tos-smart-landing .tos-seo-hero__variant-group,main.tos-smart-landing .tos-seo-hero__variant-label{justify-items:start!important;justify-content:flex-start!important;text-align:left!important;margin-left:0!important}
@media (min-width:769px){main.tos-smart-landing .tos-smart-hero__cta{width:auto!important;justify-self:start!important;padding:0 28px!important}main.tos-smart-landing .tos-smart-hero__meta{justify-content:flex-start!important}}
@media (min-width:769px){main.tos-smart-landing .tos-smart-hero h1{font-size:44px!important;line-height:1.08!important}}
/* no variant picker (e.g. single-variant devices): actions alone form the full card */
main.tos-smart-landing .tos-smart-hero__copy:not(:has(.tos-seo-hero__variants)) .tos-smart-hero__actions{border-top:1px solid var(--h-line)!important;border-radius:var(--h-r)!important;padding-top:20px!important}

/* landings + hubs: hero without image or configurator → single column */
main.tos-smart-landing .tos-smart-hero__main:not(:has(.tos-smart-hero__visual)){grid-template-columns:minmax(0,1fr)!important}
main.tos-smart-landing .tos-smart-hero__main:not(:has(.tos-smart-hero__visual)) .tos-smart-hero__copy>p:not(.tos-seo-hero__micro){max-width:68ch!important}
main.tos-smart-landing .tos-smart-hero__actions:empty{display:none!important}
main.tos-smart-landing .tos-smart-hero{padding-bottom:var(--tp-6)!important}
/* v3 card language on landings + hubs */
main.tos-smart-landing{overflow:visible!important}
main.tos-smart-landing :is(.tos-alt-card,.tos-v2-card,.tos-rel__card,.tos-hub-cards a){border:1px solid rgba(13,6,37,.09)!important;box-shadow:0 1px 2px rgba(13,6,37,.04),0 10px 28px -16px rgba(13,6,37,.20)!important;border-radius:var(--tp-r-lg)!important;background:#fff!important}
main.tos-smart-landing .tos-keyfacts{border-radius:var(--tp-r-lg)!important;padding:var(--tp-5)!important}
main.tos-smart-landing .tos-keyfacts .is-long dd{font-size:clamp(16px,.9vw + 8px,20px)!important;line-height:1.3!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto}
main.tos-smart-landing :is(.tos-smart-results,.tos-specs,.tos-smart-editorial,.tos-human-faq){margin-left:0!important;margin-right:0!important}
@media (max-width:768.98px){main.tos-smart-landing :is(.tos-alt-card,.tos-v2-card,.tos-rel__card,.tos-hub-cards a,.tos-keyfacts){border-radius:16px!important}}
/* landings/hubs have no configurator: plain CTA row instead of a card; copy aligned to the gutter */
main.tos-smart-landing .tos-smart-hero__copy{margin-left:0!important;margin-right:0!important;width:100%!important}
main.tos-smart-landing .tos-smart-hero h1{max-width:20ch!important}
main.tos-smart-landing .tos-smart-hero__actions{border:0!important;box-shadow:none!important;background:none!important;padding:0!important;max-width:none!important;justify-items:start!important}
main.tos-smart-landing .tos-smart-hero__meta{justify-content:flex-start!important}
@media (max-width:768.98px){main.tos-smart-landing .tos-smart-hero__actions{justify-items:stretch!important}main.tos-smart-landing .tos-smart-hero__meta{justify-content:center!important}}
main.tos-smart-landing .tos-smart-hero__copy .tos-smart-hero__actions{border-top:0!important;border-radius:0!important;padding-top:0!important}
main.tos-smart-landing .tos-smart-hero__main{justify-items:start!important}
main.tos-smart-landing .tos-smart-hero__copy>*{margin-left:0!important;text-align:left!important;align-self:flex-start}
main.tos-smart-landing .tos-smart-hero__copy>p{margin-right:0!important}
:is(.tos-seo-product,main.tos-smart-landing) .tos-keyfacts dd{overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:auto;hyphens:auto}
main.tos-smart-landing .tos-smart-hero__copy:not(:has(.tos-seo-hero__variants)) .tos-smart-hero__actions{border:0!important;border-radius:0!important;padding:0!important}