:root{
      --bg:#FFFFFF;
      --text:#111827;
      --muted:#6B7280;
      --soft:#F8FAFC;
      --soft-2:#F3F4F6;
      --border:#E5E7EB;
      --cta:#16A34A;
      --ctaHover:#15803D;
      --radius:20px;
      --max:1760px;
      --shadow:0 1px 2px rgba(17,24,39,0.04);
    }

    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      background:var(--bg);
      color:var(--text);
      font-family:ui-sans-serif,system-ui,-apple-system,"SF Pro Text","Inter",Segoe UI,Roboto,Helvetica,Arial;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }

    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}

    .wrap{
      width:min(100%, var(--max));
      margin:0 auto;
      padding:18px 20px 40px;
    }

    .wrap--withCompactHeader{
      padding-top:16px;
    }

    .site-header--compact.site-header--decision{
      position:sticky;
      top:0;
      z-index:40;
      backdrop-filter:saturate(180%) blur(14px);
      -webkit-backdrop-filter:saturate(180%) blur(14px);
      background:rgba(255,255,255,0.94);
      border-bottom:1px solid rgba(15,23,42,0.08);
      box-shadow:0 6px 24px rgba(15,23,42,0.05);
    }

    .site-header__inner{
      width:min(100%, var(--max));
      margin:0 auto;
      padding:0 20px;
    }

    .site-header__top{
      min-height:68px;
      padding:10px 0;
      display:flex;
      align-items:center;
      gap:16px;
    }

    .site-header__brand{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:#0f172a;
      flex:0 0 auto;
    }

    .site-header__logo{
      width:28px;
      height:28px;
      object-fit:contain;
    }

    .site-header__brandText{
      font-size:24px;
      font-weight:800;
      letter-spacing:-0.05em;
      line-height:1;
    }

    .site-header__category{
      position:relative;
      flex:0 0 auto;
    }

    .site-header__categoryToggle{
      display:inline-flex;
      align-items:center;
      gap:8px;
      height:40px;
      padding:0 14px;
      border:1px solid rgba(15,23,42,0.08);
      border-radius:12px;
      background:#fff;
      color:#334155;
      font:inherit;
      font-size:14px;
      font-weight:500;
      line-height:1;
      cursor:pointer;
      transition:border-color .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease;
    }

    .site-header__categoryToggle:hover{
      border-color:rgba(15,23,42,0.16);
      color:#0f172a;
      box-shadow:0 1px 2px rgba(15,23,42,0.04);
    }

    .site-header__categoryToggle:focus-visible{
      outline:none;
      border-color:rgba(15,23,42,0.22);
      box-shadow:0 0 0 3px rgba(37,99,235,0.18);
      color:#0f172a;
    }

    .site-header__category.is-open .site-header__categoryToggle{
      border-color:rgba(15,23,42,0.18);
      color:#0f172a;
      box-shadow:0 1px 2px rgba(15,23,42,0.05);
    }

    .site-header__categoryIcon{
      color:#64748b;
      flex:0 0 auto;
      transition:color .18s ease;
    }

    .site-header__categoryToggle:hover .site-header__categoryIcon,
    .site-header__category.is-open .site-header__categoryIcon{
      color:#334155;
    }

    .site-header__categoryToggleLabel{
      color:inherit;
      white-space:nowrap;
      letter-spacing:-0.005em;
    }

    .site-header__categoryPanel{
      position:absolute;
      top:calc(100% + 10px);
      left:0;
      z-index:60;
      min-width:280px;
      max-width:320px;
      padding:10px;
      background:#fff;
      border:1px solid rgba(15,23,42,0.04);
      border-radius:16px;
      box-shadow:
        0 2px 6px rgba(15,23,42,0.04),
        0 18px 40px rgba(15,23,42,0.10);
      opacity:0;
      transform:translateY(-6px) scale(0.985);
      transform-origin:top left;
      pointer-events:none;
      transition:opacity .18s cubic-bezier(.2,.7,.2,1), transform .18s cubic-bezier(.2,.7,.2,1);
    }

    .site-header__category.is-open .site-header__categoryPanel{
      opacity:1;
      transform:translateY(0) scale(1);
      pointer-events:auto;
    }

    .site-header__categoryList{
      list-style:none;
      margin:0;
      padding:0;
    }

    .site-header__categoryItem{
      display:block;
      padding:10px 12px;
      border-radius:10px;
      color:#1f2937;
      font-size:14px;
      font-weight:500;
      line-height:1.3;
      text-decoration:none;
      transform:translateX(0);
      transition:background .15s ease, color .15s ease, transform .15s ease;
    }

    .site-header__categoryItem:hover{
      background:#f8fafc;
      color:#0f172a;
      transform:translateX(2px);
    }

    .site-header__categoryItem:focus-visible{
      outline:none;
      background:#f1f5f9;
      color:#0f172a;
      box-shadow:0 0 0 2px rgba(37,99,235,0.18) inset;
    }

    .site-header__categoryAll{
      position:relative;
      display:flex;
      align-items:center;
      gap:8px;
      margin-top:6px;
      padding:11px 12px 11px 12px;
      border-top:1px solid rgba(15,23,42,0.06);
      color:#1f2937;
      font-size:13px;
      font-weight:600;
      letter-spacing:-0.005em;
      text-decoration:none;
      text-align:left;
      transition:color .15s ease, background .15s ease;
      border-radius:0 0 10px 10px;
    }

    .site-header__categoryAll::after{
      content:"";
      margin-left:auto;
      width:14px;
      height:14px;
      background-color:currentColor;
      -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9 6l6 6-6 6'/></svg>") center/contain no-repeat;
              mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9 6l6 6-6 6'/></svg>") center/contain no-repeat;
      opacity:0.6;
      transition:transform .15s ease, opacity .15s ease;
    }

    .site-header__categoryAll:hover{
      color:#0f172a;
      background:#f8fafc;
    }

    .site-header__categoryAll:hover::after{
      transform:translateX(2px);
      opacity:0.9;
    }

    .site-header__categoryAll:focus-visible{
      outline:none;
      color:#0f172a;
      box-shadow:0 0 0 2px rgba(37,99,235,0.18) inset;
    }

    .site-header__search{
      flex:1 1 560px;
      min-width:220px;
      display:flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      padding:0 12px 0 16px;
      border:1px solid rgba(15,23,42,0.10);
      border-radius:14px;
      background:#fff;
      box-shadow:0 1px 2px rgba(15,23,42,0.04);
    }

    .site-header__searchInput{
      flex:1 1 auto;
      min-width:0;
      border:0;
      outline:0;
      background:transparent;
      color:#0f172a;
      font:inherit;
      font-size:14px;
    }

    .site-header__searchInput::placeholder{
      color:rgba(15,23,42,0.46);
    }

    .site-header__searchBtn{
      width:34px;
      height:34px;
      border:0;
      border-radius:10px;
      background:transparent;
      color:#64748b;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }

    .site-header__actions{
      flex:0 0 auto;
      margin-left:auto;
    }

    .site-header__profile{
      width:42px;
      height:42px;
      border-radius:999px;
      border:1px solid rgba(15,23,42,0.10);
      background:#fff;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#0f172a;
    }

    .site-header__profileIcon{
      width:20px;
      height:20px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.9;
    }

    .site-header__crumbs{
      padding:0 0 10px;
      display:flex;
      align-items:center;
      gap:8px;
      overflow-x:auto;
      white-space:nowrap;
      font-size:12px;
      line-height:1.4;
      color:#64748b;
      scrollbar-width:none;
    }

    .site-header__crumbs::-webkit-scrollbar{
      display:none;
    }

    .site-header__crumb,
    .site-header__crumbCurrent{
      color:inherit;
    }

    .site-header__crumbCurrent{
      color:#334155;
    }

    .site-header__crumbLink{
      transition:color .16s ease;
    }

    .site-header__crumbLink:hover,
    .site-header__crumbLink:focus-visible{
      color:#0f172a;
    }

    .site-header__crumbSep{
      color:#cbd5e1;
    }

    .topbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:4px 0 18px;
    }

    .brand{
      font-size:28px;
      font-weight:800;
      letter-spacing:-0.04em;
    }

    .brand a{color:inherit;text-decoration:none}
    .brand a:hover{opacity:0.88}

    .fit.fit--single{
      grid-template-columns:1fr;
    }

    .twoCol--single{
      grid-template-columns:1fr;
    }

    .trust{
      font-size:13px;
      color:var(--muted);
      white-space:nowrap;
    }

    @media (max-width: 760px){
      .site-header__inner{
        padding:0 16px;
      }
      .site-header__top{
        padding:10px 0 12px;
        flex-wrap:wrap;
        gap:12px;
        min-height:0;
      }
      .site-header__brand{
        order:1;
      }
      .site-header__category{
        order:2;
      }
      .site-header__actions{
        order:3;
        margin-left:auto;
      }
      .site-header__search{
        order:4;
        min-width:100%;
        flex-basis:100%;
      }
      .site-header__categoryToggle{
        height:38px;
        padding:0 12px;
        font-size:13px;
      }
      .site-header__categoryToggleLabel{
        display:none;
      }
      .site-header__categoryPanel{
        min-width:220px;
        max-width:calc(100vw - 32px);
      }
      .site-header__crumbs{
        padding-bottom:8px;
      }
    }

    /* Hero: rail | media | lead — gleiche Spaltenbreite; Hierarchie über Typo + ein Kaufblock (kein sticky). */
    .hero{
      margin:0;
      min-width:0;
    }

    .pdpHeroGrid{
      display:grid;
      align-items:start;
      gap:16px 20px;
      min-width:0;
    }

    .pdpHeroGrid--rail{
      grid-template-columns:72px minmax(0, 1fr) minmax(0, 1fr);
    }

    .pdpHeroGrid--rail .pdpRail{
      grid-column:1;
      grid-row:1;
    }

    .pdpHeroGrid--rail .pdpMedia{
      grid-column:2;
      grid-row:1;
    }

    .pdpHeroGrid--rail .pdpHeroLead{
      grid-column:3;
      grid-row:1;
    }

    .pdpHeroGrid--solo{
      grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    }

    .pdpHeroGrid--solo .pdpMedia{
      grid-column:1;
      grid-row:1;
    }

    .pdpHeroGrid--solo .pdpHeroLead{
      grid-column:2;
      grid-row:1;
    }

    .pdpRail{
      min-width:0;
      display:flex;
      flex-direction:column;
      align-items:center;
    }

    .pdpMedia{
      min-width:0;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      align-items:stretch;
      overflow:visible;
    }

    .pdpHeroLead{
      display:flex;
      flex-direction:column;
      gap:14px;
      max-width:min(100%, 540px);
      width:100%;
      min-width:0;
      justify-self:start;
    }

    .pdpHeroLead .pdpDecisionHead{
      gap:8px;
    }

    .pdpHeroLead .pdpTitle{
      font-size:44px;
      line-height:1.02;
      letter-spacing:-0.055em;
      font-weight:800;
    }

    .pdpHeroLead .kicker{
      letter-spacing:.1em;
    }

    .pdpHeroLead .decisionLead{
      margin:0 0 4px;
    }

    .pdpHeroSummary{
      display:grid;
      gap:8px;
    }

    .pdpHeroSummary__item{
      display:grid;
      gap:3px;
    }

    .pdpHeroSummary__item--muted .pdpHeroSummary__text{
      color:#6b7280;
    }

    .pdpHeroSummary__label{
      font-size:13px;
      font-weight:750;
      line-height:1.35;
      letter-spacing:-0.02em;
      color:#0f172a;
    }

    .pdpHeroSummary__text{
      margin:0;
      font-size:14px;
      line-height:1.5;
      color:#475569;
    }

    .pdpHeroLead .tagline{
      margin:0;
    }

    /* Ein Block: Preis + CTA + Vertrauen — weniger „Kartenfragmentierung“. */
    .pdpHeroLead .buyBox{
      gap:10px;
      margin-top:2px;
      padding:16px 16px 14px;
      border:1px solid #E2E8F0;
      border-radius:18px;
      background:#fff;
      box-shadow:0 1px 3px rgba(17,24,39,0.06);
    }

    .pdpHeroLead .priceRow{
      border:none;
      border-radius:0;
      background:transparent;
      padding:0;
      box-shadow:none;
    }

    .pdpHeroLead .priceMain strong{
      font-size:48px;
      letter-spacing:-0.065em;
    }

    .pdpHeroLead .cta{
      min-height:58px;
      font-size:20px;
      border-radius:14px;
      box-shadow:0 10px 28px rgba(22,163,74,0.22);
    }

    .pdpHeroLead .trustBox{
      border:none;
      border-radius:0;
      background:transparent;
      padding:12px 0 0;
      margin:0;
      border-top:1px solid var(--border);
    }

    .pdpHeroLead .trustItems{
      gap:8px;
      font-size:13px;
    }

    .pdpHeroLead .alternateShops{
      margin:4px 0 0;
    }

    .pdpHeroLead .alternateShops__summary{
      cursor:pointer;
      font-size:13px;
      font-weight:650;
      color:var(--muted);
      list-style:none;
    }

    .pdpHeroLead .alternateShops__summary::-webkit-details-marker{
      display:none;
    }

    .pdpHeroLead .alternateShops__list{
      list-style:none;
      margin:8px 0 0;
      padding:0;
      display:grid;
      gap:6px;
    }

    .pdpHeroLead .alternateShops__row{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto auto;
      gap:8px 10px;
      align-items:center;
      font-size:13px;
      line-height:1.35;
    }

    .pdpHeroLead .alternateShops__merchant{
      min-width:0;
      font-weight:600;
      color:var(--text);
    }

    .pdpHeroLead .alternateShops__price{
      font-variant-numeric:tabular-nums;
      color:var(--text);
      white-space:nowrap;
    }

    .pdpHeroLead .alternateShops__link{
      font-size:12px;
      font-weight:650;
      color:var(--text);
      text-decoration:underline;
      text-underline-offset:2px;
      white-space:nowrap;
    }

    .pdpHeroLead .alternateShops__link:hover{
      opacity:0.85;
    }

    .priceFallbackTitle{
      font-size:22px;
      letter-spacing:-0.03em;
      font-weight:800;
      display:block;
      color:var(--text);
    }

    .pdpHeroLead .variantPick--hero{
      margin:0;
    }

    .pdpVariantSelector{
      margin:12px 0 0;
      padding:12px 14px 14px;
      border:1px solid #ECEFF3;
      border-radius:14px;
      background:#FCFCFD;
      max-width:100%;
      min-width:0;
      overflow:visible;
      box-sizing:border-box;
    }

    .pdpVariantSelector__lead{
      margin:0 0 10px;
      font-size:12px;
      font-weight:650;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:var(--muted);
    }

    .pdpVariantSelector__group{
      margin-top:10px;
    }

    .pdpVariantSelector__group:first-of-type{
      margin-top:0;
    }

    .pdpVariantSelector__groupLabel{
      display:block;
      margin:0 0 6px;
      font-size:12px;
      font-weight:700;
      color:var(--text);
      letter-spacing:-0.01em;
    }

    .pdpVariantSelector__chips{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .pdpVariantChip{
      display:inline-flex;
      flex-direction:column;
      align-items:flex-start;
      gap:2px;
      padding:8px 12px;
      border-radius:12px;
      border:1px solid #E2E8F0;
      background:#fff;
      text-decoration:none;
      color:var(--text);
      font-size:13px;
      font-weight:650;
      line-height:1.25;
      max-width:100%;
      font-family:inherit;
      cursor:pointer;
      transition:border-color .12s ease, background .12s ease, box-shadow .12s ease;
    }

    button.pdpVariantChip{
      appearance:none;
      -webkit-appearance:none;
      text-align:left;
    }

    .pdpVariantChip:hover:not(:disabled){
      border-color:#CBD5E1;
      background:#F9FAFB;
    }

    .pdpVariantChip:disabled{
      cursor:not-allowed;
      opacity:0.42;
      border-color:#E5E7EB;
      background:#F9FAFB;
      color:var(--muted);
    }

    .pdpVariantChip--selected{
      border-color:#111827;
      background:#F3F4F6;
      box-shadow:0 0 0 1px rgba(17,24,39,0.08);
    }

    .pdpVariantSelector__picked{
      margin:12px 0 0;
      padding:0;
      font-size:13px;
      color:var(--muted);
      line-height:1.35;
    }

    .pdpVariantSelector__pickedLabel{
      font-weight:650;
      color:var(--text);
      margin-right:6px;
    }

    .pdpVariantSelector__pickedValue{
      color:var(--text);
      font-weight:600;
    }

    .pdpVariantChip__label{
      letter-spacing:-0.02em;
    }

    .pdpVariantChip__hint{
      font-size:11px;
      font-weight:600;
      color:var(--muted);
      font-variant-numeric:tabular-nums;
    }

    .pdpHeroLead .pdpFitLead{
      margin:16px 0 6px;
    }

    .pdpHeroLead .pdpHeroFit{
      margin:0;
    }

    .pdpFollow{
      margin-top:28px;
      display:flex;
      flex-direction:column;
      gap:22px;
      min-width:0;
    }

    .col-decision{
      min-width:0;
    }

    .pdpDecisionHead{
      display:flex;
      flex-direction:column;
      gap:6px;
    }

    .pdpDecisionHead .kicker{
      margin:0;
    }

    .pdpTitle{
      margin:0;
    }

    .decisionMeta{
      margin:0;
      font-size:13px;
      line-height:1.45;
      color:var(--muted);
    }

    .decisionMetaVariant{
      color:var(--text);
    }

    .decisionLead{
      margin:0 0 10px;
      font-size:14px;
      line-height:1.45;
      font-weight:650;
      letter-spacing:-0.02em;
      color:var(--text);
    }

    .decisionLead--soft{
      font-weight:500;
      color:var(--muted);
      font-size:13px;
      margin:0 0 12px;
    }

    /* Hero frame: fester Rahmen; Bild 100%×100% + contain + zentriert (kein Cover, kein Abschneiden). */
    .mainShotEmpty{
      width:100%;
      height:520px;
      max-height:520px;
      border-radius:20px;
      border:1px dashed rgba(17,24,39,0.12);
      background:linear-gradient(165deg, #FAFBFC 0%, #F3F4F6 100%);
    }

    .thumbs{
      display:flex;
      flex-direction:column;
      gap:8px;
      max-height:min(70vh, 360px);
      overflow-y:auto;
      overflow-x:hidden;
      padding-right:4px;
      flex-shrink:0;
    }

    .thumb{
      position:relative;
      width:64px;
      height:64px;
      border:1px solid var(--border);
      border-radius:16px;
      overflow:hidden;
      background:#F9FAFB;
      cursor:pointer;
      padding:0;
      box-shadow:var(--shadow);
      flex:0 0 64px;
      display:block;
    }

    .thumb[aria-current="true"]{
      outline:2px solid rgba(17,24,39,0.16);
      outline-offset:2px;
    }

    .thumb img{
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center;
      background:#F9FAFB;
    }

    .thumb--more{
      cursor:default;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:13px;
      font-weight:800;
      letter-spacing:-0.03em;
      color:var(--muted);
      background:linear-gradient(180deg,#fff 0%,var(--soft) 100%);
      user-select:none;
    }

    .thumb--more span{
      pointer-events:none;
    }

    .stage{
      min-width:0;
      border:1px solid #E8EBF0;
      border-radius:18px;
      background:#F9FAFB;
      padding:8px;
      box-shadow:none;
      display:flex;
      flex-direction:column;
      gap:6px;
    }

    .mainShot{
      width:100%;
      height:520px;
      max-height:520px;
      min-height:0;
      border:1px solid rgba(17,24,39,0.07);
      border-radius:16px;
      overflow:hidden;
      background:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      box-sizing:border-box;
      padding:8px;
    }

    .mainShot img,
    .mainShotImg{
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center;
      background:#fff;
      display:block;
    }

    /* PDP hover zoom: ana görsel tam genişlikte kalır; sonuç paneli sağa taşır (Amazon-benzeri, daha küçük max). */
    .detail-zoom-shell{
      position:relative;
      width:100%;
      min-width:0;
    }

    .detail-zoom-shell .detail-main-image{
      width:100%;
      max-width:100%;
    }

    .detail-main-image{
      position:relative;
      overflow:hidden;
    }

    .detail-zoom-lens{
      position:absolute;
      display:none;
      width:100px;
      height:100px;
      border:2px solid rgba(59, 130, 246, 0.9);
      background:rgba(59, 130, 246, 0.10);
      border-radius:14px;
      pointer-events:none;
      z-index:5;
      box-shadow:0 10px 24px rgba(15, 23, 42, 0.16);
    }

    .detail-zoom-result{
      display:none;
      position:absolute;
      left:100%;
      top:0;
      margin-left:14px;
      width:clamp(300px, 34vw, 460px);
      height:100%;
      min-height:min(520px, 70vh);
      max-height:560px;
      border:1px solid #e5e7eb;
      border-radius:18px;
      background-color:#fff;
      background-repeat:no-repeat;
      background-position:0 0;
      overflow:hidden;
      box-sizing:border-box;
      z-index:6;
      box-shadow:0 16px 48px rgba(15, 23, 42, 0.14);
      pointer-events:none;
    }

    .detail-zoom-shell.is-zoom-active .detail-zoom-lens,
    .detail-zoom-shell.is-zoom-active .detail-zoom-result{
      display:block;
    }

    @media (max-width: 1200px){
      .detail-zoom-result{
        width:clamp(260px, 30vw, 400px);
        margin-left:10px;
      }
    }

    @media (max-width: 880px){
      .detail-zoom-lens,
      .detail-zoom-result{
        display:none !important;
      }
    }

    .mediaHint{
      margin:0;
      font-size:12px;
      line-height:1.45;
      color:var(--muted);
      padding:0;
      text-align:left;
    }

    .mediaHint strong{
      color:var(--text);
      font-weight:700;
    }

    .kicker{
      font-size:12px;
      color:var(--muted);
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    h1,
    .pdpTitle{
      font-size:40px;
      line-height:1.04;
      letter-spacing:-0.05em;
    }

    .ratingRow{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
      font-size:14px;
      color:var(--muted);
    }

    .stars{
      letter-spacing:1px;
      color:rgba(17,24,39,.6);
    }

    .tagline{
      margin:0;
      color:var(--muted);
      font-size:17px;
      line-height:1.55;
    }

    .variantPick{
      border:1px solid #ECEFF3;
      border-radius:14px;
      background:#FCFCFD;
      padding:8px 10px;
    }

    .variantPick--current{
      border-color:#E8EBF0;
      box-shadow:none;
    }

    .variantPick__head{
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:8px;
      flex-wrap:wrap;
      margin:0;
    }

    .variantPick__label{
      font-size:10px;
      font-weight:600;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#9CA3AF;
      margin:0;
    }

    .variantPick__state{
      flex-shrink:0;
      font-size:11px;
      font-weight:500;
      letter-spacing:0;
      text-transform:none;
      color:var(--muted);
      background:transparent;
      padding:0;
      border-radius:0;
    }

    .variantPick__hint{
      margin:2px 0 0;
      font-size:12px;
      line-height:1.4;
      color:#9CA3AF;
    }

    .variantPick__groups{
      display:flex;
      flex-direction:column;
      gap:8px;
      margin-top:6px;
    }

    .variantGroup{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }

    .variantGroup__label{
      font-size:11px;
      font-weight:650;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:var(--muted);
    }

    .variantPill{
      display:inline-flex;
      align-self:flex-start;
      align-items:center;
      max-width:100%;
      padding:5px 10px;
      border-radius:10px;
      border:1px solid #E8EBF0;
      background:#fff;
      font-size:13px;
      font-weight:600;
      line-height:1.35;
      color:var(--text);
    }

    .variantPill--selected{
      border-color:#E5E7EB;
      box-shadow:none;
      background:#F9FAFB;
      color:var(--text);
    }

    .variantPick__options{
      margin:0;
    }

    .specRow{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    /* Entscheidungssignal (Empfehlung, keine Statistik) — Balken dezent, 0→Wert in 0.6s bei Sichtbarkeit */
    .variantDecision{
      margin:10px 0 0;
      padding:12px 14px 14px;
      border:1px solid #ECEFF3;
      border-radius:14px;
      background:#FCFCFD;
    }

    .pdpHeroLead .variantDecision{
      margin-top:12px;
    }

    .variantDecision .decisionHeader{
      display:flex;
      flex-direction:column;
      gap:5px;
      margin-bottom:8px;
    }

    .variantDecision .decisionTitleLine{
      display:flex;
      align-items:flex-start;
      gap:6px;
      margin:0;
      font-size:15px;
      letter-spacing:-0.02em;
      color:var(--text);
      font-weight:700;
      line-height:1.35;
    }

    .variantDecision .decisionCheck{
      flex-shrink:0;
      margin-top:1px;
      color:#22c55e;
      font-weight:700;
      font-size:14px;
    }

    .variantDecision .decisionHeader .sub{
      font-size:13px;
      color:var(--muted);
      line-height:1.45;
    }

    .variantConfidenceHint{
      margin:8px 0 0;
      font-size:12px;
      line-height:1.45;
      color:var(--muted);
    }

    .decisionBar{
      width:100%;
      height:6px;
      background:#eee;
      border-radius:6px;
      overflow:hidden;
      transition:box-shadow 0.2s ease;
    }

    .variantDecision:hover .decisionBar,
    .variantDecision:focus-within .decisionBar{
      box-shadow:0 0 0 1px rgba(34,197,94,0.12), 0 3px 12px rgba(34,197,94,0.08);
    }

    .variantDecision .decisionBar .fill{
      height:100%;
      width:0;
      max-width:100%;
      background:#22c55e;
      border-radius:6px;
      transition:width 0.6s ease;
    }

    .variantDecision.is-revealed .decisionBar .fill.strong{
      width:75%;
    }

    .variantDecision.is-revealed .decisionBar .fill.medium{
      width:50%;
    }

    .variantDecision.is-revealed .decisionBar .fill.weak{
      width:25%;
    }

    @media (prefers-reduced-motion: reduce){
      .variantDecision .decisionBar .fill{
        transition:none;
      }
    }

    .chip{
      display:inline-flex;
      align-items:center;
      padding:7px 11px;
      border:1px solid var(--border);
      border-radius:999px;
      background:var(--soft);
      font-size:12px;
      font-weight:600;
      color:var(--text);
    }

    .fit{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      border:1px solid #ECEFF3;
      border-radius:20px;
      background:#FCFCFD;
      padding:14px;
    }

    @media (max-width: 900px){
      .pdpHeroLead .fit:not(.fit--single){
        grid-template-columns:1fr;
      }
    }

    .fitTitle{
      margin:0 0 8px;
      font-size:14px;
      font-weight:800;
      letter-spacing:-0.02em;
    }

    .list{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap:10px;
    }

    .li{
      display:flex;
      gap:10px;
      align-items:flex-start;
      font-size:14px;
      line-height:1.45;
    }

    .dot{
      width:18px;
      height:18px;
      border-radius:999px;
      border:1px solid var(--border);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 18px;
      margin-top:2px;
      background:#fff;
      color:var(--muted);
      font-size:12px;
    }

    /* Pros (+) / cons (–): brand-blau laut Referenz, Minus klar rot */
    .dot.dot--pro{
      color:#4A90E2;
      border-color:rgba(74,144,226,0.55);
    }

    .dot.dot--con{
      color:#DC2626;
      border-color:rgba(220,38,38,0.45);
    }

    .buyBox{
      display:grid;
      gap:8px;
    }

    .priceRow{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:12px;
      border:1px solid var(--border);
      border-radius:20px;
      background:#fff;
      padding:14px;
    }

    .priceMain{
      display:grid;
      gap:4px;
    }

    .priceMain strong{
      font-size:44px;
      letter-spacing:-0.06em;
      line-height:1;
    }

    .priceSub{
      font-size:13px;
      color:var(--muted);
    }

    .stock{
      text-align:right;
      font-size:14px;
      color:var(--muted);
    }

    .stock strong{
      display:block;
      color:var(--text);
      font-size:16px;
      margin-bottom:2px;
    }

    .cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:64px;
      border:none;
      border-radius:16px;
      background:var(--cta);
      color:#fff;
      font-weight:800;
      font-size:19px;
      letter-spacing:-0.02em;
      cursor:pointer;
      transition:background .15s ease, transform .06s ease;
      box-shadow:0 8px 20px rgba(22,163,74,0.12);
    }

    .cta:hover{background:var(--ctaHover)}
    .cta:active{transform:translateY(1px)}

    .trustBox{
      border:1px solid var(--border);
      border-radius:20px;
      background:#fff;
      padding:14px;
    }

    .trustItems{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap:10px;
      font-size:14px;
      color:var(--muted);
    }

    .trustItems li{
      display:flex;
      gap:10px;
      align-items:flex-start;
    }

    .trustIcon{
      width:18px;
      height:18px;
      border-radius:999px;
      border:1px solid var(--border);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 18px;
      background:var(--soft);
      font-size:12px;
      color:rgba(17,24,39,.6);
      margin-top:1px;
    }

    .trustBox--soft{
      border-color:#f1f5f9;
      background:#fcfcfd;
      padding:10px 0 0;
    }

    .trustBox--soft .trustItems{
      gap:6px;
      font-size:12px;
      color:#94a3b8;
    }

    .trustBox--soft .trustIcon{
      border-color:#e5e7eb;
      background:#fff;
      color:#94a3b8;
    }

    .micro{
      font-size:12px;
      color:var(--muted);
    }

    .section{
      padding:28px 0 0;
    }

    .section h2{
      margin:0 0 14px;
      font-size:28px;
      letter-spacing:-0.04em;
    }

    .twoCol{
      display:grid;
      grid-template-columns:1.2fr .9fr;
      gap:18px;
    }

    .card{
      border:1px solid var(--border);
      border-radius:24px;
      background:#fff;
      padding:20px;
      box-shadow:var(--shadow);
    }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border:1px solid var(--border);
      border-radius:999px;
      background:var(--soft);
      color:var(--muted);
      font-size:13px;
    }

    /* Nur PDP „Was sich im Gebrauch anfählt“: zwei Pill-Labels (Pros / Cons) */
    .pdpUsageOffersSection .pill--usagePro{
      background:rgba(34, 197, 94, 0.14);
      border-color:rgba(34, 197, 94, 0.35);
      color:#166534;
    }
    .pdpUsageOffersSection .pill--usageCon{
      background:rgba(239, 68, 68, 0.12);
      border-color:rgba(239, 68, 68, 0.35);
      color:#991b1b;
    }

    .bullets{
      display:grid;
      gap:12px;
      margin-top:14px;
    }

    .divider{
      height:1px;
      background:var(--border);
      margin:28px 0 0;
    }

    /* SEO-Winkel / Entscheidungs-Chips */
    .pdpSeoTags{
      margin-top:4px;
      padding:22px 24px 24px;
      border-radius:12px;
      border:1px solid #e5e5e5;
      background:#fff;
      box-shadow:0 1px 3px rgba(0,0,0,0.06);
    }
    .pdpSeoTags .pdpSeoTags__title{
      margin:0 0 8px;
      font-size:1.1875rem;
      font-weight:700;
      letter-spacing:-0.03em;
      line-height:1.28;
      color:#0f172a;
      max-width:42rem;
    }
    .pdpSeoTags__subtitle{
      margin:0 0 18px;
      font-size:0.875rem;
      line-height:1.45;
      font-weight:400;
      color:#64748b;
      max-width:40rem;
    }
    .pdpSeoTags__chips{
      display:flex;
      flex-wrap:wrap;
      align-items:flex-start;
      align-content:flex-start;
      justify-content:flex-start;
      width:100%;
      min-width:0;
    }
    .pdpSeoTags__chips.seo-angle-list{
      gap:12px;
    }
    /* Wichtig: Author-CSS display:flex darf [hidden] nicht überschreiben */
    .pdpSeoTags__chips.pdpSeoTags__chips--extra[hidden]{
      display:none !important;
    }
    .pdpSeoTags__chip{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 1 auto;
      max-width:100%;
      min-width:0;
      margin:0;
      padding:8px 16px;
      border-radius:999px;
      border:1px solid #e5e5e5;
      background:#fff;
      color:#1f2937;
      font-size:13px;
      font-weight:500;
      line-height:1.35;
      text-align:center;
      text-decoration:none;
      box-shadow:none;
      transition:border-color .15s ease, background .15s ease, color .15s ease;
      -webkit-tap-highlight-color:transparent;
      cursor:default;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .pdpSeoTags__chip.seo-angle-chip{
      padding:12px 16px;
    }
    a.pdpSeoTags__chip--link{
      cursor:pointer;
    }
    a.pdpSeoTags__chip--link:hover{
      border-color:#d4d4d4;
      background:#fafafa;
      color:#111827;
    }
    a.pdpSeoTags__chip--link:focus-visible{
      outline:2px solid #111827;
      outline-offset:2px;
    }
    .pdpSeoTags__chip--text:hover{
      border-color:#dedede;
      background:#fafafa;
    }
    /* Aktion — kein Pill-Chip, klar als Button */
    button.seo-more-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 auto;
      margin:2px 0 0;
      padding:10px 18px;
      border-radius:10px;
      border:1px solid #ccd3dc;
      background:#f5f7fa;
      color:#1e293b;
      font:inherit;
      font-size:13px;
      font-weight:500;
      line-height:1.35;
      letter-spacing:0.01em;
      text-align:center;
      box-sizing:border-box;
      cursor:pointer;
      -webkit-appearance:none !important;
      appearance:none !important;
      transition:border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
    }
    button.seo-more-btn:hover{
      border-color:#b8c0cd;
      background:#eef1f6;
      color:#0f172a;
      box-shadow:0 1px 2px rgba(15,23,42,0.06);
    }
    button.seo-more-btn:focus-visible{
      outline:2px solid #0f172a;
      outline-offset:2px;
    }
    .pdpSeoTags__chips--extra{
      margin-top:12px;
    }
    @media (max-width:560px){
      .pdpSeoTags{
        padding:18px 16px 20px;
        border-radius:10px;
      }
      .pdpSeoTags .pdpSeoTags__title{
        font-size:1.0625rem;
        margin-bottom:6px;
      }
      .pdpSeoTags__subtitle{
        margin-bottom:14px;
        font-size:0.8125rem;
      }
      .pdpSeoTags__chips.seo-angle-list{
        gap:10px;
      }
      .pdpSeoTags__chip.seo-angle-chip{
        padding:10px 14px;
        font-size:12.5px;
      }
      button.seo-more-btn{
        padding:9px 16px;
        font-size:12.5px;
      }
    }

    /* Ratgeber-Preview: Mini-Inhaltsvitrine (nicht nur Link-Kästchen) */
    .pdp-ratgeber-preview{
      margin-top:6px;
    }
    .pdp-ratgeber-preview__head{
      margin-bottom:20px;
      max-width:46rem;
    }
    .section.pdp-ratgeber-preview h2.pdp-ratgeber-preview__title{
      margin:0 0 8px;
      font-size:1.25rem;
      font-weight:700;
      letter-spacing:-0.03em;
      line-height:1.25;
      color:#0f172a;
    }
    .pdp-ratgeber-preview__subtitle{
      margin:0;
      font-size:0.9375rem;
      line-height:1.5;
      color:#64748b;
      max-width:40rem;
    }
    .pdp-ratgeber-preview__list{
      display:grid;
      grid-template-columns:1fr;
      gap:1.25rem;
      width:100%;
      min-width:0;
    }
    @media (min-width:700px){
      .pdp-ratgeber-preview__list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:1.25rem 1.35rem;
      }
    }
    @media (min-width:1100px){
      .pdp-ratgeber-preview__list{
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }
    }
    .pdp-ratgeber-card{
      width:100%;
      min-width:0;
      min-height:17.5rem;
      padding:1.35rem 1.6rem 1.25rem;
      border:1px solid #e2e8f0;
      border-radius:18px;
      background:#fff;
      box-shadow:0 1px 3px rgba(15,23,42,0.05);
      transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
      display:flex;
      flex-direction:column;
    }
    .pdp-ratgeber-card:hover{
      border-color:#93c5fd;
      box-shadow:0 10px 28px rgba(15,23,42,0.09), 0 0 0 1px rgba(59,130,246,0.12);
      transform:translateY(-1px);
    }
    .pdp-ratgeber-card__main{
      flex:1 1 auto;
      min-height:0;
      display:flex;
      flex-direction:column;
      gap:0.65rem;
    }
    .pdp-ratgeber-card__badge{
      display:inline-flex;
      align-self:flex-start;
      align-items:center;
      padding:3px 9px;
      border-radius:7px;
      border:1px solid #e2e8f0;
      background:#f8fafc;
      font-size:10px;
      font-weight:600;
      letter-spacing:0.04em;
      text-transform:uppercase;
      color:#64748b;
      line-height:1.25;
    }
    .pdp-ratgeber-card__title{
      margin:0;
      min-width:0;
      font-size:1.0625rem;
      font-weight:700;
      letter-spacing:-0.02em;
      line-height:1.35;
      color:#0f172a;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
      overflow:hidden;
    }
    .pdp-ratgeber-card__text{
      margin:0;
      font-size:0.9375rem;
      line-height:1.55;
      color:#475569;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:5;
      overflow:hidden;
      min-height:4.65em;
      flex:1 1 auto;
    }
    @supports (line-clamp:5){
      .pdp-ratgeber-card__text{
        line-clamp:5;
      }
    }
    .pdp-ratgeber-card__footer{
      flex-shrink:0;
      margin-top:auto;
      padding-top:1.1rem;
      border-top:1px solid #f1f5f9;
    }
    .pdp-ratgeber-card__cta{
      display:inline-flex;
      align-items:center;
      font-size:0.875rem;
      font-weight:600;
      color:#0f172a;
      text-decoration:underline;
      text-decoration-thickness:1px;
      text-underline-offset:3px;
    }
    .pdp-ratgeber-card__cta:hover{
      color:#1d4ed8;
    }
    .pdp-ratgeber-card__cta:focus-visible{
      outline:2px solid #2563eb;
      outline-offset:3px;
      border-radius:4px;
    }
    @media (max-width:560px){
      .section.pdp-ratgeber-preview h2.pdp-ratgeber-preview__title{
        font-size:1.125rem;
      }
      .pdp-ratgeber-preview__subtitle{
        font-size:0.875rem;
      }
      .pdp-ratgeber-card{
        min-height:16rem;
        padding:1.15rem 1.25rem 1.1rem;
        border-radius:16px;
      }
      .pdp-ratgeber-card__text{
        font-size:0.875rem;
        -webkit-line-clamp:5;
        min-height:4.2em;
      }
    }

    .pdpDiscussion{
      padding-top:20px;
    }

    .pdpDiscussion__panel{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:16px;
      padding:14px 16px;
      border:1px solid #e9eef5;
      border-radius:16px;
      background:#fbfcfe;
    }

    .pdpDiscussion__copy{
      display:grid;
      gap:4px;
      min-width:0;
    }

    .pdpDiscussion__lead{
      margin:0;
      max-width:700px;
      font-size:14px;
      line-height:1.55;
      color:#64748b;
    }

    .pdpDiscussion__actions{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-start;
      align-items:center;
      gap:14px;
    }

    .pdpDiscussion__actionLink{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:0;
      border:none;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      color:#475569;
      font:inherit;
      font-size:14px;
      font-weight:600;
      line-height:1;
      text-decoration:underline;
      text-decoration-thickness:1px;
      text-underline-offset:3px;
    }

    .pdpDiscussion__actionLink[disabled]{
      opacity:.78;
      cursor:not-allowed;
    }

    .altGrid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:18px;
    }

    .altCard{
      display:flex;
      flex-direction:column;
      gap:14px;
      border:1px solid var(--border);
      border-radius:24px;
      background:#fff;
      padding:20px;
      box-shadow:var(--shadow);
      min-height:180px;
    }

    .altName{
      margin:0;
      font-size:22px;
      font-weight:800;
      letter-spacing:-0.03em;
    }

    .altWhy{
      margin:6px 0 0;
      color:var(--muted);
      font-size:15px;
      line-height:1.55;
    }

    .miniBtn{
      margin-top:auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:46px;
      border:1px solid var(--border);
      border-radius:14px;
      background:var(--soft);
      font-weight:700;
    }

    .footerCta{
      border:1px solid var(--border);
      border-radius:28px;
      background:var(--soft);
      padding:22px;
      display:grid;
      gap:12px;
    }

    .footerCta p{
      margin:0;
      color:var(--muted);
      font-size:15px;
      line-height:1.55;
    }

    @media (max-width: 1199px){
      .wrap{padding:16px 16px 32px}
      .pdpHeroGrid{
        gap:14px;
      }
      .pdpHeroGrid--rail{
        grid-template-columns:1fr;
      }
      .pdpHeroGrid--rail .pdpRail,
      .pdpHeroGrid--rail .pdpMedia,
      .pdpHeroGrid--rail .pdpHeroLead{
        grid-column:1;
        grid-row:auto;
      }
      .pdpHeroGrid--solo{
        grid-template-columns:1fr;
      }
      .pdpHeroGrid--solo .pdpMedia,
      .pdpHeroGrid--solo .pdpHeroLead{
        grid-column:1;
        grid-row:auto;
      }
      .pdpHeroLead{
        justify-self:stretch;
        max-width:none;
        gap:16px;
      }
      .pdpFollow{
        margin-top:22px;
        gap:18px;
      }
      .pdpRail{
        align-items:stretch;
        width:100%;
      }
      .thumbs{
        flex-direction:row;
        flex-wrap:nowrap;
        max-height:none;
        max-width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:4px;
        -webkit-overflow-scrolling:touch;
      }
      .thumb{
        width:64px;
        height:64px;
        flex:0 0 64px;
      }
      .mainShot{
        height:min(520px, 50vh);
        max-height:520px;
      }
      .mainShotEmpty{
        height:min(520px, 50vh);
        max-height:520px;
      }
      .twoCol,
      .altGrid{
        grid-template-columns:1fr;
      }
      h1,
      .pdpTitle{
        font-size:34px;
      }

      .pdpHeroLead .pdpTitle{
        font-size:36px;
        letter-spacing:-0.045em;
      }
    }

    @media (max-width: 760px){
      .brand{font-size:22px}
      .trust{font-size:12px}
      .stage{padding:14px;border-radius:20px}
      .mainShot{
        height:clamp(240px, 38vh, 440px);
        max-height:440px;
        border-radius:18px;
      }
      .mainShotEmpty{
        height:clamp(240px, 38vh, 440px);
        max-height:440px;
      }
      h1,
      .pdpTitle{
        font-size:28px;
      }

      .pdpHeroLead .pdpTitle{
        font-size:28px;
        letter-spacing:-0.04em;
      }

      .pdpHeroLead .priceMain strong{
        font-size:36px;
      }

      .pdpHeroLead .cta{
        min-height:54px;
        font-size:18px;
      }

      .fit{
        grid-template-columns:1fr;
      }
      .priceRow{
        align-items:flex-start;
        flex-direction:column;
      }
      .priceMain strong{
        font-size:36px;
      }
      .stock{
        text-align:left;
      }
      .section h2{
        font-size:22px;
      }
      .altName{
        font-size:18px;
      }

      .pdpDiscussion__panel{
        flex-direction:column;
        align-items:flex-start;
      }

      .pdpDiscussion__actions{
        justify-content:flex-start;
      }

      .pdp-catalog-page .wrap{
        padding-bottom:96px;
      }
    }

/* —— PDP conversion: price block, CTAs, trust, sticky (SSR catalog) —— */
.pdpBuyBox--conversion{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.pdpPriceBlock__kicker{
  margin:0 0 2px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#64748b;
}
.pdpPriceBlock__amountRow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  width:100%;
}
.pdpPriceBlock__merchantLogoWrap{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:32px;
  margin-left:auto;
  padding-left:20px;
}
.pdpPriceBlock__merchantLogoWrap[hidden]{
  display:none !important;
}
.pdpPriceBlock__merchantLogo{
  display:block;
  height:28px;
  width:auto;
  max-width:104px;
  object-fit:contain;
  object-position:left center;
}
.pdpPriceBlock__amount{
  display:block;
  margin:0;
  font-size:46px;
  font-weight:800;
  letter-spacing:-0.06em;
  line-height:1.05;
  color:#0f172a;
}
.pdpPriceBlock__merchant{
  margin:6px 0 0;
  font-size:15px;
  font-weight:650;
  color:#0f172a;
}
.pdpPriceBlock__avail{
  margin-top:8px;
  font-size:13px;
  color:#64748b;
  line-height:1.45;
}
.pdpPriceBlock__stock{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--border);
  font-size:13px;
}
.pdpCtaRow{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:4px;
}
.pdpHeroLead .cta.cta--primary{
  min-height:60px;
  font-size:18px;
  font-weight:750;
  letter-spacing:-0.02em;
  border-radius:14px;
  box-shadow:0 12px 32px rgba(22,163,74,0.28);
}
.pdpCtaSecondary{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 16px;
  border-radius:12px;
  border:1px solid #e2e8f0;
  font-size:14px;
  font-weight:650;
  background:#fff;
  color:#1e293b;
  transition:background 0.15s ease, border-color 0.15s ease;
}
.pdpCtaSecondary:hover{
  background:#f8fafc;
  border-color:#cbd5e1;
}
.pdpMicroTrust{
  margin:8px 0 0;
  padding:0 0 0 18px;
  font-size:12px;
  color:#475569;
  line-height:1.45;
}
.pdpMicroTrust li{
  margin:0 0 6px;
}
.pdpMicroTrust li:last-child{
  margin-bottom:0;
}
.pdpOfferCompareTeaser{
  margin:0 0 6px;
}
.pdpOfferCompareTeaser__link{
  font-size:13px;
  font-weight:650;
  color:#2563eb;
  text-decoration:underline;
  text-underline-offset:3px;
}
.catalogAxisNav__pickedHint{
  margin:6px 0 0;
  font-size:12px;
  color:#475569;
  line-height:1.45;
}
.pdpHeroFit--prominent{
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:14px 14px 10px;
  background:linear-gradient(180deg, #fafafa 0%, #fff 100%);
}
.pdpHeroFit--prominent .fitTitle{
  font-weight:800;
  letter-spacing:-0.02em;
}
.pdpStickyOffer{
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:60;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
  background:rgba(255,255,255,0.96);
  border-top:1px solid #e5e7eb;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:0 -10px 28px rgba(15,23,42,0.1);
}
.pdpStickyOffer__inner{
  width:min(100%, var(--max));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.pdpStickyOffer__price{
  font-size:17px;
  font-weight:800;
  letter-spacing:-0.03em;
  color:#0f172a;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pdpStickyOffer__cta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:12px;
  background:var(--cta);
  color:#fff !important;
  font-weight:750;
  font-size:15px;
  box-shadow:0 8px 20px rgba(22,163,74,0.35);
}
.pdpStickyOffer__cta:hover{
  background:var(--ctaHover);
}
@media (max-width: 760px){
  .pdpStickyOffer{
    display:block;
  }
}

/* Technische Daten im Überblick — label + Alltagstext, kein Tabellen-Look */
.pdpTechnicalOverview__lead{
  margin:-6px 0 20px;
}
.pdpTechnicalOverview__list{
  display:flex;
  flex-direction:column;
  gap:0;
  margin:0;
  padding:0;
}
.pdpTechnicalOverview__row{
  display:grid;
  grid-template-columns:minmax(108px, 26%) 1fr;
  gap:10px 20px;
  align-items:start;
  padding:14px 0;
  border-bottom:1px solid #e5e7eb;
}
.pdpTechnicalOverview__row:last-child{
  border-bottom:0;
  padding-bottom:2px;
}
.pdpTechnicalOverview__label{
  font-size:14px;
  font-weight:750;
  letter-spacing:-0.02em;
  color:#0f172a;
  line-height:1.35;
}
.pdpTechnicalOverview__value{
  font-size:14px;
  line-height:1.5;
  color:#374151;
}
@media (max-width:560px){
  .pdpTechnicalOverview__row{
    grid-template-columns:1fr;
    gap:4px 0;
    padding:12px 0;
  }
}

/* Technische Daten im Detail — gruppiert, 2-spaltig, premium */
.pdpTechnicalDetail{
  margin-top:0;
}
.pdpTechnicalDetail__lead{
  margin:-6px 0 22px;
}
.pdpTechnicalDetail__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:20px 32px;
}
.pdpTechnicalDetail__group{
  min-width:0;
  padding:18px 20px;
  border:1px solid rgba(15,23,42,0.06);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,0.02);
}
.pdpTechnicalDetail__groupTitle{
  margin:0 0 12px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(15,23,42,0.06);
  font-size:13px;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:#64748b;
}
.pdpTechnicalDetail__rows{
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0;
}
.pdpTechnicalDetail__row{
  display:grid;
  grid-template-columns:minmax(110px, 38%) 1fr;
  gap:8px 16px;
  align-items:baseline;
  padding:9px 0;
  border-bottom:1px solid rgba(15,23,42,0.05);
}
.pdpTechnicalDetail__row:last-child{
  border-bottom:0;
  padding-bottom:2px;
}
.pdpTechnicalDetail__label{
  margin:0;
  font-size:13px;
  font-weight:500;
  color:#64748b;
  line-height:1.4;
}
.pdpTechnicalDetail__value{
  margin:0;
  font-size:14px;
  font-weight:600;
  line-height:1.45;
  color:#0f172a;
  word-break:break-word;
}
@media (max-width:760px){
  .pdpTechnicalDetail__grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .pdpTechnicalDetail__group{
    padding:16px 16px;
  }
  .pdpTechnicalDetail__row{
    grid-template-columns:minmax(100px, 40%) 1fr;
    padding:8px 0;
  }
}
@media (max-width:420px){
  .pdpTechnicalDetail__row{
    grid-template-columns:1fr;
    gap:2px 0;
  }
  .pdpTechnicalDetail__label{
    font-size:12px;
  }
}

/* Brand-Icon + Name in decisionMeta */
.decisionMetaBrand{
  display:inline-flex;
  align-items:center;
  gap:6px;
  vertical-align:middle;
}
.decisionMetaBrand__icon{
  display:inline-block;
  width:18px;
  height:18px;
  object-fit:contain;
  border-radius:4px;
  flex:0 0 auto;
}
.decisionMetaBrand__name{
  color:inherit;
  font-weight:500;
}
@media (max-width:560px){
  .decisionMetaBrand__icon{
    width:16px;
    height:16px;
  }
}

/* Energieklasse-Zeile unter Brand/Marke */
.pdpEnergyRow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:6px 0 0;
  padding:0;
  color:#475569;
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:0;
}
.pdpEnergyRow[hidden]{
  display:none !important;
}
.pdpEnergyBadge__icon{
  display:inline-block;
  width:28px;
  height:28px;
  object-fit:contain;
  vertical-align:middle;
  flex:0 0 auto;
}
.pdpEnergyBadge__text{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
}
.pdpEnergyBadge__label{
  color:var(--muted, #64748b);
  font-weight:500;
}
.pdpEnergyBadge__letter{
  color:#1e293b;
  font-weight:600;
  letter-spacing:0.02em;
}
@media (max-width:560px){
  .pdpEnergyRow{
    font-size:12.5px;
    margin-top:4px;
    gap:6px;
  }
  .pdpEnergyBadge__icon{
    width:24px;
    height:24px;
  }
}

/* Kompakte Angebote + Detail-Liste (PDP) */
.pdpUsageOffersSection__lead{
  margin:-8px 0 18px;
}
.pdpUsageOffersSection > .pdpCompactOffers:first-child{
  margin-top:0;
}
.pdpUsageOffersSection .pdpCompactOffers + .pdpUsageOffersSection__usageH2{
  margin-top:28px;
}
.pdpCompactOffers{
  --pdpOfferCardCta:#f97316;
  --pdpOfferCardCtaHover:#ea580c;
  --pdpOfferCardBorder:#e5e7eb;
  margin-top:0;
  margin-bottom:0;
  padding:18px 16px 20px;
  border:1px solid var(--border, #e2e8f0);
  border-radius:16px;
  background:#fff;
}
.pdpCompactOffers[hidden]{
  display:none !important;
}
.pdpCompactOffers__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.pdpCompactOffers__title{
  margin:0;
  font-size:1.05rem;
  font-weight:700;
  color:var(--text, #0f172a);
  letter-spacing:-0.02em;
}
.pdpCompactOffers__all{
  flex-shrink:0;
  font-size:14px;
  font-weight:600;
  color:var(--link, #2563eb);
  text-decoration:none;
  white-space:nowrap;
}
.pdpCompactOffers__all:hover{
  text-decoration:underline;
}
.pdpCompactOffers__all[hidden]{
  display:none !important;
}
.pdpCompactOffers__grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
  list-style:none;
  margin:0;
  padding:0;
}
a.pdpCompactOfferCard{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-width:0;
  padding:16px 14px 14px;
  border:1px solid var(--pdpOfferCardBorder, #e5e7eb);
  border-radius:12px;
  background:#fff;
  box-sizing:border-box;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
a.pdpCompactOfferCard:hover{
  border-color:#cbd5e1;
  background:#fafafa;
  box-shadow:0 10px 28px rgba(15,23,42,0.08);
  transform:translateY(-2px);
}
a.pdpCompactOfferCard:active{
  transform:translateY(0);
  box-shadow:0 4px 14px rgba(15,23,42,0.06);
}
a.pdpCompactOfferCard:focus-visible{
  outline:2px solid #2563eb;
  outline-offset:2px;
}
.pdpCompactOfferCard__shop{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:8px;
}
.pdpCompactOfferCard__logo{
  max-width:100%;
  height:auto;
  max-height:32px;
  width:auto;
  object-fit:contain;
}
.pdpCompactOfferCard__name{
  font-size:14px;
  font-weight:700;
  text-align:center;
  color:var(--text, #0f172a);
  line-height:1.25;
  word-break:break-word;
}
.pdpCompactOfferCard__price{
  margin:0 0 6px;
  font-size:1.35rem;
  font-weight:800;
  letter-spacing:-0.03em;
  text-align:center;
  color:#0f172a;
  line-height:1.2;
  width:100%;
}
.pdpCompactOfferCard__hint{
  margin:0 0 8px;
  font-size:12.5px;
  line-height:1.4;
  text-align:center;
  color:#94a3b8;
  width:100%;
  flex:0 0 auto;
}
.pdpCompactOfferCard__rule{
  width:100%;
  height:0;
  margin:8px 0 10px;
  border:0;
  border-top:1px solid var(--pdpOfferCardBorder, #e5e7eb);
}
.pdpCompactOfferCard__total{
  margin:0 0 14px;
  width:100%;
  font-size:11px;
  font-weight:500;
  letter-spacing:0.02em;
  color:#6b7c90;
  line-height:1.35;
}
.pdpCompactOfferCard__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:auto;
  width:100%;
  padding:11px 12px;
  border-radius:10px;
  background:var(--pdpOfferCardCta, #f97316);
  color:#fff;
  font-size:14px;
  font-weight:800;
  text-align:center;
  transition:background .18s ease, box-shadow .18s ease, filter .18s ease;
  box-shadow:0 4px 14px rgba(249,115,22,0.28);
  pointer-events:none;
}
a.pdpCompactOfferCard:hover .pdpCompactOfferCard__cta{
  background:var(--pdpOfferCardCtaHover, #ea580c);
  box-shadow:0 6px 18px rgba(249,115,22,0.38);
}
a.pdpCompactOfferCard:active .pdpCompactOfferCard__cta{
  filter:brightness(0.97);
}
.pdpCompactOfferCard__ctaArrow{
  font-weight:800;
  line-height:1;
}

.pdpOfferDetail{
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid var(--border, #e2e8f0);
}
.pdpOfferDetail[hidden]{
  display:none !important;
}
.pdpOfferDetail__title{
  margin:0 0 14px;
  font-size:1rem;
  font-weight:700;
  color:var(--text, #0f172a);
}
.pdpOfferDetail__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pdpOfferDetail__row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 16px;
  padding:14px 16px;
  border:1px solid var(--border, #e5e7eb);
  border-radius:12px;
  background:#fff;
  font-size:14px;
  box-sizing:border-box;
}
.pdpOfferDetail__thumbWrap{
  flex:0 0 56px;
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pdpOfferDetail__thumb{
  width:56px;
  height:56px;
  object-fit:contain;
  border-radius:8px;
  background:#f8fafc;
}
.pdpOfferDetail__thumbFallback{
  display:block;
  width:56px;
  height:56px;
  border-radius:8px;
  background:#f1f5f9;
}
.pdpOfferDetail__productCol{
  flex:1 1 200px;
  min-width:0;
}
.pdpOfferDetail__productLine{
  margin:0;
  font-size:13.5px;
  line-height:1.4;
  font-weight:600;
  color:#0f172a;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.pdpOfferDetail__merchantCol{
  flex:0 0 100px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
}
.pdpOfferDetail__merchantText{
  font-size:13px;
  font-weight:700;
  text-align:center;
  color:#0f172a;
  line-height:1.25;
  word-break:break-word;
}
.pdpOfferDetail__logo{
  max-height:32px;
  width:auto;
  max-width:100px;
  object-fit:contain;
}
.pdpOfferDetail__liefertagCol{
  flex:1 1 140px;
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  font-size:12.5px;
  line-height:1.3;
  color:#475569;
}
.pdpOfferDetail__liefertagCol[hidden]{
  display:none !important;
}
.pdpOfferDetail__liefertagDot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
  flex-shrink:0;
}
.pdpOfferDetail__liefertagText{
  min-width:0;
}
.pdpOfferDetail__priceCol{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:2px;
  flex:0 0 auto;
  min-width:108px;
}
.pdpOfferDetail__price{
  font-weight:800;
  font-size:1.05rem;
  letter-spacing:-0.02em;
  color:#0f172a;
  line-height:1.2;
}
.pdpOfferDetail__hint{
  font-size:12px;
  color:#94a3b8;
  text-align:right;
  line-height:1.25;
}
.pdpOfferDetail__total{
  font-size:11px;
  font-weight:500;
  color:#6b7c90;
  text-align:right;
  line-height:1.25;
}
.pdpOfferDetail__cta{
  flex:0 0 auto;
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:10px;
  background:var(--pdpOfferCardCta, #f97316);
  color:#fff !important;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(249, 115, 22, 0.22);
  transition:background 0.15s ease, filter 0.15s ease;
}
.pdpOfferDetail__cta:hover{
  background:var(--pdpOfferCardCtaHover, #ea580c);
  color:#fff !important;
}

@media (max-width:1100px){
  .pdpCompactOffers__grid{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    padding-bottom:8px;
    margin:0 -4px;
    padding-left:4px;
    padding-right:4px;
  }
  .pdpCompactOfferCard{
    flex:0 0 calc(50% - 8px);
    max-width:min(280px, 85vw);
    scroll-snap-align:start;
    margin:0;
    padding:14px 12px 12px;
  }
}
@media (max-width:900px){
  .pdpOfferDetail__row{
    padding:12px 12px;
    gap:10px 12px;
  }
  .pdpOfferDetail__liefertagCol{
    flex:1 1 100%;
    order:6;
  }
  .pdpOfferDetail__priceCol{
    order:7;
    align-items:flex-start;
    flex:1 1 auto;
    min-width:0;
  }
  .pdpOfferDetail__cta{
    order:8;
    width:100%;
    margin-left:0;
    justify-content:center;
  }
}
@media (max-width:520px){
  .pdpCompactOfferCard{
    flex:0 0 min(92vw, 300px);
  }
}