/* BAVOVNA DESIGN SYSTEM V1
 * Desktop hierarchy layer, 2026-09-01.
 * Loaded after page-specific styles so legacy inline rules cannot fragment
 * typography, controls and product description rendering.
 */

/* Header cart counter: one optical-centering rule for mobile and desktop. */
#bav-cart-wrap #cart > .btn #cart-total {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 0 3px !important;
  font-family: Rubik, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Purchase confirmation modal: premium responsive layout */
#modal-cart {
  padding-right: 0 !important;
}

#modal-cart .modal-dialog {
  width: min(760px, calc(100vw - 32px)) !important;
  margin: 24px auto !important;
}

#modal-cart .modal-content {
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, .1) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22) !important;
}

#modal-cart .modal-header {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 4 !important;
  width: 44px !important;
  height: 44px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#modal-cart .modal-title {
  display: none !important;
}

#modal-cart .modal-header .close {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 0 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #555 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#modal-cart .modal-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "product-image success"
    "product-image actions" !important;
  grid-template-rows: auto 1fr !important;
  gap: 16px 20px !important;
  padding: 20px !important;
}

#modal-cart .modal-body > .alert {
  grid-area: success !important;
  align-self: start !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 58px 12px 14px !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 6px !important;
  background: #f7f7f7 !important;
  color: #333 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .1px !important;
}

#modal-cart .modal-body > .alert .fa {
  margin-right: 5px !important;
  color: #111 !important;
}

#modal-cart .modal-body > .alert a {
  color: #111 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

#modal-cart .modal-body > .image {
  grid-area: product-image !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #f4f4f4 !important;
  line-height: 0 !important;
}

#modal-cart .modal-body > .image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

#modal-cart .modal-body > .text-center:last-child {
  grid-area: actions !important;
  align-self: end !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-align: left !important;
}

#modal-cart .modal-body > .text-center:last-child > .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow: none !important;
}

#modal-cart .modal-body > .text-center:last-child > .btn-primary-left {
  border: 1px solid #000 !important;
  background: #000 !important;
  color: #fff !important;
}

#modal-cart .modal-body > .text-center:last-child > .btn-primary-left strong {
  font-weight: 400 !important;
}

#modal-cart .modal-body > .text-center:last-child > .btn-primary-left .fa {
  margin-right: 6px !important;
}

#modal-cart .modal-body > .text-center:last-child > .btn-fastorder-two {
  border: 1px solid #c9c9c9 !important;
  background: #fff !important;
  color: #111 !important;
}

  @media (max-width: 767px) {
  #modal-cart {
    overflow-y: auto !important;
  }

  #modal-cart .modal-dialog {
    width: calc(100vw - 20px) !important;
    max-width: 430px !important;
    margin: 4px auto !important;
  }

  #modal-cart .modal-content {
    --bav-popup-mobile-column-width: min(calc(100vw - 40px), calc(66.6667vh - 126.667px));
    --bav-popup-mobile-column-width: min(calc(100vw - 40px), calc(66.6667dvh - 126.667px));
    max-height: calc(100vh - 8px) !important;
    max-height: calc(100dvh - 8px) !important;
    overflow-y: auto !important;
    border-radius: 8px !important;
  }

  #modal-cart .modal-header {
    top: 12px !important;
    right: 12px !important;
    width: 40px !important;
    height: 40px !important;
  }

  #modal-cart .modal-header .close {
    width: 40px !important;
    height: 40px !important;
    font-size: 27px !important;
  }

  #modal-cart .modal-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "success"
      "product-image"
      "actions" !important;
    grid-template-rows: auto auto auto !important;
    justify-items: center !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  #modal-cart .modal-body > .alert {
    min-height: 40px !important;
    padding: 9px 48px 9px 11px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  #modal-cart .modal-body > .image,
  #modal-cart .modal-body > .text-center:last-child {
    justify-self: center !important;
    width: var(--bav-popup-mobile-column-width) !important;
    max-width: 100% !important;
  }

  #modal-cart .modal-body > .image {
    height: auto !important;
    max-height: none !important;
  }

  #modal-cart .modal-body > .image img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
  }

  #modal-cart .modal-body > .text-center:last-child > .btn {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 15px !important;
  }

  #modal-cart .modal-body > .text-center:last-child {
    gap: 4px !important;
  }
}

/* Consistent image-to-action spacing for every product card. */
.product-thumb .caption h4,
.product-layout.product-grid .product-thumb .caption h4,
#product-category .product-layout.product-grid .product-thumb .caption h4,
#product-product .product-thumb .caption h4,
#product-product .product-layout.product-grid .product-thumb .caption h4,
#related.product-owl .product-thumb .caption h4 {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  #product-category .product-filter {
    display: none !important;
  }

  #product-category > .breadcrumb,
  #product-category.bav-styled-category > .breadcrumb {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  #product-category .title-category,
  #product-category.bav-styled-category .title-category {
    box-sizing: border-box !important;
    width: calc(100% + 30px) !important;
    text-align: left !important;
    margin: 0 0 20px -15px !important;
    padding: 10px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid #efefef !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #product-category .title-category h1,
  #product-category.bav-styled-category .title-category h1 {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Rubik, sans-serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    line-height: 28px !important;
    letter-spacing: .8px !important;
    color: #000 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }

  #product-category .title-category h1::before,
  #product-category .title-category h1::after,
  #product-category.bav-styled-category .title-category h1::before,
  #product-category.bav-styled-category .title-category h1::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* Mobile main menu mirrors the light desktop category hierarchy. */
  #menu .navbar-nav {
    margin-left: -15px !important;
    margin-right: -15px !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  #menu .navbar-nav > li,
  #menu .dropdown-inner li {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #efefef !important;
  }

  #menu .navbar-nav > li > a,
  #menu .navbar-nav > li > a:hover,
  #menu .navbar-nav > li > a:focus,
  #menu .navbar-nav > li.open > a {
    min-height: 40px !important;
    padding: 9px 42px 9px 15px !important;
    border: 0 !important;
    background: #fff !important;
    color: #222 !important;
    font-family: Rubik, sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    letter-spacing: .1px !important;
    text-transform: none !important;
    text-shadow: none !important;
  }

  #menu div.dropdown-menu {
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid #efefef !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #menu .dropdown-inner > ul > li > a,
  #menu .dropdown-inner .level3 > li > a {
    min-height: 38px !important;
    padding: 8px 15px 8px 30px !important;
    border: 0 !important;
    background: #fff !important;
    color: #555 !important;
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 21px !important;
    letter-spacing: .1px !important;
    text-transform: none !important;
    text-shadow: none !important;
  }

  #menu span.submore::after,
  #menu span.submore.plus::after {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #222 !important;
    font-family: FontAwesome !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  #menu span.submore::after {
    content: "\f105" !important;
  }

  #menu span.submore.plus::after {
    content: "\f107" !important;
  }

  #menu .navbar-nav > li:has(> a[href="https://bavovna.ua/bavovna/"]) {
    display: none !important;
  }

  .product-thumb .caption h4,
  .product-layout.product-grid .product-thumb .caption h4,
  #product-category .product-layout.product-grid .product-thumb .caption h4,
  #product-product .product-thumb .caption h4,
  #product-product .product-layout.product-grid .product-thumb .caption h4,
  #related.product-owl .product-thumb .caption h4 {
    height: 58px !important;
    margin-top: -58px !important;
    margin-bottom: 0 !important;
    padding: 12px 7px 10px !important;
    line-height: 18px !important;
  }

  .product-thumb .caption h4 a,
  .product-layout.product-grid .product-thumb .caption h4 a,
  #product-category .product-layout.product-grid .product-thumb .caption h4 a,
  #product-product .product-thumb .caption h4 a,
  #product-product .product-layout.product-grid .product-thumb .caption h4 a,
  #related.product-owl .product-thumb .caption h4 a {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .product-layout.product-grid .product-thumb .product-price-block,
  #product-category .product-layout.product-grid .product-thumb .product-price-block,
  #product-product .product-thumb .product-price-block,
  #related.product-owl .product-thumb .product-price-block {
    margin-top: 6px !important;
  }
}

@media (min-width: 768px) {
  body {
    font-family: Rubik, sans-serif;
    color: #222;
  }

  .title-category h1,
  #product-product .title-category h1,
  #product-category .title-category h1 {
    font-family: Rubik, sans-serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    line-height: 28px !important;
    letter-spacing: .8px !important;
    color: #000 !important;
  }

  #product-category .breadcrumb,
  #product-product .breadcrumb,
  #product-category .breadcrumb a,
  #product-product .breadcrumb a {
    font-family: Rubik, sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: .1px !important;
    color: #666 !important;
  }

  #product-category .breadcrumb li:last-child,
  #product-category .breadcrumb li:last-child a,
  #product-product .breadcrumb li:last-child,
  #product-product .breadcrumb li:last-child a {
    color: #333 !important;
  }

  .box .box-heading,
  #column-left .box .box-heading,
  html body #product-category #column-left .box > .box-heading {
    font-family: Rubik, sans-serif !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    letter-spacing: .6px !important;
    color: #000 !important;
    padding-bottom: 12px !important;
    margin-bottom: 4px !important;
  }

  #column-left .box-category > li > a,
  html body #product-category #column-left .box .box-content ul.box-category > li > a {
    display: block !important;
    font-family: Rubik, sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    letter-spacing: .1px !important;
    color: #222 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  #column-left .box-category > li > ul,
  html body #product-category #column-left .box .box-content ul.box-category > li > ul {
    margin: 1px 0 5px 18px !important;
    padding: 0 !important;
  }

  #column-left .box-category > li > ul > li > a,
  html body #product-category #column-left .box .box-content ul.box-category > li > ul > li > a {
    display: block !important;
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 21px !important;
    letter-spacing: .1px !important;
    color: #555 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  #column-left .box-category a.active,
  html body #product-category #column-left .box .box-content ul.box-category a.active {
    color: #000 !important;
    font-weight: 300 !important;
  }

  #column-left .box-category a:focus,
  #column-left .box-category a:active {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  #column-left .box-category a:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    text-decoration: none !important;
  }

  #column-left .box-category > li.bav-category-has-children {
    position: relative !important;
  }

  #column-left .box-category > li > a.bav-category-parent-link {
    padding-left: 18px !important;
  }

  #column-left .box-category > li > a.bav-category-parent-link::before {
    content: none !important;
  }

  #column-left .box-category .bav-category-toggle {
    position: absolute !important;
    top: 7px !important;
    left: 0 !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    cursor: pointer !important;
  }

  #column-left .box-category .bav-category-toggle::before {
    content: "\f107";
    font-family: FontAwesome !important;
    font-weight: normal !important;
  }

  #column-left .box-category > li.bav-category-collapsed > .bav-category-toggle::before {
    content: "\f105";
  }

  #column-left .box-category > li.bav-category-expanded > ul {
    display: block !important;
  }

  #column-left .box-category > li.bav-category-collapsed > ul {
    display: none !important;
  }

  #column-left .box-category .bav-category-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  #column-left .box-category .bav-category-toggle:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
  }

  #product-product .title-category h1 {
    text-transform: none !important;
  }

  #product-product .bav-product-meta {
    align-items: flex-start !important;
    gap: 24px !important;
  }

  #product-product .bav-product-meta .product-view {
    flex: 1 1 auto !important;
    margin: 0 !important;
  }

  #product-product .bav-product-meta .product-view li {
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    letter-spacing: .1px !important;
    color: #555 !important;
  }

  #product-product .bav-product-meta .product-view li span {
    font-weight: 400 !important;
    color: #222 !important;
  }

  #product-product .bav-product-meta .wishlist-compare {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  #product-product .bav-product-meta .wishlist-compare > .btn {
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    border: 1px solid #d2d2d2 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #666 !important;
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  #content .bav-product-options-head h3,
  #content .module-sizechart > h4,
  #content .title-module h3 {
    font-family: Rubik, sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    letter-spacing: .4px !important;
    color: #000 !important;
  }

  .product-thumb .caption h4,
  #product-product #related .product-thumb .caption h4,
  #product-category #content .product-thumb .caption h4 {
    height: 56px !important;
    margin-top: -56px !important;
    padding: 14px 9px 6px !important;
    line-height: 18px !important;
  }

  .product-thumb .caption h4 a,
  #product-product #related .product-thumb .caption h4 a,
  #product-category #content .product-thumb .caption h4 a {
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    letter-spacing: .4px !important;
    color: #fff !important;
  }

  #product-product #price .price {
    font-family: Rubik, sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    color: #111 !important;
  }

  .product-thumb .price-current {
    font-family: Rubik, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #111 !important;
  }

  .product-thumb .price-old {
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #777 !important;
  }

  #content .btn-buy,
  #content .bav-product-description__toggle {
    font-family: Rubik, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: .2px !important;
    border-radius: 6px !important;
  }

  #content .btn-buy,
  #content .bav-product-description__toggle {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
  }

  #product-product .bav-product-description__content,
  #product-product .bav-product-description__content * {
    font-family: Rubik, sans-serif !important;
    color: #222 !important;
    letter-spacing: 0 !important;
  }

  #product-product .bav-product-description__content {
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 26px !important;
  }

  #product-product .bav-product-description__content p,
  #product-product .bav-product-description__content li,
  #product-product .bav-product-description__content div {
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 26px !important;
  }

  #product-product .bav-product-description__content h2,
  #product-product .bav-product-description__content h3,
  #product-product .bav-product-description__content h4,
  #product-product .bav-product-description__content h2 *,
  #product-product .bav-product-description__content h3 *,
  #product-product .bav-product-description__content h4 * {
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 26px !important;
    margin-top: 24px !important;
    margin-bottom: 8px !important;
  }

  #product-product .bav-product-description__content strong,
  #product-product .bav-product-description__content b {
    font-weight: 400 !important;
  }

  footer h5 {
    font-family: Rubik, sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    letter-spacing: 1px !important;
  }

  footer .bav-footer-column-content a {
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    letter-spacing: 1px !important;
  }
}

/* Global interaction cleanup: do not draw a frame around clicked controls. */
html,
body {
  -webkit-tap-highlight-color: transparent !important;
}

html body a:focus,
html body a:focus-visible,
html body a:active,
html body button:focus,
html body button:focus-visible,
html body button:active,
html body .btn:focus,
html body .btn:focus-visible,
html body .btn:active,
html body [role="button"]:focus,
html body [role="button"]:focus-visible,
html body [role="button"]:active,
html body [tabindex]:focus,
html body [tabindex]:focus-visible,
html body [tabindex]:active,
html body summary:focus,
html body summary:focus-visible,
html body summary:active {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

#column-left .box-category a:focus,
#column-left .box-category a:focus-visible,
#column-left .box-category a:active,
#column-left .box-category .bav-category-toggle:focus,
#column-left .box-category .bav-category-toggle:focus-visible,
#column-left .box-category .bav-category-toggle:active {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* Premium checkout: cart, customer data, delivery and payment */
body.bav-checkout-page {
  background: #fff !important;
  color: #111 !important;
}

body.bav-checkout-page .breadcrumb {
  display: none !important;
}

body.bav-checkout-page #content {
  padding-top: 20px !important;
  padding-bottom: 0 !important;
}

body.bav-checkout-page #content > h1 {
  margin: 0 0 20px !important;
  color: #000 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 32px !important;
  letter-spacing: .3px !important;
  text-transform: none !important;
}

body.bav-checkout-page #simplecheckout_form_0,
body.bav-checkout-page #simplecheckout_form_0 * {
  box-sizing: border-box !important;
  font-family: Rubik, sans-serif !important;
}

body.bav-checkout-page #simplecheckout_form_0 .fa,
body.bav-checkout-page #simplecheckout_form_0 [class^="fa-"],
body.bav-checkout-page #simplecheckout_form_0 [class*=" fa-"] {
  font-family: FontAwesome !important;
  font-style: normal !important;
}

body.bav-checkout-page #simplecheckout_form_0 .glyphicon {
  font-family: "Glyphicons Halflings" !important;
  font-style: normal !important;
}

body.bav-checkout-page #simplecheckout_cart {
  overflow: hidden !important;
  margin: 0 0 24px !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 10px !important;
  background: #fff !important;
}

body.bav-checkout-page #simplecheckout_cart .table-responsive {
  overflow: visible !important;
  margin: 0 !important;
  border: 0 !important;
}

body.bav-checkout-page .simplecheckout-cart {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.bav-checkout-page .simplecheckout-cart th {
  height: 46px !important;
  padding: 11px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  background: #f7f7f7 !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

body.bav-checkout-page .simplecheckout-cart td {
  padding: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #e8e8e8 !important;
  background: #fff !important;
  color: #222 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
  vertical-align: middle !important;
}

body.bav-checkout-page .simplecheckout-cart tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.bav-checkout-page .simplecheckout-cart td.image {
  width: 136px !important;
  text-align: left !important;
}

body.bav-checkout-page .simplecheckout-cart td.image img {
  display: block !important;
  width: 110px !important;
  height: 165px !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

body.bav-checkout-page .simplecheckout-cart td.name {
  max-width: none !important;
  text-align: left !important;
}

body.bav-checkout-page .simplecheckout-cart td.name > a {
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: .1px !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.bav-checkout-page .simplecheckout-cart td.name .options,
body.bav-checkout-page .simplecheckout-cart td.name .options small {
  margin-top: 4px !important;
  color: #666 !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
}

body.bav-checkout-page .simplecheckout-cart td.name div.image {
  display: none !important;
}

body.bav-checkout-page .simplecheckout-cart td.price,
body.bav-checkout-page .simplecheckout-cart td.total {
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  vertical-align: middle !important;
}

body.bav-checkout-page .simplecheckout-cart td.quantity {
  min-width: 200px !important;
  vertical-align: middle !important;
}

body.bav-checkout-page .simplecheckout-cart td.quantity .input-group {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: auto !important;
  max-width: none !important;
}

body.bav-checkout-page .simplecheckout-cart td.quantity .input-group-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  font-size: 0 !important;
}

body.bav-checkout-page .simplecheckout-cart td.quantity .btn,
body.bav-checkout-page #simplecheckout_cart .form-control {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #222 !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 40px !important;
  text-align: center !important;
}

body.bav-checkout-page .simplecheckout-cart td.quantity input.form-control {
  width: 50px !important;
  min-width: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

body.bav-checkout-page .simplecheckout-cart td.quantity .btn-danger {
  border-color: #cfcfcf !important;
  background: #fff !important;
  color: #555 !important;
}

body.bav-checkout-page .simplecheckout-cart td.quantity .btn:hover,
body.bav-checkout-page .simplecheckout-cart td.quantity .btn:focus {
  border-color: #999 !important;
  background: #f5f5f5 !important;
  color: #000 !important;
}

body.bav-checkout-page .simplecheckout-cart-total {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  border: 0 !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 24px !important;
}

body.bav-checkout-page .simplecheckout-cart-total b,
body.bav-checkout-page .simplecheckout-cart-total-value {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

body.bav-checkout-page .simplecheckout-cart-total-value {
  position: static !important;
  float: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 0 auto !important;
  text-align: right !important;
}

body.bav-checkout-page .simplecheckout-cart-total > span:first-child {
  position: static !important;
  float: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 auto 0 0 !important;
  text-align: left !important;
}

body.bav-checkout-page .simplecheckout-cart-total-remove {
  display: none !important;
}

body.bav-checkout-page .simplecheckout-left-column,
body.bav-checkout-page .simplecheckout-right-column {
  margin-bottom: 0 !important;
}

body.bav-checkout-page .simplecheckout-left-column .simplecheckout-block,
body.bav-checkout-page .simplecheckout-right-column .simplecheckout-block {
  overflow: hidden !important;
  margin-bottom: 14px !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

body.bav-checkout-page .checkout-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: .2px !important;
  text-transform: none !important;
}

body.bav-checkout-page .checkout-heading span {
  float: none !important;
  font-weight: 400 !important;
}

body.bav-checkout-page .checkout-heading-button {
  float: none !important;
  margin-left: 12px !important;
}

body.bav-checkout-page .checkout-heading-button a {
  color: #555 !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.bav-checkout-page #simplecheckout_customer .checkout-heading-button a {
  color: #111 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: .2px !important;
}

body.bav-checkout-page #simplecheckout_customer .row-customer_register label.control-label {
  color: #111 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: .2px !important;
}

body.bav-checkout-page .simplecheckout-block-content {
  padding: 16px 18px !important;
  background: #fff !important;
}

body.bav-checkout-page .simplecheckout-block-content fieldset {
  margin: 0 !important;
  padding: 0 !important;
}

body.bav-checkout-page .simplecheckout-block-content .form-group {
  display: block !important;
  width: 100% !important;
  margin: 0 0 14px !important;
}

body.bav-checkout-page .simplecheckout-block-content .form-group:last-child {
  margin-bottom: 0 !important;
}

body.bav-checkout-page .simplecheckout-block-content label.control-label {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  text-align: left !important;
}

body.bav-checkout-page .simplecheckout-block-content .form-group > .col-sm-8,
body.bav-checkout-page .simplecheckout-block-content .form-group > .col-sm-10 {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.bav-checkout-page .simplecheckout-block-content input.form-control,
body.bav-checkout-page .simplecheckout-block-content select.form-control,
body.bav-checkout-page .simplecheckout-block-content textarea.form-control,
body.bav-checkout-page #simplecheckout_comment textarea {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #d2d2d2 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
}

body.bav-checkout-page .simplecheckout-block-content textarea.form-control,
body.bav-checkout-page #simplecheckout_comment textarea {
  height: 60px !important;
  min-height: 60px !important;
  resize: vertical !important;
}

body.bav-checkout-page #simplecheckout_comment {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.bav-checkout-page #simplecheckout_comment .checkout-heading {
  display: none !important;
}

body.bav-checkout-page #simplecheckout_comment .simplecheckout-block-content {
  padding: 0 !important;
  background: transparent !important;
}

body.bav-checkout-page .simplecheckout-block-content input.form-control:focus,
body.bav-checkout-page .simplecheckout-block-content select.form-control:focus,
body.bav-checkout-page .simplecheckout-block-content textarea.form-control:focus {
  border-color: #777 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.bav-checkout-page .simplecheckout-block-content .radio,
body.bav-checkout-page .simplecheckout-block-content .checkbox {
  margin: 0 0 8px !important;
}

body.bav-checkout-page .simplecheckout-block-content .radio:last-child,
body.bav-checkout-page .simplecheckout-block-content .checkbox:last-child {
  margin-bottom: 0 !important;
}

body.bav-checkout-page .simplecheckout-block-content .radio label,
body.bav-checkout-page .simplecheckout-block-content .checkbox label {
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
}

body.bav-checkout-page #simplecheckout_form_0 input[type="radio"] {
  width: 15px !important;
  height: 15px !important;
  margin-top: 0 !important;
  accent-color: #111 !important;
  vertical-align: middle !important;
}

body.bav-checkout-page #simplecheckout_shipping .radio label,
body.bav-checkout-page #simplecheckout_payment .radio label {
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 0 !important;
}

body.bav-checkout-page #simplecheckout_shipping .radio input[type="radio"],
body.bav-checkout-page #simplecheckout_payment .radio input[type="radio"] {
  position: static !important;
  flex: 0 0 15px !important;
  margin: 0 8px 0 0 !important;
  transform: none !important;
}

body.bav-checkout-page #simplecheckout_payment .radio label {
  color: #111 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: .2px !important;
}

body.bav-checkout-page #bav-cart-wrap #cart > .btn #cart-total,
body.bav-checkout-page #cart-total {
  display: none !important;
}

body.bav-checkout-page .row-customer_register .col-sm-8 > div {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

body.bav-checkout-page .row-customer_register .radio {
  display: inline-flex !important;
  margin: 0 !important;
}

body.bav-checkout-page #simplecheckout_shipping .simplecheckout-block-content > p {
  display: none !important;
}

body.bav-checkout-page .simplecheckout-warning-block,
body.bav-checkout-page .simplecheckout-error-text {
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 300 !important;
}

body.bav-checkout-page #simplecheckout_bottom {
  display: none !important;
}

body.bav-checkout-page #buttons.simplecheckout-button-block {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  overflow: visible !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  background: transparent !important;
}

body.bav-checkout-page .simplecheckout-button-right {
  float: none !important;
  width: 46% !important;
  text-align: left !important;
}

body.bav-checkout-page #simplecheckout_button_confirm,
body.bav-checkout-page #simplecheckout_form_0 #buttons [data-payment-button="true"] {
  /* Respect the native inline display:none when checkout changes stages. */
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid #000 !important;
  border-radius: 6px !important;
  background: #000 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.bav-checkout-page #simplecheckout_button_confirm:hover,
body.bav-checkout-page #simplecheckout_form_0 #buttons [data-payment-button="true"]:hover,
body.bav-checkout-page #simplecheckout_button_confirm:focus,
body.bav-checkout-page #simplecheckout_form_0 #buttons [data-payment-button="true"]:focus {
  border-color: #222 !important;
  background: #222 !important;
  color: #fff !important;
  outline: none !important;
}

@media (max-width: 1024px) {
  body.bav-checkout-page .simplecheckout-left-column,
  body.bav-checkout-page .simplecheckout-right-column,
  body.bav-checkout-page .simplecheckout-button-right {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 767px) {
  body.bav-checkout-page #content {
    padding-top: 16px !important;
  }

  body.bav-checkout-page #content > h1 {
    margin-bottom: 16px !important;
    font-size: 22px !important;
    line-height: 29px !important;
  }

  body.bav-checkout-page #simplecheckout_cart {
    overflow: visible !important;
    margin-bottom: 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body.bav-checkout-page #simplecheckout_cart .table-responsive {
    overflow: visible !important;
  }

  body.bav-checkout-page .simplecheckout-cart,
  body.bav-checkout-page .simplecheckout-cart tbody {
    display: block !important;
    width: 100% !important;
  }

  body.bav-checkout-page .simplecheckout-cart colgroup,
  body.bav-checkout-page .simplecheckout-cart thead {
    display: none !important;
  }

  body.bav-checkout-page .simplecheckout-cart tbody {
    display: grid !important;
    gap: 10px !important;
  }

  body.bav-checkout-page .simplecheckout-cart tbody tr {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    grid-template-areas:
      "cart-image cart-name"
      "cart-image cart-total"
      "cart-image cart-quantity" !important;
    gap: 8px 12px !important;
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 8px !important;
    background: #fff !important;
  }

  body.bav-checkout-page .simplecheckout-cart tbody td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.image {
    grid-area: cart-image !important;
    display: block !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.image img {
    width: 96px !important;
    height: 144px !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.name {
    grid-area: cart-name !important;
    display: block !important;
    align-self: start !important;
    text-align: left !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.name > a {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.price,
  body.bav-checkout-page .simplecheckout-cart td.model,
  body.bav-checkout-page .simplecheckout-cart td.remove {
    display: none !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.total {
    grid-area: cart-total !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    align-self: center !important;
    color: #111 !important;
    font-size: 15px !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.total::before {
    content: "Сума" !important;
    color: #666 !important;
    font-size: 13px !important;
    font-weight: 300 !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.quantity {
    grid-area: cart-quantity !important;
    display: flex !important;
    align-items: end !important;
    justify-content: flex-start !important;
    align-self: end !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.quantity .input-group,
  body.bav-checkout-page .simplecheckout-cart td.quantity .input-group-btn {
    gap: 3px !important;
  }

  body.bav-checkout-page .simplecheckout-cart td.quantity .btn,
  body.bav-checkout-page #simplecheckout_cart td.quantity .form-control {
    width: 36px !important;
    min-width: 36px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 15px !important;
    line-height: 36px !important;
  }

  body.bav-checkout-page #simplecheckout_cart td.quantity input.form-control {
    width: 40px !important;
    min-width: 40px !important;
    font-size: 14px !important;
  }

  body.bav-checkout-page .simplecheckout-cart-total {
    min-height: 50px !important;
    margin-top: 10px !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
  }

  body.bav-checkout-page .simplecheckout-left-column .simplecheckout-block,
  body.bav-checkout-page .simplecheckout-right-column .simplecheckout-block {
    margin-bottom: 10px !important;
  }

  body.bav-checkout-page .checkout-heading {
    min-height: 48px !important;
    padding: 11px 13px !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }

  body.bav-checkout-page .checkout-heading-button a {
    font-size: 12px !important;
  }

  body.bav-checkout-page .simplecheckout-block-content {
    padding: 14px !important;
  }

  body.bav-checkout-page .simplecheckout-block-content .form-group {
    margin-bottom: 12px !important;
  }

  body.bav-checkout-page .simplecheckout-block-content input.form-control,
  body.bav-checkout-page .simplecheckout-block-content select.form-control {
    height: 46px !important;
    min-height: 46px !important;
    font-size: 15px !important;
  }

  body.bav-checkout-page #buttons.simplecheckout-button-block {
    margin-bottom: 24px !important;
  }

  body.bav-checkout-page #simplecheckout_button_confirm,
body.bav-checkout-page #simplecheckout_form_0 #buttons [data-payment-button="true"] {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 15px !important;
  }
}

/* Premium header mini-cart, shared by desktop and mobile. */
#bav-cart-wrap #cart .dropdown-menu {
  right: -14px !important;
  left: auto !important;
  width: 460px !important;
  max-width: calc(100vw - 24px) !important;
  margin-top: 10px !important;
  padding: 12px !important;
  border: 1px solid #dedede !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .14) !important;
}

#bav-cart-wrap #cart .dropdown-menu > li {
  list-style: none !important;
}

#bav-cart-wrap #cart .dropdown-menu > li:first-child {
  overflow: hidden !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-striped {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  background: #fff !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-striped > tbody > tr,
#bav-cart-wrap #cart .dropdown-menu .table-striped > tbody > tr:nth-of-type(odd),
#bav-cart-wrap #cart .dropdown-menu .table-striped > tbody > tr:nth-of-type(even) {
  background: #fff !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-striped td {
  padding: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid #ececec !important;
  background: #fff !important;
  color: #222 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  vertical-align: middle !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-striped tr:last-child td {
  border-bottom: 0 !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-striped td:first-child {
  width: 82px !important;
}

#bav-cart-wrap #cart .dropdown-menu .img-thumbnail {
  display: block !important;
  width: 72px !important;
  height: 108px !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  object-fit: cover !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-striped td.text-left a {
  color: #111 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  letter-spacing: .1px !important;
  text-decoration: none !important;
  text-transform: none !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-striped td.text-left small {
  color: #666 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 18px !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-striped td.text-right {
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}

#bav-cart-wrap #cart .dropdown-menu .btn-danger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #555 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 30px !important;
}

#bav-cart-wrap #cart .dropdown-menu .btn-danger:hover,
#bav-cart-wrap #cart .dropdown-menu .btn-danger:focus {
  border-color: #999 !important;
  background: #f5f5f5 !important;
  color: #000 !important;
  outline: none !important;
}

#bav-cart-wrap #cart .dropdown-menu > li:last-child > div {
  padding: 0 !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-bordered {
  width: 100% !important;
  margin: 10px 0 8px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 8px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #111 !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-bordered td {
  height: 48px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  background: #111 !important;
  color: #fff !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  vertical-align: middle !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-bordered td:first-child {
  text-align: left !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-bordered td:last-child {
  text-align: right !important;
}

#bav-cart-wrap #cart .dropdown-menu .table-bordered strong {
  color: #fff !important;
  font-weight: 400 !important;
}

#bav-cart-wrap #cart .dropdown-menu p.text-right {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  text-align: initial !important;
}

#bav-cart-wrap #cart .dropdown-menu p.text-right > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 0 10px !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #111 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
  letter-spacing: .1px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
}

#bav-cart-wrap #cart .dropdown-menu p.text-right > a:last-child {
  border-color: #000 !important;
  background: #000 !important;
  color: #fff !important;
}

#bav-cart-wrap #cart .dropdown-menu p.text-right > a strong {
  color: inherit !important;
  font-weight: 400 !important;
}

#bav-cart-wrap #cart .dropdown-menu p.text-right > a .fa {
  display: none !important;
}

@media (max-width: 767px) {
  #bav-cart-wrap #cart .dropdown-menu {
    right: -12px !important;
    width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 112px) !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  #bav-cart-wrap #cart .dropdown-menu > li,
  #bav-cart-wrap #cart .dropdown-menu > li > div,
  #bav-cart-wrap #cart .dropdown-menu table,
  #bav-cart-wrap #cart .dropdown-menu p.text-right {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped,
  #bav-cart-wrap #cart .dropdown-menu .table-striped > tbody {
    display: block !important;
    width: 100% !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped > tbody > tr {
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "mini-image mini-name mini-remove"
      "mini-image mini-quantity mini-price" !important;
    gap: 4px 10px !important;
    width: 100% !important;
    padding: 8px !important;
    border-bottom: 1px solid #ececec !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped > tbody > tr:last-child {
    border-bottom: 0 !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped td:nth-child(1) {
    grid-area: mini-image !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped td:nth-child(2) {
    grid-area: mini-name !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped td:nth-child(3) {
    grid-area: mini-quantity !important;
    justify-self: start !important;
    text-align: left !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped td:nth-child(4) {
    grid-area: mini-price !important;
    justify-self: end !important;
    text-align: right !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped td:nth-child(5) {
    grid-area: mini-remove !important;
    justify-self: end !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .img-thumbnail {
    width: 68px !important;
    height: 102px !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-striped td.text-left a {
    font-size: 13px !important;
    line-height: 18px !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .btn-danger {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  #bav-cart-wrap #cart .dropdown-menu .table-bordered td {
    height: 46px !important;
    padding: 11px 12px !important;
    font-size: 14px !important;
  }

  #bav-cart-wrap #cart .dropdown-menu p.text-right > a {
    height: 42px !important;
    padding: 0 7px !important;
    font-size: 12px !important;
    line-height: 17px !important;
  }
}

/* Empty checkout: keep the continue action consistent with checkout CTA. */
body.bav-checkout-page #simplecheckout_form_0 .simplecheckout > .content ~ .simplecheckout-button-block {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  margin: 14px 0 30px !important;
  padding: 0 !important;
  background: transparent !important;
}

body.bav-checkout-page #simplecheckout_form_0 .simplecheckout > .content ~ .simplecheckout-button-block .simplecheckout-button-right {
  float: none !important;
  width: 46% !important;
  text-align: left !important;
}

body.bav-checkout-page #simplecheckout_form_0 .simplecheckout > .content ~ .simplecheckout-button-block .button_oc.btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid #000 !important;
  border-radius: 6px !important;
  background: #000 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.bav-checkout-page #simplecheckout_form_0 .simplecheckout > .content ~ .simplecheckout-button-block .button_oc.btn-primary span {
  color: #fff !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}

body.bav-checkout-page #simplecheckout_form_0 .simplecheckout > .content ~ .simplecheckout-button-block .button_oc.btn-primary:hover,
body.bav-checkout-page #simplecheckout_form_0 .simplecheckout > .content ~ .simplecheckout-button-block .button_oc.btn-primary:focus {
  border-color: #222 !important;
  background: #222 !important;
  color: #fff !important;
  outline: none !important;
}

@media (max-width: 1024px) {
  body.bav-checkout-page #simplecheckout_form_0 .simplecheckout > .content ~ .simplecheckout-button-block .simplecheckout-button-right {
    width: 100% !important;
  }
}

/* Premium callback widget: floating trigger and request form. */
#callphone {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  right: 15px !important;
  bottom: 70px !important;
  width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #000 !important;
  border-radius: 50% !important;
  background: #000 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  transition: background-color .2s ease, box-shadow .2s ease, opacity .2s ease !important;
}

#callphone .btn-callback {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  color: #fff !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

#callphone .btn-callback:hover,
#callphone .btn-callback:focus {
  background: #222 !important;
  color: #fff !important;
  outline: none !important;
}

#callphone .fa-phone {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1 !important;
  transform: none !important;
  animation: none !important;
}

body.modal-open #callphone {
  opacity: 0 !important;
  pointer-events: none !important;
}

#modal-callback .modal-dialog {
  width: calc(100vw - 30px) !important;
  max-width: 420px !important;
  margin: 30px auto !important;
}

#modal-callback .modal-content {
  overflow: hidden !important;
  border: 1px solid #dedede !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .2) !important;
  font-family: Rubik, sans-serif !important;
}

#modal-callback .modal-header {
  position: relative !important;
  min-height: 64px !important;
  padding: 19px 64px 18px 22px !important;
  border-bottom: 1px solid #ececec !important;
  background: #fff !important;
}

#modal-callback .modal-title {
  margin: 0 !important;
  color: #111 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  letter-spacing: .2px !important;
  text-transform: none !important;
}

#modal-callback .close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 11px !important;
  right: 12px !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #333 !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 25px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#modal-callback .close:hover,
#modal-callback .close:focus {
  border-color: #aaa !important;
  background: #f7f7f7 !important;
  color: #000 !important;
  outline: none !important;
}

#modal-callback .modal-body {
  padding: 22px !important;
  color: #222 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
}

#modal-callback .container-fluid,
#modal-callback .row,
#modal-callback .col-md-12 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#modal-callback .form-group {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 12px !important;
}

#modal-callback .input-group {
  display: flex !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#modal-callback .input-group-addon {
  display: flex !important;
  flex: 0 0 48px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  min-width: 48px !important;
  height: auto !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: 1px solid #d4d4d4 !important;
  border-right: 0 !important;
  border-radius: 6px 0 0 6px !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

#modal-callback .input-group-addon .glyphicon {
  color: #000 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

#modal-callback .form-control {
  display: block !important;
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 48px !important;
  padding: 0 14px !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 0 6px 6px 0 !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
  letter-spacing: .1px !important;
  box-sizing: border-box !important;
}

#modal-callback .form-horizontal .form-group.required::before {
  content: "\2022" !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  width: auto !important;
  height: auto !important;
  color: #d60000 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
}

#modal-callback .form-group.required .form-control {
  padding-right: 32px !important;
}

#modal-callback .form-control::placeholder {
  color: #777 !important;
  opacity: 1 !important;
}

#modal-callback .form-control:focus {
  border-color: #777 !important;
  box-shadow: none !important;
  outline: none !important;
}

#modal-callback textarea.form-control {
  height: 82px !important;
  min-height: 82px !important;
  padding-top: 12px !important;
  resize: vertical !important;
}

#modal-callback .text-center {
  color: #333 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  text-align: left !important;
}

#modal-callback .text-center .agree,
#modal-callback .text-center .agree b {
  color: #111 !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  white-space: nowrap !important;
}

#modal-callback input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 0 0 5px !important;
  vertical-align: -3px !important;
  accent-color: #000 !important;
}

#modal-callback .text-danger {
  margin-top: 5px !important;
  color: #a40000 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 17px !important;
}

#modal-callback #btn_send {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 18px 0 0 !important;
  padding: 0 18px !important;
  border: 1px solid #000 !important;
  border-radius: 6px !important;
  background: #000 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  text-transform: none !important;
}

#modal-callback #btn_send:hover,
#modal-callback #btn_send:focus {
  border-color: #222 !important;
  background: #222 !important;
  color: #fff !important;
  outline: none !important;
}

#modal-callback #success-alert-callback {
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 6px !important;
  background: #f7f7f7 !important;
  color: #111 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
}

@media (max-width: 767px) {
  #callphone {
    right: 14px !important;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    width: 52px !important;
    height: 52px !important;
  }

  #callphone .fa-phone {
    font-size: 23px !important;
  }

  #modal-callback {
    padding-right: 0 !important;
  }

  #modal-callback .modal-dialog {
    width: calc(100vw - 24px) !important;
    max-width: none !important;
    margin: 12px auto !important;
  }

  #modal-callback .modal-content {
    max-height: calc(100vh - 24px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  #modal-callback .modal-header {
    min-height: 60px !important;
    padding: 17px 60px 16px 18px !important;
  }

  #modal-callback .modal-title {
    font-size: 17px !important;
    line-height: 26px !important;
  }

  #modal-callback .close {
    top: 10px !important;
    right: 10px !important;
    width: 38px !important;
    height: 38px !important;
  }

  #modal-callback .modal-body {
    padding: 18px !important;
  }

  #modal-callback .input-group-addon {
    flex-basis: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: auto !important;
    min-height: 46px !important;
  }

  #modal-callback .form-control {
    height: 46px !important;
    font-size: 14px !important;
  }

  #modal-callback textarea.form-control {
    height: 74px !important;
    min-height: 74px !important;
  }

  #modal-callback #btn_send {
    height: 48px !important;
    min-height: 48px !important;
  }
}

/* Desktop product heading: use the complete breadcrumb as the single title line. */
@media (min-width: 768px) {
  #product-product > .title-category {
    display: none !important;
  }

  #product-product > .breadcrumb {
    display: flex !important;
    float: none !important;
    clear: both !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 47px !important;
    margin: 0 0 10px !important;
    padding: 9px 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #555 !important;
    font-family: Rubik, sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    letter-spacing: .1px !important;
    text-align: left !important;
  }

  #product-product > .breadcrumb > li {
    display: inline-flex !important;
    float: none !important;
    align-items: center !important;
    min-height: 22px !important;
    color: #555 !important;
    font: inherit !important;
    line-height: inherit !important;
  }

  #product-product > .breadcrumb > li > a,
  #product-product > .breadcrumb > li > span {
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important;
  }

  #product-product > .breadcrumb > li.active,
  #product-product > .breadcrumb > li.active > span {
    color: #000 !important;
    font-weight: 400 !important;
  }

  #product-product > .breadcrumb > li + li::before {
    padding: 0 10px !important;
    color: #aaa !important;
    font-weight: 300 !important;
  }

  #product-product > .breadcrumb .fa-home {
    color: #444 !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }
}

/* Premium product reviews dialog. */
#bav-review-modal {
  padding: 20px !important;
  background: rgba(0, 0, 0, .58) !important;
  color: #222 !important;
  font-family: Rubik, sans-serif !important;
}

#bav-review-modal .bav-review-modal__panel {
  box-sizing: border-box !important;
  width: min(720px, 100%) !important;
  max-height: calc(100vh - 40px) !important;
  padding: 26px !important;
  border: 1px solid #dedede !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .20) !important;
}

#bav-review-modal .bav-review-modal__header {
  min-height: 40px !important;
  margin: 0 0 20px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid #ededed !important;
}

#bav-review-modal .bav-review-modal__title {
  margin: 0 !important;
  color: #000 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 26px !important;
  letter-spacing: .3px !important;
  text-transform: none !important;
}

#bav-review-modal .bav-review-modal__close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 0 2px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

#bav-review-modal .bav-review-modal__close:hover,
#bav-review-modal .bav-review-modal__close:focus {
  border-color: #aaa !important;
  background: #f6f6f6 !important;
  color: #000 !important;
}

#bav-review-modal .bav-review-modal__body,
#bav-review-modal #tab-review,
#bav-review-modal #form-review {
  color: #333 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
  letter-spacing: .1px !important;
}

#bav-review-modal #review p {
  margin: 0 0 18px !important;
  color: #555 !important;
  font: inherit !important;
}

#bav-review-modal #form-review > h2 {
  display: none !important;
}

#bav-review-modal #form-review .form-group {
  width: 100% !important;
  margin: 0 0 16px !important;
}

#bav-review-modal #form-review .col-sm-12 {
  width: 100% !important;
  padding: 0 !important;
}

#bav-review-modal #form-review .control-label,
#bav-review-modal #form-review .star-rating-label {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  color: #222 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .1px !important;
  text-align: left !important;
}

#bav-review-modal #form-review .required .control-label::before,
#bav-review-modal #form-review .star-rating-label::before {
  color: #777 !important;
  font-weight: 300 !important;
}

#bav-review-modal #form-review .form-control {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
}

#bav-review-modal #form-review textarea.form-control {
  height: 112px !important;
  min-height: 112px !important;
  resize: vertical !important;
}

#bav-review-modal #form-review .form-control:focus {
  border-color: #888 !important;
  outline: none !important;
  box-shadow: none !important;
}

#bav-review-modal #form-review .help-block {
  margin: 7px 0 0 !important;
  color: #777 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 18px !important;
}

#bav-review-modal #form-review .help-block span {
  color: inherit !important;
  font: inherit !important;
}

#bav-review-modal #form-review .star-rating {
  min-height: 26px !important;
  margin-bottom: 4px !important;
}

#bav-review-modal #form-review .star-rating-wrap {
  font-size: 14px !important;
}

#bav-review-modal #form-review .star-rating-star {
  padding-left: 7px !important;
  color: #aaa !important;
  font-size: 22px !important;
  line-height: 22px !important;
}

#bav-review-modal #form-review .star-rating-star:hover,
#bav-review-modal #form-review .star-rating-star:hover ~ .star-rating-star,
#bav-review-modal #form-review .star-rating-input:checked ~ .star-rating-star {
  color: #000 !important;
}

#bav-review-modal #form-review .buttons {
  margin: 20px 0 0 !important;
}

#bav-review-modal #form-review .buttons .pull-right {
  float: none !important;
  width: 100% !important;
}

#bav-review-modal #button-review {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 11px 18px !important;
  border: 1px solid #000 !important;
  border-radius: 6px !important;
  background: #000 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  text-transform: none !important;
}

#bav-review-modal #button-review:hover,
#bav-review-modal #button-review:focus {
  border-color: #222 !important;
  background: #222 !important;
  color: #fff !important;
}

/* Mobile product heading: home, immediate parent and current product only. */
@media (max-width: 767px) {
  #product-product > .title-category {
    display: none !important;
  }

  #product-product > .breadcrumb {
    display: flex !important;
    float: none !important;
    clear: both !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 29px !important;
    margin: 0 0 18px !important;
    padding: 9px 9px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #555 !important;
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: .1px !important;
    text-align: left !important;
  }

  #product-product > .breadcrumb > li,
  #product-product > .breadcrumb > li:nth-last-child(2) {
    display: inline-flex !important;
    float: none !important;
    align-items: center !important;
    max-width: none !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #555 !important;
    font: inherit !important;
    line-height: inherit !important;
  }

  #product-product > .breadcrumb > li.bav-mobile-breadcrumb-hidden {
    display: none !important;
  }

  #product-product > .breadcrumb > li > a,
  #product-product > .breadcrumb > li > span {
    display: inline-flex !important;
    align-items: center !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  #product-product > .breadcrumb > li:nth-last-child(2) > a::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #product-product > .breadcrumb > li.active,
  #product-product > .breadcrumb > li.active > span {
    color: #000 !important;
    font-weight: 400 !important;
  }

  #product-product > .breadcrumb > li + li::before {
    content: "/" !important;
    display: inline-block !important;
    padding: 0 8px !important;
    border: 0 !important;
    color: #aaa !important;
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    transform: none !important;
  }

  #product-product > .breadcrumb .fa-home {
    color: #444 !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  #bav-review-modal {
    align-items: center !important;
    padding: 10px !important;
  }

  #bav-review-modal .bav-review-modal__panel {
    width: 100% !important;
    max-height: calc(100vh - 20px) !important;
    padding: 18px !important;
    border-radius: 10px !important;
  }

  #bav-review-modal .bav-review-modal__header {
    min-height: 38px !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
  }

  #bav-review-modal .bav-review-modal__title {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  #bav-review-modal .bav-review-modal__close {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  #bav-review-modal #form-review .form-group {
    margin-bottom: 14px !important;
  }

  #bav-review-modal #form-review textarea.form-control {
    height: 96px !important;
    min-height: 96px !important;
  }

  #bav-review-modal #form-review .buttons {
    margin-top: 16px !important;
  }
}

/* Mobile catalogue hierarchy: breadcrumbs are the single compact page title. */
@media (max-width: 767px) {
  #product-category > .title-category,
  #product-category.bav-styled-category > .title-category {
    display: none !important;
  }

  #product-category > .breadcrumb,
  #product-category.bav-styled-category > .breadcrumb {
    display: flex !important;
    float: none !important;
    clear: both !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 29px !important;
    margin: 0 0 9px !important;
    padding: 9px 9px 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #555 !important;
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: .1px !important;
    text-align: left !important;
  }

  #product-category > .breadcrumb > li,
  #product-category.bav-styled-category > .breadcrumb > li {
    display: inline-flex !important;
    float: none !important;
    align-items: center !important;
    max-width: none !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #555 !important;
    font: inherit !important;
    line-height: inherit !important;
    white-space: nowrap !important;
  }

  #product-category > .breadcrumb > li > a,
  #product-category.bav-styled-category > .breadcrumb > li > a {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  #product-category > .breadcrumb > li + li::before,
  #product-category.bav-styled-category > .breadcrumb > li + li::before {
    content: "/" !important;
    display: inline-block !important;
    padding: 0 8px !important;
    border: 0 !important;
    color: #aaa !important;
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    transform: none !important;
  }

  #product-category > .breadcrumb > li:last-child,
  #product-category.bav-styled-category > .breadcrumb > li:last-child,
  #product-product > .breadcrumb > li.active,
  #product-product > .breadcrumb > li.active > span {
    color: #a56f45 !important;
    font-weight: 400 !important;
  }

  #product-category > .breadcrumb .fa-home,
  #product-category.bav-styled-category > .breadcrumb .fa-home {
    color: #444 !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }
}

/* Product description typography: shared mobile and desktop body text. */
#product-product .bav-product-description__content,
#product-product .bav-product-description__content * {
  color: #111 !important;
}

#product-product .bav-product-description__content,
#product-product .bav-product-description__content p,
#product-product .bav-product-description__content li,
#product-product .bav-product-description__content div {
  font-size: 14px !important;
  line-height: 20px !important;
}

/* Keep the description on the exact vertical guides of the size chart. */
#product-product .module-sizechart,
#product-product .bav-product-description,
#product-product .bav-product-description__content {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#product-product .bav-product-description__content > p,
#product-product .bav-product-description__content > div,
#product-product .bav-product-description__content > ul,
#product-product .bav-product-description__content > ol {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Product action controls: one height and one rhythm on every product page. */
#product-product .tg-btn-wrap {
  height: 40px !important;
  margin: 0 !important;
}

#product-product .tg-btn,
#product-product .bav-reviews-trigger,
#product-product .wishlist-compare > .wishlist,
#product-product .wishlist-compare > .compare {
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}

#product-product .tg-btn,
#product-product .tg-btn:hover,
#product-product .tg-btn:focus,
#product-product .tg-btn:active {
  border: 1px solid #d2d2d2 !important;
  background: transparent !important;
  background-image: none !important;
  color: #666 !important;
  box-shadow: none !important;
}

#product-product .tg-btn svg path {
  fill: #666 !important;
}

@media (min-width: 768px) {
  #product-product .bav-product-meta .wishlist-compare {
    align-items: center !important;
    gap: 8px !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
  }
}

@media (max-width: 767px) {
  #product-product .bav-product-meta .wishlist-compare,
  #product-product .bav-mobile-description-actions {
    gap: 6px !important;
    column-gap: 6px !important;
    row-gap: 6px !important;
  }

  #product-product .bav-mobile-description-review > .bav-reviews-trigger {
    height: 40px !important;
    min-height: 40px !important;
  }
}

/* BAVOVNA mobile description and Telegram row - 2026-09-04 */
@media (max-width: 767px) {
  #product-product .bav-mobile-description-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    gap: 10px !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
  }

  #product-product .bav-mobile-description-actions > .bav-mobile-description-review {
    display: none !important;
  }

  #product-product .bav-mobile-description-actions.has-telegram > .bav-product-description__toggle,
  #product-product .bav-mobile-description-actions.has-telegram > .tg-btn-wrap {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #product-product .bav-mobile-description-actions.has-telegram > .bav-product-description__toggle,
  #product-product .bav-mobile-description-actions.has-telegram > .tg-btn-wrap > .tg-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }

  /* BAVOVNA mobile Show more width - 2026-09-04 */
  #product-product .bav-mobile-description-actions.has-telegram > .bav-product-description__toggle {
    flex: 0 0 calc(50% - 25px) !important;
    width: calc(50% - 25px) !important;
  }

  #product-product .bav-mobile-description-actions.has-telegram {
    justify-content: flex-start !important;
  }

  #product-product .bav-mobile-description-actions.has-telegram > .tg-btn-wrap {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-right: 0 !important;
    margin-left: auto !important;
  }

  #product-product .bav-mobile-description-actions.has-telegram > .tg-btn-wrap > .tg-btn {
    width: auto !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  #product-product .bav-mobile-description-actions:not(.has-telegram) > .bav-product-description__toggle {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
  }

  #product-product .bav-mobile-description-actions .tg-label-desktop {
    display: none !important;
  }

  #product-product .bav-mobile-description-actions .tg-label-mobile {
    display: inline !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    letter-spacing: .2px !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }
}

/* Desktop product grid: keep only the outer 15px right page gutter. */
@media (min-width: 768px) {
  #product-product .module-sizechart {
    width: calc(100% + 15px) !important;
    max-width: calc(100% + 15px) !important;
    margin-right: -15px !important;
  }

  #product-product .bav-product-description,
  #product-product .bav-product-description__content {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}

/* Product descriptions: fluid character spacing for clean full-width lines. */

#product-product .bav-product-description__content p,

#product-product .bav-product-description__content li {

  text-align: justify !important;

  text-align-last: left !important;

  text-justify: inter-character !important;

  hyphens: auto !important;

  -webkit-hyphens: auto !important;

}

/* Root category cards: one portrait crop and one overlay treatment. */

#product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .category-list-block {

  aspect-ratio: 2 / 3 !important;

}

#product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .image,

#product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .image > a,

#product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .image img {

  width: 100% !important;

  height: 100% !important;

}

#product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .image img {

  object-fit: cover !important;

  object-position: 50% 50% !important;

}

#product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .name {

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)) !important;

}

/* Homepage: the two primary assortment banners share the desktop width evenly. */

@media (min-width: 768px) {

  #butik-banner0.bav-home-two-columns > .row {

    display: flex !important;

    flex-wrap: nowrap !important;

  }



  #butik-banner0.bav-home-two-columns > .row > .moderns {

    float: none !important;

    flex: 0 0 50% !important;

    width: 50% !important;

    max-width: 50% !important;

  }

}

/* Homepage hero intentionally disabled. */

#butik_slideshow0 { display: none !important; }

/* Homepage desktop assortment spacing: 60px outer gutters and 60px between cards. */

@media (min-width: 768px) {

  #butik-banner0.bav-home-two-columns { box-sizing: border-box !important; width: auto !important; max-width: none !important; margin-left: 60px !important; margin-right: 60px !important; }

  #butik-banner0.bav-home-two-columns > .row { display: flex !important; flex-wrap: nowrap !important; gap: 60px !important; margin-left: 0 !important; margin-right: 0 !important; }

  #butik-banner0.bav-home-two-columns > .row > .moderns { float: none !important; flex: 0 0 calc((100% - 60px) / 2) !important; width: calc((100% - 60px) / 2) !important; max-width: calc((100% - 60px) / 2) !important; padding-left: 0 !important; padding-right: 0 !important; }

}

/* Exact visible 60-60-60 desktop spacing after Bootstrap container compensation. */

@media (min-width: 768px) {

  #butik-banner0.bav-home-two-columns { margin-left: 45px !important; margin-right: 45px !important; }

  #butik-banner0.bav-home-two-columns > .row::before, #butik-banner0.bav-home-two-columns > .row::after { display: none !important; content: none !important; }

}

/* Homepage desktop assortment spacing: exact visible 40-40-40. */

@media (min-width: 768px) {

  #butik-banner0.bav-home-two-columns { margin-left: 25px !important; margin-right: 25px !important; }

  #butik-banner0.bav-home-two-columns > .row { gap: 40px !important; }

  #butik-banner0.bav-home-two-columns > .row > .moderns { flex: 0 0 calc((100% - 40px) / 2) !important; width: calc((100% - 40px) / 2) !important; max-width: calc((100% - 40px) / 2) !important; }

}

/* Remove the faint header divider on the homepage only. */

.bav-homepage #bav-header { border-bottom: 0 !important; box-shadow: none !important; }

/* Instagram profile header: one optical axis for profile, stats and follow CTA. */

@media (min-width: 768px) {

  .eapps-instagram-feed-header-inner, .eapps-instagram-feed-header-user, .eapps-instagram-feed-header-stats, .eapps-instagram-feed-header-follow-button-wrapper { min-height: 48px !important; height: 48px !important; align-items: center !important; }

  .eapps-instagram-feed-header-stats-item { display: flex !important; flex-direction: column !important; justify-content: center !important; height: 48px !important; }

  .eapps-instagram-feed-header-follow-button { display: flex !important; align-items: center !important; justify-content: center !important; }

  .eapps-instagram-feed-header-follow-button-label { display: flex !important; align-items: center !important; height: auto !important; line-height: 1.2 !important; }

  .eapps-instagram-feed-header-follow-button-icon { align-self: center !important; }

  .eapps-instagram-feed-posts-item-image-wrapper { margin-top: 0 !important; }

}

/* Strong widget-scoped optical centering for the follow button content. */

body.bav-homepage #eapps-instagram-feed-1 .eapps-instagram-feed-header-follow-button-label { display: flex !important; align-items: center !important; height: auto !important; line-height: 1.2 !important; }

body.bav-homepage #eapps-instagram-feed-1 .eapps-instagram-feed-header-follow-button-icon { align-self: center !important; }

/* Homepage Instagram follow CTA: keep its top edge and trim 5px from the bottom. */

@media (min-width: 768px) {

  body.bav-homepage #eapps-instagram-feed-1 .eapps-instagram-feed-header-follow-button-wrapper, body.bav-homepage #eapps-instagram-feed-1 .eapps-instagram-feed-header-follow-button { align-self: flex-start !important; min-height: 43px !important; height: 43px !important; }

}

/* Homepage desktop: reduce assortment-to-Instagram spacing from 35px to 20px. */

@media (min-width: 768px) {

  #butik-banner0.bav-home-two-columns { margin-bottom: 20px !important; }

}

/* Homepage desktop: 5px between assortment cards and Instagram. */

@media (min-width: 768px) {

  #butik-banner0.bav-home-two-columns { margin-bottom: 5px !important; }

}

/* BAVOVNA desktop sidebar heading rhythm — 2026-09-03 */
@media (min-width: 768px) {
  #column-left .box > .box-heading,
  html body #product-category #column-left .box > .box-heading {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ddd !important;
  }

  #column-left .box > .box-content,
  html body #product-category #column-left .box > .box-content {
    padding-top: 4px !important;
  }
}

/* BAVOVNA desktop sidebar divider width alignment — 2026-09-03 */
@media (min-width: 768px) {
  #column-left .box > .box-heading,
  html body #product-category #column-left .box > .box-heading {
    width: calc(100% - 25px) !important;
  }
}

/* BAVOVNA footer compact link rhythm — 2026-09-03 */
footer.bav-footer-dark .footer-link > li > a {
  margin-bottom: 5px !important;
}

/* BAVOVNA floating callback white rim — 2026-09-03 */
#callphone {
  border: 1px solid #fff !important;
}

/* BAVOVNA desktop leaf-category breadcrumb heading — 2026-09-03 */
@media (min-width: 768px) {
  #product-category:has(.product-layout) > .title-category {
    display: none !important;
  }

  #product-category:has(.product-layout) > .breadcrumb {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 20px !important;
    padding: 9px 0 !important;
    text-align: left !important;
  }
}

/* BAVOVNA all desktop catalogue pages: breadcrumb as the single heading — 2026-09-03 */
@media (min-width: 768px) {
  #product-category > .title-category {
    display: none !important;
  }

  #product-category > .breadcrumb {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 20px !important;
    padding: 9px 0 !important;
    text-align: left !important;
  }

  #product-product > .title-category {
    display: none !important;
  }

  #product-product > .breadcrumb {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }
}

/* BAVOVNA unified breadcrumb typography — 2026-09-03 */
@media (min-width: 768px) {
  #product-category > .breadcrumb,
  #product-product > .breadcrumb {
    font-family: Rubik, sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: .1px !important;
  }

  #product-category > .breadcrumb > li,
  #product-category > .breadcrumb > li > a,
  #product-category > .breadcrumb > li > span,
  #product-product > .breadcrumb > li,
  #product-product > .breadcrumb > li > a,
  #product-product > .breadcrumb > li > span {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 300 !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
  }
}

@media (max-width: 767px) {
  #product-category > .breadcrumb,
  #product-product > .breadcrumb {
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: .1px !important;
  }

  #product-category > .breadcrumb > li,
  #product-category > .breadcrumb > li > a,
  #product-category > .breadcrumb > li > span,
  #product-product > .breadcrumb > li,
  #product-product > .breadcrumb > li > a,
  #product-product > .breadcrumb > li > span {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 300 !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
  }
}

/* BAVOVNA breadcrumb active label uses the same light weight — 2026-09-03 */
#product-category > .breadcrumb > li:last-child,
#product-category > .breadcrumb > li:last-child > a,
#product-category > .breadcrumb > li:last-child > span,
#product-product > .breadcrumb > li.active,
#product-product > .breadcrumb > li.active > a,
#product-product > .breadcrumb > li.active > span {
  font-weight: 300 !important;
}

/* BAVOVNA category sidebar unified text rhythm — 2026-09-03 */
.box .box-heading,
#column-left .box .box-heading,
html body #product-category #column-left .box > .box-heading,
#column-left .box-category > li > a,
html body #product-category #column-left .box .box-content ul.box-category > li > a,
#column-left .box-category > li > ul > li > a,
html body #product-category #column-left .box .box-content ul.box-category > li > ul > li > a {
  line-height: 20px !important;
  letter-spacing: .2px !important;
}

/* BAVOVNA desktop breadcrumb current location emphasis — 2026-09-03 */
@media (min-width: 768px) {
  #product-category > .breadcrumb > li:last-child,
  #product-category > .breadcrumb > li:last-child > a,
  #product-category > .breadcrumb > li:last-child > span,
  #product-product > .breadcrumb > li.active,
  #product-product > .breadcrumb > li.active > a,
  #product-product > .breadcrumb > li.active > span {
    font-size: 15px !important;
    font-weight: 300 !important;
    color: #a56f45 !important;
  }
}

/* BAVOVNA mobile homepage assortment labels — 2026-09-03 */
@media (max-width: 767px) {
  #common-home .butik-banner .moderns .stile_bav {
    font-size: 17px !important;
  }
}

/* BAVOVNA mobile inner category labels match homepage — 2026-09-03 */
@media (max-width: 767px) {
  html body #product-category .category-list .bav-category-list-item .name a {
    font-size: 17px !important;
    line-height: 22px !important;
  }
}

/* Store reviews: unified BAVOVNA presentation. */
body.bav-store-reviews-page #content,
body.bav-store-reviews-page #review-extended,
body.bav-store-reviews-page #form-review {
  font-family: Rubik, sans-serif !important;
  color: #111 !important;
}

body.bav-store-reviews-page .breadcrumb {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #efefef !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

body.bav-store-reviews-page .breadcrumb > li,
body.bav-store-reviews-page .breadcrumb > li > a {
  font-family: Rubik, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .2px !important;
  color: #555 !important;
}

body.bav-store-reviews-page #content > h1 {
  margin: 0 0 24px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #efefef !important;
  font-family: Rubik, sans-serif !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 32px !important;
  letter-spacing: .4px !important;
  color: #000 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

body.bav-store-reviews-page #review-extended {
  padding-bottom: 30px !important;
}

body.bav-store-reviews-page #review-extended .review-media-all {
  margin: 0 0 24px !important;
  padding: 0 !important;
}

body.bav-store-reviews-page #review-extended .review-all-photo-title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 24px !important;
  letter-spacing: .2px !important;
  color: #000 !important;
}

body.bav-store-reviews-page #review-extended .all-reviews-thumbnails,
body.bav-store-reviews-page #review-extended .reviews-thumbnails {
  margin: 0 !important;
}

body.bav-store-reviews-page #review-extended .ex-image-additional {
  width: 132px !important;
  height: 132px !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.bav-store-reviews-page #review-extended .image-crop {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 132px !important;
  height: 132px !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

body.bav-store-reviews-page #review-extended > .col-md-5 {
  width: calc(50% - 5px) !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

body.bav-store-reviews-page #review-extended .form-group.input-group {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
}

body.bav-store-reviews-page #review-extended .input-group-addon,
body.bav-store-reviews-page #review-extended #input-sort {
  height: 44px !important;
  border-color: #b8b8b8 !important;
  background: #fff !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .2px !important;
  color: #111 !important;
}

body.bav-store-reviews-page #review-extended .input-group-addon {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 96px !important;
  padding: 0 14px !important;
  border-radius: 6px 0 0 6px !important;
  white-space: nowrap !important;
}

body.bav-store-reviews-page #review-extended #input-sort {
  flex: 1 1 auto !important;
  padding: 0 12px !important;
  border-radius: 0 6px 6px 0 !important;
}

body.bav-store-reviews-page #review-extended .to-write-review,
body.bav-store-reviews-page #button-review-extended,
body.bav-store-reviews-page #review-extended .button-answer-review,
body.bav-store-reviews-page #review-extended #upload-files-button,
body.bav-store-reviews-page #review-extended .btn-cancel {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid #000 !important;
  border-radius: 6px !important;
  background: #000 !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .2px !important;
  color: #fff !important;
  text-transform: none !important;
  text-shadow: none !important;
}

body.bav-store-reviews-page #review-extended .to-write-review {
  float: right !important;
  margin: 0 !important;
}

body.bav-store-reviews-page #review-extended .to-write-review .fa {
  margin-right: 7px !important;
  font-size: 13px !important;
}

body.bav-store-reviews-page #review-extended .review-container {
  clear: both !important;
  overflow: hidden !important;
  margin: 0 0 12px !important;
  border: 1px solid #e1e1e1 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.bav-store-reviews-page #review-extended .review-title-container {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 14px 16px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #efefef !important;
  background: #fff !important;
  margin: 0 !important;
}

body.bav-store-reviews-page #review-extended .review-author,
body.bav-store-reviews-page #review-extended .rating-container,
body.bav-store-reviews-page #review-extended .review-date {
  position: static !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

body.bav-store-reviews-page #review-extended .review-author-name {
  font-family: Rubik, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: .2px !important;
  color: #111 !important;
}

body.bav-store-reviews-page #review-extended .rating-container {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
}

body.bav-store-reviews-page #review-extended .rating-container .fa-star {
  color: #c6a21b !important;
}

body.bav-store-reviews-page #review-extended .review-date {
  margin-left: auto !important;
  font-family: Rubik, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .1px !important;
  color: #666 !important;
}

body.bav-store-reviews-page #review-extended .review-text-container {
  padding: 14px 16px 4px !important;
}

body.bav-store-reviews-page #review-extended .comment-text {
  width: 100% !important;
  padding: 0 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 21px !important;
  letter-spacing: .2px !important;
  color: #111 !important;
}

body.bav-store-reviews-page #review-extended .comment-text p {
  margin: 0 0 10px !important;
  font: inherit !important;
  color: inherit !important;
}

body.bav-store-reviews-page #review-extended .comment-text hr {
  margin: 12px 0 !important;
  border: 0 !important;
  border-top: 1px solid #efefef !important;
}

body.bav-store-reviews-page #review-extended .comment-text strong {
  font-weight: 400 !important;
  color: #111 !important;
}

body.bav-store-reviews-page #review-extended .review-media-container {
  margin: 0 !important;
  padding: 0 16px 12px !important;
}

body.bav-store-reviews-page #review-extended .review-media-container:empty {
  display: none !important;
}

body.bav-store-reviews-page #review-extended .review-container-footer {
  height: auto !important;
  min-height: 38px !important;
  padding: 0 16px 12px !important;
}

body.bav-store-reviews-page #review-extended .review-rating-change-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
}

body.bav-store-reviews-page #review-extended .change-rating-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 44px !important;
  min-height: 32px !important;
  border: 0 !important;
  color: #333 !important;
}

body.bav-store-reviews-page #review-extended .change-rating-button a,
body.bav-store-reviews-page #review-extended .change-rating-button .fa,
body.bav-store-reviews-page #review-extended .review-vote-count {
  color: #333 !important;
}

body.bav-store-reviews-page #review-extended .review-childrens-container {
  margin: 0 16px 16px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f6f6f6 !important;
}

body.bav-store-reviews-page #form-review {
  clear: both !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
}

body.bav-store-reviews-page #form-review .user-review-write-block {
  padding: 24px !important;
  border: 1px solid #e1e1e1 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.bav-store-reviews-page #form-review h2 {
  margin: 0 0 20px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #efefef !important;
  font-family: Rubik, sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 28px !important;
  letter-spacing: .3px !important;
  color: #000 !important;
  text-transform: none !important;
}

body.bav-store-reviews-page #form-review .form-group {
  margin-bottom: 14px !important;
}

body.bav-store-reviews-page #form-review label,
body.bav-store-reviews-page #form-review .super-star-text,
body.bav-store-reviews-page #form-review .review-media-text-block {
  font-family: Rubik, sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: .2px !important;
}

body.bav-store-reviews-page #form-review label {
  margin-bottom: 6px !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #111 !important;
}

body.bav-store-reviews-page #form-review .form-control {
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .2px !important;
  color: #111 !important;
}

body.bav-store-reviews-page #form-review textarea.form-control {
  min-height: 120px !important;
  resize: vertical !important;
}

body.bav-store-reviews-page #form-review .reviews-user-add-content-block {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 4px 0 14px !important;
}

body.bav-store-reviews-page #form-review #add-photo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 6px 12px !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #111 !important;
}

body.bav-store-reviews-page #form-review .media-add-button-icon {
  width: 26px !important;
  height: 24px !important;
}

body.bav-store-reviews-page #form-review .review-media-text-block {
  font-size: 13px !important;
  line-height: 19px !important;
  color: #666 !important;
}

body.bav-store-reviews-page #form-review .user-content-add-caption-arrow {
  display: none !important;
}

body.bav-store-reviews-page #form-review .review-form-write-footer .pull-right {
  float: none !important;
}

@media (max-width: 767px) {
  body.bav-store-reviews-page .breadcrumb {
    margin-bottom: 14px !important;
    padding: 10px 15px !important;
  }

  body.bav-store-reviews-page #content {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  body.bav-store-reviews-page #content > h1 {
    margin-bottom: 18px !important;
    font-size: 20px !important;
    line-height: 27px !important;
  }

  body.bav-store-reviews-page #review-extended .review-media-all {
    margin-bottom: 18px !important;
  }

  body.bav-store-reviews-page #review-extended .review-all-photo-title {
    font-size: 17px !important;
    line-height: 23px !important;
  }

  body.bav-store-reviews-page #review-extended .image-crop {
    width: 108px !important;
    height: 108px !important;
  }

  body.bav-store-reviews-page #review-extended > .col-md-5 {
    float: none !important;
    width: 100% !important;
    margin-bottom: 8px !important;
  }

  body.bav-store-reviews-page #review-extended .to-write-review {
    float: none !important;
    width: 100% !important;
  }

  body.bav-store-reviews-page #review-extended .review-container {
    margin-bottom: 10px !important;
    border-radius: 8px !important;
  }

  body.bav-store-reviews-page #review-extended .review-title-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 4px 10px !important;
    padding: 12px 14px 9px !important;
  }

  body.bav-store-reviews-page #review-extended .rating-container {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  body.bav-store-reviews-page #review-extended .review-date {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.bav-store-reviews-page #review-extended .review-text-container {
    padding: 12px 14px 3px !important;
  }

  body.bav-store-reviews-page #review-extended .review-media-container,
  body.bav-store-reviews-page #review-extended .review-container-footer {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  body.bav-store-reviews-page #review-extended .review-childrens-container {
    margin: 0 14px 14px !important;
  }

  body.bav-store-reviews-page #form-review {
    margin-top: 24px !important;
  }

  body.bav-store-reviews-page #form-review .user-review-write-block {
    padding: 16px 14px !important;
    border-radius: 8px !important;
  }

  body.bav-store-reviews-page #form-review h2 {
    font-size: 19px !important;
    line-height: 26px !important;
  }

  body.bav-store-reviews-page #form-review .reviews-user-add-content-block {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  body.bav-store-reviews-page #button-review-extended {
    width: 100% !important;
  }
}

/* Contacts: unified BAVOVNA presentation. */
body:has(#information-contact) #bav-header {
  position: relative !important;
  border-bottom: 0 !important;
}

body:has(#information-contact) #bav-header::after {
  content: "" !important;
  position: absolute !important;
  right: 15px !important;
  bottom: 0 !important;
  left: 15px !important;
  display: block !important;
  height: 1px !important;
  background: #efefef !important;
  pointer-events: none !important;
}

#information-contact,
#information-contact #content,
#information-contact .contact-info,
#information-contact .contact-form {
  font-family: Rubik, sans-serif !important;
  color: #111 !important;
}

#information-contact .breadcrumb {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  float: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding: 7px 20px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

#information-contact .breadcrumb > li,
#information-contact .breadcrumb > li > a {
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
  letter-spacing: .2px !important;
  color: #555 !important;
}

#information-contact .title-category {
  margin: 0 0 24px !important;
  padding: 0 20px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#information-contact .title-category h1 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 32px !important;
  letter-spacing: .4px !important;
  color: #000 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

#information-contact .title-category h1::before,
#information-contact .title-category h1::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#information-contact #content > .row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
  margin: 0 !important;
}

#information-contact #content,
#information-contact #content > .row,
#information-contact #content > .row > .contact-info,
#information-contact #content > .row > .contact-form,
#information-contact .contact-info .panel,
#information-contact .contact-form > form,
#information-contact .contact-form .form-control {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

#information-contact #content > .row::before,
#information-contact #content > .row::after {
  content: none !important;
  display: none !important;
}

#information-contact #content > .row > .contact-info,
#information-contact #content > .row > .contact-form {
  float: none !important;
  width: calc(50% - 12px) !important;
  padding: 0 !important;
}

#information-contact .contact-info > h3,
#information-contact .contact-form > h3 {
  margin: 0 0 12px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 0 20px !important;
  border: 0 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 24px !important;
  letter-spacing: .2px !important;
  color: #000 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

#information-contact .contact-info > h3 {
  display: none !important;
}

#information-contact #content > .row > .contact-info {
  padding-top: 36px !important;
}

#information-contact .contact-info .panel,
#information-contact .contact-form > form {
  margin: 0 !important;
  border: 1px solid #e1e1e1 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#information-contact .contact-info .panel-body,
#information-contact .contact-form > form {
  padding: 20px !important;
}

#information-contact .contact-info .panel-body > .row {
  margin: 0 !important;
}

#information-contact .contact-info .panel-body > .row > .col-sm-12 {
  float: none !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

#information-contact .contact-info .panel-body > .row > .col-sm-12:first-child,
#information-contact .contact-info img.img-thumbnail {
  display: none !important;
}

#information-contact .contact-info .panel-body > .row > .col-sm-12:last-child {
  margin-bottom: 0 !important;
}

#information-contact .contact-info h5 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 21px !important;
  letter-spacing: .2px !important;
  color: #111 !important;
  text-transform: none !important;
}

#information-contact .contact-info h5 .fa {
  width: 24px !important;
  font-size: 24px !important;
  line-height: 24px !important;
  color: #111 !important;
  text-align: center !important;
}

#information-contact .contact-info address,
#information-contact .contact-info .cont-desc {
  margin: 0 !important;
  padding-left: 34px !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 21px !important;
  letter-spacing: .2px !important;
  color: #333 !important;
}

#information-contact .contact-form .fieldset,
#information-contact .contact-form .form-group,
#information-contact .contact-form .col-sm-12 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#information-contact .contact-form .form-group {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

#information-contact .contact-form .col-sm-12 {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
}

#information-contact .contact-form label {
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .2px !important;
  color: #111 !important;
}

#information-contact .contact-form .form-control {
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .2px !important;
  color: #111 !important;
}

#information-contact .contact-form textarea.form-control {
  height: 100px !important;
  min-height: 100px !important;
  resize: vertical !important;
}

#information-contact .contact-form .form-group:nth-last-child(2) .col-sm-12 {
  font-family: Rubik, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .1px !important;
  color: #333 !important;
}

#information-contact .contact-form input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 7px 0 0 !important;
  vertical-align: -3px !important;
  accent-color: #000 !important;
}

#information-contact .contact-form a.agree,
#information-contact .contact-form a.agree b {
  font-family: Rubik, sans-serif !important;
  font-weight: 400 !important;
  color: #111 !important;
  text-decoration: none !important;
}

#information-contact .contact-form .btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  min-height: 44px !important;
  margin: 2px 0 0 !important;
  padding: 0 18px !important;
  border: 1px solid #000 !important;
  border-radius: 6px !important;
  background: #000 !important;
  box-shadow: none !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .2px !important;
  color: #fff !important;
  text-transform: none !important;
  text-shadow: none !important;
}

@media (max-width: 767px) {
  #information-contact {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  #information-contact .breadcrumb {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 12px !important;
    margin-left: 0 !important;
    padding: 7px 15px !important;
  }

  #information-contact .title-category {
    margin-bottom: 18px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  #information-contact .title-category h1 {
    font-size: 20px !important;
    line-height: 27px !important;
  }

  #information-contact #content {
    padding: 0 !important;
  }

  #information-contact #content > .row {
    display: block !important;
  }

  #information-contact #content > .row > .contact-info,
  #information-contact #content > .row > .contact-form {
    width: 100% !important;
  }

  #information-contact #content > .row > .contact-info {
    margin-bottom: 22px !important;
    padding-top: 0 !important;
  }

  #information-contact .contact-info > h3,
  #information-contact .contact-form > h3 {
    padding-right: 15px !important;
    padding-left: 15px !important;
    font-size: 17px !important;
    line-height: 23px !important;
  }

  #information-contact .contact-info .panel,
  #information-contact .contact-form > form {
    border-radius: 8px !important;
  }

  #information-contact .contact-info .panel-body,
  #information-contact .contact-form > form {
    padding: 15px !important;
  }

  #information-contact .contact-form textarea.form-control {
    height: 90px !important;
    min-height: 90px !important;
  }

  #information-contact .contact-form .btn-primary {
    width: 100% !important;
  }
}


/* BAVOVNA mobile homepage overlay clipping fix - 2026-09-03 */
@media (max-width: 767px) {
  #common-home .butik-banner .moderns > a:last-of-type {
    right: 15px !important;
    left: 15px !important;
    overflow: hidden !important;
    border-radius: 0 0 10px 10px !important;
  }
}


/* BAVOVNA product pages: reviews disabled - 2026-09-03 */
#product-product .bav-reviews-trigger,
#product-product .bav-mobile-review-summary,
#product-product .bav-mobile-description-review,
#product-product .rating.rating-product,
#bav-review-modal {
  display: none !important;
}

/* BAVOVNA mobile product cards: review UI removed - 2026-09-03 */
@media (max-width: 767px) {
  html body #product-product .bav-product-meta .wishlist-compare > .bav-mobile-review-summary,
  html body #product-product .bav-product-meta .wishlist-compare > .bav-reviews-trigger,
  html body #product-product .product-details > .rating.rating-product,
  html body #product-product .bav-mobile-review-stars,
  html body #product-product .bav-mobile-review-text,
  html body #product-product .bav-mobile-description-review {
    display: none !important;
  }
}

/* BAVOVNA mobile product divider: balanced spacing - 2026-09-03 */
@media (max-width: 767px) {
  html body #product-product .bav-product-meta .product-view {
    margin-bottom: 0 !important;
  }

  html body #product-product .bav-product-meta > .bav-mobile-review-summary {
    display: none !important;
    margin: 0 !important;
  }
}

/* BAVOVNA mobile product divider: exact visual balance - 2026-09-03 */
@media (max-width: 767px) {
  html body #product-product .product-details > hr {
    margin-top: 17px !important;
    margin-bottom: 20px !important;
  }
}

/* BAVOVNA mobile root categories: full uncropped high-resolution images - 2026-09-03 */
@media (max-width: 767px) {
  html body #product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .category-list-block {
    aspect-ratio: auto !important;
  }

  html body #product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .image,
  html body #product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .image > a,
  html body #product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .image img {
    height: auto !important;
  }

  html body #product-category.bav-has-category-list .category-list > .row > .bav-category-list-item .image img {
    object-fit: contain !important;
    object-position: 50% 50% !important;
  }
}

/* Homepage Instagram avatar: use the supplied standalone cotton mark without the wordmark. */
body.bav-homepage #eapps-instagram-feed-1 .eapps-instagram-feed-header-user-picture-wrapper > a {
  position: relative !important;
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background: #fff url('/image/catalog/bavovna-cotton-mark.jpg?v=202609031445') 50% 3px / 90% auto no-repeat !important;
}
body.bav-homepage #eapps-instagram-feed-1 img.eapps-instagram-feed-header-user-picture {
  position: static !important;
  display: block !important;
  width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  left: auto !important;
  top: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 50% !important;
  opacity: 0 !important;
}

/* Desktop delivery marquee: keep one 20-second cycle even when reduced-motion overrides are present. */
@media (min-width: 768px) {
  html body #bav-top-bar-inner {
    animation-duration: 22s !important;
  }
}

/* BAVOVNA desktop footer column alignment — 2026-09-03 */
@media (min-width: 768px) {
  footer.bav-footer-dark > .container > .row > .col-md-6:nth-child(1) > .bav-footer-column-content {
    transform: translateX(50px) !important;
  }
  footer.bav-footer-dark > .container > .row > .col-md-6:nth-child(2) > .bav-footer-column-content {
    transform: translateX(-20px) !important;
  }
}

/* BAVOVNA desktop footer brand — 2026-09-03 */
footer.bav-footer-dark .bav-footer-brand-logo {
  display: none !important;
}
@media (min-width: 768px) {
  footer.bav-footer-dark {
    position: relative !important;
  }
  footer.bav-footer-dark .bav-footer-brand-logo {
    display: block !important;
    position: absolute !important;
    top: 40px !important;
    right: 80px !important;
    width: 160.8px !important;
    height: auto !important;
    line-height: 0 !important;
    z-index: 2 !important;
  }
  footer.bav-footer-dark .bav-footer-brand-logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
  }
}

/* BAVOVNA desktop footer tighter heading and link rhythm — 2026-09-03 */
@media (min-width: 768px) {
  footer.bav-footer-dark .bav-footer-column-content > h5 {
    margin-bottom: 5px !important;
  }
  footer.bav-footer-dark .footer-link > li > a {
    margin-bottom: 0 !important;
  }
}

/* BAVOVNA product gallery: identical 15px outer gutters for main and additional images — 2026-09-03 */
html body #product-product #content > .row > .product-info.col-sm-5 {
  box-sizing: border-box !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
html body #product-product #main-slider,
html body #product-product #scroll-img,
html body #product-product #main-slider > .owl-wrapper-outer,
html body #product-product #scroll-img > .owl-wrapper-outer {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* BAVOVNA mobile footer: headings left, active links right — 2026-09-03 */
@media (max-width: 767px) {
  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] {
    display: grid !important;
    grid-template-columns: minmax(124px, 42%) minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 14px;
    row-gap: 4px;
    align-items: start;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > .col-md-6,
  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > .col-sm-6,
  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > .col-xs-6,
  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] .bav-footer-column-content {
    display: contents !important;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > *:first-child .bav-footer-mobile-toggle {
    grid-column: 1;
    grid-row: 1;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > *:nth-child(2) .bav-footer-mobile-toggle {
    grid-column: 1;
    grid-row: 2;
  }

  footer.bav-footer-dark .bav-footer-mobile-toggle {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 38px;
    margin: 0 !important;
    padding: 4px 0 !important;
    cursor: pointer;
    user-select: none;
  }

  footer.bav-footer-dark .bav-footer-mobile-toggle::after {
    content: "›";
    margin-left: auto;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
    transform: rotate(0deg);
    transition: transform .2s ease;
  }

  footer.bav-footer-dark .is-mobile-open > .bav-footer-mobile-toggle::after {
    transform: rotate(90deg);
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] .bav-footer-mobile-panel {
    display: none !important;
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] .is-mobile-open > .bav-footer-mobile-panel {
    display: block !important;
  }

  footer.bav-footer-dark .bav-footer-mobile-panel > li,
  footer.bav-footer-dark .bav-footer-mobile-panel > li > a {
    display: block;
    width: 100%;
  }
}

/* BAVOVNA mobile footer conflict cleanup — 2026-09-03 */
@media (max-width: 767px) {
  footer.bav-footer-dark > .container {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns: minmax(124px, 42%) minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > *:nth-child(-n+2),
  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > *:nth-child(-n+2) > .bav-footer-column-content {
    display: contents !important;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > *:nth-child(n+3) {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > .bav-footer-contacts {
    grid-row: 3 !important;
    margin-top: 14px !important;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > *:nth-child(4) {
    grid-row: 4 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  footer.bav-footer-dark .bav-footer-contacts > h5 {
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-family: Rubik, sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    letter-spacing: .2px !important;
    text-align: left !important;
  }

  footer.bav-footer-dark .bav-footer-contacts > .footer-cont {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.bav-footer-dark .bav-footer-contacts > .footer-cont > li {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 36px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 10px 0 0 !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: .2px !important;
  }

  footer.bav-footer-dark .bav-footer-contacts > .footer-cont > li > i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    width: 36px !important;
    min-height: 34px !important;
    padding: 0 !important;
    background: transparent !important;
    border-right: 1px solid rgba(255,255,255,.20) !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  footer.bav-footer-dark .bav-footer-contacts > .footer-cont > li > a {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 34px !important;
    color: #fff !important;
    font-family: Rubik, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: .2px !important;
  }

  footer.bav-footer-dark > .container > br,
  footer.bav-footer-dark > .container > .payments-metods {
    display: none !important;
  }
}

/* BAVOVNA mobile footer: only accordion headings, aligned right panel — 2026-09-03 */
@media (max-width: 767px) {
  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] {
    grid-template-rows: auto auto !important;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] > .bav-footer-contacts {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  footer.bav-footer-dark > .container > .row:first-child[data-bav-footer-mobile-ready="true"] .bav-footer-mobile-panel {
    align-self: start !important;
    box-sizing: border-box !important;
    padding: 5px 0 0 !important;
  }
}

/* BAVOVNA mobile footer brand logo — 2026-09-03 */
@media (max-width: 767px) {
  footer.bav-footer-dark .bav-footer-brand-logo {
    display: block !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 128px !important;
    height: auto !important;
    box-sizing: border-box !important;
    margin: 4px 0 20px 15px !important;
    padding: 0 !important;
    line-height: 0 !important;
    z-index: auto !important;
  }

  footer.bav-footer-dark .bav-footer-brand-logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    filter: brightness(0) invert(1) !important;
  }
}

/* BAVOVNA mobile footer equal top and bottom breathing space — 2026-09-03 */
@media (max-width: 767px) {
  footer.bav-footer-dark {
    padding-bottom: 37px !important;
  }

  footer.bav-footer-dark .bav-footer-brand-logo {
    margin-bottom: 0 !important;
  }
}

/* BAVOVNA mobile footer: thin gallery-style chevrons  2026-09-03 */
@media (max-width: 767px) {
  footer.bav-footer-dark .bav-footer-mobile-toggle::after {
    content: "" !important;
    display: block !important;
    flex: 0 0 8px !important;
    align-self: center !important;
    position: relative !important;
    top: 0 !important;
    width: 8px !important;
    height: 8px !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    padding: 0 !important;
    background: none !important;
    border-top: 1px solid rgba(255,255,255,.9) !important;
    border-right: 1px solid rgba(255,255,255,.9) !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
    line-height: 0 !important;
    vertical-align: middle !important;
    transform: rotate(45deg) !important;
    transform-origin: 50% 50% !important;
    transition: none !important;
  }
  footer.bav-footer-dark .is-mobile-open > .bav-footer-mobile-toggle::after {
    transform: rotate(45deg) !important;
  }
}

/* BAVOVNA related product card overlay repair - 2026-09-04 */
html body #product-product #related .product-thumb,
html body #product-product .related .product-thumb {
    background: transparent !important;
}
html body #product-product #related .product-thumb .image,
html body #product-product .related .product-thumb .image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: transparent !important;
    line-height: 0 !important;
}
html body #product-product #related .product-thumb .image > a,
html body #product-product .related .product-thumb .image > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    line-height: 0 !important;
}
html body #product-product #related .product-thumb .image img,
html body #product-product .related .product-thumb .image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    vertical-align: top !important;
    object-fit: cover !important;
    object-position: center top !important;
}
html body #product-product #related .product-thumb .image img.hover-image,
html body #product-product .related .product-thumb .image img.hover-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
html body #product-product #related .product-thumb .caption,
html body #product-product .related .product-thumb .caption {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 !important;
    background: transparent !important;
}
html body #product-product #related .product-thumb .caption h4,
html body #product-product .related .product-thumb .caption h4 {
    position: relative !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 0 10px 10px !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.18) 35%, rgba(0,0,0,.8) 100%) !important;
    color: #fff !important;
    box-shadow: none !important;
}
html body #product-product #related .product-thumb .caption h4 a,
html body #product-product .related .product-thumb .caption h4 a {
    color: #fff !important;
    background: transparent !important;
    text-shadow: none !important;
}
@media (max-width: 767px) {
    html body #product-product #related .product-thumb .caption h4,
    html body #product-product .related .product-thumb .caption h4 {
        height: 58px !important;
        margin: -58px 0 0 !important;
        padding: 12px 7px 10px !important;
    }
}
@media (min-width: 768px) {
    html body #product-product #related .product-thumb .caption h4,
    html body #product-product .related .product-thumb .caption h4 {
        height: 56px !important;
        margin: -56px 0 0 !important;
        padding: 14px 9px 6px !important;
    }
}

/* BAVOVNA product section heading weight - 2026-09-04 */
html body #product-product .bav-product-section-title-300,
html body #product-product .bav-product-section-title-300 * {
    font-weight: 300 !important;
}

@media (max-width: 767px) {
    html body #product-product .bav-product-section-title-300,
    html body #product-product .bav-product-section-title-300 * {
        font-family: Rubik, sans-serif !important;
        font-size: 16px !important;
        font-weight: 300 !important;
        line-height: normal !important;
        letter-spacing: normal !important;
        color: #444 !important;
        text-transform: none !important;
    }
}

/* BAVOVNA product main image actions - 2026-09-03 */
html body #product-product .thumbnails {
    position: relative !important;
}
html body #product-product .bav-original-actions-source {
    display: none !important;
}
html body #product-product .bav-original-product-action {
    display: none !important;
}
html body #product-product .bav-product-image-actions {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 35 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    pointer-events: none;
}
html body #product-product .bav-product-image-actions > .bav-product-image-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 35px !important;
    width: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    line-height: 35px !important;
    text-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: opacity .2s ease !important;
    pointer-events: auto;
    cursor: pointer;
    -webkit-appearance: none !important;
    appearance: none !important;
}
html body #product-product .bav-product-image-actions > .bav-product-image-action > i {
    display: block !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    text-shadow: none !important;
}
html body #product-product .bav-product-image-actions > .bav-product-image-action:hover,
html body #product-product .bav-product-image-actions > .bav-product-image-action:focus,
html body #product-product .bav-product-image-actions > .bav-product-image-action:active {
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
}
@media (max-width: 767px) {
    html body #product-product .bav-product-image-actions {
        top: 15px !important;
        left: 15px !important;
    }
}

/* BAVOVNA related carousel overflow containment - 2026-09-04 */
html body #product-product #related,
html body #product-product .related {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  overscroll-behavior-x: contain !important;
}
html body #product-product #related > .owl-wrapper-outer,
html body #product-product .related > .owl-wrapper-outer {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html body #product-product #related::-webkit-scrollbar,
html body #product-product .related::-webkit-scrollbar,
html body #product-product #related > .owl-wrapper-outer::-webkit-scrollbar,
html body #product-product .related > .owl-wrapper-outer::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
@media (max-width: 767px) {
  html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  html body #product-product,
  html body #product-product #content {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

/* BAVOVNA product thumbnail carousel edge clipping - 2026-09-04 */
html body #product-product #scroll-img {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html body #product-product #scroll-img > .owl-wrapper-outer {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html body #product-product #scroll-img .owl-item {
  box-sizing: border-box !important;
}

/* BAVOVNA desktop thumbnail subpixel edge mask - 2026-09-04 */
@media (min-width: 768px) {
  html body #product-product #scroll-img::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 20 !important;
    display: block !important;
    width: 3px !important;
    background: #fff !important;
    pointer-events: none !important;
  }
  html body #product-product #scroll-img > .owl-wrapper-outer {
    clip-path: inset(0 3px 0 0) !important;
  }
}

/* BAVOVNA desktop thumbnail outer-edge cleanup - 2026-09-04 */
@media (min-width: 768px) {
  html body #product-product #scroll-img {
    overflow: visible !important;
    isolation: isolate !important;
  }
  html body #product-product #scroll-img > .owl-wrapper-outer {
    overflow: hidden !important;
    clip-path: none !important;
  }
  html body #product-product #scroll-img::after {
    right: -4px !important;
    width: 8px !important;
    background: #fff !important;
    z-index: 100 !important;
  }
}

/* BAVOVNA product thumbnail final containment - 2026-09-04 */
@media (min-width: 768px) {
  html body #product-product #scroll-img {
    overflow: hidden !important;
    contain: paint !important;
    isolation: isolate !important;
  }
  html body #product-product #scroll-img > .owl-wrapper-outer {
    overflow: hidden !important;
    clip-path: none !important;
  }
  html body #product-product #scroll-img::after {
    right: 0 !important;
    width: 8px !important;
    background: #fff !important;
    z-index: 2147483647 !important;
    pointer-events: none !important;
  }
}

/* BAVOVNA related cards image-to-price spacing - 2026-09-04 */
@media (min-width: 768px) {
  html body #product-product #related .product-thumb .product-price-block,
  html body #product-product .related .product-thumb .product-price-block {
    margin-top: 10px !important;
  }
}
@media (max-width: 767px) {
  html body #product-product #related .product-thumb .product-price-block,
  html body #product-product .related .product-thumb .product-price-block {
    margin-top: 6px !important;
  }
}

/* BAVOVNA mobile fast-order text — 2026-09-04 */
@media (max-width: 767px) {
  html body .product-details .btn-fastorder > i,
  html body .product-details .btn-fastorder .fa {
    display: none !important;
  }
  html body .product-details .btn-fastorder {
    font-family: 'Rubik', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    letter-spacing: .35px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    gap: 0 !important;
  }
}

/* BAVOVNA mobile fast-order wording — 2026-09-04 */
@media (max-width: 767px) {
  html body .product-details .btn-fastorder {
    font-size: 0 !important;
  }
  html body .product-details .btn-fastorder::after {
    content: 'ШВИДКА КУПІВЛЯ';
    display: inline-block;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .35px;
    text-transform: uppercase;
    white-space: nowrap;
  }
}

/* BAVOVNA fast-order responsive labels — 2026-09-04 */
.product-details .btn-fastorder .bav-fastorder-label--mobile {
  display: none;
}
@media (max-width: 767px) {
  html body .product-details .btn-fastorder {
    font-size: 15px !important;
  }
  html body .product-details .btn-fastorder::after {
    content: none !important;
    display: none !important;
  }
  html body .product-details .btn-fastorder .bav-fastorder-label--desktop {
    display: none !important;
  }
  html body .product-details .btn-fastorder .bav-fastorder-label--mobile {
    display: inline !important;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .35px;
    text-transform: uppercase;
    white-space: nowrap;
  }
}

/* BAVOVNA fast-order fixed interaction state — 2026-09-04 */
html body .product-details .btn-fastorder,
html body .product-details .btn-fastorder:hover,
html body .product-details .btn-fastorder:focus,
html body .product-details .btn-fastorder:active,
html body .product-details .btn-fastorder.active {
  color: #8e8e8e !important;
  background-color: #fff !important;
  border-color: #8e8e8e !important;
  box-shadow: none !important;
  outline: none !important;
  transition: none !important;
}

/* BAVOVNA product carousels: remove stray scroll track — 2026-09-04 */
html body #product-product #scroll-img,
html body #product-product #scroll-img > .owl-wrapper-outer,
html body #product-product #scroll-img > .owl-wrapper-outer > .owl-wrapper,
html body #product-product .scroll-img,
html body #product-product #related,
html body #product-product .related,
html body #product-product .bav-related-row,
html body #product-product #related > .owl-wrapper-outer,
html body #product-product .related > .owl-wrapper-outer {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html body #product-product #scroll-img::-webkit-scrollbar,
html body #product-product #scroll-img > .owl-wrapper-outer::-webkit-scrollbar,
html body #product-product #scroll-img > .owl-wrapper-outer > .owl-wrapper::-webkit-scrollbar,
html body #product-product .scroll-img::-webkit-scrollbar,
html body #product-product #related::-webkit-scrollbar,
html body #product-product .related::-webkit-scrollbar,
html body #product-product .bav-related-row::-webkit-scrollbar,
html body #product-product #related > .owl-wrapper-outer::-webkit-scrollbar,
html body #product-product .related > .owl-wrapper-outer::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}
html body #product-product #scroll-img .owl-pagination,
html body #product-product #related .owl-pagination,
html body #product-product .related .owl-pagination {
  display: none !important;
}
html body #product-product #scroll-img > .owl-wrapper-outer,
html body #product-product #related > .owl-wrapper-outer,
html body #product-product .related > .owl-wrapper-outer,
html body #product-product .bav-related-row {
  overflow: hidden !important;
}

/* BAVOVNA mobile gallery: remove native horizontal scroll caused by 10px width excess — 2026-09-04 */
@media (max-width: 767px) {
  html body #product-product .product-info .thumbnails {
    overflow: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  html body #product-product .product-info .thumbnails::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  html body #product-product .product-info .thumbnails > #scroll-img {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

/* BAVOVNA mobile related-products peek restoration — 2026-09-04 */
@media (max-width: 460px) {
  html body #product-product .bav-related-row {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  html body #product-product #related.product-owl {
    width: 66.6667% !important;
    max-width: none !important;
    overflow: visible !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body #product-product #related.product-owl > .owl-wrapper-outer {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }
  html body #product-product #related.product-owl .owl-buttons {
    width: 150% !important;
  }
}


/* BAVOVNA wishlist hearts outline/filled — 2026-09-04 */
html body .product-thumb .image .wishlist .fa-heart::before,
html body .product-thumb .image .wishlist .fa-heart-o::before,
html body #product-product .bav-product-image-action[aria-label="Add to wishlist"] .fa::before { content: "\f08a" !important; }
html body .product-thumb .image .wishlist .fa-heart,
html body .product-thumb .image .wishlist .fa-heart-o,
html body #product-product .bav-product-image-action[aria-label="Add to wishlist"] .fa { color: #fff !important; font-weight: 400 !important; text-shadow: none !important; -webkit-text-stroke: 0 !important; }
html body .product-thumb .image .wishlist.bav-wishlist-selected .fa-heart::before,
html body .product-thumb .image .wishlist.bav-wishlist-selected .fa-heart-o::before,
html body #product-product .bav-product-image-action[aria-label="Add to wishlist"].bav-wishlist-selected .fa::before { content: "\f004" !important; }

/* BAVOVNA imagery single wishlist heart 2026-09-04 */
html body .product-thumb .image .button-group.sl > .quickview,
html body .product-thumb .image .button-group.sl > .compare,
html body #product-product .bav-product-image-actions > .bav-product-image-action:not([aria-label="Add to wishlist"]) { display: none !important; }

/* BAVOVNA wishlist heart offset and scale 2026-09-04 */
html body .product-thumb .image .button-group.sl > .wishlist,
html body #product-product .bav-product-image-actions > .bav-product-image-action[aria-label="Add to wishlist"] {
  translate: 10px 10px !important;
}
html body .product-thumb .image .button-group.sl > .wishlist .fa,
html body #product-product .bav-product-image-actions > .bav-product-image-action[aria-label="Add to wishlist"] > .fa {
  scale: 1.1 !important;
  transform-origin: center !important;
}

/* BAVOVNA_MARQUEE_MOBILE_32S_20260905 */ @media (max-width: 767px) { html body #bav-top-bar-inner { animation-duration: 32s !important; } }
/* BAVOVNA desktop marquee typography and timing 2026-09-04 */
@media (min-width: 768px) {
  html body #bav-top-bar {
    font-size: 12px !important;
    font-weight: 300 !important;
  }
  html body #bav-top-bar-inner {
    animation-duration: 32s !important;
  }
}

/* BAVOVNA one-line header logo 2026-09-04 */
html body #bav-header .bav-logo img {
  width: 201px !important;
  max-width: 201px !important;
  height: auto !important;
  max-height: none !important;
}
@media (max-width: 600px) {
  html body #bav-header .bav-logo img {
    width: 150px !important;
    max-width: 150px !important;
  }
}

/* Unified BAVOVNA header logo on every viewport  2026-09-04 */
html body #bav-header .bav-logo img {
  content: url('/image/catalog/bavovna-header-logo-desktop-exact.png?v=202609041300') !important;
}

/* BAVOVNA checkout login popup: premium shared button and form language. */
body.bav-checkout-page #simple_login{box-sizing:border-box!important;top:50%!important;right:auto!important;bottom:auto!important;left:50%!important;width:min(380px,calc(100vw - 30px))!important;max-width:380px!important;max-height:calc(100dvh - 30px)!important;margin:0!important;padding:26px 24px 24px!important;overflow-x:hidden!important;overflow-y:auto!important;transform:translate(-50%,-50%)!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important;color:#111!important;font-family:Rubik,sans-serif!important}
body.bav-checkout-page #simple_login #temp_popup_container,body.bav-checkout-page #simple_login #simplecheckout_login,body.bav-checkout-page #simple_login #simplecheckout_login .simplecheckout-block-content{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.bav-checkout-page #simple_login #simple_login_header{position:absolute!important;top:11px!important;right:11px!important;z-index:2!important;width:20px!important;height:20px!important;margin:0!important}
body.bav-checkout-page #simple_login #simple_login_header img{display:block!important;width:18px!important;height:18px!important;margin:1px!important;opacity:.62!important;filter:grayscale(1)!important}
body.bav-checkout-page #simple_login fieldset{min-width:0!important;margin:0!important;padding:0!important;border:0!important}
body.bav-checkout-page #simple_login .form-group{margin:0 0 15px!important}
body.bav-checkout-page #simple_login .control-label{display:block!important;margin:0 0 6px!important;color:#333!important;font-family:Rubik,sans-serif!important;font-size:14px!important;font-weight:300!important;line-height:20px!important;letter-spacing:.2px!important}
body.bav-checkout-page #simple_login .form-control{display:block!important;box-sizing:border-box!important;width:100%!important;height:46px!important;padding:11px 12px!important;border:1px solid #d6d6d6!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:#111!important;font-family:Rubik,sans-serif!important;font-size:14px!important;font-weight:300!important;line-height:22px!important}
body.bav-checkout-page #simple_login .form-control:focus{border-color:#111!important;outline:none!important;box-shadow:none!important}
body.bav-checkout-page #simple_login a[href*=forgot-password]{display:inline-block!important;margin-top:7px!important;color:#555!important;font-family:Rubik,sans-serif!important;font-size:13px!important;font-weight:300!important;line-height:18px!important;letter-spacing:.2px!important;text-decoration:none!important}
body.bav-checkout-page #simple_login #simplecheckout_button_login{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-height:48px!important;margin:3px 0 0!important;padding:13px 18px!important;border:1px solid #000!important;border-radius:8px!important;background:#000!important;background-image:none!important;box-shadow:none!important;color:#fff!important;font-family:Rubik,sans-serif!important;font-size:15px!important;font-weight:300!important;line-height:20px!important;letter-spacing:.35px!important;text-align:center!important;text-decoration:none!important;text-transform:uppercase!important}
body.bav-checkout-page #simple_login #simplecheckout_button_login span{color:inherit!important;font:inherit!important;letter-spacing:inherit!important}
body.bav-checkout-page #simple_login #simplecheckout_button_login:hover,body.bav-checkout-page #simple_login #simplecheckout_button_login:focus,body.bav-checkout-page #simple_login #simplecheckout_button_login:active{border-color:#000!important;background:#000!important;color:#fff!important;outline:none!important;box-shadow:none!important}
@media(max-width:767px){body.bav-checkout-page #simple_login{width:calc(100vw - 30px)!important;max-width:360px!important;padding:25px 20px 20px!important;border-radius:8px!important}}

/* BAVOVNA checkout login popup: remove legacy fixed height. */ body.bav-checkout-page #simple_login{height:auto!important;min-height:0!important}

/* Checkout customer hierarchy: keep all three account labels identical. */
body.bav-checkout-page #simplecheckout_customer .checkout-heading > span:first-child,body.bav-checkout-page #simplecheckout_customer .checkout-heading-button > a,body.bav-checkout-page #simplecheckout_customer .row-customer_register > label.control-label{color:#000!important;font-family:Rubik,sans-serif!important;font-size:14px!important;font-weight:300!important;line-height:20px!important}

/* Checkout customer fields: labels live inside controls with a 15px rhythm. */
body.bav-checkout-page #simplecheckout_customer .row-customer_lastname>label.control-label,body.bav-checkout-page #simplecheckout_customer .row-customer_firstname>label.control-label,body.bav-checkout-page #simplecheckout_customer .row-customer_telephone>label.control-label,body.bav-checkout-page #simplecheckout_customer .row-customer_email>label.control-label{display:none!important}
body.bav-checkout-page #simplecheckout_customer .row-customer_lastname,body.bav-checkout-page #simplecheckout_customer .row-customer_firstname,body.bav-checkout-page #simplecheckout_customer .row-customer_telephone{margin-bottom:15px!important}
body.bav-checkout-page #simplecheckout_customer .row-customer_email{margin-bottom:0!important}
body.bav-checkout-page #simplecheckout_customer input.form-control::placeholder{color:#777!important;font-family:Rubik,sans-serif!important;font-size:14px!important;font-weight:300!important;line-height:20px!important;opacity:1!important}

/* Checkout registered-customer action: compact premium button on the right. */
body.bav-checkout-page #simplecheckout_customer .checkout-heading{min-height:52px!important;padding:8px 16px!important}
body.bav-checkout-page #simplecheckout_customer .checkout-heading-button{display:inline-flex!important;flex:0 0 auto!important;margin:0 0 0 auto!important}
body.bav-checkout-page #simplecheckout_customer .checkout-heading-button>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:36px!important;margin:0!important;padding:7px 14px!important;border:1px solid #000!important;border-radius:8px!important;background:#000!important;background-image:none!important;box-shadow:none!important;color:#fff!important;font-family:Rubik,sans-serif!important;font-size:14px!important;font-weight:300!important;line-height:20px!important;letter-spacing:.2px!important;text-decoration:none!important;text-transform:none!important;white-space:nowrap!important}
body.bav-checkout-page #simplecheckout_customer .checkout-heading-button>a:hover,body.bav-checkout-page #simplecheckout_customer .checkout-heading-button>a:focus,body.bav-checkout-page #simplecheckout_customer .checkout-heading-button>a:active{border-color:#000!important;background:#000!important;color:#fff!important;outline:none!important;box-shadow:none!important}

/* Checkout cart product name: product type and model on separate lines. */
body.bav-checkout-page .simplecheckout-cart td.name>a .bav-cart-product-type,body.bav-checkout-page .simplecheckout-cart td.name>a .bav-cart-product-model{display:block!important;color:#111!important;font-family:Rubik,sans-serif!important;font-weight:300!important;text-transform:none!important}
body.bav-checkout-page .simplecheckout-cart td.name>a .bav-cart-product-type{font-size:14px!important;line-height:20px!important;letter-spacing:.2px!important}
body.bav-checkout-page .simplecheckout-cart td.name>a .bav-cart-product-model{margin-top:2px!important;color:#555!important;font-size:13px!important;line-height:18px!important;letter-spacing:.35px!important}

/* Checkout quantity controls: true Rubik 300 plus and minus glyphs. */
body.bav-checkout-page .simplecheckout-cart td.quantity .btn .fa-plus,body.bav-checkout-page .simplecheckout-cart td.quantity .btn .fa-minus{font-family:Rubik,sans-serif!important;font-size:0!important;font-weight:300!important;line-height:1!important}
body.bav-checkout-page .simplecheckout-cart td.quantity .btn .fa-plus::before,body.bav-checkout-page .simplecheckout-cart td.quantity .btn .fa-minus::before{font-family:Rubik,sans-serif!important;font-size:18px!important;font-weight:300!important;line-height:1!important}
body.bav-checkout-page .simplecheckout-cart td.quantity .btn .fa-plus::before{content:"+"!important}
body.bav-checkout-page .simplecheckout-cart td.quantity .btn .fa-minus::before{content:"−"!important}

/* Checkout remove control: plain 50% black cross without the circle. */
body.bav-checkout-page .simplecheckout-cart td.quantity .btn .fa-times-circle{font-family:Rubik,sans-serif!important;font-size:0!important;font-weight:300!important;line-height:1!important}
body.bav-checkout-page .simplecheckout-cart td.quantity .btn .fa-times-circle::before{content:"×"!important;color:rgba(0,0,0,.5)!important;font-family:Rubik,sans-serif!important;font-size:18px!important;font-weight:300!important;line-height:1!important}

/* Checkout payment heading: light hierarchy. */
body.bav-checkout-page #simplecheckout_payment>.checkout-heading{font-weight:300!important}

/* Checkout comment: center the prompt and match the payment heading type. */
body.bav-checkout-page #simplecheckout_comment textarea#comment{height:60px!important;min-height:60px!important;padding:17px 12px!important;color:#111!important;font-family:Rubik,sans-serif!important;font-size:16px!important;font-weight:300!important;line-height:24px!important;letter-spacing:.2px!important;text-align:left!important}
body.bav-checkout-page #simplecheckout_comment textarea#comment::placeholder{color:#111!important;font:inherit!important;letter-spacing:inherit!important;text-align:center!important;opacity:1!important}

/* Mobile checkout comment: 15px from the viewport left edge. */
@media(max-width:767px){body.bav-checkout-page #simplecheckout_comment{margin-left:-5px!important}}

/* Mobile checkout comment: preserve width while shifting whole field to 15px. */
@media (max-width: 767px){body.bav-checkout-page #simplecheckout_comment{width:100%!important;margin-left:-5px!important;margin-right:5px!important}}

/* Mobile checkout comment: align the field with other blocks; indent only its prompt. */
@media (max-width: 767px){body.bav-checkout-page #simplecheckout_comment{width:auto!important;margin-left:0!important;margin-right:0!important}body.bav-checkout-page #simplecheckout_comment textarea#comment{padding-left:15px!important;text-align:left!important}body.bav-checkout-page #simplecheckout_comment textarea#comment::placeholder{text-align:left!important}}

/* Mobile checkout close: center against title and align with form right edge. */
@media (max-width: 767px){body.bav-checkout-page .bav-checkout-page-close{top:14px!important;right:20px!important}}

/* Mobile checkout cart total label size. */
@media (max-width: 767px){body.bav-checkout-page .simplecheckout-cart td.total::before{font-size:15px!important}}

/* Mobile catalogue breadcrumbs: align visible content to the common 15px left edge. */
@media (max-width: 767px){#product-category>.breadcrumb,#product-category.bav-styled-category>.breadcrumb,#product-product>.breadcrumb{padding-left:0!important}}

/* Mobile additional gallery: move the video play control 10px upward. */
@media (max-width: 767px){html body #product-product .product-info #scroll-img .video-item .video-icon{top:calc(50% - 10px)!important}}


/* BAVOVNA_CALLBACK_DARKER_V2 */
#callphone{background:rgba(0,0,0,.65)!important}

/* BAVOVNA_CALLBACK_DARKER_V3 */
html body #callphone{background-color:rgba(0,0,0,.65)!important;background-image:none!important}

/* BAV_U02_CHECKOUT_STYLE_20260906: presentation only; Simplecheckout owns CTA visibility. */
body.bav-checkout-page #simplecheckout_form_0 #simplecheckout_button_confirm,
body.bav-checkout-page #simplecheckout_form_0 #buttons [data-payment-button="true"] {
  font-family: Rubik, sans-serif !important;
  font-weight: 300 !important;
  border-radius: 8px !important;
  background-image: none !important;
  white-space: normal !important;
  cursor: pointer;
}
body.bav-checkout-page #simplecheckout_form_0 #simplecheckout_button_confirm span {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}
body.bav-checkout-page #simplecheckout_form_0 #buttons [data-payment-button="true"]:focus-visible,
body.bav-checkout-page #simplecheckout_form_0 #simplecheckout_button_confirm:focus-visible {
  outline: 2px solid #888 !important;
  outline-offset: 3px !important;
}
body.bav-checkout-page #simplecheckout_shipping_address input.form-control,
body.bav-checkout-page #simplecheckout_shipping_address select.form-control,
body.bav-checkout-page #simplecheckout_shipping_address ul.dropdown-address a {
  font-family: Rubik, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
  letter-spacing: .2px !important;
}
body.bav-checkout-page #simplecheckout_shipping_address .form-group {
  margin-bottom: 15px !important;
}
body.bav-checkout-page #simplecheckout_shipping_address .form-group:last-child {
  margin-bottom: 0 !important;
}
body.bav-checkout-page #simplecheckout_shipping_address ul.dropdown-address {
  border: 1px solid #d2d2d2 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.12) !important;
}
body.bav-checkout-page #simplecheckout_shipping_address ul.dropdown-address a {
  padding: 10px 12px !important;
  color: #111 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
body.bav-checkout-page #simplecheckout_shipping_address ul.dropdown-address li:hover,
body.bav-checkout-page #simplecheckout_shipping_address ul.dropdown-address li:focus-within {
  background: #000 !important;
}
body.bav-checkout-page #simplecheckout_shipping_address ul.dropdown-address li:hover a,
body.bav-checkout-page #simplecheckout_shipping_address ul.dropdown-address a:focus {
  color: #fff !important;
  background: #000 !important;
}

/* Only checkout/success gets this server-rendered marker, not account success pages. */
html body #common-success.bav-checkout-success {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 20px 100px 40px !important;
  color: #333 !important;
  font-family: Rubik, sans-serif !important;
}
html body #common-success.bav-checkout-success > .row {
  margin: 0 !important;
}
html body #common-success.bav-checkout-success #content {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
html body #common-success.bav-checkout-success .breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  float: none !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  gap: 4px 0;
  border: 0 !important;
  background: transparent !important;
}
html body #common-success.bav-checkout-success .breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  text-shadow: none !important;
}
html body #common-success.bav-checkout-success .breadcrumb li + li::before {
  content: "/" !important;
  padding: 0 8px !important;
  color: #888 !important;
}
html body #common-success.bav-checkout-success .breadcrumb li,
html body #common-success.bav-checkout-success .breadcrumb a,
html body #common-success.bav-checkout-success .breadcrumb span {
  color: #555 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: .2px !important;
}
html body #common-success.bav-checkout-success .breadcrumb i {
  font-size: 14px !important;
  line-height: 20px !important;
}
html body #common-success.bav-checkout-success .breadcrumb [aria-current="page"] {
  color: #333 !important;
}
html body #common-success.bav-checkout-success h1 {
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: #111 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 26px !important;
  font-weight: 300 !important;
  line-height: 34px !important;
  letter-spacing: .2px !important;
}
html body #common-success.bav-checkout-success .bav-success-message,
html body #common-success.bav-checkout-success .bav-success-message p,
html body #common-success.bav-checkout-success .bav-success-message a {
  color: #333 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 24px !important;
  letter-spacing: .2px !important;
}
html body #common-success.bav-checkout-success .bav-success-message p {
  margin: 0 0 12px !important;
}
html body #common-success.bav-checkout-success .bav-success-message a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
html body #common-success.bav-checkout-success .buttons {
  display: flex !important;
  justify-content: flex-start !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
}
html body #common-success.bav-checkout-success .buttons .pull-right {
  float: none !important;
}
html body #common-success.bav-checkout-success .buttons .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 180px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 12px 24px !important;
  border: 1px solid #000 !important;
  border-radius: 8px !important;
  background: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
  letter-spacing: .2px !important;
  text-transform: none !important;
}
html body #common-success.bav-checkout-success .buttons .btn:focus-visible {
  outline: 2px solid #888 !important;
  outline-offset: 3px !important;
}
@media(max-width:991px) {
  html body #common-success.bav-checkout-success {
    padding: 16px 25px 32px !important;
  }
}
@media(max-width:767px) {
  html body #common-success.bav-checkout-success {
    padding: 16px 15px 32px !important;
  }
  html body #common-success.bav-checkout-success h1 {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  html body #common-success.bav-checkout-success .buttons,
  html body #common-success.bav-checkout-success .buttons .pull-right,
  html body #common-success.bav-checkout-success .buttons .btn {
    width: 100% !important;
  }
}