/* ==========================================================================
   Header · search — BẢN ĐIỆN THOẠI

   O tim kiem tren thanh dau trang: khung bo tron, o nhap, nut kinh lup.

   Số đo dùng thang --cq-1..6, màu dùng token (Theme.css).
   Bản máy tính và bản điện thoại TÁCH HẲN — không bản nào đè bản nào.
   Dòng "← file cũ" cho biết luật đó gom về từ đâu.
   ========================================================================== */


/* ← Content/Styles/mobile-v2.css */
#headPage .page-width-2 .form-search.form-top {


    display: none;
}

#headPage .page-width-2 .form-search.form-top.open {


    display: block;
}


@media (max-width: 767px) {
    /* ← Template/HeaderSearch.ascx */
    .cq-search {

            box-shadow: none;
    }

    .cq-search__input {

            height: 40px;
            line-height: 40px;
            padding-right: 46px;
    }

    .cq-search__button {

            width: 42px;
    }

}

@media screen and (max-width: 1024px) {
    /* ← Content/Styles/Reponsive.css */
    .form-search input {

        width: 180px;
    }

}

@media screen and (max-width: 1150px) {
    /* ← Content/Styles/Reponsive.css */
    .form-search input {

        width: 200px;
    }

}

@media screen and (max-width: 820px) {
    /* ← Content/Styles/Reponsive.css */
    .form-search input {

        width: 120px;
    }

    .form-search input, .form-search button {

        height: 35px;
        line-height: 35px;
    }

    .form-search input {

        width: 100%;
    }

    .form-search.open {

        display: block;
        border-radius: 0px;
        position: absolute;
        left: 0px;
        right: 0px;
        z-index: 11;
        margin: 0px;
        top: 0px;
        height: 63px;
        padding-left: 40px;
    }

    .form-search input {

        height: 63px;
    }

    .form-search .back-search {

        position: absolute;
        left: 0px;
        top: 0px;
        line-height: 63px;
        width: 40px;
    }

    .form-search button {

        line-height: 63px;
        height: 63px;
    }

    .menu-top .hide-on-desk, .form-search .back-search {

        display: inline-block;
    }

}