/* Produktseite: Zusatzlayout für die drei Infokarten unter der Galerie. */

.product-gallery-column {
    min-width: 0;
}

.product-gallery-info-cards {
    display: grid;
    gap: 14px;
    margin-top: 26px;
}

.product-gallery-info-cards .product-info-section {
    margin: 0;
    padding: 20px 22px;
    border-radius: 18px;
}

.product-gallery-info-cards .product-info-section h2 {
    margin: 0 0 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.35;
}

.product-gallery-info-cards .product-info-section ul {
    margin: 0;
    padding-left: 20px;
    color: var(--light);
    font-size: 14px;
    line-height: 1.65;
}

.product-gallery-info-cards .product-info-section li+li {
    margin-top: 5px;
}

.product-gallery-info-cards .product-care-box {
    background: var(--soft);
}

.product-gallery-info-cards .product-note-box {
    background: var(--soft);
}

.product-gallery-info-cards .product-safety-box {
    border: 0;
    background: var(--soft);
}

.product-gallery-info-cards .product-note-box p {
    margin: 0;
    color: var(--light);
    font-size: 14px;
    line-height: 1.65;
}

.product-gallery-info-cards .product-note-box p+p {
    margin-top: 8px;
}

@media (max-width: 760px) {

    /* Auf Mobilgeräten wird der linke Desktop-Wrapper aufgelöst, damit die
     Konfiguration zwischen Galerie und Hinweiskarten einsortiert werden kann. */
    .product-gallery-column {
        display: contents;
    }

    .product-gallery-column>.product-gallery {
        order: 1;
    }

    .product-page>.product-config {
        order: 2;
    }

    .product-gallery-info-cards {
        order: 3;
        margin-top: 22px;
    }

    .product-gallery-info-cards .product-info-section {
        padding: 18px;
    }
}