/* ==============================================
   TM24 NOVAChild – NOVA-PDP-Fix
   Modul: modules/overrides/nova-product-fix.css
   Zweck: NOVA-Eigenheiten auf der Artikelseite korrigieren.
          NUR Workarounds. TM24-PDP-Logik liegt in modules/product/.
   UTF-8 ohne BOM
   ============================================== */

/* ---- PDP Basis ---- */
body[data-page="2"] {
    font-size: 16px;
    line-height: 1.5;
    background: var(--bg, #f6f6f8);
}

body[data-page="2"] .container,
body[data-page="2"] .container-fluid-xl {
    max-width: 1320px;
}

/* ---- Gesamter Produktbereich ---- */
body[data-page="2"] #product-offer.product-detail {
    gap: 28px;
}

/* ---- Breadcrumb ---- */
body[data-page="2"] .breadcrumb {
    font-size: 13px;
    padding: 14px 0;
    margin-bottom: 8px;
}

/* ---- Slick-Pfeile in Galerie ---- */
body[data-page="2"] .product-images .slick-prev,
body[data-page="2"] .product-images .slick-next {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    z-index: 5;
    transition: all .2s;
}

body[data-page="2"] .product-images .slick-prev:hover,
body[data-page="2"] .product-images .slick-next:hover {
    background: var(--p, #2E2BCB);
    box-shadow: 0 4px 16px rgba(46, 43, 203, .2);
}

body[data-page="2"] .product-images .slick-prev:hover::before,
body[data-page="2"] .product-images .slick-next:hover::before {
    color: #fff;
}