body{}.stiker-special{background-color:#dc3545;color:#ffffff}.stiker-upc{background-color:#007bff;color:#ffffff}.stiker-ean{background-color:#28a745;color:#ffffff}.stiker-jan{background-color:#ffc107;color:#343a40}.stiker-isbn{background-color:#17a2b8;color:#ffffff}.stiker-mpn{background-color:#343a40;color:#ffffff}/* top bar in header */
#top { border-bottom:0!important; padding-bottom:0!important }
#top > .container > .row > .col { text-align:right!important; margin-right: .5rem }

/* category menu */
.svg-menu-icon, .svg-submenu-icon { fill:var(--primary);display: block;margin:-2px 0;opacity:.75 }
.svg-menu-icon.sale { fill:var(--danger) }
.item-level-1.hover .svg-menu-icon, .item-level-2:hover .svg-submenu-icon { fill:var(--danger);opacity:1 }
.level-arrow { display:none!important }
.category-menu-item:not(.item-level-1):not(.item-level-2):not(.item-level-3) { opacity:.35 }
#ftModalMenu .col-auto.border-left.d-lg-none { border:none!important; margin-right:.25rem }
@media (min-width:992px) { 
  #ftMenu [class*="list-level-2"].show { display:none } /* fix resize recombinate menu bug */
} 

/* main slide show on main page */
[id*=ftSlideshow] > div.border { border:none!important }
[id*=ftSlideshow] .btn-next, [id*=ftSlideshow] .btn-prev { box-shadow: 0 0 1px 1px rgba(0,0,0,.1)!important; opacity: 0; transition: opacity ease .2s }
[id*=ftSlideshow]:hover .btn-next, [id*=ftSlideshow]:hover .btn-prev { opacity:.5 }
[id*=ftSlideshow]:hover .btn-next:hover, [id*=ftSlideshow]:hover .btn-prev:hover { opacity:1 }
[class*=main-slide-] p { max-width:280px }
[class*=main-slide-] .image { max-height:240px }
[class*=main-slide-] img { max-width:unset }
.main-slide-1 { background-color:#fff8ec; border-color:#f1e1c6!important }
.main-slide-1 .title { background: linear-gradient(272deg, var(--yellow) 35.5%, var(--dark) 69.9%) }
.main-slide-2 { background-color: #f0f8ff;border-color:#d2e2f4!important }
.main-slide-2 .title { background: linear-gradient(272deg, var(--primary) 35.5%, var(--dark) 69.9%) }
[class*=main-slide-] .title {  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent }
@media (min-width: 768px) {
  [class*=main-slide-] [class*=col-] { height: 291px }
  [class*=main-slide-] .image { max-height:unset }
}

/* additional slide show on main page */
.ft-additional-position-3 .bg-light { height:291px }

/* advantages on main page styling */
.custom-blocks .col:nth-child(1) .custom-block { background-color:#f0f8ff57!important; border-color:#027bff38!important }
.custom-blocks .col:nth-child(2) .custom-block { background-color:#e1566205!important; border-color:#e3525e38!important }
.custom-blocks .col:nth-child(3) .custom-block { background-color:#50b46008!important; border-color:#4fb35f42!important }
.custom-block .description { font-weight: 300 }

/* category wall on main page */
.category-item > .bg-white { background-color: var(--light) !important }
.card-header, .card-footer { background-color: var(--light) }

/* products carousels in main page */
[id*=ftProductsCarousel] .card-footer.py-2 { padding-top:.25rem!important; padding-bottom:.35rem!important }
[id*=ftProductsCarousel] .card-header .btn { box-shadow: none !important }
[id*=ftCarousel] > div > .bg-white { background-color: var(--light) !important }

#ftProductsCarousel_0 { border-color: #ffc00857!important; }
#ftProductsCarousel_0 .card-header { background-color: #ffc00814!important; border-color: #ffc00857!important; }
#ftProductsCarousel_0 .card-header .btn > svg { color: #fcce47 !important }

#ftProductsCarousel_1 { border-color: #4fb35f42!important; }
#ftProductsCarousel_1 .card-header { background-color: #50b46008!important; border-color: #4fb35f42!important; }
#ftProductsCarousel_1 .card-header .btn > svg { color: #6faf7e !important }

#ftProductsCarousel_2 { border-color: #027bff38!important; }
#ftProductsCarousel_2 .card-header { background-color: #f0f8ff57!important; border-color: #027bff38!important; }
#ftProductsCarousel_2 .card-header .btn > svg { color: #6aa2de !important }

/* breadcrumbs */
.breadcrumb { flex-wrap: nowrap !important; overflow: auto }
.breadcrumb li { white-space: nowrap !important; }

/* footer */
.modal-open #footer-fixed-buttons { display:none!important }

/* ocfilter */
.ocfilter-mobile-handle .btn { margin-left: -47px!important; z-index: 9999; position: relative }
.ocfilter-mobile-handle .btn svg{ fill: #cccccc }
.ocf-offcanvas.ocfilter-mobile.active { z-index: 1040 }

/* checkboxes */
.custom-checkbox .custom-control-label::before { border-radius: .25rem }

/* other */
:root { --menu-btn-border-radius: .5rem !important }

@media (max-width: 576px) { 
  h1.h2 { font-size: 1.5rem } 
  .mob-075em { font-size: 0.75em }
}

/* manufacturer list */
#product-manufacturer h2 + .row > .col { flex: 0 0 auto; width: auto; max-width: 100% }
.lobster-regular {
  font-family: "Lobster", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/**/
@keyframes fadeBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.alert.alert-danger.alert-dismissible {
  animation: fadeBlink 0.4s ease 10;
}

/**/
#cookie_notification222{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px;
  padding-right: 125px;
  background:rgba(0, 0, 0, 1);
  z-index: 1000;
  color: white;
}

#cookie_notification{
display: none;
  position: fixed;
  bottom: 45px;
  left: 0;
  right: 0;
  background: #ffffff;
  padding: 15px 20px;
  box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
  z-index: 20;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.4;
  border-top: 1px solid #e0e0e0;
  max-width: 560px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

#cookie_notification p{
  margin: 0;
  font-size: 0.85rem;
  text-align: left;
  flex: 1;
}


@media (min-width: 576px){
  #cookie_notification.show{
    display: flex;
  }

}

@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }

}
@media (min-width: 576px) {
  .modal-sm {
    max-width: 350px;
  }
}