body{
    font-family: "Lexend", sans-serif;
}

.header-default_border{
    border-bottom: 1px solid #333;
}


sup {
    top: -.3em;
    font-size: 90% !important;
}

.tf-page-title {
    padding: 20px 0 20px;
}
.tf-page-title .heading {
    font-size: 36px;
}
.flat-spacing-1 {
    padding-top: 30px;
}

.card-product .card-product-wrapper .on-sale-wrap .on-sale-item{
    background-color: #db1215;
}


textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color] {
    color: var(--main);
}




:root {
    --main: #000000;
}
.color-primary-10 {
    --primary: #000000;
}
body {
    font-family: "Lexend", sans-serif !important;
}

.footer.background-black {
    background-color: var(--main);
}



.toolbar-shop-mobile .tf-category-link::after{
    left: 0;
}
.variant-picker-item .variant-picker-values label.style-image {
    display: flex
;
    flex-direction: column;
    border: 1px solid rgba(134, 134, 134, 0.12);
    border-radius: 3px;
    padding: 5px;
    width: 43%;
    height: unset;
}
@media (min-width: 1150px) {
    .collection-item-v6 .collection-content .heading {
        font-size: 24px;
        line-height: 33.6px;
    }
    .collection-item-v6 .collection-content {
        padding: 16px 20px 16px;
    }
}


@media (min-width: 768px) {
    .logo-header img {
        height: 30px;
        width: auto;
    }
}









@media (min-width: 768px) {
    .logo-header img {
        width: auto;
        height: 30px!important;
    }
}

@media only screen and (max-width: 767px) {
    .modal-part-content .modal-dialog {
      
        align-items: center!important;
    }
    .wrap-slider img{
        height: auto!important;
    }
    .slider-radius .wrap-slider{
        height: 240px!important;
    }
    .tf-product-media-wrap.tf-product-media-main{
        width: 100%!important;
    }
}

.widget-facet .current-scrollbar{
    max-height: 100%!important;
}
.tooltip{
    top: 54%!important;
}