/* ==============================================
   TM24 NOVAChild – PDP: Tabs & Cross-Selling
   Modul: modules/product/tabs/tabs.css
   Scope: body[data-page="2"] .nav-tabs, .tab-content
   Quelle: tm24-pdp-fix.css Zeilen 357-436
   UTF-8 ohne BOM
   ============================================== */

/* ---- Tab-Container ---- */
body[data-page="2"] .tab-content,
body[data-page="2"] .product-detail-tabs,
body[data-page="2"] #content-tabs {
    background: var(--card, #fff);
    border: 1px solid var(--brd-l, rgba(0, 0, 0, .06));
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .04);
    padding: 24px;
    margin-top: 28px;
}

/* ---- Tab-Nav ---- */
body[data-page="2"] .nav-tabs { border-bottom: 2px solid var(--brd-l, rgba(0, 0, 0, .06)); margin-bottom: 20px; }

body[data-page="2"] .nav-tabs .nav-link {
    font-family: var(--f, 'Figtree', sans-serif);
    font-weight: 600;
    font-size: 14px;
    color: var(--mut, #6b7280);
    padding: 10px 18px;
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color .2s, border-color .2s;
}

body[data-page="2"] .nav-tabs .nav-link:hover  { color: var(--txt, #111); }
body[data-page="2"] .nav-tabs .nav-link.active { color: var(--p, #2E2BCB); border-bottom-color: var(--p, #2E2BCB); background: transparent; }
body[data-page="2"] .tab-pane { font-size: 14px; line-height: 1.7; color: var(--txt, #111); }

/* ---- Cross-Selling / Empfehlungen ---- */
body[data-page="2"] .recommendations { margin-top: 40px; }
body[data-page="2"] .recommendations .hr-sect.h2,
body[data-page="2"] .recommendations h2 { font-size: 22px; font-weight: 800; margin-bottom: 20px; }
body[data-page="2"] .recommendations .productbox { margin: 0; }
body[data-page="2"] .recommendations img,
body[data-page="2"] .product-slider img,
body[data-page="2"] .cross-selling img { max-height: 200px; object-fit: contain; }
body[data-page="2"] .recommendations .slick-prev,
body[data-page="2"] .recommendations .slick-next { width: 40px !important; height: 40px !important; font-size: 14px !important; }

/* ---- MOBIL ---- */
@media (max-width: 991px) {
    body[data-page="2"] .tab-content,
    body[data-page="2"] .product-detail-tabs,
    body[data-page="2"] #content-tabs { border-radius: 12px; padding: 16px; margin-top: 16px; }
    body[data-page="2"] .nav-tabs .nav-link { font-size: 13px; padding: 8px 12px; }
}