/* HPM */
.hpm-cat-box + .attribute {
    display: none;
}
/* HPM */
/*FOR OCFILTER*/

#ocfilter {
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ocfilter-option  {
    padding: 0;
    background: transparent;
    border: 0;
}
.selected-options {
    background: transparent;
    margin-bottom: 5px;
}
.selected-options i {
font-size: 10px;
}
.selected-options .btn-block {
    margin: 20px 0px;
}
#ocfilter .panel-heading, .ocf-option-values input {
  display: none !important;
}
#scale-price {
    margin: 20px 10px 45px 10px;
    height: 2px;
    border: 0;
    box-shadow: none;
}
.noUi-connect {
    background: black;
}
.noUi-background {
    background: red;
    box-shadow: none;
}
.noUi-horizontal .noUi-handle {
  width: 20px;
    height: 20px;
    box-shadow: none;
    background: black;
    border: 0;
    border-radius: 100%;
    top: -9px;
    left: -10px;
    cursor: e-resize;
}
.noUi-handle:after, .noUi-handle:before {
    height: 8px;
    left: 8px;
    top: 6px;
}
.noUi-handle:after {
    left: 11px;
}
.ocf-option-values input + span:before {
  position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: #dcdcdc;
}
.ocf-option-values input:checked + span:after {
    position: absolute;
    top: 4px;
    left: 4px;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: black;
    background-size: contain;
    -webkit-animation: click-wave 0.2s;
    -moz-animation: click-wave 0.2s;
    animation: click-wave 0.2s;
}
.ocf-option-values span {
    position: relative;
    padding: 1px 0px 0px 24px;
    cursor: pointer;
}
.ocfilter-option .ocf-color {
    margin-right: 7px;
}
.ocfilter-option .badge {
    background-color: #eee;
    color: #000000;
}
.ocfilter-mobile .panel {
    padding: 70px 20px 20px 20px;
}

.flex-group {
    align-items: center;
}
.category-page .m-bottom {
    background: #eaeaea;
}
.ocf-offcanvas {
    z-index: 3;
}
.viewed img {
    filter: brightness(0.92);
}

.simplecheckout-cart td.total {
    background: none;
    color: black;
}
.simplecheckout label input, .simpleregister label input {
    display: block;
    width: auto;
    height: auto;
}
.simplecheckout-button-block {
    background: none !important;
}
.checkout-simplecheckout #cart-url {
    display: none;
}
.menu-block {
    padding-left: 192px;

}

.text-logo:after {
    content: none;

}
.total-block {
    line-height: 34px;

}

@media (min-width: 1101px)
{
.see-all {
background: #000;
 color: #fff;
padding: 5px 15px;
margin-top: 13px;
display: inline-block;
border-radius: 30px;
}
}

.bann-btn.small.yellow {
    background-color: #F9C50D;
}
.product-description-image-container {
    position: relative;
    display: inline-block; /* Або block, залежно від потреб */
}

.product-description-image-container img.preview-img {
    display: block;
    width: 100%; /* Забезпечує коректне масштабування */
    height: auto;
    margin: 0 auto;
}

.product-description-image-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    background: url('https://vandalvape.life/image/catalog/SPshow/youtube_vandal.png') center center no-repeat;
    background-size: contain; /* Або contain, залежно від потреб */
    pointer-events: none; /* Щоб псевдоелемент не заважав взаємодії з основним зображенням */
    z-index: 1; /* Забезпечує, що псевдоелемент знаходиться поверх зображення */
}

.swiper-wrapper .video-slide iframe {
  border-radius: 6px !important;
}
body.blog-article h1,
body.blog-article h2,
body.blog-article h3,
body.blog-article h4,
body.blog-article h5,
body.blog-article h6,
body.blog-article .h1 {
  width: 100%;
}