/* =========================================================
   LOVESTOCK LOGO HEADER PREMIUM V2
   Logo maior + fundo integrado à arte oficial
========================================================= */

:root{
  --ls-logo-purple:#3b1f5b;
}

.topbar{
  background:#3b1f5b !important;
}

.topbar .row{
  min-height:104px !important;
}

.brand{
  justify-content:center !important;
}

.brand img.logo{
  width:min(390px, 40vw) !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}

/* Mobile: logo grande e integrado ao fundo */
@media (max-width:760px){
  .topbar{
    background:#3b1f5b !important;
    border-bottom-color:#3b1f5b !important;
    box-shadow:0 8px 22px rgba(32,10,52,.22) !important;
  }

  .topbar .row{
    min-height:124px !important;
    padding:0 10px !important;
    justify-content:center !important;
  }

  .brand{
    width:100% !important;
    margin:0 auto !important;
    justify-content:center !important;
  }

  .brand img.logo{
    width:min(350px, 92vw) !important;
    max-width:92vw !important;
    height:auto !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }
}

/* Telas bem estreitas */
@media (max-width:380px){
  .topbar .row{
    min-height:112px !important;
  }

  .brand img.logo{
    width:min(320px, 92vw) !important;
  }
}