/* ==============================================
   TM24 NOVAChild – PDP: Preisbox & Warenkorb
   Modul: modules/product/pricebox/pricebox.css
   Scope: body[data-page="2"] .product-offer
   Quelle: tm24-pdp-fix.css Zeilen 193-355
   UTF-8 ohne BOM
   ============================================== */

/* ---- Preis ---- */
body[data-page="2"] .product-offer .price_wrapper { margin-bottom: 8px; }

body[data-page="2"] .product-offer .price {
    font-family: var(--f, 'Figtree', sans-serif);
    font-weight: 900;
    font-size: 28px;
    color: var(--p, #2E2BCB);
    letter-spacing: -.5px;
}

body[data-page="2"] .product-offer del .price {
    font-size: 16px;
    font-weight: 500;
    color: var(--light, #9ca3af);
    text-decoration: line-through;
}

body[data-page="2"] .product-offer .price-note {
    font-size: 12px;
    color: var(--mut, #6b7280);
}

/* ---- Warenkorb-Bereich ---- */
body[data-page="2"] #add-to-cart       { margin-top: 8px; }
body[data-page="2"] .basket-form-inline { gap: 12px; }

/* Warenkorb-Button */
body[data-page="2"] .product-buy .btn-primary,
body[data-page="2"] .product-buy [name="inWarenkorb"] {
    background: var(--p, #2E2BCB);
    border-color: var(--p, #2E2BCB);
    color: #fff;
    border-radius: 12px;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 28px;
    min-height: 50px;
    transition: all .2s;
    letter-spacing: .2px;
}

body[data-page="2"] .product-buy .btn-primary:hover,
body[data-page="2"] .product-buy [name="inWarenkorb"]:hover {
    background: var(--pd, #1a18a0);
    border-color: var(--pd, #1a18a0);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(46, 43, 203, .22);
}

/* ---- PayPal / Express Checkout Fix ---- */
body[data-page="2"] .paypal-button,
body[data-page="2"] .payment-buttons,
body[data-page="2"] [id*="paypal"],
body[data-page="2"] [class*="paypal"] {
    transform: none !important;
    zoom: 1 !important;
    max-width: 100%;
    overflow: hidden;
}

/* ---- MOBIL ---- */
@media (max-width: 991px) {
    body[data-page="2"] .product-offer .price { font-size: 24px; }
    body[data-page="2"] .product-buy .btn-primary,
    body[data-page="2"] .product-buy [name="inWarenkorb"] { width: 100%; padding: 14px 20px; }
}

@media (max-width: 575px) {
    body[data-page="2"] .product-offer .price      { font-size: 22px; }
    body[data-page="2"] .basket-form-inline         { flex-direction: column; }
}