/* ==============================================
   TM24 NOVAChild – PDP: Info-Karte
   Modul: modules/product/info/info.css
   Scope: body[data-page="2"] .product-info
   Quelle: tm24-pdp-fix.css Zeilen 130-191
   UTF-8 ohne BOM
   ============================================== */

/* ---- Info-Karte: weißer Container ---- */
body[data-page="2"] .product-info {
    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: 28px;
}

/* Produkttitel */
body[data-page="2"] h1.product-title,
body[data-page="2"] .product-title {
    font-family: var(--f, 'Figtree', sans-serif);
    font-weight: 800;
    font-size: 24px;
    line-height: 1.25;
    color: var(--txt, #111);
    margin-bottom: 12px;
    letter-spacing: -.3px;
}

/* Bewertungen */
body[data-page="2"] .rating-wrapper {
    margin-bottom: 14px;
    font-size: 14px;
}

body[data-page="2"] .rating-wrapper a       { color: var(--mut, #6b7280); text-decoration: none; }
body[data-page="2"] .rating-wrapper a:hover { color: var(--p, #2E2BCB); }

/* Artikel-Infos (ArtNr, EAN etc.) */
body[data-page="2"] .info-essential {
    font-size: 13px;
    color: var(--mut, #6b7280);
    margin-bottom: 16px;
    padding: 12px 0;
    border-top: 1px solid var(--brd-l, rgba(0, 0, 0, .06));
    border-bottom: 1px solid var(--brd-l, rgba(0, 0, 0, .06));
}

body[data-page="2"] .info-essential li     { padding: 2px 0; }
body[data-page="2"] .info-essential strong { color: var(--txt, #111); font-weight: 600; }

/* Kurzbeschreibung */
body[data-page="2"] .shortdesc {
    font-size: 14px;
    line-height: 1.65;
    color: var(--mut, #6b7280);
    margin-bottom: 20px;
}

/* ---- MOBIL ---- */
@media (max-width: 991px) {
    body[data-page="2"] .product-info { border-radius: 12px; padding: 20px; }
    body[data-page="2"] h1.product-title,
    body[data-page="2"] .product-title { font-size: 20px; }
}

@media (max-width: 575px) {
    body[data-page="2"] .product-info { border-radius: 10px; padding: 16px; }
    body[data-page="2"] h1.product-title,
    body[data-page="2"] .product-title { font-size: 18px; }
}