/* ==============================================
   TM24 NOVAChild – PDP Layout-Basis
   Modul: modules/product/layout/layout.css
   Scope: body[data-page="2"] (PDP-Basisstruktur)
   UTF-8 ohne BOM
   ============================================== */

/* ---- PDP-Container ---- */
body[data-page="2"] {
    background: var(--bg);
}

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

/* ---- 2-Spalten-PDP-Grid (Galerie | Info+Preis) ---- */
body[data-page="2"] .product-detail-wrapper,
body[data-page="2"] #product-offer.product-detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: start;
    padding-top: 20px;
}

/* ---- Sticky Rechte Spalte ---- */
body[data-page="2"] .product-detail-right {
    position: sticky;
    top: 80px;
    align-self: start;
}

/* ---- Breadcrumb ---- */
body[data-page="2"] .breadcrumb {
    font-family: var(--f);
    font-size: 13px;
    color: var(--mut);
    padding: 14px 0;
    margin-bottom: 8px;
    background: transparent;
}

body[data-page="2"] .breadcrumb-item a { color: var(--mut); }
body[data-page="2"] .breadcrumb-item a:hover { color: var(--p); }
body[data-page="2"] .breadcrumb-item.active { color: var(--txt); }
body[data-page="2"] .breadcrumb-item + .breadcrumb-item::before { color: var(--light); }

/* ---- MOBIL ---- */
@media (max-width: 991px) {
    body[data-page="2"] .product-detail-wrapper,
    body[data-page="2"] #product-offer.product-detail {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body[data-page="2"] .product-detail-right {
        position: static;
    }

    body[data-page="2"] .container { padding: 0 16px; }
}