/* HERBELIN – Neues Produktlayout Uhren (Entwurf V19, Art Déco) – gilt NUR mit body.hbpn (vom Modul gesetzt) */
body.hbpn{
  --hbpn-navy:#0d1b2a;--hbpn-navy-deep:#06101c;--hbpn-gold:#c9a961;--hbpn-gold-light:#e4d4a8;--hbpn-gold-text:#9c7b34;
  --hbpn-ivory:#faf7f2;--hbpn-line:#c9c5bc;--hbpn-line-soft:#e6e2d9;--hbpn-shop-grey:#f2f2f2;--hbpn-panel:#f5f4f1;
  --hbpn-text:#1a1a1a;--hbpn-muted:#6b675f;--hbpn-display:'Monument Extended','Mulish',sans-serif;--hbpn-body:'Mulish',system-ui,sans-serif;
}
body.hbpn .product-main,body.hbpn .product-footer{font-family:var(--hbpn-body);color:var(--hbpn-text)}
body.hbpn .product-main img,body.hbpn .product-footer img{max-width:100%}

/* ---------- Spalten: Galerie | Kaufbereich (Desktop) ---------- */
@media (min-width:901px){
  body.hbpn .product-main .content-row{display:flex;flex-wrap:nowrap;align-items:flex-start}
  body.hbpn .product-main .product-gallery{flex:0 0 52.4%;max-width:52.4%;padding-right:28px}
  body.hbpn .product-main .product-info{flex:1 1 auto;max-width:47.6%;padding-left:28px}
}
body.hbpn div.product .product-info.summary{position:static!important;top:auto!important}
body.hbpn .product-main .product-gallery,body.hbpn .product-main .product-info{min-width:0}

/* ---------- Galerie: Hauptbild + 2er-Raster (wie herbelin.com), bündig bis „Produktsicherheit & Hersteller“ ---------- */
body.hbpn .hbpn-galerie{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%}
body.hbpn .hbpn-galerie .hbpn-badges{z-index:3;pointer-events:none;margin:14px}
body.hbpn .hbpn-galerie > *,body.hbpn .hbpn-gal-wrap{min-width:0;max-width:100%}
body.hbpn .hbpn-g-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:6px}
body.hbpn .hbpn-g-item{position:relative;display:block;width:100%;padding:0;margin:0;overflow:hidden;border:0;border-radius:10px;background:var(--hbpn-shop-grey);cursor:zoom-in;min-height:0;min-width:0;line-height:0;text-transform:none;box-shadow:none}
body.hbpn .hbpn-g-item img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.2,1);margin:0}
body.hbpn .hbpn-g-item:hover img{transform:scale(1.03)}
body.hbpn .hbpn-g-hero{aspect-ratio:1}
body.hbpn .hbpn-g-tile{aspect-ratio:4/5}
body.hbpn .hbpn-g-tile.hbpn-more{display:none}
body.hbpn .hbpn-galerie.hbpn-open .hbpn-g-tile.hbpn-more{display:block}
body.hbpn .hbpn-g-tile.hbpn-wide{grid-column:1/-1;aspect-ratio:16/10}
body.hbpn .hbpn-g-tile.hbpn-wide img,body.hbpn .hbpn-art-etui img,body.hbpn .hbpn-art-seite img,body.hbpn .hbpn-art-rueck img,body.hbpn .hbpn-g-hero img{object-fit:contain}
body.hbpn .hbpn-g-hero.hbpn-fit img{object-fit:contain;mix-blend-mode:normal}
body.hbpn .hbpn-g-item.hbpn-fit{aspect-ratio:auto}
/* wenige Bilder (bis 4): Hauptbild quadratisch, Rest füllt bis unten – Uhren nur eingepasst, nie verzerrt */
body.hbpn .hbpn-galerie.hbpn-std .hbpn-g-hero{aspect-ratio:1}
body.hbpn .hbpn-galerie.hbpn-std .hbpn-g-hero img{mix-blend-mode:normal}
body.hbpn .hbpn-galerie.hbpn-std .hbpn-g-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.hbpn .hbpn-galerie.hbpn-std .hbpn-g-tile{aspect-ratio:1}
body.hbpn .hbpn-galerie.hbpn-std .hbpn-g-item img{object-fit:contain!important}
body.hbpn .hbpn-galerie.hbpn-std.hbpn-fill .hbpn-g-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.hbpn .hbpn-galerie.hbpn-std.hbpn-fill .hbpn-g-tile,body.hbpn .hbpn-galerie.hbpn-std.hbpn-fill .hbpn-g-tile.hbpn-wide{aspect-ratio:auto}
body.hbpn .hbpn-galerie.hbpn-std.hbpn-fill .hbpn-g-tile.hbpn-wide{grid-column:1/-1}
body.hbpn .hbpn-g-plus{position:absolute;right:14px;bottom:14px;width:30px;height:30px;color:var(--hbpn-navy);pointer-events:none}
body.hbpn .hbpn-g-plus:before,body.hbpn .hbpn-g-plus:after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%)}
body.hbpn .hbpn-g-plus:before{width:16px;height:1.5px}
body.hbpn .hbpn-g-plus:after{width:1.5px;height:16px}
body.hbpn .hbpn-g-more{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:54px;margin:10px 0 0;border:0;border-radius:999px;background:var(--hbpn-navy);color:#fff;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 22px rgba(13,27,42,.18);transition:background .2s,transform .2s;line-height:1}
body.hbpn .hbpn-g-more[hidden]{display:none}
body.hbpn .hbpn-g-more:hover{background:var(--hbpn-navy-deep);transform:translateY(-1px)}
body.hbpn .hbpn-g-more .hbpn-pl{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--hbpn-gold);color:var(--hbpn-navy);font-size:18px;font-weight:700;line-height:1}
body.hbpn .hbpn-g-more .hbpn-cnt{color:var(--hbpn-gold-light)}
body.hbpn .hbpn-g-dots{display:none}
/* Großansicht */
body.hbpn .hbpn-lb{position:fixed;inset:0;z-index:100000;background:rgba(6,16,28,.94);display:flex;align-items:center;justify-content:center}
body.hbpn .hbpn-lb[hidden]{display:none}
body.hbpn .hbpn-lb img{max-width:min(92vw,1000px);max-height:86vh;border-radius:6px;background:#fff}
body.hbpn .hbpn-lb button{position:absolute;margin:0;padding:0;border:0;background:none;color:#fff;font-size:30px;line-height:1;width:52px;height:52px;min-height:0;display:grid;place-items:center;border-radius:50%}
body.hbpn .hbpn-lb button:hover{background:rgba(255,255,255,.1)}
body.hbpn .hbpn-lb .hbpn-x{top:18px;right:18px}
body.hbpn .hbpn-lb .hbpn-pv{left:18px;top:50%;transform:translateY(-50%)}
body.hbpn .hbpn-lb .hbpn-nx{right:18px;top:50%;transform:translateY(-50%)}
body.hbpn .hbpn-lb .hbpn-cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#c9c3b5;font-size:12px;letter-spacing:.1em;text-transform:uppercase}

/* ---------- Kaufbereich ---------- */
body.hbpn .product-info .hbpn-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--hbpn-gold-text);font-weight:700;margin:0 0 8px}
body.hbpn .product-info h1.product_title{font-family:var(--hbpn-display)!important;font-weight:400!important;font-size:clamp(20px,2vw,28px)!important;line-height:1.2;color:var(--hbpn-navy)!important;letter-spacing:.01em;margin:6px 0 8px;text-transform:none!important}
body.hbpn .product-info .is-divider{display:none}
body.hbpn .product-info .price-wrapper .price{font-size:26px!important;font-weight:600;color:var(--hbpn-navy)!important;margin:14px 0 2px}
body.hbpn .product-info .woocommerce-price-suffix{font-size:13px!important;color:var(--hbpn-muted)}
body.hbpn .product-info .hbpn-artnr{font-size:13px;letter-spacing:.04em;text-transform:none;color:var(--hbpn-muted);margin:2px 0 4px}
body.hbpn .product-info .hbpn-artnr span{color:var(--hbpn-muted);font-weight:400}
body.hbpn .product-info .product-short-description{margin:16px 0 18px;font-size:15px;color:#3c3a35;max-width:56ch}
body.hbpn .product-info .product-short-description p{margin:0}
body.hbpn .product-info .hbp-usps{margin:0 0 6px;display:grid;gap:6px}
body.hbpn .product-info .hbp-usps li{font-size:14px;color:#3c3a35;padding:0 0 0 24px;margin:0}
body.hbpn .product-info .hbp-usps li:before{top:0;color:var(--hbpn-gold-text)}
body.hbpn .product-info p.stock{display:flex;align-items:center;gap:8px;margin:10px 0 18px;font-size:13.5px;font-weight:600;color:#2f6b3a}
body.hbpn .product-info p.stock.in-stock:before{content:"";width:8px;height:8px;border-radius:50%;background:#3c8a4b;flex:none}

/* Ausführungs-Raster */
body.hbpn .hbpn-variants{background:var(--hbpn-panel);border-radius:14px;padding:20px 20px 16px;margin:0 0 20px}
body.hbpn .hbpn-vh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
body.hbpn .hbpn-vt{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#55524b}
body.hbpn .hbpn-vsel{font-size:13px;color:var(--hbpn-navy);font-weight:600}
body.hbpn .hbpn-chips{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
body.hbpn .hbpn-chips button{margin:0;min-height:0;line-height:1.4;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;padding:6px 13px;border-radius:999px;border:1px solid var(--hbpn-line);color:#4a4740;background:#fff;transition:all .2s}
body.hbpn .hbpn-chips button[aria-pressed=true]{background:var(--hbpn-navy);border-color:var(--hbpn-navy);color:#fff}
body.hbpn .hbpn-vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.hbpn .hbpn-vtile{min-width:0}
body.hbpn .hbpn-vtile{position:relative;display:block;aspect-ratio:1;background:#fff;border-radius:8px;border:1.5px solid transparent;padding:10% 8%;transition:border-color .2s}
body.hbpn .hbpn-vtile img{display:block;width:100%;height:100%;object-fit:contain;margin:0}
body.hbpn .hbpn-vtile.hbpn-shop{background:var(--hbpn-shop-grey);padding:4%}
body.hbpn .hbpn-vtile.hbpn-shop img{mix-blend-mode:multiply}
body.hbpn .hbpn-vtile:hover{border-color:var(--hbpn-line)}
body.hbpn .hbpn-vtile[aria-current=page]{border-color:var(--hbpn-navy)}
body.hbpn .hbpn-vtile.hbpn-hide{display:none}
body.hbpn .hbpn-vinfo{margin-top:12px;font-size:12.5px;color:var(--hbpn-muted);min-height:20px}
body.hbpn .hbpn-vinfo b{color:var(--hbpn-navy);font-weight:600}

/* Warenkorb-Formular (WooCommerce bleibt, nur neu gestaltet) */
body.hbpn .product-info form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 6px}
body.hbpn .product-info form.cart .quantity{margin:0!important;flex:0 0 auto}
body.hbpn .product-info form.cart .single_add_to_cart_button{flex:1 1 200px;margin:0!important;height:54px!important;line-height:54px!important;border-radius:999px!important;background:var(--hbpn-navy)!important;border-color:var(--hbpn-navy)!important;color:#fff!important;font-size:14px!important;letter-spacing:.1em!important}
body.hbpn .product-info form.cart .single_add_to_cart_button:hover{background:var(--hbpn-navy-deep)!important;color:#fff!important}
body.hbpn .product-info form.cart .quantity .qty,body.hbpn .product-info form.cart .quantity .button{height:54px}
body.hbpn .product-info .hbp-express{flex:1 1 100%;display:flex!important;align-items:center;justify-content:center;margin:0!important;height:54px!important;line-height:1!important;border-radius:999px!important;border:1px solid var(--hbpn-navy)!important;font-size:14px!important;letter-spacing:.1em!important}
body.hbpn .product-info form.cart .wc-stripe-product-checkout-container,body.hbpn .product-info form.cart .wc-stripe-clear,body.hbpn .product-info form.cart wc-order-attribution-inputs{flex:1 1 100%}
/* Vertrauens-Trio (Text aus dem Theme, unverändert) – ruhiger gestaltet */
body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"]{flex:1 1 100%;gap:8px!important;margin:8px 0 0!important}
body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] > div{border:0!important;background:var(--hbpn-panel)!important;border-radius:10px!important;padding:10px 12px!important}
body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] > div > div{display:none}
body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] svg{display:none}
body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] span{font-size:12.5px!important;margin:0!important}
body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] span:first-of-type{color:var(--hbpn-navy)!important;font-weight:700!important;font-size:13px!important}
body.hbpn .product-info .hbpn-pay{margin:14px 0 14px}
body.hbpn .product-info .hb-gar-badge{margin:0 0 14px}
body.hbpn .product-info .hbp-haendler{background:#fff;border:1px solid var(--hbpn-line-soft);border-radius:12px;padding:14px 16px;margin:0 0 14px}
body.hbpn .product-info .hbp-acc{margin:0;border-top:0}
body.hbpn .product-info .hbp-acc details{border-top:1px solid var(--hbpn-line-soft);border-bottom:0;padding:0}
body.hbpn .product-info .hbp-acc details:last-child{border-bottom:1px solid var(--hbpn-line-soft)}
body.hbpn .product-info .hbp-acc summary{font-size:12.5px;letter-spacing:.1em;padding:12px 0}
body.hbpn .product-info .product_meta{display:none}

/* ---------- Bereiche unter dem Kaufbereich ---------- */
body.hbpn .hbpn-bleed{position:relative;box-shadow:0 0 0 100vmax var(--hbpn-bleed,transparent);clip-path:inset(0 -100vmax)}
body.hbpn .hbpn-detail h2,body.hbpn .hbpn-specs h2,body.hbpn .hbpn-service h2,body.hbpn .hbpn-coll h2,body.hbpn .hbpn-about h2,body.hbpn .hbp-faq h2{font-family:var(--hbpn-display)!important;font-weight:400!important;color:var(--hbpn-navy);letter-spacing:.01em;text-transform:none!important}

/* Ansicht im Detail */
body.hbpn .hbpn-detail{--hbpn-bleed:var(--hbpn-ivory);background:var(--hbpn-ivory);padding:88px 0 96px;margin:48px 0 0;overflow:visible}
body.hbpn .hbpn-detail h2{text-align:center;font-size:clamp(24px,3vw,40px);margin:0}
body.hbpn .hbpn-detail .hbpn-sub{text-align:center;color:var(--hbpn-muted);font-size:14px;margin:10px 0 0}
body.hbpn .hbpn-stage{position:relative;max-width:1200px;margin:40px auto 0;aspect-ratio:1200/760}
body.hbpn .hbpn-watch{position:absolute;left:50%;top:50%;height:calc(clamp(430px,31.8vw,509px) * var(--fr,.748));transform:translate(-50%,-50%);display:flex;justify-content:center}
body.hbpn .hbpn-watch img{height:100%;width:auto;max-width:none;filter:drop-shadow(0 24px 30px rgba(13,27,42,.10));margin:0}
body.hbpn .hbpn-watch.hbpn-ohne-frei{height:clamp(360px,27vw,440px);aspect-ratio:1;background:var(--hbpn-shop-grey);border-radius:16px;overflow:hidden}
body.hbpn .hbpn-watch.hbpn-ohne-frei img{width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:multiply}
body.hbpn .hbpn-stage .hbpn-note{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;font-size:13px;color:#2b2a27;border:1px solid var(--hbpn-line);background:rgba(255,255,255,.65);border-radius:999px;padding:8px 18px}
body.hbpn .hbpn-stage .hbpn-sp{position:absolute;inset:0;pointer-events:none}
body.hbpn .hbpn-stage .hbpn-sp .hbpn-h,body.hbpn .hbpn-stage .hbpn-sp .hbpn-v{position:absolute;background:var(--hbpn-line);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
body.hbpn .hbpn-stage .hbpn-sp .hbpn-h{height:1px;left:calc(var(--x1)/12*1%);width:calc((var(--x2) - var(--x1))/12*1%);top:calc(var(--cy)/7.6*1%);transform:scaleX(0);transform-origin:calc((var(--cx) - var(--x1))/(var(--x2) - var(--x1))*100%) 50%}
body.hbpn .hbpn-stage .hbpn-sp .hbpn-v{width:1px;top:calc(var(--y1)/7.6*1%);height:calc((var(--y2) - var(--y1))/7.6*1%);left:calc(var(--cx)/12*1%);transform:scaleY(0);transform-origin:50% calc((var(--cy) - var(--y1))/(var(--y2) - var(--y1))*100%)}
body.hbpn .hbpn-stage .hbpn-sp .hbpn-t{position:absolute;opacity:0;transform:translateY(8px);transition:opacity .7s ease .5s,transform .7s ease .5s;white-space:nowrap}
body.hbpn .hbpn-stage .hbpn-sp .hbpn-t .hbpn-val{display:block;font-weight:300;font-size:clamp(22px,2.4vw,34px);line-height:1.1;color:var(--hbpn-navy);letter-spacing:-.01em}
body.hbpn .hbpn-stage .hbpn-sp .hbpn-t .hbpn-lab{display:block;font-size:13px;color:var(--hbpn-muted);margin-top:4px}
body.hbpn .hbpn-stage .hbpn-sp.hbpn-tl .hbpn-t{right:calc(100% - var(--cx)/12*1% + 1.8%);bottom:calc(100% - var(--cy)/7.6*1% + 2.6%);text-align:right}
body.hbpn .hbpn-stage .hbpn-sp.hbpn-bl .hbpn-t{right:calc(100% - var(--cx)/12*1% + 1.8%);top:calc(var(--cy)/7.6*1% + 2.6%);text-align:right}
body.hbpn .hbpn-stage .hbpn-sp.hbpn-br .hbpn-t{left:calc(var(--cx)/12*1% + 1.8%);top:calc(var(--cy)/7.6*1% + 2.6%);text-align:left}
body.hbpn .hbpn-stage.hbpn-in .hbpn-sp .hbpn-h{transform:scaleX(1)}
body.hbpn .hbpn-stage.hbpn-in .hbpn-sp .hbpn-v{transform:scaleY(1)}
body.hbpn .hbpn-stage.hbpn-in .hbpn-sp .hbpn-t{opacity:1;transform:none}
body.hbpn .no-js .hbpn-stage .hbpn-sp .hbpn-h,body.hbpn .no-js .hbpn-stage .hbpn-sp .hbpn-v{transform:none}

/* Technische Daten / Reiter (gleiche Reiter wie heute) */
body.hbpn .hbpn-specs{max-width:1100px;margin:0 auto;padding:88px 0 72px}
body.hbpn .hbpn-specs > h2{text-align:center;font-size:clamp(24px,3vw,40px);margin:0}
body.hbpn .hbpn-tabwrap{width:fit-content;max-width:100%;margin:0 auto}
body.hbpn .hbpn-tabs{display:flex;justify-content:center;gap:8px;margin:32px 0 28px;flex-wrap:nowrap}
body.hbpn .hbpn-tabs button{margin:0;min-height:0;line-height:1.3;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:none;color:#4a4740;border:1px solid var(--hbpn-line);background:#fff;white-space:nowrap}
body.hbpn .hbpn-tabs button[aria-selected=true]{background:var(--hbpn-navy);color:#fff;border-color:var(--hbpn-navy)}
body.hbpn .hbpn-macc{display:none}
body.hbpn .hbpn-panel{display:none;width:0;min-width:100%;font-size:15.5px;color:#3c3a35}
body.hbpn .hbpn-panel.hbpn-on{display:block}
body.hbpn .hbpn-panel h3{font-family:var(--hbpn-display)!important;font-weight:400;font-size:18px;color:var(--hbpn-navy);margin:0 0 16px;line-height:1.35;text-transform:none}
body.hbpn .hbpn-panel p{margin:0 0 14px}
body.hbpn .hbpn-panel a{color:var(--hbpn-navy)}
body.hbpn .hbpn-td{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px}
body.hbpn .hbpn-td-g h3{font-family:var(--hbpn-body)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.14em;text-transform:uppercase!important;color:var(--hbpn-gold-text)!important;margin:0 0 4px!important}
body.hbpn .hbpn-td dl{margin:0}
body.hbpn .hbpn-td dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--hbpn-line-soft);font-size:14px}
body.hbpn .hbpn-td dt{color:var(--hbpn-muted);font-weight:400;flex:0 0 auto;max-width:48%}
body.hbpn .hbpn-td dd{color:var(--hbpn-navy);font-weight:600;text-align:right;margin:0}
body.hbpn .hbpn-td dd a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* V2 28.10.: eine Liste je Reiter wie V19 (zweispaltig am Computer) */
body.hbpn .hbpn-dl{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;margin:0}
body.hbpn .hbpn-dl div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--hbpn-line-soft);font-size:14px}
body.hbpn .hbpn-dl dt{color:var(--hbpn-muted);font-weight:400;flex:0 0 auto;max-width:48%}
body.hbpn .hbpn-dl dd{color:var(--hbpn-navy);font-weight:600;text-align:right;margin:0}
body.hbpn .hbpn-dl dd a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (min-width:901px) and (max-width:1180px){ body.hbpn .hbpn-tabwrap{width:auto} body.hbpn .hbpn-tabs{flex-wrap:wrap} }
body.hbpn .hbpn-man{display:flex;align-items:center;gap:22px;padding:22px 24px;border:1px solid var(--hbpn-line-soft);border-radius:14px;background:#fff;margin:0 0 12px}
body.hbpn .hbpn-man-ic{flex:0 0 40px;width:40px;height:48px;color:var(--hbpn-gold-text)}
body.hbpn .hbpn-man-t{flex:1;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--hbpn-muted)}
body.hbpn .hbpn-man-t b{color:var(--hbpn-navy);font-size:15px}
body.hbpn .hbpn-man-t b span{font-weight:600}
body.hbpn .hbpn-man-h{font-size:13px}
body.hbpn .hbpn-man-a{flex:0 0 auto;display:inline-flex;align-items:center;height:46px;padding:0 26px;border-radius:999px;background:var(--hbpn-navy);color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
body.hbpn .hbpn-man-a:hover{background:#1b2d44}

/* Service & Downloads */
body.hbpn .hbpn-service{max-width:1100px;margin:0 auto;padding:0 0 72px}
body.hbpn .hbpn-service h2{font-size:clamp(20px,2.2vw,28px);margin:0 0 20px;text-align:center}
body.hbpn .hbpn-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.hbpn .hbpn-svc-c{background:var(--hbpn-panel);border-radius:14px;padding:22px;font-size:13.5px;color:#3c3a35}
body.hbpn .hbpn-svc-c h3{font-family:var(--hbpn-body)!important;font-size:15px!important;font-weight:700!important;color:var(--hbpn-navy)!important;margin:0 0 8px!important;text-transform:none!important;letter-spacing:0!important}
body.hbpn .hbpn-svc-c h4{font-size:13.5px;font-weight:600;color:#3c3a35;margin:0 0 6px;text-transform:none;letter-spacing:0}
body.hbpn .hbpn-svc-c p{margin:0 0 10px}
body.hbpn .hbpn-svc-c a,body.hbpn .hbpn-svc-a{font-size:13px;font-weight:700;color:var(--hbpn-navy);text-decoration:none}

/* Kollektionsblock mit Verlauf */
body.hbpn .product-footer{overflow-x:clip}
body.hbpn .hbpn-coll{position:relative;isolation:isolate;box-shadow:none;clip-path:none;background:none;color:#e8e2d4;padding:64px 0;text-align:center;margin:0}
body.hbpn .hbpn-coll:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background:radial-gradient(120% 140% at 50% 0%,#2a4060 0%,#182b42 45%,#0d1b2a 100%)}
body.hbpn .hbpn-coll-k{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--hbpn-gold-light)}
body.hbpn .hbpn-coll h2{font-size:clamp(26px,3vw,40px);color:#fff;margin:8px 0 10px}
body.hbpn .hbpn-coll p{color:#c9c3b5;margin:0 auto 22px;max-width:720px}
body.hbpn .hbpn-btn.hbpn-ghost{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border-radius:999px;border:1px solid var(--hbpn-gold-light);color:#fff;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .2s}
body.hbpn .hbpn-btn.hbpn-ghost:hover{background:rgba(255,255,255,.08);color:#fff}

/* Über HERBELIN (Schalter) */
body.hbpn .hbpn-about{--hbpn-bleed:var(--hbpn-ivory);background:var(--hbpn-ivory);padding:64px 0}
body.hbpn .hbpn-about .hbpn-in{max-width:760px;margin:0 auto}
body.hbpn .hbpn-about h2{font-size:clamp(20px,2.2vw,28px);margin:0 0 16px}
body.hbpn .hbpn-about p{font-size:15px;color:#3c3a35;margin:0 0 12px}
body.hbpn .hbpn-about a{color:var(--hbpn-navy)}

/* FAQ (Text + Schema unverändert aus hb-redesign-neu) */
body.hbpn .hbp-faq{max-width:760px;margin:0 auto;padding:64px 0 40px;border:0;background:none;border-radius:0}
body.hbpn .hbp-faq h2{font-size:clamp(20px,2.2vw,28px);margin:0 0 16px}
body.hbpn .hbp-faq details{border-bottom:1px solid var(--hbpn-line-soft)}
body.hbpn .hbp-faq summary{padding:16px 0;font-size:15px}
body.hbpn .hbp-faq p{font-size:14.5px}
body.hbpn .hbp-more{max-width:760px;margin:0 auto 48px}

/* Steckplätze (z. B. Schmuck) */
body.hbpn .hbpn-slot{margin:0 auto;max-width:1200px}

/* ---------- Handy und Tablet hochkant (≤ 900 px) ---------- */
@media (max-width:900px){
  body.hbpn .product-main .content-row{display:block}
  body.hbpn .product-main .product-gallery,body.hbpn .product-main .product-info{flex:none;max-width:100%;width:100%;padding-left:15px;padding-right:15px}
  body.hbpn .hbpn-g-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none;border-radius:10px}
  body.hbpn .hbpn-g-track::-webkit-scrollbar{display:none}
  body.hbpn .hbpn-g-grid{display:contents}
  body.hbpn .hbpn-g-item,body.hbpn .hbpn-g-tile.hbpn-more{display:block;flex:0 0 100%;scroll-snap-align:start;aspect-ratio:1!important;height:auto!important;border-radius:0}
  body.hbpn .hbpn-g-item img{object-fit:contain}
  body.hbpn .hbpn-g-more{display:none!important}
  body.hbpn .hbpn-g-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
  body.hbpn .hbpn-g-dots i{width:6px;height:6px;border-radius:50%;background:var(--hbpn-line)}
  body.hbpn .hbpn-g-dots i.hbpn-on{background:var(--hbpn-navy)}
  body.hbpn .hbpn-variants{padding:16px 14px}
  body.hbpn .hbpn-vgrid{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
  body.hbpn .hbpn-vgrid::-webkit-scrollbar{display:none}
  body.hbpn .hbpn-vtile{flex:0 0 23%;scroll-snap-align:start;padding:8px 6px}
  body.hbpn .hbpn-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-14px;padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  body.hbpn .hbpn-chips::-webkit-scrollbar{display:none}
  body.hbpn .hbpn-chips button{flex:none}
  body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"]{display:block!important;background:var(--hbpn-panel);border-radius:12px;padding:6px 14px}
  body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] > div{display:flex!important;flex-direction:row!important;align-items:baseline;gap:8px;background:none!important;padding:8px 0!important;border-radius:0!important}
  body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] > div + div{border-top:1px solid var(--hbpn-line-soft)!important}
  body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] > div:before{content:"✓";color:var(--hbpn-gold-text);font-weight:700}
  body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] > div > div{display:none!important}
  body.hbpn .product-info form.cart > div[style*="grid-template-columns:repeat(3"] span:last-of-type:before{content:"· "}
  body.hbpn .hbpn-pay .hbp-pay-label{width:100%}
  body.hbpn .hbpn-detail{padding:64px 0 72px}
  body.hbpn .hbpn-stage{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:28px}
  body.hbpn .hbpn-watch{position:relative;left:auto;top:auto;transform:none;height:auto;grid-column:1/-1;order:-1;margin-bottom:28px}
  body.hbpn .hbpn-watch img{height:calc(min(296px,76vw) * var(--fr,.748))}
  body.hbpn .hbpn-watch.hbpn-ohne-frei{height:auto;width:min(296px,76vw);margin-left:auto;margin-right:auto}
  body.hbpn .hbpn-watch.hbpn-ohne-frei img{height:auto}
  body.hbpn .hbpn-stage .hbpn-note{position:static;transform:none;grid-column:1/-1;order:10;white-space:normal;text-align:center;margin:24px auto 0;font-size:12px}
  body.hbpn .hbpn-stage .hbpn-sp{position:relative;inset:auto;padding:22px 0 20px 18px;min-height:96px}
  body.hbpn .hbpn-stage .hbpn-sp .hbpn-h{left:0;top:12px;width:70%;transform-origin:0 50%}
  body.hbpn .hbpn-stage .hbpn-sp .hbpn-v{left:10px;top:0;height:70%;transform-origin:50% 0}
  body.hbpn .hbpn-stage .hbpn-sp .hbpn-t,body.hbpn .hbpn-stage .hbpn-sp.hbpn-tl .hbpn-t,body.hbpn .hbpn-stage .hbpn-sp.hbpn-bl .hbpn-t,body.hbpn .hbpn-stage .hbpn-sp.hbpn-br .hbpn-t{position:relative;left:auto;right:auto;top:auto;bottom:auto;text-align:left;white-space:normal;padding-top:6px}
  body.hbpn .hbpn-stage .hbpn-sp .hbpn-t .hbpn-val{font-size:clamp(18px,5.4vw,24px);white-space:normal;overflow-wrap:anywhere}
  body.hbpn .hbpn-specs{padding:64px 0 48px}
  body.hbpn .hbpn-tabs{display:none}
  body.hbpn .hbpn-tabwrap{width:auto;margin:24px 0 0}
  body.hbpn .hbpn-macc{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;min-height:0;padding:16px 0;border:0;border-top:1px solid var(--hbpn-line-soft);border-radius:0;background:none;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hbpn-navy);text-align:left;line-height:1.3}
  body.hbpn .hbpn-macc::after{content:"+";font-size:20px;font-weight:400;letter-spacing:0}
  body.hbpn .hbpn-macc[aria-expanded=true]::after{content:"–"}
  body.hbpn .hbpn-panel,body.hbpn .hbpn-panel.hbpn-on{display:none;width:auto;min-width:0;padding:2px 0 18px}
  body.hbpn .hbpn-panel.hbpn-m-open{display:block}
  body.hbpn .hbpn-tabwrap > .hbpn-panel:last-child{border-bottom:1px solid var(--hbpn-line-soft)}
  body.hbpn .hbpn-td{grid-template-columns:1fr;gap:20px}
  body.hbpn .hbpn-td dl div{padding:11px 0}
  body.hbpn .hbpn-dl{grid-template-columns:1fr}
  body.hbpn .hbpn-dl div{padding:11px 0}
  body.hbpn .hbpn-man{flex-wrap:wrap;gap:14px;padding:18px}
  body.hbpn .hbpn-man-a{width:100%;justify-content:center}
  body.hbpn .hbpn-svc{grid-template-columns:1fr}
  body.hbpn .hbpn-service{padding:0 0 56px}
  body.hbpn .hbpn-coll{padding-top:48px;padding-bottom:48px}
  body.hbpn .hbpn-about{padding:48px 0}
  body.hbpn .hbp-faq{padding:48px 0 24px}
}
@media (max-width:420px){ body.hbpn .hbpn-vtile{flex-basis:23%} }
@media (prefers-reduced-motion:reduce){ body.hbpn .hbpn-galerie *,body.hbpn .hbpn-stage *{transition:none!important;animation:none!important} }

/* V2 28.10. (Angela + Sabine): Kaufbereich wie V19 – ohne Mengenfeld, beide Knöpfe gleich groß, Zahlarten in einer Reihe */
body.hbpn .product-info form.cart .quantity{display:none!important}
body.hbpn .product-info form.cart .single_add_to_cart_button{flex:1 1 100%!important;width:100%!important}
body.hbpn .product-info form.cart .single_add_to_cart_button,body.hbpn .product-info form.cart .hbp-express{box-sizing:border-box!important;height:54px!important;min-height:54px!important}
body.hbpn .product-info .hbpn-pay{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:6px}
body.hbpn .product-info .hbpn-pay .hbp-pay-label{flex:0 0 auto;width:auto!important;margin:0 4px 0 0!important;white-space:nowrap;line-height:1}
body.hbpn .product-info .hbpn-pay .hbp-pay-badge{flex:0 0 auto;white-space:nowrap;margin:0!important;line-height:1.3;font-size:11.5px!important;font-weight:600!important;color:var(--hbpn-navy)!important;border:1px solid var(--hbpn-line)!important;border-radius:6px!important;padding:4px 8px!important;background:#fff!important}
body.hbpn .product-info .hbpn-pay .hbp-pay-label{font-size:12px!important;color:var(--hbpn-muted)!important}
/* beide Knöpfe gleiche Schrift wie V19 (.btn): 14px, fett, Großbuchstaben */
body.hbpn .product-info form.cart .single_add_to_cart_button,body.hbpn .product-info form.cart .hbp-express{font-size:14px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important}
/* V2 28.10.: Fotos (Handgelenk, Ambiente) füllen ihr Feld randlos wie V19; Freisteller, Seite, Rückseite, Etui bleiben eingepasst */
@media (min-width:901px){
  body.hbpn .hbpn-galerie .hbpn-g-item.hbpn-art-hand img,body.hbpn .hbpn-galerie .hbpn-g-item.hbpn-art-ambiente img{object-fit:cover!important;object-position:center}
}
@media (max-width:900px){
  body.hbpn .product-info .hbpn-pay{flex-wrap:wrap!important;row-gap:6px}
  body.hbpn .product-info .hbpn-pay .hbp-pay-label{flex:0 0 100%}
  body.hbpn .product-info .hbpn-pay .hbp-pay-badge{font-size:10.5px!important;padding:3px 6px!important}
}

/* ---------- V3 28.10. (Angela, Cap Camarat): Optik-Korrekturen ---------- */
/* Galerie wie herbelin.com: Hauptbild + 2 Spalten, Bilder füllen die Kacheln (beschnitten, nie verzerrt), schmale Fugen; Höhen setzt das Skript (bündig) */
body.hbpn .hbpn-galerie.hbpn-fr .hbpn-g-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
body.hbpn .hbpn-galerie.hbpn-fr .hbpn-g-hero{aspect-ratio:1}
body.hbpn .hbpn-galerie.hbpn-fr .hbpn-g-tile{aspect-ratio:4/5;grid-column:auto}
body.hbpn .hbpn-galerie.hbpn-fr .hbpn-g-tile.hbpn-wide{grid-column:1/-1}
body.hbpn .hbpn-galerie.hbpn-fr .hbpn-g-item.hbpn-fit{aspect-ratio:auto}
body.hbpn .hbpn-galerie.hbpn-fr.hbpn-open .hbpn-g-tile{display:block}
body.hbpn .hbpn-galerie.hbpn-fr .hbpn-g-tile img{object-fit:cover!important;object-position:50% 50%}
body.hbpn .hbpn-galerie.hbpn-fr .hbpn-g-item{border-radius:6px}
/* V3.1 HARTE REGEL: höchstens 3 Bilder – Kacheln in voller Breite übereinander; Seite/Rückseite/Etui ganz zeigen, Fotos füllen */
body.hbpn .hbpn-galerie.hbpn-fr.hbpn-wenig .hbpn-g-grid{grid-template-columns:1fr}
body.hbpn .hbpn-galerie.hbpn-fr.hbpn-wenig .hbpn-g-tile{grid-column:1/-1}
body.hbpn .hbpn-galerie.hbpn-fr.hbpn-wenig .hbpn-art-seite img,body.hbpn .hbpn-galerie.hbpn-fr.hbpn-wenig .hbpn-art-rueck img,body.hbpn .hbpn-galerie.hbpn-fr.hbpn-wenig .hbpn-art-etui img{object-fit:contain!important}
/* Zahlarten wie V19: kleine ruhige Kästchen in einer Reihe */
body.hbpn .product-info .hbpn-pay{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}
body.hbpn .product-info .hbpn-pay .hbp-pay-label{flex:0 0 auto;margin:0 4px 0 0;font-size:12px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--hbpn-muted)}
body.hbpn .product-info .hbpn-pay .hbp-pay-badge{flex:0 0 auto;white-space:nowrap;margin:0;font-size:11.5px;font-weight:600;line-height:1.3;color:var(--hbpn-navy);border:1px solid var(--hbpn-line);border-radius:6px;padding:4px 8px;background:#fff;min-height:0}
/* Buttons wie V19: ohne Mengenwahl (Menge bleibt 1), beide Buttons gleich breit und gleich hoch untereinander */
body.hbpn .product-info form.cart .quantity{display:none!important}
body.hbpn .product-info form.cart{gap:10px}
body.hbpn .product-info form.cart .single_add_to_cart_button,body.hbpn .product-info .hbp-express{flex:1 1 100%!important;width:100%;height:54px!important;margin:0!important;border-radius:999px!important;font-size:14px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.hbpn .product-info .hbp-express{border:1px solid var(--hbpn-navy)!important;color:var(--hbpn-navy)!important;background:transparent!important;transition:background .2s,color .2s}
body.hbpn .product-info .hbp-express:hover{background:var(--hbpn-navy)!important;color:#fff!important}
/* Service & Downloads: FKM-Hinweis ruhig in der Kartenfarbe (Text unverändert), Links untereinander */
body.hbpn .hbpn-svc-c .hbg-tab-fkm{background:transparent!important;border:0!important;border-top:1px solid var(--hbpn-line-soft)!important;padding:14px 0 0!important;margin-top:14px!important}
body.hbpn .hbpn-svc-c .hbg-tab-fkm p:last-child{font-size:0}
body.hbpn .hbpn-svc-c .hbg-tab-fkm a{display:block;margin-top:6px;font-size:13px}
body.hbpn .hbpn-svc-c h4{font-family:var(--hbpn-body)!important}
/* Abstand Kaufbereich → Schmuckreihe klein halten (Teilen-Symbole direkt unter den Akkordeons) */
body.hbpn .product-main{padding-bottom:0}
body.hbpn .product-info .product_meta{margin:0}
body.hbpn .product-info .social-icons{margin-top:10px}
/* Klebe-Leiste beim Scrollen: ebenfalls ohne Mengenwahl (wie V19) */
body.hbpn .sticky-add-to-cart .quantity{display:none!important}
/* Ansicht im Detail: Texte bleiben in der Bühne */
body.hbpn .hbpn-stage .hbpn-sp .hbpn-t{white-space:normal;max-width:22%}
/* Technische Daten: normale Schreibweise wie V19, lange Werte brechen in der Spalte um statt sie zu dehnen */
body.hbpn .hbpn-dl > div{min-width:0}
body.hbpn .hbpn-dl dt,body.hbpn .hbpn-dl dd{text-transform:none!important;letter-spacing:0}
body.hbpn .hbpn-dl dd{min-width:0;overflow-wrap:anywhere}
@media (max-width:600px){
  /* Handy: Überschrift darüber, alle 5 Zahlarten in EINER Reihe (Angela: „Reihe bricht“) */
  body.hbpn .product-info .hbpn-pay{flex-wrap:wrap!important;column-gap:4px!important;row-gap:6px!important}
  body.hbpn .product-info .hbpn-pay .hbp-pay-label{flex:0 0 100%!important;margin:0!important}
  body.hbpn .product-info .hbpn-pay .hbp-pay-badge{flex:1 1 auto!important;text-align:center;font-size:10.5px!important;padding:3px 4px!important;letter-spacing:0!important}
  body.hbpn .product-info form.cart .single_add_to_cart_button,body.hbpn .product-info .hbp-express{height:50px!important;font-size:13px!important}
}
@media (max-width:900px){
  body.hbpn .hbpn-stage .hbpn-sp .hbpn-t{max-width:none}
}

/* V3.3 (Angela 29.10.2026, harte Regel): Hintergrund bei Front, Seite und Rückseite #f6f9fd wie herbelin.com. Seite/Rückseite sind weiß oder durchsichtig → multiply macht Weiß zu #f6f9fd. Front: Freisteller normal; ohne Freisteller bleibt Shop-Grau (sonst Kasten). */
body.hbpn .hbpn-g-hero,body.hbpn .hbpn-g-item.hbpn-art-seite,body.hbpn .hbpn-g-item.hbpn-art-rueck{background:#f6f9fd}
body.hbpn .hbpn-g-hero.hbpn-hero-shop{background:var(--hbpn-shop-grey)}
body.hbpn .hbpn-g-hero.hbpn-hero-frei img{object-fit:contain!important;mix-blend-mode:normal;padding:10%;box-sizing:border-box}
/* V3.4: Link Händlersuche unter den Kauf-Knöpfen */
body.hbpn .product-info form.cart .hbpn-pos{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:10px 0 0;padding:6px 0;font-size:13.5px;letter-spacing:.04em;color:var(--hbpn-navy);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--hbpn-gold)}
body.hbpn .product-info form.cart .hbpn-pos:hover{color:var(--hbpn-navy-deep);text-decoration-color:var(--hbpn-navy)}
body.hbpn .hbpn-pos-i{display:inline-block;width:12px;height:12px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:1.5px solid var(--hbpn-gold);box-sizing:border-box}