/* ============================================================
 * NOVAchild Custom CSS — rothler.de
 * Migriert aus Backend ttemplateeinstellungen.customContent (17 KB)
 * Stand: 2026-05-16 (NOVAchild Verzeichnis, ohne Bindestrich)
 *
 * Funktional identisch mit Original — nur strukturiert + kommentiert
 * Reihenfolge der Regeln beibehalten (Cascade-Verhalten unveraendert)
 * ============================================================ */


/* ============================================================
 * 1. ALLGEMEIN / TYPOGRAPHY / GLOBAL
 * ============================================================ */

body {
  font: normal 0.85em/1.3 Verdana,Helvetica,Arial,sans-serif !important;
}

html, body {
  overflow-x: hidden;
}

#content-wrapper {
  padding-top: 8px !important;
}


/* ============================================================
 * 2. HEADER / NAVIGATION / TOPBAR
 * ============================================================ */

#header-top-bar {
  display: inherit !important;
  z-index: 1000 !important;
}

#header-top-bar .container-fluid.d-lg-flex.flex-row-reverse {
  padding: 0 !important;
}

#jtl-nav-wrapper {
  height: 96px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 991.98px) {
  header .navbar-brand img {
    max-width: 30vw !important;
    height: revert-layer;
    margin: -6px 19px;
  }
}


/* ===== IP-Topbar (oben schwarz mit Custom-Text) ===== */

.ip-topbar-container {
  background-color: black;
  color: white;
  font-size: 14px;
  flex: 0 0 100%;
  max-width: 100%;
}

.ip-topbar-text {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding-right: 10px;
  align-items: center;
  min-height: 45px;
}

.ip-topbar-text-one {
  flex: 0 0 230px;
}

.ip-topbar-text-two {
  flex: 1 0 auto;
  text-align: center;
  justify-content: center;
  display: flex;
}

.ip-topbar-text-three a {
  color: white !important;
  text-decoration: underline !important;
}

@media only screen and (max-width: 700px) {
  .ip-topbar-text-one { display: none !important; }
}

@media only screen and (max-width: 1180px) {
  .ip-topbar-text-three { display: none !important; }
}

@media only screen and (max-width: 600px) {
  span.ip-topbar-txt-two {
    font-size: 12px;
    word-break: break-all;
    display: block;
    width: 100%;
  }
  span.ip-topbar-txt-two {
    font-size: 10px !important;
  }
}


/* ============================================================
 * 3. SUCHFELD (Header + Mobile)
 * ============================================================ */

input#search-header,
input#search-header-mobile-top {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #F8F8F8;
  color: #181819;
  background-color: #F8F8F8 !important;
}

button.btn.btn-secondary {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  border-color: #F8F8F8;
  background-color: #F8F8F8;
  color: #181819;
  box-shadow: none;
}

#search .form-control:focus {
  box-shadow: none;
}

input.form-control.ac_input.tt-hint {
  background: none !important;
}


/* ============================================================
 * 4. NAVIGATION — SALE-Menüpunkt rot blinkend
 * ============================================================ */

a[href="https://rothler.de/SALE_1"],
a[title="SALE"] {
  color: #ff0000 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  position: relative !important;
}

a[title="SALE"] .text-truncate {
  color: #ff0000 !important;
  font-weight: 700 !important;
  position: relative !important;
  display: inline-block !important;
  animation: blink-sale 2s infinite !important;
}

a[title="SALE"] .text-truncate::after {
  content: " -50%" !important;
  background: #ff0000 !important;
  color: white !important;
  padding: 2px 6px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  margin-left: 5px !important;
  display: inline-block !important;
  font-weight: bold !important;
}

a[title="SALE"]:hover {
  transform: scale(1.1) !important;
  transition: transform 0.2s !important;
}

a[title="SALE"]:hover .text-truncate {
  text-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

@media (min-width: 992px) {
  header .navbar-nav > .nav-item > a[title="SALE"]:hover::before {
    border-color: #ff0000 !important;
    width: 100% !important;
  }
}

@keyframes blink-sale {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}


/* ============================================================
 * 5. BREADCRUMB
 * ============================================================ */

.breadcrumb-item.breadcrumb-backtolist {
  display: inherit !important;
}

.breadcrumb-item.breadcrumb-backtolist::before {
  display: none !important;
  content: none !important;
}

.breadcrumb-wrapper {
  margin-bottom: 5px !important;
}


/* ============================================================
 * 6. PRODUCT LIST / KATEGORIE-SEITE
 * ============================================================ */

.text-clamp-2 {
  display: block !important;
  font-size: 14px;
  text-decoration: none;
  padding-top: 3px;
}

:is(#product-list, .opc-ProductStream) .price.productbox-price {
  color: var(--brand-primary) !important;
}

.productbox-title {
  min-height: 69px !important;
}

:is(#product-list, .opc-ProductStream) .product-wrapper {
  margin-bottom: 5rem;
}

.productlist-variation-rating {
  font-size: 12px;
  color: var(--brand-primary);
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.gallery, .list {
  align-items: flex-start !important;
}

.item-slider-price .suggested-price.value.text-nowrap-util {
  display: none;
}

.ribbon-1 {
  background-color: #121212;
  color: white;
}


/* ===== Kategorie-Bilder mit Hover-Zoom ===== */

.cat-image {
  overflow: hidden;
  border-radius: 13px;
}

.cat-image img {
  transition: transform 0.5s ease;
  transform-origin: center;
  display: block;
  width: 100%;
  height: auto;
}

.cat-image img:hover {
  transform: scale(1.3);
}


/* ============================================================
 * 7. PRODUCT DETAILS — PREIS / RATING / SCHEMA
 * ============================================================ */

.rating {
  color: #ffa41c !important;
}

.suggested-price {
  text-decoration: line-through;
}

.price.h1 {
  color: #d50000 !important;
  font-weight: 700;
}

.yousave {
  background-color: #db2727;
  color: white !important;
  padding: 4px 13px;
  border-radius: 3px;
  font-size: 11px;
}

#product-offer .product-info .product-offer > .row {
  margin-bottom: 0 !important;
}

#product-offer .product-info .product-offer {
  margin-bottom: 1px !important;
}

#product-offer .product-info .shortdesc {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

#product-offer .price_wrapper {
  margin: 17px 1px !important;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}

.price_wrapper {
  margin-bottom: 2px !important;
}

.price_wrapper .price {
  display: inherit;
  font-weight: 400 !important;
}

.price_wrapper > * {
  margin: 0 2px;
}

.shippingtaxinfo {
  letter-spacing: 0px;
  font-size: 11px;
}

.price-note .shipment {
  color: #1c871e;
  font-weight: bold;
  letter-spacing: 0px;
}

.discount {
  border: 1px solid #4b8424;
  background-color: #d0f0d0;
  padding: 5px;
  width: fit-content;
  border-radius: 6px;
}

.product-attributes .badge.badge-primary {
  background-color: #fff0;
  color: black;
}

.product-title.h2 {
  font-weight: bold;
}

.shortdesc ul {
  padding: 0 !important;
  padding-top: 12px;
}

/* info-essential: Mehrfach-Definitionen — letzte gewinnt (display: inherit) */
.info-essential.list-unstyled {
  display: none;
  margin: 0 !important;
  font-size: 12px;
  opacity: 0.4;
  display: inherit !important;
}

.footnote-reference,
.footnote-vat {
  display: none;
}


/* ===== Bild-Galerie / Slider ===== */

#image_wrapper {
  margin-bottom: 25px !important;
}

#image_wrapper #gallery {
  margin-bottom: 7px !important;
}

.slick-track a {
  text-decoration: none;
}

.slick-dots li {
  display: none !important;
}

.product-detail-image-preview-bar .slick-arrow {
  width: 44px !important;
  min-width: 44px !important;
  height: 66px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.product-detail-image-preview-bar .slick-arrow::after {
  color: #111827 !important;
  font-family: "Font Awesome 5 Free" !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.js-slider-wrapper .js-slider-items .js-slider-item {
  width: inherit !important;
  min-width: calc(100%/9) !important;
}

@media (max-width: 768px) {
  .product-detail-image-preview-bar .product-thumbnails-wrapper {
    display: block !important;
  }
  .product-detail-image-preview-bar .product-thumbnails {
    display: flex !important;
    overflow-x: auto;
  }
  .product-detail-image-preview-bar .square.square-image {
    flex: 0 0 auto;
    width: 80px;
    margin-right: 10px;
  }
}


/* ===== Variationen / Swatches ===== */

.swatches-image img {
  padding: 0rem !important;
}

.swatches-image {
  border: 1px solid black !important;
  border-radius: 50% !important;
}

.swatches-image.active {
  border: 2px solid var(--brand-primary) !important;
}

.swatches-text {
  padding: 0.625rem 6px !important;
  border-radius: 5px;
  border: 1px solid #525252;
}

.swatches-text.active {
  border: 1px solid #090909 !important;
  background-color: var(--brand-primary) !important;
  font-weight: 500 !important;
  color: white !important;
}

.variation.swatches.swatches-text:hover {
  background-color: #d7d5d5;
}

.row.variations.switch-variations {
  border: 1px solid #0000002e;
  background-color: #eae8e81a;
  padding: 12px 6px;
  border-radius: 7px;
  margin: 0px auto;
}

.alert.choose-variations.alert-info {
  width: fit-content;
  background-color: white;
  font-weight: bold;
  letter-spacing: -1px;
}


/* ===== Stock / Lagerbestand ===== */

.row.stock-information.stock-information-p.no-gutters {
  border: none !important;
  padding: 0px !important;
}

.delivery-status .status,
.delivery-status .status-1,
.signal_image .status-1 {
  color: #1C871E !important;
}

.delivery-status .status {
  color: #2a952a !important;
}


/* ===== Free-Shipping-Label ===== */

.col.col-12.freeshippinglabel {
  color: #2a952a;
}


/* ============================================================
 * 8. CUSTOM COMPONENTS — rothler-eigene Bausteine
 * ============================================================ */

/* ===== Liebenauch Tag ===== */

.liebenauch {
  display: flex;
  align-items: center;
  background-color: #f6f4ec;
  color: black;
  margin-top: 5px;
  margin-bottom: 5px;
  width: fit-content;
  padding: 8px 11px;
  border-radius: 10px;
}

.text_liebenauch {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  padding-left: 10px;
  letter-spacing: 0px;
}


/* ===== Trust-Image (Trust-Section) ===== */

.trust-image {
  width: 35px;
  height: 35px;
}


/* ===== Item-Status / Currentcards (gruener Punkt mit Pulse) ===== */

.item-status-currentcards {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #333;
  margin: 16px 1px;
}

.green-icon-currentcards {
  width: 12px;
  height: 12px;
  background-color: #008000;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: 0 0 11px #008000;
  animation: pulse 2s infinite ease-in-out;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.7; }
  100% { transform: scale(1); opacity: 1; }
}


/* ===== Raumgroesse-Box ===== */

.raumgroesse {
  background-color: #fffff4;
  width: fit-content;
  padding: 5px;
  margin: 8px 0px;
  border: 0.5px #d2d2d2 solid;
}

.wleistung {
  font-weight: bold;
  font-size: 18px;
}


/* ===== Gewerbe-Hinweis (div-gtewhl) ===== */

.div-gtewhl {
  background-color: #f7faf8;
  padding: 14px;
  text-align: center;
  margin: 21px 0px;
}

span.spangtwhl {
  color: #7fd37f;
  font-weight: 600;
}


/* ===== Coupon-Copy-Box ===== */

.copycoupon {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 10px 20px;
  color: var(--brand-primary);
  margin-top: 15px;
  border: 1px solid var(--brand-primary);
}

.discount-text1 {
  margin-right: 10px;
}

.copy-button1 {
  background: var(--brand-primary);
  color: white;
  display: flex;
  align-items: center;
  padding: 9px 15px;
  border: none;
}

.copy-icon2 {
  margin-left: 5px;
}


/* ===== Checkout-Container (Trust-Section) ===== */

.checkout-container {
  padding: 16px 1px;
}

.checkout-list {
  padding: 0;
}

.checkout-item {
  list-style: none;
  margin-bottom: 5px;
  font-size: 11px;
}

.checkout-icon {
  font-size: 1.3em;
  margin-right: 1px;
  width: 25px;
}


/* ===== Abholung-Neuss-Image ===== */

.product-thumbnails.abholung-neuss-image {
  margin: 28px 0px;
}


/* ============================================================
 * 9. WARENKORB / BASKET
 * ============================================================ */

.basket .basket-items {
  margin-bottom: 2px !important;
}

.cart-items-body .cart-items-name {
  text-decoration: none;
}

.rt-basket-delivery {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 7px;
  color: #0a7c66;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.rt-basket-delivery__dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: #0a7c66;
  box-shadow: 0 0 0 3px rgba(10, 124, 102, 0.11);
}

.rt-basket-delivery strong {
  color: #0f172a;
  font-weight: 700;
}

.rt-basket-delivery--planned {
  color: #4b5563;
}

.rt-basket-delivery--planned .rt-basket-delivery__dot {
  background: var(--brand-primary);
  box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.11);
}

.row.basket-summary-notice.basket-summary-top {
  display: none;
}

#alert-list .alert[data-key="orderAmountStock"] {
  display: none !important;
}

#cart-continue-button-top {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#cart-checkout-btn,
#cart-checkout-btn2 {
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  box-shadow: 0 19px 25px -17px #021f3f4d !important;
}

a#cart-checkout-btn2 {
  width: 100%;
  margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
  a#cart-checkout-btn2 {
    font-size: 20px;
  }
}


/* ===== Cart Edit Panels ===== */

#panel-edit-comment,
#panel-edit-coupon {
  display: none;
}


/* ===== Mini-Cart Dropdown ===== */

.dropdown-body .cart-dropdown-total-item {
  display: none;
}


/* ============================================================
 * 10. CHECKOUT
 * ============================================================ */

#checkout .h1 {
  font-weight: bold;
}

#checkout .btn-primary {
  height: 66px;
  box-shadow: 0 19px 25px -17px #021f3f4d !important;
  border-radius: 6px;
}

.nav.stepper.checkout-steps {
  margin-bottom: 14px !important;
}

.col.checkout-warenkorb {
  margin-top: 19px;
  height: fit-content;
  background-color: #f9f9f969;
  padding: 13px;
  border-radius: 2px;
  border: 1px solid #e4e4e470;
}

.col.checkout-warenkorb .basket-summary-total {
  font-size: 1.3rem;
  color: black;
}

.image-checkout-1 img {
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}

.image-checkout-qty {
  position: absolute;
  top: -5px;
  right: 11px;
  background-color: #00000094;
  color: white;
  padding: 3px 7px;
  border-radius: 50%;
  font-weight: 600;
}

#shipping-method .small.text-muted-util {
  display: none;
}


/* ===== Zahlungsoptionen (Plugin-IDs) ===== */

#kPlugin_76_paypalkreditkarte,
#kPlugin_79_klarnasliceit,
#kPlugin_79_klarnapaynow,
#kPlugin_79_klarnapaylater,
#kPlugin_79_oneklarna,
#za_ueberweisung_jtl,
#za_barzahlung_jtl,
#za_ppc_sofort,
#za_ppc_giropay,
#za_ppc_sepa,
#za_ppc_paylater,
#za_ppc_paypal,
#kPlugin_1_rechnungskaufmitratepay,
#kPlugin_1_paypalkreditkarte,
#kPlugin_5_oneklarna {
  border: 1px solid #c4c4c457;
  background-color: #f0f0f036;
  padding: 8px;
  border-radius: 3px;
}

.checkout-shipping-form-options.form-group > div {
  border: 1px solid #c4c4c4;
  background-color: #f0f0f03d;
  border-radius: 8px;
  padding: 25px 29px;
}


/* ===== Register-Form ===== */

#form-register .row.register-form-account {
  display: none;
}

#form-register div.h3 {
  font-size: 1.7rem;
}

#form-register .form-control {
  padding: 0.4rem 1.4rem !important;
  border-radius: 5px;
  border: 1px solid #00000021;
}

#form-register .form-control:focus-visible {
  border: 2px solid black;
}

#customer {
  padding-bottom: 29px;
}


/* ============================================================
 * 11. FOOTER
 * ============================================================ */

#footer {
  padding: 2rem 0 0;
  font-size: 15px !important;
}

#copyright {
  display: none;
}

.treibtunsan .col {
  padding: 0;
}


/* ============================================================
 * 12. BLOG / NEWS
 * ============================================================ */

.newsbox.blog-preview {
  padding: 0 !important;
}

.newsbox-headline {
  text-decoration: none;
}

.newsbox-footer {
  display: none;
}

.blog-overview .blog-overview-preview .blog-overview-preview-item {
  margin-bottom: 1rem !important;
}

#newsContent .blog-overview-preview-item {
  border: 1px solid #d8d8d8;
  margin: 1px auto;
  margin-bottom: 1px;
  padding: 6px 53px;
  border-radius: 8px;
}


/* ============================================================
 * 13. FORM CONTROLS / DROPDOWNS
 * ============================================================ */

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.bootstrap-select.custom-select button.dropdown-toggle,
.bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"] {
  border-radius: 11px;
}

.btn.dropdown-toggle.bs-placeholder.btn-light {
  border-radius: 11px;
  opacity: 0.5;
}

.dropdown-menu.show {
  font-size: 11px;
  border-radius: 12px;
}

.filter-option {
  font-size: 11px;
}

.dropdown-toggle[aria-expanded="true"]::after,
:not(.navbar-toggler)[data-toggle="collapse"][aria-expanded="true"]::after {
  display: none;
}

.box-filter-characteristics .filter-search-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
}

.btn-animated .btn-outline-primary:hover {
  color: white;
}


/* ============================================================
 * 14. REVIEW / BEWERTUNGEN
 * ============================================================ */

.review .col.col-auto.text-center-util {
  padding: 0;
}

.card-body {
  padding: 9px;
}

.card.card-gray {
  margin-top: 11px;
}


/* ============================================================
 * 15. COOKIE-CONSENT-BANNER
 * ============================================================ */

#consent-banner-btn-all {
  background-color: green;
  color: white;
  border: 1px solid transparent;
  border-radius: 8px;
}

#consent-banner-btn-settings {
  border: 0px;
  color: #0000004f;
  font-size: 14px;
}

#consent-banner-btn-settings:hover {
  background-color: transparent;
}

#consent-settings-btn {
  display: none;
}

.consent-btn-helper div:nth-of-type(3) {
  display: none;
}


/* ============================================================
 * 16. MODALS / OVERLAYS
 * ============================================================ */

.modal-backdrop {
  z-index: 999 !important;
}


/* ============================================================
 * 17. ROTHLER-PRICE v8 — Balanced (visuell + dezent)
 * Pill mit hellem bg, kein Gradient/Shadow, Icons subtil
 * ============================================================ */

.price_wrapper {
  text-align: left !important;
  display: block !important;
  margin: 14px 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.rothler-price-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  text-align: left;
  margin-top: 4px;
}

/* === Save-Zeile === */
.rothler-save-row {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 13px;
  line-height: 1.3;
}

.rothler-uvp {
  color: #6b7280;
  font-weight: 500;
}

.rothler-uvp s {
  text-decoration: line-through;
  text-decoration-color: #9ca3af;
  text-decoration-thickness: 1.5px;
  color: #6b7280;
}

/* Pill: helles bg, dunklerer Text, klare Border — kein Gradient */
.rothler-pill {
  display: inline-flex;
  align-items: center;
  background: #fef2f2;
  color: #991b1b;
  padding: 3px 10px;
  border-radius: 6px;
  border: 1px solid #fecaca;
  font-weight: 700;
  font-size: 12.5px;
  line-height: 1.3;
  letter-spacing: -0.2px;
  white-space: nowrap;
}

.rothler-save-amt {
  color: #4b5563;
}

.rothler-save-amt strong {
  font-weight: 700;
  color: #1f2937;
}

/* === Hauptpreis: Burgund, dezent === */
.price_wrapper .price.h1 {
  font-size: 2.25rem !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  color: #991b1b !important;
  letter-spacing: -1.2px !important;
  margin: 4px 0 4px 0 !important;
  display: block !important;
  text-align: left !important;
  font-variant-numeric: tabular-nums;
}

/* === Trust === */
.rothler-trust {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 13px;
  color: #4b5563;
  margin-top: 4px;
}

.rothler-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
}

.rothler-trust-item svg {
  flex-shrink: 0;
  stroke: #9ca3af;
}



/* === Mobile === */
@media (max-width: 768px) {
  .price_wrapper .price.h1 {
    font-size: 1.85rem !important;
    letter-spacing: -1px !important;
  }
  .rothler-save-row {
    font-size: 12.5px;
    gap: 8px;
  }
  .rothler-pill {
    font-size: 12px;
    padding: 2px 9px;
  }
  .rothler-trust {
    gap: 12px;
    font-size: 12.5px;
  }
}

@media (max-width: 480px) {
  .price_wrapper .price.h1 {
    font-size: 1.65rem !important;
  }
}

/* JTL-Standards ausblenden */
.price_wrapper > .suggested-price,
.price_wrapper > .yousave,
.price_wrapper .price-note > .suggested-price,
.price_wrapper .price-note > .yousave,
.price_wrapper .vat_info,
.price-note .vat_info {
  display: none !important;
}


/* ============================================================
 * 18. ATC + QUANTITY — Premium Conversion
 * - ATC etwas hoeher fuer mehr Praesenz
 * - Quantity schmaler (28%), ATC breiter (72%)
 * - Subtle premium shadow + smooth hover-lift
 * ============================================================ */

/* Spalten-Breiten: ATC dominant */
#add-to-cart > .row > .col-sm-12:first-child,
#add-to-cart > .row > .col-12.col-sm-12:first-child {
  flex: 0 0 28% !important;
  max-width: 28% !important;
  padding-right: 6px;
}

#add-to-cart > .row > .col-sm-12:nth-child(2),
#add-to-cart > .row > .col-12.col-sm-12:nth-child(2) {
  flex: 0 0 72% !important;
  max-width: 72% !important;
  padding-left: 6px;
}

@media (max-width: 575px) {
  #add-to-cart > .row > .col-sm-12:first-child,
  #add-to-cart > .row > .col-sm-12:nth-child(2),
  #add-to-cart > .row > .col-12.col-sm-12:first-child,
  #add-to-cart > .row > .col-12.col-sm-12:nth-child(2) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
  }
}

/* Quantity: gleiche Hoehe, klares Styling */
#quantity-grp {
  height: 64px !important;
  border-radius: 10px !important;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

#quantity-grp .btn,
#quantity-grp .input-group-text,
#quantity-grp input {
  height: 64px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border: 0 !important;
  background: white !important;
}

#quantity-grp input.quantity {
  text-align: center !important;
  color: #1f2937 !important;
  font-size: 18px !important;
}

#quantity-grp .btn:hover {
  background: #f3f4f6 !important;
  color: #1f2937 !important;
}

#quantity-grp .btn:active {
  background: #e5e7eb !important;
}

#quantity-grp .input-group-text.unit {
  color: #9ca3af !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

/* === ATC-BUTTON: Premium, prominent === */
#add-to-cart .btn-primary {
  height: 64px !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  letter-spacing: 0.3px !important;
  border-radius: 10px !important;
  box-shadow:
    0 10px 24px -10px rgba(var(--brand-primary-rgb), 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-transform: none !important;
}

#add-to-cart .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow:
    0 14px 28px -10px rgba(var(--brand-primary-rgb), 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

#add-to-cart .btn-primary:active {
  transform: translateY(0);
  box-shadow:
    0 6px 14px -6px rgba(var(--brand-primary-rgb), 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

#add-to-cart .btn-primary .btn-basket-check {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

#add-to-cart .btn-primary .btn-basket-check span {
  display: inline-flex !important;
  align-items: center;
}

#add-to-cart .btn-primary .fas.fa-shopping-cart {
  font-size: 19px !important;
  opacity: 0.95;
}

@media (max-width: 575px) {
  #add-to-cart .btn-primary {
    font-size: 16px !important;
  }
  #quantity-grp,
  #add-to-cart .btn-primary {
    height: 58px !important;
  }
  #quantity-grp .btn,
  #quantity-grp input {
    height: 58px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #add-to-cart .btn-primary {
    transition: none !important;
  }
  #add-to-cart .btn-primary:hover {
    transform: none;
  }
}

/* ============================================================
 * 19. TRUST-SECTION PDP — Vertical Stack
 * - Icon OBEN, Text DRUNTER → schmal, 4 in 1 Zeile
 * - Texte komplett ohne ellipsis
 * - Mobile bleibt 2x2 horizontal
 * ============================================================ */

.rothler-trust-section {
  margin: 18px 0 8px;
  padding: 16px 0 0;
  border-top: 1px solid #f1f5f9;
}

.rothler-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  width: 100%;
}

/* Vertical-Stack: Icon oben, Text mittig drunter */
.rothler-trust-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  padding: 12px 6px;
  border-radius: 10px;
  background: transparent;
  transition: background 0.18s ease, transform 0.18s ease;
  min-width: 0;
}

.rothler-trust-card:hover {
  background: #f0f7ff;
  transform: translateY(-1px);
}

.rothler-trust-iconwrap {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  color: var(--brand-primary);
  flex-shrink: 0;
  transition: background 0.18s ease;
}

.rothler-trust-card:hover .rothler-trust-iconwrap {
  background: #dbeafe;
}

.rothler-trust-iconwrap svg {
  width: 20px;
  height: 20px;
}

.rothler-trust-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.25;
}

.rothler-trust-text strong {
  font-size: 12px;
  font-weight: 700;
  color: #1f2937;
  display: block;
  margin-bottom: 2px;
  letter-spacing: -0.1px;
}

.rothler-trust-text span {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
}

/* Mobile: Stack 2 Spalten */
@media (max-width: 576px) {
  .rothler-trust-section {
    margin: 14px 0;
    padding-top: 12px;
  }
  .rothler-trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .rothler-trust-card {
    padding: 10px 6px;
  }
  .rothler-trust-iconwrap {
    width: 34px;
    height: 34px;
  }
  .rothler-trust-iconwrap svg {
    width: 18px;
    height: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rothler-trust-card {
    transition: none;
  }
  .rothler-trust-card:hover {
    transform: none;
  }
}

/* === Fix: Kostenloser Versand match Verfuegbar (konsistent JTL-Style) === */
.rothler-trust-ship {
  color: #1c871e !important;
  font-weight: 500 !important;
}
.rothler-trust-ship svg {
  stroke: #1c871e !important;
}

/* ============================================================
 * 20. PRODUCTLIST-BOX — UVP + Spacing Polish (TODO 6 polish)
 * ============================================================ */

/* UVP-struck oben in Box (kleinformat) */
.rothler-box-uvp {
  font-size: 12px;
  color: #9ca3af;
  margin-bottom: -2px;
  line-height: 1.2;
}
.rothler-box-uvp-strike {
  text-decoration: line-through;
  text-decoration-color: #cbd5e1;
}

/* 'Ab' Label + Preis auf einer Linie statt 2 */
.productbox-price.price,
.price.productbox-price {
  display: inline-block !important;
}

.price_label.pricestarting,
.price_label.nowonly {
  display: inline-block !important;
  margin-right: 4px;
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
  vertical-align: baseline;
}

/* Preis-Wrapper in Box — kompakter */
.product-wrapper [itemprop="offers"] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 4px;
}

/* Mobile */
@media (max-width: 576px) {
  .rothler-box-uvp {
    font-size: 11px;
  }
  .price_label.pricestarting {
    font-size: 12px;
  }
}

/* ============================================================
 * 20. PRODUCTLIST-BOX — Layout + Spacing (TODO 6 final)
 * Variations + Sterne + Bewertungs-Anzahl
 * 'Ab' + Preis auf einer Linie
 * ============================================================ */

/* Rating-Wrap: Sterne + Anzahl inline */
.rothler-rating-wrap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.rothler-rating-count {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
}

/* productlist-variation-rating: Grid Variations links, Rating rechts */
.productlist-variation-rating {
  font-size: 12px;
  color: var(--brand-primary);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  margin: 6px 0 4px;
}

/* 'Ab' + Preis inline statt 2 Zeilen */
.productbox-price.price,
.price.productbox-price {
  display: inline-block !important;
}

.price_label.pricestarting,
.price_label.nowonly {
  display: inline-block !important;
  margin-right: 4px;
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
  vertical-align: baseline;
}

/* Preis-Block in product-wrapper kompakter */
.product-wrapper [itemprop="offers"] {
  margin-top: 4px;
}

/* Mobile */
@media (max-width: 576px) {
  .productlist-variation-rating {
    font-size: 11px;
  }
  .rothler-rating-count {
    font-size: 10px;
  }
  .price_label.pricestarting {
    font-size: 12px;
  }
}

/* ============================================================
 * 20. PRODUCTLIST-BOX — Layout + Spacing final
 * ============================================================ */

/* Variations + Rating Zeile: kompakt */
.productlist-variation-rating {
  font-size: 12px;
  color: var(--brand-primary);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  margin: 4px 0 6px;
}

/* Sterne + Bewertungs-Anzahl inline */
.rothler-rating-wrap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.rothler-rating-count {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
}

/* 'Ab' + Preis auf einer Linie, kompakt */
.product-wrapper [itemprop="offers"] {
  display: flex;
  align-items: baseline;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.price_label.pricestarting,
.price_label.nowonly {
  display: inline-block !important;
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
  margin: 0 !important;
}

.productbox-price.price,
.price.productbox-price {
  display: inline-block !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Karten-Title kompakter */
.productbox-title {
  min-height: 52px !important;
  margin-bottom: 4px !important;
}

.product-wrapper {
  margin-bottom: 2.5rem !important;
}

@media (max-width: 576px) {
  .productlist-variation-rating {
    font-size: 11px;
  }
  .rothler-rating-count {
    font-size: 10px;
  }
  .price_label.pricestarting {
    font-size: 12px;
  }
  .productbox-price.price {
    font-size: 1rem !important;
  }
}

/* ============================================================
 * 21. CHECKOUT wk=1 — Login-Box minimieren + Layout (TODO 7)
 * Login-Box kompakt + dezent, Form prominent
 * ============================================================ */

/* Login-Box als minimal Toggle-Card */
.checkout-existing-customer,
[id*="existing-customer"],
.checkout-registrierung ~ .col,
.checkout-warenkorb ~ .checkout-existing-customer {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px !important;
  margin-bottom: 14px;
}

.checkout-existing-customer .h2,
.checkout-existing-customer h2,
.checkout-existing-customer .heading {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  color: #374151 !important;
}

.checkout-existing-customer .form-control,
.checkout-existing-customer input[type="email"],
.checkout-existing-customer input[type="password"] {
  font-size: 13px !important;
  padding: 8px 12px !important;
  height: auto !important;
}

.checkout-existing-customer .btn,
.checkout-existing-customer button[type="submit"] {
  font-size: 13px !important;
  padding: 8px 16px !important;
  font-weight: 600 !important;
}

.checkout-existing-customer .form-group {
  margin-bottom: 8px !important;
}

/* Mini-Cart (checkout-warenkorb) bleibt prominent rechts */
.col.checkout-warenkorb {
  position: sticky;
  top: 20px;
}

/* Mobile: Login-Box voll kompakt */
@media (max-width: 768px) {
  .checkout-existing-customer {
    padding: 12px 14px !important;
  }
}

/* ============================================================
 * 22. CHECKOUT step0 wk=1 — Production-Style Layout
 * Express Checkout oben + 2 Spalten + Login-Toggle unten
 * ============================================================ */

/* Container — Mini-Cart sticky rechts */
.rothler-checkout-row {
  position: relative;
}

.rothler-checkout-cart-col {
  position: relative;
}

@media (min-width: 992px) {
  .rothler-checkout-cart-col > * {
    position: sticky;
    top: 20px;
  }
}

/* Express Checkout Block */
.rothler-express-block {
  text-align: center;
  margin: 0 0 24px 0;
}

.rothler-express-label {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 12px;
  font-weight: 500;
}

.rothler-express-buttons-slot {
  min-height: 50px;
  margin-bottom: 18px;
}

.rothler-express-buttons-slot:empty {
  min-height: 0;
}

/* ODER-Trenner */
.rothler-or-divider {
  display: flex;
  align-items: center;
  margin: 20px 0;
  color: #9ca3af;
}

.rothler-or-divider hr {
  flex: 1;
  border: none;
  height: 1px;
  background: #e5e7eb;
  margin: 0 16px;
}

.rothler-or-divider span {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #9ca3af;
}

/* Login-Toggle unten — sehr minimal */
.rothler-login-section {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}

.rothler-login-toggle-bar {
  text-align: center;
  font-size: 13px;
  color: #6b7280;
}

.rothler-login-toggle-text {
  margin-right: 6px;
}

.rothler-login-toggle-link {
  color: var(--brand-primary);
  font-weight: 600;
  text-decoration: none;
}

.rothler-login-toggle-link:hover {
  text-decoration: underline;
}

.rothler-login-collapse {
  margin-top: 16px;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

/* Mini-Cart Wrapper visuell aufwerten */
.rothler-mini-cart {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 0;
}

.rothler-cart-total {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 10px 10px;
  padding: 14px 16px;
  font-size: 16px;
  margin: 0;
}

.rothler-cart-total .total-sum {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}

/* Mobile: Cart oben */
@media (max-width: 991px) {
  .rothler-checkout-cart-col {
    order: -1;
    margin-bottom: 20px;
  }
  .rothler-express-buttons-slot {
    margin-bottom: 14px;
  }
}

/* ============================================================
 * 23. CHECKOUT wk=1 — MAXIMUM POLISH PASS
 * Premium Cards, klare Hierarchie, Mobile-First, Conversion-Optimiert
 * ============================================================ */

/* ─── A) Page-Background fuer Checkout-Kontext ─────────────── */
body.bestellvorgang,
body[class*="checkout"] {
  background: #f5f7fa;
}

/* Trustbar oben — Sichere Bezahlung + Trustpilot kompakt */
.checkout-topbar,
.layout-header-checkouttopbar {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  padding: 10px 0;
}

/* ─── B) Step-Indicator (1-2-3) aufgewertet ────────────────── */
.checkout-steps .nav-link,
ul.nav.nav-tabs .nav-link {
  font-size: 14px;
  font-weight: 600;
}

/* ─── C) Express Checkout Block ─────────────────────────────── */
.rothler-express-block {
  text-align: center;
  margin: 0 0 28px 0;
  padding: 20px 24px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.rothler-express-label {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.rothler-express-buttons-slot {
  min-height: 50px;
  margin-bottom: 0;
}

.rothler-express-buttons-slot:empty {
  display: none;
}

/* Wenn slot leer ist, Block ganz verstecken */
.rothler-express-block:has(.rothler-express-buttons-slot:empty) {
  display: none;
}

/* Fallback fuer Browser ohne :has() (via JS class) */
.rothler-express-block.is-empty {
  display: none !important;
}

.rothler-or-divider {
  display: flex;
  align-items: center;
  margin: 18px 0 0 0;
  color: #9ca3af;
}

.rothler-or-divider hr {
  flex: 1;
  border: none;
  height: 1px;
  background: #e5e7eb;
  margin: 0 14px;
}

.rothler-or-divider span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #9ca3af;
}

/* ─── D) Form-Sections als Cards ────────────────────────────── */
/* Wrapper-Card fuer das gesamte Form */
.checkout-register-form {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* Heading "Rechnungs- und Lieferadresse" — H1 */
.checkout-register-form .h1,
.checkout-register-form h1,
.inc-billing-address-form > h1,
.checkout-register-form > .h2:first-child {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

/* Pflichtfelder-Hinweis */
.checkout-register-form p,
.inc-billing-address-form p {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 24px;
}

/* Section-Titles (Name, Rechnungsadresse, Kontaktdaten) */
.checkout-register-form .h2,
.checkout-register-form fieldset > legend,
.checkout-register-form fieldset > .h2,
.checkout-register-form fieldset > .h3 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 24px 0 14px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #f3f4f6 !important;
}

.checkout-register-form fieldset:first-of-type > .h2:first-child,
.checkout-register-form fieldset:first-of-type > .h3:first-child {
  margin-top: 0 !important;
}

/* ─── E) Form-Inputs Premium-Styling ────────────────────────── */
.checkout-register-form .form-control,
.checkout-register-form input[type="text"],
.checkout-register-form input[type="email"],
.checkout-register-form input[type="tel"],
.checkout-register-form input[type="password"],
.checkout-register-form select {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  color: #111827 !important;
  height: auto !important;
  min-height: 46px !important;
  box-shadow: none !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

.checkout-register-form .form-control:focus,
.checkout-register-form input:focus,
.checkout-register-form select:focus {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.12) !important;
  outline: none !important;
}

/* Float-Labels */
.checkout-register-form .form-group {
  margin-bottom: 14px !important;
}

.checkout-register-form .form-label-group,
.checkout-register-form .form-floating {
  position: relative;
}

.checkout-register-form .form-label-group label,
.checkout-register-form .form-floating label,
.checkout-register-form label {
  font-size: 13px !important;
  color: #6b7280 !important;
  font-weight: 500 !important;
}

/* Checkbox "Lieferadresse entspricht..." sichtbarer */
.checkout-register-form .form-check,
.checkout-register-form .control-toggle {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
  margin: 20px 0;
}

.checkout-register-form .form-check label,
.checkout-register-form .control-toggle label {
  font-size: 14px !important;
  color: #374151 !important;
  font-weight: 500 !important;
  margin: 0 !important;
  cursor: pointer;
}

/* ─── F) Submit-Button "Weiter zur Zahlung" ─────────────────── */
.checkout-button-row {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid #f3f4f6;
}

.checkout-register-form-buttons-privacy {
  text-align: center;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 14px;
}

.checkout-register-form-buttons-privacy a {
  color: var(--brand-primary) !important;
  text-decoration: underline;
}

.checkout-button-row-submit .btn,
.checkout-button-row-submit button[type="submit"] {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 16px 24px !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(var(--brand-primary-rgb), 0.25) !important;
  transition: all 0.15s !important;
  text-transform: none !important;
  letter-spacing: 0.2px !important;
}

.checkout-button-row-submit .btn::after {
  content: " →";
  margin-left: 4px;
}

.checkout-button-row-submit .btn:hover {
  background: var(--brand-primary-dark) !important;
  border-color: var(--brand-primary-dark) !important;
  box-shadow: 0 6px 20px rgba(var(--brand-primary-rgb), 0.35) !important;
  transform: translateY(-1px);
}

/* ─── G) Login-Toggle (ganz unten, minimal) ─────────────────── */
.rothler-login-section {
  margin-top: 28px;
  padding: 18px 24px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}

.rothler-login-toggle-bar {
  text-align: center;
  font-size: 13px;
  color: #6b7280;
}

.rothler-login-toggle-text {
  margin-right: 6px;
}

.rothler-login-toggle-link {
  color: var(--brand-primary) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.rothler-login-toggle-link:hover {
  text-decoration: underline !important;
}

.rothler-login-collapse {
  margin-top: 16px;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

/* ─── H) Mini-Cart Premium-Card ─────────────────────────────── */
.rothler-checkout-cart-col {
  position: relative;
}

@media (min-width: 992px) {
  .rothler-checkout-cart-col > * {
    position: sticky;
    top: 16px;
  }
  .rothler-mini-cart + * {
    position: relative;
  }
}

.rothler-mini-cart {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px 12px 0 0;
  padding: 20px;
  margin-bottom: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* Mini-Cart Items kompakter + sauberer */
.rothler-mini-cart .cart-items-body,
.rothler-mini-cart .row.cart-items-body {
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
  margin: 0;
}

.rothler-mini-cart .cart-items-body:last-child {
  border-bottom: none;
}

.rothler-mini-cart .cart-items-image {
  padding-right: 12px;
}

.rothler-mini-cart .image-checkout-1 {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: #f9fafb;
}

.rothler-mini-cart .image-checkout-qty {
  position: absolute;
  top: -6px;
  right: -6px;
  background: var(--brand-primary);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.rothler-mini-cart .cart-items-name {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.rothler-mini-cart .cart-items-price,
.rothler-mini-cart .price-col {
  font-size: 14px;
  font-weight: 700;
  color: #111827;
  text-align: right;
}

/* Gesamtsumme — sticky Footer der Karte */
.rothler-cart-total,
.basket-summary-total {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-top: none !important;
  border-radius: 0 0 12px 12px !important;
  padding: 18px 20px !important;
  margin: 0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

.rothler-cart-total .price_label {
  font-size: 15px;
  color: #6b7280;
  font-weight: 500;
}

.rothler-cart-total .total-sum,
.basket-summary-total .total-sum {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #111827 !important;
}

/* ─── I) Mobile-Optimierungen ───────────────────────────────── */
@media (max-width: 991px) {
  /* Cart oben */
  .rothler-checkout-cart-col {
    order: -1;
    margin-bottom: 20px;
  }

  /* Form-Card mit weniger Padding */
  .checkout-register-form {
    padding: 18px 16px;
    border-radius: 10px;
  }

  .checkout-register-form .h1,
  .checkout-register-form h1 {
    font-size: 18px !important;
  }

  /* Submit-Button sticky am unteren Rand auf Mobile */
  .checkout-button-row {
    position: sticky;
    bottom: 0;
    background: #ffffff;
    padding: 12px 0;
    margin: 20px -16px -18px -16px;
    padding: 16px;
    border-top: 1px solid #e5e7eb;
    box-shadow: 0 -4px 14px rgba(0,0,0,0.06);
    z-index: 10;
  }

  .checkout-button-row-submit .btn {
    font-size: 15px !important;
    padding: 14px 20px !important;
  }

  /* Express-Block kompakter */
  .rothler-express-block {
    padding: 16px;
    margin-bottom: 20px;
  }

  /* Mini-Cart: max-height + scrollbar */
  .rothler-mini-cart {
    max-height: 320px;
    overflow-y: auto;
    padding: 14px;
  }

  .rothler-cart-total {
    padding: 14px !important;
  }

  .rothler-cart-total .total-sum {
    font-size: 20px !important;
  }
}

/* ─── J) Lieferadresse-Section: konditional show ───────────── */
#select-shipping-address {
  margin-top: 14px;
  padding: 18px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}

#select-shipping-address .h2,
#select-shipping-address .h3 {
  font-size: 15px !important;
  margin-bottom: 14px !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

/* "Neue Lieferadresse erstellen" weniger sperrig */
#select-shipping-address legend,
#select-shipping-address > div > .h2,
#select-shipping-address > div > .h3 {
  text-transform: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* ─── K) Trustbar oben kompakt anzeigen ─────────────────────── */
.layout-header-checkouttopbar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 10px 16px;
}

@media (max-width: 768px) {
  .layout-header-checkouttopbar {
    gap: 12px;
    font-size: 12px;
  }
}

/* ============================================================
 * 24. CHECKOUT POLISH V2 — User-Feedback Round 2
 * 1. Header minimal (Trust raus)
 * 2. Form-Section-Labels ueber Inputs (kein overlap)
 * 3. Mini-Cart smarter, minimaler Frame
 * 4. Quantity-Badge sauberer
 * ============================================================ */

/* ─── 24.1) MINIMALER CHECKOUT-HEADER ───────────────────────── */
/* Trust + Trustpilot raus aus dem Checkout-Header */
body.bestellvorgang .layout-header-checkouttopbar,
body[class*="checkout"] .layout-header-checkouttopbar,
.checkout-topbar .trust-bar,
.checkout-topbar .trustpilot,
.checkout-topbar [class*="trust"],
.layout-header-checkouttopbar [class*="trustpilot"],
.layout-header-checkouttopbar [class*="trust"] {
  display: none !important;
}

/* Header-Topbar nur Logo zentriert + dezente SSL-Note */
body.bestellvorgang header,
body[class*="checkout"] header {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

body.bestellvorgang header .navbar,
body[class*="checkout"] header .navbar {
  padding: 12px 0 !important;
}

/* "Sichere Bezahlung" Label nur klein + dezent rechts */
.checkout-topbar .secure-payment,
.checkout-topbar .sichere-bezahlung {
  font-size: 12px;
  color: #6b7280;
}

/* ─── 24.2) FORM-SECTIONS — Labels OBEN statt LINKS ─────────── */
/* JTL nutzt {row} mit {col cols=12 md=3} fuer Section-Headings.
   Wir zwingen sie auf full-width + Padding-Reset */

.checkout-register-form .row > [class*="col-"] .h2,
.checkout-register-form .row > [class*="col-"] .h3,
.inc-billing-address-form .row > [class*="col-"] .h2,
.inc-billing-address-form .row > [class*="col-"] .h3 {
  margin-top: 28px !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #f3f4f6 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #6b7280 !important;
  font-weight: 700 !important;
}

/* Section-Heading-Spalten auf 100% Breite zwingen */
.checkout-register-form .row .col-12.col-md-3,
.checkout-register-form .row .col-12.col-md-4,
.checkout-register-form .row [class*="col-"]:has(.h2),
.checkout-register-form .row [class*="col-"]:has(.h3),
.inc-billing-address-form .row [class*="col-"]:has(.h2),
.inc-billing-address-form .row [class*="col-"]:has(.h3) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  padding-bottom: 0 !important;
}

/* Inputs-Spalte daneben (col-md-9 oder col-md-8) auch full-width */
.checkout-register-form .row .col-12.col-md-9,
.checkout-register-form .row .col-12.col-md-8,
.inc-billing-address-form .row .col-12.col-md-9,
.inc-billing-address-form .row .col-12.col-md-8 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Heading erste in Form ohne Top-Margin */
.checkout-register-form .row:first-of-type .h2,
.checkout-register-form .row:first-of-type .h3,
.inc-billing-address-form .row:first-of-type .h2,
.inc-billing-address-form .row:first-of-type .h3 {
  margin-top: 0 !important;
}

/* Spezielle Form-Sections (Name, Rechnungsadresse etc.) — saubere Card-Optik */
.checkout-register-form fieldset {
  margin-bottom: 0;
  border: none;
  padding: 0;
}

/* "Neue Lieferadresse erstellen" Heading kompakt */
#select-shipping-address h1,
#select-shipping-address .h1,
#select-shipping-address h2:first-child,
#select-shipping-address .h2:first-child {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 14px !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* ─── 24.3) MINI-CART V2 — Smarter, minimaler ───────────────── */
.rothler-checkout-cart-col {
  position: relative;
  z-index: 1;
}

@media (min-width: 992px) {
  .rothler-checkout-cart-col {
    align-self: flex-start;
    position: sticky;
    top: 16px;
    height: fit-content;
  }
}

/* Mini-Cart Outer-Wrapper — minimaler Frame */
.rothler-mini-cart {
  background: #ffffff !important;
  border: 1px solid #f3f4f6 !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 8px !important;
  margin-bottom: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Item-Card pro Position — alternierender BG */
.rothler-mini-cart .cart-items-body,
.rothler-mini-cart .row.cart-items-body {
  padding: 12px !important;
  border-bottom: none !important;
  border-radius: 8px !important;
  margin: 0 0 4px 0 !important;
  background: transparent;
  transition: background 0.15s;
}

.rothler-mini-cart .cart-items-body:hover {
  background: #f9fafb;
}

.rothler-mini-cart .cart-items-body:last-child {
  margin-bottom: 0 !important;
}

/* Bild-Container */
.rothler-mini-cart .cart-items-image {
  padding-right: 12px !important;
  flex: 0 0 70px !important;
  max-width: 70px !important;
}

.rothler-mini-cart .image-checkout-1 {
  position: relative;
  border-radius: 6px;
  overflow: visible;
  background: #f9fafb;
  aspect-ratio: 1;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f3f4f6;
}

.rothler-mini-cart .image-checkout-1 img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 4px;
}

/* Quantity-Badge — Outline-Style ueber Amazon-Style */
.rothler-mini-cart .image-checkout-qty {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  background: #111827 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 0 2px #ffffff !important;
  line-height: 1 !important;
}

/* Item-Name + Preis Layout */
.rothler-mini-cart .cart-items-name {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
}

.rothler-mini-cart .cart-items-price,
.rothler-mini-cart .price-col {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  text-align: right !important;
  white-space: nowrap !important;
  padding-top: 2px !important;
}

/* Gesamtsumme — separate Card unten */
.rothler-cart-total,
.basket-summary-total {
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
  border: 1px solid #f3f4f6 !important;
  border-top: 1px solid #e5e7eb !important;
  border-radius: 0 0 12px 12px !important;
  padding: 16px 20px !important;
  margin: 0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.rothler-cart-total .col,
.rothler-cart-total [class*="col-"],
.basket-summary-total .col,
.basket-summary-total [class*="col-"] {
  padding: 0 !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

.rothler-cart-total .price_label,
.basket-summary-total .price_label {
  font-size: 13px !important;
  color: #6b7280 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.rothler-cart-total .total-sum,
.basket-summary-total .total-sum {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  display: block !important;
  text-align: right !important;
}

/* ─── 24.4) MOBILE V2 ───────────────────────────────────────── */
@media (max-width: 991px) {
  /* Cart oben — kleiner Card auf Mobile */
  .rothler-checkout-cart-col {
    margin-bottom: 20px;
    position: relative !important;
    top: auto !important;
  }

  /* Cart kollabierbar auf Mobile: max-height + scroll */
  .rothler-mini-cart {
    max-height: 280px !important;
    overflow-y: auto !important;
    padding: 6px !important;
  }

  /* Items kompakter */
  .rothler-mini-cart .cart-items-body {
    padding: 10px 8px !important;
  }

  .rothler-mini-cart .cart-items-image {
    flex: 0 0 56px !important;
    max-width: 56px !important;
  }

  .rothler-mini-cart .image-checkout-1 {
    width: 48px;
    height: 48px;
  }

  .rothler-mini-cart .cart-items-name {
    font-size: 12px !important;
  }

  /* Section-Headings auf Mobile noch saubrer */
  .checkout-register-form .row > [class*="col-"] .h2,
  .checkout-register-form .row > [class*="col-"] .h3,
  .inc-billing-address-form .row > [class*="col-"] .h2,
  .inc-billing-address-form .row > [class*="col-"] .h3 {
    margin-top: 20px !important;
    font-size: 13px !important;
  }

  /* Header-Topbar mobile: nur Logo */
  body.bestellvorgang header .navbar,
  body[class*="checkout"] header .navbar {
    padding: 8px 12px !important;
  }
}

/* ─── 24.5) STICKY-FIXES ────────────────────────────────────── */
/* Eltern-Container darf kein overflow:hidden haben damit sticky funktioniert */
.row.rothler-checkout-row,
.row#register-customer {
  overflow: visible !important;
  align-items: flex-start !important;
}

main,
.main-content,
.content-wrapper {
  overflow: visible !important;
}

/* ============================================================
 * 25. CHECKOUT V3 — Mobile-Fix + Modern Step-Indicator
 * ============================================================ */

/* ─── 25.1) HEADER MOBILE — Trust-Items definitiv weg ──────── */

/* Alle Trustpilot/Trust-Elemente im Header weg */
body.bestellvorgang .header_top_bar,
body.bestellvorgang .header-top-bar,
body.bestellvorgang .topbar,
body.bestellvorgang .top-bar,
body.bestellvorgang [class*="topbar"],
body[class*="checkout"] .header_top_bar,
body[class*="checkout"] .header-top-bar,
body[class*="checkout"] .topbar,
body[class*="checkout"] [class*="topbar"],
body[class*="bestellvorgang"] [class*="trustpilot"],
body[class*="bestellvorgang"] [class*="trustbox"],
body[class*="bestellvorgang"] iframe[src*="trustpilot"],
body[class*="checkout"] [class*="trustpilot"],
body[class*="checkout"] [class*="trustbox"],
body[class*="checkout"] iframe[src*="trustpilot"] {
  display: none !important;
}

/* Header generell minimal im Checkout */
body.bestellvorgang header,
body[class*="checkout"] header,
body[class*="bestellvorgang"] header {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.bestellvorgang header > *,
body[class*="checkout"] header > *,
body[class*="bestellvorgang"] header > * {
  background: transparent !important;
}

/* Logo zentrieren auf Mobile, links auf Desktop */
body.bestellvorgang header .navbar-brand,
body[class*="checkout"] header .navbar-brand,
body[class*="bestellvorgang"] header .navbar-brand {
  margin: 0 auto;
  padding: 10px 0;
}

body.bestellvorgang header .navbar-brand img,
body[class*="checkout"] header .navbar-brand img,
body[class*="bestellvorgang"] header .navbar-brand img {
  max-height: 36px;
  width: auto;
}

@media (max-width: 768px) {
  body.bestellvorgang header .navbar-brand img,
  body[class*="checkout"] header .navbar-brand img,
  body[class*="bestellvorgang"] header .navbar-brand img {
    max-height: 30px;
  }
}

/* Skip-Link verstecken (visuell, aber accessible) */
.sr-only-focusable,
a[href="#main"],
a.skip-link {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.sr-only-focusable:focus,
a[href="#main"]:focus,
a.skip-link:focus {
  position: fixed !important;
  top: 8px !important;
  left: 8px !important;
  width: auto !important;
  height: auto !important;
  padding: 8px 14px !important;
  clip: auto !important;
  z-index: 9999 !important;
  background: #111827 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}

/* ─── 25.2) MODERN STEP-INDICATOR (Stripe-Style) ────────────── */

/* JTL nutzt ul.nav.nav-tabs fuer Steps. Wir gestalten neu. */
.checkout-steps,
.bestellvorgang-steps,
ul.checkout-steps,
ul.bestellvorgang-tabs,
ul.nav.nav-tabs.checkout {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  list-style: none !important;
  padding: 24px 16px !important;
  margin: 0 0 24px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  border-bottom: 1px solid #e5e7eb !important;
  position: relative;
  gap: 8px;
}

/* Verbindungslinie zwischen Steps */
.checkout-steps::before,
ul.checkout-steps::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 60px;
  right: 60px;
  height: 2px;
  background: #e5e7eb;
  z-index: 0;
}

.checkout-steps li,
ul.checkout-steps li,
.bestellvorgang-steps li {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  position: relative !important;
  z-index: 1;
  background: #ffffff;
  padding: 0 12px !important;
}

/* Step-Number-Circle */
.checkout-steps li a,
.checkout-steps li .nav-link,
.checkout-steps li span,
.bestellvorgang-steps li a,
.bestellvorgang-steps li .nav-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  text-decoration: none !important;
  position: relative !important;
}

/* Step-Number ist normalerweise in einem Pseudo-Element oder ::before */
.checkout-steps li .nav-link::before,
.checkout-steps li > span::before,
.checkout-steps li > a::before,
.bestellvorgang-steps li > .nav-link::before,
.bestellvorgang-steps li > a::before {
  content: counter(step-counter);
  counter-increment: step-counter;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e5e7eb;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px #e5e7eb;
  transition: all 0.2s;
}

.checkout-steps,
.bestellvorgang-steps,
ul.checkout-steps {
  counter-reset: step-counter;
}

/* Active Step */
.checkout-steps li.active .nav-link::before,
.checkout-steps li.active > a::before,
.checkout-steps li.active > span::before,
.bestellvorgang-steps li.active > .nav-link::before,
.bestellvorgang-steps li.active > a::before {
  background: var(--brand-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px var(--brand-primary), 0 0 0 6px rgba(var(--brand-primary-rgb),0.12) !important;
}

.checkout-steps li.active .nav-link,
.checkout-steps li.active > a,
.checkout-steps li.active > span,
.bestellvorgang-steps li.active > .nav-link,
.bestellvorgang-steps li.active > a {
  color: var(--brand-primary) !important;
  font-weight: 700 !important;
}

/* Completed Step (Haekchen statt Nummer wenn possible) */
.checkout-steps li.completed .nav-link::before,
.checkout-steps li.completed > a::before,
.bestellvorgang-steps li.completed > a::before {
  background: var(--brand-primary) !important;
  color: #ffffff !important;
  content: "✓" !important;
}

.checkout-steps li.completed .nav-link,
.checkout-steps li.completed > a,
.bestellvorgang-steps li.completed > a {
  color: #374151 !important;
}

/* Mobile: kompakter, Labels nur unter aktivem Step */
@media (max-width: 768px) {
  .checkout-steps,
  ul.checkout-steps,
  .bestellvorgang-steps {
    padding: 16px 8px !important;
    gap: 4px;
  }

  .checkout-steps::before {
    left: 40px;
    right: 40px;
  }

  .checkout-steps li .nav-link::before,
  .checkout-steps li > a::before,
  .checkout-steps li > span::before {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  /* Labels nur fuer aktiven Step zeigen auf mobile */
  .checkout-steps li:not(.active) .nav-link,
  .checkout-steps li:not(.active) > a,
  .checkout-steps li:not(.active) > span {
    font-size: 0 !important;
  }

  .checkout-steps li:not(.active) .nav-link::before,
  .checkout-steps li:not(.active) > a::before {
    /* Bleibt sichtbar */
    font-size: 13px !important;
  }
}

/* Wenn JTL keine eigenen Klassen nutzt, Fallback ueber Position */
.checkout-steps li:first-child {
  margin-left: 0;
}

.checkout-steps li:last-child {
  margin-right: 0;
}

/* ─── 25.3) FORM-INPUT-ERROR-STYLING ────────────────────────── */
/* Damit unsere DE-Validierung gut aussieht */

.checkout-register-form .form-control:invalid:not(:placeholder-shown):not(:focus) {
  border-color: #fecaca !important;
}

.checkout-register-form .form-control.is-invalid,
.checkout-register-form .form-control:invalid:not(:placeholder-shown).touched {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08) !important;
}

.checkout-register-form .invalid-feedback,
.checkout-register-form .error-message,
.checkout-register-form .field-error {
  color: #dc2626 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  display: block !important;
}

.checkout-register-form .invalid-feedback::before,
.checkout-register-form .error-message::before {
  content: "⚠ ";
  margin-right: 4px;
}

/* ============================================================
 * 26. CHECKOUT V4 — Step-Indicator Modern (echte Klassen)
 * Markup: nav.stepper.checkout-steps > col.step.step-active.step-current
 *   > .step-content > .badge.badge-pill > .badge-count + .step-text + .step-check
 * ============================================================ */

/* Container — moderne Card */
nav.stepper.checkout-steps,
.checkout-steps {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  padding: 22px 24px !important;
  margin: 0 0 24px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  position: relative !important;
}

/* Verbindungslinie (background) */
nav.stepper.checkout-steps::before,
.checkout-steps::before {
  content: "";
  position: absolute;
  top: calc(22px + 18px);
  left: 80px;
  right: 80px;
  height: 2px;
  background: #e5e7eb;
  z-index: 0;
}

/* Step-Item */
nav.stepper.checkout-steps .step,
.checkout-steps .step {
  flex: 1 1 auto !important;
  max-width: none !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1;
  display: flex !important;
  justify-content: center !important;
}

nav.stepper.checkout-steps .step a,
.checkout-steps .step a {
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
  width: 100% !important;
}

/* Step-Content (Badge + Text) */
.checkout-steps .step .step-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  background: #ffffff !important;
  text-align: center !important;
}

/* Badge (Nummer-Kreis) — DEFAULT inactive */
.checkout-steps .step .badge,
.checkout-steps .step .badge-pill {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e5e7eb !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 0 0 2px #e5e7eb !important;
  transition: all 0.2s !important;
  line-height: 1 !important;
}

.checkout-steps .step .badge-count {
  display: block;
  line-height: 1;
}

/* Step-Text Label */
.checkout-steps .step .step-text {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: inline-block !important;
}

/* === ACTIVE STEP (aktuell drauf) === */
.checkout-steps .step.step-current .badge,
.checkout-steps .step.step-current .badge-pill {
  background: var(--brand-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px var(--brand-primary), 0 0 0 6px rgba(var(--brand-primary-rgb),0.15) !important;
}

.checkout-steps .step.step-current .step-text {
  color: var(--brand-primary) !important;
  font-weight: 700 !important;
}

/* === COMPLETED STEPS (vor dem aktuellen) === */
.checkout-steps .step.step-active:not(.step-current) .badge,
.checkout-steps .step.step-active:not(.step-current) .badge-pill {
  background: var(--brand-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px var(--brand-primary) !important;
}

.checkout-steps .step.step-active:not(.step-current) .step-text {
  color: #374151 !important;
}

/* Haekchen wenn step completed */
.checkout-steps .step .step-check {
  display: none !important;
}

.checkout-steps .step.step-active:not(.step-current) .badge {
  position: relative;
}

/* Hide das eigentliche Number-Badge und zeige Haekchen */
.checkout-steps .step.step-active:not(.step-current) .badge-count {
  display: none !important;
}

.checkout-steps .step.step-active:not(.step-current) .badge::before {
  content: "✓";
  font-size: 18px;
  font-weight: 700;
  display: block;
}

/* === MOBILE OPTIMIERUNG === */
@media (max-width: 768px) {
  nav.stepper.checkout-steps,
  .checkout-steps {
    padding: 16px 12px !important;
    margin-bottom: 16px !important;
    gap: 0 !important;
  }

  nav.stepper.checkout-steps::before,
  .checkout-steps::before {
    top: calc(16px + 16px);
    left: 50px;
    right: 50px;
  }

  .checkout-steps .step .step-content {
    gap: 6px !important;
    padding: 0 6px !important;
  }

  .checkout-steps .step .badge,
  .checkout-steps .step .badge-pill {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 13px !important;
  }

  /* Step-Text auf Mobile: NUR fuer aktuellen Step sichtbar (d-none d-md-inline-block ist Standard) */
  .checkout-steps .step:not(.step-current) .step-text {
    font-size: 0 !important;
    display: none !important;
  }

  .checkout-steps .step.step-current .step-text {
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-block !important;
  }
}

/* === Trustbar im Header NULL Bytes => komplett weg === */
.layout-header .secure-checkout-topbar,
header .secure-checkout-topbar,
[class*="secure-checkout-topbar"] {
  display: none !important;
}

/* Header Bestellvorgang: nur Logo */
body[class*="bestellvorgang"] header .container-fluid,
body[class*="bestellvorgang"] header .navbar {
  min-height: 60px !important;
}

/* Warenkorb/header brand pass: ROTHLER logo darf sichtbarer sein. */
body[data-page="3"] #jtl-nav-wrapper .navbar-brand img[src*="rothler-logo.svg"],
body[data-page="3"] header .navbar-brand img[src*="rothler-logo.svg"] {
  width: 214px !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
}

@media (max-width: 991.98px) {
  body[data-page="3"] #jtl-nav-wrapper .navbar-brand img[src*="rothler-logo.svg"],
  body[data-page="3"] header .navbar-brand img[src*="rothler-logo.svg"] {
    width: min(44vw, 174px) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
  }
}

@media (max-width: 575.98px) {
body[data-page="3"] #jtl-nav-wrapper .navbar-brand img[src*="rothler-logo.svg"],
body[data-page="3"] header .navbar-brand img[src*="rothler-logo.svg"] {
    width: min(46vw, 166px) !important;
  }
}

/* === ROTHLER typography foundation: consistent, readable ecommerce scale. === */
:root {
  --rt-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --rt-type-text: #111827;
  --rt-type-muted: #4b5563;
  --rt-type-soft: #6b7280;
  --rt-type-faint: #8a94a6;
  --rt-type-brand: var(--brand-primary);
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body,
body.is-nova {
  color: var(--rt-type-text) !important;
  font-family: var(--rt-font-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

button,
input,
select,
textarea,
.btn,
.form-control,
.dropdown-menu {
  font-family: var(--rt-font-sans) !important;
  letter-spacing: 0 !important;
}

h1,
.h1 {
  color: var(--rt-type-text) !important;
  font-family: var(--rt-font-sans) !important;
  font-size: 32px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

h2,
.h2 {
  color: var(--rt-type-text) !important;
  font-family: var(--rt-font-sans) !important;
  font-size: 24px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

h3,
.h3 {
  color: var(--rt-type-text) !important;
  font-family: var(--rt-font-sans) !important;
  font-size: 20px !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

p,
li,
.productbox-title,
.productbox-title a,
.cart-items-name,
.cart-items-name a,
.rt-basket,
.rt-basket a,
.small,
small {
  font-family: var(--rt-font-sans) !important;
  letter-spacing: 0 !important;
}

p,
li {
  color: inherit;
  line-height: 1.5;
}

.small,
small,
.text-muted,
.text-muted-util,
.breadcrumb,
.breadcrumb a {
  color: var(--rt-type-soft) !important;
}

a {
  text-underline-offset: 3px;
}

a:hover {
  color: var(--brand-primary-dark);
}

.btn,
button[type="submit"],
button[type="button"] {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
select,
textarea {
  color: var(--rt-type-text) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--rt-type-soft) !important;
  opacity: 1 !important;
}

label,
.form-label,
.col-form-label {
  color: var(--rt-type-muted) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 767.98px) {
  body,
  body.is-nova {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  h1,
  .h1 {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  h2,
  .h2 {
    font-size: 22px !important;
  }

  .form-control,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  input[type="number"],
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* CTA contrast: darker brand action blue keeps ROTHLER look and passes AA. */
.btn-primary,
a.btn-primary,
button.btn-primary,
#add-to-cart .btn-primary,
#cart-checkout-btn,
#cart-checkout-btn2 {
  background-color: var(--brand-primary-dark) !important;
  border-color: var(--brand-primary-dark) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover,
#add-to-cart .btn-primary:hover,
#cart-checkout-btn:hover,
#cart-checkout-btn2:hover {
  background-color: var(--brand-primary-dark) !important;
  border-color: var(--brand-primary-dark) !important;
  color: #ffffff !important;
}

/* ============================================================
 * 31. PRODUCTLIST UX — stable category cards and calm controls
 * ============================================================ */

#content > h1 {
  max-width: 860px;
  margin-bottom: 12px !important;
}

#content > h1 + p,
#content > h1 + .desc,
#content > h1 + .category-description {
  max-width: 980px;
  color: #2f3948;
  font-size: 17px;
  line-height: 1.55;
}

.productlist-page-nav-top {
  margin-top: 30px;
  margin-bottom: 16px;
  border-color: #e6edf5;
}

.productlist-page-nav-bottom {
  margin-top: 16px;
  margin-bottom: 26px;
  border-color: #e6edf5;
}

.productlist-page-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.productlist-page-nav .displayoptions {
  flex: 0 1 auto;
  max-width: none;
}

.productlist-page-nav .displayoptions > .btn-group,
.productlist-page-nav .displayoptions > div,
.productlist-page-nav .filter-type-FilterItemSort,
.productlist-page-nav .filter-type-FilterItemLimits {
  margin-right: 8px;
  margin-bottom: 0;
}

.productlist-page-nav .btn,
#result-options .btn {
  min-height: 38px;
  padding: 9px 16px;
  border: 1px solid #d5e0eb !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #4b5563 !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.15;
}

.productlist-page-nav .btn:hover,
.productlist-page-nav .show > .btn,
#result-options .btn:hover {
  border-color: var(--brand-tint-strong) !important;
  background: #f7fbff !important;
  color: var(--brand-primary-dark) !important;
}

.productlist-item-info {
  margin-left: auto;
  color: #596678;
  font-size: 12.5px;
  font-weight: 650;
  letter-spacing: 0;
  white-space: nowrap;
}

:is(#product-list, .opc-ProductStream).layout-gallery {
  row-gap: 38px;
}

:is(#product-list, .opc-ProductStream) .product-wrapper {
  margin-bottom: 44px !important;
}

:is(#product-list, .opc-ProductStream) .productbox.productbox-hover {
  height: 100%;
}

:is(#product-list, .opc-ProductStream) .productbox.productbox-hover:hover,
:is(#product-list, .opc-ProductStream) .productbox.productbox-hover:focus,
:is(#product-list, .opc-ProductStream) .productbox.productbox-hover.focus {
  z-index: 2 !important;
}

:is(#product-list, .opc-ProductStream) .productbox.productbox-hover .productbox-inner {
  min-height: 100%;
  padding: 0 0 12px;
}

:is(#product-list, .opc-ProductStream) .productbox.productbox-hover .productbox-inner::before {
  display: block;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  border: 0 !important;
  border-radius: 14px;
  background: transparent !important;
  box-shadow: none !important;
}

@media (min-width: 768px) {
  :is(#product-list, .opc-ProductStream) .productbox.productbox-hover:hover .productbox-inner::before,
  :is(#product-list, .opc-ProductStream) .productbox.productbox-hover:focus .productbox-inner::before,
  :is(#product-list, .opc-ProductStream) .productbox.productbox-hover.focus .productbox-inner::before {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    box-shadow: none !important;
  }
}

:is(#product-list, .opc-ProductStream) .productbox-images {
  overflow: hidden;
  border-radius: 10px;
  background: #f6f8fb;
  box-shadow: inset 0 0 0 1px rgba(205, 216, 228, 0.72);
  transition: box-shadow 180ms ease, transform 180ms ease;
}

:is(#product-list, .opc-ProductStream) .productbox-image img {
  transition: transform 180ms ease, opacity 180ms ease;
  transform-origin: center;
}

/* Show the second product-gallery image on hover, without touching NOVA's image centering transform. */
:is(#product-list, .opc-ProductStream) .list-gallery .first-wrapper,
:is(#product-list, .opc-ProductStream) .list-gallery .second-wrapper,
:is(#product-list, .opc-ProductStream) .list-gallery img.first,
:is(#product-list, .opc-ProductStream) .list-gallery img.second {
  transition: opacity 180ms ease;
}

:is(#product-list, .opc-ProductStream) .list-gallery .second-wrapper {
  pointer-events: none !important;
}

@media (hover: hover) and (pointer: fine) {
  :is(#product-list, .opc-ProductStream) .list-gallery:hover img.first {
    opacity: 0 !important;
  }

  :is(#product-list, .opc-ProductStream) .list-gallery:hover img.second {
    opacity: 1 !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  :is(#product-list, .opc-ProductStream) .productbox.productbox-hover:hover .productbox-images {
    box-shadow: inset 0 0 0 1px rgba(var(--brand-primary-rgb), 0.34), 0 10px 26px rgba(17, 24, 39, 0.08);
    transform: translateY(-1px);
  }
}

:is(#product-list, .opc-ProductStream) .productbox-ribbon.ribbon {
  top: 12px !important;
  left: 12px !important;
  min-height: 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.92) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
}

:is(#product-list, .opc-ProductStream) .productbox-inner > .row > .col-12:last-child {
  display: flex;
  flex-direction: column;
}

:is(#product-list, .opc-ProductStream) .productbox-title {
  order: 2;
  min-height: 52px !important;
  margin: 7px 0 0 !important;
}

:is(#product-list, .opc-ProductStream) .productbox-title .text-clamp-2 {
  display: -webkit-box !important;
  min-height: auto;
  padding-top: 0;
  overflow: hidden;
  color: var(--rt-type-text) !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.32;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

:is(#product-list, .opc-ProductStream) .productbox-title a:hover,
:is(#product-list, .opc-ProductStream) .productbox.productbox-hover:hover .productbox-title a {
  color: var(--brand-primary-dark) !important;
  text-decoration: none;
}

:is(#product-list, .opc-ProductStream) .productlist-variation-rating {
  order: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 20px;
  margin: 9px 0 0 !important;
  gap: 8px;
  color: var(--brand-primary-dark);
  font-size: 12px;
  line-height: 1.25;
}

:is(#product-list, .opc-ProductStream) .rt-productlist-variation {
  order: 2;
  min-width: 0;
}

:is(#product-list, .opc-ProductStream) .rt-productlist-variation span {
  display: inline-flex;
  align-items: center;
  min-height: 19px;
  padding: 1px 0;
  color: var(--brand-primary-dark);
  font-weight: 700;
  white-space: nowrap;
}

:is(#product-list, .opc-ProductStream) .rothler-rating-wrap {
  order: 1;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  min-width: max-content;
  white-space: nowrap;
}

:is(#product-list, .opc-ProductStream) .rothler-rating-count {
  color: #697486;
  font-size: 12px;
  font-weight: 650;
}

:is(#product-list, .opc-ProductStream) .product-wrapper [itemprop="offers"] {
  order: 3;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
  min-height: 0;
  line-height: 1.12;
}

:is(#product-list, .opc-ProductStream) .product-wrapper [itemprop="offers"] .price_wrapper {
  display: flex !important;
  align-items: baseline;
  gap: 5px;
  margin: 0 !important;
  line-height: 1.12;
}

:is(#product-list, .opc-ProductStream) .product-wrapper [itemprop="offers"] .price-note {
  display: none !important;
}

:is(#product-list, .opc-ProductStream) .price_label.pricestarting,
:is(#product-list, .opc-ProductStream) .price_label.nowonly {
  color: #6b7280 !important;
  font-size: 12.5px;
  font-weight: 650;
}

:is(#product-list, .opc-ProductStream) .productbox-price.price,
:is(#product-list, .opc-ProductStream) .price.productbox-price {
  color: var(--brand-primary-dark) !important;
  font-size: 19px !important;
  font-weight: 780 !important;
  line-height: 1.12 !important;
}

:is(#product-list, .opc-ProductStream) .rt-productlist-delivery {
  order: 4;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 4px;
  color: #337c64;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
}

:is(#product-list, .opc-ProductStream) .rt-productlist-delivery__dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #2f8f6b;
  box-shadow: 0 0 0 4px rgba(47, 143, 107, 0.12);
}

:is(#product-list, .opc-ProductStream) .rt-productlist-delivery__sep,
:is(#product-list, .opc-ProductStream) .rt-productlist-delivery__time {
  color: #4d8f78;
  font-weight: 650;
}

@media (max-width: 991.98px) {
  .productlist-page-nav {
    align-items: stretch;
    justify-content: flex-start;
  }

  .productlist-page-nav .displayoptions {
    width: 100%;
  }

  .productlist-item-info {
    width: 100%;
    margin-left: 0;
    text-align: left;
  }
}

@media (max-width: 767.98px) {
  #content > h1 {
    margin-bottom: 10px !important;
    font-size: 28px !important;
  }

  #content > h1 + p,
  #content > h1 + .desc,
  #content > h1 + .category-description {
    font-size: 15px;
    line-height: 1.5;
  }

  .productlist-page-nav-top {
    margin-top: 22px;
  }

  .productlist-page-nav {
    gap: 10px;
  }

  .productlist-page-nav .displayoptions > .btn-group,
  .productlist-page-nav .displayoptions > div,
  .productlist-page-nav .filter-type-FilterItemSort,
  .productlist-page-nav .filter-type-FilterItemLimits {
    margin-right: 6px;
    margin-bottom: 8px;
  }

  .productlist-page-nav .btn,
  #result-options .btn {
    min-height: 42px;
    padding-right: 13px;
    padding-left: 13px;
    border-radius: 9px !important;
    font-size: 13px !important;
  }

  :is(#product-list, .opc-ProductStream).layout-gallery {
    row-gap: 30px;
    margin-right: -7px;
    margin-left: -7px;
  }

  :is(#product-list, .opc-ProductStream) .product-wrapper {
    margin-bottom: 32px !important;
    padding-right: 7px;
    padding-left: 7px;
  }

  :is(#product-list, .opc-ProductStream) .productbox.productbox-hover .productbox-inner::before {
    display: none;
  }

  :is(#product-list, .opc-ProductStream) .productbox-images {
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(205, 216, 228, 0.72);
  }

  :is(#product-list, .opc-ProductStream) .productbox-ribbon.ribbon {
    top: 8px !important;
    left: 8px !important;
    padding: 5px 8px;
    font-size: 9.5px;
  }

  :is(#product-list, .opc-ProductStream) .productbox-title {
    min-height: 55px !important;
    margin-top: 6px !important;
  }

  :is(#product-list, .opc-ProductStream) .productbox-title .text-clamp-2 {
    font-size: 13.7px;
    font-weight: 700;
    line-height: 1.32;
    -webkit-line-clamp: 3;
  }

  :is(#product-list, .opc-ProductStream) .productlist-variation-rating {
    flex-direction: column;
    align-items: flex-start;
    min-height: 38px;
    gap: 2px;
    margin: 8px 0 0 !important;
    font-size: 11.5px;
  }

  :is(#product-list, .opc-ProductStream) .rothler-rating-wrap {
    justify-content: flex-start;
  }

  :is(#product-list, .opc-ProductStream) .product-wrapper [itemprop="offers"] {
    margin-top: 5px;
  }

  :is(#product-list, .opc-ProductStream) .productbox-price.price,
  :is(#product-list, .opc-ProductStream) .price.productbox-price {
    font-size: 16.5px !important;
  }

  :is(#product-list, .opc-ProductStream) .rt-productlist-delivery {
    margin-top: 4px;
    font-size: 11.5px;
  }
}

/* ============================================================
 * 28. PDP ABOVE FOLD v1
 * Ruhigere Kaufzone, klare Hierarchie, kompakter Trust.
 * ============================================================ */

#product-offer.product-detail {
  --rt-pdp-blue: var(--brand-primary);
  --rt-pdp-blue-dark: var(--brand-primary-dark);
  --rt-pdp-ink: #111827;
  --rt-pdp-muted: #667085;
  --rt-pdp-line: #dbe5ef;
  --rt-pdp-soft: #f6f9fc;
  align-items: flex-start !important;
}

#product-offer .product-info-inner {
  color: var(--rt-pdp-ink);
}

#product-offer .product-headline {
  margin-bottom: 9px;
}

#product-offer .product-title.h2 {
  margin: 0 !important;
  color: var(--rt-pdp-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: clamp(25px, 2.1vw, 34px);
  font-weight: 780;
  line-height: 1.13;
  letter-spacing: 0;
}

#product-offer .rating-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 0 0 10px;
  color: #5f6b7a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

#product-offer .rating-wrapper a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4d5a6b;
  text-decoration: none;
}

#product-offer .rating-wrapper a:hover {
  color: var(--rt-pdp-blue);
}

#product-offer .rating-wrapper .rating {
  display: inline-flex;
  gap: 2px;
  color: #f5b62d !important;
  font-size: 14px;
}

#product-offer .liebenauch {
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 6px 9px;
  gap: 8px;
  border: 1px solid #ece7d8;
  border-radius: 999px;
  background: #fbf8ef;
  color: #1f2937;
}

#product-offer .trust-image {
  width: 30px;
  height: 30px;
  border-radius: 999px;
}

#product-offer .text_liebenauch {
  padding-left: 0;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.2;
  white-space: normal;
}

#product-offer .info-essential.list-unstyled {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 8px 0 0 !important;
  color: #8a94a3;
  font-size: 12.5px;
  font-weight: 600;
  opacity: 1;
}

#product-offer .info-essential li {
  margin: 0;
}

#product-offer .shortdesc {
  margin: 17px 0 16px !important;
  padding: 14px 16px;
  border: 1px solid #e5edf5;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
}

#product-offer .shortdesc ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#product-offer .shortdesc li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  margin: 0;
  color: #273548;
  font-size: 14px;
  font-weight: 520;
  line-height: 1.34;
}

#product-offer .shortdesc li img {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

#product-offer .shortdesc strong {
  font-weight: 760;
  color: #101828;
}

#product-offer .row.variations.switch-variations {
  margin: 0 0 14px !important;
  padding: 14px 14px 4px;
  border: 1px solid #dce7f2;
  border-radius: 14px;
  background: #ffffff;
}

#product-offer .switch-variations dl,
#product-offer .switch-variations dd {
  margin-bottom: 0;
}

#product-offer .variation-wrapper {
  margin-bottom: 10px;
}

#product-offer .variation-wrapper dt {
  margin-bottom: 6px;
  color: #344054;
  font-size: 13.5px;
  font-weight: 760;
  line-height: 1.25;
}

#product-offer .variation-wrapper .bootstrap-select {
  width: 100% !important;
}

#product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 8px 42px 8px 14px;
  border: 1px solid #d8e4f0 !important;
  border-radius: 11px !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l4 4 4-4' fill='none' stroke='%23475467' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 18px 18px !important;
  box-shadow: none !important;
  color: #111827;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.25;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

#product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle.bs-placeholder {
  opacity: 1 !important;
}

#product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle:hover,
#product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle:focus,
#product-offer .variation-wrapper .bootstrap-select.show > .dropdown-toggle {
  border-color: var(--brand-tint-strong) !important;
  background-color: #fbfdff !important;
  box-shadow: 0 0 0 2px rgba(var(--brand-primary-rgb), 0.08) !important;
}

#product-offer .variation-wrapper .bootstrap-select.show > .dropdown-toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11l4-4 4 4' fill='none' stroke='%23475467' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: none !important;
}

#product-offer .variation-wrapper .bootstrap-select .filter-option {
  position: static;
  display: flex;
  align-items: center;
  height: auto;
  min-height: 30px;
  padding: 0;
  font-size: 15px !important;
  line-height: inherit !important;
}

#product-offer .variation-wrapper .bootstrap-select .filter-option-inner,
#product-offer .variation-wrapper .bootstrap-select .filter-option-inner-inner {
  display: block;
  width: 100%;
  min-width: 0;
}

#product-offer .variation-wrapper .bootstrap-select .filter-option-inner-inner {
  overflow: hidden;
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px !important;
  font-weight: 700;
}

#product-offer .variation-wrapper .bootstrap-select .bs-placeholder .filter-option-inner-inner {
  color: #98a2b3;
}

#product-offer .variation-wrapper .bootstrap-select > .dropdown-menu {
  max-height: none !important;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #dde8f2;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
  overflow: visible !important;
  z-index: 1060;
}

#product-offer .variation-wrapper .bootstrap-select > .dropdown-menu > .inner {
  max-height: min(44vh, 310px) !important;
  padding: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#product-offer .variation-wrapper .bootstrap-select .dropdown-menu.inner {
  position: static !important;
  display: block;
  float: none;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#product-offer .variation-wrapper .bootstrap-select .dropdown-menu.inner > li {
  margin: 0 0 2px;
}

#product-offer .variation-wrapper .bootstrap-select .dropdown-menu.inner > li:last-child {
  margin-bottom: 0;
}

#product-offer .variation-wrapper .bootstrap-select .dropdown-item {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 8px;
  color: #344054;
  font-size: 14px !important;
  font-weight: 650;
  line-height: 1.28;
  white-space: normal;
}

#product-offer .variation-wrapper .bootstrap-select .check-mark {
  display: none !important;
}

#product-offer .variation-wrapper .bootstrap-select .dropdown-item .text {
  display: block;
  width: 100%;
  min-width: 0;
}

#product-offer .variation-wrapper .rt-variation-option {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  width: 100%;
  min-width: 0;
}

#product-offer .variation-wrapper .rt-variation-option__main {
  min-width: 0;
  color: #344054;
}

#product-offer .variation-wrapper .rt-variation-option__badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 20px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.25;
  white-space: normal;
}

#product-offer .variation-wrapper .rt-variation-option__badge--hint {
  border: 1px solid #d4e5f6;
  background: #f3f8fd;
  color: var(--brand-primary-dark);
}

#product-offer .variation-wrapper .rt-variation-option__badge--stock {
  border: 1px solid #ead7b8;
  background: #fff8ed;
  color: #8a5a12;
}

#product-offer .variation-wrapper .dropdown-item.rt-variation-choice--limited .rt-variation-option__main,
#product-offer .variation-wrapper .dropdown-item.rt-variation-choice--stock .rt-variation-option__main {
  color: #667085;
}

#product-offer .variation-wrapper .dropdown-item.rt-variation-choice--limited:hover .rt-variation-option__badge--hint,
#product-offer .variation-wrapper .dropdown-item.rt-variation-choice--limited:focus .rt-variation-option__badge--hint {
  border-color: var(--brand-tint);
  background: #eaf4ff;
  color: var(--brand-primary-dark);
}

#product-offer .variation-wrapper .badge-not-available.rt-variation-option__badge--dynamic {
  margin-left: 8px;
  border: 1px solid #d4e5f6 !important;
  background: #f3f8fd !important;
  color: var(--brand-primary-dark) !important;
  vertical-align: middle;
}

#product-offer .variation-wrapper .filter-option-inner-inner .rt-variation-option__badge--dynamic {
  margin-left: 8px;
  transform: translateY(-1px);
}

#product-offer .variation-wrapper .bootstrap-select .dropdown-item:hover,
#product-offer .variation-wrapper .bootstrap-select .dropdown-item:focus {
  background: #f2f8ff;
  color: #0f172a;
}

#product-offer .variation-wrapper .bootstrap-select .dropdown-item.active,
#product-offer .variation-wrapper .bootstrap-select .dropdown-item.selected {
  background: #e9f4ff;
  color: var(--brand-primary);
  font-weight: 760;
}

#product-offer .variation-wrapper .bootstrap-select .badge-not-available {
  margin-left: 6px;
  font-size: 11px;
  vertical-align: middle;
}

#product-offer .swatches-text {
  min-height: 42px;
  padding: 9px 13px !important;
  border: 1px solid #d9e4ee !important;
  border-radius: 9px !important;
  background: #ffffff;
  color: #1f2937;
  font-size: 14px;
  font-weight: 650;
  transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

#product-offer .swatches-text:hover {
  border-color: var(--brand-tint) !important;
  background: #f7fbff !important;
}

#product-offer .swatches-text.active {
  border-color: var(--rt-pdp-blue) !important;
  background: #eff7ff !important;
  color: var(--rt-pdp-blue-dark) !important;
}

#product-offer .product-offer > .row {
  margin-right: 0;
  margin-left: 0;
}

#product-offer .product-offer > .row > .col {
  padding-right: 0;
  padding-left: 0;
}

#product-offer .price_wrapper {
  margin: 0 0 12px !important;
}

#product-offer .price_wrapper .price.h1 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(31px, 2.7vw, 43px) !important;
  font-weight: 820 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

#product-offer .price_label.pricestarting {
  color: #6b7280;
  font-size: 15px;
  font-weight: 700;
}

#product-offer .rothler-price-block {
  gap: 7px;
  margin-top: 7px;
}

#product-offer .rothler-save-row {
  gap: 8px;
  color: #475467;
  font-size: 13px;
}

#product-offer .rothler-pill {
  border-color: #fecaca;
  border-radius: 999px;
  background: #fff1f1;
  color: #a31616;
}

#product-offer .rothler-trust {
  gap: 12px;
  margin-top: 0;
  color: #5f6b7a;
  font-size: 12.5px;
}

#product-offer .stock-information.stock-information-p {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
}

#product-offer .delivery-status ul {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
}

#product-offer .delivery-status .status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #247b5b !important;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.25;
}

#product-offer .delivery-status .status-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e4f6ed;
  color: #247b5b;
  font-size: 10px;
}

#product-offer .rt-product-delivery-time__inner {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 8px 10px;
  border: 1px solid #d7efe3;
  border-radius: 10px;
  background: #f3fbf7;
  color: #28614d;
  font-size: 13px;
  line-height: 1.25;
}

#product-offer .rt-product-delivery-time__label,
#product-offer .rt-product-delivery-time__hint {
  color: #58736a;
  font-weight: 600;
}

#product-offer .rt-product-delivery-time__value {
  color: #236e52;
  font-weight: 820;
}

#product-offer .alert.choose-variations.alert-info {
  width: 100%;
  margin: 0;
  padding: 13px 15px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #eff6ff;
  color: var(--brand-primary-dark);
  font-size: 14px;
  font-weight: 760;
  letter-spacing: 0;
}

#product-offer #add-to-cart {
  margin-top: 5px;
}

#product-offer #add-to-cart > .row {
  margin-right: -5px;
  margin-left: -5px;
}

#product-offer #add-to-cart > .row > [class*="col"] {
  padding-right: 5px;
  padding-left: 5px;
}

#product-offer .rt-pdp-payment-strip {
  margin: 12px 0 0;
  padding: 9px 12px;
  border: 1px solid #e5edf5;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
}

#product-offer .rt-pdp-payment-strip picture,
#product-offer .rt-pdp-payment-strip img {
  display: block;
}

#product-offer .rt-pdp-payment-strip img {
  width: 100%;
  max-height: 45px;
  object-fit: contain;
  object-position: left center;
}

#product-offer .rothler-trust-section {
  margin: 13px 0 0;
  padding: 12px 0 0;
}

#product-offer .rothler-trust-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

#product-offer .rothler-trust-card {
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
  gap: 8px;
  padding: 10px;
  border: 1px solid #e4edf6;
  border-radius: 11px;
  background: #ffffff;
}

#product-offer .rothler-trust-iconwrap {
  width: 34px;
  height: 34px;
}

#product-offer .rothler-trust-iconwrap svg {
  width: 18px;
  height: 18px;
}

#product-offer .rothler-trust-text {
  align-items: flex-start;
}

#product-offer .rothler-trust-text strong {
  font-size: 12.5px;
}

#product-offer .rothler-trust-text span {
  font-size: 11.5px;
}

#product-offer #image_wrapper {
  margin-bottom: 18px !important;
}

#product-offer #gallery_wrapper,
#product-offer #gallery .square-image,
#product-offer #gallery .inner,
#product-offer #gallery img {
  border-radius: 13px;
}

#product-offer #gallery .inner {
  background: #f8fafc;
}

#product-offer .product-detail-image-preview-bar .square.square-image {
  border-radius: 8px;
}

@media (min-width: 992px) {
  #content-wrapper:not(.has-fluid) {
    padding-top: 18px !important;
  }

  #product-offer.product-detail {
    max-width: 1320px;
    margin: 0 auto 34px !important;
  }

  #product-offer > .product-gallery {
    flex: 0 0 56% !important;
    max-width: 56% !important;
    padding-right: 30px;
  }

  #product-offer > .product-info {
    flex: 0 0 44% !important;
    max-width: 44% !important;
    padding-left: 22px;
  }

  #product-offer .product-info-inner {
    position: sticky;
    top: 108px;
    padding: 22px;
    border: 1px solid #e3ebf3;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 22px 60px -46px rgba(15, 23, 42, 0.45);
  }
}

@media (min-width: 1200px) {
  #product-offer > .product-gallery {
    flex-basis: 58% !important;
    max-width: 58% !important;
  }

  #product-offer > .product-info {
    flex-basis: 42% !important;
    max-width: 42% !important;
  }
}

@media (max-width: 991.98px) {
  #product-offer.product-detail {
    margin-top: 0 !important;
  }

  #product-offer > .product-gallery,
  #product-offer > .product-info {
    padding-right: 12px;
    padding-left: 12px;
  }

  #product-offer .product-info-inner {
    padding-top: 4px;
  }

  #product-offer .product-title.h2 {
    font-size: 25px;
  }

  #product-offer .shortdesc {
    padding: 13px;
  }

  #product-offer .shortdesc ul {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #product-offer .row.variations.switch-variations {
    padding: 13px 13px 3px;
  }
}

@media (max-width: 575.98px) {
  #product-offer .rating-wrapper {
    gap: 8px;
    font-size: 13px;
  }

  #product-offer .liebenauch {
    border-radius: 12px;
  }

  #product-offer .text_liebenauch {
    font-size: 12.5px;
  }

  #product-offer .price_wrapper .price.h1 {
    font-size: 30px !important;
  }

  #product-offer .rt-pdp-payment-strip img {
    max-height: 37px;
    object-position: center;
  }

  #product-offer .rothler-trust-grid {
    grid-template-columns: 1fr 1fr;
  }

#product-offer .rothler-trust-card {
    padding: 9px 8px;
  }
}

/* Step 2 polish: benefits must stay readable in the buy panel. */
#product-offer .shortdesc ul {
  grid-template-columns: 1fr;
  gap: 7px;
}

#product-offer .shortdesc li {
  display: block;
  position: relative;
  padding-left: 27px;
}

#product-offer .shortdesc li img {
  display: none !important;
}

#product-offer .shortdesc li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--brand-tint);
  border-radius: 999px;
  color: var(--brand-primary);
  background: #eff7ff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

/* 29. PDP MOBILE PURCHASE FLOW v1 */
.rt-pdp-mobile-cta {
  display: none;
}

@media (max-width: 767.98px) {
  #product-offer.product-detail {
    padding-bottom: calc(98px + env(safe-area-inset-bottom));
  }

  #product-offer > .product-gallery,
  #product-offer > .product-info {
    padding-right: 10px;
    padding-left: 10px;
  }

  #product-offer .product-detail-image-preview-bar .product-thumbnails {
    gap: 8px;
    padding-bottom: 4px;
  }

  #product-offer .product-detail-image-preview-bar .square.square-image {
    width: 68px;
    margin-right: 0;
  }

  #product-offer .product-title.h2 {
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 1.16;
  }

  #product-offer .rating-wrapper {
    margin-bottom: 7px;
  }

  #product-offer .liebenauch {
    width: 100%;
    padding: 8px 9px;
  }

  #product-offer .shortdesc {
    margin: 11px 0 12px !important;
    padding: 12px;
  }

  #product-offer .shortdesc li {
    font-size: 13.5px;
    line-height: 1.34;
  }

  #product-offer .row.variations.switch-variations {
    margin-bottom: 12px;
    padding: 12px 11px 2px;
    border-radius: 13px;
  }

  #product-offer .variation-wrapper {
    margin-bottom: 9px;
  }

  #product-offer .variation-wrapper dt {
    margin-bottom: 5px;
    font-size: 13px;
  }

  #product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle {
    min-height: 46px;
    padding: 8px 40px 8px 13px;
    border-radius: 10px !important;
    font-size: 14.5px !important;
  }

  #product-offer .variation-wrapper .bootstrap-select .filter-option-inner-inner {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  #product-offer .variation-wrapper .bootstrap-select > .dropdown-menu > .inner {
    max-height: min(42vh, 300px) !important;
  }

  #product-offer .variation-wrapper .bootstrap-select > .dropdown-menu {
    max-height: none !important;
    padding: 7px;
    border-radius: 12px;
    overflow: visible !important;
  }

  #product-offer .variation-wrapper .bootstrap-select .dropdown-item {
    min-height: 42px;
    padding: 10px 12px;
    font-size: 13.5px !important;
  }

  #product-offer .variation-wrapper .rt-variation-option {
    gap: 4px 7px;
  }

  #product-offer .variation-wrapper .rt-variation-option__badge {
    min-height: 19px;
    padding: 2px 6px;
    font-size: 10.5px;
  }

  #product-offer .price_wrapper {
    margin: 12px 0 8px !important;
  }

  #product-offer .price_wrapper .price.h1 {
    font-size: 32px !important;
    line-height: 1;
  }

  #product-offer .rt-product-delivery-time,
  #product-offer .delivery-status {
    margin-bottom: 10px;
  }

  #product-offer #add-to-cart {
    margin-top: 9px;
  }

  #product-offer #add-to-cart .btn-primary,
  #product-offer #quantity-grp {
    min-height: 56px;
    height: 56px;
    border-radius: 12px;
  }

  #product-offer #quantity-grp {
    overflow: hidden;
  }

  #product-offer .rt-pdp-payment-strip {
    margin-top: 10px;
    padding: 8px 10px;
  }

  #product-offer .rothler-trust-section {
    margin-top: 10px;
    padding-top: 10px;
  }

  #product-offer .rothler-trust-card {
    min-height: 58px;
  }

  .rt-pdp-mobile-cta {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1035;
    display: block;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(210, 224, 238, 0.92);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -18px 42px -34px rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .rt-pdp-mobile-cta__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(142px, 46%);
    gap: 10px;
    align-items: center;
    max-width: 540px;
    margin: 0 auto;
  }

  .rt-pdp-mobile-cta__summary {
    min-width: 0;
  }

  .rt-pdp-mobile-cta__label,
  .rt-pdp-mobile-cta__note {
    display: block;
    color: #667085;
    font-size: 11px;
    font-weight: 680;
    line-height: 1.2;
  }

  .rt-pdp-mobile-cta__price {
    display: block;
    margin: 1px 0;
    color: #101828;
    font-size: 20px;
    font-weight: 860;
    line-height: 1.05;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .rt-pdp-mobile-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 0 13px;
    border: 0;
    border-radius: 13px;
    background: var(--brand-primary);
    color: #ffffff;
    font-size: 15px;
    font-weight: 820;
    line-height: 1.1;
    letter-spacing: 0;
    box-shadow: 0 16px 28px -21px rgba(var(--brand-primary-rgb), 0.95);
  }

  .rt-pdp-mobile-cta__button:active {
    transform: translateY(1px);
  }

  .rt-pdp-mobile-cta__button:disabled {
    background: var(--brand-tint-strong);
    box-shadow: none;
  }
}

@media (max-width: 374.98px) {
  .rt-pdp-mobile-cta__inner {
    grid-template-columns: 1fr;
  }

  .rt-pdp-mobile-cta__button {
    min-height: 50px;
  }
}

/* 30. PDP BELOW FOLD DECISION SECTION v4 */
.rt-pdp-decision {
  margin: 18px 0 26px;
  color: #111827;
}

.rt-pdp-decision__inner {
  width: min(1320px, calc(100% - 32px));
  margin: 0 auto;
  padding: 22px;
  border: 1px solid #e2ebf4;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 20px 54px -52px rgba(15, 23, 42, 0.28);
}

.rt-pdp-decision__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: end;
  margin-bottom: 16px;
}

.rt-pdp-decision__eyebrow {
  display: inline-flex;
  margin-bottom: 7px;
  color: var(--brand-primary);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.rt-pdp-decision h2 {
  margin: 0 0 8px;
  color: #111827;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: 0;
  max-width: 920px;
}

.rt-pdp-decision__header p,
.rt-pdp-decision__card p {
  max-width: 860px;
  margin: 0;
  color: #667085;
  font-size: 15px;
  line-height: 1.58;
}

.rt-pdp-decision__trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 390px;
}

.rt-pdp-decision__trust span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #d7e8f8;
  border-radius: 999px;
  background: #f5faff;
  color: var(--brand-primary);
  font-size: 12px;
  font-weight: 780;
  line-height: 1;
}

.rt-pdp-decision__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
  gap: 14px;
  align-items: stretch;
}

.rt-pdp-decision__card {
  padding: 18px;
  border: 1px solid #e4edf6;
  border-radius: 16px;
  background: #fbfdff;
}

.rt-pdp-decision__card--lead {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 13px;
  padding: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
}

.rt-pdp-decision__card--facts {
  grid-column: auto;
}

.rt-pdp-decision__card--service {
  background: #f7fbff;
}

.rt-pdp-decision__card--faq {
  grid-column: 1 / -1;
  padding: 0;
  overflow: hidden;
  background: #ffffff;
}

.rt-pdp-decision h3 {
  margin: 0 0 8px;
  color: #111827;
  font-size: 18px;
  font-weight: 840;
  line-height: 1.22;
  letter-spacing: 0;
}

.rt-pdp-decision__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--brand-tint);
  border-radius: 14px;
  background: #eff7ff;
  color: var(--brand-primary);
}

.rt-pdp-decision__icon svg {
  width: 22px;
  height: 22px;
}

.rt-pdp-decision__checks,
.rt-pdp-decision__service {
  display: grid;
  gap: 10px;
  margin: 13px 0 0;
  padding: 0;
  list-style: none;
}

.rt-pdp-decision__checks li,
.rt-pdp-decision__service li {
  position: relative;
  padding-left: 25px;
  color: #344054;
  font-size: 14px;
  font-weight: 690;
  line-height: 1.4;
}

.rt-pdp-decision__checks li::before,
.rt-pdp-decision__service li::before {
  content: "\2713";
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: #e9f7ef;
  color: #1f8a58;
  font-size: 10px;
  font-weight: 900;
}

.rt-pdp-decision__facts {
  display: grid;
  gap: 0;
  margin: 5px 0 0;
}

.rt-pdp-decision__facts div {
  display: grid;
  grid-template-columns: minmax(130px, 0.9fr) minmax(0, 1.1fr);
  gap: 16px;
  padding: 9px 0;
  border-bottom: 1px solid #edf2f7;
}

.rt-pdp-decision__facts div:last-child {
  border-bottom: 0;
}

.rt-pdp-decision__facts dt {
  color: #667085;
  font-size: 13px;
  font-weight: 720;
}

.rt-pdp-decision__facts dd {
  margin: 0;
  color: #111827;
  font-size: 14px;
  font-weight: 780;
  text-align: right;
  word-break: normal;
}

.rt-pdp-decision__service li {
  display: grid;
  grid-template-columns: minmax(90px, 0.75fr) minmax(0, 1.25fr);
  gap: 10px;
  padding-top: 2px;
}

.rt-pdp-decision__service strong {
  color: #111827;
}

.rt-pdp-decision__service span {
  color: #667085;
  font-weight: 620;
}

.rt-pdp-decision__docs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.rt-pdp-decision__docs a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #cfe4f8;
  border-radius: 999px;
  background: #f4f9ff;
  color: var(--brand-primary);
  font-size: 13px;
  font-weight: 780;
  text-decoration: none;
}

.rt-pdp-decision__card--faq h3 {
  padding: 18px 18px 5px;
}

.rt-pdp-decision details {
  border-top: 1px solid #edf2f7;
}

.rt-pdp-decision summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px;
  color: #111827;
  font-size: 15px;
  font-weight: 790;
  line-height: 1.3;
  cursor: pointer;
  list-style: none;
}

.rt-pdp-decision summary::-webkit-details-marker {
  display: none;
}

.rt-pdp-decision summary::after {
  content: "+";
  color: var(--brand-primary);
  font-size: 20px;
  font-weight: 760;
  line-height: 1;
}

.rt-pdp-decision details[open] summary::after {
  content: "-";
}

.rt-pdp-decision details p {
  padding: 0 18px 16px;
  font-size: 14px;
}

@media (max-width: 991.98px) {
  .rt-pdp-decision {
    margin-top: 10px;
  }

  .rt-pdp-decision__inner {
    width: calc(100% - 20px);
    padding: 16px;
    border-radius: 16px;
  }

  .rt-pdp-decision__header {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .rt-pdp-decision__trust {
    justify-content: flex-start;
    max-width: none;
  }

  .rt-pdp-decision__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .rt-pdp-decision h2 {
    font-size: 24px;
  }

  .rt-pdp-decision__card--faq {
    grid-column: auto;
  }

  .rt-pdp-decision__card--lead {
    grid-column: auto;
  }

  .rt-pdp-decision__card--facts {
    grid-column: auto;
  }

  .rt-pdp-decision__facts {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .rt-pdp-decision {
    margin-bottom: 20px;
  }

  .rt-pdp-decision__inner {
    width: calc(100% - 18px);
    padding: 13px;
  }

  .rt-pdp-decision__header {
    margin-bottom: 12px;
  }

  .rt-pdp-decision__trust {
    gap: 6px;
  }

  .rt-pdp-decision__trust span {
    min-height: 28px;
    padding: 0 9px;
    font-size: 11px;
  }

  .rt-pdp-decision__header p,
  .rt-pdp-decision__card p {
    font-size: 14px;
  }

  .rt-pdp-decision__card {
    padding: 14px;
    border-radius: 14px;
  }

  .rt-pdp-decision__card--lead {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .rt-pdp-decision__facts div,
  .rt-pdp-decision__service li {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .rt-pdp-decision__facts dd {
    text-align: left;
  }

  .rt-pdp-decision__card--faq h3 {
    padding: 15px 14px 3px;
  }

  .rt-pdp-decision summary {
    padding: 13px 14px;
  }

  .rt-pdp-decision details p {
    padding: 0 14px 14px;
  }
}

/* ============================================================
 * 31. PDP PURCHASE SECTION v2 — clear sale hierarchy + mobile CTA
 * ============================================================ */

body #product-offer .price_wrapper {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin: 16px 0 12px !important;
  padding: 0 !important;
  text-align: left !important;
}

body #product-offer .rothler-price-block {
  display: contents;
}

body #product-offer .rothler-sale-row {
  order: 1;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 11px;
  margin: 0 0 5px;
  color: #667085;
  font-size: 17px;
  line-height: 1.2;
}

body #product-offer .rothler-uvp {
  color: #667085;
  font-weight: 560;
}

body #product-offer .rothler-uvp s {
  color: #667085;
  text-decoration-color: #667085;
  text-decoration-thickness: 2px;
}

body #product-offer .rothler-discount-pill {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 5px 13px;
  border: 1px solid #d92d20;
  border-radius: 8px;
  background: #d92d20;
  color: #fff;
  font-size: 16px;
  font-weight: 820;
  line-height: 1;
  white-space: nowrap;
}

body #product-offer .price_wrapper .price.h1 {
  order: 2;
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(42px, 4.2vw, 60px) !important;
  font-weight: 850 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
}

body #product-offer .price_wrapper:has(.rothler-sale-row) .price.h1 {
  color: #d41111 !important;
}

body #product-offer .rothler-savings-row {
  order: 3;
  margin-top: 8px;
  color: #475467;
  font-size: 16px;
  font-weight: 560;
  line-height: 1.3;
}

body #product-offer .rothler-savings-row strong {
  color: #182230;
  font-weight: 820;
}

body #product-offer .rothler-price-benefits {
  order: 4;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 8px;
  color: #475467;
  font-size: 15px;
  font-weight: 620;
  line-height: 1.25;
}

body #product-offer .rothler-price-benefit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body #product-offer .rothler-price-benefit svg {
  flex: 0 0 auto;
  color: #98a2b3;
}

body #product-offer .rothler-price-benefit--ship {
  color: #15803d;
  font-weight: 720;
}

body #product-offer .rothler-price-benefit--ship svg {
  color: #15803d;
}

body #product-offer .stock-information.stock-information-p {
  margin: 0 0 15px !important;
}

body #product-offer .delivery-status ul {
  gap: 6px;
}

body #product-offer .delivery-status .status {
  color: #247b5b !important;
  font-size: 17px;
  font-weight: 820;
}

body #product-offer .delivery-status .status-icon {
  width: 25px;
  height: 25px;
  background: #e4f6ed;
  color: #247b5b;
  font-size: 12px;
}

body #product-offer .rt-product-delivery-time__inner {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #2f6f58;
  font-size: 15px;
}

body #product-offer .rt-product-delivery-time__label,
body #product-offer .rt-product-delivery-time__hint {
  color: #5f6f69;
  font-weight: 620;
}

body #product-offer .rt-product-delivery-time__value {
  color: #247b5b;
  font-weight: 830;
}

body #product-offer #add-to-cart {
  margin-top: 14px;
}

body #product-offer #add-to-cart > .row {
  align-items: stretch;
}

body #product-offer #quantity-grp,
body #product-offer #add-to-cart .btn-primary {
  min-height: 64px;
  height: 64px !important;
  border-radius: 14px !important;
}

body #product-offer #quantity-grp {
  border: 1px solid #d9e3ee;
  background: #fff;
}

body #product-offer #quantity-grp .btn,
body #product-offer #quantity-grp input,
body #product-offer #quantity-grp .input-group-text {
  min-height: 62px;
  height: 62px !important;
}

body #product-offer #quantity-grp input.quantity {
  color: #101828 !important;
  font-size: 21px !important;
  font-weight: 760 !important;
}

body #product-offer #quantity-grp .btn {
  color: #475467 !important;
  font-size: 18px !important;
}

body #product-offer #quantity-grp .input-group-text.unit {
  color: #98a2b3 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

body #product-offer #add-to-cart .btn-primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 820 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 16px 28px -18px rgba(var(--brand-primary-rgb), 0.85) !important;
}

body #product-offer #add-to-cart .btn-primary:hover {
  background: var(--brand-primary-dark) !important;
  border-color: var(--brand-primary-dark) !important;
  transform: translateY(-1px);
}

body #product-offer #add-to-cart .btn-primary .btn-basket-check {
  gap: 12px;
}

@media (max-width: 767.98px) {
  body #product-offer .price_wrapper {
    margin: 13px 0 10px !important;
  }

  body #product-offer .rothler-sale-row {
    gap: 8px;
    margin-bottom: 4px;
    font-size: 15px;
  }

  body #product-offer .rothler-discount-pill {
    min-height: 28px;
    padding: 4px 11px;
    border-radius: 8px;
    font-size: 14px;
  }

  body #product-offer .price_wrapper .price.h1 {
    font-size: clamp(39px, 11vw, 50px) !important;
    line-height: 1 !important;
  }

  body #product-offer .rothler-savings-row {
    margin-top: 7px;
    font-size: 15px;
  }

  body #product-offer .rothler-price-benefits {
    gap: 7px 12px;
    margin-top: 7px;
    font-size: 14px;
  }

  body #product-offer .delivery-status .status {
    font-size: 18px;
  }

  body #product-offer .rt-product-delivery-time__inner {
    font-size: 15px;
    line-height: 1.35;
  }

  body #product-offer #add-to-cart {
    margin-top: 13px;
  }

  body #product-offer #add-to-cart > .row {
    flex-wrap: nowrap;
    gap: 10px;
    margin-right: 0;
    margin-left: 0;
  }

  body #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex: 0 0 43% !important;
    max-width: 43% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body #product-offer #add-to-cart > .row > [class*="col"]:nth-child(2) {
    flex: 1 1 auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body #product-offer #quantity-grp,
  body #product-offer #add-to-cart .btn-primary {
    min-height: 62px;
    height: 62px !important;
    border-radius: 13px !important;
  }

  body #product-offer #quantity-grp .btn,
  body #product-offer #quantity-grp input,
  body #product-offer #quantity-grp .input-group-text {
    min-height: 60px;
    height: 60px !important;
  }

  body #product-offer #add-to-cart .btn-primary {
    font-size: 18px !important;
  }

  body #product-offer #add-to-cart .btn-primary .btn-basket-check {
    gap: 9px;
  }
}

@media (max-width: 380px) {
  body #product-offer .rothler-price-benefits {
    display: grid;
    gap: 6px;
  }

  body #product-offer #add-to-cart > .row {
    gap: 8px;
  }

  body #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex-basis: 40% !important;
    max-width: 40% !important;
  }

  body #product-offer #add-to-cart .btn-primary {
    font-size: 16px !important;
  }
}

/* ============================================================
 * 32. PDP BUYBOX BALANCE v1 — price scale, CTA ratio, sticky sale
 * ============================================================ */

@media (min-width: 992px) {
  body #product-offer .product-info {
    font-size: 15px;
  }

  body #product-offer .product-title.h2 {
    margin-bottom: 10px;
    font-size: clamp(28px, 2.35vw, 38px) !important;
    line-height: 1.12 !important;
  }

  body #product-offer .rating-wrapper {
    margin-bottom: 10px;
    font-size: 15px;
  }

  body #product-offer .liebenauch {
    margin-bottom: 13px;
    padding: 8px 10px;
  }

  body #product-offer .text_liebenauch {
    font-size: 13.5px !important;
    line-height: 1.25;
  }

  body #product-offer .price_wrapper {
    margin: 13px 0 10px !important;
  }

  body #product-offer .rothler-sale-row {
    gap: 9px;
    margin-bottom: 4px;
    font-size: 15px;
  }

  body #product-offer .rothler-discount-pill {
    min-height: 28px;
    padding: 4px 11px;
    border-radius: 8px;
    font-size: 14px;
  }

  body #product-offer .price_wrapper .price.h1 {
    font-size: clamp(44px, 3.05vw, 54px) !important;
    line-height: 0.98 !important;
  }

  body #product-offer .rothler-savings-row {
    margin-top: 6px;
    font-size: 14.5px;
  }

  body #product-offer .rothler-price-benefits {
    gap: 8px 13px;
    margin-top: 7px;
    font-size: 13.5px;
  }

  body #product-offer .delivery-status .status {
    font-size: 15px;
  }

  body #product-offer .rt-product-delivery-time__inner {
    font-size: 13.5px;
    line-height: 1.35;
  }

  body #product-offer #add-to-cart {
    margin-top: 13px;
  }

  body #product-offer #add-to-cart > .row {
    flex-wrap: nowrap;
    gap: 12px;
    margin-right: 0;
    margin-left: 0;
  }

  body #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex: 0 0 32% !important;
    max-width: 32% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body #product-offer #add-to-cart > .row > [class*="col"]:nth-child(2) {
    flex: 1 1 auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body #product-offer #quantity-grp,
  body #product-offer #add-to-cart .btn-primary {
    min-height: 60px;
    height: 60px !important;
    border-radius: 14px !important;
  }

  body #product-offer #quantity-grp .btn,
  body #product-offer #quantity-grp input,
  body #product-offer #quantity-grp .input-group-text {
    min-height: 58px;
    height: 58px !important;
  }

  body #product-offer #quantity-grp input.quantity {
    font-size: 18px !important;
  }

  body #product-offer #quantity-grp .btn {
    font-size: 16px !important;
  }

  body #product-offer #add-to-cart .btn-primary {
    font-size: 17px !important;
    line-height: 1.05 !important;
    white-space: nowrap;
  }

  body #product-offer #add-to-cart .btn-primary .btn-basket-check {
    gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  body #product-offer #add-to-cart .btn-primary .fa-shopping-cart {
    font-size: 17px !important;
  }
}

@media (max-width: 767.98px) {
  body #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex: 0 0 39% !important;
    max-width: 39% !important;
  }

  body #product-offer #add-to-cart > .row {
    gap: 9px;
  }

  body #product-offer #quantity-grp,
  body #product-offer #add-to-cart .btn-primary {
    min-height: 60px;
    height: 60px !important;
  }

  body #product-offer #quantity-grp .btn,
  body #product-offer #quantity-grp input,
  body #product-offer #quantity-grp .input-group-text {
    min-height: 58px;
    height: 58px !important;
  }

  body #product-offer #add-to-cart .btn-primary {
    font-size: 16.5px !important;
    line-height: 1.05 !important;
  }

  body #product-offer #add-to-cart .btn-primary .btn-basket-check {
    gap: 7px;
    flex-wrap: nowrap;
  }

  body #product-offer #add-to-cart .btn-primary .fa-shopping-cart {
    font-size: 17px !important;
  }

  .rt-pdp-mobile-cta {
    padding: 9px 10px calc(9px + env(safe-area-inset-bottom));
  }

  .rt-pdp-mobile-cta__inner {
    grid-template-columns: minmax(0, 1fr) minmax(148px, 43%);
    gap: 9px;
  }

  .rt-pdp-mobile-cta__sale {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    margin-bottom: 2px;
    color: #667085;
    font-size: 10.5px;
    font-weight: 720;
    line-height: 1.1;
    white-space: nowrap;
  }

  .rt-pdp-mobile-cta__uvp {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .rt-pdp-mobile-cta__uvp s {
    text-decoration-thickness: 1.5px;
  }

  .rt-pdp-mobile-cta__discount {
    flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 6px;
    background: #d92d20;
    color: #fff;
    font-size: 10.5px;
    font-weight: 820;
    line-height: 1.1;
  }

  .rt-pdp-mobile-cta__price {
    margin: 0;
    font-size: 23px;
    line-height: 1;
  }

  .rt-pdp-mobile-cta__price--sale {
    color: #d41111;
  }

  .rt-pdp-mobile-cta__note {
    margin-top: 2px;
    font-size: 10.5px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .rt-pdp-mobile-cta__button {
    min-height: 56px;
    padding: 0 12px;
    font-size: 15.5px !important;
    line-height: 1.05;
    white-space: nowrap;
  }
}

@media (max-width: 380px) {
  .rt-pdp-mobile-cta__inner {
    grid-template-columns: minmax(0, 1fr) minmax(136px, 42%);
  }

  .rt-pdp-mobile-cta__price {
    font-size: 21px;
  }

  .rt-pdp-mobile-cta__button {
    min-height: 54px;
    font-size: 14.5px !important;
  }
}

/* ============================================================
 * 33. PDP QUANTITY + CTA WIDTH FIX v1
 * ============================================================ */

body #product-offer #quantity-grp {
  display: grid !important;
  grid-template-columns: 46px minmax(42px, 1fr) 34px 46px;
  align-items: stretch !important;
  overflow: hidden;
}

body #product-offer #quantity-grp .input-group-prepend,
body #product-offer #quantity-grp .input-group-append {
  display: contents !important;
}

body #product-offer #quantity-grp .input-group-prepend .btn,
body #product-offer #quantity-grp .input-group-append .btn,
body #product-offer #quantity-grp input.quantity,
body #product-offer #quantity-grp .input-group-text.unit {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body #product-offer #quantity-grp .input-group-prepend .btn {
  grid-column: 1;
}

body #product-offer #quantity-grp input.quantity {
  grid-column: 2;
  padding: 0 !important;
  text-align: center;
}

body #product-offer #quantity-grp .input-group-text.unit {
  grid-column: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  background: transparent !important;
}

body #product-offer #quantity-grp .input-group-append .btn {
  grid-column: 4;
}

body #product-offer #quantity-grp .btn .fas {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  body #product-offer #add-to-cart > .row {
    gap: 14px;
  }

  body #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex: 0 0 38% !important;
    max-width: 38% !important;
  }

  body #product-offer #add-to-cart > .row > [class*="col"]:nth-child(2) {
    flex: 1 1 auto !important;
    max-width: none !important;
  }

  body #product-offer #add-to-cart .btn-primary {
    font-size: 16.5px !important;
  }
}

@media (max-width: 767.98px) {
  body #product-offer #add-to-cart > .row {
    gap: 10px;
  }

  body #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }

  body #product-offer #quantity-grp {
    grid-template-columns: 44px minmax(38px, 1fr) 30px 44px;
  }

  body #product-offer #add-to-cart .btn-primary {
    font-size: 16px !important;
  }
}

/* ============================================================
 * 34. PDP DECISION SECTION v6 — compact technical guidance
 * ============================================================ */

.rt-pdp-decision {
  margin: 22px 0 28px;
  color: #111827;
}

.rt-pdp-decision__inner {
  width: min(1280px, calc(100% - 32px));
  margin: 0 auto;
  padding: 0;
  border: 1px solid #e5edf5;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: none;
  overflow: hidden;
}

.rt-pdp-decision__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, auto);
  gap: 18px;
  align-items: start;
  margin: 0;
  padding: 18px 22px 16px;
  border-bottom: 1px solid #edf2f7;
  background:
    linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.045), transparent 42%),
    #ffffff;
}

.rt-pdp-decision__eyebrow {
  display: inline-flex;
  margin: 0 0 6px;
  color: var(--brand-primary);
  font-size: 10.5px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.rt-pdp-decision h2 {
  max-width: 760px;
  margin: 0 0 6px;
  color: #101828;
  font-size: clamp(21px, 1.72vw, 27px);
  font-weight: 760;
  line-height: 1.13;
  letter-spacing: 0;
}

.rt-pdp-decision__header p,
.rt-pdp-decision__card p {
  max-width: 900px;
  margin: 0;
  color: #667085;
  font-size: 13.5px;
  line-height: 1.48;
}

.rt-pdp-decision__trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: start;
  gap: 6px;
  max-width: 320px;
}

.rt-pdp-decision__trust span {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 9px;
  border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
  border-radius: 999px;
  background: rgba(var(--brand-primary-rgb), 0.045);
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 760;
  line-height: 1;
}

.rt-pdp-decision__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 0;
  align-items: stretch;
}

.rt-pdp-decision__card {
  min-width: 0;
  padding: 18px 22px;
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

.rt-pdp-decision__card--lead {
  grid-column: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(260px, 1.04fr);
  gap: 18px;
  border-right: 1px solid #edf2f7;
  border-bottom: 1px solid #edf2f7;
}

.rt-pdp-decision__card--service {
  grid-column: 2;
  grid-row: span 2;
  border-left: 0;
  background:
    linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.035), transparent 58%),
    #fbfcfd;
}

.rt-pdp-decision__card--facts {
  grid-column: 1;
  border-right: 1px solid #edf2f7;
}

.rt-pdp-decision__card--faq {
  grid-column: 1 / -1;
  padding: 0;
  border-top: 1px solid #edf2f7;
  background: #ffffff;
}

.rt-pdp-decision h3 {
  margin: 0 0 7px;
  color: #101828;
  font-size: 16.5px;
  font-weight: 760;
  line-height: 1.22;
  letter-spacing: 0;
}

.rt-pdp-decision__card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 8px;
}

.rt-pdp-decision__card-head p {
  max-width: 390px;
  margin: 0;
  color: #7b8493;
  font-size: 12.5px;
  line-height: 1.35;
  text-align: right;
}

.rt-pdp-decision__checks,
.rt-pdp-decision__service {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rt-pdp-decision__checks {
  grid-template-columns: 1fr;
  gap: 0;
  align-content: start;
}

.rt-pdp-decision__checks li {
  position: relative;
  min-width: 0;
  padding: 8px 0 8px 22px;
  border: 0;
  border-bottom: 1px solid #edf2f7;
  border-radius: 0;
  background: transparent;
  color: #344054;
  font-size: 13px;
  font-weight: 690;
  line-height: 1.35;
}

.rt-pdp-decision__checks li:last-child {
  border-bottom: 0;
}

.rt-pdp-decision__checks li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--brand-primary);
  box-shadow: 0 0 0 5px rgba(var(--brand-primary-rgb), 0.08);
}

.rt-pdp-decision__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
  margin: 0;
}

.rt-pdp-decision__facts div {
  display: grid;
  grid-template-columns: minmax(100px, 0.82fr) minmax(0, 1.18fr);
  gap: 12px;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid #edf2f7;
}

.rt-pdp-decision__facts dt {
  min-width: 0;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.rt-pdp-decision__facts dd {
  min-width: 0;
  margin: 0;
  color: #101828;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.35;
  text-align: left;
  overflow-wrap: anywhere;
}

.rt-pdp-decision__service {
  gap: 8px;
  margin-top: 10px;
}

.rt-pdp-decision__service li {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  min-width: 0;
  padding: 10px 10px 10px 27px;
  border: 1px solid #edf2f7;
  border-radius: 10px;
  background: #ffffff;
}

.rt-pdp-decision__service li::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 12px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--brand-primary);
  box-shadow: 0 0 0 5px rgba(var(--brand-primary-rgb), 0.08);
}

.rt-pdp-decision__service strong {
  color: #101828;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.25;
}

.rt-pdp-decision__service span {
  color: #667085;
  font-size: 12.5px;
  font-weight: 620;
  line-height: 1.3;
}

.rt-pdp-decision__docs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.rt-pdp-decision__docs a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
  border-radius: 999px;
  background: rgba(var(--brand-primary-rgb), 0.045);
  color: var(--brand-primary);
  font-size: 12px;
  font-weight: 760;
  text-decoration: none;
}

.rt-pdp-decision__card--faq h3 {
  padding: 15px 22px 1px;
}

.rt-pdp-decision details {
  border-top: 1px solid #edf2f7;
}

.rt-pdp-decision summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 22px;
  color: #101828;
  font-size: 13.5px;
  font-weight: 740;
  line-height: 1.3;
  cursor: pointer;
  list-style: none;
}

.rt-pdp-decision summary::-webkit-details-marker {
  display: none;
}

.rt-pdp-decision summary::after {
  content: "+";
  color: var(--brand-primary);
  font-size: 18px;
  font-weight: 760;
  line-height: 1;
}

.rt-pdp-decision details[open] summary::after {
  content: "-";
}

.rt-pdp-decision details p {
  max-width: 900px;
  padding: 0 22px 14px;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 991.98px) {
  .rt-pdp-decision {
    margin: 18px 0 24px;
  }

  .rt-pdp-decision__inner {
    width: calc(100% - 20px);
    border-radius: 14px;
  }

  .rt-pdp-decision__header {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px;
  }

  .rt-pdp-decision__trust {
    justify-content: flex-start;
    max-width: none;
  }

  .rt-pdp-decision__grid {
    grid-template-columns: 1fr;
  }

  .rt-pdp-decision__card,
  .rt-pdp-decision__card--lead,
  .rt-pdp-decision__card--facts,
  .rt-pdp-decision__card--service {
    grid-column: auto;
    grid-row: auto;
    border-right: 0;
    border-left: 0;
  }

  .rt-pdp-decision__card--lead {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .rt-pdp-decision__card--service {
    border-top: 1px solid #edf2f7;
  }

  .rt-pdp-decision__facts {
    grid-template-columns: 1fr;
  }

  .rt-pdp-decision__card-head {
    display: block;
  }

  .rt-pdp-decision__card-head p {
    margin-top: 2px;
    text-align: left;
  }
}

@media (max-width: 575.98px) {
  .rt-pdp-decision__inner {
    width: calc(100% - 18px);
  }

  .rt-pdp-decision__header,
  .rt-pdp-decision__card {
    padding: 14px;
  }

  .rt-pdp-decision h2 {
    font-size: 19px;
    line-height: 1.16;
  }

  .rt-pdp-decision__header p,
  .rt-pdp-decision__card p,
  .rt-pdp-decision__card-head p {
    font-size: 13px;
    line-height: 1.45;
  }

  .rt-pdp-decision__trust span {
    min-height: 24px;
    padding: 0 8px;
    font-size: 10.5px;
  }

  .rt-pdp-decision__facts div {
    grid-template-columns: 1fr;
    gap: 2px;
    padding: 7px 0;
  }

  .rt-pdp-decision__card--faq h3 {
    padding: 14px 14px 1px;
  }

  .rt-pdp-decision summary {
    padding: 12px 14px;
    font-size: 13px;
  }

  .rt-pdp-decision details p {
    padding: 0 14px 13px;
    font-size: 13px;
  }
}

/* PDP decision redesign: new compact information architecture. */
.rt-pdp-decision--redesign {
  margin: 20px 0 28px;
}

.rt-pdp-decision--redesign .rt-pdp-decision__inner {
  width: min(1280px, calc(100% - 32px));
  border: 1px solid #e7edf4;
  border-radius: 16px;
  background: #fff;
  box-shadow: none;
}

.rt-pdp-decision--redesign .rt-pdp-decision__mast {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 0.42fr);
  gap: 18px;
  align-items: end;
  padding: 18px 22px;
  border-bottom: 1px solid #eef2f6;
  background:
    linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.075), rgba(var(--brand-primary-rgb), 0) 34%),
    linear-gradient(180deg, #fff 0%, #fdfefe 100%);
}

.rt-pdp-decision--redesign .rt-pdp-decision__eyebrow {
  margin-bottom: 7px;
  padding-left: 11px;
  border-left: 3px solid var(--brand-primary);
  color: var(--brand-primary);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.rt-pdp-decision--redesign h2 {
  max-width: 780px;
  margin: 0 0 6px;
  color: #101828;
  font-size: clamp(20px, 1.55vw, 25px);
  font-weight: 740;
  line-height: 1.13;
}

.rt-pdp-decision--redesign .rt-pdp-decision__header p,
.rt-pdp-decision--redesign .rt-pdp-decision__mast p,
.rt-pdp-decision--redesign .rt-pdp-decision__card p {
  color: #667085;
  font-size: 13px;
  line-height: 1.45;
}

.rt-pdp-decision--redesign .rt-pdp-decision__trust {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  justify-items: stretch;
  max-width: none;
}

.rt-pdp-decision--redesign .rt-pdp-decision__trust span {
  min-height: 28px;
  justify-content: center;
  border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
  border-radius: 8px;
  background: #fff;
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 760;
}

.rt-pdp-decision--redesign .rt-pdp-decision__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.46fr) minmax(280px, 0.54fr);
  grid-template-areas:
    "lead service"
    "facts service"
    "faq faq";
  gap: 0;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card {
  padding: 18px 22px;
  background: #fff;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--lead {
  grid-area: lead;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, 0.88fr);
  gap: 18px;
  border-right: 1px solid #eef2f6;
  border-bottom: 1px solid #eef2f6;
}

.rt-pdp-decision--redesign .rt-pdp-decision__lead-copy {
  display: grid;
  align-content: start;
}

.rt-pdp-decision--redesign h3 {
  margin: 0 0 6px;
  color: #101828;
  font-size: 16px;
  font-weight: 760;
  line-height: 1.2;
}

.rt-pdp-decision--redesign .rt-pdp-decision__checks-panel {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(var(--brand-primary-rgb), 0.12);
  border-radius: 12px;
  background: rgba(var(--brand-primary-rgb), 0.035);
}

.rt-pdp-decision--redesign .rt-pdp-decision__mini-title {
  display: block;
  margin-bottom: 6px;
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 820;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.rt-pdp-decision--redesign .rt-pdp-decision__checks {
  gap: 0;
}

.rt-pdp-decision--redesign .rt-pdp-decision__checks li {
  padding: 7px 0 7px 20px;
  border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.09);
  color: #344054;
  font-size: 12.7px;
  font-weight: 680;
}

.rt-pdp-decision--redesign .rt-pdp-decision__checks li::before {
  top: 13px;
  left: 2px;
  width: 6px;
  height: 6px;
  background: var(--brand-primary);
  box-shadow: 0 0 0 4px rgba(var(--brand-primary-rgb), 0.09);
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--facts {
  grid-area: facts;
  border-right: 1px solid #eef2f6;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card-head {
  margin-bottom: 7px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eef2f6;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card-head p {
  color: #7b8493;
  font-size: 12px;
}

.rt-pdp-decision--redesign .rt-pdp-decision__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
}

.rt-pdp-decision--redesign .rt-pdp-decision__facts div {
  grid-template-columns: minmax(92px, 0.75fr) minmax(0, 1.25fr);
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid #eef2f6;
}

.rt-pdp-decision--redesign .rt-pdp-decision__facts dt {
  color: #7b8493;
  font-size: 11.8px;
  font-weight: 700;
}

.rt-pdp-decision--redesign .rt-pdp-decision__facts dd {
  color: #101828;
  font-size: 12.8px;
  font-weight: 760;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--service {
  grid-area: service;
  border: 0;
  background:
    linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.045), rgba(var(--brand-primary-rgb), 0) 44%),
    #fbfcfd;
}

.rt-pdp-decision--redesign .rt-pdp-decision__service {
  gap: 8px;
  margin-top: 10px;
}

.rt-pdp-decision--redesign .rt-pdp-decision__service li {
  min-height: 60px;
  padding: 11px 12px 10px 30px;
  border: 1px solid #edf2f7;
  border-radius: 12px;
  background: #fff;
}

.rt-pdp-decision--redesign .rt-pdp-decision__service li::before {
  top: 16px;
  left: 13px;
  width: 6px;
  height: 6px;
  background: var(--brand-primary);
  box-shadow: 0 0 0 5px rgba(var(--brand-primary-rgb), 0.08);
}

.rt-pdp-decision--redesign .rt-pdp-decision__service strong {
  font-size: 12.8px;
  font-weight: 770;
}

.rt-pdp-decision--redesign .rt-pdp-decision__service span {
  font-size: 12.2px;
  line-height: 1.3;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--faq {
  grid-area: faq;
  border-top: 1px solid #eef2f6;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--faq h3 {
  padding: 14px 22px 0;
}

.rt-pdp-decision--redesign summary {
  padding: 11px 22px;
  font-size: 13.2px;
  font-weight: 740;
}

.rt-pdp-decision--redesign details p {
  padding: 0 22px 13px;
  font-size: 12.8px;
}

@media (max-width: 991.98px) {
  .rt-pdp-decision--redesign .rt-pdp-decision__mast,
  .rt-pdp-decision--redesign .rt-pdp-decision__grid,
  .rt-pdp-decision--redesign .rt-pdp-decision__card--lead {
    grid-template-columns: 1fr;
  }

  .rt-pdp-decision--redesign .rt-pdp-decision__grid {
    grid-template-areas:
      "lead"
      "facts"
      "service"
      "faq";
  }

  .rt-pdp-decision--redesign .rt-pdp-decision__card--lead,
  .rt-pdp-decision--redesign .rt-pdp-decision__card--facts {
    border-right: 0;
  }

  .rt-pdp-decision--redesign .rt-pdp-decision__trust {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .rt-pdp-decision--redesign .rt-pdp-decision__inner {
    width: calc(100% - 18px);
  }

  .rt-pdp-decision--redesign .rt-pdp-decision__mast,
  .rt-pdp-decision--redesign .rt-pdp-decision__card {
    padding: 14px;
  }

  .rt-pdp-decision--redesign .rt-pdp-decision__trust,
  .rt-pdp-decision--redesign .rt-pdp-decision__facts {
    grid-template-columns: 1fr;
  }

  .rt-pdp-decision--redesign .rt-pdp-decision__facts div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

/* ============================================================
 * 35. PDP PRICE SCALE v1 — calmer premium price hierarchy
 * ============================================================ */

@media (min-width: 992px) {
  body #product-offer .price_wrapper .price.h1 {
    font-size: clamp(39px, 2.55vw, 48px) !important;
    line-height: 1 !important;
  }

  body #product-offer .rothler-sale-row {
    margin-bottom: 3px;
    font-size: 14.5px;
  }

  body #product-offer .rothler-savings-row {
    margin-top: 5px;
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  body #product-offer .price_wrapper .price.h1 {
    font-size: clamp(36px, 9.4vw, 44px) !important;
    line-height: 1.02 !important;
  }

  body #product-offer .rothler-sale-row {
    font-size: 14px;
  }

  body #product-offer .rothler-savings-row {
    font-size: 14px;
  }
}

/* ============================================================
 * 36. PDP MOBILE STEP 1 — calmer above-fold + stronger thumb CTA
 * ============================================================ */

@media (max-width: 767.98px) {
  body #product-offer > .product-gallery,
  body #product-offer > .product-info {
    padding-right: 10px;
    padding-left: 10px;
  }

  body #product-offer .product-title.h2 {
    margin-bottom: 8px;
    font-size: 21.5px !important;
    line-height: 1.18 !important;
  }

  body #product-offer .rating-wrapper {
    margin-bottom: 6px;
  }

  body #product-offer .liebenauch {
    padding: 7px 9px;
    border-radius: 11px;
  }

  body #product-offer .text_liebenauch {
    font-size: 13px !important;
    line-height: 1.22 !important;
  }

  body #product-offer .shortdesc {
    margin: 10px 0 11px !important;
    padding: 11px;
    border-radius: 13px;
  }

  body #product-offer .shortdesc li {
    font-size: 13.25px;
    line-height: 1.32;
  }

  body #product-offer .row.variations.switch-variations {
    margin-bottom: 10px;
    padding: 11px 10px 1px;
    border-radius: 13px;
  }

  body #product-offer .variation-wrapper {
    margin-bottom: 8px;
  }

  body #product-offer .variation-wrapper dt {
    margin-bottom: 4px;
    font-size: 12.75px;
    line-height: 1.25;
  }

  body #product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle {
    min-height: 44px;
    padding: 7px 39px 7px 12px;
    font-size: 14px !important;
  }

  body #product-offer .price_wrapper {
    margin: 9px 0 7px !important;
  }

  body #product-offer .rothler-sale-row {
    gap: 7px;
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 1.2;
  }

  body #product-offer .rothler-discount-pill {
    min-height: 25px;
    padding: 3px 9px;
    border-radius: 7px;
    font-size: 13px;
  }

  body #product-offer .price_wrapper .price.h1 {
    font-size: clamp(34px, 9.3vw, 40px) !important;
    line-height: 1 !important;
  }

  body #product-offer .rothler-savings-row {
    margin-top: 5px;
    font-size: 13.5px;
    line-height: 1.25;
  }

  body #product-offer .rothler-price-benefits {
    gap: 6px 10px;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.22;
  }

  body #product-offer .stock-information.stock-information-p {
    margin-bottom: 11px !important;
  }

  body #product-offer .delivery-status .status {
    font-size: 15.5px;
    line-height: 1.2;
  }

  body #product-offer .delivery-status .status-icon {
    width: 23px;
    height: 23px;
    font-size: 11px;
  }

  body #product-offer .rt-product-delivery-time__inner {
    font-size: 13.75px;
    line-height: 1.3;
  }

  body #product-offer #add-to-cart {
    margin-top: 11px;
  }

  body #product-offer #add-to-cart > .row {
    gap: 9px;
  }

  body #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex: 0 0 36% !important;
    max-width: 36% !important;
  }

  body #product-offer #quantity-grp,
  body #product-offer #add-to-cart .btn-primary {
    min-height: 58px;
    height: 58px !important;
    border-radius: 13px !important;
  }

  body #product-offer #quantity-grp .btn,
  body #product-offer #quantity-grp input,
  body #product-offer #quantity-grp .input-group-text {
    min-height: 56px;
    height: 56px !important;
  }

  body #product-offer #quantity-grp {
    grid-template-columns: 40px minmax(32px, 1fr) 28px 40px;
  }

  body #product-offer #quantity-grp input.quantity {
    font-size: 18px !important;
  }

  body #product-offer #quantity-grp .btn {
    font-size: 15.5px !important;
  }

  body #product-offer #add-to-cart .btn-primary {
    font-size: 16px !important;
    line-height: 1.05 !important;
  }

  body #product-offer .rt-pdp-payment-strip {
    margin-top: 9px;
    padding: 8px 9px;
  }

  body #product-offer .rothler-trust-section {
    margin-top: 9px;
    padding-top: 9px;
  }

  body #product-offer .rothler-trust-grid {
    gap: 7px;
  }

  body #product-offer .rothler-trust-card {
    min-height: 52px;
    gap: 7px;
    padding: 8px;
    border-radius: 10px;
  }

  body #product-offer .rothler-trust-iconwrap {
    width: 30px;
    height: 30px;
  }

  body #product-offer .rothler-trust-iconwrap svg {
    width: 16px;
    height: 16px;
  }

  body #product-offer .rothler-trust-text strong {
    font-size: 12.5px;
    line-height: 1.16;
  }

  body #product-offer .rothler-trust-text span {
    font-size: 11.5px;
    line-height: 1.18;
  }

  .rt-pdp-mobile-cta {
    padding: 7px 10px calc(7px + env(safe-area-inset-bottom));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(100%);
    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
  }

  .rt-pdp-mobile-cta.rt-pdp-mobile-cta--visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .rt-pdp-mobile-cta__inner {
    grid-template-columns: minmax(0, 1fr) minmax(145px, 42%);
    gap: 8px;
  }

  .rt-pdp-mobile-cta__sale {
    margin-bottom: 1px;
    font-size: 10px;
  }

  .rt-pdp-mobile-cta__discount {
    padding: 2px 5px;
    font-size: 10px;
  }

  .rt-pdp-mobile-cta__price {
    font-size: 20px;
    line-height: 1;
  }

  .rt-pdp-mobile-cta__note {
    margin-top: 1px;
    font-size: 10px;
  }

  .rt-pdp-mobile-cta__button {
    min-height: 52px;
    border-radius: 12px;
    font-size: 14.5px !important;
  }
}

@media (max-width: 380px) {
  body #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex-basis: 34% !important;
    max-width: 34% !important;
  }

  body #product-offer .price_wrapper .price.h1 {
    font-size: 33px !important;
  }

  .rt-pdp-mobile-cta__inner {
    grid-template-columns: minmax(0, 1fr) 134px;
  }
}

/* ============================================================
 * 37. PDP MOBILE BREADCRUMB STEP 1 — compact product breadcrumb
 * ============================================================ */

@media (max-width: 767.98px) {
  body[data-page="1"] .breadcrumb-container {
    padding-right: 16px !important;
    padding-left: 16px !important;
    padding-bottom: 0 !important;
  }

  body[data-page="1"] .breadcrumb-wrapper {
    width: 100%;
    margin: 3px 0 5px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="1"] .breadcrumb-wrapper > .col-auto {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body[data-page="1"] .breadcrumb-wrapper .navigation-arrows {
    display: none !important;
  }

  body[data-page="1"] #breadcrumb .breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 22px;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    background: transparent;
    border: 0;
    box-shadow: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body[data-page="1"] #breadcrumb .breadcrumb::-webkit-scrollbar {
    display: none;
  }

  body[data-page="1"] #breadcrumb .breadcrumb-item {
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    max-width: none;
    padding: 0 !important;
    color: #667085 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.25;
    white-space: nowrap;
  }

  body[data-page="1"] #breadcrumb .breadcrumb-item.breadcrumb-backtolist {
    display: inline-flex !important;
    align-items: center;
    max-width: 100%;
    padding: 0 !important;
  }

  body[data-page="1"] #breadcrumb .breadcrumb-item.breadcrumb-backtolist::before,
  body[data-page="1"] #breadcrumb .breadcrumb-item.breadcrumb-backtolist::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="1"] #breadcrumb .breadcrumb-item.breadcrumb-backtolist .breadcrumb-link {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    max-width: 100%;
    padding: 0 2px;
    color: #667085 !important;
    text-decoration: none;
    font-size: 13.5px !important;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
  }

  body[data-page="1"] #breadcrumb .breadcrumb-item.breadcrumb-backtolist .breadcrumb-link::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="1"] #breadcrumb .breadcrumb-item.breadcrumb-backtolist .breadcrumb-link::after {
    display: none !important;
    content: none !important;
  }

  body[data-page="1"] #breadcrumb .breadcrumb-item .breadcrumb-link,
  body[data-page="1"] #breadcrumb .breadcrumb-item span {
    display: inline-flex;
    align-items: center;
    max-width: none;
    overflow: visible;
    color: inherit !important;
    text-overflow: clip;
    white-space: nowrap;
  }
}

/* ============================================================
 * 38. PDP MOBILE GALLERY STEP 2 — compact modern image rail
 * ============================================================ */

@media (max-width: 767.98px) {
  body[data-page="1"] #product-offer > .product-gallery {
    margin-top: 0 !important;
    margin-bottom: 8px;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body[data-page="1"] #product-offer #image_wrapper {
    margin-bottom: 8px !important;
  }

  body[data-page="1"] #product-offer #image_wrapper .gallery-with-action-main {
    margin-right: 0;
    margin-left: 0;
  }

  body[data-page="1"] #product-offer #gallery_wrapper {
    margin-bottom: 7px;
  }

  body[data-page="1"] #product-offer #gallery .slick-dots,
  body[data-page="1"] #product-offer #gallery .initial-slick-dots {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="1"] #product-offer #gallery,
  body[data-page="1"] #product-offer #gallery .slick-list,
  body[data-page="1"] #product-offer #gallery .slick-track,
  body[data-page="1"] #product-offer #gallery .slick-slide,
  body[data-page="1"] #product-offer #gallery .square.square-image,
  body[data-page="1"] #product-offer #gallery .inner {
    height: clamp(330px, calc(100vw - 32px), 430px) !important;
    min-height: 0 !important;
  }

  body[data-page="1"] #product-offer #gallery .slick-track {
    align-items: center;
  }

  body[data-page="1"] #product-offer #gallery .square.square-image {
    display: block !important;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 14px;
  }

  body[data-page="1"] #product-offer #gallery .square.square-image::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="1"] #product-offer #gallery .inner {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #f8fafc;
    border-radius: 14px;
  }

  body[data-page="1"] #product-offer #gallery img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  body[data-page="1"] #product-offer .product-detail-image-preview-bar {
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 0;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
  }

  body[data-page="1"] #product-offer #gallery_preview_wrapper {
    height: auto;
    width: 100%;
  }

  body[data-page="1"] #product-offer #gallery_preview {
    display: flex !important;
    align-items: center;
    min-height: 68px;
    width: 100%;
    overflow: hidden;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-list {
    flex: 1 1 auto;
    height: 68px !important;
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-track {
    display: flex !important;
    align-items: center;
    height: 68px !important;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-slide {
    height: 68px !important;
    padding: 0 4px;
    margin: 0 !important;
    border: 0 !important;
    outline: 0 !important;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-slide > div {
    border: 0 !important;
    outline: 0 !important;
  }

  body[data-page="1"] #product-offer #gallery_preview .square.square-image {
    width: clamp(58px, 15.5vw, 68px) !important;
    height: clamp(58px, 15.5vw, 68px) !important;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d6e4f1 !important;
    border-radius: 10px;
    outline: 0 !important;
    box-shadow: none !important;
    transition: border-color 160ms ease, opacity 160ms ease;
  }

  body[data-page="1"] #product-offer #gallery_preview .square.square-image::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="1"] #product-offer #gallery_preview .square.square-image .inner {
    position: relative !important;
    inset: auto !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
  }

  body[data-page="1"] #product-offer #gallery_preview .square.square-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-current .square.square-image {
    border-color: var(--brand-primary) !important;
    box-shadow: none !important;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-arrow {
    display: none !important;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-arrow::before {
    display: none !important;
    content: none !important;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-arrow::after {
    position: static;
    color: var(--brand-primary) !important;
    text-indent: 0;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-prev::after {
    content: "\f053";
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-next::after {
    content: "\f054";
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-disabled {
    opacity: 0.38;
  }
}

/* ============================================================
 * PDP gallery performance + UX polish
 * ============================================================ */

body[data-page="1"] #product-offer #gallery_wrapper {
  contain: layout paint;
}

body[data-page="1"] #product-offer #gallery .rt-gallery-main-image,
body[data-page="1"] #product-offer #gallery_preview .rt-gallery-thumb-image {
  display: block;
  max-width: 100%;
}

body[data-page="1"] #product-offer #gallery_preview .slick-slide,
body[data-page="1"] #product-offer .carousel-thumbnails .slick-slide {
  padding: 0 4px !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
}

body[data-page="1"] #product-offer #gallery_preview .slick-slide > div {
  display: flex;
  justify-content: center;
  border: none !important;
}

body[data-page="1"] #product-offer #gallery_preview .square.square-image {
  width: clamp(72px, 6.8vw, 92px) !important;
  height: clamp(72px, 6.8vw, 92px) !important;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}

body[data-page="1"] #product-offer #gallery .slick-arrow {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(219, 231, 243, 0.95);
  box-shadow: 0 14px 34px -24px rgba(15, 23, 42, 0.45);
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

body[data-page="1"] #product-offer #gallery .slick-arrow:hover {
  background: #fff;
  border-color: var(--brand-tint);
  transform: translateY(-1px);
}

body[data-page="1"] #product-offer #gallery_preview .slick-slide {
  cursor: pointer;
}

body[data-page="1"] #product-offer #gallery_preview .rt-gallery-thumb-slide {
  opacity: 0.74;
}

body[data-page="1"] #product-offer #gallery_preview .slick-current .rt-gallery-thumb-slide,
body[data-page="1"] #product-offer #gallery_preview .rt-thumb-active .rt-gallery-thumb-slide,
body[data-page="1"] #product-offer #gallery_preview .rt-gallery-thumb-slide:hover {
  opacity: 1;
}

@media (min-width: 768px) {
  body[data-page="1"] #product-offer #gallery .square.square-image,
  body[data-page="1"] #product-offer #gallery .inner {
    background: #f8fafc;
  }

  body[data-page="1"] #product-offer #gallery_preview_wrapper {
    margin-top: 14px;
  }

  body[data-page="1"] #product-offer #gallery_preview .square.square-image {
    border: 1px solid #dbe7f3 !important;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: none !important;
    transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-current .square.square-image {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.12) !important;
  }

  body[data-page="1"] #product-offer #gallery_preview .rt-thumb-active .square.square-image {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.12) !important;
  }
}

@media (max-width: 767.98px) {
  body[data-page="1"] #product-offer #gallery_wrapper {
    margin-bottom: 8px !important;
  }

  body[data-page="1"] #product-offer #gallery .slick-list {
    touch-action: pan-y pinch-zoom;
  }

  body[data-page="1"] #product-offer #gallery .square.square-image {
    box-shadow: none !important;
  }

  body[data-page="1"] #product-offer #gallery_preview_wrapper {
    padding-inline: 0;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-list {
    scrollbar-width: none;
  }

  body[data-page="1"] #product-offer #gallery_preview .slick-list::-webkit-scrollbar {
    display: none;
  }

  body[data-page="1"] #product-offer #gallery_preview .square.square-image {
    width: clamp(60px, 17vw, 72px) !important;
    height: clamp(60px, 17vw, 72px) !important;
    scroll-snap-align: center;
  }
}

body[data-page="1"] #product-offer #gallery_preview.carousel-thumbnails .slick-slide,
body[data-page="1"] #product-offer .carousel-thumbnails .slick-slide {
  padding: 0 4px !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* ============================================================
 * 39. PDP MOBILE STEP 2 — calmer product head
 * ============================================================ */

@media (max-width: 767.98px) {
  body[data-page="1"] #product-offer > .product-info {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  body[data-page="1"] #product-offer .product-info-inner {
    padding-top: 0 !important;
  }

  body[data-page="1"] #product-offer .product-headline {
    margin-bottom: 5px !important;
  }

  body[data-page="1"] #product-offer .product-title.h2 {
    margin-bottom: 7px !important;
    color: #111827 !important;
    font-size: clamp(20px, 5.45vw, 22px) !important;
    font-weight: 780 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
  }

  body[data-page="1"] #product-offer .rating-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 6px 8px !important;
    margin: 0 0 9px !important;
    color: #4b5563 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
  }

  body[data-page="1"] #product-offer .rating-wrapper > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 22px;
    color: #4b5563 !important;
    text-decoration: none !important;
    white-space: nowrap;
  }

  body[data-page="1"] #product-offer .rating-wrapper .rating {
    display: inline-flex !important;
    gap: 1px !important;
    color: #f5b223 !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }

  body[data-page="1"] #product-offer .liebenauch {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 38px;
    margin: 0 !important;
    padding: 5px 9px !important;
    gap: 8px !important;
    border: 1px solid #efe4cc !important;
    border-radius: 12px !important;
    background: #fffaf0 !important;
    color: #111827 !important;
    box-shadow: none !important;
  }

  body[data-page="1"] #product-offer .trust-image {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
  }

  body[data-page="1"] #product-offer .text_liebenauch {
    display: block !important;
    min-width: 0;
    padding-left: 0 !important;
    overflow: hidden;
    color: #111827 !important;
    font-size: 12.6px !important;
    font-weight: 650 !important;
    line-height: 1.16 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-page="1"] #product-offer .text_liebenauch strong {
    font-weight: 820 !important;
  }
}

@media (max-width: 374.98px) {
  body[data-page="1"] #product-offer .product-title.h2 {
    font-size: 20px !important;
  }

  body[data-page="1"] #product-offer .text_liebenauch {
    font-size: 12.2px !important;
  }
}

/* ============================================================
 * 40. PDP MOBILE STEP 3 — calmer purchase zone + robust quantity
 * ============================================================ */

@media (max-width: 767.98px) {
  body[data-page="1"] #product-offer .price_wrapper {
    margin: 10px 0 8px !important;
  }

  body[data-page="1"] #product-offer .rothler-sale-row {
    gap: 7px !important;
    margin-bottom: 3px !important;
    font-size: 12.75px !important;
    line-height: 1.2 !important;
  }

  body[data-page="1"] #product-offer .rothler-discount-pill {
    min-height: 24px !important;
    padding: 3px 8px !important;
    border-radius: 7px !important;
    font-size: 12.5px !important;
    font-weight: 820 !important;
  }

  body[data-page="1"] #product-offer .price_wrapper .price.h1 {
    font-size: clamp(30px, 8.7vw, 34px) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="1"] #product-offer .rothler-savings-row {
    margin-top: 5px !important;
    font-size: 13px !important;
    line-height: 1.22 !important;
  }

  body[data-page="1"] #product-offer .rothler-price-benefits {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px 12px !important;
    margin-top: 6px !important;
    font-size: 12.75px !important;
    line-height: 1.2 !important;
  }

  body[data-page="1"] #product-offer .rothler-price-benefit {
    gap: 5px !important;
    white-space: nowrap;
  }

  body[data-page="1"] #product-offer .stock-information.stock-information-p {
    margin-bottom: 10px !important;
  }

  body[data-page="1"] #product-offer .delivery-status ul {
    gap: 5px !important;
  }

  body[data-page="1"] #product-offer .delivery-status .status {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  body[data-page="1"] #product-offer .delivery-status .status-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 10px !important;
  }

  body[data-page="1"] #product-offer .rt-product-delivery-time__inner {
    font-size: 13.25px !important;
    line-height: 1.25 !important;
  }

  body[data-page="1"] #product-offer #add-to-cart {
    margin-top: 11px !important;
  }

  body[data-page="1"] #product-offer #add-to-cart > .row {
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body[data-page="1"] #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex: 0 0 31% !important;
    max-width: 31% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="1"] #product-offer #add-to-cart > .row > [class*="col"]:nth-child(2) {
    flex: 1 1 auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page="1"] #product-offer #quantity-grp {
    display: grid !important;
    grid-template-columns: 36px minmax(28px, 1fr) 36px !important;
    align-items: stretch !important;
    min-height: 56px !important;
    height: 56px !important;
    border: 1px solid #d9e3ee !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }

  body[data-page="1"] #product-offer #quantity-grp .input-group-prepend,
  body[data-page="1"] #product-offer #quantity-grp .input-group-append {
    display: contents !important;
  }

  body[data-page="1"] #product-offer #quantity-grp .input-group-text.unit {
    display: none !important;
  }

  body[data-page="1"] #product-offer #quantity-grp .input-group-prepend .btn,
  body[data-page="1"] #product-offer #quantity-grp .input-group-append .btn,
  body[data-page="1"] #product-offer #quantity-grp input.quantity {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: 54px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-page="1"] #product-offer #quantity-grp .input-group-prepend .btn {
    grid-column: 1 !important;
  }

  body[data-page="1"] #product-offer #quantity-grp input.quantity {
    grid-column: 2 !important;
    padding: 0 !important;
    color: #101828 !important;
    font-size: 17px !important;
    font-weight: 780 !important;
    text-align: center !important;
    appearance: textfield;
    -moz-appearance: textfield;
  }

  body[data-page="1"] #product-offer #quantity-grp input.quantity::-webkit-outer-spin-button,
  body[data-page="1"] #product-offer #quantity-grp input.quantity::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
  }

  body[data-page="1"] #product-offer #quantity-grp .input-group-append .btn {
    grid-column: 3 !important;
  }

  body[data-page="1"] #product-offer #quantity-grp .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #344054 !important;
    font-size: 15px !important;
  }

  body[data-page="1"] #product-offer #quantity-grp .btn:hover,
  body[data-page="1"] #product-offer #quantity-grp .btn:focus {
    background: #f5f9fc !important;
  }

  body[data-page="1"] #product-offer #quantity-grp .btn .fas {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px;
    height: 18px;
    line-height: 1 !important;
  }

  body[data-page="1"] #product-offer #add-to-cart .btn-primary {
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 12px !important;
    font-size: 15.25px !important;
    font-weight: 830 !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    box-shadow: 0 15px 25px -19px rgba(var(--brand-primary-rgb), 0.9) !important;
  }

  body[data-page="1"] #product-offer #add-to-cart .btn-primary .btn-basket-check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    white-space: nowrap !important;
  }

  body[data-page="1"] #product-offer #add-to-cart .btn-primary .fas.fa-shopping-cart {
    flex: 0 0 auto;
    font-size: 16px !important;
  }

  body[data-page="1"] #product-offer .rt-pdp-payment-strip {
    margin-top: 9px !important;
    padding: 8px 9px !important;
    border-radius: 11px !important;
  }

  body[data-page="1"] .rt-pdp-mobile-cta__inner {
    grid-template-columns: minmax(0, 1fr) minmax(140px, 41%) !important;
    gap: 8px !important;
  }

  body[data-page="1"] .rt-pdp-mobile-cta__price {
    font-size: 19px !important;
  }

  body[data-page="1"] .rt-pdp-mobile-cta__button {
    min-height: 51px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 374.98px) {
  body[data-page="1"] #product-offer #add-to-cart > .row {
    gap: 7px !important;
  }

  body[data-page="1"] #product-offer #add-to-cart > .row > [class*="col"]:first-child {
    flex-basis: 30% !important;
    max-width: 30% !important;
  }

  body[data-page="1"] #product-offer #quantity-grp {
    grid-template-columns: 33px minmax(26px, 1fr) 33px !important;
  }

  body[data-page="1"] #product-offer #add-to-cart .btn-primary {
    font-size: 14.25px !important;
  }
}

/* ============================================================
 * 32. PDP MOBILE TRUST + REVIEWS v1
 * Ruhiger Bereich unter der Kaufzone und hochwertigere Bewertungen
 * ============================================================ */

body[data-page="1"] #tab-votes .reviews {
  color: #101828;
}

body[data-page="1"] #reviews-overview {
  margin: 8px 0 20px !important;
  border: 1px solid #dfeaf6;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 20px 42px -34px rgba(16, 24, 40, 0.34);
  overflow: hidden;
}

body[data-page="1"] #reviews-overview > [class*="col"] {
  padding: 0 !important;
}

body[data-page="1"] #reviews-overview .card,
body[data-page="1"] #reviews-overview .card-gray {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-page="1"] #reviews-overview .card-body {
  padding: 18px !important;
}

body[data-page="1"] #reviews-overview .subheadline {
  margin-bottom: 7px;
  color: #111827;
  font-size: 15px;
  font-weight: 820;
  line-height: 1.25;
  letter-spacing: 0;
}

body[data-page="1"] #reviews-overview .rating {
  color: #f5b51b;
  letter-spacing: 1px;
}

body[data-page="1"] #reviews-overview .btn-link.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0;
  color: #111827;
  font-weight: 760;
  text-decoration: none;
}

body[data-page="1"] #reviews-overview .dropdown-menu {
  border: 1px solid #dfeaf6;
  border-radius: 16px;
  box-shadow: 0 24px 52px -34px rgba(16, 24, 40, 0.42);
}

body[data-page="1"] #reviews-overview .dropdown-menu.min-w-lg {
  min-width: min(100%, 32rem);
}

body[data-page="1"] #reviews-overview .dropdown-body {
  padding: 12px;
}

body[data-page="1"] #reviews-overview .dropdown-body .progress {
  height: 16px;
  border-radius: 999px;
  background: #edf2f7;
  overflow: hidden;
}

body[data-page="1"] #reviews-overview .dropdown-body .progress-bar {
  border-radius: 999px;
  background: var(--brand-primary);
}

body[data-page="1"] #reviews-list {
  margin-top: 4px;
}

body[data-page="1"] #reviews-list .verified-purchase-notice {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-bottom: 12px;
  padding: 8px 12px;
  border: 1px solid #dce9f6;
  border-radius: 999px;
  background: #f8fbff;
  color: #344054;
  font-size: 13px;
  font-weight: 720;
  box-shadow: none;
}

body[data-page="1"] #reviews-list .pagination-wrapper {
  margin: 8px 0 14px !important;
  padding: 11px 12px;
  border: 1px solid #e2edf7;
  border-radius: 14px;
  background: #fbfdff;
}

body[data-page="1"] #reviews-list .pagination {
  margin-bottom: 0;
}

body[data-page="1"] #reviews-list .page-link {
  min-width: 34px;
  min-height: 34px;
  border-color: #dfeaf6;
  color: #344054;
  font-weight: 720;
}

body[data-page="1"] #reviews-list .page-link.active,
body[data-page="1"] #reviews-list .page-item.active .page-link {
  border-color: var(--brand-primary);
  background: var(--brand-primary);
  color: #ffffff;
}

body[data-page="1"] #tab-votes .card.review {
  margin: 0 0 12px !important;
  border: 1px solid #dfeaf6;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 38px -34px rgba(16, 24, 40, 0.45);
  overflow: hidden;
}

body[data-page="1"] #tab-votes .card.review .card-body {
  padding: 16px !important;
}

body[data-page="1"] #tab-votes .card.review .row {
  margin-right: 0;
  margin-left: 0;
}

body[data-page="1"] #tab-votes .card.review .text-center-util {
  padding: 0 0 8px !important;
  text-align: left !important;
}

body[data-page="1"] #tab-votes .card.review .rating {
  color: #f5b51b;
  letter-spacing: 1px;
}

body[data-page="1"] #tab-votes .card.review blockquote {
  margin: 0;
}

body[data-page="1"] #tab-votes .card.review .subheadline {
  display: block;
  margin-bottom: 7px;
  color: #111827;
  font-size: 15px;
  font-weight: 820;
  line-height: 1.26;
  letter-spacing: 0;
}

body[data-page="1"] #tab-votes .card.review p {
  margin-bottom: 10px;
  color: #475467;
  font-size: 14px;
  line-height: 1.48;
}

body[data-page="1"] #tab-votes .card.review .blockquote-footer {
  margin-top: 0;
  color: #667085;
  font-size: 12.5px;
  font-weight: 620;
}

@media (max-width: 767.98px) {
  html body[data-page="1"],
  body[data-page="1"] #content-wrapper {
    max-width: 100%;
    overflow-x: hidden;
  }

  body[data-page="1"] #product-offer.product-detail {
    padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  }

  body[data-page="1"] #product-offer .rt-pdp-payment-strip {
    margin-top: 9px !important;
    padding: 7px 9px !important;
    border-color: #dfeaf6 !important;
    border-radius: 13px !important;
    background: #ffffff !important;
  }

  body[data-page="1"] #product-offer .rt-pdp-payment-strip img {
    max-height: 38px !important;
    object-position: center center !important;
  }

  body[data-page="1"] #product-offer .rothler-trust-section {
    margin: 9px 0 0 !important;
    padding: 0 !important;
  }

  body[data-page="1"] #product-offer .rothler-trust-grid {
    gap: 7px !important;
    align-items: stretch;
  }

  body[data-page="1"] #product-offer .rothler-trust-card {
    min-width: 0;
    min-height: 54px !important;
    padding: 8px 9px !important;
    gap: 7px !important;
    border-color: #dfeaf6 !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-page="1"] #product-offer .rothler-trust-iconwrap {
    flex: 0 0 30px;
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
  }

  body[data-page="1"] #product-offer .rothler-trust-iconwrap svg {
    width: 16px !important;
    height: 16px !important;
  }

  body[data-page="1"] #product-offer .rothler-trust-text {
    min-width: 0;
  }

  body[data-page="1"] #product-offer .rothler-trust-text strong {
    font-size: 11.5px !important;
    line-height: 1.14 !important;
    overflow-wrap: normal;
    hyphens: auto;
  }

  body[data-page="1"] #product-offer .rothler-trust-text span {
    font-size: 10.5px !important;
    line-height: 1.16 !important;
  }

  body[data-page="1"] .rt-pdp-decision {
    margin-top: 18px !important;
  }
}

@media (max-width: 575.98px) {
  body[data-page="1"] #tab-votes {
    padding-right: 10px;
    padding-left: 10px;
  }

  body[data-page="1"] #reviews-overview {
    margin: 2px 0 16px !important;
    border-radius: 16px;
    overflow: visible;
  }

  body[data-page="1"] #reviews-overview > [class*="col"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    border-bottom: 1px solid #e7eff7;
  }

  body[data-page="1"] #reviews-overview > .order-1 {
    order: 0 !important;
  }

  body[data-page="1"] #reviews-overview > .order-0 {
    order: 1 !important;
  }

  body[data-page="1"] #reviews-overview > [class*="col"]:last-child {
    border-bottom: 0;
  }

  body[data-page="1"] #reviews-overview .card-body {
    padding: 15px !important;
  }

  body[data-page="1"] #reviews-overview .dropdown {
    position: static;
  }

  body[data-page="1"] #reviews-overview .btn-link.dropdown-toggle {
    width: 100%;
    justify-content: flex-start;
  }

  body[data-page="1"] #reviews-overview .dropdown-menu {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 11px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body[data-page="1"] #reviews-overview .dropdown-menu:not(.show) {
    display: none !important;
  }

  body[data-page="1"] #reviews-overview .dropdown-menu.show {
    display: block !important;
  }

  body[data-page="1"] #reviews-overview .dropdown-body {
    padding: 0 !important;
  }

  body[data-page="1"] #reviews-overview .dropdown-body .row {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) 36px;
    gap: 8px;
    align-items: center;
    margin: 0 0 8px !important;
  }

  body[data-page="1"] #reviews-overview .dropdown-body .row:last-child {
    margin-bottom: 0 !important;
  }

  body[data-page="1"] #reviews-overview .dropdown-body [class*="col"] {
    flex: initial !important;
    max-width: none !important;
    padding: 0 !important;
  }

  body[data-page="1"] #reviews-overview .dropdown-body a {
    color: #475467;
    font-size: 13px;
    font-weight: 680;
    line-height: 1.15;
    text-decoration: none;
  }

  body[data-page="1"] #reviews-overview .dropdown-body .progress {
    height: 14px;
  }

  body[data-page="1"] #reviews-overview .dropdown-body .row > [class*="col"]:last-child {
    color: #475467;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-align: right;
  }

  body[data-page="1"] #reviews-list .pagination-wrapper {
    display: none !important;
  }

  body[data-page="1"] #reviews-list .pagination-wrapper > [class*="col"] {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0 !important;
    padding: 0 !important;
  }

  body[data-page="1"] #tab-votes .card.review {
    border-radius: 15px;
  }

  body[data-page="1"] #tab-votes .card.review .card-body {
    padding: 14px !important;
  }

  body[data-page="1"] #tab-votes .card.review .row[itemprop="review"] {
    display: block;
  }

  body[data-page="1"] #tab-votes .card.review .col {
    padding-right: 0;
    padding-left: 0;
  }
}
/* DH Hero section (NOVAchild) */
.dh-home-hero-2026 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 680px;
  padding: 0;
  background: #fff;
  border-top: 0;
  border-bottom: 0;
}

.dh-home-hero-2026::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 56%;
  background-image: radial-gradient(rgba(20,20,20,.14) 1.3px, transparent 1.5px);
  background-size: 20px 20px;
  background-position: 0 0;
  -webkit-mask-image: linear-gradient(to right, #000 0%, rgba(0,0,0,.5) 30%, transparent 62%);
          mask-image: linear-gradient(to right, #000 0%, rgba(0,0,0,.5) 30%, transparent 62%);
  z-index: 0;
  pointer-events: none;
}

.dh-home-hero-2026__inner {
  width: 100%;
  min-height: 680px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
  align-items: stretch;
  gap: 0;
}

.dh-home-hero-2026__copy {
  position: relative;
  z-index: 2;
  width: min(760px, 100%);
  max-width: none;
  align-self: center;
  justify-self: end;
  padding: 72px 72px 72px 24px;
}

.dh-home-hero-2026__eyebrow {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  color: var(--brand-primary);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dh-home-hero-2026__eyebrow span {
  display: inline-flex;
  align-items: center;
}

.dh-home-hero-2026__eyebrow span + span::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 1px;
  margin-right: 8px;
  background: rgba(var(--brand-primary-rgb), 0.42);
}

.dh-home-hero-2026 h1 {
  max-width: 760px;
  margin: 0;
  color: #241817;
  font-size: 3.35rem;
  font-weight: 900;
  line-height: 1.03;
  letter-spacing: 0;
}

.dh-home-hero-2026__lead {
  max-width: 650px;
  margin: 20px 0 0;
  color: rgba(36, 24, 23, 0.76);
  font-size: 1.08rem;
  line-height: 1.72;
}

.dh-home-hero-2026__quicklinks {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.dh-home-hero-2026__quicklinks a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 17px 0 14px;
  border-radius: 999px;
  color: rgba(36, 24, 23, 0.86) !important;
  background: linear-gradient(180deg, #fff 0%, #fbf8f6 100%);
  border: 1px solid rgba(66, 13, 10, 0.12);
  box-shadow: 0 12px 28px rgba(36, 24, 23, 0.06);
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none !important;
  transition: color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.dh-home-hero-2026__quicklinks a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 9px;
  border-radius: 50%;
  background: rgba(var(--brand-primary-rgb), 0.28);
  box-shadow: 0 0 0 4px rgba(var(--brand-primary-rgb), 0.06);
  transition: background 0.18s ease, box-shadow 0.18s ease;
}

.dh-home-hero-2026__quicklinks a:hover,
.dh-home-hero-2026__quicklinks a:focus {
  color: var(--brand-primary) !important;
  border-color: rgba(var(--brand-primary-rgb), 0.3);
  box-shadow: 0 16px 34px rgba(var(--brand-primary-rgb), 0.1);
  transform: translateY(-1px);
}

.dh-home-hero-2026__quicklinks a:hover::before,
.dh-home-hero-2026__quicklinks a:focus::before {
  background: var(--brand-primary);
  box-shadow: 0 0 0 4px rgba(var(--brand-primary-rgb), 0.1);
}

.dh-home-hero-2026__visual {
  --dh-hero-overlap: clamp(180px, 13vw, 300px);
  position: relative;
  z-index: 0;
  min-height: 680px;
  height: 100%;
  width: calc(100% + var(--dh-hero-overlap));
  margin-left: calc(var(--dh-hero-overlap) * -1);
  overflow: hidden;
  isolation: isolate;
}

.dh-home-hero-2026__picture {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.54) 26%, rgba(0, 0, 0, 0.92) 43%, #000 54%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.54) 26%, rgba(0, 0, 0, 0.92) 43%, #000 54%);
}

.dh-home-hero-2026__atmosphere {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
  box-shadow: none;
}

.dh-home-hero-2026__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 0;
  background:
    linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.96) 13%, rgba(255, 255, 255, 0.66) 30%, rgba(255, 255, 255, 0.16) 48%, rgba(255, 255, 255, 0) 60%),
    linear-gradient(180deg, rgba(36, 24, 23, 0) 74%, rgba(36, 24, 23, 0.1) 100%);
  pointer-events: none;
}

.dh-home-hero-2026__uspbar {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0 clamp(24px, 5vw, 88px);
  list-style: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.07) 100%),
    var(--brand-primary);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 -1px 0 rgba(66, 13, 10, 0.05);
}

.dh-home-hero-2026__uspbar li {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 7px 14px;
  color: #fff;
  font-size: clamp(0.76rem, 0.82vw, 0.86rem);
  font-weight: 900;
  line-height: 1.18;
  text-align: left;
}

.dh-home-hero-2026__uspicon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.dh-home-hero-2026__uspicon svg {
  width: 17px;
  height: 17px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 1299.98px) {
.dh-home-hero-2026__inner {
    grid-template-columns: minmax(0, 51%) minmax(0, 49%);
  }
.dh-home-hero-2026 h1 {
    font-size: 2.78rem;
  }
.dh-home-hero-2026__visual {
    min-height: 620px;
  }
}

@media (max-width: 991.98px) {
.dh-home-hero-2026 {
    min-height: 0;
    padding: 0;
  }
.dh-home-hero-2026__inner {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 0;
  }
.dh-home-hero-2026__copy {
    width: 100%;
    max-width: 760px;
    justify-self: center;
    padding: 30px 16px 28px;
  }
.dh-home-hero-2026 h1 {
    font-size: 2.45rem;
    line-height: 1.06;
  }
.dh-home-hero-2026__lead {
    font-size: 1rem;
  }
.dh-home-hero-2026__visual {
    min-height: 440px;
    height: 440px;
    width: 100%;
    margin-left: 0;
  }
.dh-home-hero-2026__picture {
    -webkit-mask-image: none;
    mask-image: none;
  }
.dh-home-hero-2026__visual::after {
    background: linear-gradient(180deg, rgba(251, 250, 248, 0.16) 0%, rgba(251, 250, 248, 0) 26%);
  }
.dh-home-hero-2026__uspbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 16px;
  }
.dh-home-hero-2026__uspbar li {
    min-height: 52px;
    justify-content: flex-start;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }
.dh-home-hero-2026__uspbar li:nth-child(-n+2) {
    border-top: 0;
  }
}

@media (max-width: 575.98px) {
.dh-home-hero-2026 {
    padding: 0;
  }
.dh-home-hero-2026__eyebrow {
    margin-bottom: 14px;
    font-size: 0.72rem;
  }
.dh-home-hero-2026__eyebrow span + span::before {
    width: 20px;
  }
.dh-home-hero-2026 h1 {
    font-size: 2rem;
    line-height: 1.08;
  }
.dh-home-hero-2026__lead {
    margin-top: 15px;
    line-height: 1.58;
  }
.dh-home-hero-2026__quicklinks {
    margin-top: 16px;
  }
.dh-home-hero-2026__quicklinks a {
    min-height: 32px;
    font-size: 0.78rem;
  }
.dh-home-hero-2026__visual {
    min-height: 340px;
    height: 340px;
  }
.dh-home-hero-2026__atmosphere {
    object-position: 58% center;
  }
.dh-home-hero-2026__uspbar {
    grid-template-columns: 1fr;
    padding: 0;
  }
.dh-home-hero-2026__uspbar li,
  .dh-home-hero-2026__uspbar li:nth-child(odd) {
    min-height: 48px;
    padding: 10px 18px;
    border-right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }
.dh-home-hero-2026__uspbar li:first-child {
    border-top: 0;
  }
.dh-home-hero-2026__uspicon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
}

/* ===== DH top bar — koyu ust bar var(--brand-topbar-bg) ===== */
#header-top-bar {
    background: var(--brand-topbar-bg) !important;
    display: flex !important;
    align-items: center;
}
#header-top-bar > .container-fluid { flex: 1 1 auto; min-width: 0; }
#header-top-bar .topbar-main .nav-link {
    color: #fff !important;
    opacity: .92;
    font-weight: 500;
    font-size: 13px;
    padding-top: .4rem;
    padding-bottom: .4rem;
}
#header-top-bar .topbar-main .nav-link:hover { opacity: 1; text-decoration: underline; }
#header-top-bar .topbar-main.nav-dividers > .nav-item + .nav-item > .nav-link {
    border-left: 1px solid rgba(255,255,255,.28);
    margin-left: .35rem;
    padding-left: .9rem;
}
/* sol promo */
.dh-topbar-promo {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
    padding: 7px 0 7px 18px;
}
.dh-topbar-promo strong { font-weight: 700; }
.dh-topbar-promo__item--rating { display: inline-flex; align-items: center; gap: 6px; }
.dh-topbar-promo__stars { color: #ffce3a; letter-spacing: 1px; font-size: 12px; }
.dh-topbar-promo__sep { width: 1px; height: 13px; background: rgba(255,255,255,.32); display: inline-block; }
@media (max-width: 991.98px) { .dh-topbar-promo { display: none; } }

/* top bar — rothler display:inherit override (en son, kesin kazanir) */
#header-top-bar { display: flex !important; align-items: center !important; background: var(--brand-topbar-bg) !important; }
/* top bar düzen: promo sol, utility linkler sağ */
#header-top-bar .dh-topbar-promo { order: -1 !important; margin-right: auto !important; }
/* top bar: promo sol uc, linkler sag uc */
#header-top-bar > .container-fluid.d-lg-flex { justify-content: space-between !important; align-items: center !important; width: 100%; }

/* === top bar: gri divider gizle (beyaz kalsin), lottie, newsletter CTA === */
#header-top-bar .topbar-main.nav-dividers .nav-item:not(:last-child)::after { display: none !important; }
#header-top-bar .topbar-main.nav-dividers > .nav-item + .nav-item > .nav-link {
    border-left: 1px solid rgba(255,255,255,.35) !important;
}
/* lottie */
.dh-topbar-lottie { width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin-left: 5px; }
.dh-topbar-promo__item--spez { display: inline-flex; align-items: center; }
/* newsletter CTA (5% Rabatt) */
.dh-topbar-newsletter {
    color: #fff !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    padding: 3px 11px;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 999px;
    line-height: 1.4;
    transition: background .15s ease, color .15s ease;
}
.dh-topbar-newsletter:hover { background: #fff; color: var(--brand-primary) !important; }
.dh-topbar-newsletter strong { font-weight: 700; }

/* newsletter: badge DEGIL, digerleri gibi duz; lottie ile birlikte */
.dh-topbar-newsletter {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    gap: 5px !important;
}
.dh-topbar-newsletter:hover { background: transparent !important; color: #fff !important; text-decoration: underline !important; }

/* === top bar düzen KESIN: promo SOL, utility linkler SAG === */
#header-top-bar > .container-fluid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
#header-top-bar > .container-fluid > .dh-topbar-promo { order: 1 !important; }
#header-top-bar > .container-fluid > ul.topbar-main { order: 2 !important; margin-left: auto !important; flex: 0 0 auto !important; }

/* anasayfa: hero ile header arasindaki bosluk (content-wrapper pt:18px) kaldir */
#content-wrapper:has(.dh-home-hero-2026) { padding-top: 0 !important; }

/* ========================================================================
   ANA MENU + MEGA MENU — tema kirmizisi (var(--brand-primary)) + modern panel
   ======================================================================== */

/* --- (A) Menu elemanlari: gold (#f8bf00) -> tema kirmizisi --- */
.navbar-nav > .nav-item > .nav-link:hover,
.navbar-nav > .nav-item > .nav-link:focus,
.navbar-nav > .nav-item.show > .nav-link,
.navbar-nav > .nav-item.active > .nav-link,
.navbar-nav > .nav-item > .nav-link.active {
    color: var(--brand-primary) !important;
}
/* aktif/hover alt cizgi (gold bar) -> kirmizi */
.navbar-nav .nav-link::after,
.navbar-nav .nav-link::before {
    border-color: var(--brand-primary) !important;
}
/* ust menude hover'da da alt cizgi animasyonla gelsin */
.navbar-nav > .nav-item > .nav-link:hover::after,
.navbar-nav > .nav-item.show > .nav-link::after,
.navbar-nav > .nav-item.show > .nav-link::before {
    width: 100% !important;
}

/* --- (B) Mega menu paneli: modern --- */
.navbar-nav > .nav-item > .dropdown-menu {
    border: 0 !important;
    border-top: 3px solid var(--brand-primary) !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 26px 50px -18px rgba(17,17,17,.24), 0 2px 6px rgba(17,17,17,.06) !important;
    overflow: hidden;
    margin-top: 0 !important;
}
.navbar-nav > .nav-item > .dropdown-menu .dropdown-body {
    padding: 24px 0 28px !important;
}
/* sutunlar: 9 col tek satira sigmaz -> duzenli responsive grid */
.subcategory-wrapper .row.nav {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(212px, 1fr)) !important;
    gap: 4px 12px !important;
    margin: 0 !important;
}
.subcategory-wrapper .nav-item-lg-m,
.subcategory-wrapper .col.nav-item-lg-m {
    max-width: none !important;
    flex: initial !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* her kategori -> gorsel karti (resim ust, baslik alt) */
.subcategory-wrapper .nav-item-lg-m > a.d-block {
    display: block !important;
    padding: 10px 10px 14px !important;
    border-radius: 12px !important;
    color: #2b2b2b !important;
    text-align: center;
    background: transparent;
    border: 1px solid transparent;
    text-decoration: none !important;
    transition: background-color .18s ease, color .18s ease, box-shadow .22s ease, transform .18s ease, border-color .18s ease;
}
.subcategory-wrapper .nav-item-lg-m > a.d-block .submenu-headline-image,
.subcategory-wrapper .nav-item-lg-m > a.d-block img {
    display: block !important;
    width: 100% !important;
    height: 138px !important;
    object-fit: cover !important;
    border-radius: 9px !important;
    margin: 0 0 11px !important;
    background: #f5f5f6;
    transition: transform .28s ease;
}
.subcategory-wrapper .nav-item-lg-m > a.d-block .nav-mobile-heading,
.subcategory-wrapper .nav-item-lg-m > a.d-block .submenu-headline-text,
.subcategory-wrapper .nav-item-lg-m > a.d-block strong {
    display: block !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: inherit !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
}
.subcategory-wrapper .nav-item-lg-m > a.d-block:hover {
    background: #fbeceb !important;
    color: var(--brand-primary) !important;
    border-color: #f1d2d0 !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 22px -10px rgba(var(--brand-primary-rgb),.28);
}
.subcategory-wrapper .nav-item-lg-m > a.d-block:hover .submenu-headline-image,
.subcategory-wrapper .nav-item-lg-m > a.d-block:hover img {
    transform: scale(1.05);
}

/* ========================================================================
   HEADER yeniden duzen + sari hover'lari tema kirmizisina cevirme
   ======================================================================== */

/* --- (A) Duzen: logo -> menu -> (saga yasli) arama + hesap + sepet --- */
@media (min-width: 992px) {
    #jtl-nav-wrapper {
        background: var(--brand-primary) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        height: auto !important;
        min-height: 92px !important;
        column-gap: 0;
        row-gap: 0;
        box-shadow: 0 12px 24px -22px rgba(var(--brand-topbar-rgb), .55);
    }
    #jtl-nav-wrapper > .container-fluid {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        background: transparent !important;
    }
    #jtl-nav-wrapper .hide-navbar {
        order: 1 !important;
        padding: 0 92px !important;
    }
    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) {
        order: 2 !important;
        padding: 0 92px 8px !important;
    }
    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        display: flex !important;
        position: relative !important;
        width: 100% !important;
        min-height: 58px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        column-gap: 18px !important;
        margin: 0 !important;
    }
    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) > .navbar.justify-content-start {
        display: flex !important;
        min-height: 24px !important;
        height: auto !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }
    #jtl-nav-wrapper > .container-fluid,
    #jtl-nav-wrapper .navbar {
        background: transparent !important;
    }
    #jtl-nav-wrapper .nav-logo-wrapper,
    #jtl-nav-wrapper .toggler-logo-wrapper,
    #jtl-nav-wrapper .logo-wrapper,
    #jtl-nav-wrapper .navbar-brand {
        background: transparent !important;
    }
    /* siralama */
    #jtl-nav-wrapper .nav-logo-wrapper   { order: 1 !important; flex: 0 0 auto !important; }
    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand {
        padding: 0 !important;
        margin: 0 !important;
    }
    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        display: block !important;
        width: 200px !important;
        max-width: 200px !important;
        height: auto !important;
        max-height: 46px !important;
        object-fit: contain !important;
    }
    #jtl-nav-wrapper .dh-header-trust-icons-wrapper { order: 2 !important; flex: 0 0 auto !important; align-items: center !important; padding-left: 0 !important; padding-right: 0 !important; }
    /* arama: menuden kalan boslugu doldurur (tek esnek oge) */
    #jtl-nav-wrapper .main-search-wrapper{
        order: 3 !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: min(470px, 34vw) !important;
        min-width: 330px !important;
        max-width: 470px !important;
        margin: 0 !important;
        z-index: 2;
    }
    #jtl-nav-wrapper .nav-icons-wrapper  { order: 4 !important; flex: 0 0 auto !important; margin-left: auto !important; }
    #jtl-nav-wrapper .navbar-collapse    { order: initial !important; flex: 0 1 auto !important; width: auto !important; }
    #jtl-nav-wrapper #mainNavigation.navbar-collapse {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        align-items: center !important;
    }

    /* menu yatay scroll'a dusmesin: arrow'lari gizle, tasmayi serbest birak */
    #jtl-nav-wrapper .nav-scrollbar         { overflow: visible !important; width: auto !important; min-height: 0 !important; height: auto !important; }
    #jtl-nav-wrapper .nav-mobile-body       { min-height: 0 !important; height: auto !important; }
    #jtl-nav-wrapper .nav-scrollbar-inner   { overflow: visible !important; flex-wrap: nowrap !important; min-height: 0 !important; height: auto !important; align-items: center !important; align-self: center !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
    #jtl-nav-wrapper .nav-scrollbar-arrow   { display: none !important; }
    /* arama input'u sarmalayicisini doldursun */
    #jtl-nav-wrapper .main-search-wrapper .search-wrapper,
    #jtl-nav-wrapper .main-search-wrapper .nav-item:first-child { width: 100% !important; flex: 1 1 auto !important; }

    #jtl-nav-wrapper .dh-header-trust-icons {
        display: block;
        width: 122px;
        max-width: 122px;
        height: auto;
        max-height: 36px;
        object-fit: contain;
        pointer-events: none;
        user-select: none;
    }

    /* Koyu kirmizi normal header: logo, menu ve ikonlar beyaz tona doner. */
    #jtl-nav-wrapper .navbar-brand img {
        filter: none !important;
    }
    #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link,
    #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover,
    #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:focus,
    #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link,
    #jtl-nav-wrapper .navbar-nav > .nav-item.active > .nav-link,
    #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link.active,
    #jtl-nav-wrapper .nav-icons-wrapper > .nav-item > .nav-link,
    #jtl-nav-wrapper .nav-icons-wrapper .nav-link,
    #jtl-nav-wrapper .cart-icon-dropdown .cart-price,
    #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-price,
    #jtl-nav-wrapper .cart-icon-dropdown .price,
    #jtl-nav-wrapper .account-icon-dropdown > .nav-link,
    #jtl-nav-wrapper .form-icon-trigger-label {
        color: rgba(255,255,255,.92) !important;
    }
    #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover,
    #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link,
    #jtl-nav-wrapper .nav-icons-wrapper .nav-link:hover {
        color: #fff !important;
    }
    #jtl-nav-wrapper .navbar-nav .nav-link::after,
    #jtl-nav-wrapper .navbar-nav .nav-link::before {
        border-color: #fff !important;
    }
    #jtl-nav-wrapper .nav-icons-wrapper svg,
    #jtl-nav-wrapper .nav-icons-wrapper .svg-inline--fa,
    #jtl-nav-wrapper .account-icon-dropdown svg,
    #jtl-nav-wrapper .cart-icon-dropdown svg {
        color: rgba(255,255,255,.9) !important;
        fill: rgba(255,255,255,.9) !important;
    }
    #jtl-nav-wrapper .nav-icons-wrapper .nav-link:hover svg,
    #jtl-nav-wrapper .nav-icons-wrapper .nav-link:hover .svg-inline--fa,
    #jtl-nav-wrapper .account-icon-dropdown > .nav-link:hover svg,
    #jtl-nav-wrapper .cart-icon-dropdown > .nav-link:hover svg {
        color: #fff !important;
        fill: #fff !important;
    }
    #jtl-nav-wrapper .main-search-wrapper input#search-header,
    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #181819 !important;
        height: 42px !important;
        min-height: 42px !important;
        font-size: 15px !important;
    }
    #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
    }
    #jtl-nav-wrapper .navbar-nav .nav-link::after,
    #jtl-nav-wrapper .navbar-nav .nav-link::before {
        border-width: 0 0 2px 0 !important;
        bottom: 0 !important;
    }
    #jtl-nav-wrapper .navbar-nav > .nav-item:has(> .dh-sale-link),
    #jtl-nav-wrapper .navbar-nav > .nav-item.dh-sale-nav-hidden,
    #jtl-nav-wrapper .dh-sale-link {
        display: none !important;
    }
}

/* Mobile PDP breadcrumb: reduce the vertical gap before the product image. */
@media (max-width: 767.98px) {
    body[data-page="1"] .breadcrumb-container {
        padding-bottom: 0 !important;
    }

    body[data-page="1"] .breadcrumb-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    body[data-page="1"] #product-offer.product-detail {
        margin-top: -14px !important;
    }
}

@media (min-width: 992px) and (max-width: 1320px) {
    #jtl-nav-wrapper .hide-navbar {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        column-gap: 14px !important;
    }
    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        width: 180px !important;
        max-width: 180px !important;
    }
    #jtl-nav-wrapper .dh-header-trust-icons {
        width: 108px;
        max-width: 108px;
    }
    #jtl-nav-wrapper .main-search-wrapper {
        width: min(410px, 32vw) !important;
        min-width: 290px !important;
        max-width: 410px !important;
    }
}

/* --- (B) Sari (#f8bf00) hover -> tema kirmizisi (var(--brand-primary)) --- */
a:hover,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
header a:not(.dropdown-item):not(.btn):hover,
.nav-icons-wrapper .nav-link:hover,
.account-icon-dropdown > .nav-link:hover,
.cart-icon-dropdown > .nav-link:hover,
.form-icon-trigger-label:hover,
.btn-link:hover,
.page-link:hover {
    color: var(--brand-primary) !important;
}
/* ikon svg/fill hover */
.nav-icons-wrapper .nav-link:hover svg,
.nav-icons-wrapper .nav-link:hover .svg-inline--fa,
header a:hover svg {
    color: var(--brand-primary) !important;
    fill: var(--brand-primary) !important;
}
/* ust bar (kirmizi zemin) linkleri kirmizi olmasin -> beyaz kalsin */
#header-top-bar a:not(.dropdown-item):not(.btn):hover {
    color: #fff !important;
    text-decoration: underline;
}

/* ========================================================================
   HERO sol kolon — yeni tasarim (badge, baslik, kartlar, CTA, proof)
   ======================================================================== */
.dh-home-hero-2026__copy { text-align: left; }

/* badge pill */
.dh-hero2__badge {
    display: inline-flex; align-items: center; gap: 12px;
    padding: 9px 16px; margin: 0 0 26px;
    border: 1px solid #e7e7ea; border-radius: 999px; background: #fff;
    box-shadow: 0 1px 2px rgba(17,17,17,.04);
    font-size: 12px; letter-spacing: .12em; text-transform: uppercase;
}
.dh-hero2__badge-dot {
    width: 8px; height: 8px; border-radius: 50%; background: var(--brand-primary); flex: 0 0 auto;
    box-shadow: 0 0 0 0 rgba(var(--brand-primary-rgb),.45);
    animation: dh-hero2-badge-pulse 2s ease-out infinite;
}
@keyframes dh-hero2-badge-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(var(--brand-primary-rgb),.45); }
    70%  { box-shadow: 0 0 0 7px rgba(var(--brand-primary-rgb),0); }
    100% { box-shadow: 0 0 0 0 rgba(var(--brand-primary-rgb),0); }
}
@media (prefers-reduced-motion: reduce) {
    .dh-hero2__badge-dot { animation: none; }
}
.dh-hero2__badge-strong { color: var(--brand-primary); font-weight: 700; }
.dh-hero2__badge-sep { width: 1px; height: 13px; background: #d9d9dd; }
.dh-hero2__badge-muted { color: #8a8f96; font-weight: 600; }

/* baslik */
.dh-home-hero-2026 h1.dh-hero2__title {
    margin: 0 !important;
    font-weight: 400 !important;
    line-height: 1.07 !important;
    letter-spacing: -.02em !important;
    font-size: clamp(33px, 3.8vw, 57px) !important;
    color: #15171a !important;
}
.dh-hero2__title-strong { display: block; font-weight: 800; color: #15171a; }
.dh-hero2__title-light  { display: block; font-weight: 400; color: #2a2d31; }
.dh-hero2__dot { color: var(--brand-primary); }

/* kirmizi cizgi */
.dh-hero2__rule { display: block; width: 64px; height: 3px; border-radius: 2px; background: var(--brand-primary); margin: 24px 0 0; }

/* lead */
.dh-home-hero-2026 .dh-hero2__lead {
    margin: 22px 0 28px !important;
    max-width: 47ch; color: #5b6066 !important;
    font-size: 16.5px !important; line-height: 1.7 !important; font-weight: 400 !important;
}

/* kategori kartlari */
.dh-hero2__cats { display: flex; flex-wrap: wrap; gap: 13px; margin: 0 0 30px; }
.dh-hero2__cat {
    flex: 1 1 120px; min-width: 0;
    display: flex; align-items: center; gap: 11px;
    padding: 13px 16px; border: 1px solid #e7e7ea; border-radius: 14px; background: #fff;
    text-decoration: none; color: #23262a; font-weight: 600; font-size: 13.5px; line-height: 1.18;
    box-shadow: 0 1px 2px rgba(17,17,17,.03);
    transition: border-color .18s, box-shadow .2s, transform .18s, color .18s;
}
.dh-hero2__cat:hover { border-color: #f0cfcd; box-shadow: 0 10px 22px -12px rgba(var(--brand-primary-rgb),.30); transform: translateY(-2px); color: var(--brand-primary); text-decoration: none; }
.dh-hero2__cat-ico { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 10px; background: #fbeceb; color: var(--brand-primary); flex: 0 0 auto; }
.dh-hero2__cat-ico svg { width: 20px; height: 20px; }
.dh-hero2__cat-label { min-width: 0; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; }

/* CTA satiri */
.dh-hero2__cta { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 24px; }
.dh-hero2__btn {
    display: inline-flex; align-items: center; gap: 11px;
    padding: 15px 28px; border-radius: 999px; background: var(--brand-primary); color: #fff;
    font-weight: 700; font-size: 15.5px; text-decoration: none;
    box-shadow: 0 14px 26px -12px rgba(var(--brand-primary-rgb),.5);
    transition: background .18s, transform .18s, box-shadow .2s;
}
.dh-hero2__btn:hover { background: var(--brand-primary-dark); transform: translateY(-2px); color: #fff; text-decoration: none; box-shadow: 0 18px 30px -12px rgba(var(--brand-primary-rgb),.55); }
.dh-hero2__btn-arrow { width: 19px; height: 19px; flex: 0 0 auto; }
.dh-hero2__advice {
    align-self: center; color: #23262a; font-weight: 600; font-size: 14.5px;
    text-decoration: none; border-bottom: 2px solid #d9b3b1; padding-bottom: 2px;
    transition: color .18s, border-color .18s;
}
.dh-hero2__advice:hover { color: var(--brand-primary); border-color: var(--brand-primary); text-decoration: none; }

/* sosyal kanit: avatar + yildiz */
.dh-hero2__proof { display: flex; align-items: center; gap: 12px; }
.dh-hero2__avatars { display: inline-flex; }
.dh-hero2__avatar {
    width: 34px; height: 34px; border-radius: 50%; border: 2px solid #fff;
    margin-left: -10px; box-shadow: 0 1px 3px rgba(0,0,0,.20);
    object-fit: cover; background: #ececed; display: block;
}
.dh-hero2__avatar:first-child { margin-left: 0; }
.dh-hero2__proof-text { display: flex; flex-direction: column; line-height: 1.18; }
.dh-hero2__stars { color: var(--brand-primary); font-size: 14px; letter-spacing: 2px; }
.dh-hero2__proof-meta { font-size: 13px; color: #5b6066; }
.dh-hero2__proof-meta strong { color: #1a1d21; font-weight: 700; }

@media (max-width: 575px) {
    .dh-hero2__cat { flex: 1 1 140px; }
    .dh-hero2__cta { gap: 16px; }
}

/* ========================================================================
   ANASAYFA: hero alti eski OPC tanitim bloklarini kaldir
   (banner gorseli + 'Design Heizungen: Hochwertige...' baslik/Spa-Feeling
    metni + 3 kart Bestpreis/Versand/Rückgabe). Urun showcase'leri korunur.
   ======================================================================== */
body[data-page="18"] div:has(> a > img.img-aspect-ratio),
body[data-page="18"] div:has(> a > picture img.img-aspect-ratio),
body[data-page="18"] div:has(> a > picture source[srcset*="Startseite"]),
body[data-page="18"] .opc-Container:has(p.MsoNormal),
body[data-page="18"] .opc-Container:has(img[src*="icons8"]),
body[data-page="18"] .opc-Container:has(img[data-src*="icons8"]) {
    display: none !important;
}

/* --- urun karti: ustu cizili orijinal fiyat (UVP/Streichpreis) — fiyatin ustunde, tema kirmizisi --- */
.rt-productlist-uvp {
    margin: 0 0 1px;
    font-size: 13px;
    line-height: 1.15;
    color: var(--brand-primary);
    font-weight: 600;
}
.rt-productlist-uvp s { text-decoration: line-through; color: var(--brand-primary); }

/* --- urun karti ribbon (AUF LAGER) sol alt yesil fold kosesini kaldir --- */
.productbox-ribbon.ribbon::before,
.productbox-ribbon.ribbon::after { display: none !important; content: none !important; }

/* --- urun karti: ana satis fiyati siyah --- */
.productbox .price.productbox-price,
.productbox .price.productbox-price span,
.productbox .price.productbox-price a { color: #15171a !important; }

/* --- urun karti: varyasyon bilgisi tema kirmizisi --- */
.rt-productlist-variation,
.rt-productlist-variation span { color: var(--brand-primary) !important; }

/* ========================================================================
   PDP Welle 1 #1 — CTA alti Kaufrisiko / Trust-Zeile (Figma Booster 15)
   ======================================================================== */
.rt-pdp-trust {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 9px 20px;
    margin: 14px 0 12px;
    padding: 0;
}
.rt-pdp-trust__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    line-height: 1.25;
    font-weight: 600;
    color: #2b2e33;
}
.rt-pdp-trust__item svg {
    width: 17px;
    height: 17px;
    color: var(--brand-primary);
    flex: 0 0 auto;
}
@media (max-width: 575px) {
    .rt-pdp-trust { gap: 8px 14px; }
    .rt-pdp-trust__item { font-size: 12.5px; }
}

/* ========================================================================
   PDP Buybox — Design-Heizungen Mockup Layer (rechte Kaufbox)
   ======================================================================== */
#product-offer .product-info-inner {
    padding: 28px 30px 24px;
    border: 1px solid #e9eaee;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 46px -34px rgba(15, 23, 42, .28);
}

#product-offer .dh-pdp-series-pill {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0 0 13px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #fbeceb;
    color: var(--brand-primary);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

#product-offer .product-title.h2 {
    max-width: 13.8em;
    font-size: clamp(30px, 2.35vw, 40px);
    line-height: 1.12;
    font-weight: 820;
    color: #070b16;
}

#product-offer .rating-wrapper {
    margin-top: 14px;
    margin-bottom: 14px;
}

#product-offer .rating-wrapper .rating {
    color: #ffb21f !important;
    font-size: 17px;
}

#product-offer .liebenauch {
    margin: 0 0 22px;
    padding: 7px 12px 7px 8px;
    border: 1px solid #eef0f3;
    background: #f5f6f7;
    box-shadow: none;
}

#product-offer .shortdesc {
    margin: 18px 0 24px !important;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

#product-offer .shortdesc ul {
    grid-template-columns: 1fr;
    gap: 17px;
}

#product-offer .shortdesc li {
    gap: 14px;
    color: #101828;
    font-size: 15px;
    line-height: 1.35;
}

#product-offer .shortdesc li img {
    width: 22px;
    height: 22px;
    margin-top: 0;
    filter: drop-shadow(0 2px 5px rgba(var(--brand-primary-rgb), .14));
}

#product-offer .shortdesc strong {
    display: block;
    margin-bottom: 3px;
    font-size: 15px;
    color: #111827;
}

/* Preiszeile: Verkaufspreis + roter Spar-Pill + UVP in einer ruhigen Zeile. */
#product-offer .price_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 26px 0 12px !important;
}

#product-offer .price_wrapper .price.h1 {
    order: 1;
    color: #070b16 !important;
    font-size: clamp(34px, 2.8vw, 46px) !important;
    line-height: .98 !important;
}

#product-offer .rothler-price-block {
    order: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

#product-offer .rothler-sale-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

#product-offer .rothler-discount-pill {
    order: 1;
    padding: 8px 12px;
    border: 0;
    border-radius: 6px;
    background: var(--brand-primary);
    color: #fff;
    box-shadow: 0 8px 18px -12px rgba(var(--brand-primary-rgb), .7);
    font-size: 14px;
    font-weight: 800;
}

#product-offer .rothler-uvp {
    order: 2;
    color: #6f7680;
    font-size: 15px;
    font-weight: 600;
}

#product-offer .rothler-uvp s {
    color: #6f7680;
    text-decoration-thickness: 1.5px;
}

#product-offer .rothler-savings-row {
    display: none;
}

#product-offer .rothler-price-benefits {
    order: 3;
    width: 100%;
    margin-top: 2px;
    color: #777f89;
    font-size: 13px;
}

/* Verfuegbarkeit: mockup-nah, aber echte JTL-Texte bleiben erhalten. */
#product-offer .stock-information.stock-information-p {
    margin: 18px 0 18px !important;
}

#product-offer .delivery-status {
    padding: 14px 16px;
    border: 1px solid #cfe7d8;
    border-radius: 14px;
    background: linear-gradient(180deg, #f3fbf6 0%, #eff8f2 100%);
}

#product-offer .delivery-status ul {
    gap: 8px;
}

#product-offer .delivery-status li {
    display: flex;
    align-items: center;
}

#product-offer .rt-product-delivery-time__inner {
    padding: 0;
    border: 0;
    background: transparent;
    color: #1c6b4b;
}

#product-offer .delivery-status .status,
#product-offer .rt-product-delivery-time__label,
#product-offer .rt-product-delivery-time__value,
#product-offer .rt-product-delivery-time__hint {
    color: #1c6b4b !important;
}

#product-offer .delivery-status .status-icon {
    background: #2e9e6b;
    color: #fff;
}

/* Varianten: pillartige Auswahl, aktiver Zustand rot wie im Mockup. */
#product-offer .row.variations.switch-variations {
    padding: 0;
    border: 0;
    background: transparent;
}

#product-offer .variation-wrapper dt {
    margin-bottom: 9px;
    color: #111827;
    font-size: 15px;
}

#product-offer .swatches-text {
    min-height: 44px;
    padding: 11px 17px !important;
    border-color: #dde1e7 !important;
    border-radius: 8px !important;
    background: #fff;
    color: #374151;
    font-size: 14px;
    font-weight: 700;
}

#product-offer .swatches-text:hover {
    border-color: #e2aaa8 !important;
    background: #fff8f8 !important;
}

#product-offer .swatches-text.active {
    border-color: var(--brand-primary) !important;
    background: #fff7f7 !important;
    color: var(--brand-primary) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--brand-primary-rgb), .18);
}

#product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle:hover,
#product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle:focus,
#product-offer .variation-wrapper .bootstrap-select.show > .dropdown-toggle {
    border-color: var(--brand-primary) !important;
    background-color: #fffafa !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .08) !important;
}

/* CTA: roter Warenkorb + weisser Jetzt-kaufen Button darunter. */
#product-offer #add-to-cart .basket-form-inline {
    align-items: stretch;
}

#product-offer #quantity-grp.choose_quantity {
    min-height: 56px;
    border: 1px solid #e1e5ea;
    border-radius: 8px;
    overflow: hidden;
}

#product-offer #add-to-cart .btn-primary {
    min-height: 56px;
    border-radius: 8px;
    background: #b90000;
    border-color: #b90000;
    box-shadow: 0 12px 24px -16px rgba(185, 0, 0, .6);
}

#product-offer #add-to-cart .btn-primary:hover,
#product-offer #add-to-cart .btn-primary:focus {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
}

#product-offer .dh-pdp-buy-now {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    margin: 14px 0 14px;
    border: 1px solid #dde1e7;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    font-size: 16px;
    font-weight: 760;
    text-decoration: none;
}

#product-offer .dh-pdp-buy-now:hover,
#product-offer .dh-pdp-buy-now:focus {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .08);
}

#product-offer .rt-pdp-payment-strip {
    margin-top: 4px;
    padding: 4px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

#product-offer .rt-pdp-payment-strip img {
    max-height: 38px;
    object-position: center;
}

#product-offer .rothler-trust-section {
    margin-top: 14px;
    padding-top: 0;
}

#product-offer .rothler-trust-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

#product-offer .rothler-trust-card {
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 8px 5px;
    border: 0;
    background: transparent;
    text-align: center;
}

#product-offer .rothler-trust-iconwrap {
    width: 24px;
    height: 24px;
    background: transparent;
    color: #6b7280;
}

#product-offer .rothler-trust-text {
    align-items: center;
}

#product-offer .rothler-trust-text strong {
    font-size: 11px;
    line-height: 1.15;
    color: #374151;
}

#product-offer .rothler-trust-text span {
    display: none;
}

/* Reihenfolge wie Mockup:
   Benefits -> Preis/Availability -> Varianten -> Menge/Warenkorb. */
#product-offer .product-info .product-offer {
    display: flex;
    flex-direction: column;
}

#product-offer .product-info .product-offer > .row:has(.price_wrapper) {
    order: 10;
}

#product-offer .product-info .product-offer > .row.variations.switch-variations {
    order: 20;
}

#product-offer .product-info .product-offer > #add-to-cart,
#product-offer .product-info .product-offer > .rt-pdp-payment-strip,
#product-offer .product-info .product-offer > .rothler-trust-section,
#product-offer .product-info .product-offer > .dh-pdp-buy-now {
    order: 30;
}

#product-offer .price_wrapper .price_label.pricestarting {
    display: none;
}

/* Detail fiyat markup'i artik price.tpl tarafindan direkt mockup sirasi ile render edilir. */
#product-offer .dh-pdp-price-wrapper {
    display: block;
    margin: 28px 0 18px !important;
}

#product-offer .dh-pdp-price-line {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    max-width: 100%;
}

#product-offer .dh-pdp-current-price {
    order: 1 !important;
    flex: 0 0 auto;
    margin: 0 !important;
    color: #070b16 !important;
    font-size: 36px !important;
    font-weight: 840 !important;
    line-height: .92 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap;
}

#product-offer .dh-pdp-save-pill {
    order: 2;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    background: var(--brand-primary);
    color: #fff;
    box-shadow: 0 9px 20px -12px rgba(var(--brand-primary-rgb), .85);
    font-size: 14px;
    font-weight: 820;
    line-height: 1;
    white-space: nowrap;
}

#product-offer .dh-pdp-old-price {
    order: 3;
    color: #8b93a1;
    font-size: 18px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

#product-offer .dh-pdp-old-price s {
    color: #8b93a1;
    text-decoration-color: #6f7682;
    text-decoration-thickness: 2px;
}

#product-offer .dh-pdp-taxline {
    margin-top: 10px;
    color: #9aa0aa;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
}

/* Eski #product-offer .price_wrapper .price.h1 order kurali yeni markup'a sizmasin. */
#product-offer .dh-pdp-price-line > .dh-pdp-current-price.price.h1 {
    order: 1 !important;
}

@media (max-width: 991px) {
    #product-offer .product-info-inner {
        padding: 22px 18px;
        border-radius: 18px;
    }
    #product-offer .rothler-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* PDP Availability card: referans mockup yesil kutu + progress bar. */
#product-offer .stock-information.stock-information-p {
    width: 100%;
    margin: 18px 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
}

#product-offer .delivery-status.dh-pdp-stock-card {
    width: 100%;
    padding: 21px 22px 20px !important;
    border: 1px solid #dcefe2 !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #f7fcf8 0%, #f2faf4 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), 0 16px 34px -30px rgba(40, 96, 61, .35);
}

#product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-item {
    display: grid !important;
    grid-template-columns: 27px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    min-height: 26px;
    margin: 0 !important;
    color: #172033 !important;
    font-size: 16px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
}

#product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-item strong {
    min-width: 0;
    color: inherit;
    font: inherit;
}

#product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-item--primary {
    color: #34783d !important;
    font-size: 17px !important;
    font-weight: 840 !important;
}

#product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-item--muted .dh-pdp-stock-check {
    background: #e5f5e9;
    color: #5cae66;
    box-shadow: inset 0 0 0 1px rgba(83, 161, 92, .22), 0 0 0 4px rgba(76, 166, 88, .08);
}

#product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    border-radius: 999px;
    background: #4f9f50;
    color: #fff;
    box-shadow: 0 0 0 4px rgba(79, 159, 80, .12);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

#product-offer .dh-pdp-stock-progress {
    margin-top: 27px;
}

#product-offer .dh-pdp-stock-progress__text {
    margin-bottom: 13px;
    color: #202635;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

#product-offer .dh-pdp-stock-progress__track {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: #e8e8ef;
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, .08);
}

#product-offer .dh-pdp-stock-progress__fill {
    display: block;
    width: 50%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #b50908 0%, #d01816 100%);
    box-shadow: 0 0 0 1px rgba(var(--brand-primary-rgb), .14), 0 5px 12px rgba(var(--brand-primary-rgb), .28);
}

#product-offer .dh-pdp-stock-progress__labels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px;
    color: #6f7683;
    font-size: 15px;
    font-weight: 780;
    line-height: 1;
}

#product-offer .dh-pdp-stock-progress__labels span:nth-child(2) {
    text-align: center;
}

#product-offer .dh-pdp-stock-progress__labels span:nth-child(3) {
    text-align: right;
}

@media (max-width: 575px) {
    #product-offer .delivery-status.dh-pdp-stock-card {
        padding: 18px 16px !important;
        border-radius: 14px !important;
    }

    #product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-item {
        grid-template-columns: 24px minmax(0, 1fr);
        column-gap: 10px;
        font-size: 14.5px !important;
    }

    #product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-item--primary {
        font-size: 15.5px !important;
    }

    #product-offer .dh-pdp-stock-progress__text,
    #product-offer .dh-pdp-stock-progress__labels {
        font-size: 13.5px;
    }
}

/* PDP Variants + CTA: referans mockup alt satin alma bolgesi. */
#product-offer .row.variations.switch-variations {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

#product-offer .switch-variations dl,
#product-offer .switch-variations dd.form-group {
    margin: 0 !important;
}

#product-offer .variation-wrapper {
    margin: 0 0 20px !important;
}

#product-offer .variation-wrapper:last-child {
    margin-bottom: 0 !important;
}

#product-offer .variation-wrapper dt {
    margin-bottom: 10px !important;
    color: #101828 !important;
    font-size: 16px !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
}

#product-offer .dh-pdp-radio-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

#product-offer .dh-pdp-radio-option {
    display: inline-flex;
    max-width: 100%;
}

#product-offer .dh-pdp-radio-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

#product-offer .dh-pdp-radio-pill {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 19px;
    border: 1px solid #d9dee7;
    border-radius: 7px;
    background: #fff;
    color: #4b5563;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
    cursor: pointer;
    font-size: 15px;
    font-weight: 740;
    line-height: 1.15;
    text-align: center;
    transition: border-color .15s ease, box-shadow .15s ease, color .15s ease, background .15s ease;
}

#product-offer .dh-pdp-radio-pill::before,
#product-offer .dh-pdp-radio-pill::after {
    display: none !important;
    content: none !important;
}

#product-offer .dh-pdp-radio-pill:hover {
    border-color: #c74a48;
    color: var(--brand-primary);
}

#product-offer .dh-pdp-radio-input:checked + .dh-pdp-radio-pill,
#product-offer .dh-pdp-radio-pill.is-active {
    border-color: #d86765;
    background: #fff;
    color: var(--brand-primary);
    box-shadow: inset 0 0 0 1px rgba(var(--brand-primary-rgb), .22), 0 6px 14px -12px rgba(var(--brand-primary-rgb), .7);
}

#product-offer .dh-pdp-radio-input:focus-visible + .dh-pdp-radio-pill {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .14);
}

#product-offer .dh-pdp-radio-pill__text {
    min-width: 0;
    overflow-wrap: anywhere;
}

#product-offer #add-to-cart {
    margin-top: 0 !important;
}

#product-offer #add-to-cart .basket-form-inline {
    display: grid !important;
    grid-template-columns: 136px minmax(0, 1fr);
    align-items: stretch !important;
    gap: 14px !important;
    margin: 0 !important;
}

#product-offer #add-to-cart .basket-form-inline > [class*="col"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    flex: initial !important;
}

#product-offer #quantity-grp.choose_quantity,
#product-offer #add-to-cart .btn-primary {
    min-height: 60px !important;
    height: 60px !important;
    border-radius: 8px !important;
}

#product-offer #quantity-grp.choose_quantity {
    display: grid !important;
    grid-template-columns: 42px minmax(34px, 1fr) 42px;
    border: 1px solid #dbe1ea !important;
    background: #fff !important;
}

#product-offer #quantity-grp.choose_quantity:has(.unit) {
    grid-template-columns: 40px minmax(32px, 1fr) 28px 40px;
}

#product-offer #quantity-grp .input-group-prepend,
#product-offer #quantity-grp .input-group-append {
    display: contents !important;
}

#product-offer #quantity-grp .input-group-prepend .btn {
    grid-column: 1;
}

#product-offer #quantity-grp input.quantity {
    grid-column: 2;
}

#product-offer #quantity-grp:not(:has(.unit)) .input-group-append .btn {
    grid-column: 3;
}

#product-offer #quantity-grp:has(.unit) .input-group-text.unit {
    grid-column: 3;
}

#product-offer #quantity-grp:has(.unit) .input-group-append .btn {
    grid-column: 4;
}

#product-offer #quantity-grp .btn,
#product-offer #quantity-grp input,
#product-offer #quantity-grp .input-group-text {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: 58px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#product-offer #quantity-grp input.quantity {
    padding: 0 !important;
    color: #101828 !important;
    font-size: 19px !important;
    font-weight: 760 !important;
    text-align: center !important;
}

#product-offer #quantity-grp .btn {
    color: #475467 !important;
    font-size: 17px !important;
}

#product-offer #quantity-grp .btn:hover,
#product-offer #quantity-grp .btn:focus {
    background: #f7f8fa !important;
    color: var(--brand-primary) !important;
}

#product-offer #add-to-cart .btn-primary {
    background: #a90000 !important;
    border-color: #a90000 !important;
    color: #fff !important;
    box-shadow: 0 14px 24px -18px rgba(var(--brand-primary-rgb), .8) !important;
    font-size: 18px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
}

#product-offer #add-to-cart .btn-primary .btn-basket-check {
    display: inline-flex !important;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 13px;
}

#product-offer #add-to-cart .btn-primary .fas.fa-shopping-cart {
    font-size: 20px !important;
}

#product-offer .dh-pdp-buy-now {
    min-height: 58px !important;
    margin: 14px 0 14px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
}

@media (max-width: 575px) {
    #product-offer #add-to-cart .basket-form-inline {
        grid-template-columns: 124px minmax(0, 1fr);
        gap: 10px !important;
    }

    #product-offer .dh-pdp-radio-pill {
        min-height: 42px;
        padding: 0 14px;
        font-size: 13.5px;
    }

    #product-offer #add-to-cart .btn-primary {
        font-size: 15px !important;
    }
}

/* PDP CTA specificity lock: eski body #product-offer kurallari kazanmasin. */
body #product-offer #add-to-cart {
    margin-top: 0 !important;
}

body #product-offer #add-to-cart .basket-form-inline {
    display: grid !important;
    grid-template-columns: 136px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    margin: 0 !important;
}

body #product-offer #add-to-cart .basket-form-inline > [class*="col"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    flex: initial !important;
}

body #product-offer #quantity-grp.choose_quantity,
body #product-offer #add-to-cart .btn-primary {
    min-height: 60px !important;
    height: 60px !important;
    border-radius: 8px !important;
}

body #product-offer #quantity-grp.choose_quantity {
    grid-template-columns: 46px minmax(40px, 1fr) 46px !important;
}

body #product-offer #quantity-grp.choose_quantity:has(.unit) {
    grid-template-columns: 40px minmax(32px, 1fr) 28px 40px !important;
}

body #product-offer #quantity-grp .btn,
body #product-offer #quantity-grp input,
body #product-offer #quantity-grp .input-group-text {
    min-height: 58px !important;
    height: 58px !important;
}

body #product-offer #add-to-cart .btn-primary {
    background: #a90000 !important;
    border-color: #a90000 !important;
    box-shadow: 0 14px 24px -18px rgba(var(--brand-primary-rgb), .8) !important;
    font-size: 18px !important;
}

body #product-offer #add-to-cart .btn-primary .btn-basket-check {
    flex-direction: row-reverse !important;
    gap: 13px !important;
}

body #product-offer .dh-pdp-buy-now {
    min-height: 58px !important;
    margin: 14px 0 14px !important;
    border-radius: 8px !important;
}

@media (max-width: 575px) {
    body #product-offer #add-to-cart .basket-form-inline {
        grid-template-columns: 142px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body #product-offer #add-to-cart .btn-primary {
        font-size: 15px !important;
    }
}

/* PDP desktop width: sag satin alma karti varyasyon/CTA icin daha genis nefes alsin. */
@media (min-width: 992px) {
    body #content .container:has(> form#buy_form),
    body #content .container:has(> form[id^="buy_form"]) {
        max-width: 1460px !important;
    }

    body #product-offer.product-detail {
        max-width: 1460px !important;
        width: 100%;
    }

    body #product-offer > .product-gallery {
        flex: 0 0 48% !important;
        max-width: 48% !important;
        padding-right: 28px !important;
    }

    body #product-offer > .product-info {
        flex: 0 0 52% !important;
        max-width: 52% !important;
        padding-left: 18px !important;
    }

    body #product-offer .product-info-inner {
        width: 100% !important;
        max-width: none !important;
        padding-right: 34px !important;
        padding-left: 34px !important;
    }

    body #product-offer #add-to-cart .basket-form-inline {
        grid-template-columns: 152px minmax(0, 1fr) !important;
    }
}

@media (min-width: 1400px) {
    body #content .container:has(> form#buy_form),
    body #content .container:has(> form[id^="buy_form"]) {
        max-width: 1580px !important;
    }

    body #product-offer.product-detail {
        max-width: 1580px !important;
    }

    body #product-offer > .product-gallery {
        flex-basis: 46% !important;
        max-width: 46% !important;
    }

    body #product-offer > .product-info {
        flex-basis: 54% !important;
        max-width: 54% !important;
    }

    body #product-offer .product-info-inner {
        padding-right: 38px !important;
        padding-left: 38px !important;
    }
}

/* PDP right buybox rebuild: briefing-konform, ruhig, update-safe im Child. */
body #product-offer.product-detail {
    --dh-pdp-red: var(--brand-primary);
    --dh-pdp-red-dark: var(--brand-primary-deep);
    --dh-pdp-ink: #111827;
    --dh-pdp-muted: #6b7280;
    --dh-pdp-line: #e3e7ee;
    --dh-pdp-soft: #f7f8fa;
    --dh-pdp-green: #2f7d46;
}

body #product-offer .product-info-inner {
    border: 1px solid var(--dh-pdp-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--dh-pdp-ink) !important;
}

body #product-offer .product-headline {
    margin: 0 0 12px !important;
}

body #product-offer .dh-pdp-series-pill {
    min-height: 22px !important;
    margin: 0 0 10px !important;
    padding: 4px 9px !important;
    border: 1px solid #f0d7d6 !important;
    border-radius: 999px !important;
    background: #fff7f7 !important;
    color: var(--dh-pdp-red) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

body #product-offer .product-title.h2 {
    max-width: none !important;
    margin: 0 !important;
    color: var(--dh-pdp-ink) !important;
    font-size: clamp(28px, 2.05vw, 36px) !important;
    font-weight: 820 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
}

body #product-offer .rating-wrapper {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 13px 0 12px !important;
}

body #product-offer .rating-wrapper a,
body #product-offer .rating-wrapper {
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}

body #product-offer .rating-wrapper .rating {
    color: #f5a400 !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
}

body #product-offer .liebenauch {
    display: inline-flex !important;
    align-items: center;
    max-width: 100%;
    margin: 0 0 18px !important;
    padding: 6px 11px 6px 6px !important;
    border: 1px solid #edf0f4 !important;
    border-radius: 999px !important;
    background: #f8fafb !important;
    box-shadow: none !important;
}

body #product-offer .trust-image {
    width: 33px !important;
    height: 33px !important;
}

body #product-offer .text_liebenauch {
    color: #374151 !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
}

body #product-offer .text_liebenauch strong {
    color: var(--dh-pdp-ink) !important;
    font-weight: 820 !important;
}

body #product-offer .info-essential.list-unstyled,
body #product-offer .freeshippinglabel {
    display: none !important;
}

body #product-offer .shortdesc {
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body #product-offer .shortdesc ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body #product-offer .shortdesc li {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: start;
    gap: 12px !important;
    min-width: 0;
    color: #4b5563 !important;
    font-size: 14.5px !important;
    line-height: 1.36 !important;
}

body #product-offer .shortdesc li img {
    width: 23px !important;
    height: 23px !important;
    margin-top: 1px !important;
    filter: none !important;
}

body #product-offer .shortdesc strong {
    display: block !important;
    margin: 0 0 2px !important;
    color: var(--dh-pdp-ink) !important;
    font-size: 14.8px !important;
    font-weight: 820 !important;
    line-height: 1.28 !important;
}

body #product-offer .product-info .product-offer {
    display: flex !important;
    flex-direction: column !important;
}

body #product-offer .product-info .product-offer > .row.variations.switch-variations {
    order: 10 !important;
}

body #product-offer .product-info .product-offer > .row:has(.dh-pdp-price-wrapper),
body #product-offer .product-info .product-offer > .row:has(.price_wrapper) {
    order: 20 !important;
}

body #product-offer .product-info .product-offer > #add-to-cart {
    order: 30 !important;
}

body #product-offer .product-info .product-offer > .dh-pdp-buy-now,
body #product-offer .product-info .product-offer > .rt-pdp-payment-strip,
body #product-offer .product-info .product-offer > .rothler-trust-section {
    order: 40 !important;
}

body #product-offer .row.variations.switch-variations {
    margin: 0 0 22px !important;
    padding: 0 0 22px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--dh-pdp-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body #product-offer .variation-wrapper {
    margin: 0 0 18px !important;
}

body #product-offer .variation-wrapper:last-child {
    margin-bottom: 0 !important;
}

body #product-offer .variation-wrapper dt {
    display: flex !important;
    align-items: baseline;
    gap: 7px;
    margin: 0 0 10px !important;
    color: var(--dh-pdp-ink) !important;
    font-size: 15.5px !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
}

body #product-offer .variation-wrapper dt .swatches-selected {
    color: #168236 !important;
    font-weight: 820 !important;
}

body #product-offer .dh-pdp-radio-options,
body #product-offer .swatches.textswatches,
body #product-offer .swatches.TEXTSWATCHES,
body #product-offer .form-row.swatches {
    gap: 10px !important;
}

body #product-offer .dh-pdp-radio-pill,
body #product-offer .swatches-text {
    min-height: 44px !important;
    padding: 0 17px !important;
    border: 1px solid #dfe4ec !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #4b5563 !important;
    font-size: 14.5px !important;
    font-weight: 740 !important;
    line-height: 1.15 !important;
}

body #product-offer .dh-pdp-radio-pill:hover,
body #product-offer .swatches-text:hover {
    border-color: #c84b48 !important;
    background: #fffafa !important;
    color: var(--dh-pdp-red) !important;
}

body #product-offer .dh-pdp-radio-input:checked + .dh-pdp-radio-pill,
body #product-offer .dh-pdp-radio-pill.is-active,
body #product-offer .swatches-text.active {
    border-color: var(--dh-pdp-red) !important;
    background: #fff8f8 !important;
    color: var(--dh-pdp-red) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--brand-primary-rgb), .18) !important;
}

body #product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle {
    min-height: 46px !important;
    border-color: #dfe4ec !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    color: #374151 !important;
}

body #product-offer .dh-pdp-price-wrapper {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

body #product-offer .dh-pdp-price-line {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 9px 13px !important;
}

body #product-offer .dh-pdp-current-price {
    color: var(--dh-pdp-ink) !important;
    font-size: clamp(34px, 2.2vw, 42px) !important;
    font-weight: 850 !important;
    line-height: .98 !important;
}

body #product-offer .dh-pdp-save-pill {
    min-height: 30px !important;
    padding: 0 11px !important;
    border-radius: 6px !important;
    background: var(--dh-pdp-red) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 820 !important;
}

body #product-offer .dh-pdp-old-price {
    color: #8b93a1 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

body #product-offer .dh-pdp-taxline {
    margin-top: 8px !important;
    color: #8b93a1 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

body #product-offer .stock-information.stock-information-p {
    margin: 14px 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card {
    padding: 17px 18px !important;
    border: 1px solid #d9eadf !important;
    border-radius: 12px !important;
    background: #f7fbf8 !important;
    box-shadow: none !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-list {
    gap: 9px !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-item {
    grid-template-columns: 23px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    min-height: 24px !important;
    color: #1f2937 !important;
    font-size: 14.5px !important;
    font-weight: 720 !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-item--primary {
    color: var(--dh-pdp-green) !important;
    font-size: 15px !important;
    font-weight: 830 !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-check {
    width: 20px !important;
    height: 20px !important;
    background: #4c9a57 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 11px !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-item--muted .dh-pdp-stock-check {
    background: #dcefe2 !important;
    color: #4c9a57 !important;
}

body #product-offer .dh-pdp-stock-progress {
    margin-top: 18px !important;
}

body #product-offer .dh-pdp-stock-progress__text {
    margin-bottom: 10px !important;
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

body #product-offer .dh-pdp-stock-progress__track {
    height: 7px !important;
    background: #e6e8ee !important;
}

body #product-offer .dh-pdp-stock-progress__fill {
    background: var(--dh-pdp-red) !important;
    box-shadow: none !important;
}

body #product-offer .dh-pdp-stock-progress__labels {
    margin-top: 9px !important;
    color: #737b88 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body #product-offer #add-to-cart {
    margin: 0 !important;
}

body #product-offer #add-to-cart .basket-form-inline {
    grid-template-columns: 142px minmax(0, 1fr) !important;
    gap: 12px !important;
}

body #product-offer #quantity-grp.choose_quantity,
body #product-offer #add-to-cart .btn-primary {
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 9px !important;
}

body #product-offer #quantity-grp.choose_quantity {
    border: 1px solid #dfe4ec !important;
    background: #fff !important;
}

body #product-offer #quantity-grp .btn,
body #product-offer #quantity-grp input,
body #product-offer #quantity-grp .input-group-text {
    min-height: 54px !important;
    height: 54px !important;
}

body #product-offer #quantity-grp input.quantity {
    color: var(--dh-pdp-ink) !important;
    font-size: 18px !important;
    font-weight: 780 !important;
}

body #product-offer #quantity-grp .btn {
    color: #4b5563 !important;
    font-size: 16px !important;
}

body #product-offer #add-to-cart .btn-primary {
    border-color: var(--dh-pdp-red) !important;
    background: var(--dh-pdp-red) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 820 !important;
}

body #product-offer #add-to-cart .btn-primary:hover,
body #product-offer #add-to-cart .btn-primary:focus {
    border-color: var(--dh-pdp-red-dark) !important;
    background: var(--dh-pdp-red-dark) !important;
    transform: none !important;
}

body #product-offer .dh-pdp-buy-now {
    min-height: 52px !important;
    margin: 12px 0 12px !important;
    border: 1px solid #dfe4ec !important;
    border-radius: 9px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--dh-pdp-ink) !important;
    font-size: 15.5px !important;
    font-weight: 780 !important;
}

body #product-offer .dh-pdp-buy-now:hover,
body #product-offer .dh-pdp-buy-now:focus {
    border-color: var(--dh-pdp-red) !important;
    color: var(--dh-pdp-red) !important;
    box-shadow: none !important;
}

body #product-offer .rt-pdp-payment-strip {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px !important;
    margin: 3px 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body #product-offer .rt-pdp-payment-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 8px;
    border: 1px solid #e4e7ec;
    border-radius: 6px;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

body #product-offer .rt-pdp-payment-chip--visa { color: #1a4da1; }
body #product-offer .rt-pdp-payment-chip--mastercard { color: #b65014; }
body #product-offer .rt-pdp-payment-chip--paypal { color: #005ea6; }
body #product-offer .rt-pdp-payment-chip--klarna { color: #8b254c; background: #fff4f8; }
body #product-offer .rt-pdp-payment-chip--apple { color: #111827; }
body #product-offer .rt-pdp-payment-chip--google { color: #2d6cdf; }

body #product-offer .rothler-trust-section {
    margin: 0 !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid var(--dh-pdp-line) !important;
}

/* PDP payment strip: tek gorsel, eski chip badge yok. */
body #product-offer .rt-pdp-payment-strip {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 12px 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body #product-offer .rt-pdp-payment-strip .rt-pdp-payment-image,
body #product-offer .rt-pdp-payment-strip img.rt-pdp-payment-image {
    display: block !important;
    width: min(100%, 460px) !important;
    height: auto !important;
    max-height: 66px !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* PDP variation notice: modern, temiz secim uyarisi. */
body #product-offer .dh-pdp-buybox .alert.choose-variations.dh-pdp-variation-notice {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    width: 100% !important;
    margin: 2px 0 14px !important;
    padding: 13px 15px !important;
    border: 1px solid #e8edf2 !important;
    border-radius: 12px !important;
    background:
        linear-gradient(90deg, rgba(var(--brand-primary-rgb), .055) 0, rgba(var(--brand-primary-rgb), 0) 118px),
        #fff !important;
    color: #151d2c !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

body #product-offer .dh-pdp-variation-notice__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(var(--brand-primary-rgb), .18);
    border-radius: 50%;
    background: linear-gradient(180deg, #fff 0%, #fff8f8 100%);
}

body #product-offer .dh-pdp-variation-notice__icon::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 7px;
    border-bottom: 2px solid var(--dh-pdp-red);
    border-left: 2px solid var(--dh-pdp-red);
    border-radius: 1px;
    background: transparent;
    transform: translateY(-1px) rotate(-45deg);
}

body #product-offer .dh-pdp-variation-notice__icon::after {
    content: none;
    display: none;
}

body #product-offer .dh-pdp-variation-notice__content {
    display: grid;
    gap: 2px;
    min-width: 0;
}

body #product-offer .dh-pdp-variation-notice__label {
    color: var(--dh-pdp-red);
    font-size: 11px;
    font-weight: 780;
    line-height: 1.15;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body #product-offer .dh-pdp-variation-notice__text {
    color: #182132;
    font-size: 13.8px;
    font-weight: 720;
    line-height: 1.3;
}

@media (max-width: 575.98px) {
    body #product-offer .dh-pdp-buybox .alert.choose-variations.dh-pdp-variation-notice {
        grid-template-columns: 30px minmax(0, 1fr);
        column-gap: 10px;
        padding: 12px !important;
    }

    body #product-offer .dh-pdp-variation-notice__icon {
        width: 30px;
        height: 30px;
    }
}

body #product-offer .rothler-trust-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body #product-offer .rothler-trust-card {
    display: grid !important;
    justify-items: center;
    gap: 6px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center;
}

body #product-offer .rothler-trust-iconwrap {
    width: 25px !important;
    height: 25px !important;
    color: #6b7280 !important;
}

body #product-offer .rothler-trust-iconwrap svg {
    width: 21px !important;
    height: 21px !important;
}

body #product-offer .rothler-trust-text strong {
    color: #4b5563 !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1.15 !important;
}

body #product-offer .rothler-trust-text span {
    display: none !important;
}

@media (min-width: 992px) {
    body #product-offer .product-info-inner {
        position: sticky !important;
        top: 104px !important;
        padding: 30px 34px 26px !important;
    }
}

@media (max-width: 991.98px) {
    body #product-offer .product-info-inner {
        padding: 22px 16px 20px !important;
        border-radius: 14px !important;
    }

    body #product-offer .product-title.h2 {
        font-size: 25px !important;
    }

    body #product-offer .shortdesc li {
        font-size: 13.5px !important;
    }

    body #product-offer .shortdesc strong {
        font-size: 13.8px !important;
    }

    body #product-offer #add-to-cart .basket-form-inline {
        grid-template-columns: 124px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body #product-offer .rothler-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px !important;
    }
}

@media (max-width: 575px) {
    body #product-offer #add-to-cart .basket-form-inline {
        grid-template-columns: 1fr !important;
    }

    body #product-offer #quantity-grp.choose_quantity {
        max-width: 148px;
    }

    body #product-offer .dh-pdp-price-line {
        gap: 8px 10px !important;
    }
}

/* PDP custom right-side DOM: default NOVA info flow tamamen child markup ile degisti. */
body #product-offer .dh-pdp-buybox {
    display: block !important;
}

body #product-offer .dh-pdp-buybox__head {
    margin: 0 0 16px !important;
}

body #product-offer .dh-pdp-buybox__title {
    margin: 0 !important;
}

body #product-offer .dh-pdp-buybox__rating a {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}

body #product-offer .dh-pdp-buybox__rating-text {
    color: #4b5563;
    font-size: 14px;
    font-weight: 650;
}

body #product-offer .dh-pdp-buybox__benefits {
    margin-bottom: 24px !important;
}

body #product-offer .dh-pdp-buybox__offer {
    display: block !important;
}

body #product-offer .dh-pdp-buybox__section {
    margin: 0 !important;
    padding: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--variants {
    margin-bottom: 22px !important;
    padding-bottom: 22px !important;
    border-bottom: 1px solid var(--dh-pdp-line) !important;
}

body #product-offer .dh-pdp-buybox__section--price {
    margin-bottom: 14px !important;
}

body #product-offer .dh-pdp-buybox__section--availability {
    margin-bottom: 20px !important;
}

body #product-offer .dh-pdp-buybox__section--purchase {
    margin-top: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--availability .stock-information {
    margin: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--availability .warehouse,
body #product-offer .dh-pdp-buybox__section--availability #product-warehouse {
    margin-top: 10px !important;
}

body #product-offer .dh-pdp-buybox__section--variants .row.variations.switch-variations {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart {
    margin-top: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-section {
    margin-top: 14px !important;
}

body #product-offer .dh-pdp-buybox .alert.choose-variations {
    margin: 0 0 12px !important;
    border-color: #ead7b8 !important;
    border-radius: 10px !important;
    background: #fffaf2 !important;
    color: #7a4b0b !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body #product-offer .dh-pdp-buybox .start-configuration {
    min-height: 52px;
    border-radius: 9px;
    background: #fff;
    color: var(--dh-pdp-red);
    border: 1px solid #dfe4ec;
    font-weight: 800;
}

body #product-offer .dh-pdp-buybox .start-configuration:hover,
body #product-offer .dh-pdp-buybox .start-configuration:focus {
    border-color: var(--dh-pdp-red);
    background: #fff8f8;
    color: var(--dh-pdp-red);
}

@media (min-width: 992px) {
    body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .basket-form-inline {
        grid-template-columns: 142px minmax(0, 1fr) !important;
    }
}

@media (max-width: 575px) {
    body #product-offer .dh-pdp-buybox__section--variants {
        margin-bottom: 18px !important;
        padding-bottom: 18px !important;
    }

    body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .basket-form-inline {
        grid-template-columns: 1fr !important;
    }
}

/* PDP final right column polish: narrower stage + custom benefit board. */
@media (min-width: 992px) {
    body #content .container:has(> form#buy_form),
    body #content .container:has(> form[id^="buy_form"]) {
        max-width: 1420px !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    body #product-offer.product-detail {
        max-width: 1420px !important;
    }

    body #product-offer > .product-gallery {
        flex-basis: 47% !important;
        max-width: 47% !important;
        padding-right: 24px !important;
    }

    body #product-offer > .product-info {
        flex-basis: 53% !important;
        max-width: 53% !important;
        padding-left: 16px !important;
    }

    body #product-offer .product-info-inner.dh-pdp-buybox {
        padding: 28px 30px 24px !important;
    }
}

@media (min-width: 1400px) {
    body #content .container:has(> form#buy_form),
    body #content .container:has(> form[id^="buy_form"]),
    body #product-offer.product-detail {
        max-width: 1480px !important;
    }

    body #product-offer .product-info-inner.dh-pdp-buybox {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
}

body #product-offer .dh-pdp-buybox__benefits {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body #product-offer .dh-pdp-benefits__surface {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid #e4e8ef !important;
    border-radius: 14px !important;
    background: #fbfcfd !important;
}

body #product-offer .dh-pdp-benefits__surface::before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--dh-pdp-red);
}

body #product-offer .dh-pdp-benefits__label {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0 0 12px !important;
    padding: 0 9px;
    border-radius: 7px;
    background: var(--dh-pdp-red);
    color: #fff;
    font-size: 12px;
    font-weight: 840;
    line-height: 1;
}

body #product-offer .dh-pdp-benefits__content table,
body #product-offer .dh-pdp-benefits__content tbody {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
}

body #product-offer .dh-pdp-benefits__content tbody {
    counter-reset: dhPdpFeature;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px !important;
}

body #product-offer .dh-pdp-benefits__content tr,
body #product-offer .dh-pdp-benefits__content li {
    counter-increment: dhPdpFeature;
    position: relative;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: start;
    gap: 9px;
    min-width: 0;
    min-height: 76px;
    margin: 0 !important;
    padding: 10px 11px 10px 12px !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 10px !important;
    background: #fff !important;
}

body #product-offer .dh-pdp-benefits__content tr::after,
body #product-offer .dh-pdp-benefits__content li::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #ead0cf;
}

body #product-offer .dh-pdp-benefits__content td {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: top !important;
}

body #product-offer .dh-pdp-benefits__content td:first-child {
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
    width: 34px !important;
    height: auto !important;
}

body #product-offer .dh-pdp-benefits__content td:first-child img,
body #product-offer .dh-pdp-benefits__content li > img {
    display: none !important;
}

body #product-offer .dh-pdp-benefits__content td:first-child::before,
body #product-offer .dh-pdp-benefits__content li::before {
    content: counter(dhPdpFeature, decimal-leading-zero);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #ecd1d0;
    border-radius: 8px;
    background: #fff5f4;
    color: var(--dh-pdp-red);
    font-size: 11px;
    font-weight: 860;
    line-height: 1;
}

body #product-offer .dh-pdp-benefits__content td:first-child::after {
    content: none !important;
    display: none !important;
}

body #product-offer .dh-pdp-benefits__content td:nth-child(2) {
    min-width: 0;
    padding-right: 8px !important;
}

body #product-offer .dh-pdp-benefits__content strong,
body #product-offer .dh-pdp-benefits__content strong[style] {
    display: block !important;
    margin: 0 0 3px !important;
    color: var(--dh-pdp-ink) !important;
    font-size: 13.9px !important;
    font-weight: 840 !important;
    line-height: 1.18 !important;
}

body #product-offer .dh-pdp-benefits__content span,
body #product-offer .dh-pdp-benefits__content span[style],
body #product-offer .dh-pdp-benefits__content a {
    color: #5f6673 !important;
    font-size: 12.8px !important;
    font-weight: 560 !important;
    line-height: 1.28 !important;
}

body #product-offer .dh-pdp-benefits__content a {
    color: var(--dh-pdp-red) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

body #product-offer .dh-pdp-benefits__content ul {
    counter-reset: dhPdpFeature;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body #product-offer .dh-pdp-buybox__section--variants {
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper {
    margin-bottom: 13px !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper dt {
    margin-bottom: 8px !important;
    font-size: 14.5px !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text {
    min-height: 39px !important;
    padding: 0 14px !important;
    font-size: 13.5px !important;
}

body #product-offer .dh-pdp-buybox__section--price {
    margin-bottom: 12px !important;
}

body #product-offer .dh-pdp-current-price {
    font-size: clamp(31px, 2vw, 38px) !important;
}

body #product-offer .dh-pdp-buybox__section--availability {
    margin-bottom: 16px !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card {
    padding: 14px 16px !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card .dh-pdp-stock-list {
    gap: 7px !important;
}

body #product-offer .dh-pdp-stock-progress {
    margin-top: 14px !important;
}

@media (max-width: 1199.98px) {
    body #product-offer .dh-pdp-benefits__content tbody,
    body #product-offer .dh-pdp-benefits__content ul {
        grid-template-columns: 1fr !important;
    }
}

/* PDP breadcrumb: ürün görseli grid'iyle aynı hizada, çizgisiz. */
@media (min-width: 992px) {
    body[data-page="1"] .breadcrumb-container {
        max-width: 1420px !important;
        padding-right: 24px !important;
        padding-left: 50px !important;
    }

    body[data-page="1"] .breadcrumb-wrapper {
        margin-top: 0 !important;
        margin-bottom: 4px !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body[data-page="1"] #breadcrumb.breadcrumb {
        border: 0 !important;
        box-shadow: none !important;
    }
}

@media (min-width: 1400px) {
    body[data-page="1"] .breadcrumb-container {
        max-width: 1480px !important;
    }
}

/* PDP header refinement: no redundant benefits label, calmer title weight. */
body #product-offer .dh-pdp-benefits__label {
    display: none !important;
}

body #product-offer .product-title.h2,
body #product-offer .dh-pdp-buybox__title {
    font-size: clamp(22px, 1.55vw, 28px) !important;
    font-weight: 690 !important;
    line-height: 1.16 !important;
}

@media (max-width: 575.98px) {
    body #product-offer .product-title.h2,
    body #product-offer .dh-pdp-buybox__title {
        font-size: clamp(21px, 6.2vw, 25px) !important;
    }
}

/* PDP payment static imagegen assets: compact white payment cards. */
body #product-offer .rt-pdp-payment-strip.rt-pdp-payment-static-icons {
    display: grid !important;
    grid-template-columns: 1.04fr .58fr 1.06fr .82fr 1.12fr .96fr !important;
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: clamp(7px, 1.05vw, 14px) !important;
    row-gap: 16px !important;
    width: 100% !important;
    margin: 18px 0 4px !important;
    padding: 18px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid #eef1f5 !important;   /* nur Hairline statt grauer Fläche */
    border-radius: 0 !important;
    background: transparent !important;
}

body #product-offer .rt-pdp-payment-static-icons .rt-pdp-payment-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    width: 100% !important;
    height: 42px !important;
    max-width: none !important;
    max-height: none !important;
    padding: 7px 10px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    transform: none !important;
    border: 1px solid #dfe4eb !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08) !important;
    background: #fff !important;
}

body #product-offer .rt-pdp-payment-static-icons .rt-pdp-payment-icon--klarna {
    padding-block: 9px !important;
}

body #product-offer .rt-pdp-payment-static-icons .rt-pdp-payment-icon--mastercard {
    padding-block: 5px !important;
}

body #product-offer .rt-pdp-payment-static-icons .rt-pdp-payment-icon--paypal {
    padding-block: 8px !important;
}

body #product-offer .rt-pdp-payment-static-icons .rt-pdp-payment-icon--visa {
    padding-block: 8px !important;
}

body #product-offer .rt-pdp-payment-static-icons .rt-pdp-payment-icon--rechnung {
    padding-block: 8px !important;
}

body #product-offer .rt-pdp-payment-static-icons .rt-pdp-payment-icon--dhl {
    padding-block: 9px !important;
}

body #product-offer .rt-pdp-payment-static-icons .rothler-trust-section {
    grid-column: 1 / -1 !important;
    order: 10 !important;
    width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body #product-offer .rt-pdp-payment-static-icons .rothler-trust-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: center !important;
}

body #product-offer .rt-pdp-payment-static-icons .rothler-trust-card {
    justify-content: center !important;
    min-height: 22px !important;
    padding: 0 4px !important;
}

@media (max-width: 575.98px) {
    body #product-offer .rt-pdp-payment-strip.rt-pdp-payment-static-icons {
        grid-template-columns: 1.02fr .56fr 1fr .76fr 1.08fr .9fr !important;
        column-gap: 4px !important;
        row-gap: 7px !important;
        margin: 12px 0 14px !important;
        padding: 7px 6px !important;
    }

    body #product-offer .rt-pdp-payment-static-icons .rt-pdp-payment-icon {
        height: 34px !important;
        padding: 5px 6px !important;
        border-radius: 6px !important;
    }

    body #product-offer .rt-pdp-payment-static-icons .rothler-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px 8px !important;
    }
}

/* PDP: remove generated series badge before rating. */
body #product-offer .dh-pdp-series-pill {
    display: none !important;
}

@media (max-width: 575px) {
    body #product-offer .dh-pdp-benefits__surface {
        padding: 12px !important;
    }

    body #product-offer .dh-pdp-benefits__content tr,
    body #product-offer .dh-pdp-benefits__content li {
        min-height: 0;
    }
}

/* PDP clean pass: daha sessiz, daha premium benefits listesi. */
body #product-offer .product-title.h2,
body #product-offer .dh-pdp-buybox__title {
    font-weight: 690 !important;
}

body #product-offer .dh-pdp-buybox__head {
    margin-bottom: 20px !important;
}

body #product-offer .dh-pdp-benefits__surface {
    overflow: visible !important;
    padding: 15px 0 14px !important;
    border: 0 !important;
    border-top: 1px solid #e7ebf1 !important;
    border-bottom: 1px solid #e7ebf1 !important;
    border-radius: 0 !important;
    background: #fff !important;
}

body #product-offer .dh-pdp-benefits__surface::before {
    display: none !important;
}

body #product-offer .dh-pdp-benefits__label {
    min-height: 0 !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--dh-pdp-red) !important;
    font-size: 12.5px !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
}

body #product-offer .dh-pdp-benefits__content tbody,
body #product-offer .dh-pdp-benefits__content ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 28px !important;
}

body #product-offer .dh-pdp-benefits__content tr,
body #product-offer .dh-pdp-benefits__content li {
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 10px 0 11px !important;
    border: 0 !important;
    border-bottom: 1px solid #eef1f5 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body #product-offer .dh-pdp-benefits__content tr:nth-last-child(-n+2),
body #product-offer .dh-pdp-benefits__content li:nth-last-child(-n+2) {
    border-bottom: 0 !important;
}

body #product-offer .dh-pdp-benefits__content tr::after,
body #product-offer .dh-pdp-benefits__content li::after {
    display: none !important;
}

body #product-offer .dh-pdp-benefits__content td:first-child {
    width: 18px !important;
    justify-content: flex-start !important;
}

body #product-offer .dh-pdp-benefits__content td:first-child::before,
body #product-offer .dh-pdp-benefits__content li::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    margin-top: 7px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--dh-pdp-red) !important;
}

body #product-offer .dh-pdp-benefits__content td:nth-child(2) {
    padding-right: 0 !important;
}

body #product-offer .dh-pdp-benefits__content strong,
body #product-offer .dh-pdp-benefits__content strong[style] {
    margin-bottom: 2px !important;
    color: #18202e !important;
    font-size: 14.2px !important;
    font-weight: 730 !important;
    line-height: 1.22 !important;
}

body #product-offer .dh-pdp-benefits__content span,
body #product-offer .dh-pdp-benefits__content span[style],
body #product-offer .dh-pdp-benefits__content a {
    color: #687180 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.34 !important;
}

body #product-offer .dh-pdp-benefits__content a {
    color: var(--dh-pdp-red) !important;
    text-decoration-thickness: 1px !important;
}

@media (max-width: 1199.98px) {
    body #product-offer .dh-pdp-benefits__content tbody,
    body #product-offer .dh-pdp-benefits__content ul {
        grid-template-columns: 1fr !important;
    }

    body #product-offer .dh-pdp-benefits__content tr:nth-last-child(2),
    body #product-offer .dh-pdp-benefits__content li:nth-last-child(2) {
        border-bottom: 1px solid #eef1f5 !important;
    }
}

body #product-offer .dh-pdp-benefit--lottie td:first-child::before,
body #product-offer .dh-pdp-benefit--lottie::before {
    display: none !important;
}

body #product-offer .dh-pdp-benefit-lottie {
    display: block;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    pointer-events: none;
}

/* PDP variant selector clean redesign: benefits ile ayni sol hiza. */
body #product-offer .dh-pdp-buybox__section--variants {
    margin: 0 0 18px !important;
    padding: 16px 0 17px !important;
    border-top: 1px solid #e7ebf1 !important;
    border-bottom: 1px solid #e7ebf1 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .row.variations,
body #product-offer .dh-pdp-buybox__section--variants .row.variations.switch-variations,
body #product-offer .dh-pdp-buybox__section--variants .row.variations.simple-variations {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body #product-offer .dh-pdp-buybox__section--variants .row.variations > [class*="col"],
body #product-offer .dh-pdp-buybox__section--variants .row.variations > .col {
    width: 100% !important;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--variants dl,
body #product-offer .dh-pdp-buybox__section--variants dd.form-group,
body #product-offer .dh-pdp-buybox__section--variants dd {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper {
    display: block !important;
    margin: 0 !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid #eef1f5 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper:first-child {
    padding-top: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper dt {
    display: block !important;
    margin: 0 0 8px !important;
    color: #18202e !important;
    font-size: 14.2px !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper dt .swatches-selected {
    display: block !important;
    margin-top: 3px;
    color: var(--dh-pdp-red) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-options,
body #product-offer .dh-pdp-buybox__section--variants .swatches.textswatches,
body #product-offer .dh-pdp-buybox__section--variants .swatches.TEXTSWATCHES,
body #product-offer .dh-pdp-buybox__section--variants .form-row.swatches {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-option,
body #product-offer .dh-pdp-buybox__section--variants .form-row.swatches > [class*="col"] {
    margin: 0 !important;
    padding: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid #dde3eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #4d5664 !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill::before,
body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill::after,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text::before,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text::after {
    display: none !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill:hover,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text:hover {
    border-color: #c7b2b1 !important;
    background: #fffafa !important;
    color: var(--dh-pdp-red) !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-input:checked + .dh-pdp-radio-pill,
body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill.is-active,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text.active {
    border-color: var(--dh-pdp-red) !important;
    background: #fff7f7 !important;
    color: var(--dh-pdp-red) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--brand-primary-rgb), .08) !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-input:focus-visible + .dh-pdp-radio-pill,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text:focus-visible {
    outline: 2px solid rgba(var(--brand-primary-rgb), .22) !important;
    outline-offset: 2px !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper .bootstrap-select,
body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper .bootstrap-select > .dropdown-toggle {
    width: 100% !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper .bootstrap-select > .dropdown-toggle {
    min-height: 38px !important;
    border: 1px solid #dde3eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #4d5664 !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
}

@media (max-width: 767.98px) {
    body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper {
        padding: 12px 0 !important;
    }

    body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill,
    body #product-offer .dh-pdp-buybox__section--variants .swatches-text {
        min-width: 82px !important;
    }
}

/* PDP: rating altindaki ekstra cizgi/golge hissini kaldir. */
body #product-offer .dh-pdp-benefits__surface {
    border-top: 0 !important;
    box-shadow: none !important;
}

/* PDP real logistics card: mock progress yok, sadece gercek JTL/Wawi verisi. */
body #product-offer .dh-pdp-buybox__section--availability {
    margin: 0 0 18px !important;
}

body #product-offer .stock-information.stock-information-p {
    margin: 0 !important;
    padding: 0 !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card {
    padding: 16px 0 !important;
    border: 0 !important;
    border-top: 1px solid #e7ebf1 !important;
    border-bottom: 1px solid #e7ebf1 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

body #product-offer .dh-pdp-stock-card__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
}

body #product-offer .dh-pdp-stock-card__eyebrow {
    color: var(--dh-pdp-red);
    font-size: 12.5px;
    font-weight: 720;
    line-height: 1.2;
}

body #product-offer .dh-pdp-stock-card__head strong {
    color: #667080;
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.2;
    text-align: right;
}

body #product-offer .dh-pdp-logistics-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0 !important;
    padding: 0 !important;
}

body #product-offer .dh-pdp-logistics-item {
    position: relative;
    min-width: 0;
    padding: 0 18px 0 17px;
    border-left: 1px solid #edf0f4;
}

body #product-offer .dh-pdp-logistics-item:first-child {
    padding-left: 0;
    border-left: 0;
}

body #product-offer .dh-pdp-logistics-item::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: 8px;
    border-radius: 50%;
    background: #35a45a;
}

body #product-offer .dh-pdp-logistics-item dt {
    margin: 0 0 4px !important;
    color: #7a8493;
    font-size: 11.5px;
    font-weight: 680;
    line-height: 1.2;
}

body #product-offer .dh-pdp-logistics-item dd {
    margin: 0 !important;
    color: #172033;
    font-size: 14px;
    font-weight: 720;
    line-height: 1.24;
}

body #product-offer .dh-pdp-stock-list,
body #product-offer .dh-pdp-stock-progress {
    display: none !important;
}

@media (max-width: 767.98px) {
    body #product-offer .dh-pdp-stock-card__head {
        display: block;
    }

    body #product-offer .dh-pdp-stock-card__head strong {
        display: block;
        margin-top: 4px;
        text-align: left;
    }

    body #product-offer .dh-pdp-logistics-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    body #product-offer .dh-pdp-logistics-item,
    body #product-offer .dh-pdp-logistics-item:first-child {
        padding: 0 0 0 15px;
        border-left: 1px solid #edf0f4;
    }

    body #product-offer .dh-pdp-logistics-item::before {
        position: absolute;
        top: 4px;
        left: -4px;
        margin: 0;
    }
}

/* PDP: rating ile Produktvorteile arasinda hic ayirici kalmasin. */
body #product-offer .dh-pdp-buybox__head,
body #product-offer .dh-pdp-buybox__rating,
body #product-offer .rating-wrapper,
body #product-offer .dh-pdp-buybox__benefits,
body #product-offer .dh-pdp-benefits__surface {
    border: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
}

body #product-offer .dh-pdp-benefits__surface {
    padding-top: 8px !important;
}

/* PDP logistics: compact two-line status band without clipped values. */
body #product-offer .delivery-status.dh-pdp-stock-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
    position: relative;
    overflow: visible;
    padding: 10px 0 12px !important;
    border: 0 !important;
    border-top: 1px solid #e7ebf0 !important;
    border-bottom: 1px solid #e7ebf0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body #product-offer .delivery-status.dh-pdp-stock-card::before {
    content: none !important;
    display: none !important;
}

body #product-offer .dh-pdp-stock-card__head {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-width: 0;
    margin: 0 !important;
}

body #product-offer .dh-pdp-stock-card__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    background: transparent;
    color: var(--dh-pdp-red);
    font-size: 12.8px;
    font-weight: 760;
    letter-spacing: .01em;
    line-height: 1.2;
    white-space: nowrap;
}

body #product-offer .dh-pdp-stock-card__eyebrow::before {
    content: none !important;
    display: none !important;
}

body #product-offer .dh-pdp-stock-card__head strong {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #8a94a3;
    font-size: 10.8px;
    font-weight: 620;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
}

body #product-offer .dh-pdp-logistics-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
}

body #product-offer .dh-pdp-logistics-item,
body #product-offer .dh-pdp-logistics-item:first-child {
    display: grid;
    grid-template-columns: 13px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 2px;
    align-items: start;
    min-height: 0;
    padding: 8px 10px !important;
    border: 1px solid #edf1f5 !important;
    border-radius: 8px;
    background: #fff;
}

body #product-offer .dh-pdp-logistics-item:first-child {
    border-left: 1px solid #edf1f5 !important;
}

body #product-offer .dh-pdp-logistics-item::before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 9px;
    height: 9px;
    margin: 4px 0 0;
    border: 0;
    border-radius: 50%;
    background: var(--dh-pdp-red);
    box-shadow: none;
}

body #product-offer .dh-pdp-logistics-item--delivery::before {
    background: #87909d !important;
}

body #product-offer .dh-pdp-logistics-item--shipping::before {
    background: #2f9854 !important;
}

body #product-offer .dh-pdp-logistics-item dt {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
    color: #747f8e;
    font-size: 11.2px;
    font-weight: 690;
    line-height: 1.2;
    white-space: nowrap;
}

body #product-offer .dh-pdp-logistics-item dd {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    max-width: 100%;
    margin: 0 !important;
    color: #121a2a;
    font-size: 12.6px;
    font-weight: 740;
    line-height: 1.25;
    text-align: left;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

@media (max-width: 767.98px) {
    body #product-offer .delivery-status.dh-pdp-stock-card {
        row-gap: 8px !important;
        padding: 10px 0 12px !important;
    }

    body #product-offer .dh-pdp-stock-card__head {
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    body #product-offer .dh-pdp-stock-card__head strong {
        text-align: right;
    }

    body #product-offer .dh-pdp-logistics-list {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    body #product-offer .dh-pdp-logistics-item,
    body #product-offer .dh-pdp-logistics-item:first-child {
        grid-template-columns: 12px minmax(0, 1fr);
        column-gap: 8px;
        padding: 8px 10px !important;
        border: 1px solid #edf1f5 !important;
    }

    body #product-offer .dh-pdp-logistics-item::before {
        grid-row: 1;
        width: 8px;
        height: 8px;
    }

    body #product-offer .dh-pdp-logistics-item dd {
        grid-row: 2;
        justify-self: start;
        text-align: left;
    }
}

/* PDP buy-now CTA: flat kirmizi, efektsiz. */
body #product-offer .dh-pdp-buybox .dh-pdp-buy-now,
body #product-offer .dh-pdp-buy-now.btn {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 12px 0 14px !important;
    padding: 0 22px !important;
    border: 1px solid var(--dh-pdp-red) !important;
    border-radius: 10px !important;
    background: var(--dh-pdp-red) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    transform: none !important;
    overflow: hidden;
}

body #product-offer .dh-pdp-buy-now::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -35%;
    bottom: -35%;
    left: 0;
    width: 42%;
    background: linear-gradient(
        100deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, .34) 48%,
        rgba(255, 255, 255, 0) 72%
    );
    opacity: 0;
    pointer-events: none;
    transform: translateX(-170%) skewX(-18deg);
}

body #product-offer .dh-pdp-buy-now.is-shimmering::after {
    animation: dhPdpBuyNowShimmer 920ms ease-out 120ms 1;
}

body #product-offer .dh-pdp-buy-now > * {
    position: relative;
    z-index: 1;
}

body #product-offer .dh-pdp-buy-now__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 15px;
    line-height: 1;
}

body #product-offer .dh-pdp-buy-now__text {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 15.8px;
    font-weight: 790;
    line-height: 1;
}

body #product-offer .dh-pdp-buy-now:hover,
body #product-offer .dh-pdp-buy-now:focus {
    border-color: var(--dh-pdp-red-dark) !important;
    background: var(--dh-pdp-red-dark) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
}

body #product-offer .dh-pdp-buy-now:hover .dh-pdp-buy-now__icon,
body #product-offer .dh-pdp-buy-now:focus .dh-pdp-buy-now__icon {
    background: transparent;
    border-color: transparent;
}

body #product-offer .dh-pdp-buy-now:disabled,
body #product-offer .dh-pdp-buy-now.disabled {
    opacity: .72;
    cursor: not-allowed;
}

@keyframes dhPdpBuyNowShimmer {
    0% {
        opacity: 0;
        transform: translateX(-170%) skewX(-18deg);
    }

    18% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX(260%) skewX(-18deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    body #product-offer .dh-pdp-buy-now.is-shimmering::after {
        animation: none !important;
    }
}

@media (max-width: 575.98px) {
    body #product-offer .dh-pdp-buy-now.btn {
        min-height: 54px !important;
        padding: 0 18px !important;
    }

    body #product-offer .dh-pdp-buy-now__icon {
        width: 26px;
        height: 26px;
    }
}

/* PDP trust row: Jetzt-kaufen ustunde ikon yerine yesil pulse dot. */
body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-section {
    margin: 10px 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch;
}

body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-card {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 0;
    min-height: 24px;
    padding: 2px 6px 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-dot {
    position: relative;
    display: inline-flex;
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    margin-top: 0;
    border-radius: 50%;
    background: #2f9854;
}

body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-dot::after {
    content: "";
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    background: rgba(47, 152, 84, .18);
    animation: dhPdpTrustPulse 1.8s ease-out infinite;
}

body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-text {
    display: block !important;
    min-width: 0;
}

body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-text strong {
    display: block !important;
    overflow-wrap: anywhere;
    color: #3f4754 !important;
    font-size: 11.7px !important;
    font-weight: 720 !important;
    line-height: 1.15 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-text span,
body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-iconwrap {
    display: none !important;
}

@keyframes dhPdpTrustPulse {
    0% {
        opacity: .9;
        transform: scale(.65);
    }

    70% {
        opacity: 0;
        transform: scale(1.7);
    }

    100% {
        opacity: 0;
        transform: scale(1.7);
    }
}

@media (prefers-reduced-motion: reduce) {
    body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-dot::after {
        animation: none !important;
    }
}

@media (max-width: 767.98px) {
    body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px 10px !important;
    }

    body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-card {
        justify-content: flex-start !important;
        padding: 2px 0 0 !important;
    }
}

/* PDP head: Serie badge + Bewertung ayni satirda, daha az radiuslu badge. */
body #product-offer .dh-pdp-buybox__meta-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 9px 10px !important;
    margin: 0 0 18px !important;
    min-width: 0;
}

body #product-offer .dh-pdp-buybox__meta-row .dh-pdp-series-pill {
    min-height: 26px !important;
    margin: 0 !important;
    padding: 4px 11px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 780 !important;
}

body #product-offer .dh-pdp-buybox__meta-row .rating-wrapper,
body #product-offer .dh-pdp-buybox__meta-row .dh-pdp-buybox__rating {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    gap: 8px !important;
}

body #product-offer .dh-pdp-buybox__meta-row .rating-wrapper > a,
body #product-offer .dh-pdp-buybox__meta-row .dh-pdp-buybox__rating > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body #product-offer .dh-pdp-buybox__meta-row .rating {
    font-size: 15px !important;
}

/* Social-Proof in der Meta-Row: Desktop rechts neben den Bewertungen (füllt den Rest).
   Mobile wird in der @media-Regel auf gestapelt (oben) umgestellt. */
body #product-offer .dh-pdp-buybox__meta-row .dh-social-proof {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body #product-offer .dh-pdp-inline-logistics {
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: 10px;
    width: auto;
    min-width: 0;
    margin-left: 2px;
    overflow: visible;
    color: #2f9b46;
    font-size: 12.7px;
    font-weight: 650;
    line-height: 1.2;
    white-space: nowrap;
}

body #product-offer .dh-pdp-inline-logistics__item {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 5px;
    min-width: 0;
    max-width: none;
    overflow: visible;
    white-space: nowrap;
}

body #product-offer .dh-pdp-inline-logistics__item span {
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

body #product-offer .dh-pdp-inline-logistics__item i {
    flex: 0 0 15px;
    width: 16px;
    color: #2f9b46;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}

body #product-offer .dh-pdp-buybox__section--availability {
    display: none !important;
}

@media (max-width: 575.98px) {
    body #product-offer .dh-pdp-buybox__meta-row {
        gap: 7px 8px !important;
        margin-bottom: 14px !important;
    }

    body #product-offer .dh-pdp-buybox__meta-row .dh-pdp-series-pill {
        min-height: 24px !important;
        border-radius: 7px !important;
        font-size: 12.5px !important;
    }

    body #product-offer .dh-pdp-buybox__meta-row .rating {
        font-size: 14px !important;
    }

    body #product-offer .dh-pdp-inline-logistics {
        flex-basis: auto;
        margin-left: 0;
        font-size: 11.5px;
    }

    body #product-offer .dh-pdp-inline-logistics__item {
        white-space: nowrap;
    }
}

/* PDP price directly under title: UVP -> saving badge -> sale price. */
body #product-offer .dh-pdp-buybox__price-under-title {
    margin: 14px 0 22px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid #e7ebf1 !important;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-line {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px 9px !important;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-old-price {
    order: 1 !important;
    color: var(--dh-pdp-ink) !important;
    font-size: clamp(17px, 1.2vw, 22px) !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    white-space: nowrap;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-old-price s {
    color: inherit !important;
    text-decoration-color: currentColor !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 0 !important;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-save-pill {
    order: 2 !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    background: var(--dh-pdp-red) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-current-price {
    order: 3 !important;
    margin: 0 !important;
    color: var(--dh-pdp-ink) !important;
    font-size: clamp(18px, 1.35vw, 24px) !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-taxline {
    order: 4 !important;
    margin: 0 !important;
    color: var(--dh-pdp-ink) !important;
    font-size: clamp(13px, .95vw, 16px) !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    white-space: nowrap;
}

body #product-offer .dh-pdp-buybox__mobile-logistics {
    display: none !important;
}

body #product-offer .dh-pdp-buybox__section--price {
    display: none !important;
}

@media (max-width: 575.98px) {
    body #product-offer .dh-pdp-buybox__price-under-title {
        margin: 14px 0 20px !important;
        padding-bottom: 16px !important;
    }

    body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-line {
        gap: 7px 9px !important;
    }

    body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-save-pill {
        min-height: 28px !important;
        padding: 0 12px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 767.98px) {
    body #product-offer .dh-pdp-buybox__price-under-title {
        margin-bottom: 10px !important;
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    body #product-offer .dh-pdp-buybox__mobile-logistics {
        display: block !important;
        margin: 0 0 13px !important;
        padding: 0 0 12px !important;
        border-bottom: 1px solid #e7ebf1 !important;
    }

    body #product-offer .dh-pdp-buybox__mobile-logistics .dh-pdp-inline-logistics {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 8px !important;
        color: #2f9b46 !important;
        font-size: 13.3px !important;
        font-weight: 720 !important;
        line-height: 1.2 !important;
        text-align: left !important;
        white-space: normal !important;
    }

    body #product-offer .dh-pdp-buybox__mobile-logistics .dh-pdp-inline-logistics__item {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 7px !important;
        white-space: normal !important;
        text-align: left !important;
    }

    body #product-offer .dh-pdp-buybox__mobile-logistics .dh-pdp-inline-logistics__item span {
        display: inline !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    body #product-offer .dh-pdp-buybox__mobile-logistics .dh-pdp-inline-logistics__item i {
        flex: 0 0 auto !important;
        width: auto !important;
        color: #2f9b46 !important;
        font-size: 14px !important;
    }

    body #product-offer .dh-pdp-buybox__section--purchase > .dh-pdp-inline-logistics {
        display: none !important;
    }
}

/* PDP price compact row: old price -> discount badge -> sale price -> tax note. */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-line {
    max-width: 100% !important;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-current-price .price-note,
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-current-price small {
    font-size: inherit !important;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-current-price [itemprop="priceSpecification"] {
    display: inline !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

/* PDP purchase final: CTA, trust row, payment icons, then logistics. */
body #product-offer .dh-pdp-buybox__section--purchase {
    display: flex !important;
    flex-direction: column !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .rothler-trust-section {
    order: 4 !important;
    margin: 0 0 18px !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart {
    order: 1 !important;
    margin: 0 0 16px !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .dh-pdp-inline-logistics {
    order: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #2f9b46 !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    transform: none !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .dh-pdp-inline-logistics__item {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .dh-pdp-inline-logistics__item span {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .dh-pdp-inline-logistics__item i {
    flex: 0 0 auto !important;
    width: auto !important;
    color: #2f9b46 !important;
    font-size: 14px !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .dh-pdp-inline-logistics + .rothler-trust-section {
    margin-top: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .dh-pdp-buy-now {
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 0 0 20px !important;
    border: 1px solid var(--dh-pdp-red) !important;
    border-radius: 10px !important;
    background: var(--dh-pdp-red) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .dh-pdp-buy-now__icon,
body #product-offer .dh-pdp-buybox__section--purchase .dh-pdp-buy-now__text {
    color: #fff !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .rt-pdp-payment-strip {
    order: 5 !important;
    margin-bottom: 12px !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .rt-pdp-payment-strip.rt-pdp-payment-static-icons .rothler-trust-section {
    grid-column: 1 / -1 !important;
    order: 10 !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .rt-pdp-payment-strip.rt-pdp-payment-static-icons .rothler-trust-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .basket-form-inline {
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    margin: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .basket-form-inline > [class*="col"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    flex: initial !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp.choose_quantity {
    display: grid !important;
    grid-template-columns: 38px 42px 38px !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    min-height: 58px !important;
    height: 58px !important;
    border: 1px solid #dfe4ec !important;
    border-radius: 10px !important;
    background: #fff !important;
    overflow: hidden !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .input-group-prepend,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .input-group-append {
    display: contents !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .input-group-text.unit {
    display: none !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .input-group-prepend .btn {
    grid-column: 1 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp input.quantity {
    grid-column: 2 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .input-group-append .btn {
    grid-column: 3 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .btn,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp input.quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--dh-pdp-ink) !important;
    line-height: 1 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .btn {
    font-size: 15px !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp input.quantity {
    appearance: textfield !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    text-align: center !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp input.quantity::-webkit-outer-spin-button,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp input.quantity::-webkit-inner-spin-button {
    appearance: none !important;
    margin: 0 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .btn:hover,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .btn:focus {
    background: #fff8f8 !important;
    color: var(--dh-pdp-red) !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    border: 1px solid var(--dh-pdp-red) !important;
    border-radius: 10px !important;
    background: var(--dh-pdp-red) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .btn-primary .btn-basket-check {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .btn-primary .fas.fa-shopping-cart {
    font-size: 18px !important;
}

@media (max-width: 575.98px) {
    body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .basket-form-inline {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp.choose_quantity {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: minmax(44px, 1fr) minmax(48px, 1fr) minmax(44px, 1fr) !important;
    }
}

/* PDP compact benefits: same clean design, much less vertical space. */
body #product-offer .dh-pdp-buybox__benefits {
    margin: 0 0 8px !important;
}

body #product-offer .dh-pdp-benefits__surface {
    padding: 2px 0 5px !important;
}

body #product-offer .dh-pdp-benefits__label {
    margin: 0 0 7px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
}

body #product-offer .dh-pdp-benefits__content tbody,
body #product-offer .dh-pdp-benefits__content ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 18px !important;
}

body #product-offer .dh-pdp-benefits__content tr,
body #product-offer .dh-pdp-benefits__content li {
    grid-template-columns: 13px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 3px 0 4px !important;
    min-height: 0 !important;
    border-bottom-color: #eef1f5 !important;
}

body #product-offer .dh-pdp-benefits__content td:first-child {
    width: 13px !important;
}

body #product-offer .dh-pdp-benefits__content td:first-child::before,
body #product-offer .dh-pdp-benefits__content li::before {
    width: 6px !important;
    height: 6px !important;
    margin-top: 5px !important;
}

body #product-offer .dh-pdp-benefit-lottie {
    display: none !important;
}

body #product-offer .dh-pdp-benefit--lottie td:first-child::before,
body #product-offer .dh-pdp-benefit--lottie::before {
    content: "" !important;
    display: inline-flex !important;
    width: 6px !important;
    height: 6px !important;
    margin-top: 5px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--dh-pdp-red) !important;
}

body #product-offer .dh-pdp-benefits__content strong,
body #product-offer .dh-pdp-benefits__content strong[style] {
    margin: 0 0 1px !important;
    font-size: 12.2px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
}

body #product-offer .dh-pdp-benefits__content span,
body #product-offer .dh-pdp-benefits__content span[style],
body #product-offer .dh-pdp-benefits__content a {
    font-size: 11.3px !important;
    font-weight: 500 !important;
    line-height: 1.12 !important;
}

body #product-offer .dh-pdp-buybox__section--variants {
    margin-top: 0 !important;
    padding-top: 11px !important;
}

/* PDP variants: eski yapıyı koru, ama satırları kompakt hale getir. */
body #product-offer .dh-pdp-buybox__section--variants {
    margin-bottom: 13px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper {
    display: grid !important;
    grid-template-columns: minmax(108px, 136px) minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 6px;
    align-items: center;
    padding: 8px 0 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper dt {
    align-self: center;
    margin: 0 !important;
    font-size: 13.4px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper dt .swatches-selected {
    display: none !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper dd,
body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper dd.form-group {
    min-width: 0 !important;
    grid-column: 2;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-options,
body #product-offer .dh-pdp-buybox__section--variants .swatches.textswatches,
body #product-offer .dh-pdp-buybox__section--variants .swatches.TEXTSWATCHES,
body #product-offer .dh-pdp-buybox__section--variants .form-row.swatches {
    gap: 7px !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text {
    min-width: 84px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 7px !important;
    font-size: 12.8px !important;
    font-weight: 640 !important;
}

body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper .bootstrap-select > .dropdown-toggle {
    min-height: 32px !important;
    font-size: 12.8px !important;
}

@media (max-width: 767.98px) {
    body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper {
        grid-template-columns: 1fr;
        row-gap: 7px;
        padding: 9px 0 !important;
    }

    body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper dd,
    body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper dd.form-group {
        grid-column: 1;
    }
}

@media (max-width: 1199.98px) {
    body #product-offer .dh-pdp-benefits__content tbody,
    body #product-offer .dh-pdp-benefits__content ul {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    body #product-offer .dh-pdp-benefits__content tbody,
    body #product-offer .dh-pdp-benefits__content ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 14px !important;
    }
}

/* PDP payment trust row: dot yerine duz yesil tik. */
body #product-offer .dh-pdp-buybox__section--purchase .rt-pdp-payment-strip.rt-pdp-payment-static-icons .rothler-trust-dot {
    display: inline-grid !important;
    place-items: center !important;
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2f9854 !important;
}

body #product-offer .dh-pdp-buybox__section--purchase .rt-pdp-payment-strip.rt-pdp-payment-static-icons .rothler-trust-dot::before {
    content: "\2713";
    position: relative;
    z-index: 1;
    display: block;
    color: #2f9854;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

body #product-offer .dh-pdp-buybox__section--purchase .rt-pdp-payment-strip.rt-pdp-payment-static-icons .rothler-trust-dot::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

/* PDP decision/details area: flatter, denser, theme-aligned information panel. */
.rt-pdp-decision--redesign {
    margin: 24px 0 26px !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__inner {
    width: min(1320px, calc(100% - 40px)) !important;
    border: 1px solid #e3e8ef !important;
    border-radius: 7px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__mast {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 280px) !important;
    gap: 18px !important;
    align-items: center !important;
    padding: 16px 20px 15px 25px !important;
    border-bottom: 1px solid #e8edf3 !important;
    background: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.055), #fff 36%) !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__mast::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 17px !important;
    bottom: 17px !important;
    width: 3px !important;
    border-radius: 0 !important;
    background: var(--brand-primary) !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__eyebrow {
    margin: 0 0 5px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--brand-primary) !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
}

.rt-pdp-decision--redesign h2 {
    max-width: 860px !important;
    margin: 0 0 5px !important;
    color: #111827 !important;
    font-size: clamp(19px, 1.45vw, 24px) !important;
    font-weight: 720 !important;
    line-height: 1.11 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__mast p,
.rt-pdp-decision--redesign .rt-pdp-decision__card p {
    margin: 0 !important;
    color: #687386 !important;
    font-size: 12.5px !important;
    line-height: 1.38 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__trust {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    align-self: stretch !important;
    align-content: center !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__trust span {
    min-height: 25px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18) !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: var(--brand-primary) !important;
    font-size: 10.8px !important;
    font-weight: 730 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(250px, 0.5fr) !important;
    grid-template-areas:
        "lead service"
        "facts service"
        "faq faq" !important;
    gap: 0 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card {
    padding: 16px 20px !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--lead {
    grid-area: lead !important;
    display: grid !important;
    grid-template-columns: minmax(0, 0.95fr) minmax(270px, 0.82fr) !important;
    gap: 16px !important;
    border-right: 1px solid #e8edf3 !important;
    border-bottom: 1px solid #e8edf3 !important;
}

.rt-pdp-decision--redesign h3 {
    margin: 0 0 5px !important;
    color: #111827 !important;
    font-size: 15.3px !important;
    font-weight: 720 !important;
    line-height: 1.16 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__checks-panel {
    padding: 10px 12px !important;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.14) !important;
    border-radius: 5px !important;
    background: rgba(var(--brand-primary-rgb), 0.028) !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__mini-title {
    margin: 0 0 5px !important;
    color: var(--brand-primary) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__checks li {
    padding: 6px 0 6px 16px !important;
    border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.09) !important;
    color: #3f4858 !important;
    font-size: 12px !important;
    font-weight: 660 !important;
    line-height: 1.22 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__checks li::before {
    top: 11px !important;
    left: 0 !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: var(--brand-primary) !important;
    box-shadow: none !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--service {
    grid-area: service !important;
    border: 0 !important;
    background: #f8fafc !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--service h3 {
    margin-bottom: 12px !important;
    color: #111827 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__service {
    display: grid !important;
    gap: 0 !important;
    margin: 0 !important;
    border-top: 1px solid #e3e8ef !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__service li {
    min-height: 0 !important;
    padding: 10px 0 10px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #e3e8ef !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__service li::before {
    top: 15px !important;
    left: 0 !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: var(--brand-primary) !important;
    box-shadow: none !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__service strong {
    display: block !important;
    margin: 0 0 2px !important;
    color: #111827 !important;
    font-size: 12.4px !important;
    font-weight: 720 !important;
    line-height: 1.15 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__service span {
    color: #697386 !important;
    font-size: 11.8px !important;
    font-weight: 590 !important;
    line-height: 1.22 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--facts {
    grid-area: facts !important;
    border-right: 1px solid #e8edf3 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card-head {
    display: grid !important;
    grid-template-columns: minmax(0, auto) minmax(220px, 1fr) !important;
    gap: 16px !important;
    align-items: end !important;
    margin: 0 0 8px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #e8edf3 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card-head p {
    justify-self: end !important;
    max-width: 420px !important;
    color: #7a8494 !important;
    font-size: 11.8px !important;
    text-align: right !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__facts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 26px !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__facts div {
    display: grid !important;
    grid-template-columns: minmax(92px, 0.72fr) minmax(0, 1.28fr) !important;
    gap: 12px !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #edf1f5 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__facts dt {
    color: #717b8c !important;
    font-size: 11.4px !important;
    font-weight: 680 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__facts dd {
    color: #111827 !important;
    font-size: 12.2px !important;
    font-weight: 700 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--faq {
    grid-area: faq !important;
    padding: 0 !important;
    border-top: 1px solid #e8edf3 !important;
}

.rt-pdp-decision--redesign .rt-pdp-decision__card--faq h3 {
    margin: 0 !important;
    padding: 13px 20px !important;
    border-bottom: 1px solid #edf1f5 !important;
    font-size: 15px !important;
}

.rt-pdp-decision--redesign summary {
    padding: 11px 20px !important;
    border-bottom: 1px solid #edf1f5 !important;
    color: #111827 !important;
    font-size: 12.8px !important;
    font-weight: 700 !important;
}

.rt-pdp-decision--redesign details p {
    padding: 0 20px 12px !important;
    color: #687386 !important;
    font-size: 12px !important;
}

@media (max-width: 991.98px) {
    .rt-pdp-decision--redesign .rt-pdp-decision__mast,
    .rt-pdp-decision--redesign .rt-pdp-decision__grid,
    .rt-pdp-decision--redesign .rt-pdp-decision__card--lead {
        grid-template-columns: 1fr !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__grid {
        grid-template-areas:
            "lead"
            "facts"
            "service"
            "faq" !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__card--lead,
    .rt-pdp-decision--redesign .rt-pdp-decision__card--facts {
        border-right: 0 !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__trust {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    .rt-pdp-decision--redesign {
        margin-top: 18px !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__inner {
        width: calc(100% - 20px) !important;
        border-radius: 6px !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__mast,
    .rt-pdp-decision--redesign .rt-pdp-decision__card {
        padding: 14px !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__mast {
        padding-left: 20px !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__mast::before {
        left: 10px !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__trust,
    .rt-pdp-decision--redesign .rt-pdp-decision__facts,
    .rt-pdp-decision--redesign .rt-pdp-decision__card-head {
        grid-template-columns: 1fr !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__card-head p {
        justify-self: start !important;
        text-align: left !important;
    }

    .rt-pdp-decision--redesign .rt-pdp-decision__facts div {
        grid-template-columns: 1fr !important;
        gap: 2px !important;
    }
}

/* Mobile topbar: show only centered newsletter promo in the dark strip. */
@media (max-width: 991.98px) {
    #header-top-bar {
        min-height: 34px !important;
        padding: 0 !important;
        background: var(--brand-topbar-bg) !important;
    }

    #header-top-bar > .container-fluid,
    #header-top-bar > .container-fluid.d-lg-flex {
        display: flex !important;
        width: 100% !important;
        min-height: 34px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 12px !important;
    }

    #header-top-bar ul.topbar-main,
    #header-top-bar .topbar-main {
        display: none !important;
    }

    #header-top-bar .dh-topbar-promo {
        display: flex !important;
        width: 100% !important;
        margin: 0 !important;
        order: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        color: #fff !important;
        white-space: nowrap !important;
    }

    #header-top-bar .dh-topbar-promo > :not(.dh-topbar-newsletter) {
        display: none !important;
    }

    #header-top-bar .dh-topbar-newsletter {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        max-width: 100% !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #fff !important;
        font-size: clamp(12px, 3.4vw, 13.5px) !important;
        font-weight: 520 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-decoration: none !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #header-top-bar .dh-topbar-newsletter strong {
        color: #fff !important;
        font-weight: 780 !important;
    }

    #header-top-bar .dh-topbar-lottie {
        flex: 0 0 20px !important;
        width: 20px !important;
        height: 20px !important;
        margin: 0 6px 0 0 !important;
    }
}

/* Mobile header skeleton: menu/logo/trust/icons row, search row below. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper {
        background: var(--brand-primary) !important;
        box-shadow: 0 10px 18px -16px rgba(var(--brand-topbar-rgb), 0.55) !important;
    }

    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        padding: 8px 12px 10px !important;
        background: transparent !important;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-template-areas:
            "brand trust icons"
            "search search search" !important;
        gap: 7px 9px !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        grid-area: brand !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        min-width: 0 !important;
        width: 100% !important;
        background: transparent !important;
    }

    #jtl-nav-wrapper #burger-menu,
    #jtl-nav-wrapper .burger-menu-wrapper.navbar-toggler {
        display: inline-flex !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 2px 0 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #fff !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 2px !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper #burger-menu::after {
        content: "Menu" !important;
        display: block !important;
        color: rgba(255, 255, 255, 0.86) !important;
        font-size: 9.5px !important;
        font-weight: 560 !important;
        line-height: 1 !important;
    }

    #jtl-nav-wrapper .navbar-toggler-icon {
        width: 22px !important;
        height: 16px !important;
        filter: invert(1) brightness(2) !important;
    }

    #jtl-nav-wrapper .logo-wrapper,
    #jtl-nav-wrapper .navbar-brand {
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        display: block !important;
        width: clamp(122px, 34vw, 168px) !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 38px !important;
        object-fit: contain !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons-wrapper {
        grid-area: trust !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        display: block !important;
        width: clamp(64px, 17vw, 92px) !important;
        max-width: 92px !important;
        height: auto !important;
        max-height: 28px !important;
        object-fit: contain !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper {
        grid-area: icons !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #jtl-nav-wrapper .nav-icons,
    #jtl-nav-wrapper #shop-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        margin: 0 !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper .nav-item,
    #jtl-nav-wrapper .nav-icons-wrapper .nav-link {
        margin: 0 !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper .nav-link {
        display: inline-flex !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 34px !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper .nav-link svg,
    #jtl-nav-wrapper .nav-icons-wrapper .svg-inline--fa,
    #jtl-nav-wrapper .nav-icons-wrapper i {
        color: #fff !important;
        fill: #fff !important;
        font-size: 17px !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown .cart-price,
    #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-price,
    #jtl-nav-wrapper .cart-icon-dropdown .price {
        color: #fff !important;
        font-size: 11.5px !important;
        font-weight: 650 !important;
        white-space: nowrap !important;
    }

    #jtl-nav-wrapper .main-search-wrapper {
        grid-area: search !important;
        width: min(100%, 520px) !important;
        max-width: 520px !important;
        min-width: 0 !important;
        justify-self: center !important;
        margin: 1px auto 0 !important;
        padding: 0 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .nav-item,
    #jtl-nav-wrapper .main-search-wrapper .search-wrapper,
    #jtl-nav-wrapper .main-search-wrapper form,
    #jtl-nav-wrapper .main-search-wrapper .form-icon,
    #jtl-nav-wrapper .main-search-wrapper .input-group {
        width: 100% !important;
        min-width: 0 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper input#search-header,
    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary {
        height: 38px !important;
        min-height: 38px !important;
        border-color: #fff !important;
        background: #fff !important;
        color: #101828 !important;
        font-size: 14px !important;
    }

    #jtl-nav-wrapper .main-search-wrapper input#search-header {
        border-radius: 999px 0 0 999px !important;
        padding-left: 16px !important;
    }

    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary {
        width: 46px !important;
        border-radius: 0 999px 999px 0 !important;
    }

    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) {
        background: var(--brand-primary) !important;
        padding: 0 12px 7px !important;
    }

    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) > .navbar {
        min-height: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }
}

@media (max-width: 374.98px) {
    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "brand icons"
            "trust trust"
            "search search" !important;
        gap: 6px !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        width: 82px !important;
        max-height: 25px !important;
    }
}

/* Mobile header repair: keep logo/search visible and prevent NOVA's mobile icon mode. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        grid-template-columns: minmax(164px, 1fr) auto auto !important;
        gap: 6px 7px !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper,
    #jtl-nav-wrapper .toggler-logo-wrapper,
    #jtl-nav-wrapper #logo,
    #jtl-nav-wrapper .logo-wrapper,
    #jtl-nav-wrapper .navbar-brand {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper {
        flex-wrap: nowrap !important;
        width: auto !important;
        max-width: 100% !important;
    }

    #jtl-nav-wrapper #burger-menu,
    #jtl-nav-wrapper .burger-menu-wrapper.navbar-toggler {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 38px !important;
    }

    #jtl-nav-wrapper .navbar-toggler-icon {
        position: relative !important;
        width: 22px !important;
        height: 15px !important;
        background: none !important;
        filter: none !important;
    }

    #jtl-nav-wrapper .navbar-toggler-icon::before {
        content: "" !important;
        position: absolute !important;
        left: 2px !important;
        right: 2px !important;
        top: 1px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: #fff !important;
        box-shadow: 0 6px 0 #fff, 0 12px 0 #fff !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: clamp(96px, 28vw, 136px) !important;
        max-width: 136px !important;
        max-height: 32px !important;
        flex: 0 1 auto !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons-wrapper {
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        width: clamp(54px, 15vw, 78px) !important;
        max-width: 78px !important;
        max-height: 24px !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper .nav-link {
        width: 27px !important;
        min-width: 27px !important;
        height: 32px !important;
    }

    #jtl-nav-wrapper .main-search-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: min(100%, 480px) !important;
        max-width: 480px !important;
        margin: 4px auto 0 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .search-wrapper-dropdown {
        display: none !important;
    }

    #jtl-nav-wrapper .main-search-wrapper #search,
    #jtl-nav-wrapper .main-search-wrapper .nav-item,
    #jtl-nav-wrapper .main-search-wrapper .search-wrapper,
    #jtl-nav-wrapper .main-search-wrapper form,
    #jtl-nav-wrapper .main-search-wrapper .form-icon {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .input-group {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper input#search-header {
        display: block !important;
        flex: 1 1 auto !important;
        width: 1% !important;
        min-width: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary {
        display: inline-flex !important;
        flex: 0 0 44px !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 374.98px) {
    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "brand icons"
            "trust trust"
            "search search" !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons-wrapper {
        justify-self: center !important;
    }
}

/* Mobile header final layout: stable row + full search, no NOVA dropdown-search ghost. */
@media (max-width: 991.98px) {
    #header-top-bar {
        display: flex !important;
        min-height: 34px !important;
        overflow: hidden !important;
        background: var(--brand-topbar-bg) !important;
    }

    #jtl-nav-wrapper {
        display: block !important;
        overflow: visible !important;
        background: var(--brand-primary) !important;
        box-shadow: 0 8px 16px -14px rgba(var(--brand-topbar-rgb), 0.55) !important;
    }

    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 7px 10px 8px !important;
        overflow: visible !important;
        background: var(--brand-primary) !important;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        display: flex !important;
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 5px 6px !important;
        overflow: visible !important;
        transform: none !important;
        background: transparent !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        display: flex !important;
        order: 1 !important;
        flex: 1 1 150px !important;
        width: auto !important;
        max-width: calc(100% - 132px) !important;
        min-width: 138px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        align-items: center !important;
        gap: 5px !important;
        overflow: visible !important;
        background: transparent !important;
    }

    #jtl-nav-wrapper #burger-menu,
    #jtl-nav-wrapper .burger-menu-wrapper.navbar-toggler {
        display: inline-flex !important;
        flex: 0 0 31px !important;
        width: 31px !important;
        min-width: 31px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        color: #fff !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper #burger-menu::after {
        content: "Menu" !important;
        display: block !important;
        color: rgba(255, 255, 255, 0.9) !important;
        font-size: 8px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }

    #jtl-nav-wrapper .navbar-toggler-icon {
        position: relative !important;
        display: block !important;
        width: 19px !important;
        height: 14px !important;
        margin: 0 !important;
        background: none !important;
        filter: none !important;
    }

    #jtl-nav-wrapper .navbar-toggler-icon::before {
        content: "" !important;
        position: absolute !important;
        left: 1px !important;
        right: 1px !important;
        top: 1px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: #fff !important;
        box-shadow: 0 6px 0 #fff, 0 12px 0 #fff !important;
    }

    #jtl-nav-wrapper #logo,
    #jtl-nav-wrapper .logo-wrapper,
    #jtl-nav-wrapper .navbar-brand {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        overflow: hidden !important;
        background: transparent !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        display: block !important;
        width: clamp(104px, 30vw, 132px) !important;
        max-width: 132px !important;
        height: auto !important;
        max-height: 31px !important;
        flex: 0 1 auto !important;
        object-fit: contain !important;
        object-position: left center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons-wrapper {
        display: flex !important;
        order: 2 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 auto 0 0 !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        display: block !important;
        width: clamp(52px, 14vw, 68px) !important;
        max-width: 68px !important;
        height: auto !important;
        max-height: 22px !important;
        object-fit: contain !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper {
        display: flex !important;
        order: 3 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper .nav-icons,
    #jtl-nav-wrapper #shop-nav {
        display: flex !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 2px !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper .nav-link {
        display: inline-flex !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper .nav-link svg,
    #jtl-nav-wrapper .nav-icons-wrapper .svg-inline--fa,
    #jtl-nav-wrapper .nav-icons-wrapper i {
        color: #fff !important;
        fill: #fff !important;
        font-size: 15px !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown .cart-price,
    #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-price,
    #jtl-nav-wrapper .cart-icon-dropdown .price,
    #jtl-nav-wrapper .cart-icon-dropdown .badge {
        display: none !important;
    }

    #jtl-nav-wrapper .main-search-wrapper {
        display: block !important;
        order: 4 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .search-wrapper-dropdown,
    #jtl-nav-wrapper .main-search-wrapper #mobile-search-dropdown,
    #jtl-nav-wrapper .main-search-wrapper .dropdown-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    #jtl-nav-wrapper .main-search-wrapper #search,
    #jtl-nav-wrapper .main-search-wrapper .nav-item,
    #jtl-nav-wrapper .main-search-wrapper .search-wrapper,
    #jtl-nav-wrapper .main-search-wrapper form,
    #jtl-nav-wrapper .main-search-wrapper .form-icon,
    #jtl-nav-wrapper .main-search-wrapper .input-group {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .input-group {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        overflow: hidden !important;
        border-radius: 16px !important;
        background: #fff !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .twitter-typeahead {
        display: block !important;
        flex: 1 1 auto !important;
        width: 1% !important;
        min-width: 0 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .input-group-append {
        display: flex !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper input#search-header {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 0 !important;
        border-radius: 16px 0 0 16px !important;
        color: #101828 !important;
        background: #fff !important;
        font-size: 13.5px !important;
        line-height: 34px !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary {
        display: inline-flex !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 16px 16px 0 !important;
        align-items: center !important;
        justify-content: center !important;
        color: #101828 !important;
        background: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary .fa-search,
    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary i,
    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary svg {
        color: #101828 !important;
        fill: #101828 !important;
        font-size: 15px !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .form-clear {
        display: none !important;
    }

    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) {
        display: none !important;
    }
}

@media (max-width: 374.98px) {
    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        gap: 4px !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        flex-basis: 136px !important;
        min-width: 126px !important;
        max-width: calc(100% - 116px) !important;
    }

    #jtl-nav-wrapper #burger-menu,
    #jtl-nav-wrapper .burger-menu-wrapper.navbar-toggler {
        flex-basis: 29px !important;
        width: 29px !important;
        min-width: 29px !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        width: clamp(92px, 29vw, 116px) !important;
        max-width: 116px !important;
        max-height: 28px !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        width: clamp(45px, 13vw, 56px) !important;
        max-width: 56px !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper .nav-link {
        width: 23px !important;
        min-width: 23px !important;
    }
}

/* Mobile header correction: one clean top row, no text/ghost dot on burger. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        padding: 7px 10px 7px !important;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        column-gap: 6px !important;
        row-gap: 5px !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        flex: 0 1 clamp(146px, 43vw, 174px) !important;
        max-width: clamp(146px, 43vw, 174px) !important;
        min-width: 0 !important;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper {
        width: auto !important;
        gap: 6px !important;
        align-items: center !important;
    }

    #jtl-nav-wrapper #burger-menu,
    #jtl-nav-wrapper .burger-menu-wrapper.navbar-toggler {
        flex: 0 0 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 26px !important;
        min-height: 26px !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #jtl-nav-wrapper #burger-menu::after {
        content: none !important;
        display: none !important;
    }

    #jtl-nav-wrapper #burger-menu .navbar-toggler-icon {
        display: none !important;
    }

    #jtl-nav-wrapper #burger-menu::before {
        content: "" !important;
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: #fff !important;
        box-shadow: 0 6px 0 #fff, 0 12px 0 #fff !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        width: clamp(108px, 31vw, 142px) !important;
        max-width: 142px !important;
        max-height: 30px !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons-wrapper {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        width: clamp(50px, 13.5vw, 64px) !important;
        max-width: 64px !important;
        max-height: 22px !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper {
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }

    #jtl-nav-wrapper .language-dropdown,
    #jtl-nav-wrapper .currency-dropdown {
        display: none !important;
    }

    #jtl-nav-wrapper .nav-icons,
    #jtl-nav-wrapper #shop-nav {
        gap: 5px !important;
        align-items: center !important;
    }

    #jtl-nav-wrapper .account-icon-dropdown > .nav-link,
    #jtl-nav-wrapper .nav-icons-wrapper .account-icon-dropdown .nav-link {
        width: 24px !important;
        min-width: 24px !important;
        height: 28px !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown > .nav-link {
        display: inline-flex !important;
        width: auto !important;
        min-width: 56px !important;
        height: 28px !important;
        gap: 4px !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-price {
        display: inline-block !important;
        max-width: 42px !important;
        margin-left: 1px !important;
        color: #fff !important;
        font-size: 11.5px !important;
        font-weight: 650 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown .fa-sup,
    #jtl-nav-wrapper .cart-icon-dropdown .badge {
        display: none !important;
    }

    #jtl-nav-wrapper .main-search-wrapper {
        margin-top: 3px !important;
    }
}

@media (max-width: 374.98px) {
    #jtl-nav-wrapper .nav-logo-wrapper {
        flex-basis: clamp(128px, 42vw, 150px) !important;
        max-width: clamp(128px, 42vw, 150px) !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        width: clamp(96px, 30vw, 118px) !important;
        max-width: 118px !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        width: clamp(44px, 13vw, 52px) !important;
        max-width: 52px !important;
    }

    #jtl-nav-wrapper .nav-icons,
    #jtl-nav-wrapper #shop-nav {
        gap: 3px !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown > .nav-link {
        min-width: 51px !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-price {
        max-width: 38px !important;
        font-size: 10.8px !important;
    }
}

/* Mobile header skeleton v2: red utility row, search in a separate white band. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper {
        background: #fff !important;
    }

    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        padding: 6px 9px 0 !important;
        background: var(--brand-primary) !important;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        column-gap: 5px !important;
        row-gap: 0 !important;
        align-items: center !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        flex: 0 1 clamp(176px, 47vw, 210px) !important;
        max-width: clamp(176px, 47vw, 210px) !important;
        min-width: 0 !important;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper {
        gap: 7px !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper #burger-menu,
    #jtl-nav-wrapper .burger-menu-wrapper.navbar-toggler {
        flex: 0 0 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 30px !important;
        min-height: 30px !important;
    }

    #jtl-nav-wrapper #burger-menu::before {
        width: 20px !important;
        height: 2px !important;
        box-shadow: 0 6px 0 #fff, 0 12px 0 #fff !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        width: clamp(136px, 38vw, 172px) !important;
        max-width: 172px !important;
        max-height: 32px !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons-wrapper {
        flex: 0 0 auto !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        width: clamp(47px, 12vw, 60px) !important;
        max-width: 60px !important;
        max-height: 21px !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper {
        margin-left: auto !important;
    }

    #jtl-nav-wrapper .nav-icons,
    #jtl-nav-wrapper #shop-nav {
        gap: 3px !important;
    }

    #jtl-nav-wrapper .account-icon-dropdown > .nav-link,
    #jtl-nav-wrapper .nav-icons-wrapper .account-icon-dropdown .nav-link {
        width: 22px !important;
        min-width: 22px !important;
        height: 28px !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown > .nav-link {
        min-width: 48px !important;
        height: 28px !important;
        gap: 3px !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-price {
        max-width: 35px !important;
        font-size: 10.8px !important;
    }

    #jtl-nav-wrapper .nav-icons-wrapper .nav-link svg,
    #jtl-nav-wrapper .nav-icons-wrapper .svg-inline--fa,
    #jtl-nav-wrapper .nav-icons-wrapper i {
        font-size: 14px !important;
    }

    #jtl-nav-wrapper .main-search-wrapper {
        flex: 0 0 calc(100% + 18px) !important;
        width: calc(100% + 18px) !important;
        max-width: none !important;
        margin: 6px -9px 0 !important;
        padding: 6px 9px 7px !important;
        background: #fff !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .input-group {
        max-width: 100% !important;
        height: 33px !important;
        border: 1px solid #d8dee6 !important;
        border-radius: 11px !important;
        overflow: hidden !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper .main-search-wrapper .input-group-append {
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
    }

    #jtl-nav-wrapper .main-search-wrapper input#search-header {
        height: 31px !important;
        min-height: 31px !important;
        padding: 0 10px !important;
        border-radius: 0 !important;
        font-size: 13px !important;
        line-height: 31px !important;
        text-align: center !important;
    }

    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary {
        height: 31px !important;
        min-height: 31px !important;
        border-radius: 0 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary .fa-search,
    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary i,
    #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary svg {
        font-size: 14px !important;
    }
}

@media (max-width: 374.98px) {
    #jtl-nav-wrapper .nav-logo-wrapper {
        flex-basis: clamp(151px, 47vw, 176px) !important;
        max-width: clamp(151px, 47vw, 176px) !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        width: clamp(118px, 36vw, 145px) !important;
        max-width: 145px !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        width: clamp(40px, 11vw, 48px) !important;
        max-width: 48px !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown > .nav-link {
        min-width: 43px !important;
    }

    #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-price {
        max-width: 30px !important;
        font-size: 10px !important;
    }
}

/* Mobile logo alignment: prevent SVG clipping and center the hamburger with the brand. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        padding-top: 8px !important;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        min-height: 43px !important;
        align-items: center !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        flex: 0 1 clamp(184px, 49vw, 218px) !important;
        max-width: clamp(184px, 49vw, 218px) !important;
        align-self: center !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper,
    #jtl-nav-wrapper #logo,
    #jtl-nav-wrapper .logo-wrapper,
    #jtl-nav-wrapper .navbar-brand {
        height: 38px !important;
        min-height: 38px !important;
        align-items: center !important;
        overflow: visible !important;
        line-height: 0 !important;
    }

    #jtl-nav-wrapper #burger-menu,
    #jtl-nav-wrapper .burger-menu-wrapper.navbar-toggler {
        height: 38px !important;
        min-height: 38px !important;
        align-self: center !important;
    }

    #jtl-nav-wrapper #burger-menu .navbar-toggler-icon {
        display: none !important;
    }

    #jtl-nav-wrapper #burger-menu::before {
        width: 22px !important;
        height: 16px !important;
        border-radius: 0 !important;
        background:
            linear-gradient(#fff, #fff) left 1px / 22px 2px no-repeat,
            linear-gradient(#fff, #fff) left 7px / 22px 2px no-repeat,
            linear-gradient(#fff, #fff) left 13px / 22px 2px no-repeat !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        display: block !important;
        width: clamp(118px, 39vw, 160px) !important;
        height: auto !important;
        max-width: 160px !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: left center !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons-wrapper,
    #jtl-nav-wrapper .nav-icons-wrapper {
        align-self: center !important;
    }
}

@media (max-width: 374.98px) {
    #jtl-nav-wrapper .nav-logo-wrapper {
        flex-basis: clamp(154px, 48vw, 184px) !important;
        max-width: clamp(154px, 48vw, 184px) !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper .navbar-brand img,
    #jtl-nav-wrapper .nav-logo-wrapper #shop-logo {
        width: clamp(112px, 37vw, 138px) !important;
        height: auto !important;
        max-width: 138px !important;
    }
}

/* Mobile PDP: logistics belongs below the price, not in the purchase footer. */
@media (max-width: 767.98px) {
    body #product-offer .dh-pdp-buybox__mobile-logistics {
        display: block !important;
    }

    body #product-offer .dh-pdp-buybox__mobile-logistics .dh-pdp-inline-logistics {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    body #product-offer .dh-pdp-buybox__mobile-logistics .dh-pdp-inline-logistics__item {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    body #product-offer .dh-pdp-buybox__section--purchase .dh-pdp-inline-logistics {
        display: none !important;
    }
}

/* Mobile header: make trust rosettes more visible without increasing row height. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper .dh-header-trust-icons-wrapper {
        overflow: visible !important;
    }

    #jtl-nav-wrapper .dh-header-trust-icons {
        transform: scale(1.18) !important;
        transform-origin: center center !important;
    }
}

@media (max-width: 374.98px) {
    #jtl-nav-wrapper .dh-header-trust-icons {
        transform: scale(1.12) !important;
    }
}

/* Mobile PDP gallery: trim the gap below thumbnails and prevent clipped thumb bottoms. */
@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer > .product-gallery {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    body[data-page="1"] #product-offer > .product-info {
        margin-top: -16px !important;
        padding-top: 0 !important;
    }

    body[data-page="1"] #product-offer #image_wrapper,
    body[data-page="1"] #product-offer #gallery_wrapper {
        margin-bottom: 5px !important;
        padding-bottom: 0 !important;
    }

    body[data-page="1"] #product-offer .product-detail-image-preview-bar,
    body[data-page="1"] #product-offer #gallery_preview_wrapper,
    body[data-page="1"] #product-offer #gallery_preview {
        margin-bottom: 0 !important;
        padding-bottom: 6px !important;
        overflow: visible !important;
    }

    body[data-page="1"] #product-offer #gallery_preview .slick-list,
    body[data-page="1"] #product-offer #gallery_preview .slick-track,
    body[data-page="1"] #product-offer #gallery_preview .slick-slide {
        height: 78px !important;
        overflow: visible !important;
    }

    body[data-page="1"] #product-offer #gallery_preview .slick-slide > div,
    body[data-page="1"] #product-offer #gallery_preview .square.square-image,
    body[data-page="1"] #product-offer #gallery_preview .square.square-image .inner {
        overflow: visible !important;
    }

    body[data-page="1"] #product-offer #gallery_preview .square.square-image {
        margin-bottom: 4px !important;
    }
}

/* Mobile PDP gallery: keep the selected thumbnail image inside its border. */
@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer #gallery_preview .square.square-image {
        box-sizing: border-box !important;
        padding: 2px !important;
        overflow: hidden !important;
        background: #fff !important;
        border-color: #d6e4f1 !important;
    }

    body[data-page="1"] #product-offer #gallery_preview .slick-current .square.square-image,
    body[data-page="1"] #product-offer #gallery_preview .rt-thumb-active .square.square-image {
        border-color: var(--brand-primary) !important;
    }

    body[data-page="1"] #product-offer #gallery_preview .square.square-image .inner,
    body[data-page="1"] #product-offer #gallery_preview .square.square-image img {
        display: block !important;
        overflow: hidden !important;
        border-radius: 7px !important;
    }
}

/* Mobile PDP price: discount badge above, price details in one compact row below. */
@media (max-width: 575.98px) {
    body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-line {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 7px 9px !important;
    }

    body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-save-pill {
        order: 1 !important;
        flex: 0 0 auto !important;
        margin-bottom: 1px !important;
    }

    body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-old-price {
        order: 2 !important;
        flex: 0 0 auto !important;
        font-size: clamp(18px, 5.2vw, 21px) !important;
    }

    body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-current-price {
        order: 3 !important;
        flex: 0 0 auto !important;
        font-size: clamp(22px, 6.4vw, 27px) !important;
    }

    body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-taxline {
        order: 4 !important;
        flex: 0 0 auto !important;
        align-self: center !important;
        margin: 0 !important;
        font-size: clamp(15px, 4.4vw, 17px) !important;
    }

    body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-line::before {
        content: "" !important;
        order: 2 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        height: 0 !important;
    }
}

/* Mobile PDP: put benefits above the price/logistics block. */
@media (max-width: 767.98px) {
    body #product-offer .product-info-inner.dh-pdp-buybox {
        display: flex !important;
        flex-direction: column !important;
    }

    body #product-offer .dh-pdp-buybox__head {
        display: contents !important;
    }

    body #product-offer .dh-pdp-buybox__meta-row {
        order: 1 !important;
    }

    body #product-offer .dh-pdp-buybox__title {
        order: 2 !important;
    }

    body #product-offer .dh-kb {
        order: 3 !important;          /* Mobile-Position erhalten (zwischen Titel und Preis) */
        margin: 10px 0 !important;
    }

    body #product-offer .dh-pdp-buybox__price-under-title {
        order: 4 !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        border-bottom: 0 !important;
    }

    body #product-offer .dh-pdp-buybox__mobile-logistics {
        order: 5 !important;
        margin: 0 0 13px !important;
        padding: 0 0 12px !important;
        border-bottom: 1px solid #e7ebf1 !important;
    }

    body #product-offer .dh-pdp-buybox__offer {
        order: 6 !important;
    }

    /* Social-Proof Mobile: in der Meta-Row gestapelt -> ganz oben (unter Galerie),
       Rating darunter. Kein fragiler JS-Move mehr. */
    body #product-offer .dh-pdp-buybox__meta-row {
        flex-direction: column !important;
        align-items: stretch !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
    }
    body #product-offer .dh-pdp-buybox__meta-row .dh-social-proof {
        order: -1 !important;
        margin: 0 0 12px !important;
        flex: 0 0 auto !important;
    }
    body #product-offer .dh-pdp-buybox__meta-row .rating-wrapper,
    body #product-offer .dh-pdp-buybox__meta-row .dh-pdp-buybox__rating {
        order: 0 !important;
    }
}

/* PDP/header polish 20260613-tb149: mobile menu, mobile cleanup, desktop shipping note. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper #burger-menu,
    #jtl-nav-wrapper .burger-menu-wrapper.navbar-toggler {
        position: relative !important;
        z-index: 50 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        appearance: none !important;
        border: 0 !important;
        background: transparent !important;
    }

    #jtl-nav-wrapper #burger-menu::before,
    #jtl-nav-wrapper #burger-menu::after,
    #jtl-nav-wrapper #burger-menu .navbar-toggler-icon {
        pointer-events: none !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper,
    #jtl-nav-wrapper .dh-header-trust-icons-wrapper,
    #jtl-nav-wrapper .nav-icons-wrapper {
        position: relative !important;
        z-index: 2 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    body[data-page="1"] .breadcrumb-wrapper,
    body[data-page="1"] #breadcrumb,
    body[data-page="1"] .breadcrumb,
    body[data-page="1"] .breadcrumb-nav,
    body[data-page="1"] .breadcrumb-container {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer {
        margin-top: 8px !important;
    }
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-shipping-note {
    order: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: 2px !important;
    color: var(--brand-accent) !important;
    font-size: clamp(12px, .9vw, 14px) !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-shipping-note i {
    color: #F5A400 !important;
    font-size: .95em !important;
    line-height: 1 !important;
}

/* Kostenloser-Versand Lottie: bir kez oynar (loop yok -> son frame'de sabit).
   Layout ayak izi kucuk (30px) kalir; gorsel transform:scale ile buyutulur,
   boylece metni/komsulari itmez (transform akisi etkilemez). */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-shipping-note .dh-free-ship-lottie {
    flex: 0 0 auto !important;
    width: 30px !important;
    height: 30px !important;
    margin: -10px 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -8px !important;
    transform: scale(2.1) !important;
    transform-origin: center !important;
    pointer-events: none !important;
}

body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-shipping-note span {
    white-space: nowrap !important;
}

@media (max-width: 767.98px) {
    body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-shipping-note {
        display: none !important;
    }
}

@media (min-width: 768px) {
    body #product-offer .dh-pdp-buybox__mobile-logistics {
        display: none !important;
    }

    body #product-offer .dh-pdp-buybox__section--purchase > .dh-pdp-inline-logistics .dh-pdp-inline-logistics__item:not(.dh-pdp-inline-logistics__item--delivery) {
        display: none !important;
    }
}

body #product-offer .dh-pdp-benefits__content strong,
body #product-offer .dh-pdp-benefits__content strong[style] {
    font-size: 13.1px !important;
    line-height: 1.1 !important;
}

body #product-offer .dh-pdp-benefits__content span,
body #product-offer .dh-pdp-benefits__content span[style],
body #product-offer .dh-pdp-benefits__content a {
    font-size: 12.1px !important;
    line-height: 1.14 !important;
}

body #product-offer .dh-pdp-benefits__content tr,
body #product-offer .dh-pdp-benefits__content li {
    padding-top: 4px !important;
    padding-bottom: 5px !important;
}

body #product-offer .dh-pdp-benefits__content td:first-child::before,
body #product-offer .dh-pdp-benefits__content li::before,
body #product-offer .dh-pdp-benefit--lottie td:first-child::before,
body #product-offer .dh-pdp-benefit--lottie::before {
    width: 7px !important;
    height: 7px !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill:focus,
body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill:focus-visible,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text:focus,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text:focus-visible,
body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper a:focus,
body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper a:focus-visible,
body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper button:focus,
body #product-offer .dh-pdp-buybox__section--variants .variation-wrapper button:focus-visible,
body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-input:focus + .dh-pdp-radio-pill,
body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-input:focus-visible + .dh-pdp-radio-pill {
    outline: 0 !important;
    box-shadow: none !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-input:checked + .dh-pdp-radio-pill,
body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill.is-active,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text.active,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text.selected {
    border-color: var(--dh-pdp-red) !important;
    color: var(--dh-pdp-red) !important;
    background: rgba(var(--brand-primary-rgb), .035) !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill *,
body #product-offer .dh-pdp-buybox__section--variants .swatches-text * {
    outline: 0 !important;
    box-shadow: none !important;
}

/* Mobile cleanup 20260613-tb150: remove the hidden search lane and the PDP card border. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper {
        min-height: 0 !important;
        background: var(--brand-primary) !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        background: var(--brand-primary) !important;
        box-shadow: none !important;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        row-gap: 0 !important;
    }

    #jtl-nav-wrapper .main-search-wrapper,
    #jtl-nav-wrapper .main-search-wrapper *,
    #jtl-nav-wrapper .search-wrapper-dropdown,
    #jtl-nav-wrapper #mobile-search-dropdown,
    #jtl-nav-wrapper #search {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer > .product-info,
    body[data-page="1"] #product-offer .product-info-inner,
    body[data-page="1"] #product-offer .product-info-inner.dh-pdp-buybox,
    body[data-page="1"] #product-offer .dh-pdp-buybox {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

/* Mobile header search removal 20260613-tb151: remove the whole lane, not only the input. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper .main-search-wrapper,
    #jtl-nav-wrapper .main-search-wrapper.nav-right,
    #jtl-nav-wrapper .main-search-wrapper[class*="col"] {
        display: none !important;
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        padding-bottom: 7px !important;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        row-gap: 0 !important;
    }
}

/* Mobile header spacer fix 20260614-tb154: closed search/category rows must not leave a red band. */
@media (max-width: 991.98px) {
    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        padding: 8px 10px !important;
        overflow: visible !important;
        background: var(--brand-primary) !important;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        align-content: center !important;
        row-gap: 0 !important;
        overflow: visible !important;
    }

    #jtl-nav-wrapper .main-search-wrapper,
    #jtl-nav-wrapper .main-search-wrapper.nav-right,
    #jtl-nav-wrapper .main-search-wrapper[class*="col"],
    #jtl-nav-wrapper .main-search-wrapper > *,
    #jtl-nav-wrapper .search-wrapper-dropdown,
    #jtl-nav-wrapper #mobile-search-dropdown,
    #jtl-nav-wrapper #search {
        display: none !important;
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar):not(:has(#mainNavigation.show)) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar):has(#mainNavigation.show) {
        display: block !important;
        height: auto !important;
        max-height: calc(100vh - 96px) !important;
        padding: 0 !important;
        overflow: auto !important;
        background: #fff !important;
    }
}

/* Mobile header FINAL 20260614-tb155: kill the leftover empty red search band.
   Earlier blocks (grid "search" row + "Mobile header repair") re-reserved/re-showed
   the removed search input. This is the last block in the file, so it wins source-order.
   We collapse the navbar grid to a single row and fully remove the search wrapper. */
@media (max-width: 991.98px) {
    /* Tek satir: search alani grid'den tamamen cikar, band kalmaz. */
    #jtl-nav-wrapper .hide-navbar > .navbar.row {
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-template-rows: auto !important;
        grid-template-areas: "brand trust icons" !important;
        row-gap: 0 !important;
    }

    /* Logo barini kompakt tut, alttaki bosluk minimum olsun. */
    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        padding: 8px 12px !important;
    }

    /* Search wrapper'i ve ic #search katmanini gercekten yok et.
       .main-search-wrapper #search selector'u 13685'le ayni specificity,
       sonra geldigi icin kazanir. */
    #jtl-nav-wrapper .main-search-wrapper,
    #jtl-nav-wrapper .main-search-wrapper #search,
    #jtl-nav-wrapper .main-search-wrapper .nav-item,
    #jtl-nav-wrapper .main-search-wrapper .search-wrapper,
    #jtl-nav-wrapper .main-search-wrapper form,
    #jtl-nav-wrapper .main-search-wrapper .form-icon,
    #jtl-nav-wrapper .main-search-wrapper .input-group {
        display: none !important;
        grid-area: unset !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        overflow: hidden !important;
    }

    /* KOK NEDEN: #jtl-nav-wrapper'in kendisi kirmizi (13359) ve flex/blok bir kap.
       Logo satirinin altinda kapali kalan kategori container'i (#mainNavigation'i saran
       .container-fluid) kirmizi bg + padding tasidigi icin BOS KIRMIZI BAND olusuyor.
       Onceki commit bunu :has() ile gizlemeye calismis; :has() override/destek sorununda
       band kaliyor. Cozum :has()'siz: wrapper'i seffaf yap, sadece logo barini kirmizi birak,
       kapali mega-nav'i 0 yukseklige indir. Acik menu (#mainNavigation.show) etkilenmez. */
    #jtl-nav-wrapper {
        background: transparent !important;
        /* Temel kural (satir 42) height:96px !important veriyor; mobilde icerik ~64px,
           kalan ~32px bos kalip seffaf wrapper'da acik gri body zemini = gri serit.
           Wrapper'i icerige sigdir. */
        height: auto !important;
        min-height: 0 !important;
    }

    #jtl-nav-wrapper > .hide-navbar,
    #jtl-nav-wrapper > .container-fluid.hide-navbar {
        background: var(--brand-primary) !important;
    }

    /* Kategori container'i: kapaliyken hicbir kutu/yukseklik/kirmizi tasimasin. */
    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) {
        background: transparent !important;
        padding: 0 !important;
        min-height: 0 !important;
    }

    #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) > .navbar {
        min-height: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* Kapali mega-nav yer kaplamasin (Bootstrap zaten display:none yapar; emniyet kemeri). */
    #jtl-nav-wrapper #mainNavigation:not(.show) {
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* Acik mega-nav okunur kalsin: beyaz zemin kendi uzerinde. */
    #jtl-nav-wrapper #mainNavigation.show {
        background: #fff !important;
    }
}

/* PDP mobil 20260614-tb158: odeme/trust karti ile Produktberatung (decision) bolumu
   arasindaki dikey bosluk fazlaydi (payment-strip alt margin ~14px + decision ust margin
   18px + kart paddingleri). ~10px'e indir. */
@media (max-width: 991.98px) {
    body #product-offer .rt-pdp-payment-strip.rt-pdp-payment-static-icons {
        margin-bottom: 2px !important;
    }
    body .rt-pdp-decision {
        margin-top: 8px !important;
        margin-bottom: 16px !important;
    }
}

/* ============================================================
 * PDP reco slider kartlari ("Kunden kauften auch" / "Ähnliche Artikel")
 * 20260614-tb161: ana sayfa kart goruntusunun birebir ayni dili.
 * - Sol-ust "AUF LAGER" badge (ribbon, item_slider child include eder)
 * - Baslik SOLA hizali (ortali degil)
 * - Guncel satis fiyati SIYAH, cizik UVP kirmizi (global)
 * - Fiyat altinda yesil pulse-dot + "Auf Lager" lieferinfo (child markup)
 * Sadece PDP sliderlari (body[data-page="1"]).
 * ============================================================ */
/* Kart icerigini sola hizala (NOVA wrapper text-center-util'i ezer). */
body[data-page="1"] .slick-slider-other .product-wrapper-product {
    text-align: left !important;
}

/* Gorsel yuzeyi: yuvarlatilmis, hafif zemin + ic border, hover'da yukselme. */
body[data-page="1"] .slick-slider-other .item-slider.productbox-image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #f6f8fb;
    box-shadow: inset 0 0 0 1px rgba(205, 216, 228, 0.72);
    transition: box-shadow 180ms ease, transform 180ms ease;
}
body[data-page="1"] .slick-slider-other .item-slider .product-image,
body[data-page="1"] .slick-slider-other .item-slider img {
    transition: transform 180ms ease, opacity 180ms ease;
    transform-origin: center;
}
@media (hover: hover) and (pointer: fine) {
    body[data-page="1"] .slick-slider-other a:hover .item-slider.productbox-image {
        box-shadow: inset 0 0 0 1px rgba(var(--brand-primary-rgb), 0.34), 0 10px 26px rgba(17, 24, 39, 0.08);
        transform: translateY(-1px);
    }
}

/* Sol-ust badge ("AUF LAGER" customBadge) — ana sayfa ribbon stiliyle ayni. */
body[data-page="1"] .slick-slider-other .item-slider .productbox-ribbon.ribbon {
    position: absolute;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    min-height: 0;
    margin: 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.92) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.06em;
    z-index: 3;
}

/* Baslik: ana sayfa tipografisi, 3 satir clamp, SOLA hizali. */
body[data-page="1"] .slick-slider-other .item-slider-desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 9px 0 0 !important;
    min-height: 52px;
    color: var(--rt-type-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.32 !important;
    text-align: left !important;
    text-decoration: none;
}
body[data-page="1"] .slick-slider-other a:hover .item-slider-desc,
body[data-page="1"] .slick-slider-other a:hover .item-slider-desc span {
    color: var(--brand-primary-dark) !important;
}

/* Fiyat: guncel fiyat SIYAH, sola hizali; cizik UVP global kirmizi. */
body[data-page="1"] .slick-slider-other .item-slider-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
    margin-top: 6px;
    line-height: 1.12;
}
body[data-page="1"] .slick-slider-other .item-slider-price .price_wrapper {
    display: flex !important;
    align-items: baseline;
    gap: 5px;
    margin: 0 !important;
    line-height: 1.12;
}
body[data-page="1"] .slick-slider-other .item-slider-price .price-note {
    display: none !important;
}
body[data-page="1"] .slick-slider-other .item-slider-price .productbox-price.price,
body[data-page="1"] .slick-slider-other .item-slider-price .price.productbox-price {
    color: var(--rt-type-text) !important;
    font-size: 22px !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
}
body[data-page="1"] .slick-slider-other .price_label.pricestarting,
body[data-page="1"] .slick-slider-other .price_label.nowonly {
    color: #6b7280 !important;
    font-size: 12.5px;
    font-weight: 650;
}

/* Lieferinfo: yesil pulse-dot + "Auf Lager" — ana sayfa ile ayni. */
body[data-page="1"] .slick-slider-other .rt-productlist-delivery {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
    margin-top: 5px;
    color: #337c64;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.3;
    text-align: left;
}
body[data-page="1"] .slick-slider-other .rt-productlist-delivery__dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #2f8f6b;
    box-shadow: 0 0 0 4px rgba(47, 143, 107, 0.12);
}
body[data-page="1"] .slick-slider-other .rt-productlist-delivery__sep,
body[data-page="1"] .slick-slider-other .rt-productlist-delivery__time {
    color: #4d8f78;
    font-weight: 650;
}

/* ============================================================
 * PDP variant badge bosluklari 20260614-tb167
 * Desktop'ta opsiyon badge'leri (Baubreite/Bauhöhe/Bestelloption) arasi
 * bosluk fazlaydi: gap 7-10px + pill min-width 84px (kisa badge'ler dolgudan
 * genis durup birbirinden uzak gorunuyordu). Gap'i sik, min-width'i icerige
 * gore daralt. Sadece desktop; en son blok oldugu icin onceki kurallari ezer.
 * ============================================================ */
@media (min-width: 768px) {
    body #product-offer .dh-pdp-radio-options,
    body #product-offer .swatches.textswatches,
    body #product-offer .swatches.TEXTSWATCHES,
    body #product-offer .form-row.swatches,
    body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-options,
    body #product-offer .dh-pdp-buybox__section--variants .swatches.textswatches,
    body #product-offer .dh-pdp-buybox__section--variants .swatches.TEXTSWATCHES,
    body #product-offer .dh-pdp-buybox__section--variants .form-row.swatches {
        gap: 6px !important;
    }

    body #product-offer .dh-pdp-radio-pill,
    body #product-offer .swatches-text,
    body #product-offer .dh-pdp-buybox__section--variants .dh-pdp-radio-pill,
    body #product-offer .dh-pdp-buybox__section--variants .swatches-text {
        min-width: 56px !important;
        padding: 0 13px !important;
    }
}

/* ============================================================
 * PDP variant badge bosluklari — GERCEK NEDEN 20260614-tb168
 * Baubreite/Bauhöhe 'imgswatches' + .js-slider-item ile render oluyor ve
 * satir 430'daki .js-slider-item { min-width: calc(100%/9) } kurali her badge
 * kolonunu satirin 1/9'una zorluyordu -> icerik dar olsa da kolonlar genis
 * kalip badge'ler birbirinden uzak duruyordu. Buybox variants icinde kolonlari
 * icerige gore daralt; gap (tb167, 6px) gercek araligi belirlesin.
 * ============================================================ */
body #product-offer .dh-pdp-buybox__section--variants .js-slider-item,
body #product-offer .dh-pdp-buybox__section--variants .form-row.swatches > .col,
body #product-offer .dh-pdp-buybox__section--variants .form-row.swatches > [class*="col"] {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* tb169: Variant badge'leri artik tek tip pill (dh_variation_pills.tpl) ile
   render oluyor; IMGSWATCHES icin kalan slider oklari gereksiz -> gizle. */
body #product-offer .dh-pdp-buybox__section--variants .js-btn-slider-btns {
    display: none !important;
}

/* ============================================================
 * PDP Bewertungen (Reviews) redesign 20260614-tb171
 * Iskelet: ortalama+yildiz+count + yildiz bar dagilimi + temiz yorum kartlari
 * (avatar + isim + Verifizierter Kauf + yildiz + baslik + metin).
 * Tema dili, clean, kutu-icinde-kutu/border yok. Gold yildiz.
 * (Kriter slider'lari JTL'de veri olmadigi icin yok.)
 * ============================================================ */

/* --- Cevredeki NOVA kutularini sadelestir (border/box kaldir) --- */
.reviews .card,
.reviews .card.review,
.reviews .card.review > .card-body,
.reviews .reviews-mosthelpful,
.reviews .reviews-mosthelpful > .card-body,
.reviews #reviews-overview .card {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- Zusammenfassung: solda skor, sagda barlar --- */
.reviews .dh-reviews-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 40px;
    padding: 2px 0 22px;
    margin: 0 0 22px;
    border-bottom: 1px solid #eef1f5;
}
.reviews .dh-reviews-summary__score {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 170px;
}
.reviews .dh-reviews-summary__avg {
    color: #111827;
    font-size: 42px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: -0.02em;
}
.reviews .dh-reviews-summary__stars .rating { color: #f5a623; font-size: 19px; letter-spacing: 1px; }
.reviews .dh-reviews-summary__stars .rating .far { color: #d7dce3; }
.reviews .dh-reviews-summary__count { color: #667085; font-size: 13px; }

.reviews .dh-reviews-summary__bars {
    display: flex;
    flex-direction: column;
    gap: 7px;
    flex: 1 1 320px;
    min-width: 260px;
    max-width: 540px;
}
.reviews .dh-reviews-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}
.reviews .dh-reviews-bar__label {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    width: 34px;
    color: #475467;
    font-size: 13px;
    font-weight: 650;
}
.reviews .dh-reviews-bar__label .fa-star { color: #f5a623; font-size: 11px; }
.reviews .dh-reviews-bar__track {
    flex: 1 1 auto;
    height: 9px;
    border-radius: 999px;
    background: #eef1f5;
    overflow: hidden;
}
.reviews .dh-reviews-bar__fill {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: #f5a623;
    transition: width .3s ease;
}
.reviews .dh-reviews-bar:hover .dh-reviews-bar__fill { background: #e0941a; }
.reviews .dh-reviews-bar__count { width: 30px; text-align: right; color: #667085; font-size: 12.5px; }

/* --- "Artikel bewerten" alani: sade --- */
.reviews #article_rating .subheadline { color: #111827; font-weight: 720; margin-bottom: 8px; }
.reviews #article_rating .btn {
    border-radius: 9px !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
    font-weight: 700 !important;
}
.reviews #article_rating .btn:hover { background: var(--brand-primary) !important; color: #fff !important; }

/* "Wie funktionieren Bewertungen?" pill + verteilungstext */
.reviews .verified-purchase-notice {
    border-radius: 999px !important;
    border-color: #e4e9f0 !important;
    color: #475467 !important;
    font-weight: 650 !important;
}

/* --- Tekil yorum karti --- */
.reviews .dh-review {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 18px 0;
    border-bottom: 1px solid #eef1f5;
}
.reviews .dh-review:last-child { border-bottom: 0; }

.reviews .dh-review__author {
    flex: 0 0 138px;
    width: 138px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.reviews .dh-review__avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 3px;
    border-radius: 50%;
    background: #fdf2e9;
    color: #b07b53;
}
.reviews .dh-review__check {
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #2f8f4e;
    border: 2px solid #fff;
}
.reviews .dh-review__name { color: #1f2937; font-size: 13.5px; font-weight: 750; line-height: 1.2; }
.reviews .dh-review__verified { color: #2f8f4e; font-size: 11.5px; font-weight: 600; }

.reviews .dh-review__content { flex: 1 1 auto; min-width: 0; }
.reviews .dh-review__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-bottom: 6px;
}
.reviews .dh-review__stars .rating { color: #f5a623; font-size: 14px; letter-spacing: .5px; }
.reviews .dh-review__stars .rating .far { color: #d7dce3; }
.reviews .dh-review__title { color: #111827; font-size: 16px; font-weight: 780; line-height: 1.2; }
.reviews .dh-review__text { margin: 0 0 8px; color: #475467; font-size: 14.5px; line-height: 1.62; }
.reviews .dh-review__date { color: #98a2b3; font-size: 12px; }
.reviews .dh-review__reply {
    margin-top: 12px;
    padding: 10px 14px;
    border-left: 3px solid var(--brand-primary);
    background: #faf7f7;
    border-radius: 0 8px 8px 0;
}
.reviews .dh-review__reply-author { display: block; color: var(--brand-primary); font-size: 12.5px; font-weight: 700; margin-bottom: 3px; }
.reviews .dh-review__reply p { margin: 0; color: #475467; font-size: 14px; line-height: 1.55; }

/* Mobil: avatar/isim ustte, icerik altta */
@media (max-width: 575.98px) {
    .reviews .dh-review { flex-direction: column; gap: 8px; }
    .reviews .dh-review__author {
        flex-direction: row;
        align-items: center;
        gap: 8px;
        width: 100%;
        flex-basis: auto;
    }
    .reviews .dh-review__avatar { margin-bottom: 0; }
    .reviews .dh-reviews-summary__avg { font-size: 36px; }
}

/* tb172: Eski review-box stillerini ez (onceki agent 7807/7903'te
   #reviews-overview ve .pagination-wrapper'a border+bg+shadow vermis ->
   "border icinde border" kutular). Hedef tasarimda bu kutular YOK. */
body[data-page="1"] #reviews-overview {
    margin: 0 0 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
body[data-page="1"] #reviews-overview > [class*="col"] { padding: 0 !important; }

body[data-page="1"] #reviews-list .pagination-wrapper {
    margin: 6px 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body[data-page="1"] #reviews-list {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* tb173: Bewertungen pagination kontrolleri tema diline.
   Sayfa numaralari temiz pill, aktif = tema kirmizisi (sari cizgi yok),
   per-page ve sort dropdownlari clean themed input. */
body[data-page="1"] #reviews-list .pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
}
body[data-page="1"] #reviews-list .page-item { margin: 0 !important; }
body[data-page="1"] #reviews-list .page-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 9px !important;
    border: 1px solid #e4e9f0 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #475467 !important;
    font-size: 14px;
    font-weight: 700;
    box-shadow: none !important;
}
body[data-page="1"] #reviews-list .page-link:hover {
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
    background: #fff7f7 !important;
}
body[data-page="1"] #reviews-list .page-item.active .page-link,
body[data-page="1"] #reviews-list .page-link.active {
    border-color: var(--brand-primary) !important;
    background: var(--brand-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
}
/* aktif sayfadaki sari alt cizgiyi / pseudo isaretciyi kaldir */
body[data-page="1"] #reviews-list .page-link::after,
body[data-page="1"] #reviews-list .page-link::before,
body[data-page="1"] #reviews-list .page-item.active .page-link::after {
    display: none !important;
}
body[data-page="1"] #reviews-list .page-text { color: #98a2b3 !important; }

/* per-page ("10") + sort ("Datum aufsteigend") dropdownlari */
body[data-page="1"] #reviews-list .pagination-selects { display: flex; flex-wrap: wrap; gap: 8px; }
body[data-page="1"] #reviews-list .pagination-selects .custom-select,
body[data-page="1"] #reviews-list .pagination-selects-entries,
body[data-page="1"] #reviews-list .pagination-selects-sort {
    height: 38px !important;
    border: 1px solid #e4e9f0 !important;
    border-radius: 9px !important;
    background-color: #fff !important;
    color: #344054 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 34px 0 12px !important;
    box-shadow: none !important;
}
body[data-page="1"] #reviews-list .pagination-selects .custom-select:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .12) !important;
}
/* "Einträge 1 - 10 von 311" etiketi */
body[data-page="1"] #reviews-list .pagination-entries,
body[data-page="1"] #reviews-list .pagination-wrapper .font-weight-bold-util {
    color: #475467 !important;
    font-weight: 700 !important;
}

/* ============================================================
 * Social Proof unter dem Preis (Booster 7) 20260614-tb174
 * Avatare (CDN) + Namen, Theme-Stil (wie Auswahl-Hinweis), klickbar.
 * ============================================================ */
body #product-offer .dh-social-proof {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 12px 0 4px;
    padding: 10px 14px;
    border: 1px solid #e8edf2;
    border-radius: 12px;
    background:
        linear-gradient(90deg, rgba(var(--brand-primary-rgb), .05) 0, rgba(var(--brand-primary-rgb), 0) 140px),
        #fff;
    color: #151d2c;
    text-decoration: none !important;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
body #product-offer .dh-social-proof:hover {
    border-color: #d8c4c3;
    box-shadow: 0 8px 20px -14px rgba(var(--brand-primary-rgb), .35);
    transform: translateY(-1px);
}
body #product-offer .dh-social-proof__avatars {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}
body #product-offer .dh-social-proof__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .18);
    background: #f0f2f5;
}
body #product-offer .dh-social-proof__avatar:not(:first-child) { margin-left: -13px; }
body #product-offer .dh-social-proof__text {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13.5px;
    line-height: 1.32;
    color: #475467;
}
body #product-offer .dh-social-proof__text strong { color: #151d2c; font-weight: 760; }
body #product-offer .dh-social-proof__arrow {
    flex: 0 0 auto;
    color: var(--brand-primary);
    font-size: 17px;
    font-weight: 700;
    transition: transform .15s ease;
}
body #product-offer .dh-social-proof:hover .dh-social-proof__arrow { transform: translateX(3px); }

@media (max-width: 575.98px) {
    body #product-offer .dh-social-proof { gap: 10px; padding: 9px 12px; }
    body #product-offer .dh-social-proof__avatar { width: 32px; height: 32px; }
    body #product-offer .dh-social-proof__text { font-size: 12.8px; }
}

/* ============================================================
 * Mobil PDP duzenlemeleri 20260614-tb175
 * 1) Inline-Logistics "Kostenloser Versand": desktoptaki gibi lottie + var(--brand-accent)
 * 2) Sterne ueber der Galerie, Social-Proof ueber dem Titel (JS tasir, CSS konumlar)
 * ============================================================ */
@media (max-width: 991.98px) {
    /* 1) Kostenloser Versand (inline-logistics) -> lottie + amber metin */
    body #product-offer .dh-pdp-inline-logistics__item--shipping,
    body #product-offer .dh-pdp-inline-logistics__item--shipping span {
        color: var(--brand-accent) !important;
        font-weight: 700 !important;
    }
    body #product-offer .dh-pdp-inline-logistics .dh-free-ship-lottie--inline {
        flex: 0 0 auto !important;
        width: 26px !important;
        height: 26px !important;
        margin: -8px 1px -8px -3px !important;
        transform: scale(1.9) !important;
        transform-origin: center !important;
        position: relative !important;
        top: -1px !important;
        pointer-events: none !important;
    }

    /* 2) Sterne ueber die Galerie (JS verschiebt; .col-12 -> Galerie box-model;
       yatay padding galeri ile ayni (10px) -> hizali, ekrana yapismaz) */
    body #product-offer .dh-meta--above-gallery {
        order: -1 !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        /* badge/title ile ayni hiza: col(10px) + product-info-inner(16px) = 26px */
        padding-left: 26px !important;
        padding-right: 26px !important;
    }

    /* 3) Social-Proof ueber dem Titel: Abstand sauber halten */
    body #product-offer .dh-pdp-buybox__head .dh-social-proof {
        margin: 0 0 12px !important;
    }
}

/* tb179: Mobil thumbnail-bar'i alttaki baslik/badge ile hizala.
   Galeri kolonu 10px; baslik .product-info-inner ile 26px inset.
   Thumbnail bar'a 16px yatay padding -> 10+16 = 26px, hizali. */
@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer .product-detail-image-preview-bar {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ========================================================================
   NOVA Gold (#f8bf00 = NOVA $primary) -> zentrales Token --brand-highlight
   Erbt von NOVA; zentral steuerbar in css/brand.css. Betrifft:
   Warenkorb-Zähler (.fa-sup), aktive Checkbox/Radio, Hinweis-Badges, Focus-Ring.
   ======================================================================== */
.fa-sup,
.cart-icon-dropdown-icon .fa-sup,
.badge-primary,
.badge-pill.badge-primary {
    background-color: var(--brand-highlight) !important;
}
.badge-primary,
.badge-pill.badge-primary {
    color: var(--brand-on-highlight) !important;
}
.badge-outline-primary {
    border-color: var(--brand-highlight) !important;
    color: var(--brand-highlight) !important;
}
.badge-circle:hover,
.badge-circle:focus {
    background-color: var(--brand-highlight) !important;
}
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: var(--brand-highlight) !important;
    border-color: var(--brand-highlight) !important;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 0.2rem rgba(var(--brand-highlight-rgb), .25) !important;
}

/* Funktionale Gelb-Zustände (NOVA $primary) -> Brand-Rot statt Gold:
   Formular-Focus und aktive Listeneinträge sollen die Markenfarbe tragen. */
.form-control:focus,
.custom-select:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), .18);
}
.list-group-item.active {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

/* Tab-Navigation: aktiver/hover Unterstrich + Bootstrap nav-tabs aktiv -> Brand-Rot */
.tab-navigation .nav-link::after,
.tab-navigation .nav-link::before {
    border-color: var(--brand-primary) !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
    border-color: var(--brand-primary) !important;
}
/* Sidebar/Panel aktiver Navigationspunkt */
aside .nav-panel > .nav > .active > .nav-link {
    border-bottom-color: var(--brand-primary) !important;
}

/* ========================================================================
   VOLLSTÄNDIGER SWEEP: ALLE NOVA-Gold (#F8BF00 = NOVA $primary) -> Brand-Rot
   Auto-generiert aus NOVA/themes/clear/clear.css. Deckt Buttons, Forms,
   Tabs, Slider, Badges, Modals, Footer, Focus-Glows usw. ab.
   Zentral steuerbar über css/brand.css (var(--brand-primary)).
   ======================================================================== */
.fa-sup, .badge-primary, .badge-pill.badge-primary { color: #fff !important; }
#footer a:not(.btn):hover { color: var(--brand-primary) !important; }
#image_wrapper #gallery .slick-arrow:hover { background-color: var(--brand-primary) !important; }
#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover { background-color: var(--brand-primary) !important; }
#rmaStickyPositions.loadingAJAX::after, #rmaStickyPositions.loadingAJAX::before { border-color: var(--brand-primary) var(--brand-primary) transparent transparent !important; }
#rmaStickyPositions.loadingAJAX::after, #rmaStickyPositions.loadingAJAX::before { border: 8px solid var(--brand-primary) !important; }
.account-head-data .account-head-data-credit { border: 1px solid var(--brand-primary) !important; }
.badge-check { border: 2px solid var(--brand-primary) !important; }
.badge-check .badge-circle { background-color: var(--brand-primary) !important; }
.badge-check .badge-circle { border-color: var(--brand-primary) !important; }
.badge-circle-1.on-list { background-color: var(--brand-primary) !important; }
.badge-circle-1.on-list { border: 1px solid var(--brand-primary) !important; }
.badge-circle:hover, .badge-circle:focus { background-color: var(--brand-primary) !important; }
.badge-circle:hover, .badge-circle:focus { border-color: var(--brand-primary) !important; }
.badge-outline-primary { border-color: var(--brand-primary) !important; }
.badge-outline-primary { color: var(--brand-primary) !important; }
.badge-primary { background-color: var(--brand-primary) !important; }
.bg-primary { background-color: var(--brand-primary) !important; }
.bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button[data-toggle=collapse]:focus:not(.navbar-toggler) { border-color: var(--brand-primary) !important; }
.bootstrap-select.custom-select.show button.dropdown-toggle, .bootstrap-select.custom-select.show button[data-toggle=collapse]:not(.navbar-toggler) { border-color: var(--brand-primary) !important; }
.border-primary { border-color: var(--brand-primary) !important; }
.box_login .register .fa { color: var(--brand-primary) !important; }
.btn-animated .btn-outline-primary::after { background-color: var(--brand-primary) !important; }
.btn-animated .btn-outline-primary:hover { border-color: var(--brand-primary) !important; }
.btn-animated .btn-outline-primary:hover::after { background: var(--brand-primary) !important; }
.btn-animated .btn-primary:hover { background-color: var(--brand-primary) !important; }
.btn-animated .btn-primary:hover { border-color: var(--brand-primary) !important; }
.btn-icon-primary:hover { border-color: var(--brand-primary) !important; }
.btn-icon-primary:hover { color: var(--brand-primary) !important; }
.btn-icon-primary:not(:disabled):not(.disabled):active, .btn-icon-primary:not(:disabled):not(.disabled).active, .show > .btn-icon-primary.dropdown-toggle, .show > .btn-icon-primary[data-toggle=collapse]:not(.navbar-toggler) { background-color: var(--brand-primary) !important; }
.btn-icon-primary:not(:disabled):not(.disabled):active, .btn-icon-primary:not(:disabled):not(.disabled).active, .show > .btn-icon-primary.dropdown-toggle, .show > .btn-icon-primary[data-toggle=collapse]:not(.navbar-toggler) { border-color: var(--brand-primary) !important; }
.btn-icon-secondary:not(:disabled):not(.disabled):active, .btn-icon-secondary:not(:disabled):not(.disabled).active, .show > .btn-icon-secondary.dropdown-toggle, .show > .btn-icon-secondary[data-toggle=collapse]:not(.navbar-toggler) { background-color: var(--brand-primary) !important; }
.btn-icon-secondary:not(:disabled):not(.disabled):active, .btn-icon-secondary:not(:disabled):not(.disabled).active, .show > .btn-icon-secondary.dropdown-toggle, .show > .btn-icon-secondary[data-toggle=collapse]:not(.navbar-toggler) { border-color: var(--brand-primary) !important; }
.btn-link:hover { color: var(--brand-primary) !important; }
.btn-outline-primary { border-color: var(--brand-primary) !important; }
.btn-outline-primary { color: var(--brand-primary) !important; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: var(--brand-primary) !important; }
.btn-outline-primary:hover { background-color: var(--brand-primary) !important; }
.btn-outline-primary:hover { border-color: var(--brand-primary) !important; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary[data-toggle=collapse]:not(.navbar-toggler) { background-color: var(--brand-primary) !important; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary[data-toggle=collapse]:not(.navbar-toggler) { border-color: var(--brand-primary) !important; }
.btn-primary { background-color: var(--brand-primary) !important; }
.btn-primary { border-color: var(--brand-primary) !important; }
.btn-primary.disabled, .btn-primary:disabled { background-color: var(--brand-primary) !important; }
.btn-primary.disabled, .btn-primary:disabled { border-color: var(--brand-primary) !important; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary[data-toggle=collapse]:not(.navbar-toggler) { background-color: var(--brand-primary) !important; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary[data-toggle=collapse]:not(.navbar-toggler) { border-color: var(--brand-primary) !important; }
.carousel-thumbnails .slick-slide.slick-current { border: 1px solid var(--brand-primary) !important; }
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle { background-color: var(--brand-primary) !important; }
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle { border-color: var(--brand-primary) !important; }
.checkout-steps .step-check { color: var(--brand-primary) !important; }
.consent-modal-close:hover, .consent-modal-close:focus { color: var(--brand-primary) !important; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: var(--brand-primary) !important; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: var(--brand-primary) !important; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--brand-primary) !important; }
.custom-control-input:checked ~ .custom-control-label::before { border-color: var(--brand-primary) !important; }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: var(--brand-primary) !important; }
.custom-file-input:focus ~ .custom-file-label { border-color: var(--brand-primary) !important; }
.custom-range::-moz-range-thumb { background-color: var(--brand-primary) !important; }
.custom-range::-ms-thumb { background-color: var(--brand-primary) !important; }
.custom-range::-webkit-slider-thumb { background-color: var(--brand-primary) !important; }
.custom-select:focus { border-color: var(--brand-primary) !important; }
.fa-sup { background-color: var(--brand-primary) !important; }
.filter-item.active .filter-img, .filter-item:active .filter-img { border: 3px solid var(--brand-primary) !important; }
.filter-search-wrapper.input-group-selected .input-group-text, .filter-search-wrapper.input-group-selected .filter-search { border-color: var(--brand-primary) !important; }
.form-control:focus { border-color: var(--brand-primary) !important; }
.form-control:focus + .input-group-append .input-group-text { border-color: var(--brand-primary) !important; }
.form-icon-trigger-label:hover { color: var(--brand-primary) !important; }
.jqcloud-word a:hover { color: var(--brand-primary) !important; }
.list-group-item.active { background-color: var(--brand-primary) !important; }
.list-group-item.active { border-color: var(--brand-primary) !important; }
.modal-header .close:focus { background: var(--brand-primary) !important; }
.modal-header .close:hover { background-color: var(--brand-primary) !important; }
.noUi-horizontal .noUi-connect { background: var(--brand-primary) !important; }
.noUi-horizontal .noUi-handle { background: var(--brand-primary) !important; }
.page-link:hover { color: var(--brand-primary) !important; }
.productlist-filter-categories > .nav-item > .nav-link::before { border-color: var(--brand-primary) !important; }
.progress-bar { background-color: var(--brand-primary) !important; }
.slick-arrow:hover { background-color: var(--brand-primary) !important; }
.stepper .step-active .step-content::after { background: var(--brand-primary) !important; }
.stepper .step-current .step-content::after { background: var(--brand-primary) !important; }
.swatches-image.active { border: 1px solid var(--brand-primary) !important; }
.swatches-text.active { border: 1px solid var(--brand-primary) !important; }
.tab-navigation .nav-link::after { border-color: var(--brand-primary) !important; }
.text-primary { color: var(--brand-primary) !important; }
a.give-consent-preview:focus-visible { color: var(--brand-primary) !important; }
aside .nav-panel > .nav > .active > .nav-link { border-bottom: 0.375rem solid var(--brand-primary) !important; }
.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.5) !important; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .show > .btn-outline-primary[data-toggle=collapse]:focus:not(.navbar-toggler) { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.5) !important; }
.btn:focus, .btn.focus { box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important; }
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important; }
.custom-file-input:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important; }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
.custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important; }
.custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important; }
.custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important; }
.custom-select:focus { box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important; }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
.form-control:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important; }
.noUi-horizontal .noUi-handle { box-shadow: 0px 0px 0px 5px rgba(var(--brand-primary-rgb), 0.5) !important; }
.page-link:focus { box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25) !important; }
a.badge-outline-primary:focus, a.badge-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.5) !important; }
a.badge-primary:focus, a.badge-primary.focus { box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.5) !important; }
/* NOVA Bootstrap CSS-Var --primary (Gelb) -> Brand-Rot, falls irgendwo via var(--primary) genutzt */
:root { --primary: var(--brand-primary); }

/* ========================================================================
   NOVA Gold-FAMILIE (lighten/darken von $primary) -> Brand-Rot
   #ffda5f (Focus), #c59800/#d2a200/#ffcc22 (Button-Hover-Gold),
   #d5a80b/#d9a700/#f2bf0d (Ribbons). Auto-generiert aus clear.css.
   ======================================================================== */
#cfg-container .custom-control:focus > label { outline: 2px solid var(--brand-primary) !important; }
#cfg-container .custom-control:focus-within > label { outline: 2px solid var(--brand-primary) !important; }
.btn-primary:focus, .btn-primary.focus { background-color: var(--brand-primary-dark) !important; }
.btn-primary:focus, .btn-primary.focus { border-color: var(--brand-primary-dark) !important; }
.btn-primary:hover { background-color: var(--brand-primary-dark) !important; }
.btn-primary:hover { border-color: var(--brand-primary-dark) !important; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary[data-toggle=collapse]:not(.navbar-toggler) { background-color: var(--brand-primary-dark) !important; }
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item { outline-color: var(--brand-primary) !important; }
.consent-switch .consent-input:focus + .consent-label::before { outline: 2px solid var(--brand-primary) !important; }
.file-drop-zone.clickable:focus { border: 2px solid var(--brand-primary) !important; }
.file-preview .btn-file:focus-visible { outline: 2px solid var(--brand-primary) !important; }
.file-preview .fileinput-remove:focus-visible { outline: 2px solid var(--brand-primary) !important; }
.opc-Video .btn-link:focus { color: var(--brand-primary) !important; }
.opc-Video .video-transcript.focus { border: 2px solid var(--brand-primary) !important; }
.productbox.productbox-hover:focus-visible .productbox-inner::before, .productbox.productbox-hover:focus-within .productbox-inner::before { outline: 2px solid var(--brand-primary) !important; }
.ribbon-1 { background-color: var(--brand-primary) !important; }
.ribbon-1::before { border-right-color: var(--brand-primary) !important; }
.ribbon-custom.bg-primary { border-right-color: var(--brand-primary) !important; }
.swatches-image.focus, .swatches-text.focus { outline: 2px solid var(--brand-primary) !important; }
:focus-visible { outline: 2px solid var(--brand-primary) !important; }
a.badge-outline-primary:hover, a.badge-outline-primary:focus { background-color: var(--brand-primary-dark) !important; }
a.badge-primary:hover, a.badge-primary:focus { background-color: var(--brand-primary-dark) !important; }
button.bg-primary:focus { background-color: var(--brand-primary-dark) !important; }

/* Focus-Box am Produktkärtchen entfernen (border none, wie gewünscht);
   interaktive Controls behalten einen barrierefreien roten Focus. */
.productbox.productbox-hover:focus-visible .productbox-inner::before,
.productbox.productbox-hover:focus-within .productbox-inner::before { outline: none !important; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary[data-toggle=collapse]:not(.navbar-toggler) { border-color: var(--brand-primary-dark) !important; }
.table-primary tbody + tbody { border-color: var(--brand-primary) !important; }

/* ========================================================================
   NOVA KRITISCHE Inline-CSS (clear_crit.css) Gold -> Brand-Rot
   Diese Regeln werden inline im <head> geladen (u.a. Pagination-Unterstrich
   .page-item.active .page-link::after) und waren im ersten Sweep übersehen.
   ======================================================================== */
#header-top-bar a:not(.dropdown-item):not(.btn):hover,header a:not(.dropdown-item):not(.btn):hover { color:var(--brand-primary) !important; }
.box_login .register .fa { color:var(--brand-primary) !important; }
.btn-pause:focus,.btn-pause:focus-within { outline:2px solid var(--brand-primary) !important; }
.btn-skip-to { border:3px solid var(--brand-primary) !important; }
.jqcloud-word a:hover { color:var(--brand-primary) !important; }
.jqcloud-word.w5 { color:var(--brand-primary) !important; }
.nav-pills .nav-link.active,.nav-pills .show>.nav-link { background-color:var(--brand-primary) !important; }
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link { border-color:var(--brand-primary) !important; }
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus { color:var(--brand-primary) !important; }
.page-item.active .page-link::after,.page-item.active .page-text::after { border-bottom:4px solid var(--brand-primary) !important; }
.slick-slide a:hover,.slick-slide a:focus { color:var(--brand-primary) !important; }
:root { --primary: var(--brand-primary) !important; }
a:hover { color:var(--brand-primary) !important; }
aside .nav-panel>.nav>.active>.nav-link { border-bottom:.375rem solid var(--brand-primary) !important; }
header .navbar-nav>.nav-item>.nav-link::before { border-color:var(--brand-primary) !important; }

/* ========================================================================
   SUB-HEADER / KATEGORIE-MEGAMENÜ — Profi-Politur (Desktop >=992px)
   Behebt: schiefe/linksbündige Menüzeile (mr-auto-Konflikt), abgeschnittene
   Labels (NOVA ellipsis), ruckartiges Öffnen. NOVA-Markup unangetastet.
   ======================================================================== */
@media (min-width: 992px) {
  /* 1) Menüzeile sauber mittig (mr-auto + align-self:flex-start auflösen) */
  #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) > .navbar.justify-content-start { justify-content: center !important; }
  #jtl-nav-wrapper #mainNavigation.navbar-collapse { flex: 1 1 auto !important; justify-content: center !important; }
  #jtl-nav-wrapper .nav-scrollbar { display: flex !important; justify-content: center !important; width: 100% !important; }
  #jtl-nav-wrapper .navbar-nav.nav-scrollbar-inner {
    margin: 0 auto !important;
    align-self: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    column-gap: 2px !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* 2) Top-Level-Labels NIE abschneiden (NOVA-Ellipsis aushebeln) */
  #jtl-nav-wrapper .nav-scrollbar-item .nav-mobile-heading,
  #jtl-nav-wrapper .nav-scrollbar-item .text-truncate,
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link > span {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    max-width: none !important;
    padding-right: 0 !important;
  }
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    padding: 7px 14px !important;
    border-radius: 9px !important;
    transition: color .16s ease, background-color .16s ease !important;
  }
  /* dezenter Hover-/Aktiv-Teppich hinter dem Label — klares Premium-Ziel */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover,
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link {
    background: rgba(255,255,255,.13) !important;
    color: #fff !important;
  }

  /* 3) Mega-Menü: ruhige Fläche + sanfte Einblendung statt Sprung */
  #jtl-nav-wrapper .navbar-nav > .nav-item.dropdown-full > .dropdown-menu {
    left: 0 !important; right: 0 !important; width: 100% !important;
    margin-top: 0 !important;
    border: 0 !important;
    border-top: 3px solid var(--brand-primary) !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 30px 60px -24px rgba(17,17,17,.28), 0 2px 8px rgba(17,17,17,.06) !important;
  }
  #jtl-nav-wrapper .navbar-nav > .nav-item.dropdown-full > .dropdown-menu.show {
    animation: dhMegaIn .2s ease both;
  }
  /* Inhalt mittig auf Seitenbreite, ruhiges Karten-Grid */
  #jtl-nav-wrapper .dropdown-full .dropdown-body { padding: 26px 0 30px !important; }
  #jtl-nav-wrapper .dropdown-full .dropdown-body > .container.subcategory-wrapper {
    max-width: 1280px !important; margin: 0 auto !important; padding: 0 56px !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .row.nav {
    grid-template-columns: repeat(auto-fill, minmax(184px, 1fr)) !important;
    gap: 6px 14px !important;
    justify-content: center !important;
  }
}
@keyframes dhMegaIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ========================================================================
   KATEGORIE-MEGAMENÜ — modern / minimal / premium (Desktop >=992px)
   Fix: Kartentitel liefen über (meine Top-Level-Regel hatte sie miterwischt).
   Hier sauber gescopet + Karten neu: 4:3-Bild, 2-zeiliger zentrierter Titel,
   ruhiges Grid, sanfter Hover (Bild-Zoom + Lift + roter Titel).
   ======================================================================== */
@media (min-width: 992px) {
  /* ruhiges, mittiges Grid */
  #jtl-nav-wrapper .subcategory-wrapper .row.nav {
    grid-template-columns: repeat(auto-fill, minmax(166px, 1fr)) !important;
    gap: 8px 10px !important;
    justify-content: center !important;
  }
  /* Karte */
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block {
    display: block !important;
    overflow: hidden !important;                 /* klippt den Bild-Zoom sauber */
    padding: 8px 8px 12px !important;
    border-radius: 14px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: transform .2s ease, background-color .2s ease, box-shadow .25s ease, border-color .2s ease !important;
  }
  /* Bild: einheitliches 4:3, dezenter Rahmen */
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block .submenu-headline-image,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    border-radius: 11px !important;
    margin: 0 0 10px !important;
    background: #f4f4f5 !important;
    border: 1px solid #ededef !important;
    transition: transform .4s cubic-bezier(.2,.7,.2,1) !important;
  }
  /* Titel: zentriert, max. 2 Zeilen, NIE überlaufen, gleiche Kartenhöhe */
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m a.d-block .text-truncate,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m a.d-block .nav-mobile-heading,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m a.d-block .submenu-headline-text,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m a.d-block strong {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;          /* lange Komposita (Wohnraumheizkörper) umbrechen statt Ellipsis */
    word-break: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 2px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.32 !important;
    letter-spacing: -.1px !important;
    color: #20242b !important;
    min-height: 2.64em !important;
  }
  /* Hover */
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover {
    background: #faf2f2 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 28px -16px rgba(var(--brand-primary-rgb), .34) !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .submenu-headline-image,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover img {
    transform: scale(1.07) !important;
    border-color: transparent !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .text-truncate,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .nav-mobile-heading,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .submenu-headline-text,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover strong {
    color: var(--brand-primary) !important;
  }
}

/* ========================================================================
   SUB-HEADER POLITUR v2 — Profi (Desktop >=992px)
   Behebt: Caret/Unterstrich-Doppelmissbrauch von ::after (Ruck + Pfeil weg).
   ::after = NUR Caret (dreht beim Öffnen), ::before = zentrierter scaleX-
   Unterstrich (kein Layout-Shift). Karten-Hover: minimal + roter Ring.
   ======================================================================== */
@media (min-width: 992px) {
  /* nav-link stabil, konstante Größe (kein "Text wird kleiner") */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link,
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover,
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link {
    position: relative !important;
    background: transparent !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    padding: 8px 15px !important;
    color: rgba(255,255,255,.9) !important;
    transition: color .18s ease !important;
  }
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover,
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link { color: #fff !important; }

  /* ::after = NUR Caret (dropdown), dreht beim Öffnen, NIE Unterstrich */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link.dropdown-toggle::after,
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link.dropdown-toggle::after,
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link.dropdown-toggle:hover::after {
    content: '\f078' !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: static !important;
    display: inline-block !important;
    width: auto !important; height: auto !important;
    border: 0 !important; background: none !important;
    margin-left: 8px !important;
    font-size: .58em !important;
    opacity: .8 !important;
    transform: translateY(1px) !important;
    transition: transform .28s cubic-bezier(.2,.7,.2,1), opacity .2s ease !important;
  }
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link.dropdown-toggle::after {
    transform: translateY(1px) rotate(180deg) !important;
    opacity: 1 !important;
  }
  /* Nicht-Dropdown: kein ::after-Balken */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:not(.dropdown-toggle)::after { content: none !important; display: none !important; }

  /* ::before = zentrierter Unterstrich, scaleX (kein Layout-Shift) */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link::before,
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover::before,
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link::before {
    content: '' !important;
    position: absolute !important;
    left: 15px !important; right: 15px !important; bottom: 2px !important; top: auto !important;
    width: auto !important; height: 2px !important;
    border: 0 !important; background: #fff !important; border-radius: 2px !important;
    transform: scaleX(0) !important; transform-origin: center !important;
    transition: transform .28s cubic-bezier(.2,.7,.2,1) !important;
  }
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover::before,
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link::before,
  #jtl-nav-wrapper .navbar-nav > .nav-item.active > .nav-link::before {
    transform: scaleX(1) !important;
  }

  /* ---- Karten-Hover neu: minimal, roter Ring ums Bild, sanfter Zoom ---- */
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover {
    background: transparent !important;
    transform: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover img,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .submenu-headline-image {
    transform: scale(1.045) !important;
    border-color: transparent !important;
    box-shadow: inset 0 0 0 2px var(--brand-primary) !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .text-truncate,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .nav-mobile-heading,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .submenu-headline-text,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block:hover strong {
    color: var(--brand-primary) !important;
  }
}

/* ========================================================================
   HEADER v3 — Desktop-Pill-Suche + Mobile Slide-in-Drawer (Profi-Redesign)
   ======================================================================== */

/* ---------- A) DESKTOP: Suchfeld als modernes Pill (>=992px) ---------- */
@media (min-width: 992px) {
  #jtl-nav-wrapper .main-search-wrapper {
    width: min(430px, 33vw) !important;
    min-width: 300px !important;
    max-width: 430px !important;
  }
  #jtl-nav-wrapper .main-search-wrapper .search-wrapper,
  #jtl-nav-wrapper .main-search-wrapper .form-icon,
  #jtl-nav-wrapper .main-search-wrapper .input-group {
    border-radius: 999px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 6px 16px -8px rgba(0,0,0,.30), 0 1px 2px rgba(0,0,0,.06) !important;
  }
  #jtl-nav-wrapper .main-search-wrapper input#search-header,
  #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary {
    height: 40px !important; min-height: 40px !important;
    border: 0 !important; background: #fff !important; box-shadow: none !important;
    font-size: 14px !important;
  }
  #jtl-nav-wrapper .main-search-wrapper input#search-header {
    border-radius: 999px 0 0 999px !important;
    padding: 0 8px 0 20px !important;
    color: #20242b !important;
  }
  #jtl-nav-wrapper .main-search-wrapper input#search-header::placeholder { color: #9aa0aa !important; }
  #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary {
    border-radius: 0 999px 999px 0 !important;
    width: 48px !important; flex: 0 0 48px !important;
    padding: 0 !important;
  }
  #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary .fa-search,
  #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary .svg-inline--fa,
  #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary svg {
    color: var(--brand-primary) !important; font-size: 15px !important;
  }
}

/* ---------- B) MOBILE: echtes Slide-in-Drawer von links (<992px) ---------- */
@media (max-width: 991.98px) {
  /* Container NICHT mehr toggeln/verstecken -> Drawer ist fixed Kind */
  #jtl-nav-wrapper > .container-fluid:not(.hide-navbar),
  #jtl-nav-wrapper > .container-fluid:not(.hide-navbar):not(:has(#mainNavigation.show)),
  #jtl-nav-wrapper > .container-fluid:not(.hide-navbar):has(#mainNavigation.show) {
    display: block !important;
    position: static !important;
    height: auto !important; min-height: 0 !important; max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
    padding: 0 !important; margin: 0 !important;
  }
  #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) > .navbar {
    display: block !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; background: transparent !important;
  }

  /* Drawer-Panel */
  #jtl-nav-wrapper #mainNavigation,
  #jtl-nav-wrapper #mainNavigation:not(.show) {
    position: fixed !important;
    top: 0 !important; left: 0 !important; bottom: 0 !important;
    width: min(88vw, 380px) !important;
    height: 100% !important; max-height: 100% !important; min-height: 0 !important;
    margin: 0 !important; padding: 0 0 28px !important;
    background: #fff !important;
    transform: translateX(-100%) !important;
    transition: transform .34s cubic-bezier(.4,0,.2,1) !important;
    z-index: 1050 !important;
    overflow-y: auto !important; overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    box-shadow: 14px 0 44px -14px rgba(0,0,0,.4) !important;
    display: block !important; visibility: visible !important; opacity: 1 !important; border: 0 !important;
  }
  #jtl-nav-wrapper #mainNavigation.show { transform: translateX(0) !important; }

  /* innere Container linearisieren, horizontale Scroll-Pfeile weg */
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-arrow { display: none !important; }
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
  #jtl-nav-wrapper #mainNavigation .nav-mobile-body,
  #jtl-nav-wrapper #mainNavigation .navbar-nav {
    display: block !important; overflow: visible !important; width: 100% !important;
    height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important;
  }

  /* Drawer-Kopf "Menü" */
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    padding: 16px 18px !important; border-bottom: 1px solid #eee !important; margin: 0 !important; background: #fff !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .nav-offcanvas-title {
    font-size: 17px !important; font-weight: 700 !important; color: #1a1a1a !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header-hr { display: none !important; }

  /* Kategorie-Zeilen */
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    min-height: 54px !important; padding: 14px 20px !important; margin: 0 !important;
    font-size: 15.5px !important; font-weight: 600 !important; color: #1c1f24 !important;
    border-bottom: 1px solid #f0f0f1 !important; background: #fff !important; text-decoration: none !important;
    transition: background-color .15s ease, color .15s ease !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link:hover,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link:active,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item.show > .nav-link {
    background: #faf2f2 !important; color: var(--brand-primary) !important;
  }
  /* Labels NIE abschneiden */
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link .nav-mobile-heading,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link .text-truncate,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link > span {
    overflow: visible !important; text-overflow: clip !important; white-space: normal !important;
    padding-right: 8px !important; max-width: none !important; flex: 1 1 auto !important;
  }
  /* sauberer Chevron rechts, dreht beim Öffnen */
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link.dropdown-toggle::after {
    content: '\f054' !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important;
    font-size: 12px !important; color: #b9bcc2 !important; margin: 0 !important; border: 0 !important;
    position: static !important; width: auto !important; height: auto !important; flex: 0 0 auto !important;
    transition: transform .25s ease, color .2s ease !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item.show > .nav-link.dropdown-toggle::after {
    transform: rotate(90deg) !important; color: var(--brand-primary) !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link::before { display: none !important; }

  /* Submenü dezent */
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item .dropdown-menu {
    background: #fafafb !important; border: 0 !important; box-shadow: none !important;
    border-bottom: 1px solid #f0f0f1 !important; border-radius: 0 !important; padding: 4px 0 8px !important; margin: 0 !important;
  }
}

/* ---------- Backdrop + Scroll-Lock (per JS getoggelt) ---------- */
.dh-nav-backdrop {
  position: fixed !important; inset: 0 !important;
  background: rgba(12,14,20,.5) !important;
  opacity: 0 !important; visibility: hidden !important;
  transition: opacity .32s ease !important; z-index: 1045 !important;
}
body.dh-drawer-open .dh-nav-backdrop { opacity: 1 !important; visibility: visible !important; }
body.dh-drawer-open { overflow: hidden !important; }

/* ========================================================================
   HEADER v4 FIX — Such-Pill greift sicher (Container) + Drawer nicht mehr grau
   ======================================================================== */

/* ---- A) DESKTOP-SUCHE: .input-group = Pill, Input/Button fluten flush ---- */
@media (min-width: 992px) {
  #jtl-nav-wrapper .main-search-wrapper #search,
  #jtl-nav-wrapper .main-search-wrapper .search-wrapper,
  #jtl-nav-wrapper .main-search-wrapper form { background: transparent !important; box-shadow: none !important; border: 0 !important; }

  #jtl-nav-wrapper .main-search-wrapper .input-group {
    display: flex !important; align-items: stretch !important;
    height: 42px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: 0 8px 20px -10px rgba(0,0,0,.30), 0 1px 2px rgba(0,0,0,.06) !important;
  }
  #jtl-nav-wrapper .main-search-wrapper .input-group > input,
  #jtl-nav-wrapper .main-search-wrapper input[name="qs"],
  #jtl-nav-wrapper .main-search-wrapper input.ac_input,
  #jtl-nav-wrapper .main-search-wrapper input#search-header {
    height: 42px !important; min-height: 42px !important;
    flex: 1 1 auto !important; width: 1% !important;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important;
    background: #fff !important; color: #20242b !important;
    padding: 0 8px 0 22px !important; font-size: 14.5px !important;
  }
  #jtl-nav-wrapper .main-search-wrapper input[name="qs"]::placeholder { color: #9aa0aa !important; }
  #jtl-nav-wrapper .main-search-wrapper .input-group-append { margin: 0 !important; display: flex !important; }
  #jtl-nav-wrapper .main-search-wrapper .input-group-append button,
  #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary {
    height: 42px !important; min-height: 42px !important;
    width: 52px !important; flex: 0 0 52px !important;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important;
    background: #fff !important; padding: 0 !important; margin: 0 !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary .fa-search,
  #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary svg,
  #jtl-nav-wrapper .main-search-wrapper button.btn.btn-secondary i {
    color: var(--brand-primary) !important; font-size: 16px !important;
  }
}

/* ---- B) DRAWER: deckend weiß, etwas breiter (Backdrop liegt jetzt korrekt) ---- */
@media (max-width: 991.98px) {
  #jtl-nav-wrapper #mainNavigation,
  #jtl-nav-wrapper #mainNavigation:not(.show) {
    width: min(90vw, 420px) !important;
    background: #fff !important; opacity: 1 !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-body,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
  #jtl-nav-wrapper #mainNavigation .navbar-nav {
    background: #fff !important;
  }
  /* Backdrop sitzt jetzt als Geschwister im Header-Context -> sicher unter dem Drawer */
  #jtl-nav-wrapper .dh-nav-backdrop { z-index: 1045 !important; }
  #jtl-nav-wrapper #mainNavigation { z-index: 1050 !important; }
}

/* ========================================================================
   MOBILE-DRAWER v2 — sauberer Header (X-Close) + Unterkategorien als Liste
   ======================================================================== */
@media (max-width: 991.98px) {
  /* ---- Drawer-Header: Titel links, sauberes X rechts (grauen Blob killen) ---- */
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header {
    display: block !important; padding: 14px 16px !important; border-bottom: 1px solid #eee !important; background: #fff !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .row {
    display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 0 !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header-name { order: 1 !important; margin: 0 !important; padding: 0 !important; }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header-toggler { order: 2 !important; padding: 0 !important; flex: 0 0 auto !important; }
  #jtl-nav-wrapper #mainNavigation .nav-offcanvas-title { font-size: 17px !important; font-weight: 700 !important; color: #1a1a1a !important; }
  #jtl-nav-wrapper #mainNavigation a[data-menu-back] {
    color: #1a1a1a !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; text-decoration: none !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header-hr { display: none !important; }
  /* Close-Toggler -> sauberes X */
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .navbar-toggler {
    width: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; background: transparent !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .navbar-toggler-icon {
    width: auto !important; height: auto !important; min-width: 0 !important; background: none !important; background-image: none !important; filter: none !important; box-shadow: none !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .navbar-toggler-icon::before {
    content: '\f00d' !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important;
    font-size: 21px !important; color: #20242b !important; box-shadow: none !important; width: auto !important; height: auto !important; background: none !important; position: static !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .navbar-toggler-icon::after { content: none !important; display: none !important; }

  /* ---- Unterkategorien: kompakte Liste statt Riesen-Bildkarten ---- */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper { padding: 0 !important; max-width: none !important; }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .row.nav {
    display: block !important; margin: 0 !important; gap: 0 !important; grid-template-columns: none !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .col.nav-item-lg-m {
    width: 100% !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block {
    display: flex !important; align-items: center !important; gap: 14px !important;
    min-height: 60px !important; padding: 9px 20px !important; margin: 0 !important;
    border-bottom: 1px solid #f0f0f1 !important; border-radius: 0 !important;
    background: #fff !important; text-align: left !important; box-shadow: none !important; transform: none !important; overflow: visible !important;
  }
  /* Thumbnail klein (46px) */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block picture {
    flex: 0 0 46px !important; width: 46px !important; height: 46px !important; display: block !important; line-height: 0 !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block .submenu-headline-image,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block img {
    width: 46px !important; height: 46px !important; min-width: 46px !important; max-width: 46px !important; flex: 0 0 46px !important;
    aspect-ratio: 1 !important; object-fit: cover !important; border-radius: 10px !important; margin: 0 !important;
    border: 1px solid #ededef !important; background: #f4f4f5 !important; transform: none !important; box-shadow: none !important;
  }
  /* Titel links, einzeilig, normale Größe */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block .text-truncate,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block .submenu-headline-text {
    display: block !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important;
    white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
    flex: 1 1 auto !important; text-align: left !important; min-height: 0 !important; padding: 0 !important;
    font-size: 15px !important; font-weight: 600 !important; color: #1c1f24 !important; line-height: 1.3 !important; margin: 0 !important;
  }
  /* "Kategorie anzeigen" Top-Link als Abschnitts-Header */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:first-child > a.d-block {
    min-height: 46px !important; padding: 12px 20px !important; background: #faf7f7 !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block .nav-mobile-heading {
    font-size: 12.5px !important; font-weight: 700 !important; text-transform: uppercase !important;
    letter-spacing: .05em !important; color: var(--brand-primary) !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
  }
  /* Hover */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block:hover { background: #faf2f2 !important; }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .text-truncate,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m > a.d-block:hover .submenu-headline-text { color: var(--brand-primary) !important; }
}

/* ===== MOBILE-DRAWER-HEADER FIX v2: Titel links / X rechts, sauberes Icon ===== */
@media (max-width: 991.98px) {
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .row {
    display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; margin: 0 !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header-name {
    order: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header-toggler {
    order: 2 !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 !important;
  }
  /* "Zurück" NUR wenn aktiv (d-none nicht ueberschreiben) */
  #jtl-nav-wrapper #mainNavigation a[data-menu-back].d-none { display: none !important; }
  #jtl-nav-wrapper #mainNavigation a[data-menu-back]:not(.d-none) {
    display: inline-flex !important; align-items: center !important; gap: 7px !important;
  }
  /* Close: Blob/Plus-Icon-Span ausblenden, sauberes X auf den Button */
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .navbar-toggler {
    width: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; background: transparent !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; position: relative !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .navbar-toggler .navbar-toggler-icon { display: none !important; }
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .navbar-toggler::before {
    content: '\f00d' !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important;
    font-size: 21px !important; line-height: 1 !important; color: #20242b !important;
  }
}

/* ========================================================================
   DESKTOP-SUCHE v5 — minimal & sauber, Twitter-Typeahead-tauglich (>=992px)
   Ursache alt: .twitter-typeahead war inline-block -> Input flutete nicht.
   ======================================================================== */
@media (min-width: 992px) {
  /* Verschachtelte Wrapper neutralisieren */
  #jtl-nav-wrapper .main-search-wrapper #search,
  #jtl-nav-wrapper .main-search-wrapper .search-wrapper,
  #jtl-nav-wrapper .main-search-wrapper form,
  #jtl-nav-wrapper .main-search-wrapper .form-icon {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    padding: 0 !important; margin: 0 !important; width: 100% !important;
  }
  /* Pill-Container: minimal = duenner Rahmen + Hauch Schatten */
  #jtl-nav-wrapper .main-search-wrapper .input-group {
    display: flex !important; align-items: center !important; flex-wrap: nowrap !important;
    height: 40px !important; width: 100% !important;
    background: #fff !important;
    border: 1px solid #e6e7ea !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05) !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
  }
  /* DER FIX: Typeahead-Wrapper muss fluten (war inline-block) */
  #jtl-nav-wrapper .main-search-wrapper .twitter-typeahead {
    display: flex !important; align-items: center !important;
    flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; height: 100% !important; position: relative !important;
  }
  /* beide Inputs (tt-input + Ghost tt-hint) */
  #jtl-nav-wrapper .main-search-wrapper .input-group input,
  #jtl-nav-wrapper .main-search-wrapper input.ac_input,
  #jtl-nav-wrapper .main-search-wrapper input#search-header {
    height: 38px !important; width: 100% !important; flex: 1 1 auto !important; min-width: 0 !important;
    border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important;
    background: transparent !important; color: #20242b !important;
    padding: 0 6px 0 20px !important; font-size: 14.5px !important; line-height: 38px !important;
  }
  #jtl-nav-wrapper .main-search-wrapper input::placeholder { color: #9aa0aa !important; opacity: 1 !important; }
  #jtl-nav-wrapper .main-search-wrapper .tt-hint { color: #c4c8cf !important; }
  /* Lupe-Button flush rechts, rot, randlos */
  #jtl-nav-wrapper .main-search-wrapper .input-group-append { display: flex !important; align-items: center !important; margin: 0 !important; height: 100% !important; }
  #jtl-nav-wrapper .main-search-wrapper .input-group-append button,
  #jtl-nav-wrapper .main-search-wrapper button.btn-secondary {
    height: 40px !important; width: 46px !important; flex: 0 0 46px !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important;
  }
  #jtl-nav-wrapper .main-search-wrapper button.btn-secondary .fa-search,
  #jtl-nav-wrapper .main-search-wrapper button.btn-secondary svg,
  #jtl-nav-wrapper .main-search-wrapper button.btn-secondary i {
    color: var(--brand-primary) !important; font-size: 15px !important;
  }
  /* Fokus: dezenter roter Ring statt wuchtig */
  #jtl-nav-wrapper .main-search-wrapper .input-group:focus-within {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .12) !important;
  }
  /* Typeahead-Vorschlagsliste sauber */
  #jtl-nav-wrapper .main-search-wrapper .tt-menu {
    margin-top: 8px !important; background: #fff !important; border: 1px solid #eee !important;
    border-radius: 14px !important; overflow: hidden !important;
    box-shadow: 0 18px 40px -16px rgba(0,0,0,.25) !important;
  }
}

/* ========================================================================
   HEADER MINI-CART DROPDOWN — sauber, einheitlich, klare CTA-Hierarchie
   ======================================================================== */
#cart-dropdown-container.cart-dropdown {
  border: 0 !important; border-radius: 16px !important;
  box-shadow: 0 26px 60px -22px rgba(17,17,17,.32), 0 2px 8px rgba(17,17,17,.06) !important;
  padding: 0 !important; min-width: 384px !important; max-width: 430px !important;
  overflow: hidden !important; margin-top: 10px !important; background: #fff !important;
}
/* Items-Tabelle */
#cart-dropdown-container .table-responsive { padding: 4px 0 0 !important; }
#cart-dropdown-container .dropdown-cart-items { margin: 0 !important; width: 100% !important; }
#cart-dropdown-container .dropdown-cart-items tbody tr { border-bottom: 1px solid #f1f1f2 !important; }
#cart-dropdown-container .dropdown-cart-items tbody tr:last-child { border-bottom: 0 !important; }
#cart-dropdown-container .dropdown-cart-items td { padding: 13px 18px !important; vertical-align: middle !important; border: 0 !important; }
#cart-dropdown-container .dropdown-cart-items td:last-child { text-align: right !important; font-weight: 700 !important; color: #1c1f24 !important; white-space: nowrap !important; font-size: 14px !important; }
#cart-dropdown-container .dropdown-cart-items td .row { align-items: center !important; flex-wrap: nowrap !important; margin: 0 !important; gap: 12px !important; }
#cart-dropdown-container .dropdown-cart-items td .row > [class*="col"] { padding: 0 !important; }
/* Thumbnail */
#cart-dropdown-container .img-sm,
#cart-dropdown-container .dropdown-cart-items img {
  width: 54px !important; height: 54px !important; min-width: 54px !important; object-fit: cover !important;
  border-radius: 10px !important; border: 1px solid #ededef !important; background: #f5f5f6 !important;
}
/* Produktname */
#cart-dropdown-container .dropdown-cart-items a,
#cart-dropdown-container .dropdown-cart-items .cart-items-name {
  color: #1c1f24 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; text-decoration: none !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
}
#cart-dropdown-container .dropdown-cart-items a:hover { color: var(--brand-primary) !important; }
/* Body: Summen + Buttons */
#cart-dropdown-container .dropdown-body { padding: 14px 18px 18px !important; background: #fafafb !important; border-top: 1px solid #eeeef0 !important; }
#cart-dropdown-container .dropdown-body ul { margin: 0 0 14px !important; padding: 0 !important; }
#cart-dropdown-container .dropdown-body li,
#cart-dropdown-container .cart-dropdown-total-item {
  display: flex !important; justify-content: space-between !important; align-items: baseline !important;
  font-size: 12.5px !important; color: #6b7280 !important; padding: 3px 0 !important; list-style: none !important;
}
#cart-dropdown-container .dropdown-body li.font-weight-bold-util {
  font-size: 16px !important; font-weight: 700 !important; color: #1c1f24 !important;
  margin-top: 7px !important; padding-top: 11px !important; border-top: 1px solid #e8e8ea !important;
}
#cart-dropdown-container .cart-dropdown-total-item-price { font-weight: 700 !important; color: #1c1f24 !important; }
#cart-dropdown-container .dropdown-body li.font-weight-bold-util .cart-dropdown-total-item-price { color: var(--brand-primary) !important; }
/* Buttons: gleiche Groesse, klare Hierarchie */
#cart-dropdown-container .cart-dropdown-buttons { display: flex !important; gap: 10px !important; margin: 0 !important; }
#cart-dropdown-container .cart-dropdown-buttons > [class*="col"] { padding: 0 !important; flex: 1 1 0 !important; max-width: none !important; width: auto !important; }
#cart-dropdown-container .cart-dropdown-buttons .btn {
  width: 100% !important; height: 46px !important; border-radius: 11px !important; font-size: 13.5px !important; font-weight: 700 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: normal !important;
  line-height: 1.2 !important; box-shadow: none !important; padding: 6px 10px !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease !important;
}
/* PRIMÄR = Sicher zur Kasse (Checkout) -> gefuellt rot */
#cart-dropdown-container .cart-dropdown-buttons .cart-dropdown-next,
#cart-dropdown-container .cart-dropdown-buttons .btn-outline-primary {
  background: var(--brand-primary) !important; border: 1px solid var(--brand-primary) !important; color: #fff !important;
}
#cart-dropdown-container .cart-dropdown-buttons .cart-dropdown-next:hover,
#cart-dropdown-container .cart-dropdown-buttons .btn-outline-primary:hover {
  background: var(--brand-primary-dark) !important; border-color: var(--brand-primary-dark) !important; color: #fff !important;
}
/* SEKUNDÄR = Zum Warenkorb -> dezenter Outline */
#cart-dropdown-container .cart-dropdown-buttons .btn-primary {
  background: #fff !important; border: 1px solid #d9dbe0 !important; color: #20242b !important;
}
#cart-dropdown-container .cart-dropdown-buttons .btn-primary:hover {
  background: #fff !important; border-color: var(--brand-primary) !important; color: var(--brand-primary) !important;
}
/* Empty-State */
#cart-dropdown-container .cart-dropdown-empty {
  display: block !important; text-align: center !important; padding: 30px 22px !important;
  color: #6b7280 !important; font-size: 14px !important; white-space: normal !important; text-decoration: none !important;
}
#cart-dropdown-container .cart-dropdown-empty:hover { color: var(--brand-primary) !important; background: transparent !important; }
/* Versand-Hinweis */
#cart-dropdown-container .dropdown-body hr { margin: 13px 0 !important; border: 0 !important; border-top: 1px solid #ececee !important; }
#cart-dropdown-container .cart-dropdown-shipping-notice { font-size: 12px !important; color: #6b7280 !important; }
#cart-dropdown-container .cart-dropdown-shipping-notice .fa-truck { color: var(--brand-primary) !important; }

/* ========================================================================
   HEADER-FARBSTRATEGIE (Option B) + schlanke rotierende Topbar
   ======================================================================== */

/* ---- A) TOPBAR: rotierende Nachricht (Bewertung / Versand / Newsletter) ---- */
#header-top-bar .dh-topbar-rotator {
  position: relative; display: flex !important; align-items: center;
  height: 22px; min-width: 380px; color: #fff; font-size: 13px; white-space: nowrap;
  order: -1 !important; margin-right: auto !important;
}
#header-top-bar .dh-topbar-msg {
  position: absolute; left: 0; top: 0; height: 22px;
  display: inline-flex; align-items: center; gap: 7px;
  color: rgba(255,255,255,.92); text-decoration: none;
  opacity: 0; animation: dhTopRotate 13.5s infinite;
}
#header-top-bar .dh-topbar-msg strong { color: #fff; font-weight: 700; }
/* Kontrast-Fix: NOVA-Parent faerbt Topbar-Links #525252 (grau auf schwarz) -> hell erzwingen */
#header-top-bar a.dh-topbar-msg,
#header-top-bar a.dh-topbar-msg--c,
#header-top-bar .dh-topbar-msg { color: rgba(255,255,255,.95) !important; }
#header-top-bar .dh-topbar-msg--b { animation-delay: 4.5s; }
#header-top-bar .dh-topbar-msg--c { animation-delay: 9s; }
#header-top-bar .dh-topbar-stars { color: #ffce3a; letter-spacing: 1px; font-size: 12px; }
#header-top-bar .dh-topbar-check { color: #4ade80; font-weight: 900; }
#header-top-bar .dh-topbar-lottie { width: 20px; height: 20px; }
#header-top-bar .dh-topbar-msg--c:hover strong { text-decoration: underline; }
@keyframes dhTopRotate { 0%,4%{opacity:0} 8%,28%{opacity:1} 32%,100%{opacity:0} }
@media (max-width: 991.98px) {
  #header-top-bar .dh-topbar-rotator { min-width: 0; width: 100%; justify-content: center; margin: 0 !important; padding: 0 8px !important; }
  #header-top-bar .dh-topbar-msg { left: 50%; transform: translateX(-50%); justify-content: center; max-width: 100%; }
  #header-top-bar .dh-topbar-msg { font-size: 12.5px !important; }
}

/* ---- B) OPTION B: Menü-Leiste WEISS, Main bleibt rot (Desktop) ---- */
@media (min-width: 992px) {
  /* Menü-Reihe weiss mit dezenter Tiefe; Main-Reihe (.hide-navbar) bleibt rot */
  #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) {
    background: #fff !important;
    box-shadow: 0 8px 18px -14px rgba(17,17,17,.28) !important;
    border-top: 1px solid rgba(0,0,0,.04) !important;
  }
  #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) > .navbar,
  #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) .nav-scrollbar,
  #jtl-nav-wrapper > .container-fluid:not(.hide-navbar) .nav-scrollbar-inner { background: transparent !important; }

  /* Top-Level-Links: dunkel statt weiss, rot bei hover/aktiv */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link,
  #jtl-nav-wrapper .navbar-nav > .nav-item.active > .nav-link {
    color: #1c1f24 !important; background: transparent !important;
  }
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover,
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link {
    color: var(--brand-primary) !important; background: transparent !important;
  }
  /* Unterstrich-Indikator: ROT (war weiss) */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link::before { background: var(--brand-primary) !important; }
  /* die alte border-color:weiss Regel der Pseudos neutralisieren */
  #jtl-nav-wrapper .navbar-nav .nav-link::after,
  #jtl-nav-wrapper .navbar-nav .nav-link::before { border-color: var(--brand-primary) !important; }
  /* Caret: dezent grau, rot beim Oeffnen */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link.dropdown-toggle::after { color: #9aa0aa !important; }
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link.dropdown-toggle::after { color: var(--brand-primary) !important; }
}

/* ========================================================================
   MEGA-MENÜ FEINSCHLIFF — Animation (Stagger von links), Abstände, Baymard
   ======================================================================== */
@media (min-width: 992px) {
  /* Menüleiste: etwas mehr Luft zwischen Items */
  #jtl-nav-wrapper .navbar-nav.nav-scrollbar-inner { column-gap: 6px !important; }
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link { padding: 9px 16px !important; font-size: 15px !important; letter-spacing: -.1px !important; }

  /* Panel & Grid harmonisieren */
  #jtl-nav-wrapper .dropdown-full .dropdown-body { padding: 22px 0 26px !important; }
  #jtl-nav-wrapper .dropdown-full .dropdown-body > .container.subcategory-wrapper { max-width: 1180px !important; padding: 0 40px !important; margin: 0 auto !important; }
  #jtl-nav-wrapper .subcategory-wrapper .row.nav {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important; gap: 4px 16px !important; justify-content: center !important;
  }
  /* Karte: Abstände + Typo */
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block { padding: 10px 10px 14px !important; border-radius: 14px !important; }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block img,
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block .submenu-headline-image {
    aspect-ratio: 4 / 3 !important; height: auto !important; border-radius: 12px !important; margin-bottom: 12px !important; border: 1px solid #ececee !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m > a.d-block .text-truncate {
    font-size: 13.5px !important; font-weight: 600 !important; letter-spacing: -.1px !important; color: #20242b !important;
    line-height: 1.35 !important; min-height: 2.7em !important; padding: 0 2px !important;
  }

  /* Entrance: Karten staffeln von links nach rechts */
  #jtl-nav-wrapper .navbar-nav > .nav-item.dropdown-full > .dropdown-menu.show .subcategory-wrapper .nav-item-lg-m {
    animation: dhCardIn .42s cubic-bezier(.2,.75,.25,1) both;
  }
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(1){animation-delay:.02s}
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(2){animation-delay:.05s}
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(3){animation-delay:.08s}
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(4){animation-delay:.11s}
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(5){animation-delay:.14s}
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(6){animation-delay:.17s}
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(7){animation-delay:.20s}
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(8){animation-delay:.23s}
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(9){animation-delay:.26s}
  #jtl-nav-wrapper .dropdown-menu.show .nav-item-lg-m:nth-child(n+10){animation-delay:.29s}

  /* Baymard: "Alle <Kategorie> anzeigen ->" als Voll-Breite-CTA unten */
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none {
    display: block !important; order: 99 !important; grid-column: 1 / -1 !important;
    margin: 10px 8px 0 !important; border-top: 1px solid #eef0f1 !important; padding-top: 14px !important; animation: none !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block {
    display: inline-flex !important; align-items: center !important; gap: 8px !important;
    min-height: 0 !important; padding: 4px 2px !important; background: transparent !important; box-shadow: none !important; transform: none !important; border: 0 !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none .nav-mobile-heading {
    font-size: 14px !important; font-weight: 700 !important; color: var(--brand-primary) !important; text-transform: none !important; letter-spacing: 0 !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block::after {
    content: '\f061' !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: 11px !important; color: var(--brand-primary) !important;
    transition: transform .2s ease !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block:hover::after { transform: translateX(3px) !important; }
}
@keyframes dhCardIn { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  #jtl-nav-wrapper .dropdown-menu.show .subcategory-wrapper .nav-item-lg-m { animation: none !important; }
}

/* ========================================================================
   MARKEN-TYPOGRAFIE — Sora (Display) + Hanken Grotesk (Body), markenweit
   ======================================================================== */
/* zentrale System-Font-Variable auf Body-Schrift umbiegen (greift überall) */
:root { --rt-font-sans: var(--font-body) !important; }
/* Body + Formularfelder -> Hanken Grotesk */
body { font-family: var(--font-body) !important; }
input, select, textarea, .form-control, .ac_input, .selectpicker,
.dropdown-menu, .btn-link, .breadcrumb, .nav-link {
  font-family: var(--font-body) !important;
}
/* Überschriften + Navigation + Buttons -> Sora (Display) */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.product-title, .product-title.h2,
.dh-hero2__title, .dh-pdp-buybox__title, .rt-pdp-decision h2, .rt-pdp-decision h3,
.dh-home-hero-2026 h1, .dh-home-hero-2026 h2,
#jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link,
.btn, button.btn, a.btn,
.cart-dropdown-buttons .btn, .dh-pdp-buybox .btn, #add-to-cart .btn {
  font-family: var(--font-display) !important;
}
/* Logo-Wortmarke (falls Text) + Topbar-Strong dezent Display */
#header-top-bar .dh-topbar-msg strong { font-family: var(--font-display) !important; }

/* ===== HEADER-FEINSCHLIFF: Topbar-Padding, Trust-Icons weg, View-All-Pfeil ===== */
/* 1) Topbar-Inhalt nicht am Rand kleben -> Ausrichtung wie Main-Header */
@media (min-width: 992px) {
  #header-top-bar .container-fluid.d-lg-flex.flex-row-reverse,
  #header-top-bar .container-fluid.d-lg-flex,
  #header-top-bar > .container-fluid {
    padding-left: 92px !important; padding-right: 92px !important;
  }
}
@media (min-width: 992px) and (max-width: 1320px) {
  #header-top-bar .container-fluid.d-lg-flex.flex-row-reverse,
  #header-top-bar .container-fluid.d-lg-flex,
  #header-top-bar > .container-fluid {
    padding-left: 64px !important; padding-right: 64px !important;
  }
}
/* 3) Gold-Coin-Trust-Icons sicher entfernt (Template raus + CSS-Sicherung) */
.dh-header-trust-icons-wrapper,
.dh-header-trust-icons { display: none !important; }

/* 2) Mega-Menü "… anzeigen ->" Pfeil vertikal exakt mittig */
@media (min-width: 992px) {
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block {
    align-items: center !important; line-height: 1 !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none .nav-mobile-heading {
    display: inline-flex !important; align-items: center !important; line-height: 1 !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block::after {
    display: inline-flex !important; align-items: center !important; align-self: center !important;
    line-height: 1 !important; position: relative !important; top: -1px !important;
  }
}

/* ===== MENÜ-FIX: kein Hover-Versatz + View-All-Pfeil exakt mittig ===== */
@media (min-width: 992px) {
  /* Padding/Größe in ALLEN States identisch -> kein Breiten-Reflow beim Hover */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link,
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover,
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:focus,
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link,
  #jtl-nav-wrapper .navbar-nav > .nav-item.active > .nav-link {
    padding: 9px 16px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    letter-spacing: -.1px !important;
  }

  /* View-All "… anzeigen ->" : tight flex, Pfeil-Glyph sauber zentriert */
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block {
    display: inline-flex !important; align-items: center !important; gap: 9px !important;
    line-height: 1 !important; min-height: 0 !important; padding: 6px 2px !important;
  }
  /* Selektor MIT a.d-block -> schlaegt die Tile-Label-Regel (…nav-item-lg-m a.d-block .nav-mobile-heading);
     sonst erbt die View-All-Headline min-height:2.64em + line-clamp:2 -> reserviert 2 Zeilen,
     Text steht oben, Pfeil zentriert zur Box -> sitzt zu tief. Hier: EINE Zeile, hugging. */
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none a.d-block .nav-mobile-heading {
    display: inline-flex !important; align-items: center !important;
    line-height: 1 !important; padding: 0 !important; margin: 0 !important;
    min-height: 0 !important; -webkit-line-clamp: unset !important;
  }
  #jtl-nav-wrapper .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block::after {
    content: '\2192' !important;                    /* Unicode-Pfeil in Textschrift -> gleiche Baseline wie Text */
    font-family: var(--font-display), sans-serif !important;
    font-weight: 700 !important; font-size: 16px !important; color: var(--brand-primary) !important;
    display: inline-flex !important; align-items: center !important; align-self: center !important;
    line-height: 1 !important; position: static !important; top: auto !important; transform: none !important;
  }
}


/* ════════════════════════════════════════════════════════════════════════
   MOBILE-MENÜ POLITUR (additiv, sicher) — [v: menumob2]
   NUR Defizit-Fixes. Fasst NOVAs Slide-Panel NICHT an (kein .dropdown-menu/
   .row.nav/Container-Eingriff -> Subkategorie-Slide bleibt intakt).
   ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 991.98px) {

  /* 1) Top-Level: <li>-Padding (NOVA-Theme) killen -> tighte, konsistente Zeilen */
  #jtl-nav-wrapper #mainNavigation .nav-mobile-body .navbar-nav > li.nav-scrollbar-item {
    padding: 0 !important; margin: 0 !important; min-height: 0 !important; border: 0 !important;
  }

  /* 2) SALE zuverlässig ausblenden (Spezifität sicher) */
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item.dh-sale-nav-hidden,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item .dh-sale-link { display: none !important; }

  /* 3) Top-Level-Chevron kräftiger + sauber rechts */
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link.dropdown-toggle::after {
    font-size: 13px !important; color: #8a8f97 !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item.show > .nav-link.dropdown-toggle::after {
    color: var(--brand-primary) !important;
  }

  /* 4) Subkategorie-Zeilen: rechter Chevron als Tap-Affordance (nur echte Kategorien) */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block {
    justify-content: flex-start !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block::after {
    content: '\f054' !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important;
    font-size: 12px !important; color: #c2c5cc !important;
    flex: 0 0 auto !important; margin-left: auto !important; padding-left: 8px !important;
    border: 0 !important; position: static !important; transform: none !important;
    display: inline-flex !important; align-items: center !important; align-self: center !important;
  }
  /* Label vertikal sauber zentriert, max 2 Zeilen, kein Überlauf */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block .text-truncate,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block .submenu-headline-text {
    display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;
    overflow: hidden !important; overflow-wrap: anywhere !important; white-space: normal !important;
    font-size: 14.5px !important; line-height: 1.28 !important; letter-spacing: -.1px !important;
  }

  /* 5) "Alle … anzeigen" Top-Zeile: klare Primär-Zeile + Pfeil (statt blasser Balken) */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:first-child > a.d-block {
    display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important;
    min-height: 52px !important; padding: 0 20px !important;
    background: var(--brand-tint-soft, #fbf1f1) !important;
    border-bottom: 1px solid #f3dede !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m.d-lg-none .nav-mobile-heading,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:first-child > a.d-block .nav-mobile-heading {
    display: inline-flex !important; align-items: center !important; flex: 0 1 auto !important; min-height: 0 !important;
    font-family: var(--font-display), sans-serif !important;
    font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important;
    line-height: 1 !important; color: var(--brand-primary) !important; white-space: normal !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block::after {
    content: '\2192' !important; font-family: var(--font-display), sans-serif !important;
    font-weight: 700 !important; font-size: 15px !important; color: var(--brand-primary) !important;
    display: inline-flex !important; align-items: center !important; line-height: 1 !important;
    position: static !important; transform: none !important; margin-left: 4px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════
   MOBILE-SUCHE — Such-Icon + Slide-down-Panel  [v: msearch1]
   Wiederherstellung der auf Mobile entfernten Suche (Baymard: Top-Priorität).
   Desktop bleibt die Pill-Suche; Toggle nur < 992px.
   ════════════════════════════════════════════════════════════════════════ */

/* Toggle-Icon standardmäßig aus (Desktop nutzt die Pill) */
.dh-msearch-toggle-li { display: none !important; }
#dh-msearch-panel { display: none !important; }

@media (max-width: 991.98px) {

  /* ---- Such-Icon in der Header-Icon-Leiste (weiß auf rotem Header) ---- */
  #jtl-nav-wrapper ul.nav-icons > li.dh-msearch-toggle-li {
    display: flex !important; align-items: center !important; justify-content: center !important;
    margin: 0 !important; padding: 0 !important; list-style: none !important;
  }
  #jtl-nav-wrapper .dh-msearch-toggle {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 44px !important; height: 44px !important; min-width: 44px !important;
    padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important;
    color: #fff !important; border-radius: 12px !important; cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important; transition: background-color .15s ease !important;
  }
  #jtl-nav-wrapper .dh-msearch-toggle i { font-size: 18px !important; line-height: 1 !important; color: #fff !important; }
  #jtl-nav-wrapper .dh-msearch-toggle:active,
  body.dh-msearch-open #jtl-nav-wrapper .dh-msearch-toggle { background: rgba(255,255,255,.16) !important; }

  /* ---- Slide-down-Panel: schließt sauber unter dem Header auf ---- */
  #dh-msearch-panel {
    display: block !important;
    overflow: hidden !important;
    max-height: 0 !important; opacity: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #ededf0 !important;
    box-shadow: 0 14px 24px -18px rgba(12,14,20,.5) !important;
    transition: max-height .28s cubic-bezier(.2,.7,.2,1), opacity .2s ease !important;
    width: 100% !important;
  }
  body.dh-msearch-open #dh-msearch-panel { max-height: 88px !important; opacity: 1 !important; }

  #dh-msearch-panel .dh-msearch-form {
    display: flex !important; align-items: center !important; gap: 8px !important;
    height: 46px !important;                          /* minimaler */
    width: 100% !important; max-width: 520px !important; margin: 10px auto !important; /* schmaler + zentriert */
    padding: 0 6px 0 14px !important;
    background: #f4f4f6 !important; border: 1px solid #e6e6ea !important; border-radius: 999px !important;
    transition: border-color .15s ease, background-color .15s ease !important;
  }
  #dh-msearch-panel .dh-msearch-form:focus-within {
    background: #fff !important; border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), .12) !important;
  }
  #dh-msearch-panel .dh-msearch-ico { display: inline-flex !important; align-items: center !important; color: var(--brand-primary) !important; font-size: 15px !important; flex: 0 0 auto !important; }
  /* WICHTIG: twitter-typeahead (Autocomplete-JS des Shops) umschließt den Input in
     <div.twitter-typeahead> -> DIESER Wrapper ist das Flex-Kind. Muss wachsen, sonst
     bleibt das Feld content-breit (175px) und X klebt mittig. */
  #dh-msearch-panel .twitter-typeahead {
    flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important;
    display: flex !important; align-items: center !important; position: relative !important;
  }
  #dh-msearch-panel .dh-msearch-input,
  #dh-msearch-panel .twitter-typeahead .tt-input,
  #dh-msearch-panel .twitter-typeahead .tt-hint {
    flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; height: 46px !important;
    border: 0 !important; outline: none !important; background: transparent !important; box-shadow: none !important;
    font-family: var(--font-body), sans-serif !important; font-size: 16px !important; /* 16px = kein iOS-Zoom */
    color: #20242b !important; padding: 0 !important; margin: 0 !important;
  }
  #dh-msearch-panel .twitter-typeahead .tt-hint { color: #c4c8cf !important; }
  #dh-msearch-panel .dh-msearch-input::placeholder,
  #dh-msearch-panel .tt-input::placeholder { color: #9aa0aa !important; opacity: 1 !important; }
  #dh-msearch-panel .dh-msearch-input::-webkit-search-cancel-button { -webkit-appearance: none !important; }
  /* Autocomplete-Dropdown unter dem Feld */
  #dh-msearch-panel .tt-menu {
    position: absolute !important; left: 0 !important; right: 0 !important; top: calc(100% + 8px) !important;
    background: #fff !important; border: 1px solid #ececef !important; border-radius: 14px !important;
    box-shadow: 0 18px 40px -16px rgba(12,14,20,.4) !important; padding: 6px !important; z-index: 50 !important;
    max-height: 60vh !important; overflow-y: auto !important;
  }
  #dh-msearch-panel .dh-msearch-close {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 40px !important; height: 40px !important; min-width: 40px !important; flex: 0 0 auto !important;
    border: 0 !important; background: transparent !important; color: #8a8f97 !important; cursor: pointer !important;
    border-radius: 50% !important; padding: 0 !important;
  }
  #dh-msearch-panel .dh-msearch-close:active { background: #ececee !important; }
  #dh-msearch-panel .dh-msearch-close i { font-size: 16px !important; }

  /* ---- Burger: Touch-Target auf 44×44px (WCAG AA) ---- */
  /* ID #burger-menu nötig: schlägt die NOVA-ID-Regel (min 24x38) per Spezifität */
  #jtl-nav-wrapper #burger-menu.burger-menu-wrapper.navbar-toggler,
  #jtl-nav-wrapper button#burger-menu.navbar-toggler,
  #jtl-nav-wrapper .burger-menu-wrapper.navbar-toggler {
    min-width: 44px !important; min-height: 44px !important;
    width: 44px !important; height: 44px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    padding: 0 !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════
   HEADER/MENÜ POLISH — feinere Typo + Rhythmus + Frosted-Drawer  [v: polish1]
   refined/luxury-minimal: ausbalancierte Abstände, leichtere Sora-Gewichte.
   ════════════════════════════════════════════════════════════════════════ */

/* ---- DESKTOP: Menü-Streifen vertikal ausbalancieren + Typo feiner ---- */
@media (min-width: 992px) {
  /* Streifen hatte padding 0/8 -> Text 9px oben / 17px unten. Symmetrisch -> 13/13, Höhe bleibt. */
  #jtl-nav-wrapper > .container-fluid.menu-center-center {
    padding-top: 4px !important; padding-bottom: 4px !important;
  }
  /* Menü-Labels in echtem Sora 400 (war 400 deklariert, aber nur 500+ geladen -> faux-schwer) */
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link,
  #jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link:hover,
  #jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link {
    font-weight: 400 !important; letter-spacing: 0 !important;
  }
  /* aktives Item darf eine Spur kräftiger sein (Hierarchie), aber nicht fett */
  #jtl-nav-wrapper .navbar-nav > .nav-item.active > .nav-link { font-weight: 500 !important; }
}

/* ---- MOBILE: ruhig & minimal — kein Frosted, keine Farbflächen ---- */
@media (max-width: 991.98px) {
  /* Drawer: klares solides Weiß, KEIN Blur/Transparenz (Frosted entfernt) */
  #jtl-nav-wrapper #mainNavigation.navbar-collapse,
  #jtl-nav-wrapper #mainNavigation.show,
  #jtl-nav-wrapper #mainNavigation:not(.show) {
    background: #fff !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }

  /* Typo dünner: Top-Level + Subkategorie auf Sora 500 (war 600) */
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link {
    font-weight: 500 !important; letter-spacing: -.1px !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) a.d-block .text-truncate,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) a.d-block .submenu-headline-text,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) a.d-block strong {
    font-weight: 500 !important;
  }
  /* "Menü"-Titel eine Spur leichter (700 -> 600) */
  #jtl-nav-wrapper #mainNavigation .nav-mobile-header .nav-offcanvas-title { font-weight: 600 !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   MOBILE-MENÜ — MINIMAL / RUHIG (final)  [v: minimal1]
   Entfernt: Thumbnails, Farb-Banner, Marken-Tints, Schatten, Transforms.
   Übrig: solides Weiß, Hairlines, dünne Sora 500, leise graue Chevrons.
   ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 991.98px) {

  /* ---- Top-Level: ruhiger neutraler Tap, leiser Chevron (kein Marken-Rot) ---- */
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link:hover,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link:active,
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item.show > .nav-link {
    background: #f7f7f8 !important; color: #1c1f24 !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link.dropdown-toggle::after {
    color: #cfd2d8 !important; font-size: 12px !important;
  }
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item.show > .nav-link.dropdown-toggle::after {
    color: #cfd2d8 !important; transform: rotate(90deg) !important;
  }

  /* ---- Subkategorie: KEINE Thumbnails -> reine, ruhige Textliste ---- */
  /* Kleine, saubere Kategorie-Thumbnails (40px), vertikal zentriert */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block picture {
    display: block !important; flex: 0 0 40px !important; width: 40px !important; height: 40px !important; line-height: 0 !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block img,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block .submenu-headline-image {
    display: block !important; flex: 0 0 40px !important;
    width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important;
    aspect-ratio: 1 !important; object-fit: cover !important; border-radius: 8px !important;
    margin: 0 !important; background: #f4f4f5 !important; border: 1px solid #ededf0 !important;
    box-shadow: none !important; transform: none !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block {
    min-height: 60px !important; padding: 8px 20px !important; gap: 14px !important;
    align-items: center !important;
    background: #fff !important; box-shadow: none !important; transform: none !important;
  }
  /* Hairline am Label ausgerichtet (20 Pad + 40 Thumb + 14 Gap = 74px) */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block::before {
    left: 74px !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block:hover,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block:active {
    background: #f7f7f8 !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) > a.d-block::after {
    color: #cfd2d8 !important; font-size: 12px !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) a.d-block .text-truncate,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) a.d-block .submenu-headline-text,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:not(.d-lg-none) a.d-block strong {
    color: #1c1f24 !important; font-size: 15px !important; font-weight: 500 !important;
  }

  /* ---- "Alle anzeigen": leiser Text-Link statt Farb-Banner ---- */
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block,
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m:first-child.d-lg-none > a.d-block {
    background: #fff !important; border-bottom: 1px solid #f0f0f1 !important;
    min-height: 46px !important; padding: 0 20px !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block .nav-mobile-heading {
    color: #8a8f97 !important; font-size: 11px !important; font-weight: 600 !important;
    letter-spacing: .08em !important; text-transform: uppercase !important;
  }
  #jtl-nav-wrapper #mainNavigation .subcategory-wrapper .nav-item-lg-m.d-lg-none > a.d-block::after {
    color: #cfd2d8 !important; font-size: 13px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════
   PRODUKTKARTE / RASTER — MINIMAL & CLEAN (P1)  [v: plp1]
   Ruhiger: 1 Farb-Akzent (Preis), 2-Zeilen-Titel, neutrales Bild-BG,
   weicher neutraler Hover. Passend zur Header-/Menü-Designsprache.
   ════════════════════════════════════════════════════════════════════════ */

/* Rhythmus etwas ruhiger */
:is(#product-list, .opc-ProductStream).layout-gallery { row-gap: 28px !important; }
:is(#product-list, .opc-ProductStream) .product-wrapper { margin-bottom: 30px !important; }

/* Bild: neutrales Hellgrau, weiche Rundung, hauchdünner neutraler Rahmen (kein kühles Blau) */
:is(#product-list, .opc-ProductStream) .productbox-images {
  background: #f6f7f8 !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px rgba(17, 24, 39, .05) !important;
}
/* Hover: ruhiger neutraler Lift statt rotem Rahmen */
@media (hover: hover) and (pointer: fine) {
  :is(#product-list, .opc-ProductStream) .productbox.productbox-hover:hover .productbox-images {
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, .06), 0 12px 28px -14px rgba(17, 24, 39, .18) !important;
    transform: translateY(-2px) !important;
  }
}

/* Titel: 3 Zeilen (mehr Info), aber ruhiger (600) */
:is(#product-list, .opc-ProductStream) .productbox-title { min-height: 56px !important; margin-top: 10px !important; }
:is(#product-list, .opc-ProductStream) .productbox-title .text-clamp-2 {
  -webkit-line-clamp: 3 !important;
  font-weight: 600 !important; font-size: 14.5px !important; line-height: 1.3 !important;
  color: #20242b !important;
}

/* "+X Variationen": muted Neutralgrau statt Marken-Rot (Preis bleibt der Akzent) */
:is(#product-list, .opc-ProductStream) .productlist-variation-rating { color: #8a8f97 !important; }
:is(#product-list, .opc-ProductStream) .rt-productlist-variation span {
  color: #8a8f97 !important; font-weight: 500 !important;
}

/* Preis: DER eine Akzent — klar, eine Spur leichter */
:is(#product-list, .opc-ProductStream) .price.productbox-price,
:is(#product-list, .opc-ProductStream) .productbox-price.price {
  color: var(--brand-primary) !important; font-size: 19px !important; font-weight: 700 !important;
}

/* Ribbon dezenter */
:is(#product-list, .opc-ProductStream) .productbox-ribbon.ribbon {
  background: rgba(17, 24, 39, .88) !important; font-weight: 700 !important; letter-spacing: .04em !important;
}
/* "Auf Lager"-Badge (ribbon-8) ausblenden — doppelt zum grünen Lieferstatus.
   Aktions-/Status-Badges bleiben: Sonderangebot/Neu/Top/Bestseller, "Ausverkauft" (ribbon-7). */
:is(#product-list, .opc-ProductStream) .productbox-ribbon.ribbon-8 { display: none !important; }

/* Lieferstatus eine Spur ruhiger (bleibt grün = Trust) */
:is(#product-list, .opc-ProductStream) .rt-productlist-delivery { font-weight: 600 !important; }

@media (max-width: 991.98px) {
  :is(#product-list, .opc-ProductStream).layout-gallery { row-gap: 22px !important; }
  :is(#product-list, .opc-ProductStream) .product-wrapper { margin-bottom: 22px !important; }
  :is(#product-list, .opc-ProductStream) .productbox-title { min-height: 52px !important; margin-top: 8px !important; }
  :is(#product-list, .opc-ProductStream) .productbox-title .text-clamp-2 {
    -webkit-line-clamp: 3 !important; font-size: 13.5px !important; font-weight: 600 !important;
  }
  :is(#product-list, .opc-ProductStream) .price.productbox-price,
  :is(#product-list, .opc-ProductStream) .productbox-price.price { font-size: 16px !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   PRODUKTLISTE — TOOLBAR ENTSCHLACKT (Phase 2)  [v: plp2]
   Listen-/Galerie-Toggle weg (auch serverseitig via Template), "Artikel pro
   Seite" raus -> Toolbar = Filter + Sortierung + Trefferzahl.
   ════════════════════════════════════════════════════════════════════════ */

/* Listen-/Galerie-Umschalter ausblenden (Template leert ihn serverseitig;
   CSS greift zusaetzlich sofort & fuer evtl. gecachte Seiten) */
.productlist-page-nav #ed_list,
.productlist-page-nav #ed_gallery,
.productlist-page-nav .btn-option.ed { display: none !important; }
.productlist-page-nav .btn-group:has(> .btn-option.ed) { display: none !important; }

/* "Artikel pro Seite" entfernen (low-value; Pagination genügt) */
.productlist-page-nav .filter-type-FilterItemLimits { display: none !important; }

/* ════════════════════════════════════════════════════════════════════════
   PRODUKTLISTE — SUBKATEGORIE-EINSTIEGE (Phase 3)  [v: plp3]
   Konsistente Bild-Frames, moderne minimal-Karte, Mobile als 2-spaltiges
   Kachel-Raster (statt nackter Textlinks). CSS-only, update-safe.
   ════════════════════════════════════════════════════════════════════════ */

.content-cats-small { margin: 4px 0 10px !important; }
.content-cats-small > [class*="col"] { margin-bottom: 24px !important; }
.content-cats-small .sub-categories { height: 100%; }
.content-cats-small .sub-categories > a { display: block !important; text-decoration: none !important; }

/* Bild: einheitliches 4:3, cover, neutraler heller BG, weiche Rundung.
   display:block !important blendet das Bild auch auf Mobile ein (ueberschreibt d-none) */
.content-cats-small .subcategories-image {
  display: block !important;
  width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important;
  overflow: hidden !important; border-radius: 14px !important; margin: 0 !important;
  background: #f6f7f8 !important; border: 1px solid #ececef !important;
}
.content-cats-small .subcategories-image picture { display: block !important; width: 100% !important; height: 100% !important; }
.content-cats-small .subcategories-image img {
  width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
  transition: transform .4s cubic-bezier(.2,.7,.2,1) !important;
}

/* Label: zentriert, ruhiges Sora 500 */
.content-cats-small .caption { margin-top: 10px !important; text-align: center !important; }
.content-cats-small .caption a {
  font-family: var(--font-display), sans-serif !important;
  font-size: 14.5px !important; font-weight: 500 !important; letter-spacing: -.1px !important;
  color: #20242b !important; text-decoration: none !important;
}

/* Hover (Desktop): sanfter Lift + minimaler Zoom + brand-roter Labeltext */
@media (hover: hover) and (pointer: fine) {
  .content-cats-small .sub-categories > a:hover .subcategories-image {
    border-color: #e2e2e6 !important; box-shadow: 0 14px 30px -16px rgba(17, 24, 39, .2) !important;
  }
  .content-cats-small .sub-categories > a:hover .subcategories-image img { transform: scale(1.05) !important; }
  .content-cats-small .sub-categories > a:hover .caption a { color: var(--brand-primary) !important; }
}

/* Mobile: 2-spaltiges Kachel-Raster (statt full-width Textlinks) */
@media (max-width: 767.98px) {
  .content-cats-small { margin-right: -7px !important; margin-left: -7px !important; }
  .content-cats-small > [class*="col"] {
    flex: 0 0 50% !important; max-width: 50% !important;
    padding-right: 7px !important; padding-left: 7px !important; margin-bottom: 16px !important;
  }
  .content-cats-small .subcategories-image { border-radius: 12px !important; }
  .content-cats-small .caption { margin-top: 8px !important; }
  .content-cats-small .caption a { font-size: 13px !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   PRODUKTLISTE — KATEGORIE-SIDEBAR MODERN (Phase 4)  [v: plp4]
   Linke Kategorie-Navigation: roter 6px-Balken raus, aktiver Eintrag als
   brand-getöntes Pill, ruhige Sora-Zeilen, dezente Chevrons, saubere
   Subkategorien. CSS-only, scoped auf .box-categories (Desktop/Tablet).
   ════════════════════════════════════════════════════════════════════════ */
@media (min-width: 768px) {

  /* Container ruhig */
  .sidepanel-left .box-categories {
    border: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 0 26px !important;
  }
  .box-categories hr { display: none !important; }

  /* Headline "Kategorien" */
  .box-categories .productlist-filter-headline {
    font-family: var(--font-display), sans-serif !important;
    font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important;
    letter-spacing: .08em !important; color: #8a8f97 !important;
    padding: 0 12px 10px !important; margin: 0 !important; border: 0 !important;
  }

  /* Listen-Reset */
  .box-categories .nav-panel ul.nav.flex-column { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  .box-categories .nav-item { border: 0 !important; margin: 0 !important; background: transparent !important; }

  /* Top-Level-Zeile (span.dropdown-toggle ODER a.nav-link) */
  .box-categories .nav-panel > ul.nav.flex-column > li.nav-item > .nav-link {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    gap: 8px !important; padding: 9px 12px !important; margin: 1px 0 !important;
    border: 0 !important; border-bottom: 0 !important; border-radius: 10px !important;
    font-family: var(--font-display), sans-serif !important; font-size: 14.5px !important; font-weight: 500 !important;
    color: #1c1f24 !important; text-decoration: none !important; cursor: pointer !important;
    transition: background-color .15s ease, color .15s ease !important;
  }
  /* <a> NUR Textbreite (nicht die Zeile füllen) -> große Toggle-Fläche rechts daneben.
     Sonst landet jeder Klick auf dem Link (Navigation) und der Collapse lässt sich kaum zuklappen. */
  .box-categories .nav-link.dropdown-toggle > a {
    flex: 0 1 auto !important; min-width: 0 !important; color: inherit !important; text-decoration: none !important; font: inherit !important;
  }
  .box-categories .nav-panel > ul.nav.flex-column > li.nav-item > .nav-link:hover { background: #f7f7f8 !important; color: var(--brand-primary) !important; }
  .box-categories .nav-link.dropdown-toggle:hover > a { color: var(--brand-primary) !important; }

  /* Aktiver Top-Level: brand-getöntes Pill statt 6px-Balken */
  .box-categories .nav-item.active > .nav-link {
    background: var(--brand-tint-soft, #fbf1f1) !important; color: var(--brand-primary) !important;
    font-weight: 600 !important; border-bottom: 0 !important;
  }
  .box-categories .nav-item.active > .nav-link > a { color: var(--brand-primary) !important; }

  /* Chevron rechts: größere, klar treffbare Toggle-Klickzone (padding vergrößert die Hit-Box) */
  .box-categories .nav-link.dropdown-toggle::after {
    content: '\f078' !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important;
    font-size: 11px !important; color: #9aa0aa !important; border: 0 !important; margin: 0 0 0 8px !important;
    padding: 6px 4px 6px 18px !important; flex: 0 0 auto !important;
    transition: transform .2s ease, color .2s ease !important;
  }
  /* der gesamte Bereich rechts vom Text togglet (span = data-toggle=collapse); Cursor signalisiert es */
  .box-categories .nav-link.dropdown-toggle { cursor: pointer !important; }
  /* WICHTIG: globale Regel (Z.963) blendet Icon beim Öffnen aus -> hier sichtbar halten + drehen */
  .box-categories .nav-link.dropdown-toggle[aria-expanded="true"]::after {
    display: block !important; transform: rotate(180deg) !important; color: var(--brand-primary) !important;
  }

  /* Subkategorien: eingerückt, leicht, sauber (keine Trennlinien) */
  .box-categories .snippets-categories-collapse { background: transparent !important; }
  .box-categories .collapse .nav.flex-column { padding: 2px 0 8px !important; }
  .box-categories .snippets-categories-nav-link-child {
    display: block !important; padding: 7px 12px 7px 22px !important; margin: 0 !important;
    border: 0 !important; border-radius: 8px !important;
    font-family: var(--font-body), sans-serif !important; font-size: 13.5px !important; font-weight: 400 !important;
    color: #6b7280 !important; text-decoration: none !important;
    transition: background-color .15s ease, color .15s ease !important;
  }
  .box-categories .snippets-categories-nav-link-child:hover { background: #f7f7f8 !important; color: var(--brand-primary) !important; }
  .box-categories .nav-item.active > .snippets-categories-nav-link-child,
  .box-categories .snippets-categories-nav-link-child.active { color: var(--brand-primary) !important; font-weight: 500 !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   PLP FIX — Toggle-Icons beim Öffnen sichtbar halten  [v: plp4c]
   Globale Regel (Z.963) blendet ::after-Icons bei aria-expanded=true aus.
   Das ließ den Sort-Caret verschwinden -> Button schrumpfte/zuckte.
   ════════════════════════════════════════════════════════════════════════ */
.productlist-page-nav .filter-type-FilterItemSort .dropdown-toggle[aria-expanded="true"]::after,
.productlist-page-nav .filter-type-FilterItemSort.show .dropdown-toggle::after {
  display: inline-block !important;            /* Caret bleibt -> Button-Breite stabil, kein Zucken */
  transform: rotate(180deg) !important;         /* dreht beim Öffnen */
}

/* ════════════════════════════════════════════════════════════════════════
   LIEFERZEIT — "In X bei dir zuhause" (server + JS identisch, stabil)  [v: deliv3]
   ════════════════════════════════════════════════════════════════════════ */
.dh-pdp-inline-logistics__item--delivery { color: #2f7d61 !important; }
.dh-pdp-inline-logistics__delivery-text { color: #1f6b4f !important; font-weight: 600 !important; }

/* ════════════════════════════════════════════════════════════════════════
   PREIS-WRAPPER 2-ZEILEN + SOCIAL-PROOF STATISCH  [v: price1]
   Baymard: absoluten (€) + relativen (%) Rabatt zusammen zeigen, Strichpreis,
   größerer/fetterer Verkaufspreis, alles nah am Preis.
   Zeile 1: UVP (rot, größer) + Spar-Pill "Du sparst X % (Y €)"
   Zeile 2: Preis (dominant) + inkl. MwSt. + Kostenloser Versand
   ════════════════════════════════════════════════════════════════════════ */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-line--2row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;   /* linksbündig */
    flex-wrap: nowrap !important;
    gap: 10px !important;
    text-align: left !important;
}
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-row {
    display: flex !important;
    align-items: center !important;       /* kleine Texte vertikal auf Preis-Mitte */
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* DOM-Reihenfolge gewinnt — alte order:1–5 in jeder Zeile neutralisieren */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-row > * {
    order: 0 !important;
}

/* — Zeile 1: UVP rot + etwas größer — */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-row--top .dh-pdp-old-price {
    color: var(--dh-pdp-red) !important;
    font-size: clamp(19px, 1.35vw, 25px) !important;
    font-weight: 760 !important;
    line-height: 1 !important;
}
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-row--top .dh-pdp-old-price s {
    color: inherit !important;
    text-decoration-color: currentColor !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 0 !important;
}
/* Spar-Pill (% + €) — bleibt rote Pille, vertikal an größerer UVP ausgerichtet */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-row--top .dh-pdp-save-pill {
    min-height: 26px !important;
    background: var(--dh-pdp-red) !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}

/* — Zeile 2: Preis dominant + MwSt. + Versand — */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-row--bottom .dh-pdp-current-price {
    color: var(--dh-pdp-ink) !important;
    font-size: clamp(26px, 2.1vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
}
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-row--bottom .dh-pdp-taxline {
    color: #6b7280 !important;
    font-size: clamp(13px, .95vw, 15px) !important;
    font-weight: 600 !important;
}

/* — Social-Proof: statisch (nicht klickbar, kein Hover, kein Pfeil) — */
body #product-offer .dh-social-proof--static {
    cursor: default !important;
    pointer-events: none !important;
    transition: none !important;
}
body #product-offer .dh-social-proof--static:hover {
    border-color: #e8edf2 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ── SKU klein & dezent über dem Titel (minimaler Platz) ────────────────── */
body #product-offer .dh-pdp-buybox__head .dh-pdp-buybox__sku {
    margin: 0 0 2px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
    color: #98a2b3 !important;
}
/* Mobil: Head ist display:contents + CSS-order -> SKU mit order:1 (wie Rating)
   landet via DOM-Reihenfolge direkt über dem Titel (rating, SKU, Titel). */
@media (max-width: 767.98px) {
    body #product-offer .dh-pdp-buybox__sku {
        order: 1 !important;
        margin: 6px 0 2px !important;
    }
}

/* ── Verfügbarkeit + Lieferzeit unter dem Preis (2 Zeilen) ── */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-logistics {
    margin: 12px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #eef1f5 !important;
}
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-logistics .dh-pdp-inline-logistics {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Zeile 1: Auf Lager / Abholung (lokaler Trust) */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-logistics .dh-pdp-inline-logistics__item--stock {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #344054 !important;
}
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-logistics .dh-pdp-inline-logistics__item--stock > span:last-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: normal !important;
}
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-logistics .dh-pdp-stockdot {
    flex: 0 0 auto !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: 4px !important;
    border-radius: 50% !important;
    background: #2f9b46 !important;
    box-shadow: 0 0 0 3px rgba(47, 155, 70, .15) !important;
}
/* Zeile 2: Lieferzeit dunkel (kein Grün), Zeitfenster fett, bricht sauber um */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-logistics .dh-pdp-inline-logistics__item--delivery {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #344054 !important;
}
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-logistics .dh-pdp-inline-logistics__item--delivery i {
    flex: 0 0 auto !important;
    margin-top: 3px !important;
    color: #98a2b3 !important;
    font-size: 15px !important;
}
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-logistics .dh-pdp-inline-logistics__delivery-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: normal !important;
    color: #344054 !important;
    font-weight: 500 !important;
}
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-price-logistics .dh-pdp-delivery-time {
    font-weight: 760 !important;
    color: #0f1729 !important;
}

/* ── Social-Proof schlanker (nimmt weniger Platz) ── */
body #product-offer .dh-social-proof--static {
    margin: 10px 0 0 !important;
    padding: 7px 12px !important;
    gap: 10px !important;
    border-radius: 10px !important;
}
body #product-offer .dh-social-proof--static .dh-social-proof__avatar {
    width: 30px !important;
    height: 30px !important;
}
body #product-offer .dh-social-proof--static .dh-social-proof__avatar:not(:first-child) {
    margin-left: -11px !important;
}
body #product-offer .dh-social-proof--static .dh-social-proof__text {
    font-size: 12.6px !important;
    line-height: 1.3 !important;
}

/* ── Trust-USPs: 3 Punkte mit eigenen Icons in dezenten Badges (modern, ruhig) ── */
body #product-offer .rothler-trust-row {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px 26px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body #product-offer .rothler-trust-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    white-space: nowrap !important;
}
body #product-offer .rothler-trust-badge {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: #f4f6f8 !important;
    color: var(--brand-primary) !important;
}
body #product-offer .rothler-trust-badge svg {
    width: 17px !important;
    height: 17px !important;
}
body #product-offer .rothler-trust-label {
    font-size: 13px !important;
    font-weight: 650 !important;
    color: #1f2937 !important;
    letter-spacing: -0.1px !important;
}
@media (max-width: 575.98px) {
    body #product-offer .rothler-trust-row { gap: 11px 18px !important; }
    body #product-offer .rothler-trust-badge { width: 27px !important; height: 27px !important; }
    body #product-offer .rothler-trust-badge svg { width: 15px !important; height: 15px !important; }
    body #product-offer .rothler-trust-label { font-size: 12.5px !important; }
}

/* ── "ab" vor dem Preis (Vaterartikel mit Preisspanne) ── */
body #product-offer .dh-pdp-buybox__price-under-title .dh-pdp-current-price .dh-pdp-price-from {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    letter-spacing: 0 !important;
    margin-right: 1px !important;
}

/* ════════════════════════════════════════════════════════════════════════
   QTY-STEPPER — sauberer Rebuild (autoritativ am Dateiende, gewinnt über alle
   früheren widersprüchlichen Regeln).
   Prinzip gegen Clipping UND unsaubere Ecken:
     overflow:hidden (runde Ecken intakt) + Box-Breite == Summe der Spalten
     (48 + 1fr-Mitte + 48), sodass NICHTS überläuft -> kein Abschneiden.
   Buttons füllen ihre Zelle, Icon zentriert -> Platz ums "+" und "−".  [v: pdp9]
   ════════════════════════════════════════════════════════════════════════ */
body #product-offer #add-to-cart .basket-form-inline,
body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .basket-form-inline {
    grid-template-columns: 144px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
}
body #product-offer #quantity-grp.choose_quantity,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp.choose_quantity {
    display: grid !important;
    /* Mitte minmax(0,1fr) absorbiert die Restbreite (Box minus 1px Rand je Seite)
       -> Spalten überlaufen NIE die Box -> kein Clipping, runde Ecken sauber. */
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
    overflow: hidden !important;                 /* saubere runde Ecken */
    border: 1px solid #dfe4ec !important;
    border-radius: 10px !important;
    background: #fff !important;
}
/* Buttons: füllen die Zelle, Icon mittig -> rundum Platz; sauberes Weiß */
body #product-offer #quantity-grp .btn,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .btn {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    color: #1f2937 !important;
    border: 0 !important;
}
body #product-offer #quantity-grp .btn:hover,
body #product-offer #quantity-grp .btn:focus,
body #product-offer #quantity-grp .btn:active,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .btn:hover,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .btn:focus,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .btn:active {
    background: #f5f6f8 !important;               /* dezent grau statt rosa Rest */
    color: var(--dh-pdp-red, #930a08) !important;
    box-shadow: none !important;
    outline: none !important;
}
body #product-offer #quantity-grp input.quantity,
body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp input.quantity {
    width: 100% !important;
    min-width: 0 !important;
    background: #fff !important;
    border: 0 !important;
    text-align: center !important;
}

/* Mobil: Qty + ATC gestapelt, beide VOLLE BREITE; Qty etwas schmaler (niedriger).
   display:block killt jedes konkurrierende Grid -> Spalten stapeln voll breit. */
@media (max-width: 767.98px) {
    body #product-offer #add-to-cart .basket-form-inline,
    body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .basket-form-inline {
        display: block !important;
        grid-template-columns: none !important;
        gap: 0 !important;
    }
    body #product-offer #add-to-cart .basket-form-inline > [class*="col"],
    body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .basket-form-inline > [class*="col"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
    }
    /* überschreibt die spezifische 31%-Regel (Z.7637) -> Spalten voll breit */
    body[data-page="1"] #product-offer #add-to-cart > .row > [class*="col"]:first-child,
    body[data-page="1"] #product-offer #add-to-cart > .row > [class*="col"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body #product-offer #add-to-cart .basket-form-inline > [class*="col"]:last-child,
    body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .basket-form-inline > [class*="col"]:last-child {
        margin-bottom: 0 !important;
    }
    body #product-offer #quantity-grp.choose_quantity,
    body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp.choose_quantity {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 50px !important;
        min-height: 50px !important;
        grid-template-columns: 56px minmax(0, 1fr) 56px !important;
    }
    body #product-offer #quantity-grp .btn,
    body #product-offer #quantity-grp input.quantity,
    body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp .btn,
    body #product-offer .dh-pdp-buybox__section--purchase #quantity-grp input.quantity {
        height: 50px !important;
        min-height: 50px !important;
    }
    body #product-offer #add-to-cart .btn-primary,
    body #product-offer .dh-pdp-buybox__section--purchase #add-to-cart .btn-primary {
        width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
    }
}

/* ════════════════════════════════════════════════════════════════════════
   KURZBESCHREIBUNG als Cards (.dh-kb) — Wawi liefert: ul > li > strong + span
   Minimales Icon kommt aus CSS (kein <img> noetig). MOBILE-FIRST + kompakt.
   Basis = Mobile (1 Spalte, eng); ab 768px -> 2 Spalten.  [v: pdp17]
   ════════════════════════════════════════════════════════════════════════ */
body #product-offer .dh-kb {
    margin: 8px 0 10px !important;
    /* NOVA base.scss: `main section{padding:2rem 0}` / @992px `4rem 0` greift auf
       diese <section> -> 32-64px Leerraum oben/unten. Hier kompakt ueberschreiben. */
    padding: 0 !important;
}
body #product-offer .dh-kb ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
}
body #product-offer .dh-kb li {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    column-gap: 9px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 8px 11px !important;
    border: 1px solid #eef1f5 !important;
    border-radius: 9px !important;
    background: #fff !important;
    list-style: none !important;
}
body #product-offer .dh-kb li::before {
    content: "" !important;
    grid-row: 1 / 3 !important;
    width: 15px !important;
    height: 15px !important;
    margin-top: 1px !important;
    background-color: var(--brand-primary) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
}
body #product-offer .dh-kb li strong {
    grid-column: 2 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #1f2937 !important;
}
body #product-offer .dh-kb li span {
    grid-column: 2 !important;
    margin-top: 1px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: #667085 !important;
}
/* ab Tablet/Desktop: 2 Spalten, etwas mehr Luft */
@media (min-width: 768px) {
    body #product-offer .dh-kb {
        margin: 10px 0 12px !important;
        padding: 0 !important;
    }
    body #product-offer .dh-kb ul {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
    body #product-offer .dh-kb li {
        padding: 9px 12px !important;
    }
    body #product-offer .dh-kb li strong { font-size: 14px !important; }
    body #product-offer .dh-kb li span { font-size: 12.5px !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   PDP-INFOBEREICH unter der Buybox — saubere Sektionen (.dh-pdp-info).
   Sticky-Sprungnav + Sektionen (Heizleistung, Technische Daten, FAQ).  [v: pdp18]
   Mobile-first.
   ════════════════════════════════════════════════════════════════════════ */
body #product-offer .dh-pdp-info,
body .dh-pdp-info {
    /* an dieselbe zentrierte Container-Achse wie die Buybox (#product-offer) binden:
       border-box max-width 1480 + padding 24 => linke Kante deckt sich bei jeder Breite
       (gemessen: 1280px l=24, 1680px l=124). Vorher full-bleed -> "Text ohne Struktur". */
    /* zentrierte, lesbare Inhaltsbreite (nicht so breit wie die Buybox -> kein
       "halbierter" Fließtext mit leerer rechter Hälfte). */
    max-width: 1120px !important;
    margin: 8px auto 30px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}
@media (min-width: 992px) {
    body #product-offer .dh-pdp-info,
    body .dh-pdp-info { padding: 0 24px !important; }
}
/* STICKY-FIX: NOVA setzt overflow-x:hidden auf body/#content-wrapper (Off-Canvas) ->
   das macht sie zu Scroll-Containern und bricht position:sticky der Subnav. overflow-x:clip
   clippt horizontal OHNE Scroll-Container -> sticky funktioniert wieder. PDP-scoped. */
body[data-page="1"],
body[data-page="1"] #content-wrapper { overflow-x: clip !important; }
/* Sticky-Sprungnav — Wrapper dockt unter dem fixen Header an (Header ~64px mobil / ~110px desktop).
   Wrapper scrollt NICHT (für fixen Pfeil-Hinweis); der innere __scroll scrollt horizontal. */
body .dh-pdp-info .dh-pdp-subnav {
    position: sticky !important;
    /* top = echte Header-Hoehe (gemessen: 99px mobil / 148px desktop). Vorher 60/108
       -> Subnav klebte HINTER dem Header. Minus 1px, damit kein Spalt entsteht. */
    top: 98px !important;
    z-index: 6 !important;
    margin: 0 0 22px !important;
    padding: 9px 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #eef1f5 !important;
}
body .dh-pdp-info .dh-pdp-subnav__scroll {
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
    scroll-padding-left: 2px !important;
}
body .dh-pdp-info .dh-pdp-subnav__scroll::-webkit-scrollbar { display: none !important; }
body .dh-pdp-info .dh-pdp-subnav a { scroll-snap-align: start !important; }
/* Mobil: deutlicher Scroll-Hinweis (Fade + animierter Chevron) am rechten Rand —
   signalisiert klar "horizontal wischbar". Fade breiter + dezenter Wisch-Nudge. */
@media (max-width: 768px) {
    body .dh-pdp-info .dh-pdp-subnav { position: sticky !important; }
    body .dh-pdp-info .dh-pdp-subnav::after {
        content: "\203A" !important;
        position: absolute !important;
        right: 0 !important;
        top: 9px !important;
        bottom: 10px !important;
        width: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding-right: 8px !important;
        background: linear-gradient(to right, rgba(255,255,255,0), #fff 62%) !important;
        color: var(--brand-primary) !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        pointer-events: none !important;
        animation: dhSubnavNudge 1.9s ease-in-out infinite !important;
    }
}
@keyframes dhSubnavNudge {
    0%, 60%, 100% { transform: translateX(0); }
    78% { transform: translateX(4px); }
}
@media (prefers-reduced-motion: reduce) {
    body .dh-pdp-info .dh-pdp-subnav::after { animation: none !important; }
}
body .dh-pdp-info .dh-pdp-subnav a {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 7px 15px !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #475467 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background .15s ease, color .15s ease !important;
}
body .dh-pdp-info .dh-pdp-subnav a:hover {
    background: #f5f6f8 !important;
    color: var(--brand-primary) !important;
}
/* Aktiver Abschnitt (per Scrollspy-JS gesetzt) — klare Orientierung */
body .dh-pdp-info .dh-pdp-subnav a.is-active {
    background: rgba(var(--brand-primary-rgb), 0.08) !important;
    color: var(--brand-primary) !important;
}
body .dh-pdp-info .dh-pdp-subnav a:focus-visible {
    outline: 2px solid var(--brand-primary) !important;
    outline-offset: 1px !important;
}
/* Sektion — Trennung über feine Haarlinien + gleichmäßiger Rhythmus (keine Karten) */
body .dh-pdp-info .dh-pdp-section {
    margin: 0 !important;
    padding: 34px 0 !important;
    border-top: 1px solid #ececec !important;
    /* = Header(99) + Subnav-Hoehe(~55) + Luft -> Sprungziel landet unter der Subnav */
    scroll-margin-top: 156px !important;
}
/* erste Sektion direkt nach der Sprungnav: keine Doppellinie */
body .dh-pdp-info .dh-pdp-subnav + .dh-pdp-section {
    border-top: 0 !important;
    padding-top: 6px !important;
}
@media (min-width: 992px) {
    body .dh-pdp-info .dh-pdp-section { padding: 44px 0 !important; scroll-margin-top: 206px !important; }
    /* Desktop-Header gemessen 148px hoch -> Subnav direkt darunter (vorher 108 = versteckt) */
    body .dh-pdp-info .dh-pdp-subnav { top: 147px !important; }
}
body .dh-pdp-info .dh-pdp-section__title {
    margin: 0 0 14px !important;
    font-family: var(--font-display, "Sora"), sans-serif !important;
    font-size: clamp(18px, 1.6vw, 22px) !important;
    font-weight: 700 !important;
    color: #101828 !important;
    line-height: 1.2 !important;
}
/* Technische Daten — Spec-Liste */
body .dh-pdp-info .dh-pdp-specs {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
}
body .dh-pdp-info .dh-pdp-specs > div {
    display: grid !important;
    grid-template-columns: minmax(120px, 42%) 1fr !important;
    gap: 14px !important;
    align-items: baseline !important;
    padding: 11px 2px !important;
    border-bottom: 1px solid #eef1f5 !important;
}
body .dh-pdp-info .dh-pdp-specs dt {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
body .dh-pdp-info .dh-pdp-specs dd {
    margin: 0 !important;
    color: #1f2937 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
/* Watt-Rechner (Heizleistung -> Raumgröße) */
body .dh-pdp-info .dh-pdp-watt {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 15px 17px !important;
    border: 1px solid #eef1f5 !important;
    border-radius: 14px !important;
    background: #fff !important;
}
body .dh-pdp-info .dh-pdp-watt__icon {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #fdf1f0 !important;
    color: var(--brand-primary) !important;
}
body .dh-pdp-info .dh-pdp-watt__icon svg { width: 23px !important; height: 23px !important; }
body .dh-pdp-info .dh-pdp-watt__body { min-width: 0 !important; }
body .dh-pdp-info .dh-pdp-watt__big {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #101828 !important;
    line-height: 1.2 !important;
}
body .dh-pdp-info .dh-pdp-watt__sub {
    margin-top: 3px !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    color: #667085 !important;
}
body .dh-pdp-info .dh-pdp-watt--hint .dh-pdp-watt__icon { background: #f4f6f8 !important; color: #667085 !important; }
body .dh-pdp-info .dh-pdp-watt--hint .dh-pdp-watt__big { font-size: 16px !important; color: #344054 !important; }
body .dh-pdp-info .dh-pdp-watt__note {
    margin: 10px 2px 0 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    color: #667085 !important;
}
/* FAQ-Accordion */
body .dh-pdp-info .dh-pdp-faq__item {
    border-bottom: 1px solid #eef1f5 !important;
}
body .dh-pdp-info .dh-pdp-faq__item summary {
    list-style: none !important;
    cursor: pointer !important;
    padding: 14px 30px 14px 2px !important;
    position: relative !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
}
body .dh-pdp-info .dh-pdp-faq__item summary::-webkit-details-marker { display: none !important; }
body .dh-pdp-info .dh-pdp-faq__item summary::after {
    content: "+" !important;
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: var(--brand-primary) !important;
}
body .dh-pdp-info .dh-pdp-faq__item[open] summary::after { content: "–" !important; }
body .dh-pdp-info .dh-pdp-faq__answer {
    padding: 0 2px 16px !important;
}
body .dh-pdp-info .dh-pdp-faq__answer p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #475467 !important;
}
/* Desktop: Spec-Liste 2-spaltig */
@media (min-width: 768px) {
    body .dh-pdp-info .dh-pdp-specs {
        grid-template-columns: 1fr 1fr !important;
        column-gap: 44px !important;
    }
}

/* ── Produktbeschreibung (Wawi-cBeschreibung, entmüllt + typografisch sauber) [pdp22] ──
   Fließtext auf ~68ch Lesebreite gekappt; nur Whitelist-Tags h2/h3/p/strong/em/ul/li/a. */
body .dh-pdp-info .dh-pdp-desc { max-width: 68ch !important; }
body .dh-pdp-info .dh-pdp-desc > *:first-child { margin-top: 0 !important; }
body .dh-pdp-info .dh-pdp-desc h2,
body .dh-pdp-info .dh-pdp-desc h3 {
    font-family: var(--font-display, "Sora"), sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    line-height: 1.35 !important;
    margin: 26px 0 7px !important;
}
body .dh-pdp-info .dh-pdp-desc h3 { font-size: 14.5px !important; }
/* h2/h3 wrappen teils zusätzlich <strong> -> kein Doppel-Fett */
body .dh-pdp-info .dh-pdp-desc h2 strong,
body .dh-pdp-info .dh-pdp-desc h3 strong { font-weight: inherit !important; }
body .dh-pdp-info .dh-pdp-desc p {
    margin: 0 0 12px !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #475467 !important;
}
body .dh-pdp-info .dh-pdp-desc strong { color: #1f2937 !important; font-weight: 700 !important; }
body .dh-pdp-info .dh-pdp-desc a {
    color: var(--brand-primary) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    font-weight: 600 !important;
}
body .dh-pdp-info .dh-pdp-desc ul,
body .dh-pdp-info .dh-pdp-desc ol {
    margin: 0 0 14px !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    gap: 8px !important;
}
body .dh-pdp-info .dh-pdp-desc li {
    position: relative !important;
    padding-left: 24px !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    color: #475467 !important;
}
body .dh-pdp-info .dh-pdp-desc li::before {
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    top: 8px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: var(--brand-primary) !important;
}

/* ── Beschreibung 2-spaltig: Fließtext links + sticky Faktenkarte rechts [pdp23] ──
   Behebt den "halbierten" Eindruck: füllt die rechte Hälfte mit echtem Nutzen. */
body .dh-pdp-info .dh-pdp-beschreibung-grid { display: flex !important; flex-direction: column !important; }
body .dh-pdp-info .dh-pdp-beschreibung-grid .dh-pdp-desc { max-width: none !important; }
/* Mobil: Faktenkarte als TL;DR nach oben */
@media (max-width: 899px) {
    body .dh-pdp-info .dh-pdp-glance { order: -1 !important; margin: 0 0 20px !important; }
}
@media (min-width: 900px) {
    body .dh-pdp-info .dh-pdp-beschreibung-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 320px !important;
        column-gap: 48px !important;
        align-items: start !important;
    }
    body .dh-pdp-info .dh-pdp-beschreibung-grid .dh-pdp-glance {
        position: sticky !important;
        top: 210px !important;
    }
}
/* "Auf einen Blick"-Faktenkarte — die wichtigsten Kaufkriterien kompakt & scanbar.
   Aufgewertet: Akzent-Titel mit Bullet, klarere Zeilen, ruhige Karte (Restraint). */
body .dh-pdp-info .dh-pdp-glance {
    margin: 22px 0 0 !important;
    padding: 16px 18px 6px !important;
    border: 1px solid #e7eaee !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(16,24,40,.02) !important;
}
@media (min-width: 900px) {
    body .dh-pdp-info .dh-pdp-glance { margin: 0 !important; }
}
body .dh-pdp-info .dh-pdp-glance__title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 6px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eef1f5 !important;
    font-family: var(--font-display, "Sora"), sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #101828 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}
body .dh-pdp-info .dh-pdp-glance__title::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: var(--brand-primary) !important;
    flex: 0 0 auto !important;
}
body .dh-pdp-info .dh-pdp-glance__row {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 11px 0 !important;
    border-top: 1px solid #f1f3f6 !important;
}
body .dh-pdp-info .dh-pdp-glance__row:first-of-type { border-top: 0 !important; }
body .dh-pdp-info .dh-pdp-glance__k {
    flex: 0 0 auto !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #667085 !important;
}
body .dh-pdp-info .dh-pdp-glance__v {
    text-align: right !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1f2937 !important;
}

/* ── Technische Daten gruppiert (Abmessungen · Anschluss · Material · Leistung · …) [pdp23] ── */
body .dh-pdp-info .dh-pdp-specgroup { margin: 0 0 22px !important; }
body .dh-pdp-info .dh-pdp-specgroup:last-child { margin-bottom: 0 !important; }
body .dh-pdp-info .dh-pdp-specgroup__title {
    margin: 0 0 4px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #f0f2f5 !important;
    font-family: var(--font-display, "Sora"), sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    color: #667085 !important;
}

/* ── Lieferung & Montage: 3 Service-Punkte + Download-Liste [pdp27] ── */
body .dh-pdp-info .dh-pdp-service {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
}
@media (min-width: 700px) {
    body .dh-pdp-info .dh-pdp-service { grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
}
body .dh-pdp-info .dh-pdp-service__item { display: flex !important; align-items: flex-start !important; gap: 13px !important; }
body .dh-pdp-info .dh-pdp-service__icon {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #fdf1f0 !important;
    color: var(--brand-primary) !important;
    font-size: 16px !important;
}
body .dh-pdp-info .dh-pdp-service__h {
    margin: 1px 0 3px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    line-height: 1.25 !important;
}
body .dh-pdp-info .dh-pdp-service__t { font-size: 13px !important; line-height: 1.5 !important; color: #667085 !important; }
body .dh-pdp-info .dh-pdp-service__t a { color: var(--brand-primary) !important; text-decoration: underline !important; font-weight: 600 !important; }

/* Downloads (PDFs als saubere Liste) */
body .dh-pdp-info .dh-pdp-downloads { margin-top: 26px !important; padding-top: 22px !important; border-top: 1px solid #ececec !important; }
body .dh-pdp-info .dh-pdp-downloads__title {
    margin: 0 0 12px !important;
    font-family: var(--font-display, "Sora"), sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    color: #667085 !important;
}
body .dh-pdp-info .dh-pdp-downloads__list { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
@media (min-width: 700px) {
    body .dh-pdp-info .dh-pdp-downloads__list { grid-template-columns: 1fr 1fr !important; gap: 8px 20px !important; }
}
body .dh-pdp-info .dh-pdp-dl {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border: 1px solid #e7eaee !important;
    border-radius: 11px !important;
    background: #fff !important;
    text-decoration: none !important;
    transition: border-color .15s, background .15s !important;
}
body .dh-pdp-info .dh-pdp-dl:hover { border-color: var(--brand-primary) !important; background: #fdf7f7 !important; }
body .dh-pdp-info .dh-pdp-dl__ico {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: #fdecec !important;
    color: #c0392b !important;
    font-size: 16px !important;
}
body .dh-pdp-info .dh-pdp-dl__name { flex: 1 1 auto !important; min-width: 0 !important; font-size: 13.5px !important; font-weight: 600 !important; color: #1f2937 !important; line-height: 1.3 !important; }
body .dh-pdp-info .dh-pdp-dl__arrow { flex: 0 0 auto !important; color: #667085 !important; font-size: 14px !important; }
body .dh-pdp-info .dh-pdp-dl:hover .dh-pdp-dl__arrow { color: var(--brand-primary) !important; }

/* ── Google-Geschäftsbewertungen + Kundenprojekt-Fotos [pdp29] ── */
body .dh-pdp-info .dh-google__head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    padding: 16px 18px !important;
    border: 1px solid #e7eaee !important;
    border-radius: 14px !important;
    background: #fafbfc !important;
}
body .dh-pdp-info .dh-google__logo { flex: 0 0 auto !important; display: inline-flex !important; }
body .dh-pdp-info .dh-google__meta { flex: 1 1 auto !important; min-width: 0 !important; }
body .dh-pdp-info .dh-google__top { display: flex !important; align-items: center !important; gap: 9px !important; }
body .dh-pdp-info .dh-google__num { font-family: var(--font-display, "Sora"), sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #1f2937 !important; line-height: 1 !important; }
body .dh-pdp-info .dh-google__stars { position: relative !important; display: inline-block !important; font-size: 17px !important; line-height: 1 !important; color: #dadce0 !important; letter-spacing: 1px !important; }
body .dh-pdp-info .dh-google__stars::before { content: "\2605\2605\2605\2605\2605" !important; }
body .dh-pdp-info .dh-google__stars > span { position: absolute !important; left: 0 !important; top: 0 !important; overflow: hidden !important; white-space: nowrap !important; color: #fbbc04 !important; }
body .dh-pdp-info .dh-google__stars > span::before { content: "\2605\2605\2605\2605\2605" !important; }
body .dh-pdp-info .dh-google__count { margin-top: 3px !important; font-size: 13px !important; color: #667085 !important; }
body .dh-pdp-info .dh-google__cta {
    flex: 0 0 auto !important;
    padding: 9px 16px !important;
    border: 1px solid #d6dae0 !important;
    border-radius: 9px !important;
    background: #fff !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    text-decoration: none !important;
    transition: border-color .15s, color .15s !important;
}
body .dh-pdp-info .dh-google__cta:hover { border-color: var(--brand-primary) !important; color: var(--brand-primary) !important; }

body .dh-pdp-info .dh-google__gallery { margin-top: 18px !important; }
body .dh-pdp-info .dh-google__gallery-head { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 11px !important; }
body .dh-pdp-info .dh-google__gallery-title { font-family: var(--font-display, "Sora"), sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #1f2937 !important; }
body .dh-pdp-info .dh-google__gallery-note { font-size: 12px !important; color: #667085 !important; }
body .dh-pdp-info .dh-google__strip {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-bottom: 4px !important;
    scroll-snap-type: x proximity !important;
}
body .dh-pdp-info .dh-google__strip::-webkit-scrollbar { display: none !important; }
body .dh-pdp-info .dh-google__photo {
    flex: 0 0 auto !important;
    display: block !important;
    width: 168px !important;
    height: 224px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #f1f3f5 !important;
    scroll-snap-align: start !important;
    border: 1px solid #eceff2 !important;
}
body .dh-pdp-info .dh-google__photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .35s ease !important; }
body .dh-pdp-info .dh-google__photo:hover img { transform: scale(1.04) !important; }
@media (min-width: 768px) {
    body .dh-pdp-info .dh-google__photo { width: 190px !important; height: 248px !important; }
}

/* Kundenstimmen-Karten (kuratierte Google-Reviewtexte) */
body .dh-pdp-info .dh-grev-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 16px 0 4px !important;
}
@media (min-width: 640px) { body .dh-pdp-info .dh-grev-list { grid-template-columns: 1fr 1fr !important; gap: 14px !important; } }
@media (min-width: 1000px) { body .dh-pdp-info .dh-grev-list { grid-template-columns: 1fr 1fr 1fr !important; } }
body .dh-pdp-info .dh-grev {
    padding: 15px 17px !important;
    border: 1px solid #e7eaee !important;
    border-radius: 13px !important;
    background: #fff !important;
}
body .dh-pdp-info .dh-grev__head { display: flex !important; align-items: center !important; gap: 11px !important; margin-bottom: 9px !important; }
body .dh-pdp-info .dh-grev__avatar {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #fdf1f0 !important;
    color: var(--brand-primary) !important;
    font-family: var(--font-display, "Sora"), sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
body .dh-pdp-info .dh-grev__id { flex: 1 1 auto !important; min-width: 0 !important; }
body .dh-pdp-info .dh-grev__name { display: block !important; font-size: 14px !important; font-weight: 700 !important; color: #1f2937 !important; line-height: 1.2 !important; }
body .dh-pdp-info .dh-grev__meta { display: flex !important; align-items: center !important; gap: 7px !important; margin-top: 3px !important; font-size: 12px !important; color: #667085 !important; }
body .dh-pdp-info .dh-google__stars--sm { font-size: 13px !important; }
body .dh-pdp-info .dh-grev__src { flex: 0 0 auto !important; display: inline-flex !important; opacity: .9 !important; }
body .dh-pdp-info .dh-grev__text { margin: 0 !important; font-size: 13.5px !important; line-height: 1.6 !important; color: #475467 !important; }

/* ── JTL-Produktbewertungen (artikelspezifisch, getrennt von Google) [pdp32] ── */
body .dh-pdp-info .dh-prodrev { margin-top: 26px !important; padding-top: 22px !important; border-top: 1px solid #ececec !important; }
body .dh-pdp-info .dh-prodrev__label {
    margin: 0 0 13px !important;
    font-family: var(--font-display, "Sora"), sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
}
body .dh-pdp-info .dh-prodrev__summary { display: flex !important; align-items: center !important; gap: 11px !important; margin-bottom: 16px !important; }
body .dh-pdp-info .dh-prodrev__avg { font-family: var(--font-display, "Sora"), sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #1f2937 !important; line-height: 1 !important; }
body .dh-pdp-info .dh-prodrev__count { font-size: 13px !important; color: #667085 !important; }
body .dh-pdp-info .dh-prodrev__list { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; margin-bottom: 16px !important; }
@media (min-width: 768px) { body .dh-pdp-info .dh-prodrev__list { grid-template-columns: 1fr 1fr !important; gap: 14px !important; } }
body .dh-pdp-info .dh-prodrev__empty { margin: 0 0 14px !important; font-size: 14px !important; line-height: 1.6 !important; color: #667085 !important; max-width: 60ch !important; }
body .dh-pdp-info .dh-prodrev__cta {
    display: inline-flex !important;
    align-items: center !important;
    padding: 9px 17px !important;
    border: 1px solid #d6dae0 !important;
    border-radius: 9px !important;
    background: #fff !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    text-decoration: none !important;
    transition: border-color .15s, color .15s !important;
}
body .dh-pdp-info .dh-prodrev__cta:hover { border-color: var(--brand-primary) !important; color: var(--brand-primary) !important; }

/* ── "Mehr lesen" fuer die lange Beschreibung (per JS aktiviert) [pdp33] ── */
body .dh-pdp-info .dh-pdp-desc.dh-desc-clamp {
    max-height: 360px !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent) !important;
    mask-image: linear-gradient(to bottom, #000 72%, transparent) !important;
}
@media (min-width: 900px) {
    body .dh-pdp-info .dh-pdp-desc.dh-desc-clamp { max-height: 520px !important; }
}
body .dh-pdp-info .dh-pdp-desc.dh-desc-clamp.dh-desc-open {
    max-height: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}
body .dh-pdp-info .dh-desc-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 13px 0 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: var(--brand-primary) !important;
    font-family: var(--font-body, inherit) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}
body .dh-pdp-info .dh-desc-more::after {
    content: "\25BE" !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: transform .2s ease !important;
}
body .dh-pdp-info .dh-desc-more[aria-expanded="true"]::after { transform: rotate(180deg) !important; }

/* ── A11y: sichtbare Tastatur-Fokus-States + Reduced-Motion [pdp34] ── */
body .dh-pdp-info a:focus-visible,
body .dh-pdp-info button:focus-visible,
body .dh-pdp-info summary:focus-visible,
body .dh-pdp-info .dh-pdp-faq__item summary:focus-visible {
    outline: 2px solid var(--brand-primary) !important;
    outline-offset: 2px !important;
    border-radius: 6px !important;
}
@media (prefers-reduced-motion: reduce) {
    body .dh-pdp-info .dh-google__photo img,
    body .dh-pdp-info .dh-pdp-dl,
    body .dh-pdp-info .dh-google__cta,
    body .dh-pdp-info .dh-prodrev__cta,
    body .dh-pdp-info .dh-desc-more::after { transition: none !important; }
    body .dh-pdp-info .dh-google__photo:hover img { transform: none !important; }
}

/* ── Heizleistungs-Tabelle pro Modell (.dh-pdp-heat) [v: pdp20] ── */
body .dh-pdp-info .dh-pdp-heat__badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 13px !important;
    padding: 8px 13px !important;
    border-radius: 10px !important;
    background: #eefaf1 !important;
    color: #1a7a44 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}
body .dh-pdp-info .dh-pdp-heat__badge i { color: #2f9b46 !important; font-size: 15px !important; }
/* Elektrisch/Heizstab-Variante: warm getönt statt grün (kein Wärmepumpe-Kontext) */
body .dh-pdp-info .dh-pdp-heat__badge--power {
    background: rgba(var(--brand-primary-rgb), 0.07) !important;
    color: var(--brand-primary) !important;
}
body .dh-pdp-info .dh-pdp-heat__badge--power i { color: var(--brand-primary) !important; }
body .dh-pdp-info .dh-pdp-heat__scroll { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
body .dh-pdp-info .dh-pdp-heat {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 13.5px !important;
    min-width: 320px !important;
}
body .dh-pdp-info .dh-pdp-heat thead th {
    text-align: left !important;
    padding: 9px 12px !important;
    border-bottom: 2px solid #eef1f5 !important;
    color: #475467 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}
body .dh-pdp-info .dh-pdp-heat thead th span {
    display: block !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    color: #667085 !important;
    margin-top: 1px !important;
}
body .dh-pdp-info .dh-pdp-heat tbody td {
    padding: 9px 12px !important;
    border-bottom: 1px solid #f2f4f7 !important;
    color: #344054 !important;
    white-space: nowrap !important;
}
body .dh-pdp-info .dh-pdp-heat tbody td strong { font-weight: 700 !important; color: #1f2937 !important; }
body .dh-pdp-info .dh-pdp-heat tbody td span {
    display: block !important;
    font-size: 12px !important;
    color: #667085 !important;
    margin-top: 1px !important;
}
body .dh-pdp-info .dh-pdp-heat tbody tr.is-current {
    background: #fdf1f0 !important;
    box-shadow: inset 3px 0 0 var(--brand-primary) !important;
}
body .dh-pdp-info .dh-pdp-heat tbody tr.is-current td { color: var(--brand-primary) !important; }
body .dh-pdp-info .dh-pdp-heat tbody tr.is-current td:first-child { font-weight: 700 !important; }
body .dh-pdp-info .dh-pdp-heat tbody tr.is-current td strong { color: var(--brand-primary) !important; }
body .dh-pdp-info .dh-pdp-heat tbody tr.is-current td span { color: #b3534f !important; }

/* ── Dual-Watt: beratende Zwei-Regime-Darstellung (Wawi-Merkmale) ── */
body .dh-pdp-info .dh-heatdual {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
}
body .dh-pdp-info .dh-heatdual__col {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding: 14px 16px !important;
    border: 1px solid #eef1f5 !important;
    border-radius: 12px !important;
    background: #fbfcfd !important;
}
body .dh-pdp-info .dh-heatdual__col--hp {
    border-color: #d3efdc !important;
    background: #f4fbf6 !important;
}
body .dh-pdp-info .dh-heatdual__tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    color: #667085 !important;
}
body .dh-pdp-info .dh-heatdual__col--hp .dh-heatdual__tag { color: #1a7a44 !important; }
body .dh-pdp-info .dh-heatdual__col--hp .dh-heatdual__tag i { color: #2f9b46 !important; }
body .dh-pdp-info .dh-heatdual__temp { font-size: 12.5px !important; color: #667085 !important; }
body .dh-pdp-info .dh-heatdual__watt {
    margin-top: 4px !important;
    font-family: var(--font-display, inherit) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    color: #1f2937 !important;
}
body .dh-pdp-info .dh-heatdual__col--hp .dh-heatdual__watt { color: #15703c !important; }
body .dh-pdp-info .dh-heatdual__room { font-size: 13.5px !important; color: #475467 !important; }

/* Beratungs-Box: Erläuterung + Tipp */
body .dh-pdp-info .dh-pdp-advice {
    padding: 14px 16px !important;
    border-radius: 12px !important;
    background: #f7f8fa !important;
    border: 1px solid #eef1f5 !important;
}
body .dh-pdp-info .dh-pdp-advice__title {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin: 0 0 6px !important;
}
body .dh-pdp-info .dh-pdp-advice p {
    margin: 0 0 8px !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #475467 !important;
}
body .dh-pdp-info .dh-pdp-advice p:last-child { margin-bottom: 0 !important; }
body .dh-pdp-info .dh-pdp-advice__tip {
    display: flex !important;
    align-items: flex-start !important;
    gap: 7px !important;
    padding-top: 10px !important;
    border-top: 1px solid #eef1f5 !important;
    color: #344054 !important;
    font-size: 13px !important;
}
body .dh-pdp-info .dh-pdp-advice__tip i { color: var(--brand-primary) !important; margin-top: 2px !important; }
@media (min-width: 640px) {
    body .dh-pdp-info .dh-heatdual { grid-template-columns: 1fr 1fr !important; }
}

/* ── Topbar full-width: dunkler Balken edge-to-edge, Inhalt im zentrierten Container [pdp35] ──
   Behebt den "abgeschnittenen" Topbar-Look (Balken war nur ~895px zentriert auf dem roten Header). */
@media (min-width: 992px) {
    body #header-top-bar.topbar-wrapper { width: 100% !important; max-width: none !important; }
    body #header-top-bar.topbar-wrapper > .container,
    body #header-top-bar.topbar-wrapper > .container-fluid {
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ============================================================
 * 4X. PDP PAYPAL EXPRESS BUTTONS — sauber unter dem ATC-Button
 *    Das Plugin (jtl_paypal_commerce) injiziert seine Button-/Messaging-
 *    Container als zusätzliche .row in #add-to-cart. Problem: die generischen
 *    Buybox-Grid-Regeln (#add-to-cart > .row > col:first-child { max-width:43% }
 *    auf Mobile) quetschten den PayPal-Container auf 43 % Breite → wirkte
 *    "unangebracht". Fix: volle Breite + klarer Abstand unter der primären CTA.
 *    KEIN DOM-Verschieben (update-/AJAX-sicher) — nur Layout auf den stabilen
 *    Plugin-Container-IDs.
 * ============================================================ */

/* 1) Container-Cols auf volle Breite zwingen (override 43%-Mobile-Squish + bootstrap-offsets) */
body #product-offer #add-to-cart > .row > #paypal-button-productDetails-container,
body #product-offer #add-to-cart > .row > #ppc-paypal-button-custom-productDetails-wrapper {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2) Klarer Abstand unter dem ATC-Button für die sichtbare PayPal-Reihe.
      :has() trifft nur die Row mit dem sichtbaren Container (die d-none-Custom-Row
      bleibt ohne Phantom-Abstand). */
body #product-offer #add-to-cart > .row:has(> #paypal-button-productDetails-container) {
  margin-top: 14px !important;
}

/* 3) Negative Bootstrap-Margins der SDK-internen .row neutralisieren (sonst
      seitlicher Overflow / Versatz innerhalb der Buybox-Spalte). */
body #product-offer #paypal-button-productDetails-container .ppc-ecs-horizontal-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* 4) Mobile-first: etwas kompakterer Abstand, voller Platz, kein Quetschen.
      Bottom-Luft, damit die sticky Mobile-CTA nicht direkt anschließt. */
@media (max-width: 767.98px) {
  body #product-offer #add-to-cart > .row:has(> #paypal-button-productDetails-container) {
    margin-top: 12px !important;
  }
  body #product-offer #add-to-cart > .row > #paypal-button-productDetails-container {
    margin-bottom: 2px !important;
  }
}

/* ============================================================
 * 4Y. PRE-FOOTER — Trust-USPs + SEO-Internal-Linking (sitewide)
 *    Loest die rt-trust-Section ab (deren CSS lag nur in
 *    checkout-premium.css -> auf PDP/Startseite ungestylt nach dem
 *    Perf-Gating). Hier sitewide in custom.css. Zurueckhaltend:
 *    Hairlines + Typo statt Farbflaechen/Schatten.
 *    Im Checkout ausgeblendet (s. unten + checkout-onepage.css).
 * ============================================================ */
.dh-prefooter {
  border-top: 1px solid #e7ebf0;
  background: #fbfcfd;
  padding: 44px 0 40px;
}
body.is-checkout .dh-prefooter { display: none; }

.dh-prefooter__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

/* --- Trust-/USP-Leiste --- */
.dh-prefooter__trust {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 28px;
}

.dh-prefooter__usp {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.dh-prefooter__usp-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
  color: var(--brand-primary);
  background: #fff;
}

.dh-prefooter__usp-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.dh-prefooter__usp-title {
  font-family: var(--font-display, "Sora"), sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1.2;
  color: #101828;
}

.dh-prefooter__usp-sub {
  font-family: var(--font-body, "Hanken Grotesk"), sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.3;
  color: #667085;
  margin-top: 2px;
}

/* --- SEO-Link-Spalten --- */
.dh-prefooter__nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px 40px;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e7ebf0;
}

.dh-prefooter__col-title {
  display: block;
  font-family: var(--font-display, "Sora"), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #344054;
  margin-bottom: 12px;
}

.dh-prefooter__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.dh-prefooter__links a {
  display: inline-block;
  font-family: var(--font-body, "Hanken Grotesk"), sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.35;
  color: #475467;
  text-decoration: none;
  padding: 6px 0;
  transition: color 0.15s ease;
}

.dh-prefooter__links a:hover,
.dh-prefooter__links a:focus-visible {
  color: var(--brand-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* --- Tablet --- */
@media (max-width: 991.98px) {
  .dh-prefooter__trust {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 24px;
  }
}

/* --- Mobile-first Feinschliff --- */
@media (max-width: 767.98px) {
  .dh-prefooter {
    padding: 32px 0 30px;
  }
  .dh-prefooter__inner {
    padding: 0 16px;
  }
  .dh-prefooter__trust {
    gap: 16px 18px;
  }
  .dh-prefooter__usp {
    gap: 11px;
  }
  .dh-prefooter__usp-icon {
    width: 42px;
    height: 42px;
  }
  .dh-prefooter__usp-title {
    font-size: 14.5px;
  }
  .dh-prefooter__usp-sub {
    font-size: 12.5px;
  }
  .dh-prefooter__nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 20px;
    margin-top: 24px;
    padding-top: 24px;
  }
}

@media (max-width: 420px) {
  .dh-prefooter__trust {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .dh-prefooter__nav {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* ============================================================
 * 4Z. BEWERTUNGEN-SEKTION — Fotos zuerst -> Google -> JTL, klar getrennt
 *    Die native JTL-Bewertung (reviews.tpl) wurde vom Boden-Tab in die
 *    Sprungnav-Sektion #dh-bewertungen geholt. Saubere Trennlinien zwischen
 *    den drei Blöcken; Col-Padding der nativen {col cols=12} zurückgesetzt.
 * ============================================================ */
/* Fotos sitzen jetzt zuoberst (direkt unter der H2) */
body .dh-pdp-info .dh-google__gallery { margin-top: 2px !important; }
/* Google-Aggregat trennt sich sauber von den Fotos darüber */
body .dh-pdp-info .dh-google__head {
    margin-top: 24px !important;
    padding-top: 22px !important;
    border-top: 1px solid #ececec !important;
}
/* JTL-Produktbewertung: eigener, deutlich abgesetzter Block */
body .dh-pdp-info .dh-jtlrev {
    margin-top: 30px !important;
    padding-top: 26px !important;
    border-top: 2px solid #f0f2f5 !important;
}
body .dh-pdp-info .dh-jtlrev__anchor {
    display: block !important;
    height: 0 !important;
    scroll-margin-top: 160px !important;
}
body .dh-pdp-info .dh-jtlrev__label {
    margin: 0 0 16px !important;
    font-family: var(--font-display, "Sora"), sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
}
/* native reviews.tpl nutzt {col cols=12} ohne umgebende .row -> seitliches
   Padding/Negativ-Margins neutralisieren, sonst Versatz in der Sektion */
body .dh-pdp-info .dh-jtlrev > .col-12,
body .dh-pdp-info .dh-jtlrev [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
body .dh-pdp-info .dh-jtlrev .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}