.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus{box-shadow:none}
.tt-desctop-menu:not(.tt-hover-02) li.dropdown.selected > a {
    color: #121416;
    background: transparent;
}
header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-add-info li,
header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-descriptions .tt-quantity{
    color: #000000;
}

.tt-desktop-header {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    padding: 20px 0 10px;
}
header .tt-dropdown-obj .tt-dropdown-menu{
    top: 53px;
}
header .tt-desktop-header .tt-dropdown-obj .tt-dropdown-toggle,
header .tt-dropdown-obj .tt-dropdown-toggle{
    font-size: 24px;
    padding: 6px 8px;
}
.tt-desktop-header .tt-dropdown-obj{

}
.tt-desktop-header .container,
.tt-desktop-header .tt-header-holder {
    background: transparent;
}
.tt-desktop-header .tt-desctop-menu nav > ul > li > a {
    /* Bigger top header (logo + main nav) */
    color: #121416;
    font-size: 16px;
    font-weight: 400;
    transition: color 0.2s ease;
    padding: 19px 14px 18px;
}
/* Ensure dropdown top-level items keep the same size (theme.css sets 14px by default) */
.tt-desktop-header .tt-desctop-menu nav > ul > li.dropdown > a {
    font-size: 16px;
}
.tt-stuck-parent-menu .tt-desctop-menu nav ul{
    flex-wrap: nowrap;
}
.tt-desctop-menu nav > ul > li.dropdown > a{
    padding-right: 10px;
    padding-left: 10px;
}
.tt-desktop-header .tt-logo img {
    height: auto;
    max-height: 35px;
}

header .tt-desktop-header .tt-logo {
    margin-top: 10px;
    margin-bottom: 12px;
}

/*-----*/
header .tt-search-desk{
    top: 40px;
    z-index: 10;

}
header .tt-search-desk .search-results{

}
header .tt-search-desk .search-results ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    overflow: hidden;
    margin-right: -10px;
    margin-left: -10px;
}
header .tt-search-desk .search-results ul {
    list-style: none;
    padding: 0;
    margin: 0; }
header .tt-search-desk .search-results ul > li {
    width: 33.3333%;
    margin-bottom: 10px;
    overflow: hidden; }
header .tt-search-desk .search-results ul > li a {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777777;
    padding: 0;
    position: relative;
    background-color: transparent;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear; }
header .tt-search-desk .search-results ul > li a .thumbnail {
    width: 50px;
    min-width: 50px;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0; }
header .tt-search-desk .search-results ul > li a .thumbnail img {
    width: 100%;
    height: auto; }
header .tt-search-desk .search-results ul > li a .tt-description {
    padding: 5px 15px 5px 16px;
    white-space: normal;
    font-size: 14px;
    line-height: 24px; }
header .tt-search-desk .search-results ul > li a .tt-description .tt-title {
    font-size: 14px;
    line-height: 24px;
    color: #333333; }
header .tt-search-desk .search-results ul > li a .tt-description .tt-price {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #191919; }

header .tt-search-desk .search-results ul > li a:hover {
    background-color: #f7f8fa; }
header .tt-search-desk .search-results ul > li:not(:first-child) {
   }
header .tt-dropdown-obj .tt-dropdown-toggle


.mobile-main-menu.mmitemopen .mm-close-parent:not(:first-child) {
    display: none;
}

.catalog ~ .zoomContainer {
    display: none;
}

/*-----*/

@media (max-width: 1024px) {
    .tt-desktop-header .tt-desctop-menu nav > ul > li > a {
        font-size: 15px;
        padding: 17px 10px 16px;
    }
    .tt-desktop-header .tt-logo img {
        max-height: 26px;
    }
}

.tt-desktop-header .tt-desctop-menu nav > ul > li > a:hover {
    color: #000;
}
.tt-options-swatch:not(.options-large):not(.options-middle) li a.options-color{
    min-width: 16px;
    min-height: 16px;
    width: 18px;
    height: 18px;
}

/* Stuck nav logo spacing */
.tt-stuck-nav .tt-stuck-parent-logo {
    margin-right: 20px;
}

/* All content modules below header - same max width */
.container-indent,
.container-indent0,
.tt-promo-02,
.slider-revolution,
.tt-slider-content {
    margin-left: 10px;
    margin-right: 10px;
}

.tt-desctop-menu .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}

/* Dropdown (megamenu) - NO frosted glass */
.tt-desktop-header .tt-desctop-menu .dropdown .dropdown-menu,
.tt-desktop-header .tt-desctop-menu .dropdown-menu {
    background: #ffffff !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: none;
    box-shadow: none;
}

.tt-desctop-menu nav > ul > li.dropdown {
    position: static;
}

/* Interactive two-column menu */
.tt-interactive-menu {
    display: flex;
    flex-wrap: nowrap;
}
.tt-interactive-menu .tt-lev2-col {
    flex: 0 0 250px;
    max-width: 250px;
    border-right: 1px solid #eee;
}
.tt-interactive-menu .tt-lev3-col {
    flex: 1;
    padding-left: 15px;
    padding-top: 0;
}
.tt-interactive-menu .tt-lev3-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tt-interactive-menu .tt-lev3-list li {
    margin-bottom: 0;
}
.tt-interactive-menu .tt-lev3-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 10px 0;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.tt-interactive-menu .tt-lev3-list li a:hover {
    color: #000;
}
.tt-interactive-menu .tt-arrow {
    font-size: 18px;
    line-height: 1;
    color: #999;
}
.tt-interactive-menu .tt-lev2-item {
    cursor: pointer;
}
.tt-interactive-menu .tt-lev2-item .tt-lev2-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 10px 15px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    border-left: 3px solid transparent;
    margin-left: 1px;
}
.tt-interactive-menu .tt-lev2-item .tt-lev2-link:hover{
    background-color: #f0f0f0;
    cursor: default;
}
.tt-interactive-menu .tt-lev2-item .tt-lev2-link:hover .tt-arrow{
    color: #000000;
    font-weight: 600;
}
.tt-desctop-menu .tt-col-list [class^="col"]{
    margin-top: 0;
}

/* Keep sizes consistent when menu is stuck */
.tt-stuck-nav .tt-logo img {
    max-height: 30px;
}
.tt-stuck-nav .tt-dropdown-obj .tt-dropdown-toggle {
    font-size: 22px;
}

.tt-interactive-menu .tt-lev2-link .tt-arrow {

}
.tt-interactive-menu .tt-lev3-list .tt-arrow {
    display: none;
}

.tt-desctop-menu nav > ul > li.dropdown > a {
    font-size: 16px !important;
}
.tt-product:not(.tt-view) .tt-options-swatch li{
    margin-right: 5px;
}

/* Unified rounded corners (same look as homepage banner/banniere) */
.row.tt-layout-promo-box,
.row.tt-layout-product-item,
.tt-blog-thumb-list,
.row.tt-layout-promo-box .tt-promo-box,
.row.tt-layout-product-item .tt-product,
.row.tt-layout-product-item .tt-product-design02,
.row.tt-layout-product-item .tt-collection-item,
.tt-blog-thumb-list .tt-blog-thumb,
.tt-blog-thumb-list .tt-blog-thumb .tt-img,
.tt-product .tt-image-box,
.tt-product-design02 .tt-image-box {
    border-radius: 20px;
    overflow: hidden;
}

.row.tt-layout-promo-box img,
.row.tt-layout-product-item img,
.tt-blog-thumb-list img {
    border-radius: inherit;
}
.fotorama__wrap{
 margin: 0 auto;
}
.fotorama__thumb-border{
    border-color: #000000;
}
.max-width-wrapper{
    max-width: 1640px;
}
.tooltip {
    z-index: 10;
}
.py-100{
    padding-top: 100px;
    padding-bottom: 100px;
}
.bg-light-secondary{
    background-color: #f0f0f0 !important;
}
.tt-block-title .tt-title {
    font-size: 40px;
    line-height: 40px;
}
.tt-block-title .tt-description{
    font-size: 14px;

}
.left-n1px{
    left: -1px;
}
.left-n2px{
    left: -2px;
}
.left-n4px{
    left: -4px;
}
.left-n6px{
    left: -6px;
}
.right-0{
    right: 0;
}
.right-1px{
    right: 1px;
}
.right-n2px{
    right: -2px;
}
.right-n4px{
    right: -4px;
}
.right-n6px{
    right: -6px;
}
.top-n4{
    top: -2rem;
}
.top-n4px{
    top: -4px;
}
.top-60px{
    top: 60px;
}
.h-1px{
    height: 1px;
}
.h-10px{
    height: 10px;
}
.h-40px{
    height: 40px !important;
}
.h-50px{
    height: 50px;
}
.h-60px{
    height: 60px;
}
.h-215px{
    height: 215px;
}
.w-10px{
    width: 10px;
}
.w-15px{
    width: 15px;
}
.w-20px{
    width: 20px;
}
.w-25px{
    width: 25px;
}
.w-40px{
    width: 40px;
}
.w-225px{
    width: 225px;
}
.w-500px{
    width: 500px;
}
.h-20px{
    height: 20px;
}
.h-25px{
    height: 25px;
}
.h-30px{
    height: 30px !important;
}
.h-35px{
    height: 35px !important;
}
.h-38px{
    height: 38px !important;
}
.h-60px{
    height: 60px !important;
}

.h-100px{
    height: 100px;
}

.h-135px{
    height: 135px;
}

.h-200px{
    height: 200px;
}

.h-350px{
    height: 350px;
}

.h-400px{
    height: 400px;
}
.mt-custom-1{
    margin-top: 12.5rem;
}

.h-unset{
    height: unset !important;
}
.min-h-unset{
    min-height: unset !important;
}
.mh-unset{
    max-height: unset !important;
}
.min-h-150px{
    min-height: 150px;
}
.min-h-200px{
    min-height: 200px;
}
.min-h-300px{
    min-height: 300px;
}
.min-h-350px{
    min-height: 350px;
}
.min-h-500px{
    min-height: 500px;
}
.bg-light{
    background-color: #d9d9d9 !important;
}
.my-70px{
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}
.mh-30px{
    max-height: 30px;
}
.mh-250px{
    max-height: 250px;
}
.mt-1px {
    margin-top: 1px;
}
.mt-2px {
    margin-top: 2px;
}
.mt-3px {
    margin-top: 3px;
}

.pt-13px{
    padding-top: 13px !important;
}

.mt-80px{
    margin-top: 80px !important;
}

.mt-50px{
    margin-top: 50px;
}

.mt-5rem{
    margin-top: 5rem;
}

.mt-n4{
    margin-top: -2rem;
}
.px-10px{
    padding-right: 10px;
    padding-left: 10px;
}

.top-n1{
    top: -1px;
}
.top-0{
    top: 0 !important;
}
.top-1px{
    top: 1px;
}

.top-2px{
    top: 2px;
}
.top-n2px{
    top: -2px;
}

.top-3px{
    top: 3px;
}
.top-4px{
    top: 4px;
}



.top-50px{
    top: 50px;
}

.fs-12px{
    font-size: 12px !important;
}
.fs-13px{
    font-size: 13px !important;
}
.fs-14px{
    font-size: 14px !important;
}
.fs-15px{
    font-size: 15px !important;
}
.fs-16px{
    font-size: 16px !important;
}
.fs-18px{
    font-size: 18px !important;
}
.fs-20px{
    font-size: 20px !important;
}
.fs-22px{
    font-size: 22px !important;
}
.fs-24px{
    font-size: 24px !important;
}
.fs-26px{
    font-size: 26px !important;
}
.fs-28px{
    font-size: 28px !important;
}
.fs-30px{
    font-size: 30px !important;
}
.fs-32px{
    font-size: 32px !important;
}
.fs-1em{
    font-size: 1em;
}
.fs-40px{
    font-size: 40px !important;
}
.lh-unset{
    line-height: unset !important;
}
.lh-1{
    line-height: 1 !important;
}
.lh-sm{
    line-height: 1.2 !important;
}
.lh-lg{
    line-height: 1.5 !important;
}
.lh-20px{
    line-height: 20px;
}
.lh-24px{
    line-height: 24px;
}

.lh-30px{
    line-height: 30px;
}

.lh-40px{
    line-height: 40px;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.shadow-md {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.min-w-unset{
    min-width: unset !important;
}
.min-w-20px{
    min-width: 20px;
}
.min-w-25px{
    min-width: 25px;
}
.min-w-90px{
    min-width: 90px;
}
.min-w-100px{
    min-width: 100px;
}
.min-w-120px{
    min-width: 120px;
}
.min-w-150px{
    min-width: 150px;
}
.min-w-160px{
    min-width: 160px;
}
.min-w-175px{
    min-width: 175px;
}
.min-w-200px{
    min-width: 200px;
}
.min-w-230px{
    min-width: 230px;
}
.min-w-300px{
    min-width: 300px;
}
.w-30px{
    width: 30px;
}
.w-60px{
    width: 60px;
}
.w-75px{
    width: 75px;
}
.w-100px{
    width: 100px;
}
.w-130px{
    width: 130px;
}
.mw-unset{
    max-width:unset !important;
}
.mw-160px{
    max-width: 160px;
}
.mw-120px{
    max-width: 120px;
}
.mw-200px{
    max-width: 200px;
}
.mw-400px{
    max-width: 400px;
}
.mw-600px{
    max-width: 600px;
}
.mw-750px{
    max-width: 750px;
}
.mw-80{
    max-width: 80%;
}
.w-90{
    width: 90%;
}
.w-85{
    width: 85%;
}
.w-80{
    width: 80%;
}
.w-75{
    width: 75%;
}
.w-60{
    width: 60%;
}
.m-6 {
    margin: 3.5rem !important; }

.mt-6,
.my-6 {
    margin-top: 3.5rem !important; }

.mr-6,
.mx-6 {
    margin-right: 3.5rem !important; }

.mb-6,
.my-6 {
    margin-bottom: 3.5rem !important; }

.ml-6,
.mx-6 {
    margin-left: 3.5rem !important; }


.m-7 {
    margin: 4rem !important; }

.mt-7,
.my-7 {
    margin-top: 4rem !important; }

.mr-7,
.mx-7 {
    margin-right: 4rem !important; }

.mb-7,
.my-7 {
    margin-bottom: 4rem !important; }

.ml-7,
.mx-7 {
    margin-left: 4rem !important; }

.mt-n1{
    margin-top: -0.25rem !important
}
.mt-n2{
    margin-top: -0.5rem !important
}
.mt-n3{
    margin-top: -0.8rem !important
}

.pl-15px{
    padding-left: 15px;
}
.pl-20px{
    padding-left: 20px;
}
.pr-custom{
    padding-right: 2.4rem ;
}

.text-decoration-underline{
    text-decoration: underline;
}
.bgr-noreap{
    background-repeat: no-repeat;
}
.bgp-center{
    background-position: center;
}
.bgp-top{
    background-position: top;
}
.bgs-cover{
    background-size: cover;
}
.bgs-contain{
    background-size: contain;
}
.bgs-auto{
    background-size: auto;
}
.form-control:focus{
    border-color: #ced4da;
    box-shadow:none;
}

.star-required{

}

.flex-root{
    flex: 1;
}

.rounded-4px{
    border-radius: 4px !important;
}

.rounded-8px{
    border-radius: 8px !important;
}

.rounded-10px{
    border-radius: 10px;
}

.rounded-12px{
    border-radius: 12px !important;
}

.rounded-20px{
    border-radius: 20px !important;
}

.rounded-24px{
    border-radius: 24px !important;
}
.rounded-top-left-0{
    border-top-left-radius: 0 !important;
}
.rounded-top-right-0{
    border-top-right-radius: 0 !important;
}
.rounded-bottom-left-0{
    border-bottom-left-radius: 0 !important;
}
.rounded-bottom-right-0{
    border-bottom-right-radius: 0 !important;
}
.border-width-2px{
    border-width: 2px !important;
}
.border-color-black{
    border-color:#000000 !important;
}

.py-10px{
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-12px{
    padding-top: 12px;
    padding-bottom: 12px;
}
.py-18px{
    padding-top: 18px;
    padding-bottom: 18px;
}

.py-22px{
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

.px-20px{
    padding-right: 20px !important;
    padding-left:20px !important;
}
.px-22px{
    padding-right: 22px !important;
    padding-left:22px !important;
}

.z-index-1{
    z-index: 1;
}
.z-index-2{
    z-index:2;
}
.z-index-3{
    z-index: 3;
}
.z-index-10{
    z-index: 10;
}
.z-index-20{
    z-index: 20;
}
.btn.bg-white:hover{
    color: #000000;
}
.text-brand-light{
    color: #d1d1d1;
}

.brand-page .alphabet{
    transition: all .3s ease;
}
.brand-page .alphabet:hover{
    color: #000;
    transform: scale(1.5);
}
.brand-page .text-link,
.brand-page .text-link:hover{
    color: #fd5c22 !important;
    text-decoration: underline;
}

.brand-page .text-bref{
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}
.glass {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}


.glass::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255,255,255,0.15);
    border-radius: inherit;
    z-index: 0;
    transition: all .5s ease;
}
.glass.glass-black:before{
    background: rgba(0,0,0,0.1);
}
.text-black{
    color: #191919;
}
.font-weight-semibold{
    font-weight: 500 !important;
}
.font-weight-bolder{
    font-weight: 700 !important;
}
.tt-promo-box .tt-description .tt-title-large{
    font-size: 34px;
}
.tt-services-block .tt-col-description .tt-title{
    font-size: 20px;
}
.tt-services-block .tt-col-description p {
    line-height: 20px;
}

.tt-services-block .tt-col-icon{
    min-width: 60px;
    text-align: center;
}
.tt-services-block .tt-col-description p{
    margin-top: 0;
}
.skeleton-item{background:#f2f2f2;margin-bottom:20px;border-radius:4px;overflow:hidden;position:relative}.skeleton-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skeleton-img{height:250px;width:100%;background:#e8e8e8}.skeleton-text{height:15px;background:#e8e8e8;margin:10px 15px;width:80%}.skeleton-price{height:20px;background:#e8e8e8;margin:10px 15px;width:40%}#tt-pageContent .tt-product .tt-product-inside-hover{opacity:0 !important;transition:opacity .3s ease !important}#tt-pageContent .tt-product.hovered .tt-product-inside-hover,#tt-pageContent .tt-product:hover .tt-product-inside-hover{opacity:1 !important}@media(max-width:1024px){#tt-pageContent .tt-product .tt-product-inside-hover{opacity:1 !important}}
.tt-image-box img,.tt-product img{border-radius:8px}.ae89837 .pagination{display:flex;justify-content:center;padding-left:0;margin:0;list-style:none}.ae89837 .page-item{display:block}.ae89837 .page-link{display:block;padding:.5rem .75rem;border:none;background:#fff;color:#000000;text-decoration:none}.ae89837 .page-item+.page-item .page-link{margin-left:-1px}.ae89837 .page-item.active .page-link,.ae89837 .page-item.active span.page-link{color:#fff;background-color:#000;border-color:#000}.ae89837 .page-item.disabled .page-link,.ae89837 .page-item.disabled span.page-link{color:#6c757d;pointer-events:none;background-color:#fff}.ae89837 .page-link:hover{background-color: #f0f0f0;}
.tt-image-box{position:relative}
.tt-product-actions-vertical{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:8px;z-index:10;opacity:0;transition:opacity .3s ease;pointer-events:none;align-items:flex-end}
.tt-product-nav-arrows{position:absolute;bottom:15px;left:15px;display:flex;gap:0;z-index:10;opacity:0;transition:opacity .3s ease;pointer-events:none}
.tt-product:hover .tt-product-actions-vertical,.tt-product:hover .tt-product-nav-arrows,.tt-product.hovered .tt-product-actions-vertical,.tt-product.hovered .tt-product-nav-arrows{opacity:1;pointer-events:auto}
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-wishlist,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-quickview,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-compare{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border-radius:18px;color:transparent;font-size:0;font-family:inherit;line-height:36px;white-space:nowrap;position:static;opacity:1;box-shadow:0 2px 8px rgba(0,0,0,0.1);text-indent:-9999px;overflow:hidden;transition:all .3s ease}
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-wishlist::before,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-compare::before{font-size:16px;color:#191919;flex-shrink:0;width:auto;text-align:center;font-weight:bold;margin-right:0;text-indent:0;transition:all .3s ease}
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-quickview::before{font-size:20px;color:#191919;flex-shrink:0;width:auto;text-align:center;font-weight:bold;margin-right:0;text-indent:0;transition:all .3s ease}
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-wishlist::after,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-quickview::after,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-compare::after{content:attr(data-tooltip);font-size:13px;color:transparent;text-indent:0;max-width:0;overflow:hidden;transition:all .3s ease;line-height:36px;display:none}
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-wishlist:hover,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-quickview:hover,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-compare:hover{width:auto;padding:0 12px;background:#191919}
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-wishlist:hover::before,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-quickview:hover::before,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-compare:hover::before{color:#fff;margin-right:8px;padding-left:15px}
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-wishlist:hover::after,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-quickview:hover::after,
.tt-product .tt-image-box .tt-product-actions-vertical a.tt-btn-compare:hover::after{color:#fff;max-width:130px;display:inline;font-weight:600;padding-right: 15px}
.tt-product-single-img .tt-btn-zomm:hover{
    background-color: #000000;}
.mfp-close:hover{
    color: #000000;
}
#tt-tooltip-popup{display:none}
.tt-row{flex-wrap:wrap}
.tt-color-swatches{display:flex;gap:6px;align-items:center;justify-content:center;width:100%;margin-top:8px}
.tt-color-swatch{display:inline-block;width:22px;height:22px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,0.1);transition:transform .2s ease,box-shadow .2s ease}
.tt-color-swatch:hover{transform:scale(1.15);box-shadow:0 2px 6px rgba(0,0,0,0.2)}
.tt-color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 3px #191919}
.tt-product-actions-vertical svg{width:18px;height:18px}
.tt-product-nav-arrows button{width:40px;height:40px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.15);color:#333;transition:all 0.3s ease}
.tt-product-nav-arrows button:hover{background:#000}
.tt-product-nav-arrows button:hover svg path{fill:#fff}
.tt-product-nav-arrows button.active{background:#000}
.tt-product-nav-arrows button.active svg path{fill:#fff}
.tt-product-nav-arrows button svg{width:20px;height:20px}

.tt-product:not(.tt-view) .tt-image-box .tt-btn-wishlist.active,.tt-product:not(.tt-view) .tt-image-box .tt-btn-compare.active{
    background-color: #ffffff;
}


.tt-promo-box.hover-type-2:hover .tt-description-wrapper *:not(.tt-base-color),
.tt-product:not(.tt-view) .tt-description .tt-btn-addtocart.thumbprod-button-bg:before,
.tt-product:not(.tt-view) .tt-description .tt-btn-addtocart.thumbprod-button-bg:hover:before{
    color: #ffffff !important;
}

.tt-product-single-info .tt-add-info ul li span,
.tt-product-single-info .tt-add-info ul li{
    color: #000000;
}

.tt-product-single-info .tt-title{
    font-size: 42px;
    line-height: 1;
}
.product-details .slick-slider .slick-list{
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px !important;
    padding-top: 20px !important;
    padding-bottom: 0 !important;
}
.tt-product-vertical-layout .tt-product-single-carousel-vertical{
    margin-right: 5px;
    width: 6.2em;
}
.slick-slider img{
    width: 70px;
}


.slider-banner img {
    display: none;
    width: 100%;
}

.slider-banner img:first-child {
    display: block;
}

.slider-banner.slick-initialized img {
    display: block;
}
/* 整体滚动条宽度 */
.product-details ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* 滚动条轨道（背景） */
.product-details ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}
.product-details {

    scrollbar-color: #999 transparent; /* thumb track */
}

/* 滑块（可拖动部分） */
.product-details ::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px;
}



.tt-promo-box:not(.hover-type-2):hover .tt-title-small {
    color: #ffffff;
}
.tt-color a{
    padding:5px;
}
.tt-color a.active{
    /*outline: 1px solid #000;*/
    border: 1px solid #000000;
}
.tt-color a{
    outline: 1px solid transparent;
    border: 1px solid transparent;
}
.tt-color a.color.all img{
    width: 33px;
    min-width: 33px;
    height: 33px;
    position: relative;
    top: -4px;
    left: -2px;
}


.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.btn-secondary {
    color: #000000;
    background-color: #f0f0f0;
    border:1px solid #f0f0f0;
}
.btn-secondary:hover {
    color: #000000;
    background-color: #ffffff;
    border:1px solid #1a1a1a;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #000000;
    background-color: #ffffff;
    border:1px solid #1a1a1a;
    outline:none;
}
.btn.btn-dark:hover {
    background: #191919;
    color: #ffffff;
}


.btn-fill {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease;
}

.btn-fill:hover::before {
    transform: scaleX(1);
    height: calc(100% + 1px);
}

.btn-fill:hover svg path{
    fill: #ffffff;
}

.btn-fill svg path{
    fill: #000000;
    transition: all 0.35s ease;
}
.btn-fill::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #000000;
    transform: scaleX(0);
    transform-origin: left;   /* 关键：从左开始 */
    transition: transform 0.35s ease;
    z-index: -1;
}
.btn-fill:hover {
    color: #252525;
    background-color: unset;
    border-color: #000000;
}
.btn-fill:hover span {
    color: #ffffff;
}

[v-cloak] {
    display: none;
}
.panel-menu .mm-original-link{
    font-weight: 700;
    cursor: auto;
}
.index-page .tt-promo-box {
    display: block;
    overflow: hidden;
}

.index-page .tt-promo-box img {
    width: 100%;
    display: block;
    transition: transform 0.6s ease;
}
.cursor-pointer{
    cursor: pointer !important;
}
.index-page .tt-promo-box:hover img {
    transform: scale(1.2);
    border-radius: 4px;
}
.index-page .tt-promo-box .tt-promo-bg{
    transition: transform .3s ease;
}
.index-page .tt-promo-box:hover .tt-promo-bg {
    transform: scale(1.2);
}


.tt-promo-box .tt-description .tt-title-small{
    color: #ffffff;
}

.overflow-x-hidden{
    overflow-x: hidden;
}
.overflow-y-auto{
    overflow-y: auto;
}

.overflow-y-scroll{
    overflow-y: scroll;
}

.overflow-y-hidden{
    overflow-y: hidden;
}
.overflow-x-auto{
    overflow-x: auto;
}
.overflow-x-scroll{
    overflow-x: scroll;
}
.overflow-hidden{
    overflow:hidden;
}
.tt-collapse .tt-collapse-title{
    border-bottom: none;
}

.login .btn-login {
    color: #fff;
}


.tt-collapse{
    border-bottom: 1px solid #e9e7e7
}
#siderbar .tt-collapse .tt-collapse-title:after{
    top: 21px;
}
.tt-collapse .tt-collapse-title + .tt-collapse-content {
    margin-top: 0;
    margin-bottom: 25px;
}
.tt-product:not(.tt-view) .tt-image-box .tt-btn-quickview:before {
    content: '\e9a8';
    font-family: "wokiee";
    font-size: 20px;
    line-height: 1;
    margin-top: -2px;
}
.tt-product:not(.tt-view) .tt-image-box .tt-btn-wishlist:before {
    content: '\eb16';
    font-family: "wokiee";
    font-size: 16px;
    line-height: 1;
    margin-top: 1px;
}
.tt-product:not(.tt-view) .tt-image-box .tt-btn-compare:before {
    content: '\eb18';
    font-family: "wokiee";
    font-size: 16px;
    line-height: 1;
    margin-top: 1px;
}
.tt-product-single-info .tt-price{
    font-size: 25px;
}

.select-fashion {
    position: relative;
    width: 250px;
    background-color: #f0f0f0;
    padding: 0 10px 0 10px;
    border-radius: 8px;
}

.select-fashion select {
    width: 100%;
    padding: 17px 0 0 0;
    border: none;
    border-bottom: 1px solid #e9e7e7;
    background: transparent;
    font-size: 14px;
    letter-spacing: 1px;
    appearance: none;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #1a1a1a;
    font-weight: 600;
}

.select-fashion select:hover {
    border-bottom: 1px solid #e9e7e7;

}

.select-fashion select:focus {
    border-bottom: 1px solid #e9e7e7;
}

.select-fashion::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 46%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}

.select-fashion select:focus + .arrow {
    transform: rotate(-135deg);
}
.select-fashion.header-search{

}
.header-search .select-fashion::after{
    right: 25px;
}
.header-search .tt-dropdown-toggle{
    right: 1px;
    top: 0;
    height: 38px;
    z-index: 3;
    background-color: transparent;
}
.header-search .form-control:focus + button.tt-dropdown-toggle,
.header-search button.tt-dropdown-toggle:focus{
    background-color: #000000;

}
.header-search .form-control:focus + button.tt-dropdown-toggle > i.icon-f-85,
.header-search button.tt-dropdown-toggle:focus > i.icon-f-85{
    color: #ffffff;
}


.banner-title{
    font-size: 3.5em !important;
}
.tt-desctop-menu .dropdown-menu{
    padding-left: 0;
    padding-right: 0;
}
.tt-desctop-menu .tt-megamenu-col-01 .col{
    min-width: 200px;
}
.tt-desctop-menu .tt-megamenu-col-01 .col.pub{
    min-width: unset;
    max-width: unset;
}

.row.tt-layout-product-item .tt-product{
border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.tt-product:not(.tt-view) .tt-description .tt-add-info li a {
    color: #191919;
    font-weight: 500;
}
.tt-product:not(.tt-view) .tt-description .tt-price{
    font-size: 19px;
    font-weight: 500;
    color: #000000;
}
.tt-product:not(.tt-view) .tt-description .tt-title{
    margin-bottom: 5px;
}

.tt-product:not(.tt-view) .tt-description .tt-title a,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a{
    position: relative;
}

.tt-product:not(.tt-view) .tt-description .tt-title a:hover,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a:hover{
    color: #000000;
}
.tt-product:not(.tt-view) .tt-description .tt-title a::after,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 1px;
    background-color: #000000;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}
ul.tt-options-swatch li .options-color:after{
    border-color: #000000;
}


.tt-product:not(.tt-view) .tt-description .tt-title a:hover::after,
.tt-product:not(.tt-view) .tt-description .tt-add-info li a:hover::after{
    transform: scaleX(1);
}
.tt-product-single-info{
    padding-left: 0;
    margin: 0;
}
.tt-product:not(.tt-view) .tt-options-swatch.carousel-custom-products{
    padding-right: 18px;
}
.tt-product:not(.tt-view) .tt-options-swatch.carousel-custom-products .slick-prev{
    display: none !important;
}
.arrow-location-center.carousel-custom-products .slick-arrow{
    margin-top: -7px;
}
.arrow-location-center.carousel-custom-products .slick-next {
    right: -12px;
}
.arrow-location-center.carousel-custom-products .slick-arrow,
.arrow-location-center.carousel-custom-products .slick-arrow:hover{
    color: #000000;
}
.arrow-location-center.carousel-custom-products .slick-arrow.slick-disabled{
    color:#dadada ;
}
.arrow-location-center.carousel-custom-products .slick-arrow,
.arrow-location-center.carousel-custom-products .slick-arrow:active{
    top: 0 !important;
    display: flex !important;
    align-items: flex-end;
}
.arrow-location-center .slick-arrow{
    background-color: #191919;
    margin-top: -19px;
}
.arrow-location-center .slick-arrow:hover{
    color: #ffffff;
}


.light-dark{
    color: #A2948A;
}
.theme-color-1{
    color: #F6EDE480;
}
.bg-theme-color-1{
    background-color: #F6EDE480;
}
.bg-theme-color-2{
    background-color: #F2E6D8;
}
.bg-black{
    background-color: #000000 !important;
}
.color-dark-theme{
    color: #252525;
}
.color-price{
    color: #686868;
}
.text-black-000{
    color: #000000;
}
.text-dark-footer{
    color: #777;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.theme-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1.5px solid #d0d0d0;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    background: #fff;
    transition: all 0.2s ease;
}

.theme-checkbox input[type="checkbox"]:hover {
    background: #f0f0f0;
    border-color: #000000;
}

.theme-checkbox input[type="checkbox"]:checked {
    background: #000;
    border-color: #000;
}

.theme-checkbox:has(input[type="checkbox"]:checked) span {
    font-weight: 600;
    color: #000;
}

.theme-checkbox input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.product{
    color: #3D3C3B;
}
.tt-collapse .tt-collapse-title:after {
    display: none;
}
.tt-collapse .bi-minus-lg,
.tt-collapse.open .bi-plus-lg,
.tt-collapse .bi-minus-lg {
    display: none;
}

.tt-collapse.open .bi-minus-lg{
    display: inline-block;
}

.tt-collapse.open .tt-collapse-title::after {
    transform: rotate(-135deg);
}
.tt-collapse .tt-collapse-title:hover{
    color: #3D3C3B;
}
.tt-collapse-block .tt-item .tt-collapse-title {
    font-size: 20px;
    line-height: 26px;
    color: #22211F;
    cursor: pointer;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-family: "Hind", sans-serif;
    transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    padding: 22px 0;
    position: relative;
}
.product .alert{
    width: 100%;
}
.product .alert.alert-success{
    background-color: #C6DDCE80;
}
.product .alert.alert-warning{
    background-color: #DEB89580;
}
.product table.table-custom {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 0;
    overflow: hidden
}
.product .table-custom thead th {
    background: #F0E9E0;
    color: #3D3C3B;
    font-size: 16px;
    font-weight: 400;
}
.product .table-custom td {
    padding: 10px 12px;
    color: #3D3C3B;
    vertical-align: middle;
}
.product .table-custom td:last-child {
    text-align: center
}
.product .table-custom tbody tr:first-child td:last-child {
    text-align: center
}
.product .table-custom td,
.product .table-custom .color-cell {
    border-bottom: 1px solid #E3E3E3;
}
.product .table-custom tr:last-child td,
.product .table-custom .color-cell {
    border-bottom: none;
}
.product .table-custom .qty-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}
.product .table-custom .qty-input {
    width: 59px;
    height: 28px;
    padding: 4px 20px;
    background: transparent;
    border: none;
    color: #000;
    text-align: center;
}
.product .table-custom .qty-input::-webkit-outer-spin-button,
.product .table-custom .qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
/*##########*/

.zoomContainer{
    border-radius: 20px;
    overflow: hidden;
}
.tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide{
    padding-bottom:15px;
}
.tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider:before{
    background: unset;
}

.tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-track{
    top: -20px;
}
.tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide img{
    border-radius: 10px !important;
}
.tt-product-vertical-layout .tt-product-single-carousel-vertical .slick-slider .slick-slide .zoomGalleryActive img{
    border: 2px solid #000000;
}
.carousel-custom-products .slick-list{
width: 100%;
}
.carousel-custom-products .slick-list .slick-track{
   margin-left:0;
}
/*##########*/
.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.badge {
    color: #ffffff;
    background-color: #000000;

}

.badge-active {
    color: #fff;
    background-color: #A47864;
}
.badge-warning{
    background-color: #A47864;
}
.badge.badge-circle{
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.login-theme-color{
    color: #5B5B5B;
}

.login .form-control::placeholder{
    color: #ACACAC !important;
    font-size: 15px;
}
a.sign-up,a.sign-up:hover{
    color: #D19C97;
}
.login .login-box {
    width: 100%;
}

.login .right-image {
    background-image: url('/media/login/banner.jpg');
    background-size: cover;
    background-position: top center;
    min-height: 900px;
}

.login .login-box input.form-control{
    /*border: 1px solid #A47864;*/
}
.login .login-box .switch{
    right: 20px;
    bottom: 1px;
}
.tt-login-form .tt-item {
    padding: 32px 39px 32px;
}
.bg-unlogged{
    background-color: #fdf1dc;
}
.bg-brand{
    background-color: #f3eee0;
}
header .tt-dropdown-obj:not(.tt-search) .tt-dropdown-menu .tt-dropdown-inner{
    background-color: #fff;
}
header .tt-dropdown-obj .tt-dropdown-menu{}
.top-desktop{
z-index: 9;
}
header .tt-dropdown-obj .tt-dropdown-toggle:before{
    left: 4px;
    top: 0;
}

.top-desktop .tt-desctop-parent-multi button.tt-dropdown-toggle i{
    color: #ffffff;
}
.top-desktop .tt-desctop-parent-multi{
    position: absolute;
    right: 20px;
    top: -9px;
}
.top-desktop.tt-desktop-header .tt-dropdown-obj{
    padding-bottom: 0;
}
.tt-desktop-header .tt-dropdown-obj .tt-dropdown-toggle span{
    color: #ffffff;
}
.bg-search{
    background-color: #f9f9f9;
}
.bg-result{
    background-color: #f6f6f6;
}
nav.panel-menu{
 z-index: 23;
}

.tooltip-inner {
    background-color: rgba(0,0,0,.85);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 0 9px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    position: relative;
    top: -7px;
}
.tooltip .arrow{
    position: absolute;
    left: 9px;
    bottom: 1px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    width: 0;
    height: 8px;
    background: rgba(0,0,0,.85);
    clip-path: polygon(50% 100%, 0px 0px, 100% 0px);
    margin-left: -8px;
    z-index: 1;
}
.élément {
    left: 48px;
}
.bs-tooltip-top{
    top: -3px !important;
}
.bs-tooltip-top .arrow{
    left: 50% !important;
}
.bs-tooltip-right .arrow{
    position: absolute;
    left: 20px;
    top: 11px !important;
    width: 12px;
    height: 25px;
    background: rgba(0,0,0,.85);
    transform: translateY(-50%);
    clip-path: polygon(90% 0, 0 50%, 90% 100%);
}
.bs-tooltip-right .tooltip-inner{
    right: -16px;
    top: -6px;
    padding: 3px 9px;
}
.arrow-location-right-top .slick-arrow:hover,
.arrow-location-01 .slick-arrow:hover,
.arrow-location-02 .slick-arrow:hover{
    background-color: #000;
}
.arrow-location-02 .slick-arrow{
    height: 25px;
    width: 25px;
    background:transparent;
}
.arrow-location-02 .slick-arrow:before{
    font-size: 14px;
    font-weight: 600;
}
.arrow-location-02 .slick-prev {
    left: calc(50% - 65px);
}
.arrow-location-02 .slick-next{
    left: calc(50% + 40px);
}
.arrow-location-02 .slick-arrow {
    bottom: -38px;
}
.product .slick-slider .tt-image-box {


}
.slick-slider .slick-dots{
    margin-top: 12px;

}
.slick-slider .slick-dots li button{
    all: unset;
    height: 8px;
    width: 8px;
    background: #dadada;
    border: none;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}
.aside.leftColumn.column-open{
    z-index: 22;

}
#siderbar .tt-list-row {
    -webkit-overflow-scrolling: touch;
}
.w-unset{
    width: unset !important;
}
.tt-tabs-default .nav-item .nav-link{
    background-color: #f0f0f0;
    color: #000000;
    font-weight: 600;
}
.tt-tabs-default .nav-item .nav-link.active{
    background-color: #000000;
    color: #ffffff !important;
}

.bg-brand-search{
    background-color: #e7e7e7;
}
.select-custom{
    position: relative;
}

.select-custom select {
    width: 100%;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
}


.select-custom::after {
    content: "";
    position: absolute;
    right: 12px;
    bottom: calc(50% - 7px);
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}

.addto-footer{
    position: sticky;
    bottom: 0;
    transition: none !important;

}
.addto-footer .btn{
    transition: none !important;
}
.product .addto-fixed{
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
    z-index: 8;
    padding: 10px;
    transition: none !important;
}
.badge-cart{
    padding: 6px 10px;
}
.badge-cart .badge{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #000;
    color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -6px;
    font-size: 12px;
    line-height: 1.1;
    pointer-events: none;
}
.modal .modal-header .close {
    color: #000;
    right: 0;
}
.modal .modal-lg .modal-header{
    height: unset;
}
.form-default .form-control:focus{
    border-color: #000000;
}
.text-break{
    white-space: normal;
    word-break: break-word;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}
.list-unstyled{
    will-change: transform;
    list-style: none;
}
.list-group{
    margin:0;
    padding:0;
    will-change: transform;
    list-style: none;
}
#notice-list {
    margin: 0;
    padding: 0;
    will-change: transform;
}

#notice-list .list-group-item {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 40px;
    min-height: 40px;
}

@media (max-width: 1180px) {
    .tt-product:not(.tt-view) .tt-description .tt-title{
        font-size: 13px;
    }
}
@media (max-width: 1024px) {
    .tt-mobile-header {

        z-index: 22;
        border-bottom: 1px solid #d9d9d9;
    }
    .login .login-box {
        margin-right: 10%;
    }
    .tt-product:not(.tt-view) .tt-options-swatch{
        margin-left: 0;
    }
    .tt-product:not(.tt-view) .tt-options-swatch li{
        margin-left: 0;
    }
    .tt-mobile-header .tt-search .tt-dropdown-menu .search{
        height: 50px !important;
    }
    header .tt-search .tt-dropdown-menu .search {
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-end;
        align-content: flex-end;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    header .tt-search .tt-dropdown-menu .search .tt-col:first-child {
        -webkit-flex: 2 1 auto;
        -ms-flex: 2 1 auto;
        flex: 2 1 auto;
    }
    header .tt-search .tt-dropdown-menu .search .tt-search-input{
        background: transparent;
        font-size: 16px;
        border: 1px solid transparent;
        padding: 14px 12px 8px 0px;
        font-family: "Hind", sans-serif;
        box-shadow: none;
        outline: none;
        width: calc(100% - 40px);
        color: #777777;
        border-radius: 0;
        transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
    }
    .tt-logo img{
        max-height: 30px;
        margin-right: 20px;
    }
    .tt-mobile-header .tt-parent-box{
        margin-left: 0;
    }
    .tt-product-single-info .tt-title {
        font-size: 24px;
    }
    .arrow-location-center.carousel-custom-products .slick-arrow{
        margin-top: -1px;
    }
    .lang-mobile{
        position: absolute;
        right: 0;
        top: -45px;
    }
    .lang-mobile .tt-dropdown-toggle > div span{
        color: #ffffff;
    }
    .top-desktop{
        z-index: 0;
    }
    .tt-stuck-nav .tt-stuck-parent-logo{
        margin-right: 0;
        margin-left: 0;
    }

}

@media (max-width: 991px) {
    .login .login-box {
        margin-right: 0;
    }
    .tt-block-title .tt-title {
        font-size: 30px;
        line-height: 30px;
    }
}
@media (min-width: 790px) {
    .tt-back-to-top.tt-show {
        bottom: 120px;
        right: 20px !important;
    }
    .tt-back-to-top{
        right: 20px !important;
    }
    .tt-back-to-top:hover {
        color: #ffffff !important;
    }
}
@media (max-width: 791px) {
    .login .login-banner {
        margin-right: -10px;
        margin-left: -10px;
    }
    .login .right-image {
        background-position: top -9vh center;
    }
    footer .tt-footer-custom:last-child:not(:first-child) {
        margin-top: 0;
    }
    footer .tt-footer-custom:last-child .tt-box-copyright{
        margin-top: 0;
    }
    footer .tt-footer-default .form-default .form-group {
        width: 100%;
    }
    footer .tt-footer-custom:last-child{
        padding: 25px 0;
    }
    footer .tt-footer-custom .tt-col-right{
        margin-top: 0 !important;
    }
    footer .tt-footer-custom:last-child .tt-payment-list{
        margin-top: 0;
    }
    footer .tt-footer-custom:last-child .tt-row{
        display: block;
    }
    footer .tt-footer-custom .tt-col-left{
        gap: 0 !important;
    }
    footer .tt-payment-list li{
        margin-top: 0;
    }
    footer .tt-footer-custom:last-child .tt-payment-list{
        align-items: start;
    }
    .tt-back-to-top{
        padding: 5px 0 5px 0;
    }
    .tt-back-to-top:hover{
        color: #ffffff !important;
    }
    footer .tt-footer-custom .tt-policy-list {

        gap: 6px !important;
        font-size: 12px;
        margin: 11px 0 !important;
    }
    footer .tt-footer-custom a{
        color: #3D3C3B !important;
    }
    .tt-product-single-info .tt-title{

    }
    footer {
        background: #ffffff;
    }


}
@media (max-width: 768px) {
    .carousel-custom-google-mobile.slick-slider .slick-track{
        left: -20px;
    }
    .carousel-custom-brand-mobile.slick-slider .slick-track {
        left: -20px;
    }

}

@media (max-width: 575px) {
    .tt-promo-box.mt-0-s {
        margin-top: 0;
    }
    .mobile-style{
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-radius: 0 !important;
    }
    .mobile-style .revolution-default{
        border-radius: 0;
    }
    .tt-product:not(.tt-view) .tt-description .tt-option-block{
        min-height: 60px;
    }

    .tt-login-form .tt-item{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .tt-login-form .tt-item.pt-md-39px{
        padding-right: 0 !important;
        padding-left: 0 !important;

    }
    .tt-product-single-info .tt-title{
        font-size: 26px !important;
    }
    .addto-fixed{
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px);
    }
    .product .addto-fixed{
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px);

    }
    .tt-product-single-info {
        padding-left: 0;
        padding-right: 0;
    }
    .tt-options-swatch li:nth-child(n+5) {
        display: none;
    }
    .carousel-custom-brand.slick-slider .slick-track,
    .carousel-custom-index.slick-slider .slick-track{
        left: -20px;
    }
    .tt-mobile-header .container-fluid-custom-mobile-padding,
    .stuck.tt-stuck-nav .container-fluid-custom-mobile-padding{
        padding-right: 15px;
        padding-left: 15px;
    }
    .tt-page404 .btn.btn-outline-primary {
        margin-top: 10px;
    }

}
@media (min-width: 576px) {

    .mt-sm-3px {
        margin-top: 3px;
    }
    .pr-sm-20px {
        padding-right: 20px;
    }
    .pl-sm-20px{
        padding-left: 20px;
    }
    .pr-sm-15px {
        padding-right: 15px;
    }
    .pl-sm-15px{
        padding-left: 15px;
    }
    .pr-sm-10px {
        padding-right: 10px;
    }
    .pl-sm-10px{
        padding-left: 10px;
    }
    .pl-sm-75px{
        padding-left: 75px;
    }
    .w-sm-unset{
        width: unset !important;
    }
    .w-sm-50{
        width: 50% !important;
    }
    .w-sm-100{
        width: 100% !important;
    }
    .w-sm-unset{
        width: unset !important;
    }
    .pt-custom{
        padding-top: 33px !important;
    }
    .mw-sm-200px{
        max-width: 200px;
    }

}
@media (min-width: 791px) {

    .w-md-300px{
        width: 300px !important;
    }
    .w-md-50{
        width: 50% !important;
    }
    .w-md-unset{
        width: unset !important;
    }
    .pt-md-39px{
        padding-top: 39px !important;
    }
    .pr-md-20px {
        padding-right: 20px;
    }
    .pl-md-20px{
        padding-left: 20px;
    }
    .pr-md-15px {
        padding-right: 15px;
    }
    .pl-md-15px{
        padding-left: 15px;
    }
    .ehut{
        max-width: 526px; margin-top: 7rem
    }
    .w-md-unset{
        width: unset !important;
    }
    .pl-md-75px{
        padding-left: 75px;
    }
    .w-md-unset{
        width: unset !important;
    }
    .w-md-75{
        width: 75% !important;
    }
    .w-md-80px{
        width: 80px;
    }
    .mt-md-26px{
        margin-top: 26px !important;
    }
    .mt-md-27px{
        margin-top: 27px !important;
    }
    .h-md-270px{
        height: 270px;
    }

}

@media (min-width: 992px) {




}
@media (min-width: 1025px) {
    .index-border-right{
        border-right: 1px solid #d9d9d9;
    }
    .col-lg-8items {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-lg-5items {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .w-lg-80{
        width: 80%;
    }
    .w-lg-270px {
        width: 270px;
        min-width: 270px;
    }
    .leftColumn:not(.rightColumn) {
        padding-right: 0
    }
    .pl-lg-20px{
        padding-left: 20px !important;
    }
    .mt-lg-50px{
        margin-top: 50px !important;
    }
    .mt-lg-52px{
        margin-top: 52px !important;
    }

    .border-lg-top{
        border-top: 1px solid #e9e7e7;
    }
    .tt-filters-options .tt-title{
        margin-left: -290px;
    }
    #tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
        margin-top: 100px;
    }
    .w-lg-280px {
        width: 280px;
        min-width: 280px;
    }
    .w-lg-300px {
        width: 300px !important;
        min-width: 300px !important;
    }
    .pl-lg-10px{
        padding-left: 10px;
    }
    .border-lg-top-1{
        border-top: 1px solid #dee2e6 !important;
    }
    .mw-lg-225px{
        max-width: 225px !important;
    }
    .mw-lg-250px{
        max-width: 250px !important;
    }
    .mw-lg-1000px{
        max-width: 1000px !important;
    }
    .min-lg-w-300px{
        min-width: 300px;
    }
    .w-lg-500px{
        width: 500px;
    }
    .w-lg-600px{
        width: 600px;
    }
    .mw-lg-1025px{
        max-width: 1025px !important;
    }
    .mw-lg-1050px{
        max-width: 1050px !important;
    }
    .mw-lg-1200px{
        max-width: 1200px !important;
    }
    .arrow-location-right-top .slick-arrow {
        top: -55px;
    }


    header .tt-search .tt-dropdown-menu .search {
        position: relative;
        display: block;
    }
    .pl-lg-100px{
        padding-top: 100px !important;
    }

    /*search v2*/
    .search-v2 .tt-filters-options .tt-title{
        margin-left:unset;
    }
    .tt-product:not(.tt-view) .tt-description{
        background-color: transparent;
    }
    .pt-custom{
        padding-top: 43px !important;
    }
    .w-lg-225px{
        width: 225px !important;
    }

    .pr-lg-20px {
        padding-right: 20px;
    }
    .pl-lg-20px{
        padding-left: 20px;
    }
    .pl-lg-40px{
        padding-left: 40px;
    }
    .fs-lg-40px{
        font-size: 40px !important;
    }
    .mw-lg-70{
        width: 70% !important;
    }
    .w-lg-unset{
        width: unset !important;
    }
    .min-h-lg-500px{
        min-height: 500px;
    }
    .top-lg-n1{
        top: -1px;
    }
    .top-lg-0{
        top: 0;
    }
    .mt-lg-6,
    .my-lg-6 {
        margin-top: 3.5rem !important; }

    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 3.5rem !important; }

    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 3.5rem !important; }

    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 3.5rem !important; }
    .h-lg-320px{
        height: 320px;
    }
    .fs-lg-14px{
        font-size: 14px;
    }

}
@media (min-width: 1200px) {
.product .alert{
    width: 80%;
}
    .tt-desktop-header .tt-logo img {
        max-height: 40px;
    }
}

@media (min-width: 1230px) {
    .col-xl-1-8 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .col-xl-1-5 {
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (min-width: 1400px) {
    .col-xxl-5items {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .product .alert{
        width: 70%;
        max-width: 550px
    }
    .tt-desktop-header .tt-logo img {
        max-height: 50px;
    }

}