/*
 * PABEX Lechpol product description layout
 *
 * Purpose:
 * - supports Lechpol marketing HTML from LECHPOL_extended.xml.gz
 * - keeps image/text sections responsive on Shoptet
 * - also supports older Lechpol HTML variants using opis/zdjecie/prawo/lewo
 *
 * Suggested URL:
 * https://www.pabex.sk/user/documents/upload/css/lechpol_product_description.css
 */

.productDescription {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: inherit;
}

.productDescription *,
.productDescription *::before,
.productDescription *::after {
    box-sizing: border-box;
}

.productDescription > .section,
.productDescription section.section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 0 30px;
    background: #f2f2f2;
    overflow: hidden;
}

.productDescription > .section > .item,
.productDescription section.section > .item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
}

.productDescription .item-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.productDescription .item-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.productDescription .image-item,
.productDescription .text-item {
    width: 100%;
}

.productDescription .image-item {
    text-align: center;
}

.productDescription .image-item img,
.productDescription img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.productDescription .text-item {
    padding: 30px;
    text-align: center;
}

.productDescription .text-item h1,
.productDescription .text-item h2,
.productDescription .text-item h3 {
    margin: 0 0 16px;
    line-height: 1.25;
}

.productDescription .text-item p {
    margin: 0;
    line-height: 1.65;
}

.productDescription .section_2,
.productDescription .video-container {
    width: 100%;
    margin: 0 0 30px;
}

.productDescription iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 320px;
    margin: 0 auto;
}

/* Older Lechpol layouts used by some existing descriptions. */
.productDescription div.item.zdjecie,
.productDescription div.item.opis {
    position: relative;
    min-height: 1px;
}

.productDescription div.item.opis {
    padding: 30px;
}

.productDescription .prawo {
    left: 50%;
}

.productDescription .lewo {
    right: 50%;
}

@media (min-width: 1200px) {
    .productDescription div.item.zdjecie,
    .productDescription div.item.opis {
        width: 50%;
        float: left;
    }
}

@media (max-width: 767px) {
    .productDescription > .section,
    .productDescription section.section {
        display: block;
    }

    .productDescription .item-6,
    .productDescription .item-12,
    .productDescription div.item.zdjecie,
    .productDescription div.item.opis {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .productDescription .prawo,
    .productDescription .lewo {
        left: auto;
        right: auto;
    }

    .productDescription .text-item,
    .productDescription div.item.opis {
        padding: 22px;
    }

    .productDescription iframe {
        min-height: 220px;
    }
}