/*!
 * SGS 4x4 – Artikelseite (Paket Artikelseite 1.3.0 · 11.10.2026 · Child-Template SGS2026), Gestaltung nach Prototyp 73 („Produktseite“)
 * Lädt nur auf der Artikelseite (layout/header.tpl, PAGE_ARTIKEL). Markup: NOVA + productdetails/details.tpl, tabs.tpl, sgs_ship_fit.tpl.
 * Aufbau: Galerie links (läuft mit) · rechts Kennzeile, Titel + Untertitel, Marken, Preis, Lieferzeit, Menge + Warenkorb, Aktionen, „Ihre Vorteile“
 *         darunter Reiter auf grauer Fläche, Empfehlungen (sgs-ui.css), Hilfe-Block.
 */
body[data-page="1"] #main-wrapper {
    --pd-ink: #161718; --pd-ink2: #3c3f42; --pd-grey: #62666a; --pd-g4: #eff0ee; --pd-g3: #e3e5e2; --pd-line: #e3e5e2;
    --pd-yel: #efc03d; --pd-yel2: #e0ad22; --pd-ok: #2e9b5f;
    --pd-fh: Poppins, "Helvetica Neue", Arial, sans-serif; --pd-ft: Raleway, "Helvetica Neue", Arial, sans-serif;
    --pd-ease: cubic-bezier(.22, 1, .36, 1);
    background: #fff;
}
body[data-page="1"] #content-wrapper, body[data-page="1"] #content { background: #fff; }

/* ---- Raster: Galerie | Kaufbereich */
#main-wrapper #product-offer { margin-top: clamp(8px, 1.6vw, 20px); }
@media (min-width: 992px) {
    #main-wrapper #product-offer { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: start; margin-inline: 0; }
    #main-wrapper #product-offer > .product-gallery, #main-wrapper #product-offer > .product-info { flex: none; width: auto; max-width: none; padding: 0; }
    #main-wrapper #product-offer > .product-gallery { position: sticky; top: calc(var(--sgl-stick, 118px) + 16px); }
}

/* ---- Galerie: graue Fläche, Bild multipliziert, runde Merkzettel-/Vergleich-Knöpfe */
#main-wrapper #image_wrapper { position: relative; margin: 0; }
#main-wrapper #image_wrapper .gallery-with-action-main { margin: 0; }
#main-wrapper #image_wrapper .gallery-with-action-main > [class*="col"] { padding: 0; }
#main-wrapper #image_wrapper #gallery_wrapper { padding: 0; border-radius: 12px; background: #fff; overflow: hidden; }   /* 1.1.0: ohne graue Fläche und Innenabstand – Bilder in voller Größe */
#main-wrapper #image_wrapper .product-actions { position: absolute; top: 14px; right: 14px; z-index: 3; display: flex; gap: 8px; }
#main-wrapper #image_wrapper .product-actions .btn {
    display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0 !important; border-radius: 50% !important; clip-path: none !important;
    background: var(--pd-g4) !important; color: var(--pd-ink) !important; box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .35); transition: background-color .25s, transform .25s;
}
#main-wrapper #image_wrapper .product-actions .btn:hover { background: #fff !important; transform: scale(1.06); }
#main-wrapper #image_wrapper .product-actions .btn.on-list, #main-wrapper #image_wrapper .product-actions .btn.active { background: var(--pd-yel) !important; }
#main-wrapper #image_wrapper .product-detail-image-preview-bar { margin-top: 12px; padding: 0; }
#main-wrapper #image_wrapper .product-detail-image-preview-bar .slick-slide, #main-wrapper #image_wrapper #gallery_preview .inner { border-radius: 8px; }
#main-wrapper #image_wrapper #gallery_preview .square { border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px var(--pd-line); overflow: hidden; }
#main-wrapper #image_wrapper #gallery_preview .slick-current .square { box-shadow: inset 0 0 0 2px var(--pd-ink); }

/* ---- Kaufbereich */
#main-wrapper .product-info-inner { display: grid; gap: 16px; align-content: start; min-width: 0; }
#main-wrapper .product-info-inner > * { margin: 0; }
#main-wrapper .product-headline { margin: 0; }
#main-wrapper .sgs-pdp-kick { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 10px; font: 700 12px/1.3 var(--pd-ft); letter-spacing: .16em; text-transform: uppercase; color: var(--pd-ink2); }
#main-wrapper .sgs-pdp-kick::before { content: ""; flex: none; width: 28px; height: 3px; border-radius: 2px; background: var(--pd-yel); }
#main-wrapper .sgs-pdp-title { display: grid; gap: 8px; margin: 0; font: inherit; text-transform: none; }
#main-wrapper .sgs-pdp-title__main { font: 600 clamp(24px, 2.6vw, 36px)/1.12 var(--pd-fh); letter-spacing: -.02em; color: var(--pd-ink); overflow-wrap: anywhere; }
#main-wrapper .sgs-pdp-title__sub { font: 500 15px/1.5 var(--pd-ft); color: var(--pd-ink2); }
#main-wrapper .info-essential { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; font: 500 13px/1.4 var(--pd-ft); color: var(--pd-grey); }
#main-wrapper .info-essential strong { font-weight: 600; }
#main-wrapper .rating-wrapper { margin: 0; }
#main-wrapper .sgs-pdp-usp { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
#main-wrapper .sgs-pdp-usp[hidden] { display: none; }
#main-wrapper .sgs-pdp-usp span { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 8px; background: var(--pd-g4); font: 500 13px/1.2 var(--pd-ft); color: var(--pd-ink); }
#main-wrapper .sgs-pdp-usp span.is-y { background: var(--pd-yel); font-weight: 700; }
#main-wrapper .product-info-inner .info-essential + .sgs-pdp-usp { margin-top: -4px; }

/* NOVA-Basis-CSS (inline im Kopf) setzt mit #product-offer 2rem-Abstände und schwarze Linien um die Lieferzeit – hier zurückgenommen */
#main-wrapper #product-offer .product-info ul.info-essential, #main-wrapper #product-offer .product-info .shortdesc, #main-wrapper #product-offer .product-info .product-offer, #main-wrapper #product-offer .product-info .product-offer > .row, #main-wrapper #product-offer .product-info .price_wrapper { margin: 0; }
#main-wrapper #product-offer .product-info .stock-information, #main-wrapper #product-offer .product-info .stock-information.stock-information-p { margin: 0; padding: 0; border: 0; }
#main-wrapper #product-offer .product-info .product-offer { display: grid; gap: 16px; }

/* 1.1.0: Preis, Lieferzeit und Kaufen direkt unter Titel/Marken – das Datenblatt folgt darunter (am Handy sonst erst nach langem Scrollen) */
#main-wrapper .product-info-inner > .shortdesc { order: 5; }

/* Kurzbeschreibung: als Datenblatt (sgs-pdp.js), sonst ruhiger Fließtext */
#main-wrapper .shortdesc { font: 500 14.5px/1.6 var(--pd-ft); color: var(--pd-ink2); }
#main-wrapper .shortdesc p { margin: 0 0 8px; }
#main-wrapper .sgs-pdp-facts { display: grid; margin: 0; border-top: 1px solid var(--pd-line); }
#main-wrapper .sgs-pdp-facts > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--pd-line); }
#main-wrapper .sgs-pdp-facts dt { padding-top: 2px; font: 700 11.5px/1.4 var(--pd-ft); letter-spacing: .08em; text-transform: uppercase; color: var(--pd-grey); }
#main-wrapper .sgs-pdp-facts dd { margin: 0; font: 500 14.5px/1.5 var(--pd-ft); color: var(--pd-ink); overflow-wrap: anywhere; }
#main-wrapper .sgs-pdp-facts__head { margin: 0 0 10px !important; font: 600 15px/1.4 var(--pd-fh); color: var(--pd-ink); }
#main-wrapper .sgs-pdp-note { margin: 10px 0 0 !important; font: 500 13px/1.55 var(--pd-ft); color: var(--pd-grey); }

/* Preis + Lieferzeit */
#main-wrapper .product-offer > .row { margin: 0; row-gap: 12px; }
#main-wrapper .product-offer > .row > [class*="col"] { padding: 0; }
#main-wrapper .product-info .price_wrapper { display: grid; gap: 4px; margin: 0; }
#main-wrapper .product-info .price_wrapper .price { margin: 0; font: 600 clamp(30px, 3vw, 40px)/1 var(--pd-fh) !important; letter-spacing: -.02em; color: var(--pd-ink); }
#main-wrapper .product-info .price_wrapper .price-note { font: 500 12.5px/1.5 var(--pd-ft); color: var(--pd-grey); }
#main-wrapper .product-info .price_wrapper .price-note a { color: var(--pd-grey); text-decoration: underline; text-decoration-color: rgba(22, 23, 24, .3); text-underline-offset: 2px; }
#main-wrapper .product-info .stock-information { margin: 0; }
#main-wrapper .product-info .question-on-item:empty { display: none; }
#main-wrapper .product-info .delivery-status ul { display: grid; gap: 4px; margin: 0; }
#main-wrapper .product-info .delivery-status .status { display: inline-flex; align-items: center; gap: 8px; font: 700 12.5px/1.4 var(--pd-ft); color: #1d6b44; }
#main-wrapper .product-info .delivery-status .status::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--pd-ok); }
#main-wrapper .product-info .delivery-status .status .status-icon { display: none; }
#main-wrapper .product-info .delivery-status .status-1 { color: #8a6400; }
#main-wrapper .product-info .delivery-status .status-1::before { background: #e0a800; }
#main-wrapper .product-info .delivery-status .status-0 { color: var(--pd-grey); }
#main-wrapper .product-info .delivery-status .status-0::before { background: #c9cccd; }
#main-wrapper .product-info .estimated-delivery { padding-left: 16px; font: 500 13px/1.5 var(--pd-ft); color: var(--pd-ink2); }
#main-wrapper .product-info .estimated-delivery.is-weeks span { color: #8a6400; font-weight: 700; }
#main-wrapper .product-info .estimated-delivery-info { color: var(--pd-grey); }

/* Menge + Warenkorb */
#main-wrapper #add-to-cart { margin: 4px 0 0; }
#main-wrapper #add-to-cart .basket-form-inline { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; margin: 0; }
#main-wrapper #add-to-cart .basket-form-inline > [class*="col"] { flex: none; width: auto; max-width: none; margin: 0; padding: 0; }
#main-wrapper #add-to-cart .form-counter {
    display: flex; flex-wrap: nowrap; width: auto; height: 56px; max-height: none; margin: 0; border: 0 !important; border-radius: 10px !important;
    background: var(--pd-g4); box-shadow: none !important; overflow: hidden;
}
#main-wrapper #add-to-cart .form-counter .input-group-prepend, #main-wrapper #add-to-cart .form-counter .input-group-append { display: flex; margin: 0 !important; }
#main-wrapper #add-to-cart .form-counter .btn {
    display: grid; place-items: center; width: 46px; height: 56px; max-height: none; padding: 0; border: 0 !important; border-radius: 0 !important; clip-path: none !important;
    background: transparent !important; color: var(--pd-ink) !important; box-shadow: none !important; font-size: 12px;
}
#main-wrapper #add-to-cart .form-counter .btn:hover { background: var(--pd-g3) !important; }
#main-wrapper #add-to-cart .form-counter .form-control.quantity {
    flex: 0 0 52px; width: 52px; height: 56px; min-height: 0; padding: 0; border: 0 !important; border-radius: 0 !important; background: transparent !important;
    box-shadow: none !important; text-align: center; font: 600 16px var(--pd-fh); color: var(--pd-ink); -moz-appearance: textfield; appearance: textfield;
}
#main-wrapper #add-to-cart .form-counter .form-control.quantity::-webkit-inner-spin-button, #main-wrapper #add-to-cart .form-counter .form-control.quantity::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
#main-wrapper #add-to-cart .form-counter .unit { display: none !important; }
#main-wrapper #add-to-cart .btn-primary.js-cfg-validate, #main-wrapper #add-to-cart button[name="inWarenkorb"]:not(.btn-hidden-default) {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 56px; min-height: 56px; margin: 0; padding: 0 22px;
    border: 0 !important; border-radius: 10px !important; clip-path: none !important; background: var(--pd-yel) !important; color: var(--pd-ink) !important;
    box-shadow: none !important; font: 700 16px/1.2 var(--pd-ft) !important; letter-spacing: 0 !important; text-transform: none !important; transition: background-color .2s ease, transform .2s ease;
}
#main-wrapper #add-to-cart .btn-primary.js-cfg-validate:hover { background: var(--pd-yel2) !important; }
#main-wrapper #add-to-cart .btn-primary.js-cfg-validate:active { transform: scale(.98); }
#main-wrapper #add-to-cart .btn-primary.js-cfg-validate .fa-shopping-cart { display: none; }
#main-wrapper #add-to-cart .purchase-info { margin: 10px 0 0; }
#main-wrapper #add-to-cart > .row { margin: 0; }   /* 1.1.0: Bootstrap-Zeilen ragten 16px über – PayPal war breiter als der Rest */
#main-wrapper #add-to-cart > .row > [class*="col"] { padding: 0; }
#main-wrapper #add-to-cart [id^="paypal-button-productDetails-container"] { margin-top: 10px; padding: 0; }
#main-wrapper #add-to-cart .ppc-ecs-horizontal-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
#main-wrapper #add-to-cart .ppc-ecs-horizontal-container > [class*="col"] { flex: none; width: auto; max-width: none; margin: 0; padding: 0; }
#main-wrapper #add-to-cart .ppc-ecs-horizontal-container > [class*="col"]:only-child { grid-column: 1 / -1; }
#main-wrapper #ppc-productDetails-instalment-banner { display: flex; flex-direction: column; margin: 0 !important; font-size: 0; line-height: 0; }   /* PayPal-Ratenbanner, meist leer – sgs-pdp.js setzt es in #add-to-cart (im Raster erzeugte es zwei Abstände) */   /* PayPal-Ratenbanner: meist leer (iframe 0px), Zeilenhöhe + Rasterabstand ließen eine Lücke */
#main-wrapper #add-to-cart .btn .btn-basket-check span { display: inline !important; }   /* NOVA blendet den Text am Handy aus – Knopf war leer */

/* Aktionen + „Ihre Vorteile“ */
#main-wrapper .sgs-pdp-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
#main-wrapper .sgs-pdp-act {
    display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 10px 16px; border: 0; border-radius: 8px; background: var(--pd-g4);
    font: 700 13px/1.2 var(--pd-ft); color: var(--pd-ink) !important; text-decoration: none !important; cursor: pointer; transition: background-color .25s, color .25s;
}
#main-wrapper .sgs-pdp-act[hidden] { display: none; }
#main-wrapper .sgs-pdp-act:hover { background: var(--pd-ink); color: #fff !important; }
#main-wrapper .sgs-pdp-act svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
#main-wrapper .sgs-pdp-act.is-on { background: var(--pd-yel); color: var(--pd-ink) !important; }
#main-wrapper .sgs-pdp-act.is-on svg { fill: var(--pd-ink); }
/* Frage-Karte (1.3.0): dunkel, lädt zum Fragen ein – Themen-Knöpfe öffnen die Frage-Leiste mit Vorlage */
#main-wrapper .sgs-pdp-ask { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px 14px; padding: 20px 22px; border-radius: 12px; background: var(--pd-ink); color: #fff; }
#main-wrapper .sgs-pdp-ask__ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--pd-yel); animation: sgsAskPulse 2.6s ease-out 1.2s 3; }
#main-wrapper .sgs-pdp-ask__ico svg { width: 22px; height: 22px; fill: none; stroke: var(--pd-ink); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
@keyframes sgsAskPulse { 0% { box-shadow: 0 0 0 0 rgba(239, 192, 61, .55); } 70%, 100% { box-shadow: 0 0 0 14px rgba(239, 192, 61, 0); } }
@media (prefers-reduced-motion: reduce) { #main-wrapper .sgs-pdp-ask__ico { animation: none; } }
#main-wrapper .sgs-pdp-ask__tx { display: grid; gap: 4px; align-content: center; }
#main-wrapper .sgs-pdp-ask__h { margin: 0; font: 600 18px/1.25 var(--pd-fh); letter-spacing: -.01em; color: #fff; }
#main-wrapper .sgs-pdp-ask__p { margin: 0; font: 500 14px/1.55 var(--pd-ft); color: rgba(255, 255, 255, .72); }
#main-wrapper .sgs-pdp-ask__chips, #main-wrapper .sgs-pdp-ask__btns { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
#main-wrapper .sgs-pdp-ask__chips button {
    display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 7px 14px; border: 1.5px solid rgba(255, 255, 255, .22); border-radius: 999px; background: transparent;
    font: 600 13px/1.2 var(--pd-ft); color: #fff; cursor: pointer; transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
#main-wrapper .sgs-pdp-ask__chips button::before { content: "+"; font-weight: 700; color: var(--pd-yel); }
#main-wrapper .sgs-pdp-ask__chips button:hover { border-color: var(--pd-yel); background: var(--pd-yel); color: var(--pd-ink); }
#main-wrapper .sgs-pdp-ask__chips button:hover::before { color: var(--pd-ink); }
#main-wrapper .sgs-pdp-ask__cta, #main-wrapper .sgs-pdp-ask__tel { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 20px; border-radius: 10px; font: 700 14.5px/1.2 var(--pd-ft); text-decoration: none !important; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
#main-wrapper .sgs-pdp-ask__cta { border: 0; background: var(--pd-yel); color: var(--pd-ink) !important; }
#main-wrapper .sgs-pdp-ask__cta::after { content: "→"; font-weight: 700; transition: transform .2s ease; }
#main-wrapper .sgs-pdp-ask__cta:hover { background: var(--pd-yel2); }
#main-wrapper .sgs-pdp-ask__cta:hover::after { transform: translateX(3px); }
#main-wrapper .sgs-pdp-ask__tel { border: 1.5px solid rgba(255, 255, 255, .22); background: transparent; color: #fff !important; }
#main-wrapper .sgs-pdp-ask__tel:hover { border-color: #fff; }
@media (max-width: 575.98px) {
    #main-wrapper .sgs-pdp-ask { grid-template-columns: 40px minmax(0, 1fr); padding: 18px; }
    #main-wrapper .sgs-pdp-ask__ico { width: 40px; height: 40px; }
    #main-wrapper .sgs-pdp-ask__cta, #main-wrapper .sgs-pdp-ask__tel { flex: 1 1 100%; }
}
#main-wrapper .sgs-pdp-trust { display: grid; gap: 10px; margin: 0; padding: 18px 20px; border-radius: 10px; background: var(--pd-g4); }
#main-wrapper .sgs-pdp-trust b { font: 600 15px/1.3 var(--pd-fh); color: var(--pd-ink); }
#main-wrapper .sgs-pdp-trust ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; font: 500 13.5px/1.45 var(--pd-ft); color: var(--pd-ink2); }
#main-wrapper .sgs-pdp-trust li { display: flex; align-items: baseline; gap: 10px; }
#main-wrapper .sgs-pdp-trust li i { transform: translateY(-1px); }
#main-wrapper .sgs-pdp-trust li a { color: var(--pd-ink); font-weight: 700; text-decoration: none; }
#main-wrapper .sgs-pdp-trust i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--pd-yel); }
#main-wrapper .sgs-pdp-trust i.is-g { background: var(--pd-ok); }

/* ---- Reiter auf grauer Fläche (volle Breite), Inhalt als weiße Karte */
#main-wrapper #result-wrapper > .container:has(.tab-navigation), #main-wrapper .container:has(> .tab-navigation), #main-wrapper .container:has(> #tabAccordion) {
    margin-top: clamp(36px, 5vw, 72px); padding-block: clamp(36px, 5vw, 64px); background: var(--pd-g4); box-shadow: 0 0 0 100vmax var(--pd-g4); clip-path: inset(0 -100vmax);
}
#main-wrapper .tab-navigation { position: relative; margin: 0; }
#main-wrapper .tab-navigation .nav-tabs { flex-wrap: nowrap; gap: 8px; margin: 0 0 22px; padding: 0; border: 0; overflow-x: auto; scrollbar-width: none; }   /* schmal: seitlich wischen */
#main-wrapper .tab-navigation .nav-tabs::-webkit-scrollbar { display: none; }
#main-wrapper .tab-navigation .nav-tabs .nav-item { margin: 0; }
#main-wrapper .tab-navigation .nav-tabs .nav-link {
    margin: 0; padding: 11px 20px; border: 0 !important; border-radius: 8px; background: #fff; font: 700 14px/1.2 var(--pd-ft); letter-spacing: 0; text-transform: none;
    color: var(--pd-ink); white-space: nowrap; transition: background-color .25s, color .25s;
}
#main-wrapper .tab-navigation .nav-tabs .nav-link::after, #main-wrapper .tab-navigation .nav-tabs .nav-link::before { display: none !important; }
#main-wrapper .tab-navigation .nav-tabs .nav-link:hover { background: #e3e5e2; }
#main-wrapper .tab-navigation .nav-tabs .nav-link.active { background: var(--pd-ink); color: #fff; }
#main-wrapper .tab-navigation .tab-drop .nav-link { padding-inline: 12px; }
#main-wrapper .tab-navigation .tab-drop .dropdown-menu { padding: 6px; border: 0; border-radius: 10px; box-shadow: 0 24px 50px -16px rgba(0, 0, 0, .35); }
#main-wrapper .tab-navigation .tab-content { padding: clamp(20px, 3vw, 36px); border: 0; border-radius: 12px; background: #fff; }
#main-wrapper .tab-navigation .tab-content .desc { display: grid; gap: 14px; max-width: 76ch; font: 500 16px/1.7 var(--pd-ft); color: var(--pd-ink2); }
#main-wrapper .tab-navigation .tab-content .desc > p:empty { display: none; }
#main-wrapper .tab-navigation .tab-content .desc h2 { margin: 14px 0 0; font: 600 clamp(22px, 2.2vw, 30px)/1.15 var(--pd-fh); letter-spacing: -.02em; text-transform: none; color: var(--pd-ink); }
#main-wrapper .tab-navigation .tab-content .desc h2:first-child, #main-wrapper .tab-navigation .tab-content .desc > p:empty + h2 { margin-top: 0; }
#main-wrapper .tab-navigation .tab-content .desc h3 { margin: 8px 0 0; font: 600 19px/1.25 var(--pd-fh); text-transform: none; color: var(--pd-ink); }
#main-wrapper .tab-navigation .tab-content .desc ul, #main-wrapper .tab-navigation .tab-content .desc ol { display: grid; gap: 8px; margin: 0; padding-left: 22px; }
#main-wrapper .tab-navigation .tab-content .desc p { margin: 0; }
#main-wrapper .tab-navigation .tab-content .desc strong { color: var(--pd-ink); }

/* Merkmal-Tabelle als Datenzeilen, Werte als Marken */
#main-wrapper .product-attributes { max-width: 820px; }
#main-wrapper .product-attributes table { margin: 0; border: 0 !important; background: none; }
#main-wrapper .product-attributes table tbody tr { background: none !important; }
#main-wrapper .product-attributes table td { padding: 12px 0; border: 0 !important; border-bottom: 1px solid var(--pd-line) !important; background: none !important; vertical-align: top; font: 500 14.5px/1.5 var(--pd-ft); color: var(--pd-ink); }
#main-wrapper .product-attributes table tbody tr:first-child td { border-top: 1px solid var(--pd-line) !important; }
#main-wrapper .product-attributes table td.h6 { width: 190px; padding-top: 14px; padding-right: 16px; font: 700 12px/1.4 var(--pd-ft); letter-spacing: .08em; text-transform: uppercase; color: var(--pd-grey); }
#main-wrapper .product-attributes .badge {
    display: inline-flex; margin: 0 6px 6px 0; padding: 7px 12px; border: 0; border-radius: 8px; background: var(--pd-g4); font: 500 13px/1.2 var(--pd-ft);
    color: var(--pd-ink) !important; text-decoration: none !important; clip-path: none !important; transition: background-color .25s, color .25s;
}
#main-wrapper .product-attributes .badge:hover { background: var(--pd-ink); color: #fff !important; }

/* „Versand & Montage“ */
#main-wrapper .sgs-pdp-shipfit { display: grid; gap: 12px; max-width: 76ch; font: 500 16px/1.7 var(--pd-ft); color: var(--pd-ink2); }
#main-wrapper .sgs-pdp-shipfit p { margin: 0; }
#main-wrapper .sgs-pdp-shipfit strong { color: var(--pd-ink); }
#main-wrapper .tab-content .sgs-pdp-shipfit__h { display: none; }
#main-wrapper .sgs-pdp-shipfit__h { font: 600 19px/1.25 var(--pd-fh); color: var(--pd-ink); }
#main-wrapper .sgs-pdp-shipfit__links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px !important; }
#main-wrapper .sgs-pdp-shipfit__links a { padding: 9px 16px; border-radius: 8px; background: var(--pd-g4); font: 600 13.5px var(--pd-ft); color: var(--pd-ink); text-decoration: none; transition: background-color .25s, color .25s; }
#main-wrapper .sgs-pdp-shipfit__links a:hover { background: var(--pd-ink); color: #fff; }
#main-wrapper .sgs-pdp-shipfit-m { margin-top: 16px; }   /* Handy: unter dem Akkordeon */
#main-wrapper .sgs-pdp-shipfit-m .sgs-pdp-shipfit { padding: 18px 20px; border-radius: 12px; background: var(--pd-g4); font-size: 15px; }
#main-wrapper .sgs-pdp-shipfit-m .sgs-pdp-shipfit__links a { background: #fff; }

/* Handy: NOVA-Akkordeon als weiße Karten (1.2.0: unabhängig, offener Titel bleibt stehen, Weiterlesen – sgs-pdp.js mobileTabs) */
#main-wrapper .container:has(> #tabAccordion) { margin-top: 32px; padding-block: 24px 28px; }
#main-wrapper #tabAccordion { margin: 0; }
#main-wrapper #tabAccordion .card { margin-bottom: 10px; border: 0; border-radius: 12px; background: #fff; overflow: hidden; overflow: clip; }   /* clip: sonst bleibt der Titel nicht stehen */
#main-wrapper #tabAccordion .card:last-child { margin-bottom: 0; }
#main-wrapper #tabAccordion .card-header { padding: 17px 18px; border: 0; border-radius: 0; background: #fff; font: 600 16px/1.3 var(--pd-fh); color: var(--pd-ink); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: box-shadow .2s ease; }
#main-wrapper #tabAccordion .card-header[aria-expanded="true"] { position: sticky; top: var(--sgs-acc-top, 0px); z-index: 3; box-shadow: 0 1px 0 var(--pd-line); }
#main-wrapper #tabAccordion .card-body { padding: 16px 18px 20px; font: 500 15px/1.65 var(--pd-ft); color: var(--pd-ink2); }
#main-wrapper #tabAccordion .card-body > .product-attributes:first-child, #main-wrapper #tabAccordion .card-body > .sgs-pdp-shipfit:first-child { margin-top: 0; }
#main-wrapper #tabAccordion .sgs-pdp-shipfit { font-size: 15px; }
#main-wrapper #tabAccordion .sgs-pdp-shipfit__h { display: none; }
#main-wrapper #tabAccordion .card-body > .desc, #main-wrapper #tabAccordion .card-body > :last-child { margin-bottom: 0; }
#main-wrapper #tabAccordion .desc.is-clamped { max-height: 380px; overflow: hidden; -webkit-mask-image: linear-gradient(#000 calc(100% - 110px), transparent); mask-image: linear-gradient(#000 calc(100% - 110px), transparent); }
#main-wrapper .sgs-acc-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; padding: 10px 16px; border: 0; border-radius: 8px; background: var(--pd-g4); font: 700 14px/1.2 var(--pd-ft); color: var(--pd-ink); cursor: pointer; }
#main-wrapper .sgs-acc-more::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; }
#main-wrapper .sgs-acc-more[aria-expanded="true"]::after { transform: translateY(2px) rotate(-135deg); }
#main-wrapper #tabAccordion .desc h2 { font: 600 20px/1.2 var(--pd-fh); text-transform: none; color: var(--pd-ink); }
#main-wrapper #tabAccordion .desc h3 { font: 600 17px/1.25 var(--pd-fh); text-transform: none; color: var(--pd-ink); }

/* ---- Hilfe-Block */
#main-wrapper .sgs-pdp-help-wrap { margin-block: clamp(40px, 4.4vw, 56px) 8px; }   /* unten + 48px Innenabstand von #content = oben */
#main-wrapper .sgs-pdp-help { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; padding: clamp(22px, 2.6vw, 32px); border-radius: 12px; background: var(--pd-ink); color: #fff; }
#main-wrapper .sgs-pdp-help > div:first-child { flex: 1 1 380px; }
#main-wrapper .sgs-pdp-help__h { margin: 0 0 6px; font: 600 24px/1.2 var(--pd-fh); color: #fff; }
#main-wrapper .sgs-pdp-help__p { max-width: 64ch; margin: 0; font: 500 14px/1.6 var(--pd-ft); color: #d6d8d9; }
#main-wrapper .sgs-pdp-help__btns { display: flex; flex-wrap: wrap; gap: 10px; }
#main-wrapper .sgs-pdp-help__cta { display: inline-flex; align-items: center; min-height: 46px; padding: 10px 20px; border-radius: 8px; background: var(--pd-yel); font: 700 14px var(--pd-ft); color: var(--pd-ink) !important; text-decoration: none !important; transition: background-color .2s, color .2s, box-shadow .2s; }
#main-wrapper .sgs-pdp-help__cta:hover { background: var(--pd-yel2); }
#main-wrapper .sgs-pdp-help__cta.is-ghost { background: transparent; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .45); color: #fff !important; }
#main-wrapper .sgs-pdp-help__cta.is-ghost:hover { background: #fff; color: var(--pd-ink) !important; box-shadow: none; }

/* ---- Handy */
@media (max-width: 991.98px) {
    #main-wrapper #product-offer > .product-gallery { margin-bottom: 20px; }
}
@media (max-width: 399.98px) {
    #main-wrapper .sgs-pdp-facts > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}
@media (max-width: 575.98px) {
    #main-wrapper .sgs-pdp-facts > div { grid-template-columns: 136px minmax(0, 1fr); gap: 10px; }
    #main-wrapper .sgs-pdp-facts dt { font-size: 11px; letter-spacing: .05em; }
    #main-wrapper #add-to-cart .basket-form-inline { grid-template-columns: 124px minmax(0, 1fr); gap: 8px; }
    #main-wrapper #add-to-cart .form-counter .btn { width: 38px; }
    #main-wrapper #add-to-cart .form-counter .form-control.quantity { flex: 1 1 auto; width: auto; min-width: 0; }
    #main-wrapper #add-to-cart .btn-primary.js-cfg-validate { padding: 0 14px; font-size: 15px !important; }
    #main-wrapper .sgs-pdp-act { flex: 1 1 auto; justify-content: center; }
    #main-wrapper .sgs-pdp-help__btns, #main-wrapper .sgs-pdp-help__cta { width: 100%; justify-content: center; }
}

/* ================================================================== 1.1.0 (11.10.2026) */
/* ---- Lieferzeit als Karte (sgs-pdp.js): Lkw-Symbol, „Lieferzeit 2–3 Werktage“, darunter Status + Hinweis Ausland */
#main-wrapper .product-info .delivery-status.is-sgs > ul { display: none; }
#main-wrapper .sgs-pdp-dlv { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 2px 12px; align-items: center; padding: 12px 16px 12px 12px; border-radius: 12px; background: var(--pd-g4); }
#main-wrapper .sgs-pdp-dlv__ico { grid-row: 1 / span 2; width: 42px; height: 42px; border-radius: 50%; background: #fff center / 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161718' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v10h-11zM13.5 9.5h4.2l3.3 3.3v3.7h-7.5'/%3E%3Ccircle cx='6.5' cy='17.5' r='1.9' fill='%23fff'/%3E%3Ccircle cx='17' cy='17.5' r='1.9' fill='%23fff'/%3E%3C/svg%3E"); }
#main-wrapper .sgs-pdp-dlv b { font: 700 15px/1.3 var(--pd-ft); color: var(--pd-ink); }
#main-wrapper .sgs-pdp-dlv small { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; font: 600 12.5px/1.4 var(--pd-ft); color: #1d6b44; }
#main-wrapper .sgs-pdp-dlv small i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--pd-ok); }
#main-wrapper .sgs-pdp-dlv small a { font-weight: 500; color: var(--pd-grey) !important; text-decoration: underline; text-decoration-color: rgba(22, 23, 24, .3); text-underline-offset: 2px; cursor: pointer; }
#main-wrapper .sgs-pdp-dlv.is-warn small { color: #8a6400; }
#main-wrapper .sgs-pdp-dlv.is-warn small i { background: #e0a800; }
#main-wrapper .sgs-pdp-dlv.is-no small { color: var(--pd-grey); }
#main-wrapper .sgs-pdp-dlv.is-no small i { background: #c9cccd; }
#main-wrapper .product-info .price_wrapper .price-note { margin-top: 2px; }

/* ---- Technische Daten als Kacheln (sgs-pdp.js); Tabelle bleibt als Rückfall */
#main-wrapper .product-attributes.is-tiles table { display: none; }
#main-wrapper .product-attributes.is-tiles { max-width: none; }
#main-wrapper .sgs-pdp-specs { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
#main-wrapper .sgs-pdp-specs li { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 16px 18px; border-radius: 10px; background: var(--pd-g4); }
#main-wrapper .sgs-pdp-specs li.is-wide { grid-column: span 2; }
#main-wrapper .sgs-pdp-specs span { font: 700 11px/1.3 var(--pd-ft); letter-spacing: .1em; text-transform: uppercase; color: var(--pd-grey); }
#main-wrapper .sgs-pdp-specs b { font: 600 17px/1.35 var(--pd-fh); color: var(--pd-ink); overflow-wrap: anywhere; }
#main-wrapper .sgs-pdp-specs b a { color: inherit !important; text-decoration: none !important; }
#main-wrapper .sgs-pdp-specs b a:hover { text-decoration: underline !important; text-decoration-color: var(--pd-yel) !important; text-decoration-thickness: 2px !important; text-underline-offset: 3px; }

/* ---- Bewertungen */
#main-wrapper #tab-votes .reviews, #main-wrapper #tabAccordion .reviews { display: grid; gap: 16px; }
#main-wrapper .reviews #reviews-overview { margin: 0; }
#main-wrapper .reviews #reviews-overview > [class*="col"] { flex: 0 0 100%; max-width: 100%; padding: 0; }
#main-wrapper .reviews.is-empty > p { display: none; }
#main-wrapper .sgs-pdp-rev-empty { display: grid; justify-items: start; gap: 10px; }
#main-wrapper .sgs-pdp-stars { display: flex; gap: 4px; }
#main-wrapper .sgs-pdp-stars i { width: 24px; height: 24px; background: #d9dbd8; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.8l2.8 5.9 6.4.8-4.7 4.4 1.2 6.4L12 17.2l-5.7 3.1 1.2-6.4-4.7-4.4 6.4-.8z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.8l2.8 5.9 6.4.8-4.7 4.4 1.2 6.4L12 17.2l-5.7 3.1 1.2-6.4-4.7-4.4 6.4-.8z'/%3E%3C/svg%3E") center / contain no-repeat; }
#main-wrapper .sgs-pdp-rev-empty__h { margin: 4px 0 0; font: 600 20px/1.25 var(--pd-fh); color: var(--pd-ink); }
#main-wrapper .reviews .subheadline { margin: 0 0 14px; font: 500 15px/1.6 var(--pd-ft); color: var(--pd-ink2); }
#main-wrapper .reviews button[name="bewerten"], #main-wrapper .reviews .btn-outline-primary {
    display: inline-flex; align-items: center; min-height: 48px; padding: 12px 22px; border: 0 !important; border-radius: 10px !important; clip-path: none !important;
    background: var(--pd-yel) !important; box-shadow: none !important; font: 700 15px/1.2 var(--pd-ft) !important; color: var(--pd-ink) !important; text-transform: none !important;
}
#main-wrapper .reviews button[name="bewerten"]::before, #main-wrapper .reviews button[name="bewerten"]::after { display: none !important; }
#main-wrapper .reviews button[name="bewerten"]:hover { background: var(--pd-yel2) !important; }
#main-wrapper .reviews .progress { height: 8px; border-radius: 99px; background: var(--pd-g4); }
#main-wrapper .reviews .progress-bar { background: var(--pd-yel); }
#main-wrapper .reviews .review, #main-wrapper .reviews .review-comment { border-radius: 10px; }

/* ---- Montageanleitung / PDF: Karte mit „Ansehen“ (Vorschau im Reiter) und „Herunterladen“ */
#main-wrapper .mediafiles.is-sgs { display: grid; gap: 14px; column-count: auto; }
#main-wrapper .mediafiles.is-sgs > .mediafiles-pdf { display: none; }
#main-wrapper .sgs-pdf { display: grid; gap: 12px; }
#main-wrapper .sgs-pdf__head { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; padding: 16px 18px; border-radius: 12px; background: var(--pd-g4); }
#main-wrapper .sgs-pdf__icon { flex: none; display: grid; place-items: end center; width: 42px; height: 52px; padding-bottom: 7px; border-radius: 6px 14px 6px 6px; background: #c62828; font: 700 11px/1 var(--pd-ft); letter-spacing: .04em; color: #fff; }
#main-wrapper .sgs-pdf__meta { flex: 1 1 220px; display: grid; gap: 2px; min-width: 0; }
#main-wrapper .sgs-pdf__meta b { font: 600 16px/1.3 var(--pd-fh); color: var(--pd-ink); }
#main-wrapper .sgs-pdf__meta small { font: 500 13px/1.4 var(--pd-ft); color: var(--pd-grey); }
#main-wrapper .sgs-pdf__btns { display: flex; flex-wrap: wrap; gap: 8px; }
#main-wrapper .sgs-pdf__btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 8px; background: var(--pd-ink); font: 700 14px/1.2 var(--pd-ft); color: #fff !important; text-decoration: none !important; cursor: pointer; transition: background-color .2s, color .2s; }
#main-wrapper .sgs-pdf__btn:hover { background: #000; }
#main-wrapper .sgs-pdf__btn.is-yel { background: var(--pd-yel); color: var(--pd-ink) !important; }
#main-wrapper .sgs-pdf__btn.is-yel:hover { background: var(--pd-yel2); }
#main-wrapper .sgs-pdf__btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#main-wrapper .sgs-pdf__view { display: block; width: 100%; height: min(78vh, 900px); border: 0; border-radius: 12px; background: var(--pd-g4); }
#main-wrapper .sgs-pdf__view[hidden] { display: none; }

/* ---- „Frage zum Artikel“ als Leiste von rechts (1.2.0): dunkler Kopf, Artikelkarte, 1 · Frage mit Themen, 2 · Kontaktdaten, Abschicken unten fest.
   Formular, Feldnamen und Prüfung bleiben NOVA/Agentur; Umbau in sgs-pdp.js (questionCard). */
body[data-page="1"] .modal[id^="question-popup-"] { padding: 0 !important; }
body[data-page="1"] .modal[id^="question-popup-"] .modal-dialog { position: fixed; top: 0; right: 0; bottom: 0; width: min(520px, 100vw); max-width: none; height: 100%; margin: 0; transform: translateX(100%) !important; transition: transform .45s cubic-bezier(.22, 1, .36, 1) !important; }
body[data-page="1"] .modal[id^="question-popup-"].show .modal-dialog { transform: none !important; }
body[data-page="1"] .modal[id^="question-popup-"] .modal-content { display: flex; flex-direction: column; height: 100%; padding: 0; border: 0; border-radius: 0; background: #fff; box-shadow: -30px 0 60px -30px rgba(0, 0, 0, .45); overflow-y: auto; overscroll-behavior: contain; }
body[data-page="1"] .modal[id^="question-popup-"] .modal-header { position: sticky; top: 0; z-index: 20; flex: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; border: 0; border-radius: 0; background: #161718 !important; color: #fff; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-htx { display: grid; gap: 4px; min-width: 0; }
body[data-page="1"] .modal[id^="question-popup-"] .modal-title { display: flex; align-items: center; gap: 10px; margin: 0; font: 600 20px/1.2 Poppins, "Helvetica Neue", Arial, sans-serif; letter-spacing: -.01em; text-transform: none; color: #fff; }
body[data-page="1"] .modal[id^="question-popup-"] .modal-title::before { content: ""; flex: none; width: 22px; height: 3px; border-radius: 2px; background: #efc03d; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-sub { font: 500 13px/1.4 Raleway, sans-serif; color: rgba(255, 255, 255, .66); }
body[data-page="1"] .modal[id^="question-popup-"] .modal-header .close {
    position: static !important; flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin: 0 !important; padding: 0; border: 0; border-radius: 50% !important;
    background: rgba(255, 255, 255, .1) !important; box-shadow: none !important; opacity: 1; text-shadow: none; transform: none !important; font: 400 24px/1 Raleway, sans-serif; color: #fff !important;
    transition: background-color .2s ease, color .2s ease;
}
body[data-page="1"] .modal[id^="question-popup-"] .modal-header .close:hover, body[data-page="1"] .modal[id^="question-popup-"] .modal-header .close:focus-visible { background: #efc03d !important; color: #161718 !important; }
body[data-page="1"] .modal[id^="question-popup-"] .modal-body { flex: 1 0 auto; display: flex; flex-direction: column; padding: 20px 24px 0; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-prod { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; align-items: center; margin: 0 0 24px; padding: 12px; border-radius: 12px; background: #eff0ee; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-prod img { width: 64px; height: 64px; padding: 4px; border-radius: 8px; background: #fff; object-fit: contain; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-prod b { display: block; font: 600 14.5px/1.35 Poppins, "Helvetica Neue", Arial, sans-serif; color: #161718; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-prod small { display: block; margin-top: 2px; font: 500 12.5px/1.4 Raleway, sans-serif; color: #62666a; }
body[data-page="1"] .modal[id^="question-popup-"] form.sgs-qa-form { flex: 1 0 auto; display: flex; flex-direction: column; }
body[data-page="1"] .modal[id^="question-popup-"] fieldset { min-width: 0; margin: 0 0 24px; padding: 0; border: 0; }
body[data-page="1"] .modal[id^="question-popup-"] legend { display: flex; align-items: center; gap: 10px; float: none; width: auto; margin: 0 0 14px; padding: 0; border: 0; font: 600 17px/1.3 Poppins, "Helvetica Neue", Arial, sans-serif; text-transform: none; color: #161718; }
body[data-page="1"] .modal[id^="question-popup-"] legend[data-step]::before { content: attr(data-step); flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #161718; font: 700 13px/1 Raleway, sans-serif; color: #efc03d; }
/* Themen-Knöpfe über dem Fragefeld */
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-topics { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-chip {
    display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 7px 14px; border: 1.5px solid #e3e5e2; border-radius: 999px; background: #fff;
    font: 600 13px/1.2 Raleway, sans-serif; color: #161718; cursor: pointer; transition: border-color .2s ease, background-color .2s ease;
}
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-chip::before { content: "+"; font-weight: 700; color: #62666a; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-chip:hover { border-color: #161718; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-chip.is-on { border-color: #efc03d; background: #fbf3d9; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-chip.is-on::before { content: "✓"; color: #161718; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-hint { display: flex; gap: 10px; margin: 0; padding: 12px 14px; border-radius: 10px; background: #eff0ee; font: 500 13px/1.5 Raleway, sans-serif; color: #3c3f42; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-hint::before { content: ""; flex: none; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; background: #161718 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efc03d' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 11v6'/%3E%3Cpath d='M12 7.2h.01' stroke-width='3.2'/%3E%3C/svg%3E") center / 12px no-repeat; }
/* Felder wie im übrigen Shop (schwebende Beschriftung) */
body[data-page="1"] .modal[id^="question-popup-"] .row > [class*="col"] { flex: 0 0 100%; max-width: 100%; }
body[data-page="1"] .modal[id^="question-popup-"] .row > [class*="col"]:has(#firstName), body[data-page="1"] .modal[id^="question-popup-"] .row > [class*="col"]:has(#lastName) { flex: 0 0 50%; max-width: 50%; }
body[data-page="1"] .modal[id^="question-popup-"] .w-100-util { display: none; }
body[data-page="1"] .modal[id^="question-popup-"] .form-group { margin-bottom: 14px; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-q .form-group { margin-bottom: 10px; }
body[data-page="1"] .modal[id^="question-popup-"] .form-control { min-height: 50px; border: 1.5px solid #d9dcd8 !important; border-radius: 8px !important; background-color: #fff; box-shadow: none !important; font: 500 15px Raleway, sans-serif; color: #161718; transition: border-color .2s ease, box-shadow .2s ease; }
body[data-page="1"] .modal[id^="question-popup-"] .form-control:hover { border-color: #b9bcb8 !important; }
body[data-page="1"] .modal[id^="question-popup-"] .form-control:focus { border-color: #161718 !important; box-shadow: 0 0 0 3px rgba(239, 192, 61, .3) !important; }
body[data-page="1"] .modal[id^="question-popup-"] textarea.form-control { min-height: 150px; line-height: 1.55; }
body[data-page="1"] .modal[id^="question-popup-"] label.col-form-label { background: #fff; border-radius: 4px; }
/* Kontaktdaten eingeklappt (angemeldet, alles ausgefüllt) */
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-me { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; border: 1.5px solid #e3e5e2; border-radius: 12px; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-me__ico { width: 40px; height: 40px; border-radius: 50%; background: #eff0ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161718' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E") center / 18px no-repeat; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-me b, body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-me small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-me b { font: 600 14.5px/1.3 Poppins, "Helvetica Neue", Arial, sans-serif; color: #161718; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-me small { font: 500 13px/1.4 Raleway, sans-serif; color: #62666a; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-me__edit { padding: 8px 14px; border: 0; border-radius: 8px; background: #eff0ee; font: 700 13px/1.2 Raleway, sans-serif; color: #161718; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-me__edit:hover { background: #161718; color: #fff; }
body[data-page="1"] .modal[id^="question-popup-"] fieldset.is-short > .row { display: none; }
body[data-page="1"] .modal[id^="question-popup-"] fieldset:not(.is-short) > .sgs-qa-me { display: none; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-call { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; margin: -6px 0 24px; padding: 12px 14px; border-radius: 12px; background: #eff0ee; color: #161718; text-decoration: none !important; transition: background-color .2s ease; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-call:hover { background: #e3e5e2; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-call__ico { width: 40px; height: 40px; border-radius: 50%; background: #efc03d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161718' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E") center / 18px no-repeat; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-call small { display: block; font: 500 12.5px/1.4 Raleway, sans-serif; color: #62666a; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-call b { display: block; font: 600 15px/1.3 Poppins, "Helvetica Neue", Arial, sans-serif; color: #161718; }
/* Abschicken unten fest */
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-foot { position: sticky; bottom: 0; z-index: 15; display: grid; gap: 10px; margin: auto -24px 0; padding: 14px 24px calc(14px + env(safe-area-inset-bottom, 0px)); background: #fff; box-shadow: 0 -1px 0 #e3e5e2, 0 -18px 30px -24px rgba(0, 0, 0, .35); }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-foot > .row { margin: 0; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-foot > .row > [class*="col"] { flex: 0 0 100%; max-width: 100%; margin: 0; padding: 0; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-foot .privacy { margin: 0; text-align: center; font: 500 12.5px/1.5 Raleway, sans-serif; color: #62666a; }
body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-foot .privacy a { color: #3c3f42; text-decoration: underline; text-decoration-color: rgba(22, 23, 24, .3); text-underline-offset: 3px; }
body[data-page="1"] .modal[id^="question-popup-"] .privacy { font: 500 12.5px/1.5 Raleway, sans-serif; color: #62666a; }
/* „Frage abschicken“ wie „In den Warenkorb“. Selektor bewusst stark: custom.css setzt .btn:not(…)×4 mit border-radius 0 !important (5 Klassen) */
html body[data-page="1"] .modal[id^="question-popup-"] .btn.btn-primary[type="submit"] {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 56px; min-height: 56px; max-height: none; margin: 0; padding: 0 22px;
    border: 0 !important; border-radius: 10px !important; clip-path: none !important; background: #efc03d !important; color: #161718 !important; box-shadow: none !important;
    font: 700 16px/1.2 Raleway, "Helvetica Neue", Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; transition: background-color .2s ease, transform .2s ease;
}
html body[data-page="1"] .modal[id^="question-popup-"] .btn.btn-primary[type="submit"] svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
html body[data-page="1"] .modal[id^="question-popup-"] .btn.btn-primary[type="submit"]:hover, html body[data-page="1"] .modal[id^="question-popup-"] .btn.btn-primary[type="submit"]:focus { background: #e0ad22 !important; box-shadow: none !important; }
html body[data-page="1"] .modal[id^="question-popup-"] .btn.btn-primary[type="submit"]:hover svg { transform: translateX(3px); }
html body[data-page="1"] .modal[id^="question-popup-"] .btn.btn-primary[type="submit"]:focus-visible { box-shadow: 0 0 0 3px rgba(239, 192, 61, .35) !important; }
html body[data-page="1"] .modal[id^="question-popup-"] .btn.btn-primary[type="submit"]:active { transform: scale(.98); }
body[data-page="1"] .modal[id^="question-popup-"] .row > [class*="col"].ml-auto-util { margin-left: 0; }
body[data-page="1"] .modal-backdrop.show { opacity: .45; }
body.modal-open .sgs-pdp-bar { transform: translateY(110%); }   /* Kaufleiste nicht über der Leiste */
body.modal-open [id^="ws-myBusiness-badge"] { visibility: hidden; }   /* Google-Abzeichen (Plugin) nicht über „Frage abschicken“ */
@media (max-width: 575.98px) {
    body[data-page="1"] .modal[id^="question-popup-"] .modal-header { padding: 16px 18px; }
    body[data-page="1"] .modal[id^="question-popup-"] .modal-title { font-size: 18px; }
    body[data-page="1"] .modal[id^="question-popup-"] .modal-body { padding: 16px 18px 0; }
    body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-foot { margin-inline: -18px; padding-inline: 18px; }
    body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-prod { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 10px; }
    body[data-page="1"] .modal[id^="question-popup-"] .sgs-qa-prod img { width: 52px; height: 52px; }
}

/* ---- Handy: Kaufleiste unten, sobald der Warenkorb-Knopf aus dem Bild ist (sgs-pdp.js) */
.sgs-pdp-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000000000; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)); background: #fff; box-shadow: 0 -12px 30px -18px rgba(0, 0, 0, .45); transform: translateY(110%); transition: transform .35s cubic-bezier(.22, 1, .36, 1); }
.sgs-pdp-bar.is-on { transform: none; }
.sgs-pdp-bar__p { display: grid; min-width: 0; }
.sgs-pdp-bar__p b { font: 600 19px/1.15 Poppins, "Helvetica Neue", Arial, sans-serif; color: #161718; white-space: nowrap; }
.sgs-pdp-bar__p small { overflow: hidden; font: 500 12px/1.35 Raleway, sans-serif; color: #62666a; white-space: nowrap; text-overflow: ellipsis; }
.sgs-pdp-bar button { min-height: 48px; padding: 0 20px; border: 0; border-radius: 10px; background: #efc03d; font: 700 15px/1.2 Raleway, sans-serif; color: #161718; cursor: pointer; }
@media (min-width: 992px) { .sgs-pdp-bar { display: none; } }
@media (max-width: 575.98px) {
    #main-wrapper .sgs-pdp-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    #main-wrapper .sgs-pdp-specs li { padding: 14px; }
    #main-wrapper .sgs-pdp-specs li.is-wide { grid-column: 1 / -1; }
    #main-wrapper .sgs-pdp-specs b { font-size: 15.5px; }
    #main-wrapper .sgs-pdf__btns, #main-wrapper .sgs-pdf__btn { flex: 1 1 auto; justify-content: center; }
    #main-wrapper .product-info .price_wrapper .price { font-size: 32px !important; }
}