/* =====================================================
       PADRÃO
       ===================================================== */

    #leo-header-search-mode {
        display: none;
    }



    /* =====================================================
       CELULAR + TABLET
       ===================================================== */

    @media (max-width: 999px) {


        /* =================================================
           BARRA DE LOCALIZAÇÃO
           ================================================= */

        .ct-header-cta {

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

            position: relative !important;

            /*
             * Faz a barra ignorar o padding lateral
             * do container do Blocksy e encostar
             * nas duas bordas da tela.
             */
            margin-left:
                calc(50% - 50vw) !important;

            margin-right:
                calc(50% - 50vw) !important;
        }


        .ct-header-cta
        a[href="#leo-cep"] {

            width: 100% !important;

            min-height:
                52px !important;

            box-sizing:
                border-box !important;

            padding:
                0 18px !important;


            display:
                flex !important;

            align-items:
                center !important;

            justify-content:
                flex-start !important;

            gap:
                10px !important;


            background:
                #ffffff !important;


            border:
                0 !important;

            border-top:
                1px solid #ededed !important;

            border-bottom:
                1px solid #ededed !important;


            border-radius:
                0 !important;

            box-shadow:
                none !important;


            color:
                #171717 !important;


            font-size:
                15px !important;

            font-weight:
                600 !important;

            line-height:
                1.2 !important;
        }



        /* PIN */

        .ct-header-cta
        a[href="#leo-cep"]
        .leo-cep-trigger-icon {

            width:
                21px !important;

            height:
                21px !important;

            flex:
                0 0 21px !important;

            margin:
                0 !important;

            color:
                #171717 !important;
        }



        /* TEXTO */

        .ct-header-cta
        a[href="#leo-cep"]
        .leo-cep-trigger-label {

            flex: 1;

            min-width: 0;

            text-align:
                left;

            white-space:
                nowrap;

            overflow:
                hidden;

            text-overflow:
                ellipsis;
        }



        /* SETA DA DIREITA */

        .ct-header-cta
        a[href="#leo-cep"]::after {

            content:
                "›";

            margin-left:
                auto;

            font-size:
                30px;

            font-weight:
                300;

            line-height:
                1;

            color:
                #171717;
        }



        /* =================================================
           MODO DE BUSCA
           ================================================= */

        #leo-header-search-mode {

            position:
                fixed;

            top:
                0;

            left:
                0;

            right:
                0;

            z-index:
                999998;


            height:
                70px;


            box-sizing:
                border-box;


            padding:
                8px 14px;


            display:
                flex;


            align-items:
                center;


            gap:
                10px;


            background:
                #FFD400;


            opacity:
                0;


            visibility:
                hidden;


            pointer-events:
                none;


            transform:
                translateY(-12px);


            transition:
                opacity .18s ease,
                transform .18s ease,
                visibility .18s ease;
        }



        body.leo-search-mode-open
        #leo-header-search-mode {

            opacity:
                1;

            visibility:
                visible;

            pointer-events:
                auto;

            transform:
                translateY(0);
        }



        /* =================================================
           SETA VOLTAR
           ================================================= */

        #leo-header-search-mode
        .leo-search-back {

            width:
                42px;

            height:
                50px;

            flex:
                0 0 42px;


            padding:
                0;

            margin:
                0;


            border:
                0;


            background:
                transparent;


            display:
                flex;


            align-items:
                center;


            justify-content:
                center;


            cursor:
                pointer;
        }



        #leo-header-search-mode
        .leo-search-back svg {

            width:
                25px;

            height:
                25px;


            fill:
                none;


            stroke:
                #171717;


            stroke-width:
                1.7;


            stroke-linecap:
                round;


            stroke-linejoin:
                round;
        }



        /* =================================================
           FORMULÁRIO
           ================================================= */

        #leo-header-search-mode
        .leo-header-search-form {

            flex:
                1 1 auto;

            min-width:
                0;

            margin:
                0;
        }



        /* =================================================
           CAMPO BRANCO
           ================================================= */

        #leo-header-search-mode
        input[type="search"] {

            width:
                100%;

            height:
                50px;


            box-sizing:
                border-box;


            margin:
                0;


            padding:
                0 16px;


            border:
                0 !important;


            outline:
                none !important;


            border-radius:
                12px;


            background:
                #ffffff;


            box-shadow:
                none !important;


            color:
                #222222;


            font-size:
                17px;


            font-weight:
                400;


            appearance:
                none;


            -webkit-appearance:
                none;
        }



        #leo-header-search-mode
        input[type="search"]::placeholder {

            color:
                #9c9c9c;

            opacity:
                1;
        }



        #leo-header-search-mode
        input[type="search"]::-webkit-search-cancel-button {

            display:
                none;
        }



        /* =================================================
           LUPA DA DIREITA
           ================================================= */

        #leo-header-search-mode
        .leo-search-submit {

            width:
                38px;

            height:
                50px;

            flex:
                0 0 38px;


            margin:
                0;

            padding:
                0;


            border:
                0;


            background:
                transparent;


            display:
                flex;


            align-items:
                center;


            justify-content:
                center;


            cursor:
                pointer;
        }



        #leo-header-search-mode
        .leo-search-submit svg {

            width:
                25px;

            height:
                25px;


            fill:
                none;


            stroke:
                #171717;


            stroke-width:
                1.8;


            stroke-linecap:
                round;
        }



        /* =================================================
           ESCONDE BUSCA NATIVA DO BLOCKSY
           ================================================= */

        body.leo-search-mode-open
        #search-modal {

            display:
                none !important;
        }

    }



    /* =====================================================
       TABLET
       690px até 999px
       ===================================================== */

    @media
    (min-width: 690px)
    and (max-width: 999px) {


        #leo-header-search-mode {

            height:
                72px;


            padding-left:
                20px;


            padding-right:
                20px;


            gap:
                12px;
        }


        #leo-header-search-mode
        input[type="search"] {

            height:
                52px;


            font-size:
                17px;
        }


        .ct-header-cta
        a[href="#leo-cep"] {

            min-height:
                54px !important;


            padding-left:
                22px !important;


            padding-right:
                22px !important;
        }

    }