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% }
.adv-item_title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: 29px;
}
.adv-item_desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.adv-item {
    border-radius: 10px;
    background: rgb(167 167 167 / 15%);
    padding: 30px;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}
.stone-hover-border:hover {
    border: 7px solid #ffc107 !important;
}
.border-5{
    border: 7px solid #dee2e6;
width: 140px;
}
@media (max-width: 576px) { 
.col-xs-4{
width:24.9999%
}
}
@media (min-width: 1200px) {
    ul#products.three {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 768px) {
    ul#products {
        grid-template-columns: repeat(1, 1fr);
    }
}
.gap-3 {
    gap: 1rem !important;
}
.d-grid {
    display: grid !important;
}
ul#products>li {
    transition: all .4s ease;
}
ul#products>li>a {
    padding: 2rem 1.125rem 1rem;
    position: relative;
    background-color: #f8f9fa;
    border:2px solid #dee2e6 !important;
    border-radius: 6px;
    display: block;
    overflow: hidden;
    transition: all .4s ease;
    min-height: 270px;
    max-width: 450px;
}
ul#products>li>a:before {
    color: rgba(51, 51, 51, .5);
    font-size: .625rem;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 1rem;
    left: 1.125rem;
    transition: all .4s ease;
}
@media (min-width: 1200px) {
    ul#products.three>li#cat_105>a>figure, ul#products.three>li>a>figure {
    right: 0px;
    top: 50px;
    height: 250px;
    width: 250px;
    }
}
ul#products>li>a>figure {
    height: 200px;
    width: 200px;
    position: absolute;
    top: 80px;
    right: 0px;
}
@media (min-width: 1200px) {
    ul#products>li>a>h2 {
        font-size: 1.75rem;
    }
}
@media (min-width: 768px) {
    ul#products>li>a>h2 {
        font-size: 1.5rem;
        padding-right: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
ul#products>li>a>h2 {
    color: #444;
    line-height: 1;
    text-transform: uppercase;
    padding-right: 5rem;
    transition: all .4s ease;
}
ul#products>li>a>* {
    position: relative;
}
ul#products>li>a>span {
    color: black;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.1;
    margin: .625rem 0 2.5rem;
    padding: .375rem 1rem .5rem;
    background: #dee2e6;
    border-radius: 3px;
    display: inline-block;
}
ul.bglist>li {
    margin: 0 0 .125rem;
}
ul.bglist>li>span {
    font-size: .9125rem;
    color:black;
    font-weight: 600;
    line-height: 1.3;
    padding: .25rem .5rem;
    background: rgba(255, 255, 255, .5);
    display: inline-block;
}
ul#products>li>a:hover {
    background-color: #e8e9e9;
    border-radius: 6px;
    display: block;
border: 2px solid gold !important;
    overflow: hidden;
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
    .product-card {
      position: relative;
      overflow: hidden;
      transition: transform 0.3s ease;
    }
    
    .product-card img {
      transition: transform 0.3s ease;
    }
    
    .product-card:hover img {
      transform: scale(1.1); /* Увеличиваем изображение при наведении */
    }

    .product-card:hover {
      background-color: rgba(0, 0, 0, 0.3); /* Затемняем фон при наведении */
    }
    .card-img-top{
    background-color: rgba(0, 0, 0, 0.1);
    }
    .product-card .product-text {
    position: absolute;
    bottom: 10px;
    font-weight: 500;
    /* left: 50%; */
    transform: translateX(10%);
    background: rgb(255 255 255);
    color: black;
    padding: 5px 10px;
    border-radius: 25px;
    font-size: 16px;
}