/* ==========================================================
   B612 HOME — SMARTPHONE
   Zone gauche du moteur de recherche
   ========================================================== */

@media (max-width: 767px) {


    /* ======================================================
       HERO
    ====================================================== */

    .b612-hero {

        height: auto;

        min-height: 100vh;

        background-position:
            center center;
    }


    .b612-hero__body {

        display: block;

        min-height: 0;

        padding:
            35px 20px 50px;
    }


    /* ======================================================
       CONTENU
    ====================================================== */

    .b612-hero__content {

        width: 100%;

        max-width: none;

        padding-top: 20px;
    }


    .b612-hero__content h1 {

        font-size: 2rem;

        line-height: 2.3rem;
    }


    .b612-hero__intro {

        margin:
            24px 0 28px;

        font-size: 14px;

        line-height: 1.5;
    }


    /* ======================================================
       RECHERCHE
    ====================================================== */

    .b612-search-advanced {

        width: 100%;
    }


    .b612-search-advanced__searchbox {

        height: 56px;
    }


    .b612-search-advanced__input {

        padding:
            0 66px 0 20px;

        font-size: 14px;
    }


    .b612-search-advanced__submit {

        width: 42px;

        height: 42px;

        right: 7px;
    }


    /* ======================================================
       CATÉGORIE
    ====================================================== */

    .b612-search-advanced__category {

        flex-direction: column;

        align-items: flex-start;

        gap: 12px;

        margin-top: 28px;
    }


    .b612-search-advanced__select {

        width: 100%;

        height: 34px;
    }


    /* ======================================================
       UNIVERS
    ====================================================== */

    .b612-hero__universes-title {

        margin:
            35px 0 18px;
    }


    .b612-hero__universes-list {

        gap: 10px;
    }


    .b612-hero__universe {

        width: 76px;

        height: 76px;
    }


    .b612-hero__universe-icon {

        width: 30px;

        height: 30px;

        font-size: 24px;
    }


    /* ======================================================
       VISUEL
    ====================================================== */

    .b612-hero__visual {

        position: absolute;

        width: 100%;

        opacity: .35;
    }


    .b612-hero__indicator {

        display: none;
    }
}