/*
 * Premium Ecológica
 * PLP R1.2B1
 */


/* =========================================================
   SMART FILTER
========================================================= */

body.premium-plp-r12b1
.page-main {
    max-width:
        1480px;
}


body.premium-plp-r12b1
.premium-smart-filter {
    margin:
        8px 0 22px;

    padding:
        24px;

    border:
        1px solid #dfe9e3;

    border-radius:
        20px;

    background:
        #fff;

    box-shadow:
        0 10px 34px
        rgba(7, 75, 53, .06);
}


.premium-smart-filter__intro {
    display: flex;

    justify-content:
        space-between;

    gap: 28px;

    align-items:
        flex-start;

    padding-bottom:
        18px;

    border-bottom:
        1px solid #eaf0ec;
}


.premium-smart-filter__eyebrow {
    display: block;

    margin-bottom:
        5px;

    color:
        #0b7551;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .08em;
}


.premium-smart-filter__intro h2 {
    margin:
        0 0 5px;

    color:
        #073f30;

    font-size:
        26px;

    font-weight:
        850;

    line-height:
        1.12;
}


.premium-smart-filter__intro p {
    margin: 0;

    color:
        #687c74;

    font-size:
        12px;
}


.premium-smart-filter__support {
    min-width:
        210px;

    padding:
        12px 15px;

    border:
        1px solid #cde5d6;

    border-radius:
        14px;

    background:
        #f2fbf6;
}


.premium-smart-filter__support span {
    display: block;

    margin-bottom:
        3px;

    color:
        #587067;

    font-size:
        9px;
}


.premium-smart-filter__support a {
    color:
        #087044;

    font-size:
        11px;

    font-weight:
        800;

    text-decoration:
        none;
}


.premium-smart-filter__groups {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:
        10px;

    padding-top:
        17px;
}


.premium-smart-filter__group {
    min-width: 0;

    padding:
        13px;

    border:
        1px solid #e4ebe7;

    border-radius:
        14px;

    background:
        #fcfdfc;
}


.premium-smart-filter__group
> strong {
    display: block;

    margin-bottom:
        9px;

    color:
        #153f32;

    font-size:
        10px;

    font-weight:
        800;
}


.premium-smart-filter__chips {
    display: flex;

    flex-wrap: wrap;

    gap: 5px;
}


.premium-smart-filter__chip {
    padding:
        6px 8px;

    border:
        1px solid #dfe7e2;

    border-radius:
        999px;

    background:
        #fff;

    color:
        #415d53;

    font-size:
        8.5px;

    font-weight:
        680;

    line-height:
        1.1;

    text-decoration:
        none;

    transition:
        .15s ease;
}


.premium-smart-filter__chip:hover {
    border-color:
        #7cb196;

    color:
        #07583f;
}


.premium-smart-filter__chip.is-active {
    border-color:
        #087044;

    background:
        #e9f7ef;

    color:
        #07583f;

    box-shadow:
        inset 0 0 0 1px
        #087044;
}


.premium-smart-filter__reset {
    padding-top:
        12px;

    text-align: right;
}


.premium-smart-filter__reset a {
    color:
        #087044;

    font-size:
        10px;

    font-weight:
        750;
}


/* =========================================================
   COMPARE STRIP
========================================================= */

body.premium-plp-r12b1
.premium-smart-compare {
    margin:
        0 0 20px;

    padding:
        14px 16px;

    display: grid;

    grid-template-columns:
        34px minmax(0,1fr) auto;

    gap:
        12px;

    align-items:
        center;

    border:
        1px solid #cae7d5;

    border-radius:
        14px;

    background:
        #f1faf5;
}


.premium-smart-compare__icon {
    width:
        30px;

    height:
        30px;

    display: flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        999px;

    background:
        #dff5e7;

    color:
        #087044;

    font-size:
        16px;
}


.premium-smart-compare__copy
span {
    display: block;

    color:
        #16855b;

    font-size:
        8px;

    font-weight:
        850;

    letter-spacing:
        .05em;
}


.premium-smart-compare__copy
strong {
    display: block;

    margin:
        1px 0;

    color:
        #17483a;

    font-size:
        12px;
}


.premium-smart-compare__copy p {
    margin: 0;

    color:
        #74867f;

    font-size:
        9px;
}


.premium-smart-compare__button {
    min-height:
        36px;

    padding:
        0 16px;

    display: flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        9px;

    background:
        #087044;

    color:
        #fff;

    font-size:
        9px;

    font-weight:
        800;

    text-decoration:
        none;
}


.premium-smart-compare__button:hover {
    background:
        #096348;

    color:
        #fff;
}


/* =========================================================
   REMOVE OLD SIDEBAR ONLY ON SMART PLP
========================================================= */

body.premium-plp-r12b1
.sidebar-main,

body.premium-plp-r12b1
.sidebar {
    display:
        none !important;
}


body.premium-plp-r12b1
.columns {
    display:
        block !important;
}


body.premium-plp-r12b1
.column.main {
    width:
        100% !important;

    max-width:
        none !important;
}


/* =========================================================
   GRID DENSITY
========================================================= */

@media (min-width: 1024px) {

    body.premium-plp-r12b1
    .products-grid
    .product-items,

    body.premium-plp-r12b1
    ol.products.list.items {
        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            ) !important;

        gap:
            14px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media
(max-width: 1023px)
and
(min-width: 768px) {

    .premium-smart-filter__groups {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    body.premium-plp-r12b1
    .premium-smart-filter {
        padding:
            15px;

        border-radius:
            16px;
    }


    .premium-smart-filter__intro {
        display:
            block;
    }


    .premium-smart-filter__intro h2 {
        font-size:
            21px;
    }


    .premium-smart-filter__support {
        min-width: 0;

        margin-top:
            12px;
    }


    .premium-smart-filter__groups {
        grid-template-columns:
            1fr;
    }


    .premium-smart-filter__group {
        padding:
            11px;
    }


    .premium-smart-compare {
        grid-template-columns:
            30px minmax(0,1fr)
            !important;
    }


    .premium-smart-compare__button {
        grid-column:
            1 / -1;

        width:
            100%;
    }

}