/* LIOVELA B2C V61 - korekta koszyka i odstępu logo */
/* Modyfikator stworzony przez gumis */

/*
  Mały override po V60:
  - koszyk był zbyt blisko / nachodził na lupę,
  - logo miało zbyt mały oddech od belki kategorii.
*/

/* Większy, stały odstęp między sekcją logo a menu kategorii */
#header .header-top .header-div .container {
  padding-bottom: 44px !important;
}

#header .header-top-main.bg_main {
  margin-top: 18px !important;
}

/* Koszyk odsuń w prawo od przycisku lupy */
#header #liovela-static-cart-search {
  left: calc(50% + 610px) !important;
  top: 80px !important;
}

/* Typowy laptop / desktop do 1600px szerokości */
@media (max-width: 1600px) and (min-width: 1200px) {
  #header #liovela-static-cart-search {
    left: calc(50% + 520px) !important;
    top: 80px !important;
  }
}

/* Mniejsze desktopowe szerokości */
@media (max-width: 1199px) and (min-width: 992px) {
  #header #liovela-static-cart-search {
    left: auto !important;
    right: 4.5vw !important;
    top: 80px !important;
  }
}

@media (max-width: 991px) {
  #header .header-top .header-div .container {
    padding-bottom: 30px !important;
  }

  #header .header-top-main.bg_main {
    margin-top: 10px !important;
  }

  #header #liovela-static-cart-search {
    left: auto !important;
    right: 16px !important;
    top: 58px !important;
  }
}

/* B2C logo size aligned visually with B2B header */
#header #_desktop_logo.header_logo {
  width: 300px !important;
  max-width: 300px !important;
  min-width: 300px !important;
  height: 155px !important;
  overflow: hidden !important;
  background-image: url('/img/logo-liovela-r-20260720.png') !important;
  background-repeat: no-repeat !important;
  background-size: 550px auto !important;
  background-position: -136px -78px !important;
}

#header #_desktop_logo.header_logo a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

#header #_desktop_logo.header_logo .logo {
  opacity: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 991px) {
  #header #_desktop_logo.header_logo {
    width: 210px !important;
    max-width: 210px !important;
    min-width: 0 !important;
    height: 110px !important;
    background-size: 385px auto !important;
    background-position: -96px -54px !important;
  }
}