/*
 * 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;
    }

}

/* PREMIUM_UPSELL_UI_R2_START */
/*
 * Premium Ecológica — PDP Upsell R2
 * Escopo intencional: somente .premium-upsell-section.
 * Não altera sliders genéricos, related products ou cards fora do upsell.
 */
.premium-upsell-section {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #e5ece8;
    border-radius: 0.875rem;
    box-shadow: 0 1px 2px rgba(4, 67, 48, 0.04);
}

.premium-upsell-section > .mb-4 {
    margin-bottom: 1.125rem;
}

.premium-upsell-section > .mb-4 > p:first-child {
    margin: 0 0 0.25rem;
    color: #087a4f;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.premium-upsell-section > .mb-4 > h2 {
    margin: 0;
    color: #0b4938;
    font-size: clamp(1.35rem, 2vw, 1.65rem);
    font-weight: 700;
    line-height: 1.15;
}

.premium-upsell-section > .mb-4 > p:last-child {
    margin: 0.35rem 0 0;
    color: #5c6f68;
    font-size: 0.9rem;
    line-height: 1.45;
}

.premium-upsell-section .product-slider {
    margin-top: 0;
    margin-bottom: 0;
}

.premium-upsell-section .snap-slider {
    margin-top: 0;
    margin-bottom: 0;
}

.premium-upsell-section .btn-primary {
    background-color: #087a4f;
    border-color: #087a4f;
    color: #ffffff;
    box-shadow: none;
}

.premium-upsell-section .btn-primary:hover,
.premium-upsell-section .btn-primary:focus-visible {
    background-color: #065f3d;
    border-color: #065f3d;
    color: #ffffff;
}

.premium-upsell-section .btn-secondary {
    background-color: #ffffff;
    border-color: #b8d7ca;
    color: #087a4f;
    box-shadow: none;
}

.premium-upsell-section .btn-secondary:hover,
.premium-upsell-section .btn-secondary:focus-visible {
    background-color: #edf7f2;
    border-color: #087a4f;
    color: #065f3d;
}

.premium-upsell-section .snap-marker {
    border-color: #87bba7;
}

.premium-upsell-section .snap-marker[aria-current="true"],
.premium-upsell-section .snap-marker.active,
.premium-upsell-section .snap-marker.is-active {
    background-color: #087a4f;
    border-color: #087a4f;
}

@media (max-width: 767px) {
    .premium-upsell-section {
        padding: 1rem;
        border-radius: 0.75rem;
    }

    .premium-upsell-section > .mb-4 > h2 {
        font-size: 1.3rem;
    }
}
/* PREMIUM_UPSELL_UI_R2_END */