/*
==============================================================
PREMIUM ECOLÓGICA
BOARD 4 — PDP V2A

Objetivo:
- PDP mais comercial
- menos aparência "Magento"
- melhor hierarquia de compra
==============================================================
*/


/* ==========================================================
   ÁREA PRINCIPAL
   ========================================================== */

body.catalog-product-view
.column.main {
    max-width: 1240px !important;

    padding-top: 14px !important;
}


@media (min-width: 768px) {

    body.catalog-product-view
    .product.media {
        width: 53% !important;

        padding:
            0
            46px
            20px
            0 !important;
    }


    body.catalog-product-view
    .product-info-main {
        width: 43% !important;

        margin:
            0
            0
            35px !important;

        padding:
            25px
            27px
            27px !important;

        border:
            1px solid
            #dce7df !important;

        border-radius:
            18px !important;

        box-shadow:
            0 12px 32px
            rgba(
                23,
                70,
                44,
                .07
            ) !important;
    }

}


/* ==========================================================
   TÍTULO
   ========================================================== */

body.catalog-product-view
.product-info-main
.page-title-wrapper {
    margin:
        0
        0
        10px !important;
}


body.catalog-product-view
.product-info-main
.page-title {
    max-width: 100% !important;

    color:
        #173f2c !important;

    font-size:
        24px !important;

    line-height:
        1.19 !important;

    font-weight:
        800 !important;

    letter-spacing:
        -.35px !important;

    text-transform:
        none !important;
}


/* ==========================================================
   CHIPS
   ========================================================== */

body.catalog-product-view
.premium-board4-summary {
    gap: 6px !important;

    margin:
        3px
        0
        12px !important;
}


body.catalog-product-view
.premium-board4-summary__chip {
    min-height:
        27px !important;

    padding:
        4px
        9px !important;

    color:
        #27613e !important;

    background:
        #f4f9f5 !important;

    font-size:
        10px !important;
}


/* ==========================================================
   RESUMO CURTO
   ========================================================== */

body.catalog-product-view
.product-info-main
.product.attribute.overview {
    box-sizing:
        border-box !important;

    width:
        100% !important;

    margin:
        0
        0
        13px !important;

    padding:
        11px
        13px !important;

    color:
        #53665b !important;

    background:
        #f8fbf9 !important;

    border:
        1px solid
        #e5eee8 !important;

    border-radius:
        10px !important;

    font-size:
        11px !important;

    line-height:
        1.48 !important;
}


body.catalog-product-view
.product-info-main
.product.attribute.overview
.value {
    margin:
        0 !important;
}


/* ==========================================================
   AVALIAÇÃO
   ========================================================== */

body.catalog-product-view
.product-info-main
.product-reviews-summary {
    margin:
        0
        0
        9px !important;

    font-size:
        10px !important;
}


body.catalog-product-view
.product-info-main
.reviews-actions
a {
    color:
        #708077 !important;

    font-size:
        10px !important;
}


/* ==========================================================
   PREÇO — AGORA VERTICAL
   ========================================================== */

body.catalog-product-view
.product-info-main
.product-info-price {
    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    width:
        100% !important;

    margin:
        0
        0
        15px !important;

    padding:
        0
        0
        16px !important;

    border-bottom:
        1px solid
        #e7eee9 !important;
}


/*
 * Estoque e SKU antes do preço.
 */
body.catalog-product-view
.product-info-main
.product-info-stock-sku {
    order:
        -10 !important;

    display:
        flex !important;

    align-items:
        center !important;

    flex-wrap:
        wrap !important;

    gap:
        7px !important;

    float:
        none !important;

    width:
        100% !important;

    margin:
        0
        0
        7px !important;

    text-align:
        left !important;
}


body.catalog-product-view
.product-info-main
.stock.available {
    display:
        inline-flex !important;

    align-items:
        center !important;

    min-height:
        23px !important;

    margin:
        0 !important;

    padding:
        3px
        8px !important;

    color:
        #087b3b !important;

    background:
        #edf8f0 !important;

    border:
        1px solid
        #cde7d5 !important;

    border-radius:
        999px !important;

    font-size:
        9px !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;
}


body.catalog-product-view
.product-info-main
.product.attribute.sku {
    display:
        inline-flex !important;

    align-items:
        center !important;

    margin:
        0 !important;

    color:
        #7b877f !important;

    font-size:
        9px !important;
}


body.catalog-product-view
.product-info-main
.product.attribute.sku
.type {
    margin-right:
        3px !important;
}


/*
 * Preço principal.
 */
body.catalog-product-view
.product-info-main
.price-box {
    order:
        0 !important;

    float:
        none !important;

    width:
        100% !important;

    margin:
        0 !important;
}


body.catalog-product-view
.product-info-main
.price-box
.price {
    color:
        #103f2a !important;

    font-size:
        33px !important;

    line-height:
        1.1 !important;

    font-weight:
        800 !important;

    letter-spacing:
        -.7px !important;
}


/* parcelamento */

body.catalog-product-view
.product-info-main
.jsr-priceinstallment {
    order:
        1 !important;

    width:
        100% !important;

    margin:
        4px
        0
        0 !important;
}


body.catalog-product-view
.product-info-main
.mm-price-parcels-view {
    margin:
        0 !important;

    color:
        #64756c !important;

    font-size:
        11px !important;

    line-height:
        1.35 !important;
}


/* Pix */

body.catalog-product-view
.product-info-main
#preco-a-vista-mm {
    order:
        2 !important;

    margin:
        8px
        0
        0 !important;
}


body.catalog-product-view
.product-info-main
#preco-a-vista-mm
p {
    margin:
        0 !important;

    padding:
        7px
        10px !important;

    color:
        #087c3c !important;

    background:
        #eff9f2 !important;

    border:
        1px solid
        #cde8d5 !important;

    border-radius:
        7px !important;

    font-size:
        12px !important;

    line-height:
        1.2 !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   OPÇÕES
   ========================================================== */

body.catalog-product-view
.product-options-wrapper {
    margin:
        0
        0
        13px !important;
}


body.catalog-product-view
.product-options-wrapper
.field {
    margin:
        0 !important;
}


body.catalog-product-view
.product-options-wrapper
.label {
    margin:
        0
        0
        7px !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;
}


body.catalog-product-view
.premium-pdp-option-pills {
    gap:
        8px !important;
}


body.catalog-product-view
.premium-pdp-option-pill {
    min-width:
        96px !important;

    min-height:
        40px !important;

    padding:
        7px
        16px !important;

    border-radius:
        20px !important;

    font-size:
        11.5px !important;

    transition:
        border-color .15s ease,
        background-color .15s ease,
        color .15s ease,
        box-shadow .15s ease !important;
}


body.catalog-product-view
.premium-pdp-option-pill.is-selected {
    box-shadow:
        0 3px 10px
        rgba(
            22,
            136,
            70,
            .14
        ) !important;
}


body.catalog-product-view
.premium-pdp-option-hint {
    margin-top:
        6px !important;

    color:
        #718078 !important;

    font-size:
        9px !important;
}


/* ==========================================================
   COMPRA
   ========================================================== */

body.catalog-product-view
.product-info-main
.box-tocart {
    display:
        grid !important;

    grid-template-columns:
        68px
        minmax(
            0,
            1fr
        ) !important;

    gap:
        9px !important;

    align-items:
        end !important;

    width:
        100% !important;

    margin:
        14px
        0
        0 !important;
}


body.catalog-product-view
.product-info-main
.box-tocart
.field.qty {
    display:
        block !important;

    width:
        68px !important;

    margin:
        0 !important;
}


body.catalog-product-view
.product-info-main
.box-tocart
.field.qty
.label {
    display:
        block !important;

    margin:
        0
        0
        6px !important;

    color:
        #173f2c !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;
}


body.catalog-product-view
.product-info-main
#qty {
    width:
        68px !important;

    height:
        47px !important;

    border-radius:
        9px !important;

    font-size:
        13px !important;
}


body.catalog-product-view
.product-info-main
.box-tocart
.actions {
    display:
        block !important;

    width:
        100% !important;
}


body.catalog-product-view
.product-info-main
#product-addtocart-button {
    width:
        100% !important;

    min-width:
        0 !important;

    height:
        47px !important;

    min-height:
        47px !important;

    margin:
        0 !important;

    padding:
        8px
        20px !important;

    border-radius:
        24px !important;

    font-size:
        12.5px !important;

    font-weight:
        800 !important;
}


/*
 * Estado antes de escolher voltagem:
 * desabilitado, mas legível.
 */
body.catalog-product-view
.product-info-main
#product-addtocart-button[disabled] {
    color:
        #3c7955 !important;

    background:
        #edf7f0 !important;

    border-color:
        #b8d8c3 !important;

    opacity:
        1 !important;
}


body.catalog-product-view
.product-info-main
#product-addtocart-button[disabled]
span {
    color:
        #3c7955 !important;
}


/* ==========================================================
   FRETE — IMEDIATAMENTE APÓS COMPRA
   ========================================================== */

body.catalog-product-view
.product-info-main
#simularFrete {
    box-sizing:
        border-box !important;

    width:
        100% !important;

    margin:
        16px
        0
        0 !important;

    padding:
        13px !important;

    background:
        #f8fbf9 !important;

    border:
        1px solid
        #dfe9e2 !important;

    border-radius:
        11px !important;
}


body.catalog-product-view
.product-info-main
#simularFrete
.label-mm {
    margin-bottom:
        6px !important;

    color:
        #173f2c !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;
}


body.catalog-product-view
.product-info-main
#simularFrete
#cep {
    width:
        calc(
            100% - 118px
        ) !important;

    height:
        39px !important;

    border-radius:
        8px !important;
}


body.catalog-product-view
.product-info-main
#simularFrete
#sendFrete {
    width:
        108px !important;

    height:
        39px !important;

    margin-left:
        5px !important;

    border-radius:
        8px !important;

    font-size:
        9.5px !important;
}


/* ==========================================================
   BENEFÍCIOS INTERNOS
   ========================================================== */

body.catalog-product-view
.premium-board4-trust {
    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        6px !important;

    margin:
        12px
        0
        0 !important;
}


body.catalog-product-view
.premium-board4-trust__item {
    min-height:
        45px !important;

    gap:
        7px !important;

    padding:
        7px
        8px !important;

    background:
        #fff !important;

    border-radius:
        8px !important;
}


body.catalog-product-view
.premium-board4-trust__icon {
    flex:
        0 0
        25px !important;

    width:
        25px !important;

    height:
        25px !important;

    font-size:
        8.5px !important;
}


body.catalog-product-view
.premium-board4-trust__item
strong {
    font-size:
        9px !important;
}


body.catalog-product-view
.premium-board4-trust__item
small {
    font-size:
        7.5px !important;
}


/* ==========================================================
   GALERIA
   ========================================================== */

@media (min-width: 768px) {

    body.catalog-product-view
    .product.media
    .fotorama__stage {
        height:
            520px !important;

        min-height:
            520px !important;

        max-height:
            520px !important;

        background:
            linear-gradient(
                180deg,
                #fff 0%,
                #fbfdfb 100%
            ) !important;
    }


    body.catalog-product-view
    .product.media
    .fotorama__stage__shaft,
    body.catalog-product-view
    .product.media
    .fotorama__stage__frame {
        height:
            520px !important;
    }


    body.catalog-product-view
    .product.media
    .fotorama__img {
        max-width:
            90% !important;

        max-height:
            88% !important;

        object-fit:
            contain !important;
    }

}


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

@media (max-width: 767px) {

    body.catalog-product-view
    .product-info-main {
        padding:
            18px
            15px
            20px !important;
    }


    body.catalog-product-view
    .product-info-main
    .page-title {
        font-size:
            21px !important;
    }


    body.catalog-product-view
    .product-info-main
    .price-box
    .price {
        font-size:
            29px !important;
    }


    body.catalog-product-view
    .product-info-main
    .box-tocart {
        grid-template-columns:
            62px
            minmax(
                0,
                1fr
            ) !important;
    }


    body.catalog-product-view
    .product-info-main
    .box-tocart
    .field.qty,
    body.catalog-product-view
    .product-info-main
    #qty {
        width:
            62px !important;
    }


    body.catalog-product-view
    .premium-board4-trust {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;
    }

}


/* ==========================================================
   BOARD 4 V2A.1
   CORREÇÃO ESTRUTURAL DO BLOCO DE COMPRA
   ========================================================== */


/*
 * Anula a grade anterior.
 */
body.catalog-product-view
.product-info-main
.box-tocart {
    display: flex !important;
    align-items: flex-end !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 14px 0 0 !important;
}


/*
 * Quantidade.
 */
body.catalog-product-view
.product-info-main
.box-tocart
.field.qty {
    position: relative !important;

    display: block !important;

    flex: 0 0 72px !important;

    width: 72px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}


body.catalog-product-view
.product-info-main
.box-tocart
.field.qty
.label {
    display: block !important;

    width: 100% !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    color: #173f2c !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}


body.catalog-product-view
.product-info-main
#qty {
    box-sizing: border-box !important;

    display: block !important;

    width: 72px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    border: 1px solid #d0dfd5 !important;
    border-radius: 10px !important;

    background: #fff !important;

    color: #173f2c !important;

    text-align: center !important;

    font-size: 13px !important;
}


/*
 * Ações de compra.
 * Importante: seletor específico para não afetar
 * outras .actions internas da PDP.
 */
body.catalog-product-view
.product-info-main
.box-tocart
> .actions {
    position: static !important;

    display: block !important;

    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    transform: none !important;
}


body.catalog-product-view
.product-info-main
#product-addtocart-button {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 8px 18px !important;

    float: none !important;

    border: 1px solid #168846 !important;
    border-radius: 23px !important;

    background: #168846 !important;
    color: #fff !important;

    white-space: nowrap !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    transform: none !important;
}


body.catalog-product-view
.product-info-main
#product-addtocart-button span {
    display: inline !important;

    color: inherit !important;

    white-space: nowrap !important;
}


/*
 * Estado sem voltagem:
 * não reduz largura, altura ou tipografia.
 */
body.catalog-product-view
.product-info-main
#product-addtocart-button[disabled] {
    background: #eef7f1 !important;

    border-color: #b9d8c4 !important;

    color: #34734d !important;

    opacity: 1 !important;
}


/* ==========================================================
   QUANTITY SWITCHER ARGENTO
   Não deixamos setas herdadas quebrarem o layout.
   ========================================================== */

body.catalog-product-view
.product-info-main
.box-tocart
.field.qty
[class*="qty-"],
body.catalog-product-view
.product-info-main
.box-tocart
.field.qty
[class*="quantity-"],
body.catalog-product-view
.product-info-main
.box-tocart
.field.qty
.qty-switcher,
body.catalog-product-view
.product-info-main
.box-tocart
.field.qty
.quantity-switcher {
    max-height: 46px !important;
}


/* ==========================================================
   FRETE
   ========================================================== */

body.catalog-product-view
.product-info-main
#simularFrete {
    position: static !important;

    display: block !important;

    clear: both !important;

    box-sizing: border-box !important;

    width: 100% !important;

    margin: 16px 0 0 !important;
    padding: 14px !important;

    float: none !important;

    overflow: visible !important;

    background: #f8fbf9 !important;

    border: 1px solid #dce8df !important;
    border-radius: 11px !important;
}


/* ==========================================================
   TRUST
   Evita colapso em tiras verticais.
   ========================================================== */

body.catalog-product-view
.product-info-main
.premium-board4-trust {
    position: static !important;

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 7px !important;

    clear: both !important;

    width: 100% !important;
    min-width: 100% !important;

    margin: 12px 0 0 !important;
    padding: 0 !important;

    float: none !important;

    overflow: visible !important;
}


body.catalog-product-view
.product-info-main
.premium-board4-trust__item {
    position: static !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 8px 9px !important;

    float: none !important;

    overflow: hidden !important;

    background: #fbfdfb !important;

    border: 1px solid #e1ebe4 !important;
    border-radius: 9px !important;
}


body.catalog-product-view
.product-info-main
.premium-board4-trust__item
> span:last-child {
    display: block !important;

    min-width: 0 !important;

    overflow: hidden !important;
}


body.catalog-product-view
.product-info-main
.premium-board4-trust__item
strong,
body.catalog-product-view
.product-info-main
.premium-board4-trust__item
small {
    white-space: normal !important;
}


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

@media (max-width: 767px) {

    body.catalog-product-view
    .product-info-main
    .box-tocart {
        display: grid !important;

        grid-template-columns:
            68px minmax(0, 1fr) !important;

        gap: 8px !important;
    }


    body.catalog-product-view
    .product-info-main
    .box-tocart
    .field.qty,
    body.catalog-product-view
    .product-info-main
    #qty {
        width: 68px !important;
    }


    body.catalog-product-view
    .product-info-main
    .premium-board4-trust {
        grid-template-columns: 1fr !important;
    }

}


/* ==========================================================
   BOARD 4 V2A.2
   BOX TO CART — ESTRUTURA MAGENTO REAL
   ========================================================== */


/*
 * box-tocart é apenas o wrapper.
 */
body.catalog-product-view
.product-info-main
.box-tocart {
    display: block !important;

    width: 100% !important;

    margin: 14px 0 0 !important;
}


/*
 * É o FIELDSET que contém Qtd + Actions.
 */
body.catalog-product-view
.product-info-main
.box-tocart
.fieldset {
    display: grid !important;

    grid-template-columns:
        72px
        minmax(0, 1fr) !important;

    align-items: end !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* quantidade */

body.catalog-product-view
.product-info-main
.box-tocart
.field.qty {
    display: block !important;

    width: 72px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}


body.catalog-product-view
.product-info-main
.box-tocart
.field.qty
.label {
    display: block !important;

    margin: 0 0 6px !important;

    color: #173f2c !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}


body.catalog-product-view
.product-info-main
.box-tocart
#qty {
    box-sizing: border-box !important;

    display: block !important;

    width: 72px !important;
    height: 46px !important;

    margin: 0 !important;

    border: 1px solid #d0dfd5 !important;
    border-radius: 10px !important;

    text-align: center !important;
}


/* ações */

body.catalog-product-view
.product-info-main
.box-tocart
.fieldset
.actions {
    position: static !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    transform: none !important;
}


body.catalog-product-view
.product-info-main
.box-tocart
#product-addtocart-button {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 46px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 8px 18px !important;

    float: none !important;

    color: #fff !important;
    background: #168846 !important;

    border: 1px solid #168846 !important;
    border-radius: 23px !important;

    white-space: nowrap !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    transform: none !important;
}


body.catalog-product-view
.product-info-main
.box-tocart
#product-addtocart-button span {
    color: inherit !important;

    white-space: nowrap !important;
}


/*
 * Magento desabilitado / aguardando opção.
 */
body.catalog-product-view
.product-info-main
.box-tocart
#product-addtocart-button[disabled] {
    color: #34734d !important;
    background: #eef7f1 !important;

    border-color: #b9d8c4 !important;

    opacity: 1 !important;
}


@media (max-width: 767px) {

    body.catalog-product-view
    .product-info-main
    .box-tocart
    .fieldset {
        grid-template-columns:
            64px
            minmax(0, 1fr) !important;
    }

    body.catalog-product-view
    .product-info-main
    .box-tocart
    .field.qty,
    body.catalog-product-view
    .product-info-main
    .box-tocart
    #qty {
        width: 64px !important;
    }

}



/* ==========================================================
   BOARD 4 V2A.12
   FOTORAMA NATIVA / THUMBNAILS ESTAVEIS

   IMPORTANTE:
   - a v2a11 garante a instancia da Gallery/Fotorama
   - nao forcar display, width, height ou margin dos frames
   - a Fotorama calcula essas propriedades dinamicamente
   - nao aplicar background/background-color na thumb
   ========================================================== */

body.catalog-product-view
.product.media
.fotorama__nav-wrap,
body.catalog-product-view
.product.media
.fotorama__nav,
body.catalog-product-view
.product.media
.fotorama__nav__shaft,
body.catalog-product-view
.product.media
.fotorama__nav__frame--thumb {
    opacity: 1 !important;
    visibility: visible !important;
}


/*
 * Personalizacao somente visual.
 *
 * Nao definir background aqui.
 * Nesta versao da Fotorama a thumbnail possui
 * um IMG interno e a cor de fundo estava
 * mascarando sua renderizacao.
 */
body.catalog-product-view
.product.media
.fotorama__thumb {
    border: 1px solid #dfe8e2 !important;
    border-radius: 8px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/*
 * Thumb selecionada.
 */
body.catalog-product-view
.product.media
.fotorama__nav__frame.fotorama__active
.fotorama__thumb {
    border-color: #168846 !important;

    box-shadow:
        0 0 0 1px
        #168846 !important;
}


/*
 * A imagem interna permanece 100% sob
 * controle dimensional da Fotorama.
 */
body.catalog-product-view
.product.media
.fotorama__thumb
.fotorama__img {
    object-fit: contain !important;
}


/*
 * Alinha a navegacao vertical com o topo
 * da imagem principal sem modificar as
 * dimensoes calculadas pela Fotorama.
 */
@media (min-width: 768px) {

    body.catalog-product-view
    .product.media
    .fotorama__nav-wrap--vertical {
        margin-top: 0 !important;
    }

}

/* ==========================================================
   BOARD 4 V2A.2
   GALERIA MAIS COMPACTA
   ========================================================== */

@media (min-width: 768px) {

    body.catalog-product-view
    .product.media
    .fotorama__stage,
    body.catalog-product-view
    .product.media
    .fotorama__stage__shaft,
    body.catalog-product-view
    .product.media
    .fotorama__stage__frame {
        height: 455px !important;
        min-height: 455px !important;
        max-height: 455px !important;
    }


    body.catalog-product-view
    .product.media
    .fotorama__img {
        max-width: 92% !important;
        max-height: 90% !important;

        object-fit: contain !important;
    }

}


/* ==========================================================
   BOARD 4 V2A.3
   ESTADO FUNCIONAL DO CTA
   ========================================================== */

body.catalog-product-view
.product-info-main
#product-addtocart-button:disabled,
body.catalog-product-view
.product-info-main
#product-addtocart-button[disabled] {
    color: #3f7654 !important;
    background: #edf7f0 !important;

    border-color: #b9d8c4 !important;

    box-shadow: none !important;

    cursor: not-allowed !important;

    opacity: 1 !important;
}


body.catalog-product-view
.product-info-main
#product-addtocart-button.premium-is-ready {
    color: #fff !important;
    background: #168846 !important;

    border-color: #168846 !important;

    cursor: pointer !important;

    box-shadow:
        0 5px 14px
        rgba(22,136,70,.16) !important;
}


/* ==========================================================
   PREMIUM BOARD 4 PDP V2A13
   ACABAMENTO FINAL DA GALERIA
   ========================================================== */


/*
 * Quadro principal
 */
body.catalog-product-view
.product.media
.fotorama__stage {
    border: 1px solid #e1e9e4 !important;
    border-radius: 10px !important;

    background-color: #fff !important;

    box-sizing: border-box !important;
}


/*
 * Foto principal:
 * utiliza melhor o espaço sem cortar o produto.
 */
@media (min-width: 768px) {

    body.catalog-product-view
    .product.media
    .fotorama__stage
    .fotorama__img {
        max-width: 96% !important;
        max-height: 94% !important;

        object-fit: contain !important;
    }

}


/*
 * Trilho vertical.
 *
 * NÃO alterar dimensões dos frames:
 * elas continuam sob controle da Fotorama.
 */
body.catalog-product-view
.product.media
.fotorama__nav-wrap--vertical {
    box-sizing: border-box !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/*
 * Cartão individual da thumb.
 */
body.catalog-product-view
.product.media
.fotorama__thumb {
    position: relative !important;

    border: 1px solid #dce7e0 !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/*
 * Imagem real da thumb.
 *
 * Ela é <img> nesta instalação.
 * Não aplicar background-color ao container.
 */
body.catalog-product-view
.product.media
.fotorama__thumb
.fotorama__img {
    max-width: 90% !important;
    max-height: 90% !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;
}


/*
 * Estado selecionado.
 */
body.catalog-product-view
.product.media
.fotorama__nav__frame.fotorama__active
.fotorama__thumb {
    border-color: #168846 !important;

    box-shadow:
        inset 0 0 0 1px #168846 !important;
}


/*
 * Dá acabamento aos controles do trilho,
 * sem alterar o mecanismo de navegação.
 */
body.catalog-product-view
.product.media
.fotorama__thumb__arr {
    opacity: .92 !important;
}


/*
 * Mobile:
 * devolve navegação naturalmente horizontal
 * e evita regras desktop interferirem.
 */
@media (max-width: 767px) {

    body.catalog-product-view
    .product.media
    .fotorama__stage {
        border-radius: 8px !important;
    }

    body.catalog-product-view
    .product.media
    .fotorama__thumb
    .fotorama__img {
        max-width: 92% !important;
        max-height: 92% !important;
    }

}