/* Tarifly Smart Landing — Vergleichen
 * Flat breadcrumb, theme-native flat hero on soft cream canvas, conversion
 * stats/trust strip. Shared class names (.tos-smart-breadcrumbs, .tos-smart-hero)
 * are authored once here; Geräte scopes further under .tos-seo-product in
 * product-seo.css.
 */

/* WoodMart/CPT layout hardening. */
.tos-smart-landing-body .wd-grid-g > .tos-smart-landing,
.tos-smart-landing-body .site-content > .tos-smart-landing,
.tos-smart-landing{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  align-self:stretch!important;
  clear:both!important;
  float:none!important;
}
@supports selector(.wd-grid-g:has(.tos-smart-landing)){
  .tos-smart-landing-body .wd-grid-g:has(.tos-smart-landing) > *:has(.tos-smart-landing){
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}
.tos-smart-landing-body .site-content{width:100%!important;max-width:100%!important;flex:1 1 100%!important;min-width:0!important}
.tos-smart-landing-body .area-sidebar,
.tos-smart-landing-body .sidebar-container,
.tos-smart-landing-body aside.sidebar-container{display:none!important}
.tos-smart-landing-body .wd-open-sidebar-btn,
.tos-smart-landing-body .wd-sidebar-opener,
.tos-smart-landing-body .woodmart-show-sidebar-btn,
.tos-smart-landing-body .mobile-sidebar-opener,
.tos-smart-landing-body [class*="sidebar-opener"],
.tos-smart-landing-body [class*="show-sidebar-btn"]{display:none!important}

/* Page shell — soft cream (matches Geräte) */
.tos-smart-landing{
  --tos-product-accent:#ff6b00;
  --tos-smart-ink:#111827;
  --tos-smart-muted:#667085;
  --tos-smart-line:#e7eaf0;
  --tos-smart-navy:#0d1730;
  position:relative;
  width:100%;
  min-width:0;
  padding:20px 0 78px;
  overflow:hidden;
  color:var(--tos-smart-ink);
  box-sizing:border-box;
}
.tos-smart-landing:before{display:none!important}
.tos-smart-landing,.tos-smart-landing *{box-sizing:border-box}

/* Breadcrumb — flat theme trail (no floating white pill) */
.tos-smart-breadcrumbs{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:#7a8290!important;
  font-size:13px!important;
}
.tos-smart-breadcrumbs>*{min-width:0}
.tos-smart-breadcrumbs a,
.tos-smart-breadcrumbs span,
.tos-smart-breadcrumbs strong{min-height:0!important}
.tos-smart-breadcrumbs__home{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
  padding:0!important;
  color:#475467!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-weight:700!important;
  text-decoration:none!important;
  cursor:pointer;
  transition:color .2s ease;
}
.tos-smart-breadcrumbs__home:hover{color:var(--tos-product-accent,#ff6b00)!important}
.tos-smart-breadcrumbs__home span{
  display:inline-block!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
}
.tos-smart-breadcrumbs__home svg{width:16px;height:16px;flex:0 0 16px}
.tos-smart-breadcrumbs__sep{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#b0b7c3!important;
  font-size:16px!important;
}
.tos-smart-breadcrumbs strong,
.tos-smart-breadcrumbs__current{
  display:inline-flex!important;
  align-items:center!important;
  max-width:min(100%,480px)!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#20242b!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Hero — flat document flow (no outer card panel) */
@keyframes tos-stats-card-in{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}

/* Live product visual */

/* Post-hero comparison stats — dashboard row (not over the image) */

/* Soft entrance when hero is ready (sibling strip) */

/* Trust strip */
.tos-smart-trust__icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:12px;background:var(--tos-accent-soft,#fff7f1);color:var(--tos-product-accent)}
.tos-smart-trust__icon svg{width:21px;height:21px}

/* Below-hero sections */
.tos-smart-results{
  margin-top:28px!important;
  padding:clamp(26px,3vw,38px)!important;
  border-radius:28px!important;
  border-color:rgba(17,24,39,.065)!important;
  box-shadow:0 12px 36px rgba(22,31,52,.03)!important;
  scroll-margin-top:100px;
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:auto!important;
}
.tos-smart-explorer{width:100%;min-width:0;margin-top:18px}
.tos-smart-empty{padding:42px 24px;border:1px dashed #d6dae0;border-radius:18px;background:#fafbfc;text-align:center}
.tos-smart-empty strong{display:block;color:#344054;font-size:17px}
.tos-smart-empty p{max-width:560px;margin:8px auto 0;color:#667085;font-size:13px;line-height:1.65}

/* Keep interactive model grid in the normal paint tree (no hover flash). */

/* Human-first editorial */
.tos-smart-editorial{
  margin:28px 0 0!important;
  border-color:rgba(17,24,39,.065)!important;
  box-shadow:0 12px 36px rgba(22,31,52,.03)!important;
}
.tos-smart-editorial__single{margin:0;color:#59616d;font-size:14px;line-height:1.75;max-width:72ch}
.tos-smart-editorial__copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 24px}
.tos-smart-editorial__copy p{margin:0;color:#59616d;font-size:14px;line-height:1.78}
.tos-smart-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tos-smart-guide-grid article{
  position:relative;min-width:0;padding:22px;
  border:1px solid var(--tos-smart-line);border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);
}
.tos-smart-guide-grid article>span{
  display:grid;place-items:center;width:36px;height:36px;border-radius:12px;
  background:var(--tos-accent-soft,#fff2e8);color:var(--tos-product-accent);font-size:11px;font-weight:900;
}
.tos-smart-guide-grid h3{margin:15px 0 8px;color:#222831;font-size:16px;line-height:1.35}
.tos-smart-guide-grid p{margin:0;color:#68707b;font-size:13px;line-height:1.68}

@supports (content-visibility:auto){
  .tos-smart-editorial,
  .tos-smart-landing .tos-seo-editorial{
    content-visibility:auto;
    contain-intrinsic-size:1px 680px;
  }
}

/* Responsive */
@media(max-width:900px){
  .tos-smart-editorial__copy{grid-template-columns:1fr}
  .tos-smart-guide-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .tos-smart-landing{padding:10px 0 52px}
  .tos-smart-breadcrumbs{
    overflow:hidden!important;
    flex-wrap:nowrap!important;
    font-size:12px!important;
  }
  .tos-smart-breadcrumbs__mid{display:none!important}
  .tos-smart-breadcrumbs__home{
    flex:0 0 auto!important;
    min-width:max-content!important;
  }
  .tos-smart-breadcrumbs__current-sep{
    display:inline-flex!important;
    flex:0 0 14px!important;
    width:14px!important;
    min-width:14px!important;
  }
  .tos-smart-breadcrumbs__current{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    line-height:1.4!important;
  }
  .tos-smart-editorial{padding:32px 0!important}
  .tos-smart-guide-grid{grid-template-columns:1fr}
}

/* ---- hubs (/geraete/, /vergleichen/) ---- */
.tos-hub-brand{margin:28px 0 10px;font-size:18px;font-weight:700;letter-spacing:-.01em}
.tos-hub-brand small{font-weight:500;opacity:.6}
.tos-hub-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 18px;margin:0;padding:0;list-style:none}
.tos-hub-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(15,23,42,.08)}
.tos-hub-list a{font-weight:600;text-decoration:none}
.tos-hub-list a:hover{text-decoration:underline}
.tos-hub-list span{font-size:12px;opacity:.6;white-space:nowrap}
.tos-hub-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.tos-hub-cards a{display:grid;gap:4px;height:100%;padding:18px 20px;border-radius:18px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 0 0 1px rgba(15,23,42,.07),0 14px 30px -20px rgba(50,50,93,.3);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.tos-hub-cards a:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--tos-product-accent,#fa7320),0 20px 40px -22px rgba(50,50,93,.4)}
.tos-hub-cards strong{font-size:16px;line-height:1.3}
.tos-hub-cards span{font-size:13px;opacity:.65}
.tos-hub-note{margin:0;font-size:13px;line-height:1.6;opacity:.75}
@media (prefers-reduced-motion:reduce){.tos-hub-cards a{transition:none}}

/* SEO 1.67: editorial intro/outro on landings */
.tos-landing-intro,.tos-landing-outro{margin:0 0 clamp(16px,2.4vw,24px)}