/* =========================================================
   LOVESTOCK LOGO FULL WIDTH PREMIUM V3
   Mobile: logo estampado de ponta a ponta no cabeçalho
========================================================= */

@media (max-width:760px){

  .topbar{
    background:#2f1647 !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  .topbar .row{
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
  }

  .topbar .brand{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .topbar .brand img.logo{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  /* remove qualquer sobra lateral ou caixa anterior do logo */
  .topbar .brand::before,
  .topbar .brand::after{
    display:none !important;
    content:none !important;
  }

  /* aproxima a busca do logo, como no modelo aprovado */
  .topbar + .searchbar,
  .topbar ~ .searchbar,
  .ls-sticky-shell .searchbar{
    margin-top:0 !important;
  }
}

@media (max-width:420px){
  .topbar .brand img.logo{
    width:100% !important;
  }
}