/* ============================================================
   PREMIUM ECOLOGICA
   BOARD 4 PDP V2B7.1

   FINAL MOBILE HIERARCHY

   Corrige conflito de especificidade criado na V2B6.1:

   .column.main > .product-info-main
   tinha display:block !important.

   Nenhum node e movido.
   Nenhum JS novo.
   Desktop permanece congelado.
   ============================================================ */


@media (max-width: 767px) {

    /* ========================================================
       1. ATIVA DE FATO A ORDENAÇÃO DA PRODUCT-INFO-MAIN
       ======================================================== */

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

        flex-direction: column !important;

        align-items: stretch !important;

        float: none !important;

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

        min-width: 0 !important;

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


    /* ========================================================
       2. ORDEM REAL DO HERO MOBILE
       ======================================================== */

    body.catalog-product-view
    .column.main
    > .product-info-main
    > .page-title-wrapper {
        order: 10 !important;
    }


    body.catalog-product-view
    .column.main
    > .product-info-main
    > .premium-board4-summary {
        order: 20 !important;
    }


    /*
     * Preço sobe imediatamente para depois dos chips.
     */
    body.catalog-product-view
    .column.main
    > .product-info-main
    > .product-info-price {
        order: 30 !important;
    }


    /*
     * Voltagem + Qtd + CTA + WhatsApp.
     */
    body.catalog-product-view
    .column.main
    > .product-info-main
    > .product-add-form {
        order: 40 !important;
    }


    /*
     * Frete faz parte direta da compra.
     */
    body.catalog-product-view
    .column.main
    > .product-info-main
    > #simularFrete {
        order: 50 !important;
    }


    /*
     * Benefícios depois da decisão principal.
     */
    body.catalog-product-view
    .column.main
    > .product-info-main
    > .premium-board4-trust {
        order: 60 !important;
    }


    /*
     * Resumo editorial deixa de disputar a primeira dobra.
     */
    body.catalog-product-view
    .column.main
    > .product-info-main
    > .product.attribute.overview {
        order: 70 !important;
    }


    /*
     * Review sem avaliação fica complementar.
     */
    body.catalog-product-view
    .column.main
    > .product-info-main
    > .product-reviews-summary {
        order: 80 !important;
    }


    body.catalog-product-view
    .column.main
    > .product-info-main
    > script {
        order: 100 !important;
    }


    /* ========================================================
       3. TITULO
       ======================================================== */

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


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

        line-height: 1.06 !important;

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


    /* ========================================================
       4. CHIPS
       ======================================================== */

    body.catalog-product-view
    .product-info-main
    .premium-board4-summary {
        margin:
            0 0
            7px !important;
    }


    body.catalog-product-view
    .product-info-main
    .premium-board4-summary__chips {
        margin: 0 !important;

        gap: 5px !important;
    }


    /* ========================================================
       5. PREÇO — MAIS DESTAQUE E MENOS ESPAÇO
       ======================================================== */

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

        margin:
            3px 0
            0 !important;

        padding:
            0 0
            9px !important;

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


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

        line-height: 1 !important;

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


    /* ========================================================
       6. VOLTAGEM / COMPRA
       ======================================================== */

    body.catalog-product-view
    .product-info-main
    .product-add-form {
        width: 100% !important;

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


    body.catalog-product-view
    .product-info-main
    .product-options-wrapper {
        margin:
            11px 0
            0 !important;

        padding: 0 !important;
    }


    body.catalog-product-view
    .product-info-main
    .box-tocart {
        margin:
            5px 0
            8px !important;
    }


    /* ========================================================
       7. FRETE
       ======================================================== */

    body.catalog-product-view
    .column.main
    > .product-info-main
    > #simularFrete {
        width: 100% !important;

        margin:
            3px 0
            9px !important;

        padding:
            8px !important;

        box-sizing: border-box !important;

        background: #f7fbf8 !important;

        border:
            1px solid
            #dce7e0 !important;

        border-radius:
            8px !important;
    }


    /* ========================================================
       8. TRUST
       ======================================================== */

    body.catalog-product-view
    .column.main
    > .product-info-main
    > .premium-board4-trust {
        margin:
            0 0
            8px !important;
    }


    /* ========================================================
       9. OVERVIEW VIRA COMPLEMENTAR
       ======================================================== */

    body.catalog-product-view
    .column.main
    > .product-info-main
    > .product.attribute.overview {
        width: 100% !important;

        margin:
            3px 0
            0 !important;

        padding:
            10px 0
            0 !important;

        background: transparent !important;

        border: 0 !important;
        border-top:
            1px solid
            #e4ebe7 !important;

        border-radius: 0 !important;
    }


    body.catalog-product-view
    .column.main
    > .product-info-main
    > .product.attribute.overview
    .value {
        color: #56665e !important;

        font-size: 11px !important;
        line-height: 1.4 !important;
    }


    /* ========================================================
       10. REVIEW COMPLEMENTAR
       ======================================================== */

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

        font-size:
            10px !important;
    }

}


/* ============================================================
   CELULARES PEQUENOS
   ============================================================ */

@media (max-width: 430px) {

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


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

}