/* hxm-pdp-v14 – Produktseite nach Konzept v14 (04.10.2026). Erzeugt aus mockups/tabak.html (build_css.py), begrenzt auf #hxp/#hxp-lb. */
#hxp, #hxp-lb {--hx-container-max: 1640px;
  --hx-container-kit: 1440px;
  --hx-container-tablet: 1024px;
  --hx-container-mobile: 767px;
  --hx-bp-tablet: 1024px;
  --hx-bp-mobile: 767px;
  --hx-pad-x: 10px;
  --hx-pad-y: 10px;
  --hx-gap: 20px;
  --hx-gutter: 15px;
  --hx-split: 50%;
  --hx-sticky-top: 89px;
  --hx-space-variant-gap: 5px;
  --hx-space-form-gap: 10px;
  --hx-space-crumb: 12px;
  --hx-font-display: 'ProximaNova', 'Proxima Nova', Roboto, system-ui, sans-serif;
  --hx-font-body: Roboto, system-ui, sans-serif;
  --hx-fs-h1: 20px;
  --hx-lh-h1: 30px;
  --hx-fw-h1: 500;
  --hx-fs-price: 20px;
  --hx-fs-unit: 12px;
  --hx-fs-unit-m: 10px;
  --hx-fs-delivery: 14.4px;
  --hx-fs-body: 16px;
  --hx-lh-body: 26px;
  --hx-fs-info: 14px;
  --hx-fw-light: 300;
  --hx-fs-toggle: 16px;
  --hx-fs-label: 12.5px;
  --hx-fs-vname: 12.5px;
  --hx-fs-vbrand: 9px;
  --hx-fs-vsub: 10px;
  --hx-fs-count: 10.5px;
  --hx-fs-btn: 16px;
  --hx-fs-crumb: 12px;
  --hx-fs-card-title: 15px;
  --hx-fs-pill: 11px;
  --hx-fs-section: 16px;
  --hx-fs-card-h: 20px;
  --hx-gold: #eab11a;
  --hx-gold-dark: #c19c3a;
  --hx-gold-line: #f0b90b;
  --hx-ink: #000000;
  --hx-ink-2: #1a1a1a;
  --hx-dark: #1d2127;
  --hx-title: #292e38;
  --hx-text-kit: #666666;
  --hx-text: #7a7a7a;
  --hx-text-delivery: #444444;
  --hx-muted: #888888;
  --hx-muted-2: #999999;
  --hx-pill-text: #6b7178;
  --hx-slate: #6b7280;
  --hx-unit-live: #d1d1d1;
  --hx-crumb-live: #d3d3d3;
  --hx-white: #ffffff;
  --hx-bg-section: #f7f9fa;
  --hx-bg-pill: #f6f6f8;
  --hx-border: #ececec;
  --hx-border-2: #ececf0;
  --hx-divider: #f1f1f1;
  --hx-border-hover: #c8c8c8;
  --hx-border-dashed: #d8d8d8;
  --hx-border-card: rgba(0, 0, 0, 0.08);
  --hx-btn-hover: #3a3a39;
  --hx-dot: #c0d855;
  --hx-tag-virginia-bg: #fbf4e3;
  --hx-tag-virginia: #9a7a1c;
  --hx-tag-dark-bg: #e9ddcd;
  --hx-tag-dark: #6e5333;
  --hx-r-gallery: 14px;
  --hx-r-thumb: 0px;
  --hx-r-variant: 12px;
  --hx-r-variant-m: 10px;
  --hx-r-btn: 8px;
  --hx-r-qty: 8px;
  --hx-r-fbt: 12px;
  --hx-r-check: 6px;
  --hx-r-card: 16px;
  --hx-r-card-img: 12px;
  --hx-r-pill: 999px;
  --hx-r-service: 18px;
  --hx-r-icon: 12px;
  --hx-h-btn: 48px;
  --hx-h-btn-m: 44px;
  --hx-w-qty: 70px;
  --hx-w-qty-m: 60px;
  --hx-h-variant: 56px;
  --hx-h-variant-m: 51px;
  --hx-img-variant: 44px;
  --hx-pad-variant: 5px 8px 5px 5px;
  --hx-h-pill: 32px;
  --hx-pad-pill: 3px 9px;
  --hx-dot-size: 8px;
  --hx-shadow-service: 0 6px 20px 0 rgba(0, 0, 0, 0.035);
  --hx-t-btn: 0.2s;
  --hx-t-card: 0.15s;
  --hx-t-gallery: 0.25s;
  --hx-fs-note: 11.5px;
  --hx-fs-sub: 13px;
  --hx-fs-h2-m: 18px;
  --hx-fs-kpi-m: 28px;
  --hx-fs-kpi: 32px;
  --hx-r-module: 14px;}
#hxp :where(*), #hxp-lb :where(*), #hxp *::before, #hxp-lb *::before, #hxp *::after, #hxp-lb *::after{box-sizing:border-box}
#hxp, #hxp .sbar{font-family:var(--hx-font-display)}
#hxp :where(img), #hxp-lb :where(img){max-width:100%;display:block}
#hxp :where(a), #hxp-lb :where(a){color:inherit;text-decoration:none}
#hxp :where(button), #hxp-lb :where(button), #hxp :where(select), #hxp-lb :where(select), #hxp :where(input), #hxp-lb :where(input){font:inherit;color:inherit}
#hxp :where(button), #hxp-lb :where(button){cursor:pointer}
#hxp :where(h1), #hxp-lb :where(h1), #hxp :where(h2), #hxp-lb :where(h2), #hxp :where(h3), #hxp-lb :where(h3), #hxp :where(h4), #hxp-lb :where(h4), #hxp :where(h5), #hxp-lb :where(h5), #hxp :where(h6), #hxp-lb :where(h6), #hxp :where(p), #hxp-lb :where(p), #hxp :where(dl), #hxp-lb :where(dl), #hxp :where(dd), #hxp-lb :where(dd), #hxp :where(ul), #hxp-lb :where(ul){margin:0}
#hxp .vh, #hxp-lb .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#hxp :focus-visible, #hxp-lb :focus-visible{outline:2px solid var(--hx-ink);outline-offset:2px}
#hxp{color:var(--hx-text-delivery)}
#hxp .crumb{font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit);margin:0 0 var(--hx-space-crumb)}
#hxp .crumb a:hover{color:var(--hx-ink)}
#hxp .crumb i{font-style:normal;margin:0 6px;color:var(--hx-muted-2)}
#hxp .crumbrow{max-width:var(--hx-container-max);margin:0 auto;padding:var(--hx-pad-y) var(--hx-pad-x)}
#hxp .hero{max-width:var(--hx-container-max);margin:0 auto;display:grid;grid-template-columns:var(--hx-split) var(--hx-split);align-items:start}
#hxp .col-g{padding:0 var(--hx-gutter) 0 var(--hx-pad-x);min-width:0;align-self:stretch}
#hxp .col-b{padding:0 var(--hx-pad-x) 0 var(--hx-gutter);min-width:0}
#hxp .gal.stick{position:sticky;top:var(--hx-sticky-top)}
#hxp .gal{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#hxp .gal.has-thumbs{grid-template-columns:calc((100% - 76px) / 4) minmax(0,1fr)}
#hxp .gal-track{grid-column:-2/-1;grid-row:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:1/1;border-radius:var(--hx-r-gallery);background:var(--hx-white);scroll-behavior:smooth}
#hxp .gal-track::-webkit-scrollbar{display:none}
#hxp .slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}
#hxp .slide img, #hxp .gt-list img, #hxp .gt-nav button{background-color:var(--hx-white);filter:brightness(.945)}
#hxp .slide img{width:100%;height:100%;object-fit:contain}
#hxp .gal-thumbs{grid-column:1;grid-row:1;position:relative;min-height:0}
#hxp .gt-list{position:absolute;left:0;right:0;top:0;height:calc(100% - 46px);display:flex;flex-direction:column;gap:10px;overflow:hidden;scroll-behavior:smooth}
#hxp .gt-list::-webkit-scrollbar{display:none}
#hxp .gt-list button{flex:none;width:100%;aspect-ratio:1/1;padding:0;border:2px solid transparent;background:var(--hx-white);border-radius:var(--hx-r-gallery);overflow:hidden;}
#hxp .gt-list button, #hxp .gt-nav button{opacity:.5;transition:opacity var(--hx-t-card),border-color var(--hx-t-card),transform var(--hx-t-card)}
#hxp .gt-list>button{transform:translateY(var(--sh,0px))}
#hxp .gt-list button:hover, #hxp .gt-list button:focus-visible, #hxp .gt-nav button:hover, #hxp .gt-nav button:focus-visible{opacity:1}
#hxp .gt-list button.on{opacity:1;border-color:var(--hx-ink)}
#hxp .gt-list img{width:100%;height:100%;object-fit:cover}
#hxp .gt-nav{position:absolute;left:0;right:0;z-index:1;height:36px;display:flex}
#hxp .gt-nav[hidden]{display:none}
#hxp .gt-down{bottom:0}
#hxp .gt-nav button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--hx-r-gallery);cursor:pointer}
#hxp .gt-down.is-end .chev{transform:rotate(225deg) translate(-2px,-2px)}
#hxp .buy{display:flex;flex-direction:column;gap:var(--hx-gap)}
#hxp .head{display:flex;flex-direction:column;gap:6px}
#hxp .brand{font-size:var(--hx-fs-label);line-height:16px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--hx-text-kit);align-self:flex-start}
#hxp .brand:hover{color:var(--hx-ink)}
#hxp .h1{font-size:var(--hx-fs-h1);line-height:var(--hx-lh-h1);font-weight:var(--hx-fw-h1);color:var(--hx-ink)}
#hxp .rating{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit)}
#hxp .rating b{font-weight:700;color:var(--hx-ink-2)}
#hxp .rating .lnk{text-decoration:underline;text-underline-offset:3px}
#hxp .rating:hover .lnk{color:var(--hx-ink)}
#hxp .stars{position:relative;display:inline-block;flex:none;width:80px;height:16px}
#hxp .stars .s-bg, #hxp .stars .s-fg{position:absolute;top:0;left:0;height:16px;overflow:hidden}
#hxp .stars .s-bg{width:100%}
#hxp .stars svg{display:block;width:80px;height:16px}
#hxp .stars .s-bg svg{fill:var(--hx-border-hover)}
#hxp .stars .s-fg svg{fill:var(--hx-gold)}
#hxp .stars.sm{width:60px;height:12px}
#hxp .stars.sm .s-bg, #hxp .stars.sm .s-fg{height:12px}
#hxp .stars.sm svg{width:60px;height:12px}
#hxp .rev-sum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;margin-bottom:16px}
#hxp .rev-avg{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
#hxp .rev-avg b{font-size:var(--hx-fs-card-h);line-height:28px;font-weight:700;color:var(--hx-ink)}
#hxp .rev-avg span{font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit)}
#hxp .rev-dist{display:flex;flex-direction:column;gap:4px;font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit)}
#hxp .rev-dist>*{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:2px 6px;border-radius:var(--hx-r-variant-m)}
#hxp .rev-dist i{display:block;height:8px;border-radius:var(--hx-r-pill);background:var(--hx-divider);overflow:hidden}
#hxp .rev-dist i u{display:block;height:100%;background:var(--hx-gold)}
#hxp .rev-dist em{font-style:normal;text-align:right}
#hxp .rev-list{list-style:none;padding:0;margin:0}
#hxp .rev-list li{padding:16px 0;border-top:1px solid var(--hx-border)}
#hxp .rev-list .rh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}
#hxp .rev-list .rh b{font-size:var(--hx-fs-info);line-height:20px;font-weight:700;color:var(--hx-ink-2)}
#hxp .rev-list .rm{font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit)}
#hxp .rev-list p{font-size:var(--hx-fs-info);line-height:22px;color:var(--hx-text-delivery);max-width:720px}
#hxp .xc-teaser{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid var(--hx-border);border-radius:var(--hx-r-variant);background:var(--hx-white);font-size:var(--hx-fs-info);line-height:20px;color:var(--hx-ink-2)}
#hxp .xc-teaser b{font-weight:700;color:var(--hx-ink)}
#hxp .xc-teaser .lnk{white-space:nowrap;text-decoration:underline;text-decoration-color:var(--hx-gold-line);text-decoration-thickness:2px;text-underline-offset:3px}
#hxp .revlink{font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit);text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
#hxp .pricing{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#hxp .price{font-size:var(--hx-fs-price);line-height:26px;font-weight:500;color:var(--hx-ink)}
#hxp .pricing .tax{font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit)}
#hxp .pricing .tax a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#hxp .pricing del{font-size:var(--hx-fs-info);color:var(--hx-text-kit)}
#hxp .unit{font-size:var(--hx-fs-unit);line-height:24px;color:var(--hx-text-kit)}
#hxp .opts{display:flex;flex-direction:column;gap:16px}
#hxp .axis-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--hx-gap)}
#hxp .lab{font-size:var(--hx-fs-label);line-height:16px;font-weight:700;color:var(--hx-ink-2);margin-bottom:8px}
#hxp .lab span{font-weight:400;color:var(--hx-text-kit);margin-left:4px}
#hxp .chips{display:flex;flex-wrap:wrap;gap:var(--hx-space-variant-gap)}
#hxp .chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--hx-h-btn-m);padding:0 16px;border:1px solid var(--hx-border);border-radius:var(--hx-r-variant);background:var(--hx-white);font-size:var(--hx-fs-info);line-height:1;font-weight:500;color:var(--hx-ink-2);white-space:nowrap;transition:border-color var(--hx-t-card),background var(--hx-t-card)}
#hxp .chip:hover{border-color:var(--hx-border-hover)}
#hxp .chip.on{border-color:var(--hx-gold);box-shadow:inset 0 0 0 1px var(--hx-gold)}
#hxp .chip.na{color:var(--hx-muted-2);border-style:dashed;border-color:var(--hx-border-dashed)}
#hxp .chip small{font-size:var(--hx-fs-crumb);color:var(--hx-text-kit)}
#hxp .axis-row .chip{flex:1;padding:0 8px}
#hxp .sw{flex:0 0 var(--hx-h-variant);width:var(--hx-h-variant);height:var(--hx-h-variant);padding:4px;border:1px solid var(--hx-border);border-radius:var(--hx-r-variant);background:var(--hx-white);transition:border-color var(--hx-t-card);overflow:hidden}
#hxp .sw:hover{border-color:var(--hx-border-hover)}
#hxp .sw.on{border-color:var(--hx-gold);box-shadow:inset 0 0 0 1px var(--hx-gold)}
#hxp .sw.na{opacity:.4}
#hxp .sw img{width:100%;height:100%;object-fit:contain}
#hxp .sw.zoom img{transform:scale(2.6);transform-origin:50% 30%}
#hxp .swgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hx-space-variant-gap)}
#hxp .vcard.swn{gap:8px}
#hxp .vcard.swn.on{box-shadow:none}
#hxp .swn .vb{display:block;font-size:var(--hx-fs-vbrand);line-height:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--hx-gold-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hxp .swn .vn{font-size:var(--hx-fs-vname);line-height:15px}
#hxp .xopt{display:flex;flex-direction:column;gap:var(--hx-space-variant-gap)}
#hxp .xo{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--hx-border);border-radius:var(--hx-r-variant);background:var(--hx-white);color:var(--hx-ink-2);transition:border-color var(--hx-t-card)}
#hxp .xo:hover{border-color:var(--hx-border-hover)}
#hxp .xo.on{border-color:var(--hx-gold);box-shadow:inset 0 0 0 1px var(--hx-gold)}
#hxp .xo .rd{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--hx-border-hover);background:var(--hx-white)}
#hxp .xo.on .rd{border:5px solid var(--hx-gold)}
#hxp .xo .xl{flex:1;min-width:0;font-size:var(--hx-fs-info);line-height:20px;font-weight:600}
#hxp .xo .xp{font-size:var(--hx-fs-info);line-height:20px;font-weight:600;color:var(--hx-ink-2);white-space:nowrap}
#hxp .xo.xkub{gap:16px;padding:14px 16px}
#hxp .xkub-img{flex:none;width:68px;height:68px}
#hxp .xkub-img img{width:100%;height:100%;object-fit:contain}
#hxp .xkub-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#hxp .xkub-t{font-size:var(--hx-fs-card-title);line-height:20px;font-weight:600;color:var(--hx-ink-2)}
#hxp .xkub-s{font-size:var(--hx-fs-sub);line-height:18px;color:var(--hx-text-kit)}
#hxp .xkub-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:6px;font-size:var(--hx-fs-sub);line-height:18px;color:var(--hx-text-kit)}
#hxp .xkub-p b{font-size:var(--hx-fs-info);font-weight:600;color:var(--hx-ink-2)}
#hxp .xkub-p .sv{font-weight:700;color:var(--hx-ink-2)}
#hxp .xkub-cta{flex:none;padding:9px 18px;border-radius:var(--hx-r-btn);background:var(--hx-dark);color:var(--hx-white);font-size:var(--hx-fs-sub);line-height:26px;font-weight:500;white-space:nowrap}
#hxp .xo.xkub:hover .xkub-cta{background:var(--hx-ink)}
#hxp .vlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hx-space-variant-gap)}
#hxp .vlist .vx{display:none}
#hxp .vlist.all .vx{display:flex}
#hxp .vtog{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:var(--hx-h-variant);padding:var(--hx-pad-variant);border:1px dashed var(--hx-border-dashed);border-radius:var(--hx-r-variant);background:var(--hx-white);font-family:var(--hx-font-display);font-size:var(--hx-fs-pill);line-height:16px;font-weight:600;color:var(--hx-text-kit);cursor:pointer;transition:border-color var(--hx-t-card)}
#hxp .vtog:hover{border-color:var(--hx-border-hover)}
#hxp .vtog .vti{display:inline-block;transition:transform var(--hx-t-card)}
#hxp .vlist.all .vtog .vti{transform:rotate(180deg)}
#hxp .vcard{display:flex;align-items:center;gap:10px;padding:var(--hx-pad-variant);min-height:var(--hx-h-variant);border:1px solid var(--hx-border);border-radius:var(--hx-r-variant);background:var(--hx-white);min-width:0;transition:border-color var(--hx-t-card),background var(--hx-t-card)}
#hxp .vcard:hover{border-color:var(--hx-border-hover)}
#hxp .vcard.on{border-color:var(--hx-gold);box-shadow:inset 0 0 0 1px var(--hx-gold)}
#hxp .vcard.na{opacity:.45}
#hxp .vcard img{width:var(--hx-img-variant);height:var(--hx-img-variant);object-fit:contain;flex:none}
#hxp .vt{display:flex;flex-direction:column;min-width:0;flex:1}
#hxp .vn{font-size:var(--hx-fs-info);line-height:18px;font-weight:700;color:var(--hx-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hxp .vs{font-size:var(--hx-fs-crumb);line-height:16px;color:var(--hx-text-kit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hxp .chev{flex:none;width:8px;height:8px;border-right:1.5px solid var(--hx-ink);border-bottom:1.5px solid var(--hx-ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--hx-t-card)}
#hxp .cta{display:flex;gap:var(--hx-space-form-gap)}
#hxp .qty{position:relative;flex:none;width:var(--hx-w-qty);height:var(--hx-h-btn)}
#hxp .qty select{appearance:none;-webkit-appearance:none;width:100%;height:100%;padding:0 26px 0 16px;border:1px solid var(--hx-border-2);border-radius:var(--hx-r-qty);background:var(--hx-white);font-size:var(--hx-fs-btn);color:var(--hx-ink)}
#hxp .qty .chev{position:absolute;right:14px;top:18px;pointer-events:none}
#hxp .btn{flex:1;height:var(--hx-h-btn);padding:0 20px;border:0;border-radius:var(--hx-r-btn);background:var(--hx-ink);color:var(--hx-white);font-size:var(--hx-fs-btn);font-weight:500;white-space:nowrap;transition:background var(--hx-t-btn)}
#hxp .btn:hover{background:var(--hx-btn-hover)}
#hxp .ship{display:flex;flex-direction:column;gap:0;font-size:var(--hx-fs-delivery);line-height:20px;color:var(--hx-text-delivery)}
#hxp .pricing+.ship{margin-top:-12px}
#hxp .restock-card{background:var(--hx-white);border:1px solid var(--hx-border);border-radius:var(--hx-r-module);padding:14px 16px}
#hxp .restock-label{font-size:var(--hx-fs-sub);line-height:1.3;font-weight:700;color:var(--hx-ink-2);margin:0 0 10px}
#hxp .restock-form{display:flex;gap:6px;align-items:stretch}
#hxp .restock-input{flex:1 1 auto;min-width:0;padding:10px 12px;border:1px solid var(--hx-border);border-radius:var(--hx-r-variant-m);font-family:var(--hx-font-display);font-size:var(--hx-fs-info);background:var(--hx-white);color:var(--hx-ink-2);outline:none}
#hxp .restock-input:focus{border-color:var(--hx-gold);background:var(--hx-white)}
#hxp .restock-input::placeholder{color:var(--hx-muted-2)}
#hxp .restock-btn{flex:0 0 auto;padding:10px 18px;border:1.5px solid var(--hx-gold);background:var(--hx-gold);color:var(--hx-ink-2);border-radius:var(--hx-r-variant-m);font-family:var(--hx-font-display);font-size:var(--hx-fs-sub);font-weight:700;line-height:1.2;cursor:pointer}
#hxp .restock-hint{margin-top:8px;font-size:var(--hx-fs-pill);line-height:1.45;color:var(--hx-text-kit)}
#hxp .ship div{display:flex;align-items:center;gap:8px}
#hxp .ship .sub{color:var(--hx-text-kit);padding-left:16px}
#hxp .brandline{margin-top:20px;font-size:var(--hx-fs-info);line-height:22px}
#hxp .dot{width:var(--hx-dot-size);height:var(--hx-dot-size);border-radius:50%;background:var(--hx-dot);flex:none}
#hxp .addons{display:flex;flex-direction:column;gap:var(--hx-space-variant-gap)}
#hxp .addon{display:flex;align-items:center;gap:12px;padding:6px 14px 6px 12px;border:1px solid var(--hx-border);border-radius:var(--hx-r-fbt);background:var(--hx-white);font-size:var(--hx-fs-info);line-height:18px;color:var(--hx-ink-2);cursor:pointer;transition:border-color var(--hx-t-card)}
#hxp .addon:hover{border-color:var(--hx-border-hover)}
#hxp .addon input{width:18px;height:18px;margin:0;accent-color:var(--hx-ink);border-radius:var(--hx-r-check);flex:none}
#hxp .addon img{width:var(--hx-img-variant);height:var(--hx-img-variant);object-fit:contain;flex:none}
#hxp .addon span{flex:1;min-width:0}
#hxp .addon b{font-weight:500;color:var(--hx-text-kit);white-space:nowrap}
#hxp .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--hx-gap)}
#hxp .facts dt{font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit)}
#hxp .facts dd{font-size:var(--hx-fs-info);line-height:20px;font-weight:700;color:var(--hx-ink-2)}
#hxp .rows{display:flex;flex-direction:column;border-bottom:1px solid var(--hx-border)}
#hxp .row{border-top:1px solid var(--hx-border)}
#hxp .row-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px 16px 0;border:0;background:none;text-align:left;font-size:var(--hx-fs-toggle);line-height:22px;font-weight:500;color:var(--hx-ink)}
#hxp .row-btn .n{color:var(--hx-text-kit);font-weight:400}
#hxp .row-btn[aria-expanded="true"] .chev{transform:rotate(-135deg) translate(-2px,-2px)}
#hxp .row>.rb{display:none}
#hxp .row.is-open>.rb{display:block}
#hxp .row--core:not(.is-closed)>.rb{display:block}
#hxp .rb{padding:0 0 24px}
#hxp .sub-h, #hxp .spec h3{font-size:var(--hx-fs-info);line-height:22px;font-weight:700;color:var(--hx-ink-2);margin:0 0 4px}
#hxp .qlist{display:flex;flex-direction:column;gap:16px;max-width:720px}
#hxp .qrow p{margin:0;font-size:var(--hx-fs-info);line-height:22px;color:var(--hx-text-delivery)}
#hxp .spec .grp{padding-bottom:16px}
#hxp .spec .grp:last-child{padding-bottom:0}
#hxp .spec .grp:last-child .r:last-child{border-bottom:0}
#hxp .spec .r{display:grid;grid-template-columns:38% 1fr;gap:16px;padding:8px 0;border-bottom:1px solid var(--hx-border);font-size:var(--hx-fs-info);line-height:20px}
#hxp .spec dt{color:var(--hx-text-kit)}
#hxp .spec dd{color:var(--hx-ink-2)}
#hxp .lead{font-size:var(--hx-fs-body);line-height:var(--hx-lh-body);color:var(--hx-text-delivery);max-width:720px}
#hxp .intro{display:flex;flex-direction:column;gap:16px}
#hxp .kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}
#hxp .kv.kv-n4{grid-template-columns:repeat(4,minmax(0,1fr))}
#hxp .kv.kv-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
#hxp .kv.kv-n1{grid-template-columns:minmax(0,1fr)}
#hxp .kv-box{display:flex;align-items:center;gap:10px;min-width:0}
#hxp .kv-wide{grid-column:1/-1}
#hxp .kv-i{flex:none;width:22px;height:22px;fill:none;stroke:var(--hx-text-kit);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#hxp .kv-t{display:flex;flex-direction:column;min-width:0}
#hxp .kv-l{font-size:var(--hx-fs-crumb);line-height:16px;color:var(--hx-text-kit)}
#hxp .kv-v{font-size:var(--hx-fs-info);line-height:20px;font-weight:700;color:var(--hx-ink-2);overflow-wrap:anywhere}
#hxp .lead p{margin:0 0 10px}
#hxp .lead p:last-child{margin-bottom:0}
#hxp .lead strong{font-weight:700;color:var(--hx-ink-2)}
#hxp .prose{max-width:720px;font-size:var(--hx-fs-body);line-height:var(--hx-lh-body);color:var(--hx-text-delivery)}
#hxp .prose p, #hxp .prose ul, #hxp .prose ol{margin:0 0 14px}
#hxp .prose ul, #hxp .prose ol{padding-left:20px}
#hxp .prose li{margin-bottom:6px}
#hxp .prose h3{font-size:var(--hx-fs-toggle);line-height:24px;font-weight:700;color:var(--hx-title);margin:28px 0 8px}
#hxp .prose h4, #hxp .prose h5, #hxp .prose h6{font-size:var(--hx-fs-info);line-height:22px;font-weight:700;color:var(--hx-title);margin:20px 0 6px}
#hxp .prose strong{font-weight:700;color:var(--hx-ink-2)}
#hxp .prose a, #hxp .tlink{color:var(--hx-ink);text-decoration:underline;text-decoration-color:var(--hx-gold-line);text-decoration-thickness:2px;text-underline-offset:3px}
#hxp .more{margin-top:12px;padding:0;border:0;background:none;font-size:var(--hx-fs-info);font-weight:700}
#hxp .note{font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit);max-width:720px;margin-top:14px}
#hxp .calc label{display:block;font-size:var(--hx-fs-info);color:var(--hx-text-kit);margin-bottom:6px}
#hxp .calc label b{color:var(--hx-ink-2)}
#hxp .calc input[type=range]{width:100%;accent-color:var(--hx-ink);margin:0 0 var(--hx-gap)}
#hxp .calc .facts dd{font-size:var(--hx-fs-price);line-height:28px;font-weight:500}
#hxp .band{max-width:var(--hx-container-max);margin:0 auto;padding:60px var(--hx-pad-x) 0}
#hxp .h2{font-size:var(--hx-fs-toggle);line-height:22px;font-weight:500;color:var(--hx-ink)}
#hxp .band>.h2{margin-bottom:16px}
#hxp .rgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--hx-gap)}
#hxp .pc{display:flex;flex-direction:column;border:1px solid var(--hx-border-2);border-radius:var(--hx-r-card);padding:10px 10px 16px;transition:border-color var(--hx-t-card);min-width:0}
#hxp .pc:hover{border-color:var(--hx-border-hover)}
#hxp .pimg{display:block;aspect-ratio:1/1;margin-bottom:12px;border-radius:var(--hx-r-card-img);overflow:hidden;background:var(--hx-white)}
#hxp .pimg img{width:100%;height:100%;object-fit:contain}
#hxp .pt{font-size:var(--hx-fs-body);line-height:19px;font-weight:500;color:var(--hx-ink);margin-bottom:6px}
#hxp .pp{font-size:var(--hx-fs-body);line-height:24px;color:var(--hx-ink)}
#hxp .pform{display:flex;gap:10px;margin-top:auto;padding-top:16px}
#hxp .pq{position:relative;flex:none;width:var(--hx-w-qty);height:var(--hx-h-btn)}
#hxp .pq select{appearance:none;-webkit-appearance:none;width:100%;height:100%;padding:0 26px 0 18px;border:1px solid var(--hx-border-2);border-radius:var(--hx-r-pill);background:var(--hx-white);font-size:var(--hx-fs-body);color:var(--hx-ink)}
#hxp .pq .chev{position:absolute;right:16px;top:18px;pointer-events:none}
#hxp .pbtn{flex:1;min-width:0;height:var(--hx-h-btn);padding:0 16px;border:0;border-radius:var(--hx-r-pill);background:var(--hx-dark);color:var(--hx-white);font-size:var(--hx-fs-body);font-weight:600;white-space:nowrap;transition:background var(--hx-t-btn)}
#hxp .pbtn:hover{background:var(--hx-ink)}
#hxp .pp del{color:var(--hx-text-kit);margin-left:6px}
#hxp .sbar{display:none}
#hxp .gal-main{grid-column:-2/-1;grid-row:1;position:relative;min-width:0}
#hxp .zoom{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
#hxp .gal-lupe{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hx-white);box-shadow:var(--hx-shadow-service);pointer-events:none}
#hxp .gal-lupe svg, #hxp-lb .lb-b svg{width:20px;height:20px;fill:none;stroke:var(--hx-text-kit);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html.hxp-lb-open{overflow:hidden}
#hxp-lb .lb{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--hx-white);font-family:var(--hx-font-display)}
#hxp-lb .lb[hidden]{display:none}
#hxp-lb .lb-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--hx-pad-x) 10px 20px}
#hxp-lb .lb-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--hx-fs-info);line-height:20px;color:var(--hx-text-delivery)}
#hxp-lb .lb-tools{flex:none;display:flex;gap:8px}
#hxp-lb .lb-b{flex:none;width:var(--hx-h-btn-m);height:var(--hx-h-btn-m);display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--hx-border);border-radius:50%;background:var(--hx-white);transition:border-color var(--hx-t-card)}
#hxp-lb .lb-b:hover{border-color:var(--hx-border-hover)}
#hxp-lb .lb-b svg{stroke:var(--hx-ink)}
#hxp-lb .lb-b[aria-disabled="true"]{cursor:default;opacity:.4}
#hxp-lb .lb-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:zoom-in}
#hxp-lb .lb-stage.is-zoomed{cursor:grab}
#hxp-lb .lb-img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;transform:translate(var(--tx,0px),var(--ty,0px)) scale(var(--sc,1));transition:transform var(--hx-t-gallery)}
#hxp-lb .lb-stage.is-dragging .lb-img{transition:none}
#hxp-lb .lb-prev, #hxp-lb .lb-next{position:absolute;top:50%;margin-top:-22px;z-index:1}
#hxp-lb .lb-prev{left:20px}
#hxp-lb .lb-next{right:20px}
#hxp-lb .lb-thumbs{flex:none;display:flex;gap:8px;justify-content:safe center;padding:10px var(--hx-pad-x) 16px;overflow-x:auto;scrollbar-width:none}
#hxp-lb .lb-thumbs button{flex:none;width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:var(--hx-r-variant-m);overflow:hidden;background:var(--hx-white);opacity:.5;transition:opacity var(--hx-t-card),border-color var(--hx-t-card)}
#hxp-lb .lb-thumbs button:hover, #hxp-lb .lb-thumbs button:focus-visible{opacity:1}
#hxp-lb .lb-thumbs button.on{opacity:1;border-color:var(--hx-ink)}
#hxp-lb .lb-thumbs img{width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:reduce){
#hxp-lb .lb-img, #hxp-lb .lb-thumbs button{transition:none}
}
#hxp .cta{flex-wrap:wrap;row-gap:0}
#hxp .atc-msg{flex:1 1 100%;margin:0;font-size:var(--hx-fs-delivery);line-height:20px;color:var(--hx-text-delivery)}
#hxp .atc-msg:not(:empty){margin-top:10px}
#hxp .atc-msg b{font-weight:700;color:var(--hx-ink-2)}
#hxp .btn[aria-disabled="true"]{cursor:progress;background:var(--hx-btn-hover)}
#hxp .spec dd a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#hxp .spec dd a:hover{color:var(--hx-ink)}
#hxp .help{margin:16px 0 0;max-width:720px;font-size:var(--hx-fs-info);line-height:22px;color:var(--hx-text-delivery)}
#hxp .rev-sum.few{grid-template-columns:minmax(0,1fr)}
#hxp .rev-dist .rf{width:100%;border:0;background:none;text-align:left;font-size:var(--hx-fs-crumb);line-height:18px;color:var(--hx-text-kit);transition:box-shadow var(--hx-t-card)}
#hxp .rev-dist .rf:hover{box-shadow:inset 0 0 0 1px var(--hx-border-hover)}
#hxp .rev-dist .rf[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--hx-gold)}
#hxp .rev-more{display:inline-block;margin-top:16px;padding:11px 20px;border:1px dashed var(--hx-border-dashed);border-radius:var(--hx-r-variant);background:var(--hx-white);font-size:var(--hx-fs-info);line-height:20px;font-weight:600;color:var(--hx-text-kit);transition:border-color var(--hx-t-card)}
#hxp .rev-more:hover{border-color:var(--hx-border-hover)}
#hxp .rev-more[hidden]{display:none}
#hxp .rev-avg .revlink{margin-top:4px;padding:0;border:0;background:none}
@media (max-width:1024px){
#hxp .rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#hxp .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
#hxp .kv, #hxp .kv.kv-n4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
#hxp .hero{display:block}
#hxp .col-g, #hxp .col-b{padding:0 var(--hx-pad-x)}
#hxp .gal.stick{position:static}
#hxp .gal, #hxp .gal.has-thumbs{display:block}
#hxp .gal-track{aspect-ratio:4/3}
#hxp .gal-thumbs{position:static;margin-top:8px}
#hxp .gt-list{position:static;height:auto!important;flex-direction:row;overflow-x:auto}
#hxp .gt-list{gap:8px}
#hxp .gt-list button{flex:0 0 56px;width:56px;height:56px;border-radius:var(--hx-r-variant-m)}
#hxp .gt-nav, #hxp .gt-nav[hidden]{display:none}
#hxp .rev-sum{grid-template-columns:minmax(0,1fr);gap:14px}
#hxp .kv{gap:14px 16px}
#hxp .restock-form{flex-wrap:wrap}
#hxp .restock-input, #hxp .restock-btn{width:100%}
#hxp .col-b{margin-top:var(--hx-gap)}
#hxp .opts{gap:10px}
#hxp .lab{margin-bottom:4px}
#hxp .chip, #hxp .sw, #hxp .vcard{border-radius:var(--hx-r-variant-m)}
#hxp .swgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
#hxp .vcard.swn{min-height:var(--hx-h-variant-m)}
#hxp .xo.xkub{flex-wrap:wrap;gap:14px;padding:14px}
#hxp .xkub-img{width:56px;height:56px}
#hxp .xkub-body{flex:1 1 calc(100% - 70px)}
#hxp .xkub-cta{flex:1 1 100%;text-align:center;padding:11px}
#hxp .pform{gap:8px}
#hxp .pq{width:var(--hx-w-qty-m);height:var(--hx-h-btn-m)}
#hxp .pq select{padding-left:14px}
#hxp .pq .chev{top:16px;right:13px}
#hxp .pbtn{height:var(--hx-h-btn-m);padding:0 14px;font-size:var(--hx-fs-info)}
#hxp .sw{flex-basis:var(--hx-h-variant-m);width:var(--hx-h-variant-m);height:var(--hx-h-variant-m)}
#hxp .vcard{min-height:var(--hx-h-variant-m)}
#hxp .vlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#hxp .vlist .vcard, #hxp .vtog{padding:4px 6px 4px 4px}
#hxp .vtog{min-height:var(--hx-h-variant-m);border-radius:var(--hx-r-variant-m)}
#hxp .qty{width:var(--hx-w-qty-m);height:var(--hx-h-btn-m)}
#hxp .qty select{padding-left:12px}
#hxp .qty .chev{top:16px;right:12px}
#hxp .btn{height:var(--hx-h-btn-m)}
#hxp .row--core:not(.is-open)>.rb{display:none}
#hxp .band{padding-top:40px}
#hxp .rgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;margin-right:calc(var(--hx-pad-x) * -1);padding-right:var(--hx-pad-x)}
#hxp .rgrid::-webkit-scrollbar{display:none}
#hxp .rgrid>*{flex:0 0 72%;scroll-snap-align:start}
#hxp .sbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--hx-white);border-top:1px solid var(--hx-border);padding:10px var(--hx-pad-x);gap:10px;align-items:center;box-shadow:var(--hx-shadow-service)}
#hxp .sbar.on{display:flex}
#hxp .sbar .sp{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}
#hxp .sbar .price{line-height:24px}
#hxp .sbar .unit{font-size:var(--hx-fs-unit-m);line-height:12px}
#hxp .sbar .qty{width:62px;height:var(--hx-h-btn-m)}
#hxp .sbar .btn{flex:none;width:auto;min-width:150px;padding:0 14px}
#hxp .sbar{flex-wrap:wrap;row-gap:0}
#hxp .sbar .atc-msg{order:-1}
#hxp .sbar .atc-msg:not(:empty){margin:0 0 8px}
#hxp-lb .lb-top{padding-left:var(--hx-pad-x)}
#hxp-lb .lb-prev{left:var(--hx-pad-x)}
#hxp-lb .lb-next{right:var(--hx-pad-x)}
}

/* ---------- Live-Ergaenzungen (hxm-pdp-v14) ---------- */
/* Grundaufbau: der Produktbereich ist eigenstaendig; Theme-/Kit-Regeln greifen ueber Elementselektoren und werden hier mit
   #hxp :where(...) (Spezifitaet 1,0,0) neutralisiert. Header und Footer liegen ausserhalb von #hxp und bleiben unberuehrt. */
#hxp{display:block;width:100%;margin:0;padding:0 0 0;font-size:var(--hx-fs-body);line-height:var(--hx-lh-body);background:var(--hx-white);text-align:left}
#hxp-lb{font-family:var(--hx-font-display)}
#hxp-lb .lb{z-index:2147483000}
#hxp :where(button,[type=button],[type=submit],select,input,textarea),#hxp-lb :where(button,[type=button]){margin:0;box-shadow:none;text-transform:none;letter-spacing:normal;text-decoration:none;min-height:0;font-family:inherit}
#hxp :where(button,[type=button],[type=submit]),#hxp-lb :where(button,[type=button]){background:none;border:0;padding:0;border-radius:0;line-height:inherit;font-weight:inherit;font-size:inherit;color:inherit}
#hxp :where(button,[type=button],[type=submit]):where(:hover,:focus),#hxp-lb :where(button,[type=button]):where(:hover,:focus){background-color:transparent;color:inherit;text-decoration:none}
#hxp :where(a):where(:hover,:focus){color:inherit}
#hxp :where(img){height:auto;border:0;border-radius:0;box-shadow:none}
#hxp :where(ul,ol){padding:0}
#hxp :where(h1,h2,h3,h4,h5,h6){font-family:var(--hx-font-display);letter-spacing:normal;text-transform:none}
#hxp :where(table){border-collapse:collapse}
#hxp :where(dt){font-weight:inherit}
#hxp :where(dd){margin:0}
#hxp :where(figure){margin:0}
#hxp .crumbrow,#hxp .hero,#hxp .band{box-sizing:border-box}
#hxp [id^="r-"],#hxp #aehnlich,#hxp #kostenrechnung{scroll-margin-top:110px}
@media (max-width:767px){#hxp [id^="r-"],#hxp #aehnlich,#hxp #kostenrechnung{scroll-margin-top:64px}}
/* Kaufbutton: Text- und Ladezustand */
#hxp .btn{display:flex;align-items:center;justify-content:center;line-height:1}
#hxp .btn[data-state="done"]{background:var(--hx-ink)}
#hxp .pbtn[aria-disabled="true"]{cursor:progress;background:var(--hx-btn-hover)}
#hxp .pform .atc-msg{flex:1 1 100%;margin:8px 0 0;font-size:var(--hx-fs-crumb);line-height:18px}
#hxp .pform{flex-wrap:wrap;row-gap:0}
#hxp .pp .unit{margin-left:6px}
/* Restock (Live-Baustein hxm-restock, eigene Klassen fuer dessen Skript) */
#hxp .hxm-restock-msg{display:none;margin-top:10px;font-size:var(--hx-fs-sub);line-height:18px;color:var(--hx-ink-2)}
#hxp .hxm-restock-msg.success,#hxp .hxm-restock-msg.error,#hxp .hxm-restock-msg.info{display:block;font-weight:600}
#hxp .restock-btn[disabled]{opacity:.55;cursor:default}
/* Fremdregel .woocommerce button[type=submit]{color:#fff!important} (Inline-Stil hxm-wc-btn-text-fix) trifft den Eintragen-Knopf */
#hxp .restock-btn{color:var(--hx-ink-2)!important}
#hxp .restock-btn:hover{background:var(--hx-gold);border-color:var(--hx-gold);color:var(--hx-ink-2)}
/* Kostenrechner (hxm-xkah-calc, eigenes Stylesheet): Kontraste wie v13 Nr. 14, nur ueber vorhandene Tokens */
#hxp .hxc{--sec:var(--hx-text-kit);--mut:var(--hx-text-kit)}
#hxp .hxc .hxc-eye{color:var(--hx-ink-2)}
#hxp .hxm-xcalc-con{padding:0 var(--hx-pad-x)}
/* Bewertungen: Formular von JetReviews erst auf Wunsch */
#hxp .jr-form[hidden]{display:none}
#hxp .jr-form{margin-top:16px}
/* Kaufleiste mobil: Platz am Seitenende, damit die Leiste den Footer nicht verdeckt */
@media (max-width:767px){body.hxp-v14.hxp-buy{padding-bottom:78px}}
/* CheckoutWC-Sidecart: Scrollsperre, solange er offen ist (nur Produktseite v14) */
html.hxp-sc-lock{overflow:hidden}
/* Hinweis „Angebot endet bald“ (Betreiberentscheidung 04.10.2026) in der Markenzeile: Farben wie hxm-xkah-offer-countdown,
   Hoehe 18 px (Markenzeile 16 px), damit der Kaufbutton bei 1024x768 im ersten Bildschirm bleibt */
#hxp .brandrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#hxp .brandrow .brand{align-self:center}
#hxp .offer-cd{display:inline-flex;align-items:center;height:18px;padding:0 9px;border:1px solid #e7c690;border-radius:999px;background:#fff4e0;color:#8a5a00;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
/* Entscheidung Nr. 11: Kaufbutton bei 1024x768 vollstaendig im ersten Bildschirm (Live-Kopf ist 9 px hoeher als im Mockup) */
@media (min-width:1024px) and (max-height:800px){#hxp .buy{gap:16px}}
html.hxp-sc-lock #cfw-side-cart{overscroll-behavior:contain}
/* Bewertungssterne: mobile Fremdregel max-width:100% staucht die goldene Ebene auf die Breite ihres Ausschnitts (z. B. 96 %) -> versetzt zur grauen */
#hxp .stars svg{max-width:none!important;flex:none}
/* Variable Produkte: Auswahl der Ausfuehrung als Chips (Buttons, Optionsfelder) */
#hxp .hxp-va .chip{cursor:pointer;font-family:inherit;text-transform:none}
#hxp .hxp-va .chip:focus-visible{outline:2px solid var(--hx-ink);outline-offset:2px}
/* Bundles (WPC Product Bundles): enthaltene Artikel, Optik wie die Zubehoerzeilen */
#hxp .bitems{display:flex;flex-direction:column;gap:var(--hx-space-variant-gap);margin:0;padding:0;list-style:none}
#hxp .bitem{display:flex;align-items:center;gap:12px;padding:6px 14px 6px 12px;border:1px solid var(--hx-border);border-radius:var(--hx-r-fbt);background:var(--hx-white);font-size:var(--hx-fs-info);line-height:18px;color:var(--hx-ink-2)}
#hxp .bitem img,#hxp .bitem .bimg0{width:var(--hx-img-variant);height:var(--hx-img-variant);object-fit:contain;flex:none}
#hxp .bitem .bn{flex:1;min-width:0}
#hxp .bitem .bn b{font-weight:600}
#hxp .bitem .bn a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#hxp .bitem .bp{font-weight:500;color:var(--hx-text-kit);white-space:nowrap}
/* Vorschauleiste (07.10.2026, Betreiberauftrag): ganzes Bild in der weissen 1:1-Kachel statt Beschnitt; Hoch-/Querformat laden
   ungeschnittene Dateien (render.php hxp_uncrop). Quadratische Bilder sehen gleich aus (contain = cover bei 1:1). */
#hxp .gt-list img{object-fit:contain}