/*
 * Premium Ecológica
 * PDP R1.2A - Comercial
 */


body.catalog-product-view
.premium-pdp-installments {
    margin:
        4px 0 13px;

    padding:
        10px 12px;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    border:
        1px solid #d7e8df;

    border-radius:
        11px;

    background:
        #f3faf6;
}


body.catalog-product-view
.premium-pdp-installments__icon {
    width:
        30px;

    height:
        30px;

    flex:
        0 0 30px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        999px;

    background:
        #e0f3e8;

    color:
        #087044;

    font-size:
        13px;

    font-weight:
        900;
}


body.catalog-product-view
.premium-pdp-installments strong {
    display:
        block;

    color:
        #14513d;

    font-size:
        12px;

    font-weight:
        800;
}


body.catalog-product-view
.premium-pdp-installments small {
    display:
        block;

    margin-top:
        2px;

    color:
        #697d75;

    font-size:
        9px;
}


body.catalog-product-view
.premium-pdp-shipping {
    margin:
        13px 0;

    padding:
        13px;

    border:
        1px solid #dce7e1;

    border-radius:
        13px;

    background:
        #f7faf8;
}


body.catalog-product-view
.premium-pdp-shipping__heading strong {
    display:
        block;

    color:
        #22493c;

    font-size:
        12px;

    font-weight:
        800;
}


body.catalog-product-view
.premium-pdp-shipping__heading small {
    display:
        block;

    margin-top:
        2px;

    color:
        #72837c;

    font-size:
        9px;
}


body.catalog-product-view
.premium-pdp-shipping__form {
    margin-top:
        9px;

    display:
        grid;

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

    gap:
        7px;
}


body.catalog-product-view
.premium-pdp-shipping__form input {
    min-height:
        42px;

    padding:
        0 11px;

    border:
        1px solid #bfd2c8;

    border-radius:
        9px;

    background:
        #fff;

    color:
        #24483b;
}


body.catalog-product-view
.premium-pdp-shipping__form button {
    min-height:
        42px;

    padding:
        0 13px;

    border:
        1px solid #7cae94;

    border-radius:
        9px;

    background:
        #fff;

    color:
        #07583f;

    font-size:
        10px;

    font-weight:
        800;
}


body.catalog-product-view
.premium-pdp-shipping__form button:hover {
    border-color:
        #087044;

    background:
        #edf8f2;
}


body.catalog-product-view
.premium-pdp-shipping__form button:disabled {
    opacity:
        .55;

    cursor:
        wait;
}


body.catalog-product-view
.premium-pdp-shipping__message {
    margin-top:
        7px;

    color:
        #60756c;

    font-size:
        9.5px;
}


body.catalog-product-view
.premium-pdp-shipping__message.is-error {
    color:
        #a32626;
}


body.catalog-product-view
.premium-pdp-shipping__rates {
    margin-top:
        8px;

    display:
        grid;

    gap:
        6px;
}


body.catalog-product-view
.premium-pdp-shipping__rate {
    padding:
        9px 10px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    border:
        1px solid #e0e9e4;

    border-radius:
        9px;

    background:
        #fff;
}


body.catalog-product-view
.premium-pdp-shipping__rate-copy {
    min-width:
        0;
}


body.catalog-product-view
.premium-pdp-shipping__rate-copy strong {
    display:
        block;

    color:
        #21483b;

    font-size:
        10px;

    font-weight:
        800;
}


body.catalog-product-view
.premium-pdp-shipping__rate-copy small {
    display:
        block;

    margin-top:
        2px;

    color:
        #72837c;

    font-size:
        8.5px;

    line-height:
        1.3;
}


body.catalog-product-view
.premium-pdp-shipping__price {
    flex:
        0 0 auto;

    color:
        #07583f;

    font-size:
        11px;

    font-weight:
        850;
}


@media (max-width: 480px) {

    body.catalog-product-view
    .premium-pdp-shipping__form {
        grid-template-columns:
            1fr;
    }

}