@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');



:root{
    --Primary: #fbe118;
    --black-color: #030201;
}
body{
    color: #1b1d1c;
    font-family: 'Mulish', sans-serif!important;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Mulish', sans-serif!important;
}
a{
    color: #1b1d1c;
}
.link:hover {
    color: var(--Primary) !important;
}
.collection-position{
    overflow: hidden;
    border-radius: 20px;
}
.collection-position .img-style {
    width: 100%;
}

.homeOtherCats .cls-img-item h3{
        font-size: clamp(20px, 3vw, 28px);
    line-height: clamp(20px, 3vw, 28px);
}
.pINWish {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 99;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.pINWish.active{
    background: var(--Primary)!important;
    
}
.pINWish.active a{
    color: var(--black-color)!important;
}
.pINWish a {
    transition: 0.3s;
    font-size: 26px;
}
.pINWish:hover {
    background: var(---black-color);
}
.pINWish:hover a {
    color: #fff;
}
.tovarFilters {
    display: grid;
    font-size: 14px;
    line-height: 20px;
    flex: 1 1 auto;
    filter: opacity(0.5);
}
.card-product-info .text-title {
    font-weight: 600;
    font-size: clamp(18px, 2vw, 20px);
}
.card-product .card-product-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 6px;
}
.card-product-info .price {
    font-weight: 900;
    font-size: clamp(22px, 3vw, 30px);
    line-height: initial;
    margin: 10px 0;
}
.card-product .card-product-info > .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.5em;
}
.card-product .card-product-wrapper .image-wrap {
    height: 350px;
}
.shopCardItemBtn{
    background: var(--Primary) !important;
    color: var(--black-color) !important;
    width: max-content !important;
    flex-grow: initial !important;
    padding: 5px 20px !important;
    margin-left: auto;
    height: initial !important;
    font-size: 30px!important;
}
.shopCardItemBtn:hover{
    background: #205165!important;
}
.card-product .card-product-info .price > span{
        display: flex;
    flex-wrap: wrap;
    grid-gap: 5px;
    align-items: center;
}

.pNSale{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    word-break: break-word;
    width: 60px;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    letter-spacing: 1px;
    text-transform: capitalize;
    position: relative;
    background-color: var(--Critical);
    color: var(--White);
    border-radius: 144px;
}
.tf-btn.btn-primary{
    color: var(--black-color);
}
.tf-btn.btn-primary:hover{
    color: #Fff!important;
}
.header-default .nav-icon .count-box{
    color: var(--black-color)!important;
}
.shopCardItemBtn.active{
    background: #f3f3f3 !important;
    color: var(--black-color) !important;
    font-weight: 600;
}
.homeLastCol .collection-position{
    height: 420px!important;
}
.homeLastCol .content{
    padding: 0 20px;
}
.homeLastCol .collection-position h3{
    font-size: clamp(32px, 4vw, 46px);
    margin-bottom: 10px;
}
.homeFirstCat{
    padding-left: 15px;
    padding-right: 15px;
}
.homeFirstCat h3{
    font-size: clamp(32px, 4vw, 46px);
    margin-bottom: 10px;
}
.homeAbout p{
    font-size: clamp(16px, 2vw, 18px);
}
footer .footer-left{
    max-width: initial!important;
    width:65%;
}
footer .footer-newsletter{
    max-width: initial!important;
    width:35%;
}
footer .footer-phone-number{
    display: grid;
    grid-gap: 10px;
}
footer .tf-collapse-content{
    display: grid;
    grid-gap: 40px;
}
footer .footer-heading-mobile::before, footer .footer-heading-mobile::after{
    display: none!important;
}
footer .footer-heading{
    font-size: clamp(22px, 2vw, 26px);
}
.mobMenuCat{
    
}
.mobMenuCat li{
    padding: 10px 0 !important;
}
.mobMenuCat li > a{
        font-size: 16px !important;
    min-height: initial !important;
}
.canvas-categories .wd-facet-categories .facet-body li:not(:last-child) .item{
    margin-bottom: 0!important;
}
.mobMenuCat .canvas-categories .wd-facet-categories .facet-body{
    margin-top: 0!important;
}
.mobMenuCat .wd-facet-categories{
    padding-bottom: 0!important;
}
.modalCartBtn{
        font-size: 15px;
}
.canvas-mb .site-nav-icon{
    background: #f3f3f3!important;
}

.canvas-mb .group-icon{
        justify-content: space-between;
}
.canvas-mb .group-icon a{
    width: calc(50% - 10px);
}
.mobMenuShopIcon{
        display: flex;
    align-items: center;
    grid-gap: 8px;
    font-size: 18px;
}
.canvas-mb .site-nav-icon:hover{
        background: #1b1d1c !important;
}
.collection-position .content{
    padding: 20px;
}

.homeOtherCatsMore .collection-position .img-style img {
    height: 400px;
}
.homeOtherCatsMore .content {
    padding: 20px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: transparent !important;
}
.homeOtherCatsMore .content:after {
content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(43, 43, 43, 1) 100%);
    z-index: 1;
}
.homeOtherCatsMore .content h4{
    position: relative;
    z-index: 10;
    background: #fff;
    border-radius: 30px;
    font-size: clamp(16px, 2vw, 20px);
}
.homeOtherCatsMore .content h4 a{
    color: #1b1d1c!important;
    padding: 0px 12px;
}
.homeOtherCatsMore .content h4 a:hover{
    color: var(--Primary)!important;
}
#header .image-select.color-white > .dropdown-toggle::after{
    color: #1b1d1c!important;
}
#header .image-select.color-white > .dropdown-toggle .filter-option .filter-option-inner{
    color: #1b1d1c!important;
}
#header .image-select.type-languages > .dropdown-menu{
    border-radius: 20px;
}
.logo-header img{
    max-height: 30px;
}
#header{
    padding: 20px 0;
}
.mobOpenMenu{
    display: none!important;
}
.mobMennuLogo{
display: flex;
    align-items: center;
    grid-gap: 30px;
}
.header-default .mobile-menu svg{
    width: 28px;
    height: 28px;
}

.headerShopButton {
    color: #1b1d1c;
    background: #f3f3f3;
    padding: 10px 15px;
    border-radius: 20px;
    text-align: center;
    width: max-content;
    display: flex;
    justify-content: center;
    grid-gap: 8px;
    font-weight: 600;
    align-items: center;
    font-size: clamp(16px, 2vw, 18px);
    transition: .3s;
    cursor: pointer;
}

.backPcCat.show {
    opacity: 1;
    pointer-events: initial;
}
.backPcCat {
    background-color: var(--backdrop);
    cursor: url(../images/cursor-close.svg), auto;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
}

.footer{
        border-radius: 30px 30px 0 0;
}

.tagLim{
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background: #1b1d1c;
    border-radius: 10px 0 10px 0;
    padding: 2px 10px;
    font-size: 14px;
        z-index: 10;
}

.wrapper-control-shop .tf-grid-layout .shopPag {
    margin-top: 0;
}
.shopPag {
    grid-column: 1 / -1;
    width: 100%;
}
.shopPag {
    display: flex;
    gap: 8px;
}
.shopPag li:hover .pagination-item, .shopPag li.active .pagination-item {
    background-color: var(--Onsurface);
    border-color: var(--Onsurface);
    color: var(--White);
}
.shopPag .pagination-item {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    border-radius: 5px;
    overflow: hidden;
}
.canvas-body {
    overscroll-behavior-y: auto;
}
.filterCircleColor{
        width: 14px;
    height: 14px;
    display: inline-flex;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin-left: 0!important;
}
.facet-fieldset label{
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 8px;
}
.canvas-filter{
    max-width: calc(100% - 40px);
    width: calc(100% - 40px);
}
.pageBread{
        background: #f3f3f3;
    padding: 10px 0;
}
.pageBread li{
    color: var(--black-color) !important;
    opacity: 0.8;
}
.pageBread li a{
        color: var(--black-color) !important;
}
.pageBread .content{
        position: relative;
    left: initial;
    top: initial;
    transform: initial;
    right: initial;
}
.pageBread .content .title{
color: var(--black-color);
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 600;
    margin-bottom: 0;
    line-height: clamp(20px, 2vw, 26px);
}
.tf-mini-cart-view-checkout a{
        padding: 0 10px;
    font-size: 14px;
}
.box-nav-ul .menu-item{
    padding: 0!important;
}
.login-wrap .right p{
    margin-bottom: 10px;
}
.logRightBtn{
    margin-top: 40px;
}
.logReg2Col{
display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    grid-gap:20px 0;
}
.logReg2Col fieldset{
    margin: 0 10px;
    width: calc(50% - 20px);
}
.reg-agreesww{
    grid-gap: 10px;
    font-size: 14px;
}
.login-wrap .right{
        background: #f3f3f3;
    border-radius: 20px;
    padding: 40px 20px;
}
.account-details label{
    font-size: 14px;
    font-weight: 600;
}
.btn-sidebar-account button{
        border-radius: 0 10px 10px 0;
    border-left: 0;    
}
.mt_15 {
    margin-top: 15px;
}

.flat-sidebar-checkout .total-price span{
        display: flex;
    width: max-content;
}
.total-price-checkout, .total{
    font-weight: 600;
}
.page-title .content .breadcrumb{
    grid-gap: 0 20px;
    margin-top:10px;
}
.productDes{
    display: grid;
}
.productDes p{
    margin-bottom: 10px;
}
.product-specs-x9k2 {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.product-specs-table-x9k2 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
}
.product-specs-table-x9k2 td {
  border: 1px solid #d9d9d9;
  padding: 10px 12px;
}
.product-specs-table-x9k2 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  border: 1px solid #d9d9d9;
}

.stagger-wrap .stagger-item .item img{
        opacity: 1 !important;
    transform: none !important;
}
.btn-gray{
    background: #f3f3f3!important;
    color: var(--black-color)!important;
}
.btn-gray:hover{
    background: var(--black-color)!important;
    color: #fff!important;
}

.tf-shop-control{
    justify-content: space-between;
    grid-template-columns: repeat(2, 1fr);
}

.polNew p {
    margin-bottom: 10px;
}
.polNew h2 {
    font-size: clamp(18px, 2vw, 26px);
    font-weight: 600;
    margin-top: 20px;
}
.polNew{
    width: 100%;
    max-width: 1000px;
    margin: auto;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 20px;
}

.list-faqs h6{
        font-size: clamp(18px, 2vw, 20px);
}
.text-body-1{
    font-size: 18px!important;
}

.contactMap{
    margin-top: 60px;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid #ddd;
}
.contactMap iframe{
    width: 100%;
    height: 500px;
}

.reviewsWrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    grid-gap:20px 0;
}
.reviewsWrap .testimonial-item{
    margin: 0 10px;
    width: calc(33% - 20px);
}
.rewMeta{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 8px;
    opacity: 0.6;
    font-size: 14px;
}
.reviewsWrap .testimonial-item.style-2 .content-top .box-author{
    margin: 0;
}
.fw-600{
    font-weight: 600;
}
.rewTovarName{
    font-size: 14px;
}

.rewNewRew{
        margin-bottom: 30px;
}
.rewWrapodal{
    
}
.rewWrapodal fieldset{
        margin-bottom: 10px;
}
.rewWrapodal label{
    font-weight: 600;
    font-size: 14px;
}
#rewModal .modal-content{
    border: 1px solid #ddd;
}

.review-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 20px;
}

.rating-star {
    padding: 0;
    border: 0;
    background: transparent;
    color: #d5d5d5;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    transition: color 0.15s ease;
}
.aboutMis{
    
}
.aboutMis ul{
        margin-top: 10px;
    line-height: initial;
    padding-left: 40px;
    grid-gap: 10px;
    display: grid;
}
.aboutMis li{
        list-style: initial;
}
.rating-star.active {
    color: #ffc400;
}

.rating-star:focus {
    outline: none;
}

.aboutMisMain .regreg{
        font-size: clamp(24px, 3vw, 34px);
    line-height: clamp(34px, 3vw, 44px);
}
.aboutMisMain .text-body-1{
    font-size: 16px!important;
}

.company-info-table {
    max-width: 900px;
    width: 100%;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.company-section {
    padding: 24px 28px;
}

.company-section + .company-section {
    border-top: 1px solid #eeeeee;
}

.company-section h3 {
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: 700;
    color: #1c1c1c;
}

.info-row {
    display: grid;
    grid-template-columns: minmax(220px, 260px) 1fr;
    gap: 24px;
    padding: 11px 0;
    border-bottom: 1px solid #f2f2f2;
}

.info-row:last-child {
    border-bottom: 0;
}

.info-label {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #303030;
}

.info-value {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}


/* Hover */
.info-row {
    transition: background-color .2s ease;
}

.info-row:hover {
    background-color: #fafafa;
}
.tf-product-info-list .tf-product-info-name .name{
        font-size: clamp(24px, 3vw, 38px);
    line-height: clamp(34px, 4vw, 48px);
    font-weight: 600;
}
.account-details .title{
        font-size: 24px;
    line-height: 30px;
}
.article-thumb{
    height: 350px;
}
.blog-article-item .article-thumb img{
    height: 100%;
}

.blogItemContent{
    width: 100%;
    max-width: 900px;
    margin: auto;
    padding-top: 60px;
    font-size: 18px;
}
.blogItemContent p{
    font-size: clamp(16px, 2.8vw, 18px);
    margin-bottom: 10px;
}
.blogItemContent ul, .blogItemContent ol{
    padding-left: 20px;
    margin: 10px 0;
}

.blogItemContent a{
    color: #a2c140;
    position: relative;
    margin-bottom: 10px;

}
.blogItemContent a:after{
    content: "";
    width: 100%;
    position: absolute;
    background: var(--black-shade-text);
    bottom: 0px;
    right: 0;
    height: 2px;
    transition: .4s;
}
.blogItemContent a:hover:after{
    width: 10%;
}
.blogItemContent h1, .blogItemContent h2, .blogItemContent h3, .blogItemContent h4, .blogItemContent h5, .blogItemContent h6{
    color: var(--black-text-background);
    margin-bottom: 30px;
    margin-top: 60px;
    font-weight: 900;
    text-transform: uppercase;
}
.blogItemContent h1{
        font-size: clamp(30px, 6vw, 54px);
}
.blogItemContent h2{
        font-size: clamp(26px, 5vw, 46px);
}
.blogItemContent h3{
        font-size: clamp(24px, 4vw, 42px);
}
.blogItemContent h4{
        font-size: clamp(22px, 3.5vw, 38px);
}
.blogItemContent h5{
        font-size: clamp(20px, 3vw, 34px);
}
.blogItemContent h6{
        font-size: clamp(18px, 2vw, 30px);
}

.blogItemContent blockquote{
        padding: 40px;
    border-radius: 30px;
    background: #f3f3f3;
    margin-bottom: 10px;
    border-bottom: 4px solid var(--Primary);
}

.blogItemContent img{
    width: 100% !important;
    border-radius: 30px!important;
    margin: 20px 0!important;
    height: auto!important;
}
.blogItemContent tbody tr:last-child{
    border-bottom: 0!important;
}
.blogItemContent table{
    width: 100%;
    margin-bottom: 20px;
}
.blogItemContent thead{
        border-bottom: 1px solid #cfcfcf;
}
.blogItemContent tbody{
        border-bottom: 1px solid #cfcfcf;
}
.blogItemContent tbody tr{
        border-bottom: 1px solid #cfcfcf;
}
.blogItemContent th, .blogItemContent td{
        padding: 10px;
}
.blogItemContent table{
    width:100%;
    border-collapse:collapse;
    display:block;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
}

.blogItemContent table::-webkit-scrollbar{
    height:6px;
}


/* Mobile */
@media (max-width: 600px) {

    .company-section {
        padding: 20px;
    }

    .company-section h3 {
        font-size: 17px;
        margin-bottom: 14px;
    }

    .info-row {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 12px 0;
    }

    .info-label {
        font-size: 13px;
    }

    .info-value {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    footer {
        margin-bottom: 0!important;
    }
}

.canvas-mb .mb-other-content .group-icon{
    position: relative;
    margin-bottom: 0;
}
.canvas-mb .mb-other-content .group-icon:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #ddd;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.canvas-mb .mb-other-content .group-icon a{
    background: transparent !important;
    border: 0;
    padding: 0;
}
.canvas-mb .mb-other-content .group-icon a:hover{
    background: #f3f3f3 !important;
    color: #000;
}
.canvas-mb .mb-other-content .group-icon a:hover svg path{
    stroke: #000;
}
.card-product .card-product-wrapper img{
    object-fit: contain;
}
.pNNew {
    background: var(--Primary) !important;
    width: max-content !important;
    color: var(--black-color)!important;
    padding: 0 5px;
    font-weight: 600;
    text-transform: uppercase !important;
}
.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle{
    border-color: var(--Primary);
}
.canvas-filter{
        border: 1px solid #ddd;
    border-radius: 20px;
    padding: 20px;
}
@media (max-width: 1199px) {
    .sidebar-filter {
        border: 0;
        border-radius: 0;
        padding: 0;
    }
}
.card-product .btn-main-product:hover{
    background: var(--black-color)!important;
    color: #fff!important;
}
.sidebar-checkout-content .sec-total-price .top{
    border-top: 0!important;
}
.ask-question{
    margin-left: initial;
    margin-right: auto;
}
/* media */
@media (min-width: 992px) {
    .flat-img-with-text-5 .collection-position {
        height: 440px;
        width: 50%;
    }
}
@media (min-width: 1516px) {
    .tf-slideshow .wrap-slider {
        height: 700px;
    }
}
@media (max-width: 1199px) {
    .headerOtherUlmenu{
        display: none;
    }
     #header{
         padding: 0;
     }   
     .mobOpenMenu{
        display: flex!important;
    }
    .header-default .nav-icon .nav-search{
        display: flex!important;
    }
    .mobMennuLogo{
        grid-gap: 12px;
    }
    .headerShopButton{
        display: none;
    }
}

@media (max-width: 991px) {
    .reviewsWrap .testimonial-item{
    margin: 0 10px;
    width: calc(50% - 20px);
}
    .logo-header {
        width: auto!important;
    }
    footer .footer-col-block .tf-collapse-content {
        display: block !important;
    }
    footer .footer-left, footer .footer-newsletter{
        width: 100%;
    }
    footer .footer-infor .footer-menu{
        grid-gap: 40px;
    }
    footer .footer-col-block .tf-collapse-content{
        display: grid!important;
    }
}
@media (max-width: 767px) {
    .card-product .card-product-wrapper .image-wrap {
        height: 400px;
    }
    .homeOtherCatsMore .content h4 a{
                padding: 5px 12px;
    }
    .nav-icon .tf-languages{
        display: none;
    }
}
@media (max-width: 575px) {
    .article-thumb{
    height: 280px;
}
    .reviewsWrap{
        margin: 0;
    }
    .reviewsWrap .testimonial-item{
        margin: 0;
        width: 100%;
    }
    .homeOtherCatsMore .collection-position .img-style img {
    height: 300px;
}
    .homeOtherCatsMore .content{
                padding: 20px 10px !important;
    }
    .logReg2Col{
        margin: 0;
    }
    .logReg2Col fieldset{
        margin: 0;
        width: 100%;
    }
    .tf-control-layout{
        display: none!important;
    }
    .tf-shop-control{
                grid-gap: 20px;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }
    .card-product .card-product-wrapper .image-wrap {
        height: 280px;
    }
    .homeLastCol .collection-position{
        height: 360px!important;
    }
        .header-default .nav-icon .nav-icon-item {
        font-size: 28px!important;
    }
    .modal-shopping-cart .tf-mini-cart-bottom-wrap .tf-mini-cart-view-checkout {
        display: grid;
    }
    .logo-header img {
        max-height: 25px;
    }
}