﻿.ul-offer {
    list-style-type: none;
}

    /* Open Iconic "check" glyph in front of every item. */
    .ul-offer > li::before {
        content: '\e033';
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: Icons;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #cf9821;
        margin-right: 1rem;
    }

.button-offer {
    padding: 2rem 0;
    text-align: center;
}

.container img {
    margin-bottom: 2rem;
}

.inline-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .inline-lists div {
        width: 45%;
        min-width: 350px;
    }

    .inline-lists ul {
        padding-left: 1rem;
    }

.indications {
    background-color: rgba(50, 76, 68, 0.1);
    padding: 1rem;
}

.contraindications {
    background-color: rgba(140, 39, 39, 0.1);
    padding: 1rem;
    line-height: 200%;
}

.product-img {
    width: 20%;
    min-width: 160px;
    min-height: 140px;
    margin: 1rem;
    display: block;
}

.product-box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 2rem;
    margin-top: 2rem;
    border-bottom: 1px solid #324c44;
}

    .product-box span {
        font-weight: bold;
        display: inline;
    }

.no-border {
    border-bottom: none;
}

.product-info {
    width: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Text next to a button: keep them apart and stack them on narrow screens. */
.product-cta {
    flex-wrap: wrap;
    column-gap: 3rem;
}

@media (max-width: 768.98px) {
    .product-box {
        justify-content: center;
    }
}

@media (min-width: 769px) {
    .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
