:root{
    --Primary: #163825;
}
h1, h2, h3, h4, h5, h6{
    text-transform: math-auto!important;
}
.tab-product .nav-tab-item a{
    text-transform: math-auto!important;
}
.tf-social-icon.type-2 a{
    width: 30px;
    height: 30px;
}.tf-social-icon.type-2{
    gap:15px!important;
}
.faqs-contact-box{
    margin: 0 10px;
    margin-top: 0 !important;
    height: max-content;
    position: sticky;
    top: 20px;
    background: #f3f3f3 !important;
}
.zn-shop-control{
    margin: 0!important;
}
.tf-social-icon.type-2 a:hover{
    background: #f3f3f3;
    color: #181818 !important;
}
.tf-topbar{
    background: var(--Primary);
}
.footerAboutP{
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
        margin-bottom: 20px;
}
footer .footer-menu{
    grid-gap: 0 40px;
}
.footerAboutPNews{
    margin-bottom: 20px;
}
footer, footer .footer-bottom{
    background: var(--Primary);
}
 footer .footer-bottom{
     border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
#header .logo-header img{
    width: auto;
    max-height: 50px;
}
.tf-mini-cart-info .text-title{
    font-weight: 600;
}
.toolbar-item .count-box{
        position: absolute;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--Primary);
    color: var(--White);
    top: -4px;
    right: -4px;
}
.headerShopButton {
    color: #fff;
    background: var(--Primary);
    padding: 15px 30px;
    border-radius: 10px;
    text-align: center;
    width: max-content;
    display: flex;
    justify-content: center;
    grid-gap: 8px;
    font-weight: 900;
    align-items: center;
    font-size: clamp(16px, 2vw, 18px);
    transition: .3s;
    cursor: pointer;
}
.headerShopButton:hover {
    background: #f3f3f3;
    color: var(--Primary);
}
.headerBtnCat{
        display: flex;
    grid-gap: 20px;
    align-items: center;
}
.facet-title{
    cursor: pointer;
}
.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;
}
.backPcCat.show{
    opacity: 1;
    pointer-events: initial;
}
.box-nav-ul .item-link{
    font-size: 16px;
}

.btn-main{
        background-color: var(--Primary) !important;
    color: #fff !important;
    margin: 0 !important;
}
.btn-main:hover{
    background: #f3f3f3!important;
    color: var(--Primary)!important;
}
.homeCatWBtn{
        display: flex!important;
    flex-wrap: wrap!important;
    grid-gap: 10px!important;
    justify-content: space-between!important;
}
.collection-position .img-style img {
    height: 500px;
}
.collection-position.style-4 .img-style{
    width: 100%;
}
.tf-slideshow .wrap-slider {
        height: 700px;
    }
.nptb{
    padding: 0!important;
}

/* home adv */

.homeAdv{
        padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.homeAdvAll{
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.homeAAItem{
    border-right: 1px solid #ddd;
    display: flex;
    grid-gap: 10px;
    align-items: center;
    padding: 20px 10px;
}
.homeAAItem:last-child{
    border-right: 0;
}
.homeAAISvg{
        font-size: clamp(42px, 5vw, 60px);
    color: var(--Primary);
}
.homeAAIContent{
    display: grid;
}
.homeAAIContent h4{
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 600;
    margin-bottom: 5px;
    line-height: normal;
}
.homeAAIContent p{
    font-size: clamp(13px, 2vw, 15px);
}

.homeAdv2{
    background: #EEF0E3;
}
.homeAdvAll2{
    grid-template-columns: repeat(5, 20%);
}
.card-product-info .text-title{
    font-weight: 600;
    font-size: clamp(18px, 2vw, 20px);
}
.card-product-info .price{
    font-weight: 900;
    font-size: clamp(22px, 3vw, 30px);
    line-height: initial;
    margin: 10px 0;
}
.btnCart{
    font-size: clamp(15px, 2vw, 16px) !important;
    color: #fff;
    display: flex;
    grid-gap: 10px;
    text-transform: uppercase !important;
    font-weight: 600;
}
.btnCart:after{
    content :"";
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.5 21a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m-8 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M3.71 5.4h15.214c1.378 0 2.373 1.27 1.995 2.548l-1.654 5.6C19.01 14.408 18.196 15 17.27 15H8.112c-.927 0-1.742-.593-1.996-1.452zm0 0L3 3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  font-size: clamp(18px, 2vw, 24px);
}
.btnCartAdd{
    background: #f3f3f3 !important;
    color: var(--Primary) !important;
}
.tovarFilters{
        display: grid;
    font-size: 14px;
    line-height: 20px;
}
.pNNew{
    background-color: var(--Primary)!important;
}
.card-product .card-product-wrapper .on-sale-wrap .on-sale-item{
        width: max-content;
    padding: 2px 10px;
}
.card-product.style-1 .list-product-btn .box-icon, .card-product.style-3 .list-product-btn .box-icon, .card-product.style-5 .list-product-btn .box-icon{
    opacity: 1!important;
    transform: translateX(0)!important;
    visibility: visible!important;
}
.productItemM {
    position: relative;
}
.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 a{
    transition: 0.3s;
    font-size: 26px;
}
.pINWish:hover{
    background: #181818;
}
.pINWish:hover a{
    color: #fff;
}
.card-product .card-product-wrapper .on-sale-wrap{
    flex-wrap: wrap;
    padding-right: 50px;
        grid-gap: 5px;
}
.card-product .card-product-wrapper .image-wrap{
    height: 350px;
}

.tf-shop-control{
        grid-template-columns: repeat(3, 1fr);
}
.tf-shop-control .tf-control-layout{
    justify-content: start;
}
.page-title{
    background: #f3f3f3;
    
}
.page-title .content .title{
    color: #181818;
    margin: 0;
}
.page-title .content{
    position: relative;
    top: initial;
    transform: initial;
    padding: 10px 0;
}
.canvas-body{
    overscroll-behavior-y: auto;
}
.topbar-right a:hover{
    color: #f3f3f3!important;
}
.page-title .content .breadcrumb li{
    color: #181818;
}
.page-title .content .breadcrumb a{
    color: #181818;
}
.page-title .title{
font-size: clamp(24px, 3vw, 30px);
    line-height: normal;
}

.polNew p{
    margin-bottom: 10px;
}
.polNew h2{
        font-size: clamp(18px, 2vw, 26px);
    font-weight: 600;
    margin-top: 20px;
}

.polNew ul, .polNew ol{
        padding-left: 20px;
}
.polNew li{
    list-style: initial;
}

.tab-description{
    display: grid;
    gap: 0;
}
.tovarDes table{
        border: 1px solid #ccc;
        margin: 20px 0;
}
.tovarDes table>tbody>tr>td, .tovarDes table>tbody>tr>th, .tovarDes table>tfoot>tr>td, .tovarDes table>tfoot>tr>th, .tovarDes table>thead>tr>td, .tovarDes table>thead>tr>th{
        border: 1px solid #ddd;
}
.form-sticky-atc .fixTovarTitle{
    font-weight: 600;
}
.form-sticky-atc .fixTovarPrice{
    font-size: 24px;
    margin-top: 10px;
}
.contactMapMy{
        width: 100%;
    
}
.contactMapMy iframe{
        overflow: hidden;
    border-radius: 20px;
    height: 400px;
}

.cookie-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #181818;
    color: #ffffff;
    z-index: 1050;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.35);
    animation: slideUp .4s ease-out;
}
.cookie-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    gap: 20px;
}
.cookie-text {
    font-size: 14px;
    line-height: 1.6;
    color: #e5e7eb;
}
.cookie-text strong {
    color: #ffffff;
    font-weight: 600;
}
.cookie-text a {
    color: #2cb769;
    text-decoration: underline;
}
.cookie-action {
    flex-shrink: 0;
}

.cookie-btn {
    background: #ffffff;
    color: #111111;
    border: none;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
}
.cookieBtn {
    flex-grow: 1;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    letter-spacing: 1px;
    border: 1px solid transparent;
    font-size: 12px;
    line-height: 22px;
    background-color: var(--White);
    color: var(--Onsurface);
    border-radius: 44px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: center;
    white-space: nowrap;
    text-transform: capitalize;
    font-size: clamp(15px, 2vw, 16px) !important;
    font-weight: 600;
}
.page404{
    padding: 120px;
    align-items: center;
    display: grid;
    grid-gap: 20px;
    justify-content: center;
    text-align: center;
}
.page404 div{
    font-size: clamp(120px, 20vw, 240px);
    line-height: clamp(120px, 20vw, 240px);
    font-weight: 600;
}
.page404 h1{
        font-size: clamp(20px, 4vw, 42px);
    font-weight: 600;
}
.page404 p{
        font-size: clamp(18px, 2vw, 20px);
        text-align: center;
}
.page404 a{
        font-size: clamp(18px, 2vw, 20px);
        margin: auto !important;
}
.homeAllCat{
        justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 40px !important;
}
.homeAllCat a{
        background: transparent !important;
    color: #181818 !important;
    border: 2px solid var(--Primary) !important;
}
.homeAllCat a:hover{
    background: #181818 !important;
    color: #fff !important;
    border: 2px solid var(--Primary) !important;
    box-shadow: none !important;
}
.productBtnOneClick{
    background: #f3f3f3 !important;
    color: #181818 !important;
    border: 1px solid #ddd;
}
.productBtnOneClick:hover{
        box-shadow: none;
    background: #181818 !important;
    color: #fff !important;
}
.productWishMob{
        display: none!important;
    }
/* media */

@media (max-width: 1199px){
    .meta-filter-shop{
        margin: 10px 0;
    }
    .tf-shop-control .tf-control-filter{
                order: -1;
    }
    .tf-shop-control .tf-control-layout{
        justify-content: center;
    }
    .card-product .card-product-wrapper .image-wrap{
    height: 300px;
}
    .homeAdvAll{
        grid-template-columns: repeat(2, 50%);
    }
    .homeAAItem:first-child{
        border-bottom: 1px solid #ddd;
    }
    .homeAAItem:nth-child(2){
        border-bottom: 1px solid #ddd;
        border-right: 0;
    }
    #header .logo-header{
        display: block;
        margin: auto;
        text-align: center;
    }
    .homeAdvAll2 .homeAAItem:nth-child(3){
        border-bottom: 1px solid #ddd;
    }
    .homeAdvAll2 .homeAAItem:nth-child(4){
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }
    .homeAdvAll2 .homeAAItem:last-child{
        border-right: 1px solid #ddd;
    }
    .homeSlider .text-display {
        font-size: 54px;
        line-height: 54px;
    }
    
    /*.header-default .nav-icon .nav-search, .header-default .nav-icon .nav-wishlist{
        display: block!important;
    }*/
}
@media (max-width: 991px) {
    .card-product .card-product-wrapper .image-wrap{
    height: 450px;
}
    .card-product .btn-main-product{
        height: 100%;
        min-height: 40px;
    }
    .tf-slideshow .wrap-slider{
        height: 500px;
    }
    footer .footer-col-block .tf-collapse-content {
        display: block!important;
    }
    .collection-position .img-style img {
    height: 400px;
}
.homeSlider .box-content{
        bottom: 60px!important;
        gap: 40px!important;
    }
}
@media (max-width: 767px){
    .productWisPc{
        display: none!important;
    }
    .productWishMob{
        display: flex!important;
    }
    .zn-buy-row {
        flex-wrap: initial!important;
        gap: 10px;
    }
    .page-faqs-wrap{
                display: grid;
        grid-gap: 20px;
    }
    .faqs-contact-box{
        margin: 0!important;
    }
    #header .col-2{
        width: 52px;
    }
    #header .col-3{
        margin-left: auto;
    }
    #header .row.wrapper-header{
        justify-content: space-between;
    }
    .card-product .card-product-wrapper .image-wrap{
    height: 400px;
}
    .homeSlider .text-display {
        font-size: 54px;
        line-height: 54px;
    }
    .homeSlider .text-display br{
        display: block;
    }
    .tf-slideshow .wrap-slider{
        height: 400px;
    }
    .homeAdv{
        padding-bottom: 0;
    }
    .homeAdvAll{
        grid-template-columns: repeat(1, 100%);
        
    }
    .homeAAItem{
        border-bottom: 1px solid #ddd;
        border-right: 0;
    }
    .homeAAItem:last-child{
        border:0;
    }
    .homeAdvAll2 .homeAAItem:last-child{
        border:0;
    }
     #header .logo-header{
        display: block;
        margin: initial;
        text-align: initial;
    }
    .logo-header{
        width: 100%;
        max-width: 150px;
    }
    .header-default .nav-icon .nav-icon-item{
        font-size: 26px;
    }
}
@media (max-width: 575px){
    .card-product .card-product-wrapper .image-wrap{
        height: 280px;
    }
    .on-sale-wrap span{
        font-size: 12px !important;
    }
    .homeSlider .text-display {
        font-size: 46px;
        line-height: 46px;
    }
    .modal-shopping-cart .tf-mini-cart-bottom-wrap .tf-mini-cart-view-checkout{
        display: grid;
    }
}