

/******* Start Common.css *******/
/***** start header *****/
#header {
    background: #ffffff;
    color: #7a7a7a;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    margin-bottom: 0;
    /*z-index: 1000;*/
}
#header a:hover {
    text-decoration: none;
}
#index #header {
    border: none;
    margin-bottom: 0;
}
.card {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}
#module-tvcmsblog-archive #content {
    border: none;
}
.tvcmsheader-sticky.sticky {
    top: 0;
    position: fixed;
    z-index: 100;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12);
    background-color: #00597b;
    width: 100%;
    left: 0;
    -webkit-animation: mySticky 1s;
    -moz-animation: mySticky 1s;
    animation: mySticky 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transition: transform 0.1s ease-in-out;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    -moz-transition: transform 0.1s ease-in-out;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
    -moz-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
    -ms-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
    -o-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
    list-style: none;
}
.tvcmsheader-sticky.sticky .menu-subtitle {
    top: 0;
}
/*Chrome, Safari, Opera */
@-webkit-keyframes mySticky {
    from {
        margin-top: -200px;
    }
    to {
        margin-top: 0;
    }
}
/*Standard syntax */
@-moz-keyframes mySticky {
    from {
        margin-top: -200px;
    }
    to {
        margin-top: 0;
    }
}
/*Standard syntax*/
@keyframes mySticky {
    from {
        margin-top: -200px;
    }
    to {
        margin-top: 0;
    }
}
/***** start mobile header *****/
/***** start logo *****/
.tv-header-logo {
    padding: 30px 0;
}
.tv-header-logo {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}
/*.tv-header-logo a{
    width: 100%;
}*/
.tv-header-logo img {
    max-width: 100%;
}
.tvcms-loading-inner img.logo {
    padding: 0;
    margin-bottom: 10px;
    border-radius: 0;
}
/***** end logo *****/
/***** start horizontal menu *****/
.tvcmsdesktop-top-header-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tvmain-menu-sub-menu .top-menu.tv-header-menu {
    overflow: hidden;
    margin: 0;
}
.tvcmsdesktop-top-header-wrapper .tvcmsmain-menu-wrapper {
    position: relative;
    z-index: 70
}
.tvcmsvertical-menu .menu-dropdown {
    border-radius: 3px;
}
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper>.tv-header-menu>li {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.tvmain-menu-sub-menu .tv-header-menu li {
    overflow: hidden;
    width: 185px;
    margin: 0;
    float: left;
    padding-right: 10px;
    position: relative;
}
.tvmain-menu-sub-menu .tv-header-menu li #header .header-top .position-static {
    margin-bottom: 0;
}
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="0"]>li>.tvmenu-link-wrapper a span {
    color: #ffffff;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px;
    position: relative;
    line-height: 39px;
}
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="0"]>li>.tvmenu-link-wrapper a span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #d90244;
    bottom: 0;
    left: 0;
    transition: all 400ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="0"]>li:hover>.tvmenu-link-wrapper a span:after {
    width: 100%;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="1"]>li>.tvmenu-link-wrapper a span {
    color: #222222;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 12px;
}
.tvmenu-link-wrapper {
    position: relative;
}
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="1"]>li>.tvmenu-link-wrapper a span:hover {
    color: #d90244;
}
.tvcms-header-menu .tv-header-menu>li>.tvmenu-link-wrapper i {
    color: #ffffff;
    line-height: 20px;
    font-size: 17px;
}
.tvmain-menu-sub-menu .tvmenu-toggle-icon {
    display: none;
}
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper>.tv-header-menu>li {
    padding: 0 20px;
}
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper>.tv-header-menu>li:first-child {
    padding-left: 0;
}
.tvcmsdesktop-top-header-wrapper .tvmain-menu-dropdown.tv-auto-scroll {
    max-height: 400px;
    overflow-y: scroll;
}
.tvmain-menu-wrapper a[data-depth="2"] .tvmain-menu-text-box {
    font-size: 12px;
    line-height: 30px;
    font-weight: 300;
}
.tvcms-header-menu .tv-header-menu>li>.tvmenu-link-wrapper a[data-depth="1"] {
    font-size: 14px;
    font-weight: 600;
    display: block;
    line-height: 30px;
    text-align: left;
}
.tvmain-menu-mobile-dropdown {
    text-align: left;
}
.tvmenu-button-wrapper {
    display: none;
}
.tvheader-top-menu-img {
    padding-top: 20px;
}
.tv-desk-open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
/***** mobile horizontal menu *****/
.tvmobileheader-offer-wrapper {
    text-align: center;
}
.tvmobileheader-offer-wrapper .tvheader-nav-offer-text {
    display: -webkit-inline-box;
}
/***** start header right *****/
/***** offer text *****/
.tvcmsmobile-header-right {
    position: relative;
    z-index: 1;
}
.tv-contact-account-cart-wrapper {
    text-align: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tv-myaccount-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}
.tvcms-header-cart {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
}
.tvheader-cart-wrapper {
    padding: 29px 0 29px 24px;
}
.tv-account-wrapper {
    padding: 32px 0 32px 0;
}
#tvcmsdesktop-account-button {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}
.tvcart-icon-text-wrapper .tvcart-lable,
.tv-account-wrapper .tv-myaccount-btn span {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    display: inline-block;
    vertical-align: middle;
    max-width: 75px;
    text-align: left;
}
/***** start serach right *****/
#header .tvsearch-top-wrapper {
    position: relative;
}
#header .tvmobile-search-icon .tvsearch-close {
    /*background-image: url(../img/themevolty/sprite.png);*/
    display: none;
    /*height: 40px;*/
    /*background-position: -156px -588px;*/
    /*width: 40px;*/
}
.tvsearch-top-wrapper .tvsearch-close i {
    /*display: none;*/
}
.tvheader-sarch-display:hover .tvheader-search-display-icon .tvsearch-open {
    background-position: -56px -543px;
    -webkit-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
#header #_desktop_search .tvsearch-top-wrapper .tvsearch-open {
    /*padding: 0;*/
    display: flex;
    /*background-image: url(../img/themevolty/sprite.png);*/
    /*height: 40px;*/
    /*background-position: -5px -543px;*/
    /*width: 40px;*/
    /*display: block;*/
}
#header #_desktop_search .tvsearch-top-wrapper .tvsearch-open:hover {
    /*transform: scaleX(-1);*/
}
#header #_desktop_search .tvsearch-top-wrapper .tvsearch-open,
#header #_desktop_search .tvsearch-top-wrapper .tvsearch-open:hover {
    -webkit-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.tvcmssearch-wrapper {
    float: none;
    padding: 19px 0;
}
.tvsearch-header-display-wrappper form {
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.07);
    overflow: hidden;
}
.tvheader-top-search-wrapper {
    /*background-color: #d90244;*/
}
.tvheader-top-search-wrapper:hover {
    /*background-color: #222222;*/
}
.tvcmssearch-dropdown {
    z-index: 90;
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
    -moz-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
    -ms-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
    -o-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
}
.tvcmsheader-search.search-widget form button[type=submit] .tvserach-name,
#_desktop_search .tvcmsheader-search .tvserach-name {
    display: none;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}
.tvcmsheader-search.search-widget form button[type=submit] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tvcmsheader-search.search-widget form button[type=submit] i {
    font-size: 0;
    background-image: url(../img/themevolty/sprite.png);
    background-position: 0px -706px;
    width: 50px;
}
.tvcmsheader-search .tvcms-select-category {
    display: block;
    border: none;
    min-width: 90px;
    font-size: 12px;
    color: #222222;
    margin: 0 20px 0 10px;
    padding-left: 10px;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background-image: url(../img/themevolty/arrow-down1.png);
    background-repeat: no-repeat;
    background-position: 100%;
}
.tvheader-sarch-display {
    display: none;
}
#header .tvsearch-header-display-wrappper {
    position: relative;
    opacity: 1;
    right: 0;
    left: 0;
    visibility: visible;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
    width: 100%;
    z-index: 90
}
#header .tvsearch-result {
    margin: 0;
}
.tvsearch-more-search-wrapper {
    text-align: center;
    margin: 10px 0;
}
.tvcmsheader-search.search-widget form input[type=text] {
    height: 52px;
    color: #222222;
    padding: 0 0 0 16px;
}
.tvcmsheader-search.search-widget form input[type=text]::placeholder {
    color: #aaaaaa;
    opacity: 1;
}
.tvsearch-dropdown-close {
    border: none;
    height: 40px;
    display: inline-block;
    text-align: center;
    width: 40px;
    line-height: 42px;
    padding: 0;
    margin: 0;
}
.tvsearch-dropdown-wrapper:hover .tvsearch-dropdown-content-box .tvsearch-dropdown-title {
    color: #d90244;
}
.tvsearch-dropdown-close-wrapper {
    position: absolute;
    right: 4px;
    top: 4px;
}
/***** start deckstop and mobile my account *****/
.tvcms-header-myaccount {
    position: relative;
    cursor: pointer;
}
.tvcms-header-myaccount .tv-myaccount-btn i {
    background-image: url(../img/themevolty/sprite.png);
    height: 40px;
    background-position: -5px -756px;
    width: 40px;
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
    background-color: transparent;
    border-radius: 0;
    font-size: 0;
    margin-right: 8px;
}
.tvcms-header-myaccount:hover .tv-myaccount-btn i {
    background-position: -55px -756px;
    -webkit-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.tvcms-header-myaccount .tv-account-dropdown {
    right: -60px;
    left: auto;
    top: 100%;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
    /*border-bottom: 4px solid #d90244;*/
    padding: 10px 15px;
    min-width: 174px;
    width: max-content;
    background-clip: inherit;
    box-shadow: 0px 0px 2px 0.8px rgba(122, 122, 122, 0.18);
}
/***** main header-navbar *****/
.tvcmsdesktop-top-header-wrapper .tvcmsdesktop-top-header {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.07);*/
}
.container.tvcmsdesktop-top-wrapper {
    padding: 0;
}
.tvcmsdesktop-top-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tvheader-nav-offer-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
}
.tvheader-nav-offer-text i {
    font-size: 16px;
    color: #000000;
    margin-right: 5px;
}
.tvheader-nav-offer-text {
    font-size: 14px;
    color: #222222;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}
.tvheader-nav-offer-text p {
    margin-bottom: 0;
    color: #000000;
}
/***** start deckstop language *****/
.tvheader-language-currency-wrapper {
    text-align: right;
}
.tvheader-language {
    margin-right: 26px;
}
.tvheader-language,
.tvheader-currency {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.tvcmsdesktop-language-selector {
    text-align: right;
}
#tvcmsdesktop-language-selector .tv-language-btn .tv-language-span,
#tvcmsdesktop-currency-selector .tv-currency-btn .tv-currency-span {
    color: #000000;
    font-size: 14px;
    width: 100%;
    line-height: 40px;
    font-weight: 400;
}
#tvcmsdesktop-language-selector .tv-language-lable,
#tvcmsdesktop-currency-selector .tv-currency-lable {
    display: none;
}
#tvcmsdesktop-language-selector .tv-language-btn,
#tvcmsdesktop-currency-selector .tv-currency-btn {
    display: block;
    width: 100%;
    cursor: pointer;
}
#tvcmsdesktop-language-selector .tv-language-btn img {
    margin-inline-end: 3px;
    vertical-align: baseline;
}
#tvcmsdesktop-language-selector .tv-language-btn i,
#tvcmsdesktop-currency-selector .tv-currency-btn i {
    color: #000000;
    font-size: 12px;
    width: 20px;
    text-align: center;
}
#tvcmsdesktop-user-info .tvhedaer-sign-btn,
.tvcmsdesktop-view-wishlist .tvwishlist-name span,
.tv-account-dropdown a.tvmyccount,
.tvcmsdesktop-view-compare .tvdesktop-view-compare-name {
    color: #000000;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
}
.tvdesktop-wishlist:hover .tvwishlist-name span,
.tvcmsdesktop-view-compare:hover .tvdesktop-view-compare-name,
.tvdesktop-wishlist:hover .tvwishlist-icon i,
.tvdesktop-view-compare:hover .tvdesktop-compare-icon i {
    color: #d90244;
}
#tvcmsdesktop-user-info a.tvhedaer-sign-btn {
    display: block;
}
#tvcmsdesktop-user-info a.tvhedaer-sign-btn:last-child {
    border: none;
    display: block;
}
#tvcmsdesktop-user-info .tvhedaer-sign-btn i {
    color: #000000;
    font-size: 12px;
    width: 20px;
    text-align: center;
}
#tvcmsdesktop-language-selector:hover .tv-language-btn i,
#tvcmsdesktop-currency-selector:hover .tv-currency-btn i,
#tvcmsdesktop-user-info:hover .tvhedaer-sign-btn i,
#tvcmsdesktop-language-selector:hover .tv-language-btn .tv-language-span,
#tvcmsdesktop-currency-selector:hover .tv-currency-btn .tv-currency-span,
#tvcmsdesktop-user-info .tvhedaer-sign-btn:hover,
.tv-account-dropdown a.tvmyccount:hover {
    color: #d90244;
}
/*.tv-account-dropdown > div {
    border-bottom: 1px solid #e5e5e5;
}*/
.tv-account-dropdown>div:last-child {
    border-bottom: none;
}
.tv-language-dropdown li img {
    margin-right: 3px;
    vertical-align: baseline;
}
.tv-language-dropdown li a,
.tv-currency-dropdown li a {
    font-size: 14px;
    color: #222222;
    line-height: 30px;
}
.tv-language-dropdown li a:hover,
.tv-currency-dropdown li a:hover {
    color: #d90244;
}
.tv-language-dropdown,
.tv-currency-dropdown {
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding: 10px 20px;
    background-color: #ffffff;
    text-align: left;
}
/***** media language *****/
/***** start decsktop cart *****/
.tvheader-cart-btn-wrapper {
    position: relative;
}
.tv-cart-icon i {
    line-height: 40px;
    height: 40px;
    width: 40px;
    color: #222222;
    display: none;
}
.tvcart-no-product {
    padding: 15px;
}
.tv-header-cart .tv-cart-icon {
    /*background-image: url(../img/themevolty/sprite.png);*/
    display: flex;
    /*height: 40px;*/
    /*background-position: -5px -655px;*/
    /*width: 40px;*/
    margin-right: 14px;
    /*-webkit-transition: all 0.5s ease 0.1s;*/
    /*-o-transition: all 0.5s ease 0.1s;*/
    /*transition: all 0.5s ease 0.1s;*/
}
.tv-header-cart .tv-cart-icon:hover {
    background-position: -55px -655px;
    -webkit-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.tv-cart-cart-inner {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    right: 2px;
    top: -2px;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: #d90244;
}
.tvcart-no-product-label {
    text-align: center;
}
.tvcmscart-show-dropdown {
    width: 340px;
    position: absolute;
    right: 0;
    z-index: 90;
    background-color: #ffffff;
    top: 100%;
    opacity: 0;
    box-shadow: 0px 0px 2px 0.8px rgba(122, 122, 122, 0.18);
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tvcmscart-show-dropdown.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tvcart-product-totle {
    margin-bottom: 10px;
    color: #666666;
}
.tvcart-product-list {
    padding: 15px 35px;
    border-top: 1px solid #e5e5e5;
    text-align: left;
}
.tvcmscart-show-dropdown .tvcart-product-wrapper.items {
    overflow: hidden;
    padding: 10px 0;
}
.tvcmscart-show-dropdown .tvcart-product-list-img {
    height: 60px;
    width: 60px;
    margin-right: 15px;
    position: relative;
    float: left;
}
.tvcmscart-show-dropdown .tvcart-product-list-price {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}
.tvshoping-cart-dropdown-title span.product-name {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000000;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 0;
}
.tvcart-product-content {
    overflow: hidden;
}
.tvcart-product-list-price span {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #666666;
}
.tvcmscart-show-dropdown .tvshoping-cart-dropdown-title a {
    font-size: 15px;
}
.tvcmscart-show-dropdown .tvcart-product-list-attribute {
    display: none;
}
.tvcart-product-remove {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}
.tvcmscart-show-dropdown .tvcart-product-list-img:hover .tvcart-product-remove {
    opacity: 1;
    visibility: visible;
}
.tvcart-product-remove a i {
    height: 32px;
    width: 32px;
    display: block;
    line-height: 32px;
    display: none;
    color: #ffffff;
    font-size: 16px;
}
.tvcart-product-remove a {
    background-image: url(../img/themevolty/sprite.png);
    height: 40px;
    width: 40px;
    background-position: -5px 145px;
    display: block;
}
.tvcart-product-content-box {
    position: relative;
    margin-bottom: 20px;
    scroll-behavior: smooth;
    overflow-y: auto;
    max-height: 245px;
    padding-right: 20px;
}
.tvcart-product-list-total-info .tvshoping-cart-subtotal,
.tvshoping-cart-shipping,
.tvshoping-cart-tax,
.ttshoping-cart-total {
    font-size: 16px;
    color: #222;
    font-weight: 600;
}
span.tvcart-product-price {
    float: right;
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
.tvcart-product-list-subtotal-prod,
.tvcart-product-list-subtotal-shipping,
.tvcart-product-list-subtotal-tax,
.tvcart-product-list-subtotal-excluding-text {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tvcart-product-list-subtotal-excluding-text {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}
.tvcart-product-list-viewcart {
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px;
}
.tvcart-product-list-checkout {
    background-color: #d90244;
    border-radius: 5px;
    text-align: center;
}
.tvcart-product-list-viewcart:hover {
    background-color: #d90244;
}
.tvcart-product-list-checkout:hover {
    background-color: #ffffff;
}
.tvcart-product-list-viewcart:hover a {
    color: #ffffff;
}
.tvcart-product-list-checkout:hover a {
    color: #222222;
}
.tvcart-product-list-checkout a,
.tvcart-product-list-viewcart a {
    display: block;
    font-weight: 600;
    padding: 13px 10px;
}
.tvcart-product-list-checkout a {
    color: #ffffff;
}
.tvorder-conformation-wrapper {
    margin-bottom: 100px;
}
.tvshopping-cart-quentity {
    margin: 0 7px;
}
.tvcart-product-list-btn-wrapper {
    padding: 35px;
    background-color: #222222;
}
/***** Media cart *****/
/***** Media cart *****/
#blockcart-modal .cart-content .cart-content-btn .btn-secondary:hover {
    background-color: #373737;
    color: #ffffff;
}
@media(max-width: 1050px) {
    .tvcmsstore-time {
        display: block;
    }
    .tvheader-cart-wrapper .tv-cart-icon {
        margin: 0 5px 0 0;
    }
}
/***** RTL ALL header *****/
.tvcategory-title-wrapper {
    background-color: #00597b;
    text-align: left;
    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.tvcategory-title-wrapper .tvleft-right-title span {
    text-align: left;
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}
/****** end header *****/
/****** product after link *****/
.tvallproduct-link,
.tvfooter-view-link {
    text-align: right;
}
.tvnews-event-link a,
.tvallproduct-link a,
.tvleft-right-penal-all-block .tvall-product-bottom-link-block a,
.tvcmsblog-left-side .tvnews-event-link a,
.tvfooter-view-link a {
    color: #222222;
}
.tvnews-event-link a i,
.tvallproduct-link a i,
.tvleft-right-penal-all-block .tvall-product-bottom-link-block a i,
.tvcmsblog-left-side .tvnews-event-link a i,
.tvfooter-view-link a i {
    font-size: 15px;
    font-weight: 300;
    line-height: 15px;
    color: #222222;
}
.tvleft-right-penal-all-block .tvall-product-bottom-link-block,
.tvcmsblog-left-side .tvnews-event-link,
.tvallproduct-link,
.tvfooter-view-link {
    display: none;
}
.tvnews-event-link a:hover,
.tvallproduct-link a:hover,
.tvleft-right-penal-all-block .tvall-product-bottom-link-block a:hover,
.tvcmsblog-left-side .tvnews-event-link a:hover,
.tvfooter-view-link a:hover,
.tvnews-event-link a:hover i,
.tvallproduct-link a:hover i,
.tvleft-right-penal-all-block .tvall-product-bottom-link-block a:hover i,
.tvcmsblog-left-side .tvnews-event-link a:hover i,
.tvfooter-view-link a:hover i {
    color: #d90244;
}
.tv-total-product-number {
    line-height: 40px;
}
.tv-total-product-number {
    line-height: 40px;
}
.tvcmstab-title-product {
    margin-bottom: 25px;
}
.tvcmsspecial-product,
.tvcmsfeatured-product,
.tvcmsbest-seller-product,
.tvcmsnew-product,
.tvcmssame-category-product,
.tvcmscross-selling-product,
.tvcmslike-product {
    margin-bottom: 25px;
    display: flex;
}
/***** product title design *****/
.tvcmsmain-title-wrapper {
    margin-bottom: 15px;
    position: relative;
}
.tvtab-title-wrapper {
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    float: right;
    padding-right: 90px;
}
.tvcustomer-services .tvcmsmain-title-wrapper {
    display: none;
}
.tvtab-product .tvcms-main-title {
    float: left;
}
.tvtab-product .tvtab-title-wrapper .tvtabs-products {
    margin-bottom: 0;
}
.tvtab-title-wrapper .tvtabs-products li {
    position: relative;
    padding: 9px 15px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border: 1px solid transparent;
    margin: 0 8px;
}
.tvtab-title-wrapper .tvtabs-products li span {
    font-weight: 700;
    color: #333333;
    font-size: 18px;
    letter-spacing: 0.6px;
    font-family: 'Roboto Condensed';
    text-transform: capitalize;
}
.tvtab-title-wrapper .tvtabs-products li:hover,
.tvtab-title-wrapper .tvtabs-products li.active {
    border: 1px solid rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
}
.tvtab-title-wrapper .tvtabs-products li:hover span,
.tvtab-title-wrapper .tvtabs-products li.active span {
    color: #d90244;
}
.tvtab-product {
    overflow: hidden;
}
.tvcms-main-title .tvmain-title h2 {
    font-size: 30px;
    color: #333333;
    text-transform: uppercase;
    line-height: 36px;
    position: relative;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    padding-bottom: 0;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    display: inline-block;
}
.tvfooter-product-box-layout .tvcms-main-title .tvmain-title h2 {
    font-size: 22px;
}
.tvcms-main-title .tvmain-sub-title h4 {
    text-align: center;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 5px;
    display: none;
}
.tvcms-main-title .tvmain-desc {
    text-align: left;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 10px;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: none;
}
/***** tab title *****/
@media(max-width: 1380px) {
    .tvtab-title-wrapper .tvtabs-products li span {
        font-size: 15px;
    }
    .tvtab-title-wrapper .tvtabs-products li {
        padding: 9px 8px;
        margin: 0 4px;
    }
    .tvcms-main-title .tvmain-title h2 {
        font-size: 28px !important;
    }
}
@media(max-width: 1280px) {
    .tvcms-main-title .tvmain-title h2,
    .tvinstagram-slider-title-wrapper .tvinstagram-title,
    .tvinstagram-slider-title-wrapper .tvinstagram-user-name {
        font-size: 24px !important;
    }
    .tvfooter-product-box-layout .tvcms-main-title .tvmain-title h2 {
        font-size: 22px !important;
    }
    .tvproduct-name h6,
    .product-price-and-shipping .price {
        font-size: 15px !important;
    }
    .tvproduct-wrapper .tvproduct-timer-wrapper .hours,
    .tvproduct-wrapper .tvproduct-timer-wrapper .minutes,
    .tvproduct-wrapper .tvproduct-timer-wrapper .days,
    .tvproduct-wrapper .tvproduct-timer-wrapper .seconds {
        font-size: 12px !important;
    }
    .tvproduct-wrapper .tvproduct-timer-wrapper {
        min-width: 20px;
    }
    .tvproduct-wrapper .tvproduct-timer-icon i {
        /*background-position: -212px -163px !important;*/
        /*height: 24px !important;*/
        /*width: 24px !important;*/
    }
    .tvcmsprev-btn {
        /*background-position: -11px -409px !important;*/
        height: 32px !important;
        width: 32px !important;
    }
    .tvcmsnext-btn {
        /*background-position: -8px -459px !important;*/
        height: 32px !important;
        width: 32px !important;
    }
    .tvcmsprev-btn i,
    .tvcmsnext-btn i {
        font-size: 20px;
        width: 31px !important;
        height: 31px !important;
        line-height: 31px !important;
    }
    .tvcart-icon-text-wrapper .tvcart-lable,
    .tv-account-wrapper .tv-myaccount-btn span {
        font-size: 15px !important;
    }
    .tvheader-nav-offer-text {
        padding: 10px 0;
    }
    #tvcmsdesktop-language-selector .tv-language-btn .tv-language-span,
    #tvcmsdesktop-currency-selector .tv-currency-btn .tv-currency-span {
        line-height: 40px;
    }
    .tvnews-event-content-wrapper .tvnews-event-titel a h3,
    .kr_blog_post_area .tvblog_post .post_content .post_title a {
        font-size: 15px !important;
    }
    .tvservices-content-box .tvservices-title {
        font-size: 15px !important;
    }
    .tvfooter-title-wrapper .tvfooter-title,
    .tvdekstop-footer-all-title-wrapper .tvfooter-title,
    .block_newsletter .tvnewsletter-title {
        font-size: 16px !important;
    }
    .tvcategory-slider-info-box {
        font-size: 14px !important;
    }
    .tvtabcategory-product-li a:not([href]):not([tabindex]),
    .tvtabcategory-show a:not([href]):not([tabindex]),
    .tvtabcategory-hide a:not([href]):not([tabindex]) {
        font-size: 12px !important;
    }
}
/***** Start All Product design *****/
/***** Start Main Wrapper *****/
.tvproduct-wrapper {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.tvproduct-wrapper:hover {
    box-shadow: 0px 5px 10px 0px rgba(23, 84, 116, 0.18);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.products.owl-carousel.owl-drag .owl-item:hover,
.tvtabcategory-all-product-slider .owl-item:hover {
    position: relative;
    z-index: 20;
}
.tvall-product-wrapper-info-box.tvtab-first-product {
    margin-bottom: 15px;
}
.tvall-product-wrapper-info-box {
    padding: 0 7.5px;
}
/*.tvproduct-wrapper .tvproduct-image img{
    width: auto;
}*/
.tv-product-top-hover {
    text-align: left;
    padding: 15px;
}
.tvproduct-wrapper.list,
.tvproduct-wrapper.list-2,
.tvproduct-wrapper.catelog {
    margin-bottom: 0;
}
/***** Start Product detail slider *****/
.slick-dots li button:before {
    font-size: 30px
}
.slick-dots li {
    margin: 0
}
.tvvertical-slider img.thumb {
    display: inline-block;
}
.tvvertical-slider img.thumb.selected,
.tvvertical-slider img.thumb:hover {
    /*border: none;*/
}
/***** Start Product Review *****/
.tvproduct-wrapper .tvall-product-star-icon {
    padding-bottom: 10px;
}
.tvall-product-star-icon .star i {
    font-size: 14px;
    color: #cccccc;
    margin: 0 1px;
}
.tvall-product-star-icon .star.star_on i {
    color: #ffc315;
}
/***** End Product Review *****/
/***** Start all sale lable *****/
.tvproduct-flags {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
    margin: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tvproduct-page-wrapper .tvproduct-flags {
    opacity: 1;
}
.tvproduct-wrapper:hover .tvproduct-flags {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tvproduct-online-new-wrapper .tvproduct-flags li {
    text-align: left;
}
.tvproduct-sale-pack-wrapper {
    right: 15px;
    left: auto;
    text-align: right;
}
.tvproduct-online-new-wrapper {
    left: 15px;
    right: auto;
    text-align: left;
}
.tvproduct-sale-pack-wrapper .tvproduct-flags li {
    text-align: right;
}
.tvproduct-flags.tvproduct-sale-pack-wrapper li {
    color: #d90244;
}
.tvproduct-flags li {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    background-color: #0000FF;      /* fond */
    padding: 10px 15px;          /* 10px haut/bas, 15px gauche/droite */
    display: inline-block;       /* pour que la largeur suive le contenu + padding */
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    margin-bottom: 5px;
}
/***** Start all sale lable--list-list-2--catelog *****/
.list.tvproduct-wrapper .tvproduct-flags,
.catelog.tvproduct-wrapper .tvproduct-flags,
.list-2.tvproduct-wrapper .tvproduct-flags {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
/*****Start image change on hover*****/
.tvproduct-wrapper .tvproduct-image a {
    text-align: center;
    display: block;
    position: relative;
}
.tvproduct-wrapper .tvproduct-image {
    overflow: hidden;
    padding-right: 0;
}
.tvproduct-wrapper .lazy {
    position: relative;
}
img.lazy.loaded {
    height: auto;
    width: auto;
    background: none;
}
.tvproduct-wrapper .lazy,
img.lazy {
    background: #ffffff url(../img/themevolty/product.gif) no-repeat scroll 50% 50%;
    width: 100%;
}
.tvproduct-wrapper .tvproduct-hover-img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-color: #fff;
}
.tvproduct-wrapper:hover .tvproduct-hover-img {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
/*****End image change on hover*****/
/*****Start timer design *****/
.tvproduct-wrapper.grid .tvproduct-timer,
.tvproduct-wrapper.grid-2 .tvproduct-timer {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    text-align: center;
    margin: 0 auto;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tvproduct-wrapper:hover.grid .tvproduct-timer,
.tvproduct-wrapper:hover.grid-2 .tvproduct-timer {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
}
.tvproduct-wrapper .tvtimer-wrapper {
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    padding: 0 5px;
    background-color: #ffffff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.tvproduct-wrapper .tvproduct-timer-icon {
    display: inline-block;
}
.tvproduct-wrapper .tvproduct-timer-icon i {
    font-size: 18px;
    margin-right: 3px;
    /*background-image: url(../img/themevolty/sprite.png);*/
    /*background-position: -210px -159px;*/
    /*height: 32px;*/
    /*width: 25px;*/
}
.tvproduct-wrapper .tvproduct-timer-wrapper {
    position: relative;
    text-align: center;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.tvproduct-wrapper .tvproduct-timer-wrapper .seconds {
    color: #d90244;
    font-size: 14px;
    font-weight: 400;
}
.tvproduct-wrapper .tvproduct-timer-wrapper .hours,
.tvproduct-wrapper .tvproduct-timer-wrapper .minutes,
.tvproduct-wrapper .tvproduct-timer-wrapper .days {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}
.tvproduct-wrapper .tvtimer-dot {
    display: inline-block;
    vertical-align: baseline;
    margin: 0;
    font-size: 14px;
    color: #111111;
}
.tvproduct-wrapper .tvproduct-timer-wrapper .tvtimer-name {
    display: none;
}
@media(max-width: 1199px) {
    .tvproduct-wrapper .tvproduct-timer-wrapper {
        min-width: 22px;
    }
}
/***** mobile Start timer design *****/
@media(max-width: 1600px) {
    .tvproduct-wrapper .tvtimer-wrapper {
        padding: 0 5px;
    }
}
/*@media(max-width: 575px){
    .tvproduct-wrapper.grid .tvproduct-timer,
    .tvproduct-wrapper.grid-2 .tvproduct-timer{
        bottom:100px;
        top: auto;
    }
}*/
/***** end Start timer design *****/
/*****Start cart-Quick-compare-wishlist Hover btn*****/
.tvproduct-wrapper.grid .tvproduct-hover-btn,
.tvproduct-wrapper.grid-2 .tvproduct-hover-btn {
    position: absolute;
    top: auto;
    bottom: 5px;
    z-index: 10;
    display: flex;
    justify-content: center;
    text-align: center;
    right: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tvproduct-wrapper.grid:hover .tvproduct-hover-btn,
.tvproduct-wrapper.grid-2:hover .tvproduct-hover-btn {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tvproduct-wrapper.grid .tvproduct-quick-btn,
.tvproduct-wrapper.grid-2 .tvproduct-quick-btn,
.tvproduct-wrapper.grid .tvproduct-cart-btn,
.tvproduct-wrapper.grid-2 .tvproduct-cart-btn,
.tvproduct-wrapper.grid .tvproduct-cart-btn,
.tvproduct-wrapper.grid-2 .tvproduct-cart-btn,
.tvproduct-wrapper.grid .tvproduct-wishlist,
.tvproduct-wrapper.grid-2 .tvproduct-wishlist,
.tvproduct-wrapper.grid .tvcompare-wrapper,
.tvproduct-wrapper.grid-2 .tvcompare-wrapper {
    margin: 0 5px;
    background-color: transparent;
    border-radius: 50px;
    border: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.tvproduct-wrapper:hover .tvproduct-quick-btn,
.tvproduct-wrapper:hover .tvproduct-cart-btn,
.tvproduct-wrapper:hover .tvproduct-wishlist,
.tvproduct-wrapper:hover .tvcompare-wrapper {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.tvproduct-wrapper .tvproduct-hover-btn .tvproduct-quick-btn {
    transition-delay: 0.2s;
}
.tvproduct-wrapper .tvproduct-hover-btn .tvproduct-cart-btn {
    transition-delay: 0.3s;
}
.tvproduct-wrapper .tvproduct-hover-btn .tvcompare-wrapper {
    transition-delay: 0.4s;
}
.tvproduct-wrapper .tvproduct-hover-btn .tvproduct-wishlist {
    transition-delay: 0.5s;
}
.tvproduct-wrapper:hover .tvproduct-hover-btn .tvproduct-quick-btn {
    transition-delay: 0.2s;
}
.tvproduct-wrapper:hover .tvproduct-hover-btn .tvproduct-cart-btn {
    transition-delay: 0.3s;
}
.tvproduct-wrapper:hover .tvproduct-hover-btn .tvcompare-wrapper {
    transition-delay: 0.4s;
}
.tvproduct-wrapper:hover .tvproduct-hover-btn .tvproduct-wishlist {
    transition-delay: 0.5s;
}
.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart,
.tvproduct-wrapper .tvproduct-quick-btn .tvproduct-quick-icon,
.tvproduct-wrapper .tvproduct-wishlist .tvproduct-wishlist-icon,
.tvproduct-wrapper .tvcompare-wrapper .tvproduct-compare-icon i.add,
.tvproduct-wrapper .tvcompare-wrapper .tvproduct-compare-icon i.remove {
    height: 36px;
    width: 36px;
    background-color: #00597b;
    border-radius: 50px;
    color: #000;
    /*border: 1px solid #ffd741;*/
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.tvproduct-wrapper .tvproduct-quick-btn:hover .tvproduct-quick-icon,
.tvproduct-wrapper .tvproduct-cart-btn:hover .tvproduct-add-to-cart,
.tvproduct-wrapper .tvproduct-wishlist:hover .tvproduct-wishlist-icon,
.tvproduct-wrapper .tvcompare-wrapper:hover .tvproduct-compare-icon i.add {
    background-color: #d90244;
    color: #fff;
}
.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart {
    padding: 0;
    overflow: hidden;
}
.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart span,
.tvproduct-wrapper .tvproduct-wishlist .panel-product-line span,
.tvproduct-wrapper .tvproduct-quick-btn .tvproduct-quick-lable {
    display: none;
}
.tvproduct-wrapper .tvproduct-add-to-cart-label,
.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart i,
.tvproduct-wrapper .tvproduct-quick-btn i,
.tvproduct-wrapper .tvproduct-wishlist .panel-product-line i,
.tvproduct-wrapper .tvcompare-wrapper .tvproduct-compare-icon i.add,
.tvproduct-wrapper .tvcompare-wrapper .tvproduct-compare-icon i.remove {
    /*display: none;*/
    padding: 8px;
    width: 36px;
    height: 36px;
    font-size: 21px;
}
.tvproduct-wrapper .tvcompare-wrapper .tvproduct-compare-icon i.hide,
.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart i.hide {
    display: none;
}
.tvproduct-wrapper .tvproduct-out-of-stock i.add-cart {
    display: none;
}
.tvproduct-wrapper .tvproduct-out-of-stock i.out-of-stock.hide {
    display: block;
}
.tvproduct-wrapper .tvcompare-wrapper:hover .tvproduct-compare-icon i.remove {
    color: #ffffff;
    background-color: #d90244;
    /*border: 1px solid #d90244;*/
    background-position: -158px -609px;
}
.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-out-of-stock {
    z-index: 2;
    position: relative;
    opacity: 1;
    background-color: #ffd741;
    border-radius: 50px;
    /*border: 1px solid #ffd741;*/
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.tvproduct-wrapper .tvproduct-cart-btn:hover .tvproduct-out-of-stock {
    background-color: #d90244;
    /*border: 1px solid #d90244;*/
}
.tvproduct-wishlist-compare .tvcompare-wrapper:hover i,
.tvproduct-wishlist-compare .tvcompare-wrapper:hover span,
.tvproduct-wishlist-compare .tvproduct-wishlist:hover i,
.tvproduct-wishlist-compare .tvproduct-wishlist:hover span {
    color: #d90244
}
/***** end Start cart-Quick-compare-wishlist Hover btn *****/
/*****Start Product Title & Price*****/
.tvproduct-name.product-title a h6 {
    color: #333333;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.4px;
}
/*.tvleft-right-product-slider .tv-product-price .price{
    font-size: 14px;
}
.tvleft-right-product-slider .tv-product-price .regular-price{
    font-size: 13px;   
}*/
ul.wlp_bought_list li .product_infos .product-name {
    color: #333333;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}
.product-price-and-shipping .price {
    font-size: 16px;
    font-weight: 900;
    color: #d90244;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    letter-spacing: 0;
}
.product-price-and-shipping .regular-price {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    color: #666666;
    letter-spacing: 0.3px;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
}
.tvproduct-name-price-wrapper .tvproduct-name {
    padding-bottom: 6px;
}
.tvproduct-name .tvproduct-cat-name {
    display: none;
}
/*.product-description .tvproduct-name .product-title {
    padding: 0 0 10px 0;
}*/
.tvproduct-wrapper .product-price-and-shipping {
    display: inline-block;
}
.product-price-and-shipping .tvproduct-discount-price {
    color: #999999;
    font-weight: 400;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #cccccc;
    display: none;
}
.tvproduct-info-box-wrapper {
    padding: 15px;
    text-align: center;
}
.tvproduct-wrapper.list .product-description .tvproduct-name.product-title,
.tvproduct-wrapper.list-2 .product-description .tvproduct-name.product-title,
.tvproduct-wrapper.catelog .product-description .tvproduct-name.product-title {
    padding: 0;
}
@media(max-width: 1281px) {
    .tvproduct-info-box-wrapper {
        padding: 8px;
    }
    .tvleft-right-product-slider .tvproduct-wrapper {
        padding: 5px !important;
    }
}
/***** end Start Product Title & Price*****/
.tv-verticalmenu-slider-wrapper .product-description {
    padding: 15px;
    text-align: center;
}
.tvverticalmenu-dropdown .product-container {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}
/*****Start Gride---Gride-2---List---List-2---Cateloge Product*****/
#products.grid-2 .tv-grid-list-wrapper-info-box {
    width: 33.33%;
}
.tvproduct-catalog-btn-wrapper {
    display: block;
    text-align: center;
}
.tv-product-cart-quentity-inner {
    margin-right: 0;
    margin-bottom: 15px;
}
.tv-product-catalog-btn .tvproduct-cart-quentity {
    width: 40px;
    color: #000000;
}
.tvproduct-cart-quentity-increment,
.tvproduct-cart-quentity-decrement {
    background-color: #222222;
    border: none;
    color: #ffffff;
}
.tvproduct-cart-quentity-increment:hover,
.tvproduct-cart-quentity-decrement:hover {
    background-color: #d90244;
}
#products.list-2 .tv-product-desc,
#products.list .tv-product-desc {
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    line-height: 22px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
#products.catelog .tv-product-desc {
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    -webkit-line-clamp: 3;
    line-height: 22px;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: center;
}
#products.list .tvproduct-name,
#products.list-2 .tvproduct-name,
#products.catelog .tvproduct-name {
    margin-bottom: 10px;
}
#products.catelog .tvall-product-star-icon .comments_note {
    text-align: center;
}
#products.catelog .tvproduct-name {
    text-align: center;
}
#products #products.catelog .product-price-and-shipping,
#products.catelog .product-accessories .product-price-and-shipping,
#products.catelog .product-miniature .product-price-and-shipping {
    text-align: center;
}
#products.catelog .tvproduct-catalog-price {
    text-align: center;
    padding: 0;
}
#products.catelog .tvproduct-catalog-price .tv-product-price {
    margin-bottom: 10px;
}
#products.catelog .tvproduct-timer {
    display: block;
}
#products.list .tvproduct-wrapper .product-description .tvall-product-star-icon,
#products.list-2 .tvproduct-wrapper .product-description .tvall-product-star-icon,
#products.catelog .tvproduct-wrapper .product-description .tvall-product-star-icon {
    display: block;
    padding: 0
}
#products.list .tvproduct-wrapper.list .tvproduct-image {
    padding: 0;
}
.tvproductlist-comment-stock-wrapper {
    overflow: hidden;
}
#products.list-2 .tvproduct-image {
    width: 50%;
    padding: 0;
}
#products.list-2 .tvproductdescription-button-wrapper {
    width: 50%;
    padding: 15px;
}
#products.list-2 .tvproduct-timer {
    margin-bottom: 15px;
}
#products.list .tvproductdescription-button-wrapper {
    padding: 15px;
}
.tvproduct-wrapper.list .tv-product-list {
    margin-right: 20px;
}
.tvcmsstock-indicator-wraper {
    display: none;
}
@media(min-width: 992px) and (max-width: 1500px) {
    .tv-grid-list-all-wrapper {
        padding: 0;
    }
    .tv-total-product {
        margin-left: 2px;
    }
}
@media(max-width:1199px) and (min-width: 992px) {
    #products.list-2 .tv-grid-list-wrapper-info-box {
        width: 100%;
    }
}
/***** mobile Start Gride---Gride-2---List---List-2---Cateloge Product*****/
.tv-grid-list-wrapper-info-box {
    margin-bottom: 15px;
}
.tvcatlog-button-wrapper .tvproduct-quick-btn,
.tvcatlog-button-wrapper .tvproduct-cart-btn,
.tvcatlog-button-wrapper .tvproduct-wishlist,
.tvcatlog-button-wrapper .tvcompare-wrapper,
.tvall-product-btn-list .tvproduct-quick-btn,
.tvall-product-btn-list .tvproduct-cart-btn,
.tvall-product-btn-list .tvproduct-wishlist,
.tvall-product-btn-list .tvcompare-wrapper {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
#products.catelog .tvtimer-wrapper {
    margin-bottom: 10px;
}
@media(min-width: 1200px) and (max-width: 1400px) {
    #products.grid .tvall-product-wrapper-info-box {
        width: 33.33%;
    }
    .tvproduct-wrapper.list .tv-product-list {
        float: none;
        margin-right: 0;
    }
    .tvproduct-timer-wrapper {
        min-width: 25px;
    }
}
@media(min-width: 1401px) and (max-width: 1700px) {
    .tvproduct-wrapper.list .tv-product-list {
        margin-right: 5px;
    }
}
@media(min-width: 1680px) {
    #products.grid .tvall-product-wrapper-info-box {
        width: 20%;
    }
}
@media(min-width: 768px) and (max-width: 1199px) {
    .tv-product-catalog-btn {
        text-align: center;
    }
    .tvcatlog-button-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .tv-grid-list-wrapper-info-box {
        margin-bottom: 15px;
    }
}
/***** endStart Gride---Gride-2---List---List-2---Cateloge Product *****/
/*****Start Product ALL RTL*****/
/***** teblet-Product-RTL *****/
/***** special product design *****/
.tvbanner-hover-wrapper img {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}
.tvnew-product,
.tvbest-seller-product,
.tvfeatured-product {
    margin: 0;
}
.tvall-product-offer-banner {
    /*display: flex;*/
    flex-wrap: wrap;
}
.tvall-product-branner {
    width: 20%;
    float: left;
    padding: 0 7.5px;
}
.tvimage-true {
    width: 80%;
    float: left;
    padding: 0px;
}
.tvcmsnew-product .tvall-product-offer-banner,
.tvcmsbest-seller-product .tvall-product-offer-banner,
.tvcmsspecial-product .tvall-product-offer-banner {
    margin: 0 -7.5px;
}
/***** footer product design *****/
/*.tvfooter-product-box-layout .tvmain-all-product-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}*/
.tvfooter-product-box-layout .tvmain-all-product-wrapper {
    margin: -7.5px;
    border-radius: 3px;
    overflow: hidden;
}
.tvfooter-product-box-layout {
    margin-bottom: 30px;
}
.tvmain-all-product-wrapper .owl-stage-outer {
    margin-right: 1px;
}
.tvmain-all-product-wrapper .owl-item.active {
    border-right: 1px solid #f7f7f7;
}
.tvleft-right-product-slider .tvproduct-wrapper {
    padding: 20px 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #f7f7f7;
    border-left: none;
    border-right: none;
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    box-shadow: none;
    font-size: 12px;
}
.tvleft-right-product-slider:last-child .tvproduct-wrapper {
    border: none;
}
.tvleft-right-product-slider .product-price-and-shipping .tvproduct-discount-price {
    display: none;
}
.tvmain-footer-tab-prod-slider {
    padding: 0;
}
.tvfooter-product-box-layout .tvleft-right-product-slider {
    padding: 7.5px;
}
.tvfooter-product-box-layout .tvleft-right-product-slider .tvproduct-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.07);
}
.tvleft-right-product-slider .tvproduct-name.product-title a h6 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*.tvall-product-branner .tvbanner-hover-wrapper img{
    border: none;
}*/
@media(min-width: 590px) and (max-width: 991px) {
    .tvall-product-branner {
        width: 33.33333%;
    }
    .tvall-product-branner .tvbanner-hover-wrapper {
        display: block;
    }
    .tvall-product-branner img.lazy.loaded {
        width: 100%;
    }
    .tvimage-true {
        width: 66.66666%;
    }
}
@media(min-width: 992px) and (max-width: 1349px) {
    .tvall-product-branner {
        width: 25%;
    }
    .tvall-product-branner .tvbanner-hover-wrapper {
        display: block;
    }
    .tvall-product-branner img.lazy.loaded {
        width: 100%;
    }
    .tvimage-true {
        width: 75%;
    }
}
@media(min-width: 1401px) {
    .tvall-product-branner .tvbanner-hover-wrapper {
        display: block;
        padding: 0 3px;
        background: #fff;
        border-radius: 3px;
        /*border: 1px solid rgba(0, 0, 0, 0.07);*/
    }
}
@media(min-width: 1501px) {
    .tvall-product-branner .tvbanner-hover-wrapper {
        padding: 0 10px;
    }
}
@media(min-width: 1551px) {
    .tvall-product-branner .tvbanner-hover-wrapper {
        padding: 0 18px;
    }
}
@media(min-width: 1601px) and (max-width: 1660px) {
    .tvall-product-branner .tvbanner-hover-wrapper {
        padding: 0 22px;
    }
}
@media(min-width: 1661px) {
    .tvall-product-branner .tvbanner-hover-wrapper {
        padding: 0;
    }
}
@media(min-width: 1350px) and (max-width: 1660px) {
    .tvall-product-branner {
        width: 25%;
    }
    .tvall-product-branner img.lazy.loaded {
        width: 100%;
    }
    .tvimage-true {
        width: 75%;
    }
    .tvcmstwoofferbanners-one {
        margin: 0 -7.5px 50px -7.5px;
    }
}
@media(min-width: 1500px) and (max-width: 1539px) {
    .tvcmsvertical-menu li.level-1,
    .tvvertical-menu-show-hide-category .tvvertical-show-category,
    .tvvertical-menu-show-hide-category .tvvertical-hide-category {
        margin: 7px 0;
    }
    .tvmain-slider-contant .tvmain-slider-title {
        padding-bottom: 6px !important;
        padding-top: 6px !important;
    }
    .tvmain-slider-contant .tvmain-slider-info p {
        margin-bottom: 5px;
    }
}
@media(min-width: 1540px) and (max-width: 1660px) {
    .tvcmsvertical-menu li.level-1,
    .tvvertical-menu-show-hide-category .tvvertical-show-category,
    .tvvertical-menu-show-hide-category .tvvertical-hide-category {
        margin: 9px 0;
    }
    .tvmain-slider-contant .tvmain-slider-info p {
        margin-bottom: 5px;
    }
}
@media(max-width: 1599px) {
    .tvfooter-product-title-product .owl-item.active:first-child {
        border-right: none;
    }
}
/*@media(max-width: 1399px) {
    .tvall-product-branner {
        width: 24%;
    }
    .tvimage-true {
        width: 76%;
    }
}*/
/*@media(max-width: 1024px) {
    .tvall-product-branner {
        width: 27%;
    }
    .tvimage-true {
        width: 73%;
    }
}*/
/* product page */
#product-description-short-2 p span {
    line-height: 20px;
}
.tvproduct-page-wrapper .tvall-product-star-icon .tvall-product-review:hover {
    color: #373737;
}
.tvproduct-description-tab .nav-tabs li.nav-item {
    margin: 0
}
/* Base */
.tvproduct-description-tab .nav-tabs .nav-item .nav-link{
  font-size: 18px;
  font-weight: 500;
  color: #00597B; /* pas besoin de !important */
  padding: 20px 40px;
  margin: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

/* Active */
.tvproduct-description-tab .nav-tabs .nav-item .nav-link.active{
  color: #ffffff !important;
  background-color: #00597B !important;
  border-color: #00597B !important;
  font-weight: 700 !important;
  border-bottom: 4px solid #ffcc00 !important; /* surlignement jaune */
}

/* (optionnel) Hover/focus pour cohérence */
.tvproduct-description-tab .nav-tabs .nav-item .nav-link:hover,
.tvproduct-description-tab .nav-tabs .nav-item .nav-link:focus{
  color: #00597B;
}
.tvproduct-description-tab .nav-tabs .nav-item .nav-link.active:hover,
.tvproduct-description-tab .nav-tabs .nav-item .nav-link.active:focus{
  color: #ffffff !important;
  background-color: #00597B !important;
}

.pack-product-container .pack-product-name a {
    color: #373737;
}
.social-icon li {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.social-icon li a {
    height: 28px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 0;
    box-shadow: none;
}
.social-icon li:hover a {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .14);
}
.facebook.icon-black a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -5px -62px;
    background-color: #3C5A99;
}
.twitter.icon-black a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -5px -111px;
    background-color: #38A1F3;
}
.rss.icon-black a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -5px -155px;
    background-color: #EE802F;
}
.youtube.icon-black a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -5px -205px;
    background-color: #c4302b;
}
.googleplus.icon-black a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -5px -255px;
    background-color: #DD4B39;
}
.pinterest.icon-black a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -5px -311px;
    background-color: #c8232c;
}
.vimeo.icon-black a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -5px -355px;
    background-color: #4EBBFF;
}
.instagram.icon-black a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -5px -405px;
    background-color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.facebook.icon-black a:hover {
    background-position: -55px -62px;
    background-color: #ffffff;
}
.twitter.icon-black a:hover {
    background-position: -55px -111px;
    background-color: #ffffff;
}
.rss.icon-black a:hover {
    background-position: -55px -155px;
    background-color: #ffffff;
}
.youtube.icon-black a:hover {
    background-position: -55px -205px;
    background-color: #ffffff;
}
.googleplus.icon-black a:hover {
    background-position: -55px -255px;
    background-color: #ffffff;
}
.pinterest.icon-black a:hover {
    background-color: #ffffff;
    background-position: -55px -311px;
}
.vimeo.icon-black a:hover {
    background-position: -55px -355px;
    background-color: #ffffff;
}
.instagram.icon-black a:hover {
    background-position: -55px -405px;
    background-color: #ffffff;
}
/***** pagination btn *****/
.tvmain-slider-next-pre-btn {
    display: block;
}
.tvcmsprev-btn {
    height: 36px;
    width: 36px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 50px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    right: 45px;
    background-color: #ffffff;
}
.tvcmsnext-btn {
    height: 36px;
    width: 36px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 50px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    right: 0;
    background-color: #ffffff;
}
.tvcmsprev-btn:hover {
    border: 1px solid #ffd741;
    background-color: #ffd741;
}
.tvcmsnext-btn:hover {
    border: 1px solid #ffd741;
    background-color: #ffd741;
}
.tvcmsnext-btn:hover i,
.tvcmsprev-btn:hover i {
    color: #000000;
}
/*.tvcmsprev-btn i,
.tvcmsnext-btn i {
    display: none;
}*/
.tvmain-slider-next-pre-btn .tvcmsprev-btn {
    left: 15px;
    right: auto;
}
.tvmain-slider-next-pre-btn .tvcmsnext-btn {
    right: 15px;
    left: auto;
}
.tvcms-testimonial-next-pre-btn,
.tvcms-blog-left-side-next-pre-btn {
    text-align: center;
}
.tvmain-slider-next-pre-btn .tvcmsprev-btn,
.tvcms-vertical-menu-next-pre-btn .tvcmsprev-btn {
    left: 15px;
    right: auto;
}
.tvmain-slider-next-pre-btn .tvcmsnext-btn,
.tvcms-vertical-menu-next-pre-btn .tvcmsnext-btn {
    right: 15px;
    left: auto;
}
.tvcms-brandlist-pagination-wrapper .tvcms-brandlist-next-pre-btn .tvbrandlist-slider-prev {
    left: 10px;
}
.tvcms-brandlist-pagination-wrapper .tvcms-brandlist-next-pre-btn .tvbrandlist-slider-next {
    right: 10px;
}
.tvcms-left-testimonial .tvcms-testimonial-pagination-wrapper .tvcms-testimonial-next-pre-btn .tvtestimonial-prev,
.tvcms-left-testimonial .tvcms-testimonial-pagination-wrapper .tvcms-testimonial-next-pre-btn .tvtestimonial-next,
.tvcms-blog-left-side-pagination-wrapper .tvcms-blog-left-side-next-pre-btn .tvblog-left-side-prev,
.tvcms-blog-left-side-pagination-wrapper .tvcms-blog-left-side-next-pre-btn .tvblog-left-side-next {
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
    position: static;
    display: inline-block;
    margin: 0 5px;
}
/*   pagination btn */
.nivo-controlNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    bottom: 25px;
}
.nivo-controlNav {
    display: block;
    bottom: 0;
    top: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.nivo-controlNav .nivo-control,
.owl-theme .owl-dots .owl-dot span {
    border: none;
    background-color: #cccccc;
    height: 2px;
    width: 10px;
    border-radius: 3px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    margin: 0 5px;
    display: inline-block;
}
.nivo-controlNav .nivo-control.active,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    border: none;
    background-color: #d90244;
    height: 3px;
    width: 10px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.nivo-controlNav .nivo-control:before {
    display: none;
}
.tvcms-brandlist-pagination-wrapper {
    display: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.tvbrandlist-slider:hover .tvcms-brandlist-pagination-wrapper {
    display: block;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.tvcms-testimonial-next-pre-btn,
.tvcms-blog-left-side-next-pre-btn {
    direction: ltr;
}
/******footer-before*****/
/*****newsletter*****/
.block_newsletter {
    margin-bottom: 0;
}
.tvnewsletter-lable-wrapper {
    position: relative;
    text-align: left;
}
.tvnewsletter-description p {
    color: #666666;
    font-size: 14px;
    padding: 0;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.3px;
}
.tvnewsleeter-input-button-wraper {
    position: relative;
    margin-bottom: 15px;
}
.tvnewsleteer-btn-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}
.block_newsletter form {
    width: 100%;
    margin: 0 auto;
}
.tvnewsleteer-btn-wrapper .btn-primary:hover {
    background-color: #d90244;
}
.tvnewsleeter-input-button-wraper .input-wrapper input {
    height: 38px;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    min-width: 200px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
}
.tvnewsleeter-input-button-wraper .input-wrapper input::placeholder {
    color: #333;
    opacity: 1;
    font-size: 12px;
    font-weight: 400;
}
@media(max-width: 1400px) and (min-width: 1200px) {
    .tvnewsleteer-btn-wrapper .btn-primary[type=submit] {
        font-size: 10px;
        padding: 0 5px;
    }
}
@media(max-width: 1199px) {
    .tvnewsleteer-btn-wrapper .btn-primary[type=submit] {
        padding: 0 15px;
    }
}
/*****footer *****/
.tvfooter-storelogo-inner .tvtags-wrapper-info {
    border: 1px solid #cccccc;
    padding: 0 10px;
}
.tvfooter-storelogo-inner .tvtags-wrapper-info .tvtags-title a {
    color: #999999;
}
.tvfooter-storelogo-inner {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    text-align: center;
}
.footer-container {
    margin-top: 0;
    padding-top: 0;
    border: none;
    box-shadow: none;
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.tvfooter-storelogo-imformation {
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
}
.tvfooter-logo-block .tvfooter-logo-desc {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    max-width: 70%;
    padding-top: 20px;
    margin: 0 auto;
}
.tvfooter-store-link a {
    color: #b5b5b5;
    font-weight: 500;
    font-size: 14px;
}
.tvfooter-store-link a:hover {
    color: #d90244;
}
.tvfooter-logo-block {
    padding: 40px 0;
}
.tvfooter-logo-block .tvfooter-img-block {
    margin-bottom: 0;
    text-align: center;
}
.links .title {
    border-bottom: none;
}
.tvfooter-title-wrapper,
.tvdekstop-footer-all-title-wrapper,
.tvnewsletter-lable-wrapper {
    position: relative;
    margin-bottom: 15px;
}
.block-social.tvcmsfooter-social-icon .tvfooter-title {
    display: none;
}
.tvcmsfooter-social-icon .tvfooter-title-wrapper {
    display: none;
}
.tvfooter-title-wrapper .tvfooter-title,
.tvdekstop-footer-all-title-wrapper .tvfooter-title,
.block_newsletter .tvnewsletter-title {
    font-size: 18px;
    color: #333333;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
}
.block_newsletter p {
    padding-top: 0;
}
.footer-container li i,
.tvfooter-title-wrapper .tvfooter-toggle-icon {
    display: none;
}
.tvfooter-time-wrapper .tvfooter-open-time-wrapper,
.footer-container .tvfooter-account-link li,
.footer-container #block_myaccount_infos li,
.tvfooter-category-block ul li {
    margin-bottom: 12px;
}
.footer-container li a {
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    position: relative;
}
.footer-container li a:hover {
    color: #d90244;
}
.tvfooter-category-block ul {
    overflow: hidden;
}
#footer_sub_menu_store_info,
.tvfooter-store-link a {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}
#footer_sub_menu_store_info .tvfooter-addresses {
    padding-bottom: 10px;
    position: relative;
}
.tvfooter-address-lable {
    float: left;
    padding-right: 3px;
}
#footer_sub_menu_store_info {
    /*padding-left: 20px;*/
}
#footer_sub_menu_store_info .tvfooter-store-link-content {
    position: relative;
    padding-bottom: 12px;
}
#footer_sub_menu_store_info .tvfooter-store-link-fax,
#footer_sub_menu_store_info .tvfooter-store-link {
    position: relative;
    padding-bottom: 12px;
}
/*#footer_sub_menu_store_info .tvfooter-addresses:after {
    position: absolute;
    font-family: 'Material Icons';
    content: '\e0c8';
    font-size: 14px;
    left: -20px;
    top: 3px;
}
#footer_sub_menu_store_info .tvfooter-store-link:after {
    position: absolute;
    font-family: 'Material Icons';
    content: '\e0be';
    font-size: 14px;
    left: -20px;
    top: 3px;
}
#footer_sub_menu_store_info .tvfooter-store-link-fax:after {
    position: absolute;
    font-family: 'Material Icons';
    content: '\e555';
    font-size: 14px;
    left: -20px;
    top: 3px;
}
#footer_sub_menu_store_info .tvfooter-store-link-content:after {
    position: absolute;
    font-family: 'Material Icons';
    content: '\e0b0';
    font-size: 14px;
    left: -20px;
    top: 3px;
}*/
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li {
    background-color: transparent;
    position: relative;
    height: 40px;
    width: 30px;
    margin: 0;
    border-radius: 40px;
    display: inline-block;
    vertical-align: top;
}
.tvfooter-social-icon-wrapper li a {
    font-size: 0;
    display: block;
    height: 40px;
    width: 40px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.rss a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -55px -5px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.facebook a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -55px -55px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.twitter a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -55px -105px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.youtube a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -55px -155px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.googleplus a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -55px -255px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.pinterest a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -55px -205px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.vimeo a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -55px -355px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.instagram a {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -55px -305px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.rss:hover a {
    background-position: -155px -5px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.facebook:hover a {
    background-position: -155px -55px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.twitter:hover a {
    background-position: -155px -105px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.youtube:hover a {
    background-position: -155px -155px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.googleplus:hover a {
    background-position: -155px -255px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.pinterest:hover a {
    background-position: -155px -205px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.vimeo:hover a {
    background-position: -155px -355px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.instagram:hover a {
    background-position: -155px -305px;
}
.tvfooter-copy-payment-icon-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.tvfooter-copy-payment-icon-wrapper {
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tvcopylink {
    text-align: center;
    padding: 0;
}
.tvcopylink p {
    color: #666666;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 27px;
    text-transform: capitalize;
    font-weight: 400;
    display: inline-block;
}
.tvcopylink p:hover {
    color: #d90244;
}
.tvbottom-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #4c4c4c;
    z-index: 40;
    display: none;
    cursor: pointer;
    border-radius: 40px;
}
.tvbottom-to-top:hover {
    background-color: #d90244;
}
.tvbottom-to-top span {
    display: none;
}
.tvbottom-to-top .tvbottom-to-top-icon {
    background-image: url(../img/themevolty/sprite.png);
    background-position: -102px -853px;
    color: transparent;
    width: 45px;
    font-size: 0;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    background-repeat: no-repeat;
}
.tvbottom-to-top i {
    display: none;
}
/***** Teblet-footer *****/
.tvfooter-social-icon-wrapper {
    margin-bottom: 0;
}
/***** mobile-footer *****/
@media(max-width: 1199px) {
    .tvfooter-copy-payment-icon-inner {
        display: block;
    }
    .tvfooter-copy-payment-icon-wrapper {
        padding: 15px 0;
    }
    .tvcopylink {
        padding-top: 10px;
    }
    .tvcmsfooter-social-icon {
        padding-top: 10px;
        text-align: center;
    }
}
/***** end footer *****/
@media (max-width: 1920px) and (min-width: 992px) {
    .tv-main-div.tv-box-layout.container {
        margin: 2% 5%;
        width: auto;
        padding: 15px;
    }
}
.tv-main-div.tv-box-layout.container {
    background-color: #f7f7f7;
}
/*****Custom Shopping Cart Right Side*****/
.ttvcmscart-show-dropdown-right .tvcart-product-list-img {
    width: 90px;
    height: auto;
    margin-right: 15px;
    flex-shrink: 0;
}
.ttvcmscart-show-dropdown-right .tvcart-product-list-img img {
    border: 1px solid #eee;
}
.ttvcmscart-show-dropdown-right .tvcart-product-remove {
    position: absolute;
    width: auto;
    top: 10px;
    right: 0;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-label-value {
    display: -webkit-flex;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 15px 20px;
    height: 40px;
    /*border-bottom: 1px solid #eee;*/
}
.ttvcmscart-show-dropdown-right .ttvcart-product-label-value .ttvshoping-cart-label {
    font-size: 14px;
    color: #222;
    font-weight: 400;
    letter-spacing: 1px;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-label-value .ttvcart-product-value {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-label-value.tax .ttvshoping-cart-label,
.ttvcmscart-show-dropdown-right .ttvcart-product-label-value.tax .ttvcart-product-value {
    font-size: 14px;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-label-value.total .ttvcart-product-value {
    color: #d90244;
}
.ttvcmscart-show-dropdown-right .ttvclose-cart {
    height: 40px;
    width: 40px;
    background-image: url(../img/themevolty/sprite.png);
    background-position: -105px -805px;
    padding: 0;
    background-color: transparent;
    border: none;
    /*border-right: 1px solid #eeeeee;*/
    cursor: pointer;
}
.ttvcmscart-show-dropdown-right .ttvclose-cart:focus {
    outline: none;
    background-color: transparent;
}
.ttvcmscart-show-dropdown-right .tvcart-product-content {
    max-width: 213px;
}
.ttvcmscart-show-dropdown-right .ttvcart-close-title-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*border-bottom: 1px solid #eeeeee;*/
    height: 40px;
}
.ttvcmscart-show-dropdown-right .ttvcart-top-title h4 {
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000;
    padding-bottom: 0;
    margin-bottom: 0px;
    text-align: center;
    font-size: 15px;
}
.ttvcmscart-show-dropdown-right .ttvcart-counter {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    margin: 10px;
    border-radius: 100%;
    background-color: #d90244;
    /*border-left: 1px solid #eeeeee;*/
}
.ttvcmscart-show-dropdown-right .ttvcart-counter .ttvcart-products-count {
    font-weight: 500;
    color: #ffffff;
    font-size: 15px;
}
.ttvcmscart-show-dropdown-right .ttvcart-scroll-container {
    height: calc(100vh - 255px);
    max-height: 100%;
    overflow-y: auto;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-content-box {
    position: relative;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-wrapper {
    padding: 20px 0 20px 20px;
    /*border-bottom: 1px solid #eee;*/
    display: -webkit-flex;
    display: flex;
    position: relative;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-wrapper:after,
.ttvcmscart-show-dropdown-right .ttvcart-product-label-value:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #eeeeee;
    height: 1px;
    width: 90%;
    margin: 0 auto;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-wrapper:last-child:after {
    display: none;
}
.ttvcmscart-show-dropdown-right .tvshoping-cart-dropdown-title .product-name {
    white-space: normal;
    font-size: 18px;
}
.ttvcmscart-show-dropdown-right .tvcart-product-list-box .tvshopping-cart-qty {
    font-size: 13px;
    color: #666666;
}
.ttvcmscart-show-dropdown-right .tvcart-product-list-box .product-qty {
    font-size: 13px;
    margin-left: 5px;
    color: #666666;
}
.ttvcmscart-show-dropdown-right .tvcart-product-content .product-price {
    font-size: 16px;
    font-weight: 900;
    color: #d90244;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    letter-spacing: 0;
    margin-right: 5px;
}
.ttvcmscart-show-dropdown-right .tvshoping-cart-dropdown-title,
.ttvcmscart-show-dropdown-right .tvcart-product-list-box {
    margin-bottom: 10px;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-viewcart {
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    background-color: #222;
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
    border: none;
    box-shadow: none;
    cursor: pointer;
    padding: 0;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-checkout {
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    background-color: #d90244;
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
    border: none;
    box-shadow: none;
    cursor: pointer;
    padding: 0;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-viewcart:hover {
    background-color: #d90244;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-checkout:hover {
    background-color: #222;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-viewcart a {
    padding: 19px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    display: block;
    color: #fff;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-checkout a {
    padding: 19px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    display: block;
    color: #fff;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-checkout:hover a {
    color: #fff;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-viewcart:hover a {
    color: #fff;
}
.ttvcmscart-show-dropdown-right {
    width: calc(100% - 50px);
    max-width: 380px;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05);
    z-index: 1002;
    visibility: hidden;
    text-align: left;
    right: -100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    overflow-y: auto;
}
body.classicCartOpen .ttvcmscart-show-dropdown-right+.modal-backdrop-cart {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
body.classicCartOpen .ttvcmscart-show-dropdown-right {
    right: 0;
    visibility: visible;
}
.ttvcmscart-show-dropdown-right .ttvcart-no-product-label {
    padding: 25px 40px;
    font-weight: 500;
    font-size: 16px;
    color: #666;
    text-align: center;
}
.ttvcart-no-product {
    background-image: url(../img/themevolty/cart.png);
    background-position: center;
    min-height: 100%;
    background-repeat: no-repeat;
}
.tvcms_customer_name {
    text-transform: capitalize;
}
#module-tvcmsproductcompare-productcomparelist .tvcompare_extra_information {
    width: 11%;
}
.tvwishlist-popup {
    right: 0;
    padding: 15px;
    border: 1px solid #ffffff;
    z-index: 999;
    margin: 20px;
    background: #fff;
    position: fixed;
    width: 300px;
    text-align: center;
    display: none;
}
.tvwishlist-popup.success {
    border: 3px solid #1da61540;
}
.tvwishlist-popup.warning {
    border: 3px solid #ff9f0047;
}
.tvwishlist-popup.error {
    border: 3px solid #dd000057;
}
.tvwishlist-popup.warning i {
    color: orange;
}
.tvwishlist-popup.success i {
    color: green;
}
.tvwishlist-popup.error i {
    color: red;
}
.tvwishlist-popup p {
    padding: 0px;
    margin: 0 5px;
}
#search_filters .facet .facet-label .custom-checkbox,
#search_filters .facet .facet-label .custom-radio {
    top: auto !important;
}
#bottom_sticky_data .new_comment_form_ok {
    display: none;
}
.tv-category-main-div,
.products-sort-order .select-title {
    border: 1px solid rgba(0, 0, 0, 0.07);
}
.tvcmsfooter-background-image {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
/***** all common ****/
@media(min-width:1631px) {
    img.tv-img-responsive,
    .tvbanner-hover-wrapper img,
    img.tvmain-slider-img,
    .tvcmssliderofferbanners-one .tvimage-lazy {
        object-fit: none;
    }
}
img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.tvfilter-search-types-dropdown {
    max-height: 180px;
    overflow: hidden;
    overflow-y: auto;
}
.tvcms-cart-loading {
    animation: fa-spin 2s infinite linear;
}
/******* Start Custom Css *******/
/***** tv designer css *****/
/*@import url("common.css");*/
body {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: normal;
    background-color: #f2f2f2;
    letter-spacing: 0px;
}
/***** common css *****/
::selection {
    background-color: #d21717;
    color: #ffffff;
}
/**::-webkit-scrollbar {
    background-color: #cccccc;
    width: 5px;
}
*::-webkit-scrollbar-thumb {
    background-color: #d21717;
    width: 5px;
}*/
a:focus,
a:hover {
    color: #d90244;
    text-decoration: none;
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #d90244;
    border-color: transparent
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #d90244;
    border-color: #d90244
}
.btn-outline-primary {
    color: #d90244;
    background-image: none;
    background-color: transparent;
    border-color: #d90244
}
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.open>.btn-outline-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #d90244;
    border-color: #d90244
}
.btn-outline-info.active.focus,
.btn-outline-info.active:focus,
.btn-outline-info.active:hover,
.btn-outline-info:active.focus,
.btn-outline-info:active:focus,
.btn-outline-info:active:hover,
.open>.btn-outline-info.dropdown-toggle.focus,
.open>.btn-outline-info.dropdown-toggle:focus,
.open>.btn-outline-info.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #d90244;
    border-color: #d90244
}
.btn-primary {
    color: #fff;
    background-color: #373737;
    border-color: transparent;
    border-radius: 3px;
}
.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #373737;
    border-color: transparent;
}
.btn-outline-primary.active.focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.active:hover,
.btn-outline-primary:active.focus,
.btn-outline-primary:active:focus,
.btn-outline-primary:active:hover,
.open>.btn-outline-primary.dropdown-toggle.focus,
.open>.btn-outline-primary.dropdown-toggle:focus,
.open>.btn-outline-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #373737;
    border-color: #175c6a
}
.tag-primary[href]:focus,
.tag-primary[href]:hover {
    background-color: #373737
}
a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #373737
}
a.text-primary:focus,
a.text-primary:hover {
    color: #373737;
}
.btn-link {
    font-weight: 400;
    color: #d90244;
    border-radius: 0
}
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #d90244;
    outline: 0
}
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    color: #ffffff;
    cursor: default;
    background-color: #d90244
}
.card-primary {
    background-color: #d90244;
    border-color: #d90244
}
.card-outline-primary {
    border-color: #d90244
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #d90244;
    border-color: #d90244
}
.page-link {
    position: relative;
    float: left;
    padding: .5rem .75rem;
    margin-left: -1px;
    color: #d90244;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.tag-primary {
    background-color: #d90244
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #ffffff;
    text-decoration: none;
    background-color: #d90244;
    border-color: #d90244
}
.bg-primary {
    background-color: #d90244
}
.text-primary {
    color: #d90244
}
.btn-unstyle:focus .expand-more {
    color: #d90244
}
.form-control:focus,
.input-group.focus {
    outline: none;
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
    background: #d90244;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0;
    font-size: .875rem;
    padding: .5rem 1rem
}
.custom-radio input[type=radio]:checked+span {
    display: block;
    background-color: #d90244;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: .125rem;
    top: .125rem
}
.dropdown-item:focus,
.dropdown-item:hover {
    background: none;
    text-decoration: none;
    color: #d90244
}
.search-widget form input[type=text]:focus+button .search {
    color: #d90244
}
.search-widget form button[type=submit] .search:hover {
    color: #d90244
}
#header .top-menu a[data-depth="0"]:hover {
    color: #d90244;
    text-decoration: none
}
.top-menu .sub-menu a:hover {
    color: #d90244
}
body#checkout section.checkout-step .delete-address,
body#checkout section.checkout-step .edit-address {
    display: inline-block;
    margin: 0 .3125rem;
    background: #373737 none no-repeat scroll 0 0;
    color: #FFF;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
body#checkout section.checkout-step .delete-address,
body#checkout section.checkout-step .edit-address {
    background-color: #d90244;
    color: #ffffff;
}
body#checkout section.checkout-step .delete-address:hover,
body#checkout section.checkout-step .edit-address:hover {
    background-color: #373737;
    color: #ffffff;
}
.page-my-account #content .links a:hover i {
    color: #d90244
}
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {
    color: #d90244
}
.products-sort-order .select-list:hover {
    background: #d90244;
    color: #fff;
    text-decoration: none
}
.facet-dropdown.open>.select-title {
    border: 3px solid #d90244;
    background: #f6f6f6
}
.facet-dropdown .select-list:hover {
    background: #d90244;
    color: #ffffff;
    text-decoration: none
}
.pagination .current a {
    /*color: #d90244;*/
    text-decoration: none;
    font-size: 1.25rem
}
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover {
    color: #d90244
}
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover {
    color: #d90244
}
.tabs .nav-tabs .nav-link.active {
    color: #d90244
}
#product-modal .modal-content .modal-body .product-images img:hover {
    border-color: #d90244
}
#blockcart-modal .product-name {
    color: #d90244;
    font-size: 1.125rem
}
.product-price .current-price .price,
.modal-body.tv-addtocart-content-part .tv-addtocart-price {
    color: #d90244;
    font-size: 20px;
    line-height: 22px;
    font-weight: 900;
    letter-spacing: 0;
    vertical-align: middle;
}
.quickview .tv-indicator.tv-bar .tv-outer,
.tv-product-page-content .tv-indicator.tv-bar .tv-outer {
    height: 8px;
}
.product-customization .product-message:focus {
    background-color: #f1f1f1;
    outline: none;
}
.cart-grid-body a.label:hover {
    color: #d90244
}
.tv-addtocart-price {
    color: #373737;
}
.block_newsletter form input[type=text]:focus {
    outline: none;
    color: #232323;
    background: #fff
}
.block_newsletter form input[type=email]::placeholder {
    color: #000;
}
.block_newsletter form input[type=text]:focus+button .search {
    color: #d90244
}
.block_newsletter form button[type=submit] .search:hover {
    color: #d90244
}
.account-list a:hover {
    color: #d90244
}
#header .header-nav .cart-preview.active {
    background: #d90244
}
#header .header-nav .blockcart a:hover {
    color: #d90244;
}
#wrapper .breadcrumb {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}
#wrapper .breadcrumb li:last-child a,
#wrapper .breadcrumb li:hover a {
    color: #d90244;
}
#wrapper .breadcrumb li:last-child:after {
    content: none;
}
#wrapper .breadcrumb li a {
    /*text-transform: capitalize;*/
}
#tv-back-top-wrapper {
    background-color: #ffffff;
    border: 1px solid #ececec;
    border-radius: 3px;
}
#search_filters_brands .facet .tvsearch-filter-brand-wrapper li.facet-label a:hover,
#search_filters_suppliers .facet .tvserach-filter-suppliers li.facet-label a:hover,
.tvserach-filter-suppliers p:hover {
    color: #d90244;
}
.cart-summary-line:not(:last-child) {
    margin-bottom: 10px;
}
.tvprocess-to-checkout {
    background-color: #d90244;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}
.checkout .tvprocess-to-checkout i {
    font-size: 18px;
    margin: 0 0 0 5px;
}
.tvcenter-block-product-section {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    padding: 15px 0;
    background-color: #ffffff;
    margin-bottom: 30px;
}
body#checkout .custom-checkbox {
    float: left;
}
.tvwishlist-send-mess-btn .button-small {
    background-color: #d90244;
    color: #ffffff;
}
.tvwishlist-send-mess-btn .button-small:hover {
    background-color: #222222;
}
.tvcmsNewsLetterPopup-i .tvnewsletterpopup-button-icon:hover {
    background-color: #d90244;
}
.tv-sub-category-inner {
    border-radius: 3px;
    border: 1px solid transparent;
}
.tv-sub-category-inner:hover {
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.tv-category-image {
    text-align: center;
}
#js-product-list .tvgrid-list-view-product .products {
    margin: 0 -7.5px;
}
#block-reassurance li .block-reassurance-item {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-left: 3px solid #000000;
}
.form-control {
    /*background-color: #ffffff;*/
    border-radius: 3px;
}
.form-control-submit.disabled {
    background-color: #000000;
}
/***** end common css *****/
#wrapper {
    padding-top: 15px;
    position: relative;
}
#index #wrapper {
    padding-top: 30px;
    padding-bottom: 0;
}
#cms #wrapper,
#category #wrapper,
#product #wrapper {
    /*padding: 0;*/
}
#authentication .radio-inline .custom-radio,
#identity .radio-inline .custom-radio {
    margin-right: 8px;
}
#pagenotfound .page-not-found {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
}
#authentication .radio-inline,
#identity .radio-inline {
    padding: 0 10px 0 0;
}
#module-tvcmsblog-single .blog_post_content {
    overflow: hidden;
    margin-bottom: 30px;
}
#main .tvpage-header-title-wrapper,
.tvall-page-top-title {
    border-radius: 3px;
}
#sitemap .sitemap {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    background-color: #fff;
    margin-top: 0;
    padding: 15px 0;
    width: 100%;
    margin: 0 auto;
}
.sitemap ul li a:hover {
    color: #d90244
}
#main .tv-sub-pages-inner-content {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    padding: 30px;
}
#contact .contact-rich {
    background-color: #fff;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.07);
}
.tvall-page-top-title h1,
#main .tvpage-header-title-wrapper h1 {
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}
#module-tvcmsblog-archive .blog_post_content {
    padding: 15px;
}
.tv_blog_post_area .tvblog_post .post_thumbnail {
    margin-bottom: 0;
}
.tv_blog_post_area.single .tvblog_post .post_content .post_meta {
    margin-bottom: 10px;
}
.tv_blog_post_area.single .post_content {
    text-align: left;
}
#blog_post .meta_date i {
    font-size: 16px;
    line-height: 14px;
    height: 18px;
}
.tv_blog_post_area .post_content .post_title {
    margin-bottom: 15px;
}
.tv_blog_post_area .read_more {
    display: inline-block;
    width: 100%;
}
.pagination .tvinner-page-pagination li {
    /*background-color: #ffd741;*/
}
.pagination .disabled {
    color: #000000;
}
input {
    outline: none;
    padding: 0 10px;
}
.container {
    position: relative;
}
@media (max-width: 1200px) {
    .container {
        width: 1630px;
        max-width: 100%;
        max-width: 100%;
    }
    .tvcmsdesktop-top-header .container,
    .tvcms-header-menu-offer-wrapper .container,
    .tvcmsdesktop-top-second .container {
        width: 1630px;
        max-width: 100%;
        padding: 0 45px;
    }
}
@media (max-width: 1661px) {
    .tvcmsdesktop-top-header .container,
    .tvcms-header-menu-offer-wrapper .container,
    .tvcmsdesktop-top-second .container {
        max-width: 100%;
        padding: 0 45px;
    }
}
@media (max-width: 1023px) {
    .container,
    .tvcmsdesktop-top-header .container,
    .tvcms-header-menu-offer-wrapper .container,
    .tvcmsdesktop-top-second .container {
        padding: 0 15px;
    }
}
.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid rgba(0, 0, 0, 0.07);
    vertical-align: middle;
}
.table thead th {
    border-bottom: 2px solid #e5e5e5;
    display: table-cell;
}
/***** quickview-comman-page *****/
.quickview .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.quickview .modal-content {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    min-height: 28.13rem;
    border-radius: 3px;
}
#blockcart-modal .modal-title {
    padding-right: 25px;
}
/***** comper *****/
.tvcmscomparison .remove {
    text-align: right;
}
/***** theme *****/
.tvcms-loading-inner {
    background-color: transparent;
    padding: 0;
}
.tv-main-div {
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
}
.tvsearch-dropdown-total-wrapper:hover .tvsearch-dropdown-total {
    color: #d90244;
}
.tvcart-product-list-checkout:hover {
    background-color: #d90244;
    color: #ffffff;
}
.tvnews-event-link {
    width: 100%;
    overflow: hidden;
}
#header .tvcart-product-list-checkout:hover a {
    color: #ffffff;
}
/***** left pannal *****/
#content-wrapper .container {
    padding: 0;
}
.tvtab-product-list-wrapper,
.tvcategory-slider-inner-info-box,
.tvspecial-product {
    margin: 0;
}
.tvsame-category-product,
.tvcross-selling-product,
.tvlike-product {
    margin: 0 -7.5px;
}
.tvcmsvertical-menu-wrapper .tvleft-right-title.facet-label {
    text-align: left;
    padding-left: 40px;
}
.tvleft-right-title.facet-label,
.block-categories .category-top-menu>li.tv-category-title-wrapper a {
    text-align: left;
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.tvleft-right-title.facet-label {
    text-align: left;
}
.tvleft-right-title-toggle {
    color: #000000;
    display: none;
}
#products.grid .tvproduct-view.tvproduct-grid,
#products.grid-2 .tvproduct-view.tvproduct-grid-2,
#products.list .tvproduct-view.tvproduct-list,
#products.list-2 .tvproduct-view.tvproduct-list-2,
#products.catelog .tvproduct-view.tvproduct-catelog,
.tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper:hover,
.tvcmsproduct-grid-list .tvproduct-view:hover,
.tv_search_filter_wrapper .tvleft-right-title-wrapper:hover {
    /*background-color: #d90244;*/
}
#search_filters_brands,
#search_filters_suppliers,
.tvleft-right-penal-all-block,
.block-categories,
.tvcms-left-testimonial,
#left-column .tvcmscustomer-services,
#right-column .tvcmscustomer-services,
.tvcmsblog-left-side {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    margin-bottom: 30px;
    background-color: #ffffff;
}
#search_filters_brands .facet .tvsearch-filter-brand-wrapper li.facet-label a,
.tvserach-filter-suppliers p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}
.tvleft-right-title-wrapper,
.tv-category-title-wrapper {
    background-color: transparent;
    padding: 10px 15px;
    text-align: left;
}
.tvleft-product-wrapper-info,
.tvcmsblog-left-side .tvblog-event-all-block,
.tvsearch-filter-brand-wrapper,
.tvserach-filter-suppliers,
.tvtestimonial-slider-button-wrapper,
.tv-category-wrapper,
.tv-leftcategory-wrapper,
.tvserach-filter-wrapper,
#left-column .tv-all-service.card-deck,
#right-column .tv-all-service.card-deck {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.tvcategory-name {
    text-align: center;
    margin-top: 15px;
    color: #373737;
}
.tvcategory-name a {
    color: #373737;
}
.block-categories .category-sub-menu {
    margin-top: 0;
}
.block-categories .category-top-menu li>.category-sub-menu {
    margin: 0;
    padding: 10px 20px;
}
.tvcategory-chain-slider-inner-info-box,
.tvfeature-product-offer-banner,
.tvtab-product-branner {
    margin: 0 -7.5px;
}
@media(max-width: 1380px) {
    .tvleft-right-title.facet-label,
    .block-categories .category-top-menu>li.tv-category-title-wrapper a {
        font-size: 14px;
    }
}
@media(max-width: 1199px) {
    .tvleft-right-title.facet-label,
    .block-categories .category-top-menu>li.tv-category-title-wrapper a {
        font-size: 16px;
    }
}
@media(max-width: 1199px) {
    #left-column .tvleft-right-product-slider {
        width: 25%;
        float: left;
    }
    #left-column .tvleft-product-wrapper {
        overflow: hidden;
    }
    #left-column .tvfilter-brand-list-wrapper {
        width: 49%;
        float: left;
        margin-right: 7.5px;
    }
    #left-column .tvfilter-supplier-list-wrapper {
        width: 49%;
        float: left;
        margin-left: 7.5px;
    }
}
#category .page-content.page-not-found .tvsearch-top-wrapper {
    padding: 0;
}
#pagenotfound #content-wrapper .tvsearch-header-display-wrappper {
    position: inherit;
    visibility: visible;
    opacity: 1;
    transform: unset;
    box-shadow: none;
}
.tvcmsleftsideofferbanners-one {
    margin-bottom: 30px;
}
.tvcmsleftsideofferbanners-one img {
    width: 100%;
}
@media(max-width: 1199px) {
    .tvcmsleftsideofferbanners-one img {
        width: auto;
    }
    .tvcmstvcmsleftsideofferbanners {
        text-align: center;
    }
    .tvcmsleftsideofferbanners-one {
        text-align: center;
    }
}
.block-categories .category-sub-menu li[data-depth="0"]>a {
    font-weight: 500;
    font-size: 16px;
    color: #333333;
}
.block-categories .category-sub-menu li[data-depth="2"]:hover>a,
.block-categories .category-sub-menu li[data-depth="0"]:hover>a,
.block-categories .category-sub-menu li[data-depth="1"]:hover>a {
    color: #d90244;
}
.block-categories .category-sub-menu li:hover>.navbar-toggler {
    color: #d90244;
}
.block-categories .category-sub-menu li .category-sub-link {
    color: #666666;
    font-weight: 400;
    font-size: 14px;
}
.block-categories .category-sub-menu li .category-sub-link:hover {
    color: #d90244;
}
/***** theme-control *****/
.tvcmstheme-control .tvtheme-control-wrapper .tvselect-theme select,
.tvcmstheme-control .tvtheme-control-wrapper .tvselect-title-font-1 select,
.tvcmstheme-control .tvtheme-control-wrapper .tvselect-title-font-2 select {
    background-image: url(../img/themevolty/arrow-down.png);
    background-color: #ffffff;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    display: block;
    padding: 13px 15px;
    background-repeat: no-repeat;
    background-position: 96%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    cursor: pointer;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    /*float: right;*/
}
/***** new button *****/
/***** app logo *****/
.tvcmsapp-logo {
    margin-bottom: 30px;
}
.tvapp-logo-content-box {
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    border-radius: 3px;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding: 30px 100px 0 100px;
    margin: 0;
}
.tvapp-logo-img-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.tvapp-logo-content-inner {
    text-align: right;
    padding-right: 100px;
    width: 450px;
    padding-bottom: 60px;
}
.tvapp-logo-content-inner .tvdekstop-footer-all-title-wrapper .tvfooter-title span {
    font-size: 36px;
    display: block;
    color: #333333;
    letter-spacing: 0.3px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: capitalize;
}
.tvdekstop-footer-all-sub-title-wrapper {
    display: none;
}
.tvdekstop-footer-all-desc-wrapper span {
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    line-height: 30px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-transform: capitalize;
}
.tvapp-logo-wrapper {
    margin: 5px;
    display: inline-block;
}
.tvapp-logo-link-wrapper {
    display: inline-block;
    text-align: center;
}
@media(max-width: 1660px) {
    .tvapp-logo-content-inner .tvdekstop-footer-all-title-wrapper .tvfooter-title span {
        font-size: 28px;
    }
    .tvapp-logo-content-inner {
        padding-right: 50px;
        width: 500px;
        padding-bottom: 0;
    }
    .tvdekstop-footer-all-desc-wrapper span {
        font-size: 16px;
    }
    .tvapp-logo-content-box {
        padding: 30px 60px 0 60px;
    }
}
@media(max-width: 1399px) {
    .tvapp-logo-content-box {
        padding: 30px 50px 0 50px;
    }
}
/***** blog *****/
.tvcmsblog-event .tvblog-event-all-content-block.tvblog-even .tvblog-img-block:after,
.tvcmsblog-event .tvblog-event-all-content-block.tvblog-odd .tvblog-img-block:after {
    display: none;
}
.tvnews-event-content-wrapper {
    text-align: center;
    padding: 20px 15px;
}
.tvnews-event-read-more {
    text-align: left;
}
.tvnews-event-content-wrapper .tvdate-time {
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}
.tvnews-event-content-wrapper .tvdate-time .tvmonth-time {
    padding: 0 5px;
}
.tvnews-event-content-wrapper .tvnews-event-titel a h3,
.kr_blog_post_area .tvblog_post .post_content .post_title a {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0.3px;
}
.tvnews-event-content-wrapper .tvnews-event-titel {
    margin-bottom: 10px;
}
.tvblog-event-all-content-block .tvnews-event-titel a:hover {
    color: #d90244;
}
.tvnews-event-description,
.kr_blog_post_area .tvblog_post .post_content .post_description p {
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
}
.tvnews-wrapper-info-box {
    background-color: transparent;
    padding: 0;
}
.tvblog-img-content-wrapper {
    background-color: #ffffff;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}
.tvblog-event-all-content-block .tvblog-img-block .tvblog-content-img {
    position: relative;
    height: auto;
}
.tvblog-event-all-content-block .tvnews-event-buttons i {
    color: #ffffff;
    line-height: 44px;
}
.tvblog-event-all-content-block .tvblog-img-block .tvblog-content-img:after,
.blog_post_content_top .tvnews-event-overly {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: -100px;
    bottom: 0;
    opacity: 0;
    background-color: rgba(51, 51, 51, 0.5);
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.tvblog-event-all-content-block:hover .tvblog-img-block .tvblog-content-img:after,
.blog_post_content_top:hover .tvnews-event-overly {
    opacity: 1;
    top: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.tvblog-event-all-content-block .tvnews-event-buttons {
    height: 46px;
    width: 46px;
    display: block;
    border-radius: 25px;
    border: 2px solid #ffffff;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-align: center;
}
.tvblog-event-all-content-block .tvnews-event-buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.tvblog-event-all-content-block .tvblog-img-block .tvblog-content-img,
.blog_post_content {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.tvblog-event-all-content-block:hover .tvnews-event-buttons,
.blog_post_content:hover .tvnews-event-buttons {
    opacity: 1;
}
.blog_post_content_top.tvblog-img-block,
.kr_blog_post_area .tvblog_post .post_thumbnail {
    overflow: hidden;
}
.tvblog-date-username .post_meta {
    display: inline-block;
    vertical-align: top;
}
.tvblog-date-username p,
#module-tvcmsblog-archive .post_content .post_meta p {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}
.kr_blog_post_area .tvblog_post .post_content .post_meta,
.kr_blog_post_area .tvblog_post .post_content .post_title {
    margin-bottom: 5px;
}
.blog_post_content .tvnews-event-buttons i {
    border: none;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}
.blog_post_content .tvnews-event-buttons:hover i {
    border: none;
    color: #ffffff;
}
.blog_post_content .tvnews-event-buttons i {
    color: #ffffff;
    font-size: 24px;
}
#module-tvcmsblog-archive .tvpagination-title-item-main-wrapper {
    margin: 0;
}
.tvpagination-title-item-wrapper .tvinner-page-pagination-wrapper {
    background-color: #ffffff;
    display: flex;
    padding: 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    margin-bottom: 0;
}
.kr_blog_post_inner.products,
#module-tvcmsblog-archive .tvall-page-top-title,
#module-tvcmsblog-single .page-content {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}
#module-tvcmsblog-single .page-content {
    padding: 30px 15px;
}
@media(max-width: 1199px) {
    .tvblog-event-all-content-block {
        padding: 15px;
    }
}
/***** left blog *****/
.tvcmsblog-left-side .tvblog-img-block {
    padding: 0;
}
.tvnews-event-read-more {
    display: none;
}
.tvdate-time-icon {
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url(../img/themevolty/sprite.png);
    background-position: -217px -268px;
}
.tvcms-blog-left-side-pagination-wrapper {
    height: 60px;
}
/***** end blog *****/
/***** single banner *****/
.tvcmsofferbanners-one {
    margin-bottom: 30px;
}
.tvcmstvcmsofferbanners .tvbanner-hover-wrapper {
    overflow: hidden;
}
/***** end single banner *****/
/***** slider *****/
.tvcmssliderofferbanners-one .tvbanner1,
.tvcmssliderofferbanners-one .tvbanner2 {
    padding: 0;
}
.tvcmssliderofferbanners-one .tvbanner1 {
    margin-bottom: 30px;
}
.tvcms-main-slider {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}
.tvcms-slider-offerbanner-wrapper {
    margin-bottom: 30px;
}
.tvcmssliderofferbanners-one {
    width: 20%;
}
.tvcmsmain-slider-wrapper {
    width: 80%;
}
.tvmain-slider-contant {
    position: initial;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
    max-width: unset;
    cursor: pointer;
}
.tvmain-slider-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #f7f7f7;
    background-color: #fefefe;
}
.tvmain-slider-content-inner {
    padding: 0 15px;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.tvmain-slider-content-inner:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 1px;
    left: 0;
    background-color: transparent;
}
.tvmain-slider-content-inner.active:after {
    background-color: #d90244;
}
.tvmain-slider-contant .tvmain-slider-title {
    font-size: 14px;
    font-weight: 500;
    color: #222222;
    text-transform: capitalize;
    margin-bottom: 0;
    text-shadow: none;
    text-align: center;
    padding-bottom: 8px;
    padding-top: 13px;
    letter-spacing: 0.3px;
}
.tvmain-slider-contant .tvmain-slider-title:hover {
    color: #d90244;
}
.tvmain-slider-contant .tvmain-slider-info h2 {
    font-size: 84px;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #222222;
    font-weight: 700;
    text-shadow: none;
    display: none;
}
.tvmain-slider-contant .tvmain-slider-info p {
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
}
.tvmain-slider-btn {
    display: none;
}
.tvmain-slider-contant .tvmain-slider-button {
    text-transform: uppercase;
    font-size: 16px;
    color: #FFFFFF;
    padding: 0 20px;
    font-weight: 500;
    letter-spacing: 0;
    cursor: pointer;
    border-radius: 10px;
    line-height: 35px;
    border: none;
    text-shadow: none;
    background-color: #d90244;
}
.tvmain-slider-contant .tvmain-slider-button:hover {
    color: #d90244;
}
@media (max-width: 1585px) {
    .tvmain-slider-contant .tvmain-slider-title {
        padding-top: 9px;
    }
    .tvmain-slider-contant .tvmain-slider-info p {
        margin-bottom: 10px;
    }
}
@media(min-width:1400px) and (max-width: 1500px) {
    .tvmain-slider-contant .tvmain-slider-title {
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .tvmain-slider-contant .tvmain-slider-info p {
        letter-spacing: 0.3px;
        margin-bottom: 7px;
    }
    .tvcms-main-title .tvmain-title h2 {
        font-size: 28px;
    }
    .tvtab-title-wrapper .tvtabs-products li span,
    .tvleft-right-title.facet-label,
    .block-categories .category-top-menu>li.tv-category-title-wrapper a,
    .tvfooter-title-wrapper .tvfooter-title,
    .tvdekstop-footer-all-title-wrapper .tvfooter-title,
    .block_newsletter .tvnewsletter-title,
    .tvservices-content-box .tvservices-title {
        font-size: 16px;
    }
    .product-price-and-shipping .price,
    .h6,
    h6 {
        font-size: 15px;
    }
}
@media(min-width:1281px) and (max-width: 1400px) {
    .tvcmsvertical-menu li.level-1 {
        margin: 6px 0;
        padding: 7px 10px;
    }
    .tvmain-slider-contant .tvmain-slider-info p {
        margin-bottom: 7px;
    }
    .tvmain-slider-contant .tvmain-slider-title {
        padding-bottom: 0px;
        padding-top: 5px;
    }
    .tvmain-slider-contant .tvmain-slider-info p {
        letter-spacing: 0.3px;
        margin-bottom: 5px;
    }
    .tvcms-main-title .tvmain-title h2 {
        font-size: 24px;
    }
    .tvtab-title-wrapper .tvtabs-products li span,
    .tvleft-right-title.facet-label,
    .block-categories .category-top-menu>li.tv-category-title-wrapper a,
    .tvfooter-title-wrapper .tvfooter-title,
    .tvdekstop-footer-all-title-wrapper .tvfooter-title,
    .block_newsletter .tvnewsletter-title,
    .tvservices-content-box .tvservices-title {
        font-size: 16px;
    }
    .product-price-and-shipping .price,
    .h6,
    h6 {
        font-size: 15px;
    }
}
@media(max-width:1280px) {
    .tvfooter-product-sticky-bottom .product-quantity .input-group-btn-vertical .btn {
        float: none;
    }
    .tvcmsvertical-menu li.level-1 {
        margin: 7px 0;
        padding: 7px 10px;
    }
    .tvcmsvertical-menu li.level-1,
    .tvvertical-menu-show-hide-category .tvvertical-show-category,
    .tvvertical-menu-show-hide-category .tvvertical-hide-category {
        padding: 5px 15px;
    }
    .tvmain-slider-contant .tvmain-slider-info p {
        margin-bottom: 2px;
    }
    .tvmain-slider-contant .tvmain-slider-title {
        padding-bottom: 2px;
        padding-top: 3px;
    }
    .tvcmsvertical-menu-wrapper .tvleft-right-penal-all-block {
        padding-left: 10px;
    }
}
@media(max-width:1200px) {
    .tvcmsvertical-menu li.level-1,
    .tvvertical-menu-show-hide-category .tvvertical-show-category,
    .tvvertical-menu-show-hide-category .tvvertical-hide-category {
        padding: 14px 10px;
    }
}
body#checkout .custom-checkbox {
    float: left;
}
/***** end slider *****/
/*****************************************************/
/*@media (min-width: 480px){
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div  #wrapper > .container {
        max-width:420px;
    }
}
@media (min-width:575px){
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div  #wrapper > .container {
        max-width: 480px;
    }
}
@media (min-width: 576px){
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div  #wrapper > .container {
        max-width: 530px;
    }
}
@media (min-width: 768px){
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div  #wrapper > .container {
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div  #wrapper > .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div  #wrapper > .container {
        max-width: 992px;
    }
}
@media (min-width: 1200px){
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div  #wrapper > .container {
        max-width: 1024px;
    }
}
@media (min-width: 1380px){
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div  #wrapper > .container {
        max-width: 1180px;
    }
}*/
@media (min-width: 1024px) and (max-width: 1661px) {
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div #wrapper>.container {
        max-width: 100%;
        padding: 0 45px;
    }
}
/*@media (min-width: 1661px){
    .tvcmsbrandlist-slider .container,
    .tvcmscustomer-services .container,
    .footer-container .container,
    .tvfooter-product-box-layout .container,
    .tv-main-div  #wrapper > .container {
        max-width: 1630px;
    }
}*/
@media (min-width: 1200px) {
    #content-wrapper.col-xl-10 {
        float: left;
        width: 78%;
    }
    #right-column.col-xl-2,
    #left-column.col-xl-2 {
        float: left;
        width: 22%;
        z-index: 2;
    }
}
@media (min-width: 1660px) {
    #content-wrapper.col-xl-10 {
        float: left;
        width: 80%;
    }
    #right-column.col-xl-2,
    #left-column.col-xl-2 {
        float: left;
        width: 20%;
    }
}
/***************************/
.shimmercard-container {
    position: relative;
    padding-bottom: 15px;
}
.shimmercard {
    /*-webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);*/
    border: 1px solid rgba(0, 0, 0, 0.07);
    background-color: #FFF;
    border-radius: 6px;
    overflow: hidden;
    left: 27%;
    top: 140px;
}
.shimmercard &:nth-child(2) {
    top: 160px;
    transform: scale(0.95);
}
.shimmercard &:nth-child(1) {
    top: 180px;
    transform: scale(0.9);
}
.shimmerBG {
    /*animation-duration: 2.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 3;
    animation-name: shimmer;
    animation-timing-function: linear;*/
    background: #f3f3f3cf;
    /*background: linear-gradient(to right, #eef7fd 4%, #f8fdff 25%, #f1f8fd 36%);*/
    background-size: 1200px 100%;
}
@-webkit-keyframes shimmer {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 100% 0;
    }
}
@keyframes shimmer {
    0% {
        background-position: -1200px 0;
    }
    100% {
        background-position: 1200px 0;
    }
}
.shimmermedia {
    padding-top: 100%;
}
.shimmerp-32 {
    padding: 7.5px;
}
.shimmertitle-line {
    height: 24px;
    width: 100%;
    margin-bottom: 12px;
    border-radius: 20px;
}
.shimmercontent-line {
    height: 8px;
    width: 80%;
    margin-bottom: 16px;
    border-radius: 8px;
}
.shimmerend {
    width: 40%;
}
.shimmerm-t-24 {
    margin-top: 24px;
}
/*.shimmerproduct .shimmercard{
     padding-top: 100%;
}*/
/*.shimmerproduct .shimmermedia{
    height: 100%;
}*/
.shimmercategory-chain-slider-wrapper .shimmercard {
    width: 410px;
    height: 370px;
}
.shimmercategory-chain-slider-content {
    padding: 30px 15px;
}
.shimmercategory-chain-slider-wrapper .shimmermedia {
    height: 200px;
    display: table;
}
.shimmerproduct-left-right-penal .shimmermedia {
    width: 50%;
    float: left;
    height: 100px;
}
.shimmerproduct-left-right-penal .shimmerproduct-left-right-content {
    width: 50%;
    float: right;
}
.shimmerproduct-left-right-penal .shimmercard {
    flex-direction: inherit;
    height: 100px;
}
/********************/
.tvfooter-logo-block .tvfooter-img-block img {
    max-height: 200px;
    height: auto;
    width: auto;
}
#pagenotfound #main .page-header {
    margin-top: 0px;
}
.tvfooter-payment-icon img {
    width: auto;
    height: auto;
}
.tv-category-block-wrapper .tv-category-cover img,
.tv-category-image img {
    border-radius: 3px;
}
.page-content {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    padding: 15px 15px;
}
.tvproduct-description-tab #tab-content {
    padding: 30px;
    background: #fff;
    border-radius: 3px;
}
#left-column #search_filters {
    display: block;
}
/*******************************/
.tvfooter-social-icon-left {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: -95px;
    direction: ltr;
    z-index: 60;
    margin: 0
}
.tvfooter-social-icon-left .tvsocial-title {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
}
.tvfooter-social-icon-left li {
    display: block;
    height: auto;
    width: auto;
    background-color: transparent;
    border-radius: 3px;
    text-align: right;
    margin-bottom: 7px;
    transition: all .3s linear;
}
.tvfooter-social-icon-left li:hover {
    margin-right: calc(-80% + 15px);
}
.tvfooter-social-icon-left li a {
    display: block;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0px rgba(122, 122, 122, 0.18);
    border-radius: 0 5px 5px 0;
    padding-left: 10px;
    transition: all .3s ease;
}
.tvfooter-social-icon-left li:hover a {
    color: #fff;
    box-shadow: none;
}
.tvfooter-social-icon-left li i {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/themevolty/sprite.png);
    height: 32px;
    width: 40px;
}
.tvfooter-social-icon-left .rss i {
    background-position: -105px -10px;
}
.tvfooter-social-icon-left .facebook i {
    background-position: -105px -60px;
}
.tvfooter-social-icon-left .twitter i {
    background-position: -105px -110px;
}
.tvfooter-social-icon-left .youtube i {
    background-position: -104px -158px;
}
.tvfooter-social-icon-left .googleplus i {
    background-position: -102px -258px;
}
.tvfooter-social-icon-left .pinterest i {
    background-position: -103px -208px;
}
.tvfooter-social-icon-left .vimeo i {
    background-position: -104px -358px;
}
.tvfooter-social-icon-left .instagram i {
    background-position: -104px -309px;
}
.tvfooter-social-icon-left .rss:hover i {
    background-position: -5px -10px;
}
.tvfooter-social-icon-left .facebook:hover i {
    background-position: -5px -60px;
}
.tvfooter-social-icon-left .twitter:hover i {
    background-position: -5px -110px;
}
.tvfooter-social-icon-left .youtube:hover i {
    background-position: -4px -158px;
}
.tvfooter-social-icon-left .googleplus:hover i {
    background-position: -2px -258px;
}
.tvfooter-social-icon-left .pinterest:hover i {
    background-position: -3px -208px;
}
.tvfooter-social-icon-left .vimeo:hover i {
    background-position: -4px -358px;
}
.tvfooter-social-icon-left .instagram:hover i {
    background-position: -4px -309px;
}
.tvfooter-social-icon-left .rss:hover a {
    background-color: #ff7b0a
}
.tvfooter-social-icon-left .facebook:hover a {
    background-color: #3a589e
}
.tvfooter-social-icon-left .twitter:hover a {
    background-color: #5ea9dd
}
.tvfooter-social-icon-left .youtube:hover a {
    background-color: #ec2828
}
.tvfooter-social-icon-left .googleplus:hover a {
    background-color: #df4b38
}
.tvfooter-social-icon-left .pinterest:hover a {
    background-color: #cb2027
}
.tvfooter-social-icon-left .vimeo:hover a {
    background-color: #1ab7ea
}
.tvfooter-social-icon-left .instagram:hover a {
    background-color: #64443c
}
.tvright-sticky-option {
    position: fixed;
    right: -100px;
    top: 50%;
    -webkit-transform: translateY(-48%);
    transform: translateY(-48%);
    direction: ltr;
    z-index: 70
}
.tvright-sticky-option #tvcmsdesktop-user-info .tvhedaer-sign-btn,
.tvright-sticky-option .tvcmsdesktop-view-wishlist .tvwishlist-name span,
.tvright-sticky-option .tvcmsdesktop-view-compare .tvdesktop-view-compare-name {
    line-height: normal;
}
.tvright-sticky-option .tvtight-sticky {
    background-color: #fff;
    height: 30px;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    padding: 0 10px 0 0;
    box-shadow: -1px 1px 3px 0px rgba(122, 122, 122, 0.18);
    border-radius: 5px 0 0 5px;
    transition: all .3s ease;
    /*position: relative;
    right: calc(-100% + 40px);*/
}
.tvright-sticky-option .tvtight-sticky:hover {
    background-color: #ff214f;
    color: #000;
    box-shadow: none;
    margin-left: calc(-80% + 1px);
}
.tvright-sticky-option .tvtight-sticky:hover i,
.tvright-sticky-option .tvtight-sticky:hover span,
.tvright-sticky-option .tvtight-sticky:hover a,
.tvright-sticky-option .tvtight-sticky:hover .tvdesktop-view-compare-name {
    color: #fff;
}
.tvright-sticky-option .tvtight-sticky i {
    font-size: 18px;
    height: 30px;
    width: 35px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}
/********************************/
#search_filters .facet .facet-label:hover a {
    color: #d90244
}
.custom-checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    float: left;
}
.custom-checkbox input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 17px;
    width: 17px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
}
.custom-checkbox span {
    border: 1px solid rgba(0, 0, 0, 0.07);
    height: 17px;
    width: 17px;
    line-height: 1;
    background: #F6F8FF;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .14)
}
.custom-checkbox label {
    margin-left: 7px;
    text-align: left;
}
.custom-checkbox span i {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0 1px 1px;
    opacity: 0;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transition: all .3s ease-in-out;
}
.custom-checkbox input[type=checkbox]:checked+span {
    border: 1px solid #888;
}
.custom-checkbox input[type=checkbox]:checked+span .checkbox-checked,
.custom-checkbox input[type=checkbox]:checked+span i {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.tvfilter-search-types-dropdown .tvcolor-box .color i {
    font-size: 16px;
    margin: 3px 0 1px 1px;
}
/***** All Theme Custom Btn *****/
.tvall-inner-btn {
    background-color: #0000ff;
    color: #fff;
    border-radius: 3px;
    padding: 7.5px 15px;
    outline: none;
    border: none;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-bottom: 5px;
    position: relative;
    text-decoration: none;
}

/* État au survol */
.tvall-inner-btn:hover {
    background-color: #ee9a00 !important;  /* nouvelle couleur de fond */
    color: #fff;                 /* facultatif : changer ou conserver la couleur du texte */
}

.tvall-inner-btn:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #ee9a00 !important;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 3px;
    overflow: hidden;
}
.tvall-inner-btn:hover:after {
    height: 100%;
    top: 0;
    background-color: #d90244;
}
.tvall-inner-btn-cancel {
    background-color: #6c757d;
    color: #fff;
    border-radius: 3px;
    padding: 10px 15px;
    outline: none;
    border: none;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-bottom: 5px;
    position: relative;
    text-decoration: none;
}
.tvall-inner-btn-cancel span {
    color: #fff;
    text-decoration: none;
}
.tvall-inner-btn-cancel:hover {
    background-color: #5a6268;
}
.tvall-inner-btn-cancel.disabled,
.tvall-inner-btn.disabled,
i.material-icons.block {
    cursor: no-drop;
}
.product-additional-info .js-mailalert {
    text-align: left !important;
}
/*.tvall-inner-btn:hover{
    background-color: #d90244
}*/
.tvall-inner-btn span,
.tvall-inner-btn i {
    position: relative;
    z-index: 1;
    text-decoration: none;
}
.tvall-inner-btn:hover span,
.tvall-inner-btn:hover i {
    color: #fff;
    text-decoration: none;
}
.tvall-inner-btn-cancel span,
.tvall-inner-btn span {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    line-height: normal;
    vertical-align: middle;
    letter-spacing: 2px;
    display: inline-block;
    text-align: center;
}
.tvall-inner-btn-cancel span {
    color: #fff;
    vertical-align: middle;
}
.tvall-inner-btn i {
    margin-right: 5px;
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
}
.tvedit-btn {
    background-color: #156674;
    color: #fff;
    padding: 6px 7px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    border-radius: 3px;
    margin: 0 5px 5px 0
}
.tvremove-btn {
    background-color: #c82333;
    border-radius: 3px;
    color: #fff;
    padding: 6px 7px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    border-radius: 3px;
    margin: 0 5px 5px 0
}
.tvedit-btn:hover,
.tvremove-btn:hover {
    background-color: #000
}
.tvedit-btn span,
.tvremove-btn span {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.tvedit-btn i,
.tvremove-btn i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff
}
#search_filters .facet .facet-title {
    border-bottom: none;
}
#search_filters .facet .tvfilter-search-types-title {
    border-bottom: 1px solid #f1f1f1;
}
/***** START RIGHT STICKY CSS *****/
.tvcmsright-sticky {
    right: 0;
    position: fixed;
    top: 0;
    white-space: nowrap;
    width: auto;
    margin: auto;
    bottom: 0;
    max-height: 200px;
    z-index: 2;
}
.tvcmsright-sticky .tvright-sticky {
    position: relative;
    min-width: 40px;
    width: auto;
}
.tvcmsright-sticky .tvright-sticky-wrapper {
    position: absolute;
}
.tvsticky-up-arrow,
.tvsticky-wishlist,
.tvsticky-compare,
.tvright-sticky-account,
.tvright-sticky-add-to-cart {
    background-color: #FFF;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding: 0 10px;
    height: 28px;
    text-transform: uppercase;
    border-radius: 15px 0 0 15px;
    display: block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 10px 0;
    overflow: hidden;
}
.tvsticky-up-arrow i,
.tvsticky-wishlist i,
.tvsticky-compare i,
.tvright-sticky-account i,
.tvright-sticky-add-to-cart i {
    color: #6f6f6f;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    float: left;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.tvsticky-up-arrow span,
.tvsticky-wishlist .tvwishlist-sticky-name,
.tvsticky-compare .tvsticky-compare-name,
.tvright-sticky-account span,
.tvright-sticky-add-to-cart span {
    color: #FFF;
    font-size: 10px;
    float: left;
    line-height: 28px;
    margin: 0 0 0 9px;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.tvsticky-up-arrow a,
.tvsticky-wishlist a,
.tvsticky-compare a,
.tvright-sticky-account a,
.tvright-sticky-add-to-cart a {
    width: 100%;
    display: inline-block;
}
.tvsticky-up-arrow:hover,
.tvsticky-wishlist:hover,
.tvsticky-compare:hover,
.tvright-sticky-account:hover,
.tvright-sticky-add-to-cart:hover {
    margin-left: calc(-100% + 30px);
    background: #ff214f;
}
.tvsticky-up-arrow:hover i,
.tvsticky-wishlist:hover i,
.tvsticky-compare:hover i,
.tvright-sticky-account:hover i,
.tvright-sticky-add-to-cart:hover i {
    color: #FFF;
}
.tvsticky-up-arrow:hover span,
.tvsticky-wishlist:hover .tvwishlist-sticky-name,
.tvsticky-compare:hover .tvsticky-compare-name,
.tvright-sticky-account:hover span,
.tvright-sticky-add-to-cart:hover span {
    opacity: 1;
}
/*@media (max-width: 575px){
    .tvcmsright-sticky{
        display: none;
    }
}*/
.tvheader-top-info .tvsticky-compare {
    display: none;
}
.tv-account-dropdown,
.tv-language-dropdown,
.tv-currency-dropdown {
    display: none;
}
/***** END RIGHT STICKY CSS *****/
.tv-footer-social-icon {
    left: 0;
    position: fixed;
    top: 0;
    white-space: nowrap;
    width: auto;
    z-index: 0;
    /* height: min-content; */
    margin: auto;
    bottom: 0;
    max-height: 275px;
}
.tv-footer-social-icon .tv-footer-social-icon-wrapper {
    position: relative;
    min-width: 40px;
    width: auto;
}
.tv-footer-social-icon .tv-footer-social-icon-inner {
    position: absolute;
    right: 0;
}
/*.tv-footer-social-icon{
    position: fixed;
    left: -65px;
    top:0;
    bottom: 0;
    margin: auto;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    z-index: 100;
    max-height: 315px;
}*/
.tv-footer-social-icon .tvblock-social-content {
    overflow: hidden;
    height: 28px;
    background-color: #FFF;
    border-radius: 0 15px 15px 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 10px 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 2;
    padding: 7px 10px;
}
.tv-footer-social-icon .tvblock-social-content:hover {
    background: #333;
    margin-right: calc(-100% + 30px);
}
.tv-footer-social-icon .tvfacebook-wrapper:hover {
    background: #3a589e;
    margin-right: calc(-100% + 30px);
}
.tv-footer-social-icon .tvtwitter-wrapper:hover {
    background: #5ea9dd;
    margin-right: calc(-100% + 30px);
}
.tv-footer-social-icon .tvrss-wrapper:hover {
    background: #ff7b0a;
    margin-right: calc(-100% + 30px);
}
.tv-footer-social-icon .tvyoutube-wrapper:hover {
    background: #ec2828;
    margin-right: calc(-100% + 30px);
}
.tv-footer-social-icon .tvgoogleplus-wrapper:hover {
    background: #df4b38;
    margin-right: calc(-100% + 30px);
}
.tv-footer-social-icon .tvpinterest-wrapper:hover {
    background: #cb2027;
    margin-right: calc(-100% + 30px);
}
.tv-footer-social-icon .tvvimeo-wrapper:hover {
    background-: #1ab7ea;
    margin-right: calc(-100% + 30px);
}
.tv-footer-social-icon .tvinstagram-wrapper:hover {
    background: #64443c;
    margin-right: calc(-100% + 30px);
}
/*.tv-footer-social-icon ul li a{
     color: #FFF;
}*/
.tv-footer-social-icon .tvblock-social-content .tvblock-social-icon {
    width: 14px;
    height: 14px;
    float: right;
}
.tv-footer-social-icon .tvblock-social-content .tvblock-social-icon.tvgoogleplus {
    height: 18px;
    width: 18px;
}
.tvblock-social-content.tvgoogleplus-wrapper {
    padding: 5px 7px;
}
.block-social .tvblock-social-content.tvgoogleplus-wrapper span {
    line-height: 19px;
}
.block-social .tvblock-social-content span {
    display: block;
    color: #FFF;
    line-height: 15px;
    margin: 0 9px 0 3px;
    font-size: 10px;
    text-transform: uppercase;
    opacity: 0;
    float: right;
    transition: .2s ease-in-out;
}
.tv-footer-social-icon .tvblock-social-content:hover span {
    opacity: 1;
}
#footer .tvblock-social-icon path {
    fill: #6f6f6f !important;
}
#footer .tv-footer-social-icon .tvblock-social-content:hover .tvblock-social-icon path {
    fill: #ffffff !important;
}
#product .data-sheet {
    max-width: 40%;
}
.tvcmsofferbanners-one .tvbanner-hover-wrapper {
    display: block;
}
#cms .tv-sub-pages-inner-content {
    overflow: hidden;
}
.tvcart-product-content .regular-price {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    color: #666666;
    letter-spacing: 0.3px;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
}
.tvvertical-slider .product-images {
    overflow: hidden;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
#header .tv-myaccount-btn-desktop svg {
    /*padding: 3px 0px 5px 0px;*/
    /*width: 36px;*/
    /*height: 36px;*/
    margin-right: 12px;
}
#header .tv-cart-icon-main .tvheader-right-icon svg g path:nth-child(1),
#header .tv-myaccount-btn-desktop svg g path:nth-child(1) {
    /*fill: #ffd741 !important;*/
}
.tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper,
.tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper,
.tvcmsproduct-grid-list .tvproduct-grid,
.tvcmsproduct-grid-list .tvproduct-grid-2,
.tvcmsproduct-grid-list .tvproduct-list,
.tvcmsproduct-grid-list .tvproduct-list-2,
.tvcmsproduct-grid-list .tvproduct-catelog,
.tv_search_filter_wrapper .tvleft-right-title-wrapper {
    background-color: #ffffff;
    color: #000;
}
.tv_search_filter_wrapper .tvleft-right-title-wrapper {
    border: 1px solid #ededed;
}
.tv_search_filter_wrapper .tvleft-right-title-wrapper:hover {
    border-color: #d90244;
}
#products .tvproduct-view.tvproduct-grid svg.tvgrid g path,
#products .tvproduct-view.tvproduct-grid-2 svg.tvgrid-2 g path,
#products .tvproduct-view.tvproduct-list svg.tvlist g path,
#products .tvproduct-view.tvproduct-list-2 svg.tvlist-2 g path,
#products .tvproduct-view.tvproduct-catelog svg.tvcatelog g path,
#products .tvproduct-view.tvproduct-catelog svg.tvcatelog g polygon,
#products .tv_search_filter_wrapper .tvleft-right-title-wrapper svg.tvfilter-top g polygon,
#products .tv-left-pannal-btn-wrapper svg g rect {
    fill: #bbbbbb !important
}
#products .tvproduct-view.tvproduct-grid:hover svg.tvgrid g path,
#products .tvproduct-view.tvproduct-grid-2:hover svg.tvgrid-2 g path,
#products .tvproduct-view.tvproduct-list:hover svg.tvlist g path,
#products .tvproduct-view.tvproduct-list-2:hover svg.tvlist-2 g path,
#products .tvproduct-view.tvproduct-catelog:hover svg.tvcatelog g path,
#products .tvproduct-view.tvproduct-catelog:hover svg.tvcatelog g polygon,
#products .tvproduct-view.tvproduct-grid.active svg.tvgrid g path,
#products .tvproduct-view.tvproduct-grid-2.active svg.tvgrid-2 g path,
#products .tvproduct-view.tvproduct-list.active svg.tvlist g path,
#products .tvproduct-view.tvproduct-list-2.active svg.tvlist-2 g path,
#products .tvproduct-view.tvproduct-catelog.active svg.tvcatelog g path,
#products .tvproduct-view.tvproduct-catelog.active svg.tvcatelog g polygon {
    fill: #000000 !important
}
.tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper i,
.tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper i,
.tv_search_filter_wrapper .tvleft-right-title-wrapper i,
.tvcmsproduct-grid-list .tvproduct-grid i,
.tvcmsproduct-grid-list .tvproduct-grid-2 i,
.tvcmsproduct-grid-list .tvproduct-list i,
.tvcmsproduct-grid-list .tvproduct-list-2 i,
.tvcmsproduct-grid-list .tvproduct-catelog i {
    color: #000;
}
#products .tv_search_filter_wrapper .tvleft-right-title-wrapper:hover i,
#products .tv_search_filter_wrapper .tvleft-right-title-wrapper:hover {
    color: #000;
}
.tvcmsheader-search.search-widget form .tvheader-top-search-wrapper button[type=submit] svg g path,
.tvcmsheader-search.search-widget form .tvheader-top-search-wrapper button[type=submit] svg g rect,
.tvcmsheader-search.search-widget form .tvheader-top-search-wrapper:hover button[type=submit] svg g path,
.tvcmsheader-search.search-widget form .tvheader-top-search-wrapper:hover button[type=submit] svg g rect {
    fill: #e30047 !important;
}
.tvheader-top-search-wrapper {
    padding: 15px 16px;
}
.tvproduct-cart-quentity-decrement i,
.tvproduct-cart-quentity-increment i {
    font-size: 15px;
}
.tvproduct-cart-quentity-decrement:hover i,
.tvproduct-cart-quentity-increment:hover i {
    color: #ffffff;
}
.tvblog-event-all-content-block:hover .tvnews-event-buttons {
    opacity: 1;
}
.tvgrid-list-view-product .tvproduct-wrapper {
    margin-bottom: 0;
}
.cart-overview .bootstrap-touchspin .input-group-btn-vertical {
    display: inline-flex;
}
@media (min-width: 992px) {
    .tv-header-menu {
        margin: 0;
        overflow: hidden;
    }
    .tvmain-menu-dropdown {
        position: absolute;
        background-color: #ffffff;
        z-index: 60;
        padding: 15px;
        outline: 1px solid #e5e5e5;
        left: auto;
        opacity: 0;
        visibility: hidden;
        transform: perspective(600px) rotateX(-90deg);
        -webkit-transform: perspective(600px) rotateX(-90deg);
        -moz-transform: perspective(600px) rotateX(-90deg);
        -ms-transform: perspective(600px) rotateX(-90deg);
        -o-transform: perspective(600px) rotateX(-90deg);
        transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }
    .tv-language-dropdown,
    .tv-currency-dropdown {
        position: absolute;
        z-index: 100;
        min-width: 151px;
        margin: 0;
        right: auto;
        left: auto;
        box-shadow: 0px 0px 2px 0.8px rgba(122, 122, 122, 0.18);
        /*border-bottom: 4px solid #d90244;*/
    }
    .tvcmsdesktop-top-header-wrapper.header-4 .tv-language-dropdown,
    .tvcmsdesktop-top-header-wrapper.header-4 .tv-currency-dropdown,
    .tvcmsdesktop-top-header-wrapper.header-2 .tv-language-dropdown,
    .tvcmsdesktop-top-header-wrapper.header-2 .tv-currency-dropdown,
    .tvcmsdesktop-top-header-wrapper.header-3 .tv-language-dropdown,
    .tvcmsdesktop-top-header-wrapper.header-3 .tv-currency-dropdown,
    .tvcmsdesktop-top-header-wrapper.header-6 .tv-language-dropdown,
    .tvcmsdesktop-top-header-wrapper.header-6 .tv-currency-dropdown {
        position: inherit;
        box-shadow: none;
    }
    .tvcmsmain-menu-wrapper {
        /*transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);*/
        /*opacity: 0;*/
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .tvcmsmain-menu-wrapper.tvcmsmain-menu-block {
        /*transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);*/
        /*opacity: 1;*/
        /*padding: 0;*/
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .tvbanner-hover-wrapper img {
        width: 100%;
    }
    #footer_sub_menu_store_info,
    #footer_sub_menu_link,
    #footer_sub_menu_myaccount,
    #footer_sub_menu_social_icon {
        display: block;
        overflow: hidden;
        /*margin: 0;*/
    }
}
/***** Header & Footer Layout Design Css *****/
.header-3 .container_tv_megamenu {
    text-align: left;
}
.header-4 .tvcms-header-menu-offer-wrapper,
.header-6 .tvcms-header-menu-offer-wrapper {
    min-height: auto;
    background-color: #ffffff;
    border-top: none;
    border-bottom: none;
}
.header-6 .tvcms-header-menu-offer-wrapper {
    background-color: transparent;
}
.header-6 .tvcms-header-menu-offer-wrapper.sticky {
    background-color: #ffffff;
}
.header-3 .tvcms-header-menu {
    display: flex;
    align-items: center;
}
.header-3 #_desktop_contact_link {
    text-align: right;
    padding: 0;
}
.header-3 #_desktop_contact_link #contact-link i {
    margin-right: 10px;
    color: #000000;
}
.header-3 #_desktop_contact_link #contact-link span {
    color: #000000;
    font-size: 16px;
}
.header-4 .tvcmssearch-wrapper,
.header-5 .tvcmssearch-wrapper,
.header-6 .tvcmssearch-wrapper {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 24px;
}
#header .header-4 #_desktop_search .tvsearch-top-wrapper .tvsearch-open i,
#header .header-4 #_desktop_search .tvsearch-top-wrapper .tvsearch-close i,
#header .header-5 #_desktop_search .tvsearch-top-wrapper .tvsearch-open i,
#header .header-5 #_desktop_search .tvsearch-top-wrapper .tvsearch-close i,
#header .header-6 #_desktop_search .tvsearch-top-wrapper .tvsearch-open i,
#header .header-6 #_desktop_search .tvsearch-top-wrapper .tvsearch-close i {
    color: #000000;
    font-size: 34px;
}
#header .header-4 .tvsearch-header-display-wrappper,
#header .header-5 .tvsearch-header-display-wrappper,
#header .header-6 .tvsearch-header-display-wrappper {
    max-width: 435px;
    width: 435px;
}
.header-5 .tvheader-language-currency-wrapper {
    text-align: left;
}
.header-5 .tv-header-logo {
    justify-content: center;
}
.header-5 .tv-account-wrapper .tv-myaccount-btn span,
.header-4 .tv-account-wrapper .tv-myaccount-btn span,
.header-6 .tv-account-wrapper .tv-myaccount-btn span {
    display: none;
}
.tvcmsdesktop-top-header-wrapper.header-6 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}
#header .header-4 .tv-myaccount-btn-desktop svg,
#header .header-5 .tv-myaccount-btn-desktop svg,
#header .header-6 .tv-myaccount-btn-desktop svg {
    margin: 0;
}
/*.footer-container.header-2 .tvfooter-account-link {
    display: none;
}*/
.tvcmsdesktop-top-header-wrapper.header-4 .tvheader-sarch-display,
.tvcmsdesktop-top-header-wrapper.header-5 .tvheader-sarch-display,
.tvcmsdesktop-top-header-wrapper.header-6 .tvheader-sarch-display,
#tvcms-mobile-view-header.mobile-header-2 .tvheader-sarch-display {
    display: block;
}
#header .tvcmsdesktop-top-header-wrapper.header-4 .tvsearch-header-display-wrappper,
#header .tvcmsdesktop-top-header-wrapper.header-5 .tvsearch-header-display-wrappper,
#header .tvcmsdesktop-top-header-wrapper.header-6 .tvsearch-header-display-wrappper {
    position: absolute;
    right: 0;
    left: auto;
    top: 60px;
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#header #tvcms-mobile-view-header.mobile-header-2 .tvsearch-header-display-wrappper {
    position: inherit;
    display: none;
    opacity: 0;
    height: 0;
    visibility: hidden;
    top: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}
#header #tvcms-mobile-view-header.mobile-header-2 .tvsearch-header-display-wrappper.open {
    display: block;
    opacity: 1;
    height: 100%;
    visibility: visible;
    padding: 0 0 10px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}
#header .tvcmsdesktop-top-header-wrapper.header-4 .tvsearch-header-display-wrappper.open,
#header .tvcmsdesktop-top-header-wrapper.header-5 .tvsearch-header-display-wrappper.open,
#header .tvcmsdesktop-top-header-wrapper.header-6 .tvsearch-header-display-wrappper.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.footer-container.footer-2 .tvfooter-logo-block,
.footer-container.footer-3 .tvfooter-logo-block,
.footer-container.footer-4 .tvfooter-logo-block {
    padding: 0px 0;
}
.footer-container.footer-2 .tvfooter-logo-block .tvfooter-logo-desc {
    width: 100%;
    max-width: 100%;
    text-align: left;
}
/*.footer-container.footer-2 .tvcms-newsletter-wrapper {
    width: 100%;
    padding: 0;
}
.footer-container.footer-2 .tvcms-newsletter-wrapper .tvcms-newsletter-wrapper{
    display: none;
}*/
.footer-container.footer-4 .tvfooter-logo-block .tvfooter-logo-desc {
    width: 90%;
    max-width: 90%;
    text-align: left;
    margin: 0;
}
.footer-container.footer-2 .tvfooter-storelogo-inner,
.footer-container.footer-3 .tvfooter-storelogo-inner,
.footer-container.footer-4 .tvfooter-storelogo-inner {
    border: none;
    text-align: left;
    margin-bottom: 15px;
}
.footer-container.footer-3 .tvfooter-storelogo-inner {
    margin-bottom: 35px;
}
.footer-container.footer-2 .tvfooter-logo-block .tvfooter-img-block {
    text-align: left;
}
.footer-container.footer-2 .tvfooter-payment-icon-img-block,
.footer-container.footer-2 .tvcopylink,
.footer-container.footer-2 .tvcmsfooter-social-icon,
.footer-container.footer-3 .tvfooter-payment-icon-img-block,
.footer-container.footer-3 .tvcopylink,
.footer-container.footer-3 .tvcmsfooter-social-icon {
    width: 100%;
    text-align: center;
}
.footer-container.footer-3 .tvfooter-storelogo-weapper,
.footer-container.footer-3 .tvfooter-contact-link-wrapper,
.footer-container.footer-3 .tvfooter-category-block,
.footer-container.footer-3 .tvfooter-account-link,
.footer-container.footer-3 #block_myaccount_infos,
.footer-container.footer-3 .tvcms-newsletter-wrapper,
.footer-container.footer-3 .tvcmsfooter-store-time {
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
}
/*.footer-container.footer-3 .tvfooter-storelogo-weapper,*/
.footer-container.footer-3 .tvfooter-contact-link-wrapper .tvfooter-address,
.footer-container.footer-3 .tvfooter-category-block,
.footer-container.footer-3 .tvfooter-account-link .tvfooter-account-wrapper,
.footer-container.footer-3 #block_myaccount_infos,
.footer-container.footer-3 .tvcms-newsletter-wrapper .tvnewsletter-block,
.footer-container.footer-3 .tvcmsfooter-store-time .tvfooter-store-time-info-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.footer-container.footer-2 .tvfooter-copy-payment-icon-inner,
.footer-container.footer-3 .tvfooter-copy-payment-icon-inner,
.footer-container.footer-3 .tvfooter-storelogo-imformation {
    display: block;
}
.footer-container.footer-2 .tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper,
.footer-container.footer-3 .tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper {
    justify-content: center;
    margin-bottom: 10px;
}
.footer-container.footer-3 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,
.footer-container.footer-3 .tvfooter-account-link li,
.footer-container.footer-3 #block_myaccount_infos li,
.footer-container.footer-3 .tvfooter-category-block ul li,
.footer-container.footer-4 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,
.footer-container.footer-4 .tvfooter-account-link li,
.footer-container.footer-4 #block_myaccount_infos li,
.footer-container.footer-4 .tvfooter-category-block ul li {
    margin-bottom: 12px;
    display: inline-block;
}
.footer-container.footer-3 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,
.footer-container.footer-4 .tvfooter-time-wrapper .tvfooter-open-time-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.footer-container.footer-3 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,
.footer-container.footer-3 .tvfooter-account-link li,
.footer-container.footer-3 #block_myaccount_infos li,
.footer-container.footer-3 .tvfooter-category-block ul li {
    margin: 0 25px 0px 25px;
}
.footer-container.footer-4 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,
.footer-container.footer-4 .tvfooter-account-link li,
.footer-container.footer-4 #block_myaccount_infos li,
.footer-container.footer-4 .tvfooter-category-block ul li {
    margin: 0 40px 20px 0;
}
.footer-container.footer-3 .tvnewsleeter-input-button-wraper {
    width: 60%;
}
.footer-container.footer-3 .tvfooter-addresses br {
    display: none;
}
.footer-container.footer-3 .tvfooter-addresses,
.footer-container.footer-3 .tvfooter-store-link,
.footer-container.footer-3 .tvfooter-store-link-content,
.footer-container.footer-3 .tvfooter-store-link-fax {
    margin: 0 20px;
    padding: 0 !important;
}
.footer-container.footer-3 #footer_sub_menu_store_info {
    margin-bottom: 15px;
}
.footer-container.footer-4 .tvfooter-logo-block {
    margin-bottom: 25px;
}
#footer_sub_menu_store_info .tvfooter-addresses i,
#footer_sub_menu_store_info .tvfooter-store-link i,
#footer_sub_menu_store_info .tvfooter-store-link-content i,
#footer_sub_menu_store_info .tvfooter-store-link-fax i {
    margin-right: 8px;
    font-size: 17px;
    color: #666;
}
.footer-container.footer-3 .tvnewsletter-lable-wrapper {
    text-align: center;
    margin-right: 25px;
    margin-bottom: 0;
}
.footer-container.footer-3 .block_newsletter .tvnewsletter-title {
    margin: 0;
}
.footer-container.footer-3 .tvnewsletter-description p {
    margin-bottom: 0;
}
.footer-container.footer-4 .tvfooter-contact-link-wrapper,
.footer-container.footer-4 .tvfooter-logo-block .tvfooter-img-block {
    width: 100%;
    padding: 0;
    text-align: left;
}
.footer-container.footer-4 .tvfooter-contact-link-wrapper,
.footer-container.footer-4 .tvfooter-category-block,
.footer-container.footer-4 .tvfooter-account-link,
.footer-container.footer-4 #block_myaccount_infos,
.footer-container.footer-4 .tvcms-newsletter-wrapper,
.footer-container.footer-4 .tvcmsfooter-store-time {
    width: 100%;
}
.footer-container.footer-4 .block_newsletter form {
    width: 50%;
    margin: 0;
}
.footer-container.footer-3 .block_newsletter form {
    margin: 0;
    /*width: 60%;*/
}
.footer-container.footer-4 .tvfooter-logo-link-wrapper li a:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    display: block;
    opacity: 1;
    margin: auto;
    width: 7px;
    right: -23px;
    border-radius: 100%;
    height: 7px;
    background-color: transparent;
    border: 1px solid #cccccc;
}
.footer-container.footer-4 .tvfooter-logo-link-wrapper li:last-child a:before {
    display: none;
}
.footer-container.footer-3 .tvfooter-logo-link-wrapper li a:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    display: block;
    opacity: 1;
    margin: auto;
    width: 10px;
    height: 1px;
    right: -30px;
    background-color: #cccccc;
}
.footer-container.footer-3 .tvfooter-logo-link-wrapper li:last-child a:before {
    display: none;
}
.footer-container.footer-4 .tvfooter-links-wrapper {
    padding: 0;
}
.product-4 .tvvertical-slider.col-sm-3 {
    /*width: 100%;*/
}
.product-4 .tvvertical-slider .tvvertical-slider-next,
.product-4 .tvvertical-slider .tvvertical-slider-pre,
.product-6 .tvvertical-slider .tvvertical-slider-next,
.product-6 .tvvertical-slider .tvvertical-slider-pre,
.product-3 .tvvertical-slider .tvvertical-slider-next,
.product-3 .tvvertical-slider .tvvertical-slider-pre {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.product-4 .tvvertical-slider .tvvertical-slider-next,
.product-6 .tvvertical-slider .tvvertical-slider-next {
    right: 15px;
}
.product-3 .tvvertical-slider .tvvertical-slider-next {
    right: -15px;
    top: 45%;
}
.product-4 .tvvertical-slider .tvvertical-slider-pre,
.product-6 .tvvertical-slider .tvvertical-slider-pre {
    left: 15px;
}
.product-3 .tvvertical-slider .tvvertical-slider-pre {
    left: -15px;
    top: 45%;
}
.product-4 .tvvertical-slider .tvvertical-slider-next,
.product-4 .tvvertical-slider .tvvertical-slider-pre,
.product-6 .tvvertical-slider .tvvertical-slider-next,
.product-6 .tvvertical-slider .tvvertical-slider-pre {
    width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.product-4 .tvvertical-slider .tvvertical-slider-next:hover,
.product-4 .tvvertical-slider .tvvertical-slider-pre:hover,
.product-6 .tvvertical-slider .tvvertical-slider-next:hover,
.product-6 .tvvertical-slider .tvvertical-slider-pre:hover {
    background-color: #f5f5f5;
}
.product-4 .tvvertical-slider .tvvertical-slider-next span,
.product-4 .tvvertical-slider .tvvertical-slider-pre span,
.product-6 .tvvertical-slider .tvvertical-slider-next span,
.product-6 .tvvertical-slider .tvvertical-slider-pre span {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-3 .tvvertical-slider .product-images {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    max-height: max-content;
    margin-top: 15px;
    padding-bottom: 0;
}
.product-3 .tvvertical-slider .product-images.slick-slider {
    display: block;
}
.tvvertical-slider .slick-slider .tvcmsVerticalSlider:nth-child(1) img,
.tvvertical-slider .tvcmsVerticalSlider img {
    border: 1px solid transparent;
}
.tvvertical-slider .slick-slide.slick-current .tvcmsVerticalSlider:nth-child(1) img.thumb {
    /*border: 1px solid #00000012;*/
}
/*.tvvertical-slider .slick-slider .tvcmsVerticalSlider img.thumb.selected,*/
.tvvertical-slider .slick-slider .tvcmsVerticalSlider img.thumb.active,
.tvvertical-slider .slick-slider .tvcmsVerticalSlider img.thumb:hover {
    border: 1px solid #eee;
}
.product-3 .tvcmsVerticalSlider {
    /*display: inline-block;*/
    padding: 0 5px;
    width: 96px;
    /*height: 145px;*/
}
.quickview .product-3 .tvcmsVerticalSlider {
    width: 150.2343px;
}
.tv-product-page-content .tvproduct-special-desc {
    border-top: 1px dashed #a7a7a7;
    padding: 0px 0 0px;
    /*margin-bottom: 15px;*/
}
.tv-product-page-content .tvwishlist-compare-wrapper-page {
    margin-bottom: 25px;
    padding: 0 0 0 0;
}
.tvproduct-wishlist-compare {
    border-bottom: 1px dashed #a7a7a7;
}
.tvproduct-page-wrapper .product-prices .tax-shipping-delivery-label,
.quickview .product-prices .tax-shipping-delivery-label {
    margin-top: 8px;
    color: #666666;
    font-size: 14px;
}
.quickview .product-discount .regular-price,
.tvproduct-page-wrapper .product-discount .regular-price {
    font-size: 16px;
}
.product-price .current-price .price,
.modal-body.tv-addtocart-content-part .tv-addtocart-price {
    font-size: 24px;
}
.product-additional-info {
    padding-top: 10px;
    margin-bottom: 0;
}
.tv-product-page .tv-indicator {
    padding-top: 30px;
    margin-bottom: 0;
    margin-right: 50px;
}
.tv-product-page-content h1,
.tv-product-page-content .tvall-product-star-icon,
.tv-product-page-content .product-prices,
.tvproduct-page-decs p,
.product-quantity,
.product-variants>.product-variants-item {
    margin-bottom: 20px;
}
.tvproduct-stock-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}



.tvproduct-wishlist-compare {
    margin-top: 0;
    padding-bottom: 30px;
}
.tvproduct-wishlist-compare .tvproduct-wishlist a:focus {
    color: #000000;
}
.product-3 #block-reassurance li {
    width: 100%;
}
.product-2 .tvproduct-sale-pack-wrapper {
    right: 30px;
}
.product-2 .tvproduct-online-new-wrapper {
    left: 30px;
}
.product-2 .tvproduct-image-slider {
    box-shadow: none;
    margin: 0 -15px;
}
.product-2 .tvproduct-image-slider .col-md-6 img {
    border: 1px solid #f5f5f5;
    margin-bottom: 15px;
}
.product-2 .product-cover .layer {
    right: 30px;
    bottom: 30px;
}
@media (max-width: 1140px) {
    .footer-container.footer-3 .tvfooter-contact-link-wrapper .tvfooter-address,
    .footer-container.footer-3 .tvfooter-category-block,
    .footer-container.footer-3 .tvfooter-account-link .tvfooter-account-wrapper,
    .footer-container.footer-3 #block_myaccount_infos,
    .footer-container.footer-3 .tvcms-newsletter-wrapper .tvnewsletter-block,
    .footer-container.footer-3 .tvcmsfooter-store-time .tvfooter-store-time-info-box {
        display: block;
    }
    .footer-container.footer-3 .tvfooter-title-wrapper .tvfooter-title:after,
    .footer-container.footer-3 .block_newsletter .tvnewsletter-title:after {
        display: none;
    }
    .footer-container.footer-3 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,
    .footer-container.footer-3 .tvfooter-account-link li,
    .footer-container.footer-3 #block_myaccount_infos li,
    .footer-container.footer-3 .tvfooter-category-block ul li {
        margin: 0 25px 15px 25px;
    }
    .footer-container.footer-3 .tvfooter-addresses,
    .footer-container.footer-3 .tvfooter-store-link,
    .footer-container.footer-3 .tvfooter-store-link-content,
    .footer-container.footer-3 .tvfooter-store-link-fax {
        padding-bottom: 10px !important;
    }
    .footer-container.footer-3 .tvnewsletter-lable-wrapper {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .footer-container.footer-3 .tvnewsleeter-input-button-wraper {
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .footer-container.footer-3 .tvfooter-addresses,
    .footer-container.footer-3 .tvfooter-store-link,
    .footer-container.footer-3 .tvfooter-store-link-content,
    .footer-container.footer-3 .tvfooter-store-link-fax {
        margin: 0 10px;
    }
}
@media (max-width: 1180px) {
    #header .header-4 .tv-menu-horizontal ul li.level-1>a,
    #header .header-6 .tv-menu-horizontal ul li.level-1>a {
        /*padding: 9px 10px;*/
        font-size: 16px;
    }
    .header-3 #_desktop_contact_link #contact-link span {
        font-size: 14px;
    }
    .header-3 #_desktop_contact_link #contact-link i {
        font-size: 20px;
        margin-right: 5px;
    }
    .header-3 .tvcmsdesktop-contact,
    .header-4 .tvcmsheader-nav-right,
    .header-6 .tvcmsheader-nav-right {
        padding-left: 0;
    }
    .header-4 .tvcmssearch-wrapper,
    .header-6 .tvcmssearch-wrapper {
        margin-right: 15px;
    }
    .header-4 .tvheader-cart-wrapper,
    .header-6 .tvheader-cart-wrapper {
        padding: 25px 0 25px 15px;
    }
}
@media (min-width: 992px) {
    .footer-container.footer-3 #footer_sub_menu_store_info {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer-container.footer-3 .tvfooter-time-wrapper,
    .footer-container.footer-4 .tvfooter-time-wrapper {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }
    .footer-container.footer-4 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,
    .footer-container.footer-4 .tvfooter-time-wrapper {
        justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    /*.footer-container.footer-3 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,*/
    .footer-container.footer-3 .tvfooter-account-link li,
    .footer-container.footer-3 #block_myaccount_infos li,
    .footer-container.footer-3 .tvfooter-category-block ul li,
    .footer-container.footer-4 .tvfooter-account-link li,
    .footer-container.footer-4 #block_myaccount_infos li,
    .footer-container.footer-4 .tvfooter-category-block ul li {
        display: block;
    }
    .footer-container.footer-4 .tvfooter-time-wrapper .tvfooter-open-time-wrapper {
        justify-content: flex-start;
    }
    .footer-container.footer-3 .tvfooter-logo-link-wrapper li a:before,
    .footer-container.footer-4 .tvfooter-logo-link-wrapper li a:before {
        display: none;
    }
    .footer-container.footer-4 .block_newsletter form {
        width: 100%;
        margin: 0;
    }
}
.product-4 .tvcmsVerticalSlider {
    margin: 4px 0 15px 0;
}
.tvvertical-slider .product-images .slick-dots {
    bottom: -3px;
}
.tv-total-product {
    margin-left: 10px;
}
.tvall-page-shortby .products-sort-order .select-title {
    padding: 7px 10px;
}
.tvproduct-cart-quentity-decrement {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.tvproduct-cart-quentity-increment {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.tvproduct-cart-quentity-increment,
.tvproduct-cart-quentity-decrement {
    background-color: #f5f5f5;
    color: #000000;
}
.tv-product-catalog-btn .tvproduct-cart-quentity {
    border: 1px solid #f5f5f5;
}
.tv-all-page-main-title-wrapper {
    padding: 15px 0 0;
}
#wrapper .breadcrumb {
    background-color: transparent;
    padding: 0;
    border: none;
    /*margin-top: 15px;*/
    margin-bottom: 15px;
}
#wrapper .breadcrumb i {
    font-size: 16px;
    color: #232323;
    margin-right: 5px;
    vertical-align: middle;
}
#wrapper .breadcrumb a:hover i {
    color: #d90244;
}
#wrapper .breadcrumb span {
    vertical-align: middle;
    line-height: 24px;
}
.tv-sub-category-inner,
.tv-sub-category-inner:hover {
    background-color: transparent;
    border: none;
    padding: 0;
}
.tv-total-product-number,
.products-selection .sort-by {
    color: #000000;
}
.tvwishlist-icon i,
.tvdesktop-compare-icon i,
#tvcmsdesktop-user-info .tvhedaer-sign-btn i,
.tvmyccount i,
#tvcmsdesktop-user-info .tvhedaer-sign-btn i {
    font-size: 18px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}
.tvwishlist-icon,
.tvdesktop-compare-icon,
#tvcmsdesktop-user-info .tvhedaer-sign-btn i,
#tvcmsdesktop-user-info .tvhedaer-sign-btn span,
.tvmyccount i,
.tvwishlist-name,
.tvdesktop-view-compare-name {
    display: inline-block;
}
.tv-category-block-wrapper #category-description {
    margin-top: 10px;
}
.footer-container.footer-2 .tvcmsfooter-social-icon #footer_sub_menu_social_icon,
.footer-container.footer-3 .tvcmsfooter-social-icon #footer_sub_menu_social_icon,
.footer-container.footer-3 .tvfooter-logo-block .tvfooter-logo-desc,
.footer-container.footer-3 .tvfooter-title-wrapper .tvfooter-title,
.footer-container.footer-3 .tvdekstop-footer-all-title-wrapper .tvfooter-title,
.footer-container.footer-3 .block_newsletter .tvnewsletter-title {
    text-align: center;
}
.footer-container.footer-3 .tvfooter-title-wrapper .tvfooter-title:after,
.footer-container.footer-3 .block_newsletter .tvnewsletter-title:after {
    content: ':';
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}
/***** CMS Design *****/
.cms-description .row {
    display: flex;
    flex-wrap: wrap;
}
.cms-description h1 {
    padding-bottom: 0.8em;
    margin-bottom: 0;
    font-size: 34px;
}
.cms-description h2 {
    padding-bottom: 0.8em;
    margin-bottom: 0;
    font-size: 2em;
}
.cms-description h3 {
    padding-bottom: 0.8em;
    margin-bottom: 0;
    font-size: 1.5em;
}
.cms-description h4 {
    padding-bottom: 0.8em;
    margin-bottom: 0;
    font-size: 2em;
}
.cms-description h5 {
    padding-bottom: 0.8em;
    margin-bottom: 0;
    font-size: 1.5em;
}
.cms-description h6 {
    padding-bottom: 0.8em;
    margin-bottom: 0;
    font-size: 1.2em;
}
.cms-description p {
    font-size: 18px;
    padding-bottom: 2.48em;
    color: #000000;
    margin: 0;
}
.cms-description a {
    color: #d90244;
}
.cms-description a:hover {
    text-decoration: underline;
}
.cms-description ol,
.cms-description ul {
    margin-bottom: 2.48em;
}
.cms-description ol li,
.cms-description ul li {
    font-size: 16px;
    padding-bottom: 12px;
    color: #000000;
    line-height: 24px;
}
.cms-description ul {
    padding-left: 40px;
    list-style: disc;
    display: inline-block;
}
.cms-description table {
    width: 70%;
}
.fancybox-inner .cms-description table {
    width: 100%;
    margin-bottom: 0;
}
.cms-description table {
    margin-bottom: 2.48em;
}
.cms-description table,
.cms-description th,
.cms-description td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
}
.cms-description th,
.cms-description td {
    font-size: 16px;
    padding: 8px 15px;
    border: 1px solid #dddddd;
}
.cms-description tr:nth-child(even) {
    background-color: #f5f5f5;
}
.cms-description blockquote {
    margin: 16px 40px;
    position: relative;
}
.cms-description blockquote:before {
    content: '';
    position: absolute;
    left: -40px;
    top: 0;
    bottom: 2.48em;
    background-color: #cccccc;
    /*height: 100%;*/
    width: 10px;
}
.cms-description img {
    display: block;
    /*margin: 0 30px 30px 0;*/
}
.cms-description hr {
    padding-bottom: 2.48em;
    width: 50%;
}
#tvproduct-customize .cms-description table {
    width: 100%;
    margin: 0;
}
.menu-content .tvmobile-lang,
.menu-content .tvmobile-curr {
    /*display: inline-block;*/
    /*width: 50%;*/
}
.newsletter_block_popup-bottom label:after {
    content: '';
    background-color: #d90244;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.newsletter_block_popup-bottom label:hover:after {
    transform: scaleX(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
#tvcms-mobile-view-header.mobile-header-1 .tvheader-language,
#tvcms-mobile-view-header.mobile-header-1 .tvheader-currency,
#tvcms-mobile-view-header.mobile-header-2 .tvheader-language,
#tvcms-mobile-view-header.mobile-header-2 .tvheader-currency,
.tvcmsdesktop-top-header-wrapper.header-2 .tvheader-language,
.tvcmsdesktop-top-header-wrapper.header-2 .tvheader-currency,
.tvcmsdesktop-top-header-wrapper.header-3 .tvheader-language,
.tvcmsdesktop-top-header-wrapper.header-3 .tvheader-currency,
.tvcmsdesktop-top-header-wrapper.header-4 .tvheader-language,
.tvcmsdesktop-top-header-wrapper.header-4 .tvheader-currency,
.tvcmsdesktop-top-header-wrapper.header-6 .tvheader-language,
.tvcmsdesktop-top-header-wrapper.header-6 .tvheader-currency {
    display: block;
    margin: 0;
}
.tvcmsdesktop-top-header-wrapper.header-6 {
    background-color: #ffffffc4;
}
#header .tv-myaccount-btn-desktop svg path:nth-child(1) {
    fill: none !important;
    stroke: #000 !important;
}
#header .tv-myaccount-btn-desktop svg path:nth-child(2) {
    fill: #FFD742 !important;
}
#header .tv-myaccount-btn-desktop svg circle {
    fill: none !important;
    stroke: #000 !important;
}
#header .tv-cart-icon-main svg g path:nth-child(1) {
    fill: #FFD741 !important;
}
#header .tv-cart-icon-main svg g path:nth-child(2) {
    fill: #000000 !important;
}
#header .tv-cart-icon-main svg g ellipse {
    fill: none !important;
    stroke: #000 !important;
}
.tvheader-search-display-icon .tvsearch-open svg polygon,
.tvheader-search-display-icon .tvsearch-close svg g {
    fill: #000000 !important;
}
.tvheader-search-display-icon .tvsearch-open svg circle:nth-child(3) {
    fill: none !important;
    stroke: #000 !important;
}
.tvheader-search-display-icon .tvsearch-open svg circle:nth-child(2) {
    fill: #00597b !important;
}
.mobile-header-2 .tv-account-dropdown {
    top: 47px;
}
.mobile-header-1 .tv-account-dropdown {
    top: 40px;
}
.tvsearch-header-display-full .tvheader-search-btn svg circle:nth-child(2) {
    fill: #00597b !important;
}
.tvsearch-header-display-full .tvheader-search-btn svg polygon {
    fill: #000 !important;
}
.tvsearch-header-display-full .tvheader-search-btn svg circle:nth-child(3) {
    fill: none !important;
    stroke: #000 !important;
}
.tvproduct-page-decs p {
    color: #000000;
    font-size: 17px;
}
.tvwishlist-compare-wrapper-page .tvproduct-wishlist span,
.tvcompare-wrapper .tvcmsproduct-compare-btn span {
    font-size: 16px;
    color: #000000;
}
.tvproduct-tax-label {
    margin-left: 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #666666;
}
.tv-sub-category-inner:hover .tvcategory-name a {
    color: #d90244;
}
.product-4 .tvvertical-slider .product-images {
    max-height: none;
}
.tvvertical-slider .product-images {
    max-height: 630px;
}
.product-6 .tvvertical-slider .product-images {
    max-height: none;
    text-align: center;
}
.product-2 .tvvertical-slider {
    display: none;
}
.product-3 .tvvertical-slider .product-images .tvcmsVerticalSlider,
.product-6 .tvvertical-slider .product-images .tvcmsVerticalSlider {
    display: none;
}
.product-3 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(1),
.product-3 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(2),
.product-3 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(3),
.product-3 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(4),
.product-3 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(5),
.product-6 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(1),
.product-6 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(2),
.product-6 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(3) {
    display: block;
}
.product-3 .tvvertical-slider .product-images.slick-slider .tvcmsVerticalSlider,
.product-6 .tvvertical-slider .product-images.slick-slider .tvcmsVerticalSlider {
    display: block;
}
.product-6 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(1),
.product-6 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(2),
.product-6 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(3) {
    width: 470px;
    display: inline-block;
}
.product-6 .tv-product-page-content h1 {
    padding: 0;
}
.product-6 .tvproduct-page-wrapper .star_content {
    float: none;
}
.product-6 .tvall-product-star-icon {
    display: flex;
    justify-content: center;
}
.product-6 .product-price,
.product-6 .product-variants>.product-variants-item,
.product-6 .product-quantity,
#product .product-6 #block-reassurance ul,
.tvproduct-page-wrapper .product-6 .tvproduct-timer {
    justify-content: center;
}
.product-6 .tvcart-btn-model {
    float: none;
    justify-content: center;
}
.product-6 .product-add-to-cart .add-to-cart {
    margin-right: 0;
    margin-left: 0;
}
@media (min-width: 992px) {
    .product-6 .tvvertical-slider .slick-slide {
        opacity: 0.8;
        transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
    }
    .product-6 .tvvertical-slider .slick-center {
        opacity: 1;
        transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        -o-transform: scale(1.08);
        -webkit-transform: scale(1.08);
        transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
    }
}
.product-5 .tvvertical-slider {
    display: none;
}
.product-2 .tvvertical-slider .product-images {
    text-align: center;
}
@media (max-width: 1440px) {
    .product-1 .tvvertical-slider .product-images {
        max-height: 411px;
    }
}
.login-form .tvall-inner-btn,
.register-form .tvall-inner-btn {
    display: block;
    width: 100%;
    margin-bottom: 0;
}
.form-title h1 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 25px;
}
label.required:after {
    content: "*";
    color: #f00;
    margin-left: 3px;
}
.tvcategory-chain-title a:hover {
    color: #d90244;
}
.product-2 .tvproduct-image-slider .col-md-6:nth-child(odd) {
    padding-right: 7.5px;
}
.product-2 .tvproduct-image-slider .col-md-6:nth-child(even) {
    padding-left: 7.5px;
}
.product-2 .tv-product-page-content {
    margin-bottom: 10px;
}
.product-4 .tvvertical-slider .product-images .tvcmsVerticalSlider {
    display: none;
}
.product-4 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(1) {
    display: block;
}
.product-4 .tvvertical-slider .product-images.slick-slider .tvcmsVerticalSlider {
    display: block;
}
.product-6 .tvvertical-slider .product-images.slick-slider .tvcmsVerticalSlider img {
    margin: 0 auto;
}
.product-5 .product-cover .tvproduct-image-slider .col-md-12 {
    margin-bottom: 15px;
}
#product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.product-6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.product-6 .tv-product-page-content {
    text-align: center;
    margin: 0 auto;
    padding: 15px 0;
}
.product-6 .images-container {
    width: 100%;
}
/*.tvproduct-cart-btn .add-cart-loading.show,
.tvproduct-cart-btn .add-cart.show {
    display: block;
}
.tvproduct-cart-btn .add-cart-loading.hide,
.tvproduct-cart-btn .add-cart.hide {
    display: none;
}*/
.tvproduct-cart-btn .add-cart-loading {
    -webkit-transform: rotate(360deg);
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: now;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
.breadcrumb li:first-child a:before {
    font-family: "Material Icons";
    content: "\e88a";
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px;
}
.tvwishlist-inner-product-img-block img {
    margin: 0 auto;
}
.product-6 .tvcms-product-brand-logo {
    margin-bottom: 25px;
}
.product-6 .tvproduct-brand {
    position: unset;
}
@media (max-width: 1280px) and (min-width: 1025px) {
    .product-3 .tvcart-btn-model {
        float: none;
    }
}
.quickprod-6 .tvquickview-prod-img {
    margin-bottom: 15px;
}
.quickprod-6 .tvquickview-prod-img,
.quickprod-6 .tvquickview-prod-details {
    width: 100%;
}
.quickprod-6 .tvquickview-prod-details {
    text-align: center;
}
.quickprod-6 .tvquickview-prod-details .product-price,
.quickprod-6 .tvquickview-prod-details .product-variants>.product-variants-item,
.quickprod-6 .tvquickview-prod-details .product-quantity,
.quickprod-6 .tvquickview-prod-details .tvcart-btn-model {
    justify-content: center;
}
.quickprod-6 .tvquickview-prod-details .tvcart-btn-model,
.quickprod-6 .tvquickview-prod-details .star_content {
    float: none;
}
.quickprod-6 .tvquickview-prod-details .tvall-product-star-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.quickprod-6 .tvquickview-prod-details .product-add-to-cart .add-to-cart {
    margin: 0;
}
.quickview .product-6 .images-container {
    min-height: unset;
}
.quickview .product-6 .tvvertical-slider .product-images {
    display: flex;
}
.quickview .product-6 .tvvertical-slider .product-images img {
    max-height: 243px;
}
.quickview .product-6 .tvvertical-slider .product-images.slick-slider {
    display: block;
}
.tvfooter-product-sticky-bottom .card {
    margin-bottom: 0;
}
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .thumb-mask,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-name,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-price,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-quantity {
    width: auto;
}
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-name,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-price,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-quantity {
    display: block;
    margin: 0 5px;
}
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-name {
    flex: none;
}
.tvfooter-product-sticky-bottom .product-pack {
    margin: 0 10px;
}
.tvfooter-product-sticky-bottom .product-pack .h4 {
    display: none;
}
.tvfooter-product-sticky-bottom .product-pack .pack-product-container {
    padding: 10px;
}
#tvcmsdesktop-user-info .tvhedaer-sign-btn i {
    margin-right: 5px;
}
.tvinner-page-pagination li i {
    color: #cccccc;
}
.tvinner-page-pagination li:hover i {
    color: #000000;
}
.table-bordered.tvwishlist-info td a {
    text-decoration: underline;
}
.required sup {
    color: #f00;
    margin-left: 5px;
    right: 0;
}
.tvwishlist-vuew-label {
    text-align: right;
}
.tv-addtocart-product-image {
    text-align: center;
}
.cart-content-btn a.tvall-inner-btn {
    background-color: #d90244;
}
.cart-content-btn a.tvall-inner-btn:hover:after {
    background-color: #00597B;
}
.tvproduct-play-icon {
    position: absolute;
    /*margin-bottom: 15px;*/
    top: 15px;
    left: 30px;
    z-index: 10;
}
.product-3 .tvproduct-play-icon,
.product-6 .tvproduct-play-icon {
    right: 20px;
    text-align: center;
}
.media-list .media {
    margin-bottom: 15px;
}
.product-3 .tvvertical-slider {
    padding: 0 3.5px;
}
.product-1 .tvvertical-slider .slick-slider li img {
    /*padding: 3px;*/
}
.tvproduct-play-icon span {
    vertical-align: middle;
    font-size: 16px;
}
.tvproduct-play-icon i {
    margin-right: 5px;
    font-size: 34px;
}
.tvbottom-to-top {
    display: none !important;
}
body .tv-main-div .half-wrapper-backdrop {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0000004d;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.full-wrapper-backdrop {
    background-color: #0000004d;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
body.mobile-menu-open .full-wrapper-backdrop,
body.classicCartOpen .full-wrapper-backdrop {
    opacity: 1;
    visibility: visible;
}
body.cart-open .tv-main-div .half-wrapper-backdrop,
body.layout-open .tv-main-div .half-wrapper-backdrop,
body.menu-open .tv-main-div .half-wrapper-backdrop,
body.dropdown-open .tv-main-div .half-wrapper-backdrop,
body.search-open .tv-main-div .half-wrapper-backdrop {
    opacity: 1;
    visibility: visible;
}
.product-images ul {
    margin-bottom: 0;
}
.tvproduct-page-wrapper .tvall-product-star-icon .tvall-product-review:hover {
    color: #000000;
}
.mobile-header-1 .tv-header-logo {
    padding: 10px 0;
}
#tvtheme-reset-layout,
#tvtheme-reset-bgcolor,
#tvtheme-reset-text {
    cursor: pointer;
}
.tvcmsdesktop-top-second {
    min-height: 95px;
}
.tvcms-cart-loading {
    animation: fa-spin 2s infinite linear;
}
.tvcmsdesktop-top-header-wrapper.header-4,
.tvcmsdesktop-top-header-wrapper.header-6 {
    border-bottom: 1px solid #00000012;
}
/******* start RTL Css *******/
.lang-rtl sup {
    left: -5px;
    right: auto;
}
.lang-rtl .label,
.lang-rtl label {
    text-align: left;
}
.lang-rtl .page-content.page-cms {
    text-align: right;
}
.lang-rtl .products-sort-order .dropdown-menu {
    text-align: right;
}
.lang-rtl .tvleft-right-product-slider .product-description {
    text-align: right;
    padding-right: 15px;
    padding-left: 0;
}
.lang-rtl .tv-product-page-content .tv-indicator.tv-bar .tv-outer {
    margin: 0 0 0 20px;
}
.lang-rtl #block-reassurance li .block-reassurance-item {
    border-right: 3px solid #000;
    border-left: 1px solid #e5e5e5
}
.lang-rtl .tvproduct-wishlist-compare .tvcompare-wrapper i,
.lang-rtl .tvproduct-wishlist-compare .tvproduct-wishlist i {
    margin: 0 0 0 5px;
}
.lang-rtl .tvcart-btn-model {
    text-align: right;
}
.lang-rtl .product-add-to-cart .add-to-cart {
    margin-right: 0;
    margin-left: 25px;
}
#authentication.lang-rtl .radio-inline,
#identity.lang-rtl .radio-inline {
    padding: 0 0 0 10px
}
#authentication.lang-rtl .radio-inline .custom-radio,
#identity.lang-rtl .radio-inline .custom-radio {
    margin-right: 0;
    margin-left: 8px
}
body#checkout.lang-rtl div.checkout-step #customer-form .radio-inline,
body#checkout.lang-rtl div.checkout-step #delivery-address .radio-inline,
body#checkout.lang-rtl div.checkout-step #invoice-address .radio-inline,
body#checkout.lang-rtl div.checkout-step #login-form .radio-inline {
    padding: 0 0 0 10px
}
body#checkout.lang-rtl div.checkout-step .custom-radio {
    margin-left: 5px;
    margin-right: 0
}
.lang-rtl #block-reassurance img {
    margin: 0 0 0 10px
}
.lang-rtl .custom-checkbox label {
    text-align: right
}
.lang-rtl .nav-inline .nav-item+.nav-item,
.lang-rtl .nav-inline .nav-link+.nav-link {
    margin: 0 0 0 10px
}
#authentication.lang-rtl .radio-inline,
#identity.lang-rtl .radio-inline {
    padding: 0 0 0 10px
}
#authentication.lang-rtl .radio-inline .custom-radio,
#identity.lang-rtl .radio-inline .custom-radio {
    margin-right: 0;
    margin-left: 8px
}
.lang-rtl .tvproduct-page-wrapper .tv-product-page-image {
    float: right
}
.lang-rtl .tv-product-page-content {
    direction: rtl;
}
.lang-rtl .tv-product-page-content .tvproduct-brand {
    right: auto;
    left: 0;
}
.lang-rtl .tv-product-page-content h1 {
    padding-right: 0;
    padding-left: 200px;
}
.lang-rtl .tvcart-btn-model {
    float: right;
}
.lang-rtl .open-comment-form,
.lang-rtl .tvshipping-btn,
.lang-rtl .tvcustomize-btn {
    margin-right: 0px;
    margin-left: 20px;
}
.lang-rtl .product-price .current-price .price {
    padding-left: 10px;
}
.lang-rtl .tvproduct-flags,
.lang-rtl .tvprduct-image-info-wrapper .product-cover .layer {
    left: 15px;
    right: auto
}
.lang-rtl .tvproduct-page-wrapper .comments_note {
    text-align: right
}
.lang-rtl .tvproduct-page-wrapper .star_content,
.lang-rtl .quickview .star_content {
    float: right;
    margin: 0 0 0 10px
}
.lang-rtl .tvproduct-page-wrapper .product-discount,
.lang-rtl .quickview .product-discount,
.lang-rtl .tvproduct-page-wrapper .product-price {
    float: right
}
.lang-rtl .tvproduct-page-wrapper .product-6 .product-price {
    float: none;
}
.lang-rtl .tvproduct-page-wrapper .product-variants>.product-variants-item ul {
    padding-right: 0
}
.lang-rtl .product-quantity .qty {
    margin-right: 0;
    margin-left: .4rem
}
.lang-rtl .product-actions .control-label {
    margin: 0 0 0 20px;
    float: right
}
.lang-rtl #product-modal .modal-content .modal-body .product-images {
    padding-right: 0
}
.lang-rtl .product-information #block-reassurance ul,
.lang-rtl .tvproduct-description-tab .nav-tabs {
    padding-right: 0
}
.lang-rtl .social-icon li {
    margin: 0 0 0 10px
}
.lang-rtl .btn-primary .material-icons,
.lang-rtl .btn-secondary .material-icons,
.lang-rtl .btn-tertiary .material-icons {
    margin: 0 0 0 .625rem
}
.lang-rtl .product-variants>.product-variants-item ul li.float-xs-left {
    float: right
}
.lang-rtl .product-quantity #quantity_wanted {
    /*border-left: none*/
}
#product.lang-rtl .modal-header button.close {
    left: 5px;
    right: auto
}
#product.lang-rtl #content-wrapper {
    float: none
}
@media (max-width:767px) {
    .lang-rtl .tvproduct-page-wrapper .tv-product-page-image {
        float: none
    }
}
@media (max-width:480px) {
    .lang-rtl .quickview .modal-footer .social-icon li {
        margin: 0 0 0 7px
    }
}
.lang-rtl .quickview .col-sm-6 {
    /*float: right*/
}
.lang-rtl .modal-content .js-productinfo p {
    text-align: left
}
.lang-rtl .quickview .arrows {
    left: 60px;
    right: auto
}
.lang-rtl .js-qv-product-images,
.lang-rtl .quickview .product-variants-item ul {
    padding-right: 0
}
.lang-rtl .quickview .mask {
    margin: 0 20px 45px 0
}
.lang-rtl .tvproduct-page-wrapper .product-discount .regular-price,
.lang-rtl .quickview .product-discount .regular-price {
    margin: 0 0 0 13px
}
.lang-rtl .product-pack .pack-product-container .pack-product-quantity {
    border-right: 2px solid #f1f1f1;
    border-left: none
}
@media (max-width: 767px) {
    .lang-rtl .modal-content .js-productinfo p {
        text-align: center
    }
    .lang-rtl .quickview .mask {
        margin: 15px 0 0
    }
}
@media (max-width:375px) {
    .lang-rtl .product-pack .pack-product-container .pack-product-quantity {
        border: none
    }
}
body.lang-rtl {
    direction: rtl
}
.lang-rtl .tvcms-header-myaccount {
    float: right
}
.lang-rtl .tvcmscart-show-dropdown .tvcart-product-list-img {
    float: right;
    margin-left: 15px;
    margin-right: 0
}
.lang-rtl .tvmultibanner-part1 {
    float: right
}
.lang-rtl .tvcart-product-content {
    margin-right: 85px;
    margin-left: 0
}
.lang-rtl .tvtab-product-all-pagination .tvtab-product-list-wrapper {
    direction: ltr
}
.lang-rtl .thumbnail-container .tvproduct-timer .tvtimer-wrapper {
    direction: rtl
}
.lang-rtl .owl-carousel {
    direction: ltr
}
.lang-rtl .tv-search-account-cart-wrapper {
    float: left;
}
.lang-rtl .tv-language-dropdown,
.tv-currency-dropdown {
    padding: 10px
}
@media (max-width: 575px) {
    .lang-rtl .tvcms-next-pre-btn {
        direction: ltr
    }
}
.lang-rtl .tvleft-right-product-slider .tvproduct-image {
    float: right
}
.lang-rtl .tvleft-right-product-slider .tvproduct-name {
    text-align: right
}
.lang-rtl .tvleft-right-penal-all-block .tvall-product-bottom-link-block,
.lang-rtl .tvcmsblog-left-side .tvnews-event-link,
.lang-rtl .tvallproduct-link,
.lang-rtl .tvnews-event-link {
    text-align: left
}
.lang-rtl .tvnews-event-read-more-link i,
.lang-rtl .tvleft-right-penal-all-block .tvall-product-bottom-link-block i,
.lang-rtl .tvcmsblog-left-side .tvnews-event-link i,
.lang-rtl .tvallproduct-link i,
.lang-rtl .tvnews-event-link i {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    line-height: 26px
}
.lang-rtl .tvfooter-time-wrapper .tvfooter-open-time-wrapper .tvfooter-opentime-lable {
    float: right;
    margin-left: 10px
}
.lang-rtl #footer_sub_menu_store_time,
.lang-rtl #footer_sub_menu_link,
.lang-rtl #footer_sub_menu_myaccount,
.lang-rtl #footer_sub_menu_social_icon {
    padding-right: 0
}
.lang-rtl .tvfooter-title-wrapper .tvfooter-title {
    text-align: right
}
.lang-rtl .tvfooter-social-icon-wrapper li a {
    padding: 0 40px 0 0
}
.lang-rtl .tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li {
    text-align: right
}
.lang-rtl .tvvertical-menu-img-block {
    float: right
}
.lang-rtl .tv-vertical-menu-icon-wrapper {
    left: 0;
    right: auto
}
.lang-rtl .tvcmsvertical-menu li:not(.tvvertical-menu-show-hide-category) .tvvertical-menu-dropdown-icon {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    text-align: right;
}
.lang-rtl span.tvcart-product-price {
    float: left
}
.lang-rtl #wrapper .breadcrumb ol {
    direction: ltr
}
.lang-rtl .tvnewsletter-lable-wrapper .tvnewsletter-lable {
    padding-left: 25px;
    padding-right: 90px
}
.lang-rtl .tv-left-search-totle-product,
.lang-rtl .tv-grid-list-all-wrapper,
.lang-rtl .tvall-page-shortby,
.lang-rtl .tv-sub-category-wrapper,
.lang-rtl .tvcms-all-pagination .tv-pagination-result,
.lang-rtl .tvinner-page-showing-item {
    float: right
}
.lang-rtl .pagination .tvinner-page-pagination li {
    margin: 0 15px 0 0
}
.lang-rtl.pagination .page-list.tv-pagination-wrapper,
.lang-rtl .pagination .page-list.tvinner-page-pagination {
    direction: ltr;
    float: left
}
.lang-rtl .tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper {
    float: left
}
.lang-rtl .tv-total-product {
    margin-left: 0;
    margin-right: 10px
}
.lang-rtl .tvproduct-wrapper.list .tv-indicator.tv-pie .tv-outer {
    margin-right: 0
}
.lang-rtl .tv-product-cart-quentity-inner,
.lang-rtl .tvproduct-cart-catalog-btn {
    margin-right: 0;
    margin-left: 15px
}
.lang-rtl #products.list .tvproduct-name,
.lang-rtl #products #products.list .product-price-and-shipping,
.lang-rtl #products.list .product-accessories .product-price-and-shipping,
.lang-rtl #products.list .product-miniature .product-price-and-shipping,
.lang-rtl #products.list .comments_note,
.lang-rtl .tvproduct-wrapper.list .tv-product-list,
.lang-rtl #products.list-2 .tvproduct-name,
.lang-rtl #products #products.list-2 .product-price-and-shipping,
.lang-rtl #products.list-2 .product-accessories .product-price-and-shipping,
.lang-rtl #products.list-2 .product-miniature .product-price-and-shipping,
.lang-rtl #products.list-2 .comments_note {
    text-align: right
}
.lang-rtl .tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper,
.lang-rtl .tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-grid,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-grid-2,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-list,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-list-2,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-catelog,
.lang-rtl .tv_search_filter_wrapper .tvleft-right-title-wrapper {
    margin-left: 10px;
    margin-right: 0;
    direction: ltr;
}
.lang-rtl #blockcart-modal .divide-right,
.lang-rtl #blockcart-modal .tv-addtocart-product-image {
    float: right
}
.lang-rtl #blockcart-modal .divide-right {
    border-left: 1px solid #e5e5e5;
    border-right: 0
}
.lang-rtl #blockcart-modal .cart-content .cart-content-btn .btn {
    margin-right: 0;
    margin-left: 15px
}
.lang-rtl #module-tvcmsblog-archive .pagination .page-list.tvinner-page-pagination {
    float: left
}
#module-tvcmsblog-archive.lang-rtl .pagination .page-list.tvinner-page-pagination {
    float: left
}
.lang-rtl #products.list .tvproduct-timer {
    text-align: right
}
.lang-rtl #products.list-2 .tvproduct-timer {
    text-align: right
}
.lang-rtl .tvproduct-timer-wrapper {
    margin: 0 0 0 6px;
}
.lang-rtl #products.list-2 .tvtimer-wrapper .tvproduct-timer-wrapper:first-child {
    margin-right: 0;
    margin-left: 5px
}
.lang-rtl #products.list .tvtimer-wrapper .tvproduct-timer-wrapper:first-child {
    margin-right: 0;
    margin-left: 5px
}
.lang-rtl .block-categories .collapse-icons {
    left: 0;
    right: auto
}
.lang-rtl .tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper {
    background-position: -58px -721px
}
.lang-rtl .tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper {
    background-position: -104px -721px
}
.lang-rtl .cart-grid-body,
.lang-rtl .tvcheckout-process-left {
    float: right
}
.lang-rtl body#checkout div.checkout-step .radio-block,
body#checkout.lang-rtl div.checkout-step .address-footer {
    text-align: right
}
body#checkout.lang-rtl div.checkout-step .payment-options .custom-radio {
    margin-right: 0;
    float: right !important;
    margin-left: 20px
}
@media (min-width: 992px) {
    .lang-rtl .tvcmsvertical-menu .menu-dropdown {
        right: 100%;
        -webkit-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    .lang-rtl #right-column.tv-left-right-panel-hide {
        left: -500px;
        right: auto
    }
    .lang-rtl #right-column.tv-left-right-panel-hide.open {
        left: 0;
        right: auto
    }
    .lang-rtl #left-column.tv-left-right-panel-hide {
        right: -500px;
        left: auto
    }
    .lang-rtl #left-column.tv-left-right-panel-hide.open {
        right: 0;
        left: auto
    }
    .lang-rtl .tv-left-right-panel-hide .tvright-column-close-btn {
        right: 5px;
        left: auto
    }
    .lang-rtl .tv-left-right-panel-hide .tvleft-column-close-btn {
        left: 5px;
        right: auto
    }
}
@media (max-width: 991px) {
    .lang-rtl .tvfooter-toggle-icon-wrapper.tvfooter-toggle-icon {
        right: auto;
        left: 0;
    }
    .lang-rtl .tvcmsmobile-header-left {
        float: right
    }
    .lang-rtl .tvcmsmobile-header-right {
        float: left
    }
    .lang-rtl #tvcmsmobile-horizontal-menu {
        margin-left: 30px;
        margin-right: 0
    }
    .lang-rtl .tvfooter-toggle-icon-wrapper .tvfooter-toggle-icon {
        left: 0;
        right: auto
    }
    .lang-rtl .tvcmsvertical-menu li .tvvertical-menu-dropdown-icon1 {
        right: auto;
        left: -10px
    }
    .lang-rtl .tvfooter-title-wrapper .tvfooter-title {
        padding-right: 10px
    }
}
@media (max-width: 575px) {
    .lang-rtl .tvcmsmobile-header-right {
        float: unset
    }
    .lang-rtl .tvcmsmobile-header-left {
        float: unset
    }
    .lang-rtl .tv-left-search-totle-product,
    .lang-rtl .tv-grid-list-all-wrapper,
    .lang-rtl .tvall-page-shortby,
    .lang-rtl .tv-sub-category-wrapper,
    .lang-rtl .tvcms-all-pagination .tv-pagination-result,
    .lang-rtl .tvinner-page-showing-item {
        width: 100%
    }
}
.lang-rtl #id_new_comment_form {
    text-align: right;
}
.lang-rtl #new_comment_form #criterions_list li {
    display: flex;
    flex-wrap: wrap;
}
.lang-rtl #new_comment_form #criterions_list label {
    margin: 0 0 0 20px;
}
.lang-rtl #new_comment_form .star_content {
    display: flex;
}
.lang-rtl #new_comment_form label {
    text-align: right;
}
.lang-rtl .form-group {
    display: flex;
    flex-wrap: wrap;
}
.lang-rtl .page-footer .account-link i {
    margin: 0 0 0 5px;
}
.lang-rtl .pull-right.btn-home i {
    margin: 0 0 0 10px;
}
.lang-rtl .form-control-select {
    background-position: left center;
}
.lang-rtl .cart-summary-line .value {
    float: left;
}
body#checkout.lang-rtl div.checkout-step .radio-block {
    text-align: right;
}
body#checkout.lang-rtl div.checkout-step.-reachable.-complete h1 .step-edit {
    float: left;
}
.lang-rtl .order-confirmation-table .row {
    display: flex;
    flex-wrap: wrap;
}
.lang-rtl #tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="0"]>li>.tvmenu-link-wrapper a span:after {
    left: auto;
    right: 0;
}
.lang-rtl .tvcmsdesktop-top-header-box {
    direction: rtl;
}
.lang-rtl .tv-search-account-cart-wrapper {
    float: left;
}
.lang-rtl .tv-contact-account-cart-wrapper {
    text-align: left;
    /*direction: ltr;*/
}
.lang-rtl .tvcart-icon-text-wrapper .tvcart-lable,
.lang-rtl .tv-account-wrapper .tv-myaccount-btn span {
    text-align: right;
}
.lang-rtl .tvcmsheader-search .tvcms-select-category {
    background-position: 0
}
.lang-rtl .tvcms-header-myaccount .tv-myaccount-btn i {
    margin-right: 10px;
    margin-left: 0;
}
.lang-rtl .tvcms-header-myaccount .tv-account-dropdown {
    left: 0;
    right: auto;
    text-align: right;
}
#history.lang-rtl caption,
#history.lang-rtl th {
    text-align: right;
}
.lang-rtl .tvcmsdesktop-top-header-wrapper .tvcmsdesktop-top-wrapper {
    direction: rtl;
}
.lang-rtl .tvheader-offer-wrapper {
    float: right;
}
.lang-rtl .tvheader-language-currency-wrapper {
    text-align: left;
}
.lang-rtl .tvheader-nav-offer-text i {
    margin: 0 0 0 5px;
}
.lang-rtl #tvcmsdesktop-language-selector .tv-language-btn .tvimage-lazy {
    margin-right: 0;
    margin-left: 5px;
}
.lang-rtl .tv-language-dropdown li img {
    margin-left: 3px;
    margin-right: 0;
}
.lang-rtl .tvcmsdesktop-language-selector {
    direction: rtl;
    text-align: left;
}
.lang-rtl #tvcmsdesktop-language-selector .tv-language-btn,
.lang-rtl #tvcmsdesktop-currency-selector .tv-currency-btn {
    direction: rtl;
}
.lang-rtl .tv-language-dropdown,
.lang-rtl .tv-currency-dropdown {
    text-align: right;
}
.lang-rtl .tvcmscart-show-dropdown {
    left: 0;
    right: auto;
}
.lang-rtl .tvcart-product-totle {
    text-align: right;
}
.lang-rtl .tvcart-product-content-box {
    direction: rtl;
    padding: 0 0 0 20px
}
.lang-rtl .tvcart-product-content {
    text-align: right;
    direction: rtl;
}
.lang-rtl .tvcart-product-list-subtotal-prod {
    direction: rtl;
}
.lang-rtl #tvcmsdesktop-logo {
    float: none;
}
.lang-rtl .tvcms-header-menu .tv-header-menu>li>.tvmenu-link-wrapper a[data-depth="1"],
.lang-rtl .tvmain-menu-mobile-dropdown {
    text-align: right;
}
.lang-rtl .tvmenu-toggle-icon {
    right: auto;
    left: 0;
}
.lang-rtl .tvtab-product .tvcms-main-title {
    float: right;
}
.lang-rtl .tvtab-title-wrapper {
    float: left;
    padding-right: 0;
    padding-left: 90px;
}
.lang-rtl .product-price-and-shipping .price,
.lang-rtl .product-price-and-shipping .regular-price {
    margin: 0 0 0 5px;
}
.lang-rtl .product-price-and-shipping .price {
    font-size: 14px;
}
.lang-rtl .tvproduct-hover-btn-wrapper {
    direction: ltr;
}
.lang-rtl .tvproduct-online-new-wrapper {
    left: 15px;
    right: auto;
    text-align: left;
}
.lang-rtl .tvproduct-sale-pack-wrapper {
    right: 15px;
    left: auto;
    text-align: right;
}
.lang-rtl #products.list-2 .product-description,
.lang-rtl #products.list .product-description {
    text-align: right;
}
.lang-rtl .tv-product-cart-quentity-inner,
.lang-rtl .tvproduct-cart-catalog-btn {
    margin-left: 0;
    margin-right: 0;
}
.lang-rtl .tvproduct-info-box-wrapper .product-description {
    direction: ltr;
}
.lang-rtl .tvfooter-product-box-layout .tvleft-right-product-slider .tvproduct-wrapper {
    direction: rtl;
}
.lang-rtl .tvcmsprev-btn {
    right: auto;
    left: 0;
}
.lang-rtl .tvcmsnext-btn {
    left: 45px;
    right: auto;
}
.lang-rtl .tvcms-newsletter-wrapper {
    float: right;
}
.lang-rtl .tvnewsletter-lable-wrapper {
    text-align: right;
}
.lang-rtl .tvnewsletter-lable-wrapper:before {
    right: 0;
    left: auto;
}
.lang-rtl .block_newsletter form .input-wrapper {
    direction: ltr;
}
.lang-rtl #footer_sub_menu_store_info {
    /*padding: 0 25px 0 0;*/
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-addresses:after {
    left: auto;
    right: -25px;
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link-fax:after {
    left: auto;
    right: -25px;
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link:after {
    left: auto;
    right: -25px;
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link-content:after {
    left: auto;
    right: -25px;
}
.lang-rtl #footer_sub_menu_social_icon {
    text-align: left;
}
.lang-rtl .tvfooter-address-lable {
    float: right;
    padding-left: 5px;
    padding-right: 0;
}
@media(max-width: 1199px) {
    .lang-rtl #footer_sub_menu_social_icon {
        text-align: center;
    }
}
.lang-rtl .page-list {
    direction: ltr;
    float: left;
}
.lang-rtl #newsletter_block_popup .tvnewsletter-popup-wrapper .tvnewsletter-popup-img-wrapper {
    margin: 0 0 0 10px;
}
.lang-rtl body#checkout section.checkout-step .radio-block,
body#checkout section.checkout-step .address-footer {
    text-align: right;
}
.lang-rtl .tvproduct-flags,
.lang-rtl .tvprduct-image-info-wrapper .product-cover .layer {
    right: 20px;
    left: auto;
}
.lang-rtl .tvproduct-flags.tvproduct-sale-pack-wrapper {
    left: 20px;
    right: auto;
}
.lang-rtl .tvtab-title-wrapper .tvtabs-products li:last-child:after {
    background-color: #000000;
}
.lang-rtl .tvtab-title-wrapper .tvtabs-products li:first-child:after {
    background-color: transparent;
}
.lang-rtl #right-column.col-xl-2,
.lang-rtl #left-column.col-xl-2 {
    float: right;
}
.lang-rtl .ttvcmscart-show-dropdown-right {
    direction: rtl;
}
.lang-rtl .ttvcmscart-show-dropdown-right .tvcart-product-content {
    margin-right: 15px;
}
.lang-rtl .ttvcmscart-show-dropdown-right .ttvclose-cart {
    /*border-left: 1px solid #eeeeee;*/
}
.lang-rtl .ttvcmscart-show-dropdown-right .ttvcart-counter {
    /*border-right: 1px solid #eeeeee;*/
}
.lang-rtl .ttvcmscart-show-dropdown-right .tvcart-product-remove {
    left: 0;
    right: auto;
}
.lang-rtl .ttvcmscart-show-dropdown-right {
    right: auto;
    left: -100%;
}
.lang-rtl .tabs .nav-tabs .nav-item {
    float: right;
}
body.lang-rtl.classicCartOpen .ttvcmscart-show-dropdown-right {
    right: auto;
    left: 0;
}
/***** End Custom Shopping Cart Right Side *****/
.lang-rtl .tvcmsright-sticky {
    right: -77px;
}
.lang-rtl .tv_blog_post_area .post_content {
    text-align: right;
}
.lang-rtl .tvleft-right-title.facet-label {
    text-align: right;
}
#category.lang-rtl #left-column {
    padding-left: 15px;
    padding-right: 15px;
    float: right;
}
.lang-rtl .tvvertical-menu-img-block {
    margin-right: 0;
    margin-left: 10px;
}
.lang-rtl .tvcmsvertical-menu-wrapper .tvleft-right-penal-all-block {
    padding-left: 0;
    padding-right: 20px;
}
.lang-rtl .tvcmsvertical-menu li .tvvertical-menu-dropdown-icon1 {
    left: 15px;
    right: auto;
}
.lang-rtl .tvcmsvertical-menu-wrapper .tvleft-right-title.facet-label {
    text-align: right;
    padding: 0 40px 0 0;
}
.lang-rtl .tvcmsvertical-menu-wrapper .tvleft-right-title-toggle i {
    right: 15px;
    left: auto;
}
.lang-rtl .tvcmsvertical-menu-wrapper .tvleft-right-title-toggle {
    left: auto;
    right: 0;
}
.lang-rtl .tvcmsvertical-menu li.level-1,
.lang-rtl .tvvertical-menu-show-hide-category .tvvertical-show-category,
.lang-rtl .tvvertical-menu-show-hide-category .tvvertical-hide-category {
    border-left: none;
    border-right: 3px solid #e1e1e1;
}
.lang-rtl .tvcmsvertical-menu li.level-1:hover,
.lang-rtl .tvvertical-menu-show-hide-category .tvvertical-show-category:hover,
.lang-rtl .tvvertical-menu-show-hide-category .tvvertical-hide-category:hover {
    border-left: none;
    border-right: 3px solid #d90244;
}
.lang-rtl .tvcmstheme-control .tvtheme-control-wrapper .tvselect-theme select,
.lang-rtl .tvcmstheme-control .tvtheme-control-wrapper .tvselect-title-font-1 select,
.lang-rtl .tvcmstheme-control .tvtheme-control-wrapper .tvselect-title-font-2 select {
    /*background-position: 10px*/
}
.lang-rtl .tvapp-logo-content-inner {
    padding-left: 100px;
    padding-right: 0;
}
.lang-rtl .tvblog-date-username {
    direction: rtl;
}
.lang-rtl .tvcmsmain-slider-wrapper {
    float: right;
}
.lang-rtl .custom-checkbox input[type='checkbox'] {
    left: auto;
    right: 0;
}
body#checkout.lang-rtl .custom-checkbox {
    float: right;
}
.lang-rtl .custom-checkbox label {
    margin-right: 9px;
}
body#checkout.lang-rtl div.checkout-step #customer-form .form-control-label,
body#checkout.lang-rtl div.checkout-step #delivery-address .form-control-label,
body#checkout.lang-rtl div.checkout-step #invoice-address .form-control-label,
body#checkout.lang-rtl div.checkout-step #login-form .form-control-label {
    text-align: right;
}
.lang-rtl .custom-checkbox {
    margin: 0 0 0 3px;
}
.lang-rtl #search_filters .facet .facet-label a {
    margin: 0 5px 0 0;
    text-align: right;
}
.lang-rtl .tvall-inner-btn i {
    margin: 0 0 0 5px;
}
.lang-rtl .footer-container.footer-4 .tvfooter-logo-link-wrapper li:last-child a:before {
    display: block;
}
.lang-rtl .tvheader-language {
    margin-left: 26px;
    margin-right: 0;
}
.lang-rtl .tvcmsheader-search.search-widget form input[type=text] {
    padding: 0 16px 0 0;
}
.lang-rtl .header-3 #_desktop_contact_link {
    text-align: left;
}
.lang-rtl .header-3 #_desktop_contact_link #contact-link i {
    margin-right: 0;
    margin-left: 10px;
}
.lang-rtl .header-3 .container_tv_megamenu,
.lang-rtl .header-5 .tvheader-language-currency-wrapper,
.lang-rtl .footer-container.footer-4 .tvfooter-contact-link-wrapper,
.lang-rtl .footer-container.footer-4 .tvfooter-logo-block .tvfooter-img-block,
.lang-rtl .footer-container.footer-4 .tvfooter-logo-block .tvfooter-logo-desc,
.lang-rtl .footer-container.footer-2 .tvfooter-logo-block .tvfooter-img-block,
.lang-rtl .footer-container.footer-2 .tvfooter-logo-block .tvfooter-logo-desc {
    text-align: right;
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-addresses i,
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link i,
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link-content i,
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link-fax i {
    margin-right: 0;
    margin-left: 8px;
}
.lang-rtl .footer-container.footer-4 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,
.lang-rtl .footer-container.footer-4 .tvfooter-account-link li,
.lang-rtl .footer-container.footer-4 #block_myaccount_infos li,
.lang-rtl .footer-container.footer-4 .tvfooter-category-block ul li {
    margin: 0 0 20px 40px;
}
.lang-rtl .tv-sub-category-title-wrapper {
    padding: 15px 15px 0 0px;
}
.lang-rtl #wrapper .breadcrumb ol {
    direction: rtl;
}
.lang-rtl #wrapper .breadcrumb i {
    margin-right: 0;
    margin-left: 5px;
}
.lang-rtl .tvleft-right-title-wrapper,
.lang-rtl .tv-category-title-wrapper,
.lang-rtl .tvleft-right-title.facet-label,
.lang-rtl .block-categories .category-top-menu>li.tv-category-title-wrapper a {
    text-align: right;
}
.lang-rtl .tvcategory-chain-slider-content-box {
    direction: rtl;
}
.lang-rtl .tvcmsNewsLetterPopup-i .tvnewsletterpopup-button-icon {
    left: 15px;
    right: auto;
}
.lang-rtl .tvheader-cart-wrapper {
    padding: 25px 30px 25px 0px;
}
.lang-rtl #header .tv-myaccount-btn-desktop svg {
    margin-right: 0;
    margin-left: 12px;
}
.lang-rtl .tvwishlist-icon i,
.lang-rtl .tvdesktop-compare-icon i,
.lang-rtl #tvcmsdesktop-user-info .tvhedaer-sign-btn i,
.lang-rtl .tvmyccount i,
.lang-rtl #tvcmsdesktop-user-info .tvhedaer-sign-btn i {
    margin-right: 0;
    margin-left: 8px;
}
.lang-rtl #header .tv-menu-horizontal ul li.level-1>a {
    direction: ltr;
}
.lang-rtl .footer-container.footer-3 .tvfooter-logo-link-wrapper li a:before {
    left: -30px;
    right: auto;
}
.lang-rtl .footer-container.footer-3 .tvfooter-title-wrapper .tvfooter-title:after,
.lang-rtl .footer-container.footer-3 .block_newsletter .tvnewsletter-title:after {
    left: -10px;
    right: auto;
}
.lang-rtl .footer-container.footer-3 .tvnewsletter-lable-wrapper {
    margin-right: 0;
    margin-left: 25px;
}
.lang-rtl #blockcart-modal .cart-content {
    padding-right: 2.5rem;
    padding-left: 0;
}
.lang-rtl #blockcart-modal .cart-content .cart-content-btn button {
    margin-left: .3125rem;
    margin-right: 0;
}
.lang-rtl #blockcart-modal .modal-title i.material-icons {
    margin-left: 1.875rem;
    margin-right: 0;
}
.lang-rtl .tv-addtocart-msg-wrapper .tv-addtocart-close {
    left: 15px;
    right: auto;
}
.lang-rtl .tvvertical-slider {
    direction: ltr;
}
.lang-rtl .tv-product-page .tv-indicator {
    margin-right: 0;
    margin-left: 50px;
}
.lang-rtl .tvproduct-wrapper .tvproduct-timer-icon i {
    margin-right: 0;
    margin-left: 3px;
}
.lang-rtl #header .header-4 .tv-myaccount-btn-desktop svg,
.lang-rtl #header .header-5 .tv-myaccount-btn-desktop svg,
.lang-rtl #header .header-6 .tv-myaccount-btn-desktop svg {
    margin: 0;
}
.lang-rtl .breadcrumb li:first-child a:before {
    margin-right: 0;
    margin-left: 5px;
}
.lang-rtl .products-selection .sort-by {
    text-align: left;
}
.lang-rtl .tv_search_filter_wrapper .tvleft-right-title-wrapper .tvproduct-top-filter-name {
    padding: 0px 0 0 5px;
}
.lang-rtl .tvfilter-search-types-dropdown>li .magnitude {
    float: left;
}
.lang-rtl .tvproduct-play-icon {
    left: auto;
    right: 30px;
}
.lang-rtl .open-comment-form .tvcustom-icons {
    margin-right: 0;
    margin-left: 5px;
}
.lang-rtl .cms-description blockquote:before {
    left: auto;
    right: -40px;
}
.lang-rtl .tvproduct-description-tab .product-reference .label,
.lang-rtl .tvproduct-description-tab .product-quantities .label {
    margin: 0 0px 0 8px;
}
.lang-rtl .tvproduct-page-wrapper .product-3 .tv-product-page-image {
    float: left
}
.lang-rtl .cms-description ul {
    padding-left: 0;
    padding-right: 40px;
}
.lang-rtl .contact-form .form-control-label {
    text-align: right;
}
.lang-rtl .text-sm-right {
    text-align: left !important;
}
.lang-rtl .label,
.lang-rtl label {
    text-align: right;
}
.lang-rtl .custom-checkbox {
    float: none;
}
.lang-rtl .table thead th {
    text-align: right;
}
.lang-rtl #hideWishlist {
    float: right;
}
.lang-rtl .header-4 .tvcmssearch-wrapper,
.lang-rtl .header-5 .tvcmssearch-wrapper,
.lang-rtl .header-6 .tvcmssearch-wrapper {
    margin-right: 0;
    margin-left: 30px;
}
.lang-rtl #header .tvcmsdesktop-top-header-wrapper.header-4 .tvsearch-header-display-wrappper,
.lang-rtl #header .tvcmsdesktop-top-header-wrapper.header-5 .tvsearch-header-display-wrappper,
.lang-rtl #header .tvcmsdesktop-top-header-wrapper.header-6 .tvsearch-header-display-wrappper {
    left: 0;
    right: auto;
}
.lang-rtl .tvmain-slider-next-pre-btn .tvcmsprev-btn,
.lang-rtl .tvcms-vertical-menu-next-pre-btn .tvcmsprev-btn {
    left: 15px;
    right: auto;
}
.lang-rtl .tvmain-slider-next-pre-btn .tvcmsnext-btn,
.lang-rtl .tvcms-vertical-menu-next-pre-btn .tvcmsnext-btn {
    right: 15px;
    left: auto;
}
.lang-rtl .menu-subtitle {
    left: -8px;
    right: auto;
}
@media (max-width: 991px) {
    .lang-rtl #tvcmsdesktop-language-selector .tv-language-btn,
    .lang-rtl #tvcmsdesktop-currency-selector .tv-currency-btn {
        text-align: right;
    }
    .lang-rtl #footer_sub_menu_store_info {
        margin: 0;
        overflow: hidden;
        padding: 0 15px 0 15px;
    }
    .lang-rtl #footer_sub_menu_store_time,
    .lang-rtl #footer_sub_menu_link,
    .lang-rtl #footer_sub_menu_myaccount,
    .lang-rtl #footer_sub_menu_social_icon {
        padding: 0 15px;
    }
    .lang-rtl .tvproduct-wrapper .tvproduct-hover-btn {
        right: 10px;
        left: auto;
    }
    .lang-rtl #footer_sub_menu_store_time,
    .lang-rtl #footer_sub_menu_link,
    .lang-rtl #footer_sub_menu_myaccount,
    .lang-rtl #footer_sub_menu_social_icon {
        padding: 0 15px;
    }
    .lang-rtl #header .tv-myaccount-btn-desktop svg {
        width: 23px;
        height: 23px;
        margin: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .lang-rtl .tvmobile-slidebar {
        right: -300px;
        left: auto;
    }
    .lang-rtl .tvmobile-slidebar.open {
        right: 0;
        left: auto;
    }
    .lang-rtl .tvapp-logo-content-inner {
        width: 100%;
    }
    .lang-rtl .tvtags-content-box {
        text-align: center;
    }
    .lang-rtl #tvcmsmobile-horizontal-menu .tvcmsmain-menu-wrapper>.tv-header-menu {
        right: -300px;
        left: auto;
    }
    .lang-rtl #tvcmsmobile-horizontal-menu .tv-header-menu.open {
        right: 0;
        left: auto;
    }
    .lang-rtl .tvcmsdesktop-language-selector {
        text-align: center;
    }
    .lang-rtl .tvtab-product .tvcms-main-title {
        float: none;
        text-align: center;
        margin-bottom: 0;
    }
    .lang-rtl .tvtab-title-wrapper {
        margin-bottom: 0px;
    }
}
@media (max-width: 768px) {
    .lang-rtl .tvcmsmain-slider-wrapper {
        float: none;
    }
    .lang-rtl .tvtab-title-wrapper {
        float: none;
        padding-right: 0;
        margin-bottom: 15px;
        padding-left: 0;
    }
    .lang-rtl .tv-account-wrapper,
    .lang-rtl .tvheader-cart-wrapper {
        padding: 0;
    }
}
@media (max-width: 650px) {
    .lang-rtl .tvcmsheader-search {
        text-align: center;
    }
}
@media (max-width: 575) {
    .lang-rtl .tvcmsprev-btn,
    .lang-rtl .tvcmsnext-btn {
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none;
        display: inline-block;
        position: inherit;
        margin: 0 3px;
    }
    .lang-rtl .tvapp-logo-content-inner {
        margin-right: 0;
        padding: 0;
        margin-bottom: 15px;
        text-align: center;
    }
    .lang-rtl #tvcmsmobile-horizontal-menu {
        margin: 0;
    }
    .lang-rtl .tv-contact-account-cart-wrapper {
        float: none;
        border: none;
    }
    .lang-rtl .tvsearch-header-display-wrappper {
        left: 0;
        right: auto;
    }
    .lang-rtl .tvcmsmobile-cart-acount-text {
        text-align: left;
        padding-right: 0;
        padding-left: 15px;
    }
    .lang-rtl #products.list .tvproduct-name,
    .lang-rtl #products.list .tv-indicator .tv-items,
    .lang-rtl #products.list .tvproduct-timer,
    .lang-rtl #products.list .comments_note,
    .lang-rtl #products.list .product-miniature .product-price-and-shipping,
    .lang-rtl #products.list-2 .product-description,
    .lang-rtl #products.list .product-description {
        text-align: center;
    }
    .lang-rtl .tvproduct-wrapper.list .tvall-product-btn-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (min-width: 992px) {
    .lang-rtl .tv-language-dropdown,
    .lang-rtl .tv-currency-dropdown {
        right: auto;
        left: 0;
        text-align: right;
    }
    .lang-rtl .tvproduct-wrapper.list .tv-product-list {
        float: right;
        margin-right: 0;
        margin-left: 15px;
        text-align: center;
    }
}
@media (max-width: 991px) and (min-width: 576px) {
    .lang-rtl .tvproduct-wrapper.list .tv-product-list {
        float: right;
        margin-right: 0;
        margin-left: 15px;
    }
}
@media(max-width: 1440px) {
    .lang-rtl .product-add-to-cart .add-to-cart {
        margin: 0 0 5px 30px;
    }
}
@media (max-width: 1008px) {
    *::-webkit-scrollbar {
        width: 5px;
        background-color: #ddd;
    }
    *::-webkit-scrollbar-thumb {
        background-color: #d90244;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    }
    body {
        overflow: overlay;
    }
}
#block-reassurance li{
    margin-inline-end: 0;
}
@media (min-width:1200px){
    #product #block-reassurance li{
            min-width: 507px;
    }
}
.product-3 #block-reassurance {
    margin-bottom: 20px;
}
#cart #block-reassurance li {
    margin: 0 0px 5px 0;
}
.tvforce-hide {
    display: none;
}
/******* Start Media-tablet Css *******/
/* Media Css 769 to 1024 */
@media(max-width: 1023px) {
    .tv-footer-social-icon.slideInLeft,
    .tvcmsright-sticky.slideInRight {
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    .tvtabcategory-product-li,
    .tvtabcategory-show,
    .tvtabcategory-hide {
        padding: 11px 16px 11px 10px;
    }
    .tvtabcategory-product-li a,
    .tvtabcategory-show a,
    .tvtabcategory-hide a {
        font-size: 14px;
    }
}
@media (max-width: 1024px) {
    .tvbottom-to-top {
        display: block !important;
    }
    .product-1 .tvvertical-slider .product-images {
        max-height: 585px;
    }
    .product-4 .tvvertical-slider .tvcmsVerticalSlider img {
        margin: 0 auto;
    }
    .tvapp-logo-content-box {
        padding: 30px 30px 0 30px;
    }
    #category .tv-grid-list-wrapper-info-box {
        width: 25%;
    }
    #product .data-sheet {
        max-width: 100%;
    }
    /*.tvprduct-image-info-wrapper .product-cover{
    }
    .tvprduct-image-info-wrapper .tvvertical-slider{
        width: 100%;
    }*/
    .tvproduct-page-wrapper .tv-product-page-image {
        margin-bottom: 30px;
    }
    .tvproduct-page-wrapper .tv-product-page-image,
    .tvproduct-page-wrapper .tv-product-page-content {
        width: 100%;
    }
    .tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper {
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        float: none;
    }
    .zoomContainer {
        display: none;
    }
}
@media(max-width: 991px) {
    .footer-container.footer-4 .block_newsletter form {
        margin: 0 auto;
    }
    .mobile-header-1,
    .mobile-header-2,
    .mobile-header-3 {
        border-bottom: 1px solid #00000012;
    }
    .tvcmsheader-sticky.sticky .tv-header-logo {
        padding: 8px 0;
    }
    .footer-container.footer-4 .tvfooter-storelogo-inner {
        margin: 0;
    }
    .footer-container.footer-3 .tvnewsletter-lable-wrapper {
        margin-bottom: 15px;
        margin-right: 0;
    }
    #index #wrapper {
        padding-top: 15px;
    }
    #tvcmsmobile-search .tvheader-search-display-icon {
        display: none;
    }
    .container_tv_megamenu {
        display: block;
    }
    .tvmain-slider-next-pre-btn {
        display: none;
    }
    #tvmain-slider .owl-dots {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        justify-content: center;
        z-index: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #tvmain-slider.owl-theme .owl-dots .owl-dot,
    .owl-theme .owl-dots .owl-dot span {
        display: block;
        flex: 1;
        width: 100%;
        height: 2px;
    }
    #tvmain-slider.owl-theme .owl-dots .owl-dot.active span,
    #tvmain-slider.owl-theme .owl-dots .owl-dot:hover span {
        height: 2px;
        width: 100%;
    }
    .tvcmsmobile-contact {
        position: relative;
        padding: 10px 0 0 0;
    }
    .tvcmsmobile-contact:before {
        content: '';
        background-color: #e5e5e5;
        position: absolute;
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        margin: 0 auto;
    }
    .tvmobile-sliderbar-btn {
        padding: 5px 0;
    }
    #left-column .tvleft-right-product-slider {
        width: 50%;
        float: left;
    }
    .tvapp-logo-content-box {
        padding: 30px 15px 0 15px;
    }
    .tvapp-logo-content-inner .tvdekstop-footer-all-title-wrapper .tvfooter-title span {
        font-size: 22px;
    }
    .tvdekstop-footer-all-desc-wrapper span {
        font-size: 14px;
    }
    .tvapp-logo-content-inner {
        width: 100%;
    }
    .tvcmsapp-logo {
        margin-bottom: 30px;
    }
    .tvcmsofferbanners-one {
        margin-bottom: 30px;
    }
    .tvcmssliderofferbanners-one .tvbanner1,
    .tvcmssliderofferbanners-one .tvbanner2 {
        padding: 0 15px;
    }
    .tvcmssliderofferbanners-one .tvbanner1 {
        margin-bottom: 0;
        text-align: right;
    }
    .tvcmssliderofferbanners-one .tvbanner2 {
        margin-bottom: 0;
        text-align: left;
    }
    .tvcms-slider-offerbanner-wrapper {
        margin-bottom: 30px;
    }
    .tvmain-slider-contant .tvmain-slider-button {
        padding: 0 10px;
        font-size: 12px;
        line-height: 20px;
    }
    .tvcmsmain-slider-wrapper {
        margin-bottom: 30px;
        width: 100%;
    }
    .tvcmssliderofferbanners-one {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    #header {
        position: relative;
    }
    #index #header {
        position: relative;
        background-color: #ffffff;
        /*margin-bottom: 15px;*/
    }
    .tvtags-content-box {
        text-align: center;
    }
    .tvcmsmobile-header-search-logo-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        BACKGROUND-COLOR: WHITE;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .tvcmsdesktop-top-header-box {
        display: block;
    }
    #tvcmsmobile-horizontal-menu .tvcmsmain-menu-wrapper>.tv-header-menu {
        position: absolute;
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.07);
        top: 100%;
        width: 50%;
        z-index: 70;
        display: block;
        opacity: 0;
        -webkit-transition: all 0.7s ease 0.1s;
        -moz-transition: all 0.7s ease 0.1s;
        -ms-transition: all 0.7s ease 0.1s;
        -o-transition: all 0.7s ease 0.1s;
        transition: all 0.7s ease 0.1s;
        padding: 30px;
        left: -300px;
        visibility: hidden;
        max-height: 500px;
        overflow-y: scroll;
    }
    #tvcmsmobile-horizontal-menu .tv-header-menu.open {
        opacity: 1;
        -webkit-transition: all 0.7s ease 0.1s;
        -o-transition: all 0.7s ease 0.1s;
        transition: all 0.7s ease 0.1s;
        visibility: visible;
        left: 0;
    }
    #tvcmsmobile-horizontal-menu .tv-header-menu li {
        width: 100%;
        text-align: center;
        position: relative;
        display: block;
        padding: 0;
    }
    #tvcmsmobile-horizontal-menu .tv-header-menu ul[data-depth="1"]>li {
        padding: 10px 0;
        float: unset;
    }
    .tvheader-top-menu-img {
        padding: 10px 0;
    }
    #tvcmsmobile-horizontal-menu>.tvcmsmain-menu-wrapper>.tv-header-menu>li {
        border-bottom: 1px solid #f1f1f1;
    }
    #tvcmsmobile-horizontal-menu>.tvcmsmain-menu-wrapper>.tv-header-menu>li>.tvmenu-link-wrapper {
        padding: 15px 20px;
    }
    #tvcmsmobile-horizontal-menu>.tvcmsmain-menu-wrapper>.tv-header-menu>li>.tvmenu-link-wrapper a {
        color: #222222;
        font-weight: 500;
    }
    .tvmenu-link-wrapper .tvdropdown-submenu.tvmenu-link {
        display: block;
        width: 100%;
    }
    #tvcmsmobile-horizontal-menu .tv-header-menu li .tvmain-menu-mobile-dropdown .category.tvmain-menu-wrapper {
        padding: 3px 0;
    }
    .tvmenu-link-wrapper .tvdropdown-submenu.tvmenu-link span {
        color: #000;
        font-weight: 500;
    }
    .tvmenu-link-wrapper .tvdropdown-submenu.tvmenu-link span:hover {
        color: #e40046;
    }
    #tvcmsmobile-horizontal-menu .tv-header-menu li:last-child {
        border-bottom: none;
    }
    #tvcmsmobile-horizontal-menu .tv-header-menu li a i {
        float: right;
        padding: 0 40px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .tvcmsmobile-header-menu-offer-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*background-color: #fdd740;*/
        padding: 0 15px;
    }
    .tvmenu-toggle-icon {
        position: absolute;
        right: 0;
    }
    .tvmain-menu-dropdown {
        display: none;
        width: 100%;
        padding: 0 0 15px 0;
    }
    .tvmenu-button-wrapper {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0;
    }
    #tvcmsmobile-horizontal-menu-left {
        padding: 0;
    }
    #tvcms-mobile-view-header .tvmenu-button i {
        color: #ffffff;
        font-size: 24px;
        width: 35px;
        height: 35px;
        line-height: 33px;
        text-align: center;
        border: 1px solid rgba(162, 71, 99, 0.36);
        border-radius: 5px;
        vertical-align: top;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.1);
    }
    #header .tvcmsmain-menu-wrapper .menu {
        display: block;
    }
    .tvcmsmobile-header-menu {
        position: initial;
        padding: 0;
    }
    .tvcmsmobile-top-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .tvmobileheader-language-currency-wrapper {
        text-align: right;
    }
    .tv-account-wrapper,
    .tvheader-cart-wrapper {
        padding: 5px 0;
    }
    .tvheader-sarch-display .tvheader-search-display-icon .tvsearch-open {
        display: flex;
    }
    .tvcmsheader-search {
        text-align: center;
        cursor: pointer;
    }
    #header .mobile-header-2 .tv-myaccount-btn-desktop svg,
    #header .mobile-header-3 .tv-myaccount-btn-desktop svg {
        margin: 0;
    }
    #header .tvsearch-top-wrapper {
        width: 70%;
        padding: 15px 0;
        display: inline-block;
    }
    .tvcmsheader-search.search-widget form input[type=text] {
        /*height: 40px;*/
    }
    .tvcmsheader-search .tvcms-select-category {
        margin: 0 10px;
    }
    .tvsearch-header-display-wrappper form {
        overflow: visible;
    }
    .tvsearch-result {
        left: 0;
    }
    .tvcmsdesktop-language-selector,
    .tvcmsdesktop-top-wrapper {
        text-align: center;
    }
    .tv-language-dropdown,
    .tv-currency-dropdown {
        padding: 10px;
    }
    .tvcmsdesktop-top-header-wrapper {
        display: none;
    }
    .tvcmsmobile-header-logo-right-wrapper #tvcmsmobile-header-logo {
        width: 100%;
    }
    .tvcmsmobile-cart-acount-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: right;
        justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        padding: 0;
    }
    .tv-cart-cart-inner {
        position: absolute;
        right: -4px;
        top: -4px;
    }
    #tvcmsmobile-account-button {
        margin: 0 20px;
    }
    #contact-link span {
        color: #333333;
        position: relative;
        line-height: 40px;
        display: inline-block;
        vertical-align: middle;
    }
    #contact-link span:before {
        font-family: 'Material Icons';
        content: '\e0b0';
        font-size: 22px;
        color: #333333;
        margin: 0 5px 0 0;
        line-height: 30px;
        display: inline-block;
        vertical-align: middle;
    }
    #contact-link i {
        display: none;
    }
    .tvstore-email-wrapper,
    .tvstore-time-infowrapper,
    .tvcmsstore-time {
        margin-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .tvcmsdesktop-language-selector,
    .tvheader-offer-wrapper {
        width: 100%;
    }
    .tvcmsstore-time {
        display: block;
    }
    #contact-link {
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }
/* Bouton menu mobile */
.tvmobile-sliderbar-btn a {
    height: auto;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 8px;
    background-color: rgba(0, 89, 123, 0.85) !important; /* Bleu foncé légèrement transparent */
    color: #fff !important; /* Texte/Icône en blanc */
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.3); /* Bordure blanche légère */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* Légère ombre */
}

/* Style de l'icône du menu */
.tvmobile-sliderbar-btn i {
    color: #fff !important; /* Blanc pour une meilleure visibilité */
    font-size: 24px !important; /* Taille plus grande */
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
}

/* S'assurer que le bouton est bien cliquable */
.tvmobile-sliderbar-btn {
    display: block !important;
    z-index: 9999 !important;
}
    #header .tv-menu-horizontal ul li.level-1>a {
        font-size: 16px;
        font-family: inherit;
        line-height: 40px;
    }
    .tvmobile-sliderbar-btn i {
        /*padding: 8px 0px;*/
    }
    #header .tv-menu-horizontal ul li.level-1>a {
        /*padding:5px 15px;*/
        padding: 0;
    }
    .tv-menu-horizontal li.level-1 {
        border-bottom: none;
        padding-bottom: 5px;
    }
    .tv-menu-col,
    .tv-menu-row {
        padding-bottom: 5px;
    }
    .menu-subtitle {
        top: 0;
        right: auto;
    }
    .tvmega-menu-title {
        font-size: 16px;
        color: #666666;
        text-align: center;
        font-weight: 500;
        position: relative;
        text-transform: capitalize;
        padding: 0 0 15px 0;
        margin-bottom: 15px;
    }
    .tvmega-menu-title:after {
        position: absolute;
        content: "";
        width: 112%;
        left: -15px;
        right: 0;
        bottom: 0;
        height: 1px;
        background-color: #e5e5e5;
    }
    .tvmobile-dropdown-close a i {
        position: absolute;
        right: 10px;
        top: 12px;
        font-size: 24px;
        color: #333333;
        z-index: 10;
    }
    .tv-total-product-number {
        font-size: 12px;
    }
    .tvcmsspecial-product,
    .tvcmstab-title-product {
        margin-bottom: 20px;
    }
    .tvcmsfeatured-product,
    .tvcmsbest-seller-product,
    .tvcmsnew-product,
    .tvcmssame-category-product,
    .tvcmscross-selling-product,
    .tvcmslike-product {
        margin-bottom: 20px;
    }
    #left-column {
        display: none;
    }
    .tvtab-title-wrapper .tvtabs-products li {
        padding: 9px 10px;
    }
    .tvcms-main-title .tvmain-title h2 {
        font-size: 24px !important;
        font-family: inherit;
    }
    .tvtab-title-wrapper .tvtabs-products li span,
    .tvcategory-title-wrapper .tvleft-right-title span {
        font-family: inherit;
    }
    .tvproduct-name h6,
    .product-price-and-shipping .price {
        font-size: 14px !important;
    }
    .tvcart-icon-text-wrapper .tvcart-lable,
    .tv-account-wrapper .tv-myaccount-btn span {
        font-size: 14px !important;
        display: none;
    }
    .tvheader-nav-offer-text p,
    #tvcmsdesktop-language-selector .tv-language-btn .tv-language-span,
    #tvcmsdesktop-currency-selector .tv-currency-btn .tv-currency-span {
        font-size: 14px !important;
    }
    .tvnews-event-content-wrapper .tvnews-event-titel a h3,
    .kr_blog_post_area .tvblog_post .post_content .post_title a {
        font-size: 14px !important;
    }
    .tvfooter-product-box-layout .tvcms-main-title .tvmain-title h2 {
        font-size: 20px !important;
    }
    .tvservices-content-box .tvservices-title {
        font-size: 14px !important;
    }
    .tvproduct-flags {
        opacity: 1;
    }
    .tvproduct-wrapper.grid:hover .tvproduct-timer,
    .tvproduct-wrapper.grid-2:hover .tvproduct-timer {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
    .tvproduct-timer .tvproduct-timer-wrapper {
        margin: 0;
    }
    .tvproduct-wrapper.grid:hover .tvproduct-timer,
    .tvproduct-wrapper.grid-2:hover .tvproduct-timer {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .tvproduct-wrapper.grid .tvproduct-timer,
    .tvproduct-wrapper.grid-2 .tvproduct-timer {
        bottom: 42px;
        top: auto;
    }
    .tvproduct-wrapper.grid .tvproduct-hover-btn,
    .tvproduct-wrapper.grid-2 .tvproduct-hover-btn {
        opacity: 1;
        position: unset;
        bottom: 0;
        margin-top: 5px;
    }
    .tvproduct-wrapper.grid .tvproduct-quick-btn,
    .tvproduct-wrapper.grid-2 .tvproduct-quick-btn,
    .tvproduct-wrapper.grid .tvproduct-cart-btn,
    .tvproduct-wrapper.grid-2 .tvproduct-cart-btn,
    .tvproduct-wrapper.grid .tvproduct-cart-btn,
    .tvproduct-wrapper.grid-2 .tvproduct-cart-btn,
    .tvproduct-wrapper.grid .tvproduct-wishlist,
    .tvproduct-wrapper.grid-2 .tvproduct-wishlist,
    .tvproduct-wrapper.grid .tvcompare-wrapper,
    .tvproduct-wrapper.grid-2 .tvcompare-wrapper {
        transform: none;
        margin: 0 2px;
    }
    .tvfooter-product-title-product,
    .tvfooter-product-box-layout {
        margin-bottom: 15px;
    }
    .tv-product-page-image .page-content {
        width: 100%;
        margin: 0 auto;
    }
    .tvcms-brandlist-pagination-wrapper {
        display: block;
    }
    .tvmain-slider-next-pre-btn .tvcmsprev-btn {
        left: 5px;
    }
    .tvmain-slider-next-pre-btn .tvcmsnext-btn {
        right: 5px;
    }
    .tvnewsleeter-input-button-wraper .input-wrapper input {
        min-width: 100%;
    }
    .tvfooter-logo-block {
        padding: 20px 0;
    }
    .tvfooter-storelogo-inner {
        border: 0;
    }
    .tvnewsletter-lable-wrapper {
        margin-top: 15px;
    }
    .tvfooter-storelogo-imformation {
        padding: 15px 0;
        flex-direction: column;
    }
    #footer_sub_menu_store_info .tvfooter-addresses:after,
    #footer_sub_menu_store_info .tvfooter-store-link-content:after,
    #footer_sub_menu_store_info .tvfooter-store-link-fax:after,
    #footer_sub_menu_store_info .tvfooter-store-link:after {
        left: -35px;
    }
    #footer_sub_menu_store_info {
        padding-left: 15px;
    }
    #footer_sub_menu_store_time,
    #footer_sub_menu_link,
    #footer_sub_menu_myaccount,
    #footer_sub_menu_tvfooter_category {
        margin: 0;
        overflow: hidden;
        padding: 0 15px;
    }
    .tvfooter-toggle-icon-wrapper.tvfooter-toggle-icon {
        display: block;
        padding: 0;
        height: 36px;
        width: 36px;
        text-align: center;
        line-height: 36px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        cursor: pointer;
    }
    .tvfooter-toggle-icon-wrapper.tvfooter-toggle-icon i {
        color: #333333;
    }
    .tvfooter-toggle-icon-wrapper.tvfooter-toggle-icon .remove {
        display: none;
    }
    .tvcmsfooter-social-icon .tvfooter-title-wrapper {
        padding-left: 0;
    }
    .tvfooter-title-wrapper {
        margin-bottom: 0px;
    }
    .tvfooter-title-wrapper .tvfooter-title {
        margin-bottom: 10px;
        padding: 10px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        font-size: 16px !important;
    }
    .block_newsletter .tvnewsletter-title,
    .tvnewsletter-description {
        text-align: center;
    }
    .tvnewsleeter-input-button-wraper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper {
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        float: none;
    }
    .tvcopylink p {
        text-align: center;
    }
}
@media (max-width: 820px) {
    .quickview .tvcart-btn-model {
        float: none;
    }
}
@media(min-width: 768px) {
    .pagination .page-list.tv-pagination-wrapper,
    .pagination .page-list.tvinner-page-pagination {
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
        z-index: 1; position: relative;
    }
}
@media (max-width: 991px) {
    .lang-rtl #contact-link span:before {
        margin: 0 0 0 5px;
    }
    .lang-rtl #contact-link {
        text-align: right;
    }
    .lang-rtl .tvheader-cart-wrapper {
        padding: 0;
    }
    .tvcmsheader-sticky.sticky {
        background-color: #ffffff;
    }
    .product-1 .tvvertical-slider .product-images {
        max-height: 627px;
    }
    .tvcmsheader-search.search-widget form input[type=text] {
        height: 42px;
    }
    .tvheader-top-search-wrapper {
        padding: 10px 16px;
    }
    .tvcmsheader-search.search-widget form button[type=submit] svg {
        width: 20px;
    }
    #header .tv-myaccount-btn-desktop svg {
        width: 23px;
        height: 23px;
        margin: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .tvheader-cart-wrapper .tv-cart-icon svg {
        width: 26px;
        height: 26px;
    }
    .tv-cart-cart-inner {
        width: 16px;
        height: 16px;
        font-size: 10px;
    }
    .tvheader-nav-offer-text i {
        font-size: 14px;
    }
    .tvproduct-play-icon {
        position: unset;
        text-align: center;
    }
    .tvproduct-play-icon span {
        font-size: 14px;
    }
    .tvproduct-play-icon i {
        font-size: 30px;
    }
    .tvproduct-description-tab #tab-content {
        padding: 15px;
    }
    #tvcms-mobile-view-header.mobile-header-2 .tv-header-logo {
        padding: 15px 0;
    }
    #tvcms-mobile-view-header.mobile-header-3 .tvmobile-sliderbar-btn {
        padding: 10px 0 10px 0;
    }
    #tvcms-mobile-view-header.mobile-header-3 .tvcmsmobile-header-menu,
    #tvcms-mobile-view-header.mobile-header-3 .tvcmsmobile-header-search {
        width: 50%;
    }
    #tvcms-mobile-view-header.mobile-header-3 .tvcmsmobile-header-search-logo-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    #tvcms-mobile-view-header.mobile-header-3 .tv-header-logo {
        justify-content: center;
    }
    .tvmobile-slidebar {
        /*opacity: 0;*/
        visibility: hidden;
        position: fixed;
        z-index: 1001;
        padding: 15px;
        background-color: #ffffff;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        left: -300px;
        min-width: 300px;
        width: 300px;
        height: 100vh;
        top: 0;
        overflow-y: auto;
        overflow-x: hidden;
        transform-origin: top;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
    }
    .tvmobile-slidebar.open {
        visibility: visible;
        text-align: left;
        left: 0;
        /*opacity: 1;*/
        transform-origin: top;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
    }
    .tv-menu-horizontal .menu-content .tvmega-menu-title {
        display: block;
    }
    #tvcms-mobile-view-header.mobile-header-2 #tvcmsmobile-account-button {
        margin: 0;
    }
    #tvcms-mobile-view-header.mobile-header-2 .tvcmsmobile-header-logo-right-wrapper {
        padding: 0;
        min-height: 64px;
    }
    #tvcms-mobile-view-header.mobile-header-1 .tvcmsmobile-header-logo-right-wrapper {
        min-height: 55px;
    }
    #tvcms-mobile-view-header.mobile-header-2 .tv-account-wrapper .tv-myaccount-btn span,
    .tvcms-search-click .tv-account-wrapper .tv-myaccount-btn span {
        display: none;
    }
    #header #tvcms-mobile-view-header.mobile-header-2 .tvsearch-header-display-wrappper {
        max-width: 400px;
        width: 400px;
        margin: auto;
    }
    #tvcms-mobile-view-header.mobile-header-2 .tvheader-sarch-display,
    #tvcms-mobile-view-header.mobile-header-2 #tvcmsmobile-account-button,
    #tvcms-mobile-view-header.mobile-header-2 #tvmobile-cart {
        margin: 0 0 0 20px;
    }
    .lang-rtl #tvcms-mobile-view-header.mobile-header-2 .tvheader-sarch-display,
    .lang-rtl #tvcms-mobile-view-header.mobile-header-2 #tvcmsmobile-account-button,
    .lang-rtl #tvcms-mobile-view-header.mobile-header-2 #tvmobile-cart {
        margin: 0 20px 0 0px;
    }
    #tvcms-mobile-view-header.mobile-header-2 .tvcmsmobile-header-search {
        display: flex;
        position: unset;
        align-items: center;
        justify-content: flex-end;
    }
    #tvcms-mobile-view-header.mobile-header-2 .tvcmsmobile-header-menu {
        padding: 0 15px;
    }
    #header .mobile-header-2 .tvsearch-top-wrapper {
        width: 100%;
        padding: 0;
        display: block;
    }
    #tvcms-mobile-view-header.mobile-header-2 .tvsearch-open svg,
    #tvcms-mobile-view-header.mobile-header-2 .tvsearch-close svg {
        vertical-align: middle;
        width: 20px;
        height: 20px;
    }
    #tvcms-mobile-view-header.mobile-header-2 .tvsearch-close svg {
        width: 20px;
        height: 15px;
    }
}
/******* End Media-tablet Css *******/
/******* Start Media-mobile Css *******/
/* Media Css 768 to 320 */
@media(min-width: 576px) and (max-width: 767px) {
    #products.list .tvproductdescription-button-wrapper,
    #products.list .tvproduct-wrapper.list .tvproduct-image {
        width: 50%;
    }
}
@media(max-width: 767px) {
    .tvapp-logo-content-box {
        display: block;
        padding: 15px;
    }
    .tvapp-logo-content-wrapper {
        margin-bottom: 15px;
    }
    .tvmain-slider-content-wrapper {
        display: flex;
        overflow: hidden;
        border: none;
        background-color: transparent;
        /*display: none;*/
    }
    .tvmain-slider-content-inner {
        /*width: 50%;*/
        /*float: left;*/
        margin: 1px 0 0 0;
        display: block;
    }
    .tvmain-slider-contant {
        display: none;
    }
    .tvcms-main-slider {
        border-bottom: none;
    }
    .tvfooter-social-icon-wrapper li a {
        width: 48px;
        height: 48px;
    }
    .tvmain-slider-content-inner:last-child {
        width: 100%;
    }
    #category .tv-grid-list-wrapper-info-box {
        width: 33.33%;
    }
    .tvall-inner-btn-cancel span,
    .tvall-inner-btn span {
        font-size: 14px;
    }
    #header .tvsearch-top-wrapper {
        width: 100%;
    }
    .tvtab-title-wrapper {
        float: none;
        padding-right: 0;
        margin-bottom: 15px;
        padding-left: 0;
    }
    #products.catelog .tv-product-list {
        margin: 0;
    }
    .tvproduct-description-tab .nav-tabs li.nav-item {
        margin: 0 0px 10px 0px;
        width: 100%
    }
    .tvnewsletter-block {
        display: block;
        text-align: center;
    }
    .tvfooter-copy-payment-icon-wrapper {
        padding: 10px 0;
    }
    .tvcmsfooter-social-icon {
        padding-top: 0;
    }
    #footer {
        padding: 0;
    }
    .tvcopylink p {
        text-align: center;
    }
    .block_newsletter {
        border: none;
        padding-bottom: 0;
    }
    .tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper {
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        float: none;
    }
    .tvcopylink,
    .tvfooter-payment-icon-img-block {
        margin-bottom: 15px;
        padding: 0 15px;
    }
    .footer-container .links ul>li {
        border: none;
        padding: 0;
        font-weight: normal;
    }
    .footer-container .links ul {
        background-color: transparent;
    }
    .tvbottom-to-top {
        right: 15px;
    }
    .tvfooter-copy-payment-icon-inner {
        display: block;
    }
    .tvcmsfooter-social-icon {
        text-align: center;
    }
}
@media(max-width: 768px) {
    .product-2 .tvvertical-slider {
        display: block;
    }
    .product-2 .product-cover {
        display: none;
    }
    .product-1 .tvvertical-slider .product-images {
        max-height: max-content;
    }
    .tvvertical-slider .slick-slide.slick-current .tvcmsVerticalSlider:nth-child(1) img.thumb,
    .tvvertical-slider .tvcmsVerticalSlider:nth-child(1) img {
        border: none;
    }
    .product-1 .tvvertical-slider .product-images .tvcmsVerticalSlider,
    .product-2 .tvvertical-slider .product-images .tvcmsVerticalSlider,
    .product-3 .tvvertical-slider .product-images .tvcmsVerticalSlider,
    .product-5 .tvvertical-slider .product-images .tvcmsVerticalSlider {
        display: none !important;
    }
    .product-1 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(1),
    .product-2 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(1),
    .product-3 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(1),
    .product-5 .tvvertical-slider .product-images .tvcmsVerticalSlider:nth-child(1) {
        display: block !important;
    }
    .product-1 .tvvertical-slider .product-images.slick-slider .tvcmsVerticalSlider,
    .product-2 .tvvertical-slider .product-images.slick-slider .tvcmsVerticalSlider,
    .product-3 .tvvertical-slider .product-images.slick-slider .tvcmsVerticalSlider,
    .product-5 .tvvertical-slider .product-images.slick-slider .tvcmsVerticalSlider {
        display: block !important;
    }
    .product-3 .tvcmsVerticalSlider {
        width: auto;
    }
    .tvproduct-play-icon {
        text-align: center;
    }
    .tvvertical-slider .slick-slider li img.thumb.active,
    .tvvertical-slider .slick-slider li img.thumb:hover {
        border: 1px solid transparent;
    }
    .tvvertical-slider .product-images {
        padding-bottom: 30px;
        margin-bottom: 0;
    }
    .cms-description img {
        margin-bottom: 15px;
    }
    #product #block-reassurance ul {
        display: flex;
    }
    #product #block-reassurance ul li {
        margin: 0 15px 5px 0;
    }
    .product-2 .tvproduct-image-slider .col-md-6 {
        width: 50%;
        float: left;
    }
    #left-column .tvfilter-brand-list-wrapper {
        width: 48%;
        float: left;
        margin-right: 7.5px;
    }
    #left-column .tvfilter-supplier-list-wrapper {
        width: 48%;
        float: left;
        margin-left: 7.5px;
    }
    #tvcmsmobile-horizontal-menu .tv-header-menu.open {
        opacity: 1;
        -webkit-transition: all 0.7s ease 0.1s;
        -o-transition: all 0.7s ease 0.1s;
        transition: all 0.7s ease 0.1s;
        right: 30%;
        width: 70%;
    }
    .tvcmsmobile-header-menu #tvmobile-megamenu .title-menu-mobile i {
        padding: 3px 0px;
    }
    .tvcmsmobile-header-menu #tvmobile-megamenu .title-menu-mobile a {
        height: 32px;
        width: 32px;
    }
    .tv-account-wrapper,
    .tvheader-cart-wrapper {
        padding: 0;
    }
    .tvmobileheader-offer-wrapper .tvheader-nav-offer-text {
        padding: 7px 0;
    }
    #header .tvsearch-top-wrapper {
        padding: 10px 0;
    }
    .tvcms-header-myaccount .tv-myaccount-btn,
    .tv-header-cart .tv-cart-icon {
        /*transform: scale(0.9);*/
    }
    .tv-cart-cart-inner {
        position: absolute;
        right: -3px;
        top: -7px;
    }
    .tvcmsheader-search.search-widget form input[type=text] {
        /*height: 35px;*/
    }
    .tvcmsheader-search.search-widget form button[type=submit] i {
        background-position: 0px -707px;
    }
    .tvcmsheader-search.search-widget form button[type=submit] i {
        line-height: 30px;
        height: 30px;
    }
    .tvprduct-image-info-wrapper .product-cover {
        display: none;
    }
    .product-5 .tvvertical-slider {
        display: block;
    }
    /*.tvprduct-image-info-wrapper.product-5 .product-cover {
        display: block;
    }*/
    .tvprduct-image-info-wrapper .tvvertical-slider {
        width: 100%;
    }
    .tvproduct-page-wrapper .tv-product-page-image,
    .tvproduct-page-wrapper .tv-product-page-content {
        width: 100%;
    }
    .tvproduct-wrapper .tvproduct-hover-btn .tvproduct-quick-btn {
        display: none;
    }
    .tvproduct-flags li {
        font-size: 11px;
    }
}
@media (max-width: 650px) {
    .lang-rtl .tvapp-logo-content-inner {
        padding: 0;
    }
    .tv-header-logo {
        /*padding: 15px 0;*/
    }
    .tv-header-logo a {
        width: 100%;
    }
    .tvcmsmobile-header-search-logo-wrapper {
        display: flex;
        background-color: white;
        /*flex-wrap: wrap;*/
    }
    #tvcms-mobile-view-header.mobile-header-1 .tvcmsmobile-header-search-logo-wrapper {
        flex-wrap: wrap;
    }
    #tvcms-mobile-view-header.mobile-header-1 .tv-header-logo {
        padding: 20px 0;
    }
    #header #tvcms-mobile-view-header.mobile-header-1 .tvsearch-top-wrapper {
        padding: 0px 0 15px 0;
    }
    #tvcms-mobile-view-header.mobile-header-1 .tvmobileheader-offer-wrapper .tvheader-nav-offer-text {
        padding: 10px 0 0;
    }
    #tvcms-mobile-view-header.mobile-header-3 .tv-header-logo img {
        /*transform: scale(0.8);*/
        display: inline-block;
    }
    .tv-header-logo {
        height: auto;
        text-align: center;
        justify-content: center;
    }
    #header #tvcms-mobile-view-header.mobile-header-2 .tv-header-logo {
        justify-content: flex-start;
    }
    #header #tvcms-mobile-view-header.mobile-header-2.mobile-header-3 .tv-header-logo {
        justify-content: center;
    }
    .tvcmsmobile-top-wrapper {
        padding-bottom: 0px;
    }
    #header .tvsearch-top-wrapper {
        width: 70%;
        padding: 10px 0 10px 0;
        display: inline-block;
    }
    .tvcmsheader-search {
        text-align: center;
        padding-right: 0;
    }
    #header #tvcms-mobile-view-header.mobile-header-2 .tvsearch-header-display-wrappper {
        /*top: 35px;*/
    }
    #tvcms-mobile-view-header.mobile-header-2 .tv-account-wrapper,
    #tvcms-mobile-view-header.mobile-header-2 .tvheader-cart-wrapper {
        padding: 5px 0;
    }
}
@media(max-width: 600px) {
    #tvcmsmobile-account-button {
        margin: 0 14px;
    }
}
@media(max-width: 590px) {
    .tvall-product-branner {
        width: 100%;
        text-align: center;
        margin: 5px 0;
    }
    .tvimage-true {
        width: 100%;
    }
    .tvall-product-branner {
        margin: 0 0 15px 0;
    }
}
@media(max-width: 575px) {
    .tvproduct-review-box {
        margin-top: 15px;
    }
    .footer-container.footer-4 .block_newsletter form,
    .footer-container.footer-3 .block_newsletter form {
        width: 100%;
        margin: 0;
    }
    #tvcms-mobile-view-header.mobile-header-2 .tvcmsmobile-header-logo-right-wrapper {
        width: 100%;
    }
    .product-2 .tvproduct-image-slider .col-md-6 {
        width: 100%;
        float: none;
    }
    .tvcms-header-myaccount .tv-myaccount-btn,
    .tv-header-cart .tv-cart-icon {
        /*transform: scale(0.8);*/
    }
    .tvapp-logo-img-content-wrapper {
        display: block;
        text-align: center;
    }
    .tvapp-logo-content-inner {
        margin-right: 0;
        padding: 0;
        margin-bottom: 15px;
        text-align: center;
    }
    .tvcmssliderofferbanners-one .tvbanner1,
    .tvcmssliderofferbanners-one .tvbanner2 {
        width: 50%;
        margin-bottom: 15px;
        padding: 0 7.5px;
        text-align: center;
        float: left;
    }
    .tvmain-slider-content-inner {
        width: 100%;
    }
    .tvmain-slider-contant .tvmain-slider-info h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .tvmain-slider-contant .tvmain-slider-button {
        padding: 0 6px;
        font-size: 10px;
        line-height: 16px;
    }
    .tvcms-slider-offerbanner-wrapper {
        margin-bottom: 30px;
    }
    .tvtab-title-wrapper .tvtabs-products li {
        display: block;
    }
    #category .tv-grid-list-wrapper-info-box {
        width: 50%;
    }
    #js-product-list .tvgrid-list-view-product .products {
        margin: 0;
    }
    .tvall-product-wrapper-info-box {
        padding: 2px;
        margin: 0px;
    }
    .tvall-product-wrapper-info-box.tvtab-first-product {
        margin: 0px;
    }
    .tvproduct-wrapper {
        margin: 0px;
    }
    #tv-back-top-wrapper {
        padding: 10px;
        margin-top: 10px;
    }
    .tvsearch-filter-content-wrapper .facet:not(:last-child) {
        margin-bottom: 20px;
    }
    .tvproduct-timer .tvproduct-timer-wrapper~.tvproduct-timer-wrapper {
        margin-left: 0px;
    }
    #tvcms-mobile-view-header {
        display: block;
        height: auto;
    }
    .tvmobileheader-language-currency-wrapper {
        text-align: center;
    }
    .tvcmsmobile-top-wrapper {
        display: block;
        padding-bottom: 0px;
    }
    #tvcmsmobile-horizontal-menu .tvcmsmain-menu-wrapper>.tv-header-menu {
        width: 100%;
    }
    .tvcmsmobile-header-center {
        width: 100%;
    }
    #tvcmsmobile-horizontal-menu {
        margin: 0;
    }
    .tvcmsmobile-header-right {
        width: 100%;
        float: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #tvcmsmobile-header-right {
        display: none;
        padding: 0;
    }
    .tv-contact-account-cart-wrapper {
        float: none;
        border: none;
    }
    #header .tvsearch-top-wrapper {
        width: 100%;
        padding: 15px 0 15px 0;
    }
    #_desktop_search .tvheader-top-search {
        width: 100%;
    }
    .tvcmsheader-search .tvcms-select-category {
        min-width: 50px;
    }
    .tvcmsheader-search.search-widget form button[type=submit] .tvserach-name,
    #_desktop_search .tvcmsheader-search .tvserach-name {
        font-size: 12px;
    }
    .tvcmsheader-search.search-widget form input[type=text] {
        font-size: 12px;
    }
    .tvheader-nav-offer-text {
        text-align: center;
        justify-content: center;
        padding: 12px 15px;
    }
    .tvmobileheader-offer-wrapper {
        /*padding: 0;*/
    }
    .tvheader-language {
        margin-right: 0;
    }
    .tv-account-dropdown>div {
        border-bottom: none;
    }
    #tvcmsdesktop-language-selector .tv-language-btn .tv-language-span,
    #tvcmsdesktop-currency-selector .tv-currency-btn .tv-currency-span {
        line-height: 40px;
    }
    .tvcmscart-show-dropdown {
        left: auto;
        right: 0;
        width: 290px;
    }
    .tvcmscart-show-dropdown .tvcart-product-list-img {
        float: left;
    }
    .tvcmscart-show-dropdown .tvcart-product-wrapper.items {
        display: block;
    }
    .tvcart-product-list,
    .tvcart-product-list-btn-wrapper {
        padding: 15px;
    }
    .tvcmscart-show-dropdown {
        width: 290px;
    }
    #tvcmsmobile-account-button {
        margin: 0 15px;
    }
    #tvmobile-cart,
    .tvoffer-text-inner {
        display: inline-block;
        vertical-align: middle;
    }
    .tvcmsmobile-cart-acount-text {
        text-align: right;
        padding-left: 0;
    }
    .tvcms-header-myaccount .tv-myaccount-btn i {
        margin: 0;
    }
    .tvcms-header-cart .tv-cart-icon {
        margin: 0 4px;
    }
    #contact-link {
        display: block;
    }
    .tvheader-cart-wrapper {
        padding: 0;
    }
    .tvcms-header-cart,
    #tvcmsdesktop-account-button {
        padding: 0;
        border: none;
    }
    .tvcmsstore-time {
        display: block;
    }
    .tvcms-header-myaccount .tv-myaccount-btn i,
    #contact-link i,
    .tvheader-cart-wrapper .tv-cart-icon {
        /*margin: 0 -2px;*/
        /*transform: scale(0.8);*/
    }
    .tvtab-title {
        text-align: center;
    }
    .tvtab-product .tvtab-title-wrapper .tvtabs-products {
        display: inline-block;
        vertical-align: middle;
    }
    .tvtab-title-wrapper .tvtabs-products li {
        margin: 5px;
    }
    .tvproduct-wrapper .lazy,
    img.lazy {
        transform: scale(0.6);
    }
    img.lazy.loaded {
        transform: unset;
    }
    .tvproduct-quick-btn,
    .tvproduct-cart-btn,
    .tvproduct-wishlist,
    .tvcompare-wrapper {
        margin: 2px;
    }
    #products.list .tvall-product-star-icon {
        margin-bottom: 0;
    }
    #products.list .tvproduct-timer {
        text-align: center;
    }
    #products.list-2 .tv-product-desc,
    #products.list .tv-product-desc {
        text-align: center;
    }
    #products.list .product-description {
        text-align: center;
    }
    #products.catelog .tvcms-product-name-star {
        padding-bottom: 0;
    }
    .tvproduct-wrapper.list .tv-product-list {
        float: none;
        margin: 0;
    }
    .tvproduct-wrapper.list .tv-indicator.tv-bar .tv-outer {
        margin: 0 auto;
    }
    .tvbanner-hover-wrapper img {
        width: auto;
        margin: 0 auto;
    }
    .tvcms-vertical-menu-next-pre-btn {
        text-align: center;
        margin-top: 15px;
    }
    .tvtab-product .tvcms-main-title,
    .tvcmsmain-title-wrapper {
        float: none;
        text-align: center;
        margin-bottom: 0;
    }
    .tvcms-next-pre-btn,
    .tvtabcategory-product-next-pre-btn {
        text-align: center;
        margin-bottom: 15px;
        direction: ltr;
    }
    .tvtab-title-wrapper {
        margin-bottom: 0px;
    }
    .tvcmsprev-btn,
    .tvcmsnext-btn {
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none;
        display: inline-block;
        position: inherit;
        margin: 0 3px;
    }
    .tvtab-title-wrapper {
        margin-top: 5px;
    }
    .tvbrandlist-slider-prev.tvcmsprev-btn,
    .tvbrandlist-slider-next.tvcmsnext-btn,
    .tvmain-slider-next-pre-btn .tvcmsprev-btn,
    .tvmain-slider-next-pre-btn .tvcmsnext-btn {
        -webkit-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: inline-block;
        position: absolute;
        margin: 0;
    }
    .tvfooter-product-title-product .tvcmsmain-title-wrapper {
        margin-bottom: 5px;
        direction: ltr;
    }
    .tvfooter-logo-block .tvfooter-logo-desc {
        max-width: 100%;
    }
    .tvcart-incr-decr-price {
        justify-content: left;
    }
    .tvwishlist-popup {
        left: 0;
        margin: 20px auto;
    }
}
@media(max-width: 500px) {
    #left-column .tvleft-right-product-slider {
        width: 100%;
        padding: 10px 10px;
    }
    #left-column .tvfilter-brand-list-wrapper,
    #left-column .tvfilter-supplier-list-wrapper {
        width: 100%;
        margin: 20px 0;
    }
}
@media(max-width: 480px) {
    .tvsearch-dropdown-wrapper {
        width: 100%
    }
    .tvproduct-info-box-wrapper {
        padding: 10px 15px 15px 15px;
    }
    .tvproduct-stock-social {
        display: block;
    }
    .product-actions .social-icon {
        justify-content: flex-start;
    }
    .product-actions .input-container label span {
        padding: 8px 11px 6px;
    }
    .tv-product-page-content h1,
    .tv-product-page-content .tvall-product-star-icon,
    .tv-product-page-content .product-prices,
    .tvproduct-page-decs p,
    .product-quantity,
    .product-variants>.product-variants-item {
        margin-bottom: 15px;
    }
    .product-additional-info {
        padding-top: 15px;
    }
    #product .product-6 #block-reassurance ul {
        justify-content: flex-start;
    }
    #module-tvcmsblog-single .blog_post_content {
        margin: 0 -15px;
    }
    .comments_area ol.comment_list {
        padding-left: 0;
    }
    #tvcmsblogs_commentfrom {
        width: 95%;
    }
    .tvcms-blog-inner-page {
        margin: 0;
    }
    #module-tvcmsblog-single .comment_meta_author i,
    #module-tvcmsblog-single .comment_content_bottom i,
    #module-tvcmsblog-single .comment_meta_date i,
    #module-tvcmsblog-single .comment_meta_date span {
        margin-right: 5px;
    }
    #module-tvcmsblog-single .comment_meta_author i,
    #module-tvcmsblog-single .comment_content_bottom i,
    #module-tvcmsblog-single .comment_meta_date i {
        font-size: 22px;
    }
}
@media (max-width: 460px) {
    .tvcart-btn-model {
        float: none;
    }
}
@media (max-width: 425px) {
    #tvcms-mobile-view-header.mobile-header-2 .tvcmsmobile-header-logo-right-wrapper,
    #tvcms-mobile-view-header.mobile-header-1 .tvcmsmobile-header-logo-right-wrapper {
        min-height: 50px;
    }
    #tvcms-mobile-view-header.mobile-header-3 .tvcmsmobile-header-logo-right-wrapper {
        min-height: 64px;
    }
}
@media(max-width: 400px) {
    .tvbanner-wrapper.tvone-banner-wrapper-info {
        display: block;
    }
    .tvcmssliderofferbanners-one .tvbanner1,
    .tvcmssliderofferbanners-one .tvbanner2 {
        margin-bottom: 0px;
    }
}
@media(max-width:370px) {
    .tvheader-nav-offer-text p {
        font-size: 11px !important;
    }
    button.button1.tvslider-video-playbtn.autoplay {
        bottom: 35%;
        right: 10px;
    }
    button.button1.tvslider-video-playbtn.autoplay i.material-icons {
        font-size: 24px;
    }
}
@media(max-width: 335px) {
    #category .tv-grid-list-wrapper-info-box {
        width: 100%;
    }
}
@media(max-width: 330px) {
    #content-wrapper .tvproduct-wrapper .tvproduct-image {
        /*padding: 0 15px;*/
    }
}
@media(max-width: 650px) {
    .mobile-header-2 .tv-account-dropdown {
        top: 47px;
    }
    /*#tvcms-mobile-view-header.mobile-header-2 .tvcmsmobile-header-logo-right-wrapper,*/
    /*#tvcms-mobile-view-header.mobile-header-1 .tvcmsmobile-header-menu,*/
    #tvcms-mobile-view-header.mobile-header-1 .tvcmsmobile-header-search,
    #tvcms-mobile-view-header.mobile-header-1 .tvcmsmobile-header-logo-right-wrapper {
        width: 100%;
    }
    #header #tvcms-mobile-view-header.mobile-header-2 .tvsearch-header-display-wrappper {
        width: 280px;
        right: -100px;
    }
}
@media (max-width: 1200px) {
    .product-1 .tvvertical-slider .product-images {
        max-height: 321px;
    }
    .lang-rtl .tvcmsvertical-menu-wrapper .tvleft-right-penal-all-block {
        padding-left: 0;
        padding-right: 10px;
    }
}
.lang-rtl .media-left {
    padding-right: 0;
    padding-left: 10px;
}
/******* End Media-mobile Css *******/
.tvcmsdesktop-top-header-wrapper.header-3 .tvcmsmain-menu-wrapper {
    padding-left: 0;
}
.tvwishlist-send-mess-btn {
    text-align: right;
}
.header-4 .tvcmsheader-nav-right {
    padding-left: 0;
}
.tvproduct-out-of-stock.disable i {
    cursor: no-drop;
}
.lang-rtl .tvfooter-product-sticky-bottom .product-variants>.product-variants-item ul li {
    margin: 0 0 3px 8px;
}
.lang-rtl .tvfilter-search-types-dropdown .tvcolor-box {
    margin: 0 0 0 10px;
}
/****/
.product-actions .input-container label span {
   box-shadow: 0 5px 10px rgb(0 0 0 / 14%);
}
.product-variants>.product-variants-item label input[checked="checked"]:checked+span {
  box-shadow: 0 5px 10px rgb(0 0 0 / 40%);
}
.tvcmstheme-control .tvtheme-control-icon, .tvcmstheme-layout .tvtheme-layout-icon {
  box-shadow: -3px 2px 3px -1px rgb(0 0 0 / 30%);
}
.product-variants>.product-variants-item label:hover span {
  box-shadow: 0 5px 10px rgb(0 0 0 / 40%);
}
.radio-toolbar input[type="radio"]:checked+label span {
   box-shadow: 4px 5px 3px 0px rgb(0 0 0 / 15%);
}
.radio-toolbar label:hover span {
  box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 20%);
}
 .tvselect-layout.tvall-theme-content .card-header,
.tvlayout-radio-img>input:hover+.tvlayout-image {
   box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}
.tvcmsvertical-menu-wrapper{
    padding-bottom: 1px;
}
/*checkout header-footer*/
.tvheader-checkout .tvcmsdesktop-contact{
    text-align: end;
}
.tvheader-checkout .tvcmsdesktop-contact #contact-link span{
    font-size: 16px;
    font-weight: 500;
}
#footer .tvfooter-checkout .tvfooter-copy-payment-icon-inner{
    flex-wrap: wrap;
}
#footer .tvfooter-checkout.tvfooter-copy-payment-icon-wrapper{
    padding: 15px 0;
    background-color: #fff;
}
#footer .tvfooter-checkout .tvfooter-payment-icon-img-block,
#footer .tvfooter-checkout .tvcopylink{
    width: 50%;
    margin: 0;
    padding: 0 15px;
}
#footer .tvfooter-checkout .tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper{
    justify-content: end;
}
#footer .tvfooter-checkout .tvcopylink{
    text-align: start;
}
@media (max-width:767px){
    #footer .tvfooter-checkout .tvfooter-payment-icon-img-block,
    #footer .tvfooter-checkout .tvcopylink{
        width: 100%;
    }
    #footer .tvfooter-checkout .tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper{
        justify-content: center;
    }
    #footer .tvfooter-checkout .tvcopylink{
        padding-bottom: 10px;
        text-align: center;
    }
}
.block_newsletter p.block_newsletter_alert{
    padding: 10px 15px;
}
body#checkout .media-body br{
    display: none;
}
body#checkout .product-quantity {
    margin-bottom: 10px;
}
body#checkout .media-body > *:last-child {
    margin-bottom: 15px;
}
body#checkout .tvtheme-layout-wrapper,
body#checkout .tvtheme-layout-icon,
body#checkout .tvtheme-control-wrapper,
body#checkout .tvtheme-control-icon
{
    display: none;
}

#cart .card.cart-container .input-group .form-control{
    z-index: 0;
}
#main .category-description-custom {
    font-size: 18px !important;
    text-align: justify !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    padding-bottom: 30px !important;
}

/* Bloque la sélection de texte partout */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}






/* Encart Prix Unitaire sur fiche produit */
.unit-price-block {
  margin-top: 15px;
}

.unit-price-frame {
  border: 5px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  background-color: #f9f9f9;
}

.unit-price-title {
  font-weight: bold;
  margin-bottom: 10px;
  color: #000000;
  text-decoration: underline;
}

.unit-price-tax-excl,
.unit-price-tax-incl {
  margin: 5px 0;
}

.unit-price-value {
  font-size: 1.1em;
  font-weight: bold;
  color: #1c00ff;
}

.unit-price-regular {
  margin-bottom: 5px;
}

.regular-price {
  text-decoration: line-through;
  color: #7a7a7a;
}

.discount {
  color: #f13a13;
  font-weight: bold;
}


.stock-message {
    margin-top: 10px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.stock-message i {
    vertical-align: middle !important;
    margin-right: 5px !important;
}

/* Encart Prix sur fiche produit – mise en forme adaptée */
.total-price-block {
  margin-top: 15px;
}

.total-price-frame {
  border: 5px solid #ff5500;
  border-radius: 5px;
  padding: 15px;
  background-color: #ffffff;
}

.total-price-title {
  font-weight: bold;
  margin-bottom: 10px;
  color: #000;
  text-decoration: underline;
}

/* Marges uniformes pour chaque ligne de prix */
.unit-price-title,
.unit-price-original,
.unit-price-discount,
.unit-price-ht,
.unit-price-tva,
.total-price-original,
.total-price-discount,
.total-price-ht,
.total-price-tva {
  margin-bottom: 5px;
}

/* Pour les produits hors promo : le prix HT en bleu et en grand */
.unit-price-ht .price-ht,
.total-price-ht .price-ht {
  font-size: 1.4em;
  font-weight: bold;
  color: blue;
}

/* Style pour le prix remisé (en promo) */
.discount-price {
  font-size: 1.4em;
  font-weight: bold;
  color: #1c00ff;
}

/* Style pour le prix TTC affiché en ligne à droite dans les promos */
.price-tva-inline {
  font-size: 0.9em;  /* plus petit que le HT */
  color: #000;       /* en noir */
  margin-left: 10px;
}

/* Affichage du prix d'origine barré */
.regular-price del {
  color: #888;
  text-decoration: line-through;
  font-size: 1.1em;
}

/* Style pour la TVA dans le cas hors promo */
.price-tva {
  font-size: 1.1em;
  color: #333;
}

/* Promo label (style de base) */
.promo-label {
  font-weight: bold;
  padding: 5px;
  border-radius: 10px;
  font-size: 1.3em;
  text-align: center;
  margin-bottom: 10px;
}

/* Promo label spécifique pour unit-price-frame */
.unit-price-frame .promo-label {
  color: #ff5500;
  background-color: #ffffff;
  border: 1px solid #ff5500;
}

/* Promo label spécifique pour total-price-frame */
.total-price-frame .promo-label {
  color: #ffffff;;
  background-color: #ff5500;
  border: 1px solid #ff5500;
}


.discount-percentage {
    color: red; /* Couleur personnalisable */
    font-weight: bold;
    margin-left: 5px;
    font-size: 1.1em;
}


.discount-percentage {
    color: red; /* Couleur personnalisable */
    font-weight: bold;
    margin-left: 5px;
    font-size: 1.1em;
}

.{$quantity_discount}
    font-size: 1.4em;
    font-weight: bold;
    color: red;
}

/*<style>
/* On cible la classe .rating-left-hook, puis le conteneur généré par le module (.product-list-reviews) */
.rating-left-hook .product-list-reviews {
  justify-content: flex-start !important; /* Aligne à gauche */
}

/* Pour réduire la taille des étoiles (si elles sont en SVG) */
.rating-left-hook .product-list-reviews svg {
  width: 16px !important;
  height: auto !important;
}
</style>*/






/* 1) Les paragraphes restent des flex-containers et ont un margin-bottom */
.unit-message,
.lot-message,
.volume-discount-note,
.in-stock-message,
.out-of-stock-message,
.free-shipping-message,
.shipping-fee-message,   /* corrigé */
.low-stock-message {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}

/* 2) Préfixes (emoji + label + tiret) */
.unit-prefix,
.lot-prefix,
.volume-prefix,
.instock-prefix,
.outstock-prefix,
.shipping-prefix,
.fee-prefix {
  font-weight: bold !important;
  /* la marge horizontale n’est plus nécessaire pour l’espace après le tiret */
}

/* 2b) Ajout d’une espace insécable après chaque préfixe */
.unit-prefix::after,
.lot-prefix::after,
.volume-prefix::after,
.instock-prefix::after,
.outstock-prefix::after,
.shipping-prefix::after,
.fee-prefix::after {
  content: "\00a0";  /* non-breaking space */
}

/* 3) Texte “hors préfixe” en couleur spécifique */
.unit-text       { color: #004085; }
.lot-text        { color: #5a32a3; }
.volume-text     { color: #8c0000; }
.stock-text      { color: #155724; }
.outstock-text   { color: #FF0000; }
.shipping-text   { color: #0000FF; }
.fee-text        { color: #000000; }

/* 4) Couleurs des préfixes */
.unit-prefix     { color: #004085 !important; }
.lot-prefix      { color: #5a32a3 !important; }
.volume-prefix   { color: #8c0000 !important; }
.instock-prefix  { color: #155724 !important; }
.outstock-prefix { color: #FF0000 !important; }
.shipping-prefix { color: #0000FF !important; }
.fee-prefix      { color: #000000 !important; }

/* 5) Style du texte de remise */
.discount-text {
  color: #FF5500 !important;
  margin-left: 0.5rem;
}

/* 6) Alerte stock faible */
.low-prefix { font-weight: bold; color: #ff0000; }
.low-text   { color: #ff0000; }


/* style uniquement le préfixe “Recevez votre colis entre le” */
.delivery-estimate .delivery-prefix {
  display: inline-block;
  font-weight: 600;       /* gras */
  color: #000000;         /* votre couleur */
  /* plus de italique ni de fond ici */
}

/* style uniquement la partie dates “vendredi xx et le lundi xx” */
.delivery-estimate .delivery-dates {
  display: inline-block;
  font-weight: normal;    /* normal ou comme vous préférez */
  color: #0000FF;            /* couleur différente ou neutre */
}


.discount-badge {
  display: inline-flex;
  align-items: center;
  
}

.discount-emoji {
  /* plus aucun margin-right ici */
  margin: 0;
  flex-shrink: 0;
}

.discount-text {
  margin-left: 0.25em; /* l’unique espacement souhaité */
}


/* Rechercher titre - leftbar :  
   - dans #PM_ASBlock_1  
   - dans .card-header  
   - sur le span.PM_ASBlockTitle */
#PM_ASBlock_1.card
  .card-header
  > span.PM_ASBlockTitle {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: #0000ff;
  background: #ffffff;
  padding: 0.5em 0.5em;
  margin: 1em 0;
  border-left: 4px solid #0000ff;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: background 0.3s;
}

.PM_ASResetGroup {
  color: #FF0000; /* Réinitialiser ce groupe */
}

/* 1) Forcer les <a> de pagination à rester cliquables */
.page-list .js-search-link,
.pagination .js-search-link,
.tvcms-all-pagination .js-search-link {
  pointer-events: auto   !important;
  position: relative     !important;
  z-index: 9999          !important;
}

/* 2) Si le module masque le href ou ajoute disabled **/
.page-list .js-search-link[disabled] {
  pointer-events: auto   !important;
  opacity: 1             !important;
  cursor: pointer        !important;
}

.volume-ordinal {
  font-weight: bold;
  text-decoration: underline;
}



/* Bulle style bande dessinée */
:root {
  /* Durée de l’effet “magique” */
  --tooltip-unroll-duration: 0.25s;
  /* Durée de l’animation de fond */
  --tooltip-bg-duration: 20s; /* augmenté de 10s à 20s pour plus de douceur */
}

/* conteneur de l’icône */
.info-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: help;
  margin-left: 0.25em;
}

/* bulle cachée par défaut */
.info-icon .tooltip-content {
  display: none;
  position: absolute;

  /* 1) au-dessus de l’icône */
  bottom: 100%;
  /* 2) collée sur la gauche */
  right: 100%;
  left: auto;
  transform: none;

  background: linear-gradient(
    180deg,
    #ffffff 50%,
    #e6f5ff 60%,
    #ffffff 62%,
    #ffffff 100%
  );
  background-size: 100% 200%;
  background-position: 50% 0%;
  border: 4px solid #00597B;
  border-radius: 1em;
  padding: 0.75em;
  box-shadow: 4px 4px 0 #00597B;
  white-space: normal;
  text-align: left;
  z-index: 10;
  min-width: 490px;
  max-width: 650px;
  word-wrap: break-word;

  opacity: 0;
  filter: blur(16px);
  transition: background-position var(--tooltip-bg-duration) ease-in-out;
}

/* flèche extérieure (bordure) dans le coin bas-droit, pointant vers le bas */
.info-icon .tooltip-content::before {
  content: "";
  position: absolute;
  bottom: -14px;      /* plonge moitié de la flèche dans la bordure */
  right: -4px;        /* incrustée dans l’angle droit */
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #00597B; /* pointe vers le bas */
  z-index: 9;
}

/* flèche intérieure (fond) dans le coin bas-droit, pointant vers le bas */
.info-icon .tooltip-content::after {
  content: "";
  position: absolute;
  bottom: -12px;      /* ajustée pour s’emboîter sous la bordure */
  right: -4px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ffffff; /* pointe vers le bas */
  z-index: 10;
}

/* affichage + animation au survol */
.info-icon:hover .tooltip-content {
  display: block;
  animation:
    tooltip-magic var(--tooltip-unroll-duration) ease-out forwards,
    tooltip-bg-shift var(--tooltip-bg-duration) ease-in-out infinite;
}

/* animation “magique” : flou → net (scale uniquement) */
@keyframes tooltip-magic {
  0% {
    opacity: 0;
    filter: blur(16px);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    filter: blur(16px);
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

/* animation du fond (défilement vertical du gradient) */
@keyframes tooltip-bg-shift {
  0%   { background-position: 50%   0%; }
  50%  { background-position: 50% 100%; }
  100% { background-position: 50%   0%; }
}

/* partie titre – réglable via CSS */
.tooltip-content .tooltip-title {
  font-weight: bold;
  font-size: 0.95em;
  margin-bottom: 0.25em;
  display: block;
  color: #0000FF;
}

/* partie sous-titre – réglable via CSS */
.tooltip-content .tooltip-subtitle {
  font-weight: bold;
  font-size: 0.9em;
  margin-bottom: 0.25em;
  display: block;
  color: #830511;
}

/* corps de texte – réglable via CSS */
.tooltip-content .tooltip-text {
  font-size: 0.85em;
  line-height: 1.3;
  display: block;
  color: #000000;
}

/* séparateur interne au tooltip */
.tooltip-separator {
  display: block;
  height: 1px;
  background: #000000;
  margin: 0.5em 0;
}

/* Masquage complet sur tablettes et mobiles */
@media (max-width: 768px) {
  .info-icon,
  .tooltip-content {
    display: none !important;
  }
}


/* 1. On supprime la media‐query pour ce cas précis */
@media (max-width: 768px) {
  .delivery-icon {
    display: inline-block !important;
  }
}



.product-flag.volume {
  background-color: #007bff; /* Bleu ou autre couleur selon ta charte */
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 3px;
  display: inline-block;
}



/* Taille de police pour les préfixes (ex : "✅ En stock —") */
span.instock-prefix,
span.outstock-prefix,
span.unit-prefix,
span.lot-prefix,
span.discount-emoji,
span.discount-text,
span.volume-prefix,
span.volume-text,
span.shipping-prefix,
span.shipping-text,
span.fee-prefix,
span.delivery-prefix,
span.fee-text {
  font-size: 18px; /* ou 1rem, ajuste selon ton design */
  line-height: 1.4;
}

/* Optionnel : affiner les textes complémentaires */
span.instock-text,
span.outstock-text,
span.unit-text,
span.lot-text,
span.discount-text,
span.volume-text,
span.shipping-text,
span.delivery-dates,
span.stock-text,
span.fee-text {
  font-size: 18px;
  line-height: 1.4;
}




/* ✅ Réduction de la taille globale du modal - QUICKVIEW*/
.quickview .modal-dialog {
  max-width: 1200px;
  width: 90%;
}

/* ✅ Forcer une hauteur sans provoquer de double scroll */
.quickview .modal-content {
  max-height: 90vh;        /* limite maximale */
  overflow: hidden;        /* on évite le scroll ici */
  display: flex;
  flex-direction: column;
}

/* ✅ Scroll uniquement sur le corps du modal */
.quickview .modal-body {
  overflow-y: auto;
  padding: 1rem;
  flex: 1 1 auto;
}

/* ✅ Mise en page en colonnes */
.quickview .modal-body .row {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .quickview .tvquickview-prod-img,
  .quickview .tvquickview-prod-details {
    flex: 0 0 50%;
    max-width: 50%;
  }
}



/* Style pour le total original (barré entre parenthèses) */
.tvproduct-original-total {
  margin-left: 0px;
  font-size: 1em;
  color: #777;
  font-weight: 400; 
}


/* Style pour le total HT après réduction */
.tvproduct-final-total {
  display: block;         /* pour qu’il occupe toute la largeur et s’aligne sous la réduction */
  margin-top: 5px;        /* espace au-dessus */
  font-size: 1em;         /* taille normale, ajustez si nécessaire */
  color: #27ae60;       /* un vert « succès », modifiable selon votre charte */
  font-weight: 600;       /* un peu plus épais que le texte standard */
  text-transform: uppercase; /* optionnel, pour uniformiser */
}


/* 1️⃣ Total HT final en bleu */
.tvcart-price-row .product-price strong {
  color: #0000FF !important;
 font-size: 1.2em;
}

/* 2️⃣ Prix unitaire HT (price, regular-price, discount) en noir */
.product-price-and-shipping .price,
.product-price-and-shipping .regular-price,
.product-price-and-shipping .discount {
  color: #000000 !important;
}


/* ── Styles pour le sigle « ✔ » ── */
.sigle-custom {
  font-size: 1.5em !important;    /* adapte la taille */
  color: #18a874 !important;      /* adapte la couleur */
  /* margin, line-height… selon besoin */
  line-height: 1;
}


/* Badge pour le montant de remise (optimisé pour ne pas englober toute la ligne) */
.cart-detailed-totals .cart-summary-line.discount {
  /* on garde le flex-container pour label + value */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart-detailed-totals .cart-summary-line.discount .value {
  /* passe en inline-block pour ne coller qu’au texte */
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: auto !important;

  /* ton style “badge” */
  background-color: #ffe6e6 !important;
  color: #d00          !important;
  padding: 0.2em 0.5em !important;
  border-radius: 0.25em !important;
  font-weight: 700     !important;
}


/* ── Free Shipping Progress Bar ── */
.free-shipping-progress {
  margin: 0rem 0;           /* espace autour du composant */
  font-size: 0.9rem;        /* taille de texte éventuelle */
}

.free-shipping-progress .progress-container {
  background-color: #eee;   /* fond gris clair */
  border-radius: 4px;       /* coins arrondis */
  overflow: hidden;         /* cache le dépassement */
  height: 8px;              /* hauteur de la barre */
  margin-bottom: 0.5rem;    /* espace sous la barre */
}

.free-shipping-progress .progress-bar {
  background-color: #18a874; /* couleur de la progression */
  height: 100%;              /* prend toute la hauteur du container */
  transition: width 0.3s ease-in-out; /* animation fluide au chargement */
}




/* Cadre coloré simple autour de la colonne actions */
.product-line-grid-right.product-line-actions {
  background-color: #f0f8ff;   /* choisis ta couleur de fond */
  padding: 1rem;               /* espace intérieur */
  border-radius: 0.5rem;       /* arrondis subtils */
}


/* ── Style spécifique au bloc Totaux du panier ── */
.cart-totals-block {
  background-color: #f0f8ff;   /* bleu pâle */
  padding: 1rem;               /* pour aérer */
  border-radius: 0rem;       /* coins arrondis */
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Style des frais de livraison dans le résumé */
.cart-summary-line.shipping .label {
  color: #555555;  /* gris foncé */
  font-weight: 500;
}

.cart-summary-line.shipping .value {
  color: #18875e;  /* vert */
  font-weight: 500;
}



/* Badge état de stock dans le bloc de remise */
.product-line-grid-right.product-line-actions
  .tvproduct-discount-info
  .stock-status {
  display: inline-block !important;
  background-color: #d6f0ff !important;   /* bleu pâle */
  color: #1559ff !important;              /* bleu soutenu */
  padding: 0.2em 0.5em !important;
  border-radius: 0.25em !important;
  font-weight: 700 !important;

  /* Synchronisation totale avec le badge de remise */
  font-size: 0.85em !important;
  line-height: 1.2 !important;
  vertical-align: middle !important;
}

/* Variante "sur commande" */
.product-line-grid-right.product-line-actions
  .tvproduct-discount-info
  .stock-status.backorder {
  background-color: #f5e3d3 !important;   /* beige rosé */
  color: #8b4513 !important;              /* saddle brown */
  /* les mêmes font-size / line-height / vertical-align hérités */
}


.tvproduct-discount-amount {
  display: inline-block;
  background-color: #ffe6e6;   /* rose pâle */
  color: #d00;                  /* rouge foncé */
  padding: 0.2em 0.5em;
  border-radius: 0.25em;
  font-weight: 700;
}

.volume-discount-badge {
  display: inline-block;
  background-color: #fff4e0; /* orange pâle */
  color: #d35400;            /* orange foncé */
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.85em;
  margin-left: 8px;
}


/* Style commun pour tous les labels des totaux */
.cart-detailed-totals .cart-summary-line.total-ht .label,
.cart-detailed-totals .cart-summary-line.total-tva .label,
.cart-detailed-totals .cart-summary-line.total-ttc .label {
  color: #333333;           /* gris foncé */
  font-size: 1em;         /* taille légèrement plus grande */
  font-weight: 500;         /* semi-bold */
  text-transform: uppercase;/* tout en majuscules */
  letter-spacing: 0.05em;   /* espacement des lettres */
  margin-right: 0.5em;      /* écart vers la valeur */
}


/* ==== TouchSpin : Contenu + / – ==== */
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up:after,
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after {
  content: '+' !important;           /* ou '−' pour down, cf. ci-dessous */
  font-size: 1.6em !important;
  font-weight: bold !important;
  line-height: 1 !important;
  color: blue !important;
  display: block;
  transform: translateY(-3.5px);       /* remonte le glyphe de 3px */
}

/* bouton “–” : override du content uniquement */
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after {
  content: '−' !important;
}

/* ==== Flex & taille des boutons ==== */
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up,
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 1.1em !important;          /* hauteur ajustée */
  width: 100%;
  padding: 0;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

/* ==== Survol du bouton “+” ==== */
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up:hover {
  background-color: #e0f7fa;         /* fond bleu pâle */
  transform: scale(1.1);
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up:hover:after {
  color: #007c91 !important;         /* bleu foncé */
  font-weight: bolder !important;
}

/* ==== Survol du bouton “–” ==== */
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down:hover {
  background-color: #fff3e0;         /* fond orangé pâle */
  transform: scale(1.1);
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down:hover:after {
  color: #d35400 !important;         /* orange foncé */
  font-weight: bolder !important;
}

.payment-banner-static {
  width: 100%;
  text-align: center;
  margin-top: 0rem;
}
.payment-banner-static img {
  max-width: 320px; /* ajustez selon votre visuel */
  width: 100%;
  height: auto;
  display: inline-block;
}




/* Boîte extérieure récapitulative */
.recap-box {
  border: 3px solid #b5b5b5;
  margin-bottom: 1rem;  /* pour un petit espace sous */
  /* ne pas modifier le padding interne de .card */
}

/* Label “Récapitulatif” en surimpression */
.recap-box-label {
  display: inline-block;
  font-size: 1.2em;
  color: #000000;
  background-color: #ffffff;
  border: 2px solid #000000;
  padding: 0.2em 0.5em;
  font-weight: 600;
  position: relative;
  top: -0.5em;   /* remonte légèrement le label hors de la bordure */
  left: 1rem;     /* le décale depuis la gauche */
  z-index: 1;
}



/* ================================
   SECTION ATTACHMENTS - GLOBAL
   ================================ */
.product-attachments-wrapper {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 15px 20px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* ================================
   TITRE DU BLOC
   ================================ */
.attachments-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #222;
}

.attachments-title .text {
  text-decoration: underline; /* seulement le texte */
}

.attachments-title .icon {
  margin-right: 5px; /* petit espace entre icône et texte */
}


/* ================================
   LISTE & ÉLÉMENTS
   ================================ */
.attachments-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.attachment-item {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.attachment-item:last-child {
  border-bottom: none;      /* pas de ligne sous le dernier */
}

/* ================================
   BLOC INFO (icône + nom + taille + bouton)
   ================================ */
.attachment-info {
  display: flex;
  align-items: center;
  gap: 12px;                /* espace entre les éléments (icône, texte, bouton) */
}

/* Icône */
.attachment-icon {
  font-size: 22px;
  color: #00597b;           /* couleur de l’icône */
}

/* Texte (nom + taille) */
.attachment-text {
  display: flex;
  align-items: center;
  gap: 6px;                 /* espace horizontal entre nom et taille */
}
.attachment-name {
  font-size: 1rem;
  font-weight: 600;
  color: #222;              /* couleur du nom du fichier */
}
.attachment-size {
  font-size: 0.9rem;
  color: #888;              /* couleur de la taille */
}

/* ================================
   BOUTON TÉLÉCHARGER
   ================================ */
.attachment-btn {
  background: #00597b;
  color: #fff;
  font-size: 0.85rem;
  padding: 5px 10px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s ease;
  white-space: nowrap;
}
.attachment-btn:hover {
  background: #ee9a00;      /* Jaune blot */
  color: #fff !important;     /* reste blanc au hover */
  text-decoration: none;      /* pas de soulignement */
}

/* ================================
   DESCRIPTION (sous la ligne principale)
   ================================ */
.attachment-description {
  margin-left: 30px;     /* décale pour être alignée avec le texte, pas l’icône */
  font-size: 0.85rem;
  color: #666;
  margin-top: 4px;
}





/* ================================
   MOBILE (<= 576px) : pièces jointes
   ================================ */
@media (max-width: 576px) {
  /* Wrapper : un peu moins d'air, bords identiques */
  .product-attachments-wrapper {
    padding: 12px 14px;
  }

  /* Titre : légèrement plus petit */
  .attachments-title {
    font-size: 1.1rem;
    margin-bottom: 8px;
  }

  /* Chaque item : plus d'espace entre items pour respirer */
  .attachment-item {
    padding: 10px 0;
  }

  /* Ligne principale : on passe en colonne, alignée à gauche */
  .attachment-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  /* Icône : un peu plus petite, alignée avec le texte */
  .attachment-icon {
    font-size: 18px;
    line-height: 1;
  }

  /* Zone texte : prend toute la largeur et peut passer à la ligne */
  .attachment-text {
    gap: 4px;
    width: 100%;
  }

  /* Nom : autoriser le retour à la ligne + hyphens pour éviter les débordements */
  .attachment-name {
    font-size: 0.95rem;
    font-weight: 600;
    word-break: break-word;
    hyphens: auto;
    line-height: 1.3;
  }

  /* Taille : plus discrète et à la ligne si besoin */
  .attachment-size {
    font-size: 0.85rem;
    color: #777;
  }

  /* Bouton : pleine largeur, gros tap-target */
  .attachment-btn {
    width: 100%;
    text-align: center;
    padding: 10px 12px;
    font-size: 0.95rem;
    border-radius: 6px;
  }

  /* Description : on supprime le décalage gauche pour rester aligné */
  .attachment-description {
    margin-left: 0;
    margin-top: 6px;
    font-size: 0.9rem;
    line-height: 1.4;
  }
}

/* ================================
   TABLETTE (576px–992px) : layout hybride
   ================================ */
@media (min-width: 577px) and (max-width: 991.98px) {
  .product-attachments-wrapper { padding: 14px 18px; }

  /* On garde la ligne en row, mais on permet le wrap si nom trop long */
  .attachment-info {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }

  /* Le texte peut s'étendre, le bouton se pousse à droite si possible */
  .attachment-text { flex: 1 1 auto; min-width: 240px; }
  .attachment-btn { margin-left: auto; }

  /* Description : légère marge pour se distinguer */
  .attachment-description {
    margin-left: 0;
    margin-top: 6px;
  }
}

/* ================================
   AMÉLIORATIONS GÉNÉRALES (tous écrans)
   ================================ */
/* Meilleur alignement : le bloc texte peut grandir, le bouton se pousse à droite */
.attachment-info { display: flex; }
.attachment-text { flex: 1 1 auto; }
.attachment-btn { margin-left: auto; }

/* Effet hover/touch cohérent (facultatif) */
.attachment-item:hover .attachment-name { text-decoration: underline; }



/* === Desktop : bouton collé à la taille === */
.product-attachments-wrapper .attachment-info {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}

.product-attachments-wrapper .attachment-text {
  flex: 0 0 auto;     /* ne prend que la place nécessaire */
  min-width: 0;
}

.product-attachments-wrapper .attachment-btn {
  margin-left: 0 !important;   /* enlève l'alignement extrême droite */
  order: 2;                    /* ordre : après le texte/poids */
}


/* Bouton "Télécharger" : texte toujours blanc, quel que soit l'état */
.product-attachments-wrapper .attachment-btn,
.product-attachments-wrapper .attachment-btn:link,
.product-attachments-wrapper .attachment-btn:visited,
.product-attachments-wrapper .attachment-btn:hover,
.product-attachments-wrapper .attachment-btn:focus,
.product-attachments-wrapper .attachment-btn:active {
  color: #fff !important;
  text-decoration: none !important;
}

/* On garde les couleurs de fond prévues */
.product-attachments-wrapper .attachment-btn:hover {
  background: #ee9a00; /* ta couleur hover */
}
.product-attachments-wrapper .attachment-btn:active {
  background: #d78900; /* un poil plus sombre au clic (optionnel) */
}

/* Accessibilité : focus ring propre au clavier */
.product-attachments-wrapper .attachment-btn:focus-visible {
  outline: 2px solid #003c54;   /* contraste élevé */
  outline-offset: 2px;
  box-shadow: none;
}





/* ================================
   WRAPPER "Détail du produit"
   ================================ */
#product-details.tab-pane{
  border:1px solid #ddd;border-radius:6px;padding:15px 20px;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.08);margin-top:15px;
}

/* Fiche technique */
#product-details .product-features {
  margin-top: 15px;
}

#product-details .product-features .h6 {
  font-weight: 700;
  font-size: 1.1rem;   /
  line-height: 1.3;
  color: #00597b;
  margin: 0 0 12px;
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 2px solid #00597b;
}


/* Tableau 2 colonnes */
#product-details .data-sheet{
  display:grid;grid-template-columns:35% 1fr;
  border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  margin:0;padding:0;background:#fff;
}
#product-details .data-sheet .name,
#product-details .data-sheet .value{
  margin:0;padding:12px 14px;border-top:1px solid #eee;
}

/* Colonne gauche : fond coloré clair */
#product-details .data-sheet .name{
  font-weight:700;color:#222;
  background:#f0f6fa;         /* BLEU très clair */
  border-right:1px solid #eaeaea;
}

/* Colonne droite : blanc pur */
#product-details .data-sheet .value{
  color:#444;background:#fff;
}

/* Première ligne sans bord haut */
#product-details .data-sheet .name:first-of-type,
#product-details .data-sheet .value:first-of-type{border-top:none;}

/* Responsive : passe en une colonne, labels en haut des valeurs */
@media (max-width: 576px){
  #product-details .data-sheet{grid-template-columns:1fr;}
  #product-details .data-sheet .name{
    border-right:none;
    border-bottom:1px solid #ddd;
    background:#f0f6fa;       /* conserve la couleur claire en mobile */
  }
  #product-details .data-sheet .value{
    background:#fff;
    border-top:none;
    padding-top:10px;
  }
}

/* Nettoyage : pas de déco inutile */
#product-details .product-features:has(> dl.data-sheet:empty){display:none!important;}
#product-details .product-features::before,
#product-details .product-features::after,
#product-details .product-features .h6::before,
#product-details .product-features .h6::after{content:none!important;border:0!important;background:none!important;box-shadow:none!important;height:0!important;}
#product-details .product-features .h6:has(+ dl.data-sheet:empty){display:none!important;}






/* ================================
   BANNIÈRES (règles de base)
   ================================ */
.tvcmssliderofferbanners {
  position: relative;
  overflow: hidden;
  line-height: 0;        /* supprime le gap baseline des images inline */
  border-radius: 6px;    /* coins arrondis propres */
}

/* Le lien / figure prennent toute la place */
.tvcmssliderofferbanners a,
.tvcmssliderofferbanners figure {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

/* Image : fallback visible tant que le JS n’a pas fixé la hauteur */
.tvcmssliderofferbanners img {
  display: block;
  width: 100%;
  height: auto;          /* <= important pour éviter la “disparition” avant JS */
  object-fit: cover;
}

/* (optionnel) ratio par défaut pour éviter le flash avant JS */
@supports (aspect-ratio: 1 / 1) {
  .tvcmssliderofferbanners { aspect-ratio: 16 / 9; } /* ajuste si besoin : 4/3, 1/1, etc. */
}

/* Supprime paddings/gutters internes éventuels */
.tvcmssliderofferbanners .row,
.tvcmssliderofferbanners [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ================================
   COLONNE DE DROITE (desktop)
   ================================ */
/* Le JS ajoute .offer-banners-col sur la colonne qui contient les 2 bannières */
.offer-banners-col {
  display: flex;
  flex-direction: column;
  gap: 12px;             /* espace entre les deux bannières */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Chaque bannière occupe 50% (la hauteur exacte est fixée par le JS) */
.offer-banners-col .tvcmssliderofferbanners {
  flex: 1 1 0;
  min-height: 0;
}

/* Neutraliser marges/paddings parasites sur la vraie colonne droite du thème */
.tvcmssliderofferbanners-one {
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
}

/* Et sur chaque bannière à l’intérieur */
.tvcmssliderofferbanners-one .tvcmssliderofferbanners {
  box-sizing: border-box;
  margin: 0;
  border: 0;
  border-radius: 6px;
  overflow: hidden;
}

/* Côté carrousel gauche : éviter les écarts de 1–2px liés aux paddings */
.main-slider-wrapper,
.main-slider-wrapper .slick-list,
.main-slider-wrapper .slick-track {
  box-sizing: border-box;
}

/* ================================
   MOBILE (<= 991.98px) : annuler l’égalisation
   ================================ */
@media (max-width: 991.98px) {
  /* La colonne droite redevient un flux normal */
  .offer-banners-col {
    display: block !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Chaque bannière reprend sa hauteur naturelle + petit écart */
  .offer-banners-col .tvcmssliderofferbanners {
    height: auto !important;
    flex: none !important;
    margin-bottom: 12px;
  }
  .offer-banners-col .tvcmssliderofferbanners:last-child {
    margin-bottom: 0;
  }

  /* Les images en mobile gardent leur ratio natif */
  .tvcmssliderofferbanners img {
    height: auto !important;
    object-fit: cover;
  }

  /* On évite d’imposer un ratio en mobile */
  @supports (aspect-ratio: 1 / 1) {
    .tvcmssliderofferbanners { aspect-ratio: auto !important; }
  }
}






/* ====== MODAL "Produit ajouté au panier" ====== */
#blockcart-modal .modal-dialog {
  max-width: 760px;
}
@media (max-width: 576px) {
  #blockcart-modal .modal-dialog {
    margin: 10px;
  }
}

#blockcart-modal .modal-content {
  border: 1px solid #e7eef3;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0,0,0,.16);
}

/* Header */
#blockcart-modal .modal-header {
  background: #00597b;
  color: #fff;
  border: 0;
  padding: 14px 18px;
}
#blockcart-modal .modal-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  margin: 0;
}
#blockcart-modal .modal-title .material-icons { font-size: 20px; }
#blockcart-modal .modal-header .close,
#blockcart-modal .modal-header .tv-addtocart-close {
  color: #fff !important;
  opacity: .9;
  text-shadow: none;
}
#blockcart-modal .modal-header .close:hover,
#blockcart-modal .modal-header .tv-addtocart-close:hover { opacity: 1; }

/* Body */
#blockcart-modal .modal-body {
  background: #f7fafc;
  padding: 18px;
}

/* Colonnes & séparations */
#blockcart-modal .divide-right {
  border-right: 1px solid #e9eff4;
}
@media (max-width: 767.98px) {
  #blockcart-modal .divide-right {
    border-right: 0;
    border-bottom: 1px solid #e9eff4;
    margin-bottom: 14px;
    padding-bottom: 14px;
  }
}

/* Colonne gauche (image + nom + specs) */
#blockcart-modal .tv-addtocart-product-image .product-image {
  width: 100%;
  max-width: 92px;
  height: 92px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
#blockcart-modal .product-name {
  font-weight: 700;
  color: #222;
  margin: 6px 0 4px;
  line-height: 1.25;
}
#blockcart-modal .tv-addtocart-price {
  font-weight: 700;
  color: #00597b;
  margin: 4px 0 6px;
}
#blockcart-modal .tv-addtocart-product-name span {
  color: #555;
  font-size: .95rem;
}

/* Colonne droite (récap panier) */
#blockcart-modal .cart-content p {
  margin: 6px 0;
  color: #333;
}
#blockcart-modal .cart-products-count {
  font-weight: 700; 
  font-size: .95rem;
  color: #0057a4;   /* remplace ton inline style */
}

/* Boutons footer du modal */
#blockcart-modal .cart-content-btn {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 12px;
  flex-wrap: wrap;
}

/* Style commun au thème (classes existantes) */
#blockcart-modal .tvall-inner-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 500;
  line-height: 1;
  border: 1px solid transparent;
  text-decoration: none !important;
  transition: background .2s ease, border-color .2s ease, transform .02s ease;
}

/* Secondaire : Continuer mes achats */
#blockcart-modal .tvall-inner-btn[data-dismiss="modal"] {
  background: #fff;
  border-color: #d7e3ea;
  color: #0b4265 !important;
}
#blockcart-modal .tvall-inner-btn[data-dismiss="modal"]:hover {
  background: #eef6fa;
  border-color: #c9dbe5;
}

/* Primaire : Passer la commande */
#blockcart-modal .cart-content-btn a.tvall-inner-btn {
  background: #00597b;
  border-color: #00597b;
  color: #fff !important;
}
#blockcart-modal .cart-content-btn a.tvall-inner-btn:hover {
  background: #ee9a00;
  border-color: #ee9a00;
  color: #fff !important;
}
#blockcart-modal .cart-content-btn a.tvall-inner-btn:active {
  transform: translateY(1px);
}

/* Évite les textes bleus dans les boutons (tous états) */
#blockcart-modal .tvall-inner-btn,
#blockcart-modal .tvall-inner-btn:link,
#blockcart-modal .tvall-inner-btn:visited,
#blockcart-modal .tvall-inner-btn:hover,
#blockcart-modal .tvall-inner-btn:focus,
#blockcart-modal .tvall-inner-btn:active {
  text-decoration: none !important;
}
#blockcart-modal .cart-content-btn a.tvall-inner-btn,
#blockcart-modal .cart-content-btn a.tvall-inner-btn:link,
#blockcart-modal .cart-content-btn a.tvall-inner-btn:visited,
#blockcart-modal .cart-content-btn a.tvall-inner-btn:hover,
#blockcart-modal .cart-content-btn a.tvall-inner-btn:focus,
#blockcart-modal .cart-content-btn a.tvall-inner-btn:active {
  color: #fff !important;
}

/* Focus clavier accessible */
#blockcart-modal .tvall-inner-btn:focus-visible {
  outline: 2px solid #003c54;
  outline-offset: 2px;
  box-shadow: none;
}

/* 1) Modal plus large sur desktop */
@media (min-width: 992px) {
  #blockcart-modal .modal-dialog { max-width: 980px; }  /* 920–1024 si tu préfères */
}

/* 2) Rendre le bouton "Poursuivre les achats" bien visible au repos */
#blockcart-modal .tvall-inner-btn[data-dismiss="modal"]{
  background: #00597b;          /* au lieu de blanc */
  border-color: #c9dbe5;
  color: #0b4265 !important;    /* texte contrasté */
}
#blockcart-modal .tvall-inner-btn[data-dismiss="modal"]:hover{
  background: #ee9a00;          /* même hover que l’autre si tu veux */
  border-color: #ee9a00;
  color: #fff !important;
}

/* (option) Si tu veux garder un style "bouton secondaire" plutôt qu’un hover jaune : */
/*
#blockcart-modal .tvall-inner-btn[data-dismiss="modal"]:hover{
  background: #dfeff6;
  border-color: #bcd1dc;
  color: #0b4265 !important;
}
*/

/* === Taille de l'image dans le modal (desktop) === */
#blockcart-modal .tv-addtocart-product-image img.product-image {
  width: 200px;     /* image plus grande */
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;   /* centrage */
}

/* Ajustement des colonnes */
#blockcart-modal .tv-addtocart-image-name-wrapper .col-md-6.tv-addtocart-product-image {
  flex: 0 0 45%;
  max-width: 45%;
  text-align: center;
}
#blockcart-modal .tv-addtocart-product-name {
  flex: 0 0 55%;
  max-width: 55%;
}

/* === Mobile : réduire l'image pour éviter les débordements === */
@media (max-width: 576px) {
  #blockcart-modal .tv-addtocart-product-image img.product-image {
    width: 120px;
  }
}





/* ===== MENU DESKTOP SUR #tv-menu-horizontal > ul.menu-content ===== */
@media (min-width: 992px){
  /* Conteneur UL */
  #tv-menu-horizontal > ul.menu-content{
    display:flex !important;
    align-items:center !important;
    gap:.25rem !important;
    background:#00597b !important;
    border-radius:12px !important;
    box-shadow:0 10px 20px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08) !important;
    padding:0 8px !important;
    list-style:none !important;
    margin:0 !important;
  }

  /* Items racine */
  #tv-menu-horizontal > ul.menu-content > li{
    position:relative !important;
    margin:0 .125rem !important;
  }

  /* Liens racine */
  #tv-menu-horizontal > ul.menu-content > li > a{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:.5rem !important;
    padding:12px 16px !important;
    color:#ffffff !important;
    font-weight:700 !important;
    font-size:15px !important;
    letter-spacing:.2px !important;
    text-decoration:none !important;
    transition:color .2s ease, transform .2s ease !important;
  }

  /* Soulignement animé au survol */
  #tv-menu-horizontal > ul.menu-content > li > a::after{
    content:"" !important;
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    bottom:6px !important;
    height:2px !important;
    background:#00c2ff !important;
    transform:scaleX(0) !important;
    transform-origin:left !important;
    transition:transform .25s ease !important;
    border-radius:2px !important;
  }
  #tv-menu-horizontal > ul.menu-content > li:hover > a::after{
    transform:scaleX(1) !important;
  }

  /* Dropdowns (style de base, pas le positionnement) */
  #tv-menu-horizontal > ul.menu-content > li ul{
    min-width:260px !important;
    background:#ffffff !important;
    color:#1f2937 !important;
    border-radius:12px !important;
    box-shadow:0 20px 35px rgba(0,0,0,.12), 0 6px 12px rgba(0,0,0,.08) !important;
    padding:14px !important;
    margin-top:12px !important;
    border:1px solid rgba(0,0,0,.06) !important;
  }

  /* Liens dropdown */
  #tv-menu-horizontal > ul.menu-content > li ul li > a{
    display:block !important;
    padding:6px 8px !important;
    color:#1f2937 !important;
    border-radius:8px !important;
    font-weight:600 !important;
    text-decoration:none !important;
    transition:background .2s ease, transform .15s ease !important;
  }
  #tv-menu-horizontal > ul.menu-content > li ul li > a:hover{
    background:rgba(0,0,0,.045) !important;
    transform:translateX(2px) !important;
  }
}

/* ===== CENTRAGE ET TAILLE POLICE MENU ===== */
@media (min-width: 992px){
  #tv-menu-horizontal > ul.menu-content{
    justify-content: center !important;
  }
  #tv-menu-horizontal > ul.menu-content > li > a{
    font-size: 18px !important;
    font-weight: 700 !important;
  }
  #tv-menu-horizontal > ul.menu-content > li > a i,
  #tv-menu-horizontal > ul.menu-content > li > a .material-icons{
    font-size: 22px !important;
  }
  #tv-menu-horizontal > ul.menu-content > li{
    margin: 0 10px !important;
  }
}

/* ===== BARRE BLEUE PLUS FINE (wrapper .tvcmsmain-menu-wrapper.container) ===== */
@media (min-width: 992px){
  #tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper.container{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }
  #tv-menu-horizontal > ul.menu-content{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  #tv-menu-horizontal > ul.menu-content > li > a{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.2 !important;
    font-size: 18px !important;
  }
  #tv-menu-horizontal > ul.menu-content > li > a i,
  #tv-menu-horizontal > ul.menu-content > li > a .material-icons{
    line-height: 1 !important;
    vertical-align: middle !important;
  }
}



/* ===== SUPPRESSION DOUBLE BANDE + CENTRAGE VERTICAL ===== */
@media (min-width: 992px){
  #tv-menu-horizontal > ul.menu-content{
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #tv-menu-horizontal > ul.menu-content > li > a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }
}

/* ===== CENTRAGE VERTICAL DES ITEMS DANS LA BARRE ===== */
@media (min-width: 992px){
  #tv-menu-horizontal > ul.menu-content > li > a{
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 60px !important;
    line-height: 1 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }
  #tv-menu-horizontal > ul.menu-content > li > a i,
  #tv-menu-horizontal > ul.menu-content > li > a .material-icons{
    font-size: 22px !important;
    line-height: 1 !important;
  }
}

/* Catégories vs Sous-catégories — couleurs uniquement */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a{
    color:#00597b !important;
    font-weight:700 !important;
  }
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a:hover{
    color:#0000FF !important;
  }
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a *{
    color:inherit !important;
  }
  #header .tv-menu-horizontal ul li.level-1 ul li.item-line > a{
    color:#333 !important;
    font-weight:400 !important;
  }
  #header .tv-menu-horizontal ul li.level-1 ul li.item-line > a *{
    color:inherit !important;
  }
  #header .tv-menu-horizontal ul li.level-1 ul li.item-line > a:hover{
    color:#0000FF !important;
  }
}

/* Aligner à gauche les éléments des catégories parentes (item-header) */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul{ text-align:left !important; }
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a{
    text-align:left !important;
    justify-content:flex-start !important;
  }
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a *{ text-align:left !important; }
}

/* ===== Mega menu — panneau TOUJOURS centré + grille auto-fit (anti-débordement) ===== */
@media (min-width: 992px){
  /* Variables (ajuste si besoin) */
  #tv-menu-horizontal{
    --mm-card: 280px;        /* largeur mini d’une carte (260–300) */
    --mm-gap: 24px;          /* espace horizontal & vertical */
    --mm-pad: 24px;          /* marge de sécurité écran */
    --mm-maxCols: 4;         /* nb max de colonnes visé */
    --mm-panel: calc(var(--mm-maxCols) * var(--mm-card)
                 + (var(--mm-maxCols) - 1) * var(--mm-gap));
  }

  /* Le UL parent sert de repère pour centrer le panneau */
  #tv-menu-horizontal > ul.menu-content{
    position: relative !important;
    overflow: visible !important;
    justify-content: center !important;
  }
  #tv-menu-horizontal > ul.menu-content > li{
    position: static !important;    /* évite l’ancrage au <li> */
  }

  /* Panneau dropdown : centré sur la barre bleue + largeur bornée à l’écran */
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown{
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: min( var(--mm-panel), calc(100vw - (2 * var(--mm-pad))) ) !important;
    max-width: calc(100vw - (2 * var(--mm-pad))) !important;

    white-space: normal !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
    margin-top: 12px !important;
  }

  /* Neutralise .col-sm-* du module qui impose une largeur */
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown[class*="col-sm-"]{
    width: min( var(--mm-panel), calc(100vw - (2 * var(--mm-pad))) ) !important;
    max-width: calc(100vw - (2 * var(--mm-pad))) !important;
  }

  /* Contenu interne : GRID auto-fit (2 → 4 colonnes) */
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown .tv-menu-row,
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown .tv-menu-row.row{
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(var(--mm-card), 1fr)) !important;
    gap: var(--mm-gap) !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Cellule + “carte blanche” : pas de floats, plein hauteur */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col{
    display: flex !important;
    float: none !important;
    width: auto !important; max-width: none !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important;
  }
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column{
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important; height: 100% !important;
    margin: 0 !important;
  }
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column + ul.ul-column{
    margin-top: var(--mm-gap) !important;
  }

  /* Retire les vieux clearfix Bootstrap */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row::before,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row::after{
    content: none !important; display: none !important;
  }
}


/* ===== MEGA MENU — CENTRÉ + GRID 4 COLONNES (masonry via JS) ===== */
@media (min-width: 992px){
  /* Réglages */
  #tv-menu-horizontal{
    --mm-cols: 4;          /* nombre de colonnes */
    --mm-card: 278px;      /* largeur cible d'une carte (276–280 ok) */
    --mm-gap-x: 18px;      /* écart HORIZONTAL entre colonnes */
    --mm-gap-y: 18px;      /* écart VERTICAL entre cartes   */
    --mm-pad: 24px;        /* marge de sécurité écran */
    --mm-safe: 8px;        /* petite marge pour borders/paddings internes */
    --mm-row: 8px;         /* unité de ligne pour le packing JS (5–10px ok) */

    --mm-panel: calc(
      (var(--mm-cols) * var(--mm-card)) +
      ((var(--mm-cols) - 1) * var(--mm-gap-x)) +
      var(--mm-safe)
    );
  }

  /* Le UL sert d'ancre pour centrer le panneau */
  #tv-menu-horizontal > ul.menu-content{
    position: relative !important;
    overflow: visible !important;
  }
  #tv-menu-horizontal > ul.menu-content > li{
    position: static !important;
  }

  /* Panneau dropdown : centré + largeur pile pour 4 colonnes */
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown{
    position: absolute !important;
    top: calc(100% - .1px) !important;                 /* colle au menu bleu */
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: min(var(--mm-panel), calc(100vw - (2 * var(--mm-pad)))) !important;
    max-width: calc(100vw - (2 * var(--mm-pad))) !important;

    white-space: normal !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    z-index: 9999 !important;
  }

  /* Annule les classes col-xx-* éventuelles du module sur le panneau */
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown[class*="col-"]{
    width: min(var(--mm-panel), calc(100vw - (2 * var(--mm-pad)))) !important;
    max-width: calc(100vw - (2 * var(--mm-pad))) !important;
  }

  /* === CONTENU DU PANNEAU : GRID 4 COL + masonry par JS (grid-row-end: span N) === */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row.row{
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;     /* 4 colonnes fixes */
    grid-auto-rows: var(--mm-row) !important;              /* unité utilisée par le JS */
    gap: var(--mm-gap-y) var(--mm-gap-x) !important;
    align-items: start !important;

    /* Purge totale d’anciens layouts */
    column-count: initial !important;
    column-width: initial !important;
    column-gap: 0 !important;
    grid-auto-flow: row dense !important;
    flex: none !important; flex-wrap: initial !important;
    margin: 0 !important; padding: 0 !important;
  }

  /* Supprime les vieux clearfix de .row */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row.row::before,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row.row::after{
    content: none !important;
    display: none !important;
  }

  /* Chaque “carte” : aucun float/flex parasite ; le JS posera grid-row-end: span N */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row.row > [class*="col-"]{
    display: block !important;
    float: none !important;
    width: auto !important; max-width: none !important; min-width: 0 !important;
    margin: 0 !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    -moz-column-break-inside: avoid !important;
    /* (pas d’inline-block, pas de line-height:0 -> Grid n’en a pas besoin) */
  }

  /* “Carte blanche” interne : aucune contrainte parasite */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column{
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Si une carte contient 2 UL, petit écart interne (optionnel) */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column + ul.ul-column{
    margin-top: var(--mm-gap-y) !important;
  }
}
 
/* Affinage des espacements masonry */
@media (min-width: 992px){
  #tv-menu-horizontal{
    --mm-gap-y: 14px;  /* était 18px : essaye 14, voire 12 si tu veux très serré */
    --mm-row: 6px;     /* était 8px : plus petit = packing plus fin */
    /* Optionnel si tu veux aussi réduire l’écart HORIZONTAL :
    --mm-gap-x: 14px;  /* était 18px */
    */
  }
}

/* === PATCH 1 : coller le panneau à la barre (pas de trou qui casse le hover) === */
@media (min-width: 992px){
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown{
    top: calc(100% - 1px) !important; /* chevauche 1px pour sécuriser le passage souris */
    margin-top: 0 !important;
  }
}


/* ===== Effet 3D doux au survol des cartes ===== */
@media (min-width: 992px){
  #tv-menu-horizontal{
    --mm-card-bg: #fff;            /* fond normal */
    --mm-card-bg-hover: #F7F8FF;   /* fond au survol */
    --mm-card-radius: 12px;
    --mm-shadow: 0 1px 2px rgba(0,0,0,.06), 0 4px 10px rgba(0,0,0,.08);
    --mm-shadow-hover: 0 6px 16px rgba(0,0,0,.14), 0 12px 32px rgba(0,0,0,.10);
  }

  /* Contexte 3D pour un léger tilt */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row{ perspective: 1000px; }

  /* Carte (le UL interne) */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column{
    background: var(--mm-card-bg) !important;
    border-radius: var(--mm-card-radius) !important;
    box-shadow: var(--mm-shadow) !important;              /* pas de border → pas de décalage */
    transform: translateZ(0) !important;                  /* GPU layer */
    transition: transform .18s ease, box-shadow .18s ease,
                background-color .18s ease !important;
    backface-visibility: hidden;
    will-change: transform;
  }

  /* Hover = couleur + lift + (tout petit) tilt */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:hover{
    background: var(--mm-card-bg-hover) !important;
    box-shadow: var(--mm-shadow-hover) !important;
    transform: translateY(-4px) rotateX(1.2deg) rotateY(-1.2deg) !important;
  }

  /* “Click” = effet appuyé */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:active{
    transform: translateY(-1px) scale(.99) !important;
  }

  /* Respecte l’accessibilité (réduit les animations si demandé) */
  @media (prefers-reduced-motion: reduce){
    #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column{
      transition: background-color .15s ease !important;
    }
    #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:hover,
    #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:active{
      transform: none !important;
      box-shadow: var(--mm-shadow) !important;
    }
  }
}


/* === Patch : mini-lift sur la carte, bump uniquement sur le lien === */
@media (min-width: 992px){
  /* tu peux ajuster la valeur ici : -1px (très léger) à -3px (un peu plus marqué) */
  #tv-menu-horizontal{ --mm-card-lift: -2px; }

  /* Carte au survol : couleur + ombre + mini lift (PAS de rotation) */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:hover{
    background: var(--mm-card-bg-hover) !important;
    box-shadow: var(--mm-shadow-hover) !important;
    transform: translateY(var(--mm-card-lift)) !important;  /* ← mini-lift */
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
  }

  /* Carte au clic : on ne “bump” pas la carte (le bump est géré sur le <a>) */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:active{
    transform: translateY(var(--mm-card-lift)) !important;  /* reste stable */
    box-shadow: var(--mm-shadow-hover) !important;
  }

  /* Assure-toi que le lien peut appliquer son propre transform sans être écrasé */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column li > a{
    will-change: transform;
  }
}

/* Accessibilité : si l’utilisateur réduit les animations, pas de lift */
@media (prefers-reduced-motion: reduce){
  @media (min-width: 992px){
    #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:hover{
      transform: none !important;
      box-shadow: var(--mm-shadow) !important;
    }
  }
}



/* =========================================================
   EFFET 1 — BANDE LATERALE ANIMEE (accent propre)
   - Ce que ça fait : une barre colorée grandit à gauche au hover
   - A modifier : la couleur via --mm-accent
   - Impact layout : aucun (pas de bordure/marge réelle)
   ========================================================= */
@media (min-width: 992px){
  #tv-menu-horizontal{ --mm-accent: #00b8ff; } /* ← couleur de la bande */

  /* La carte (ul.ul-column) sert de support à la pseudo-bande */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column{
    position: relative;
  }
  /* Bande verticale “cachée” qui se déploie au survol */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column::before{
    content:"";
    position:absolute; inset:0 auto 0 0; /* top/bottom à 0, collée à gauche */
    width:4px;
    background: var(--mm-accent);
    transform: scaleY(0); transform-origin: top;
    transition: transform .22s ease;
    border-radius: 4px;
  }
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:hover::before{
    transform: scaleY(1);
  }
}

/* =========================================================
   EFFET 2 — REFLET "SHINE" QUI BALAYE LA CARTE
   - Ce que ça fait : un flash oblique traverse subtilement la carte
   - A modifier : l’intensité (opacité) dans le gradient
   - Impact layout : aucun
   ========================================================= */
@media (min-width: 992px){
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column{
    position: relative; overflow: hidden; /* cache le débord du reflet */
  }
  /* Le reflet (pseudo-élément géant qui glisse en diagonale) */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column::after{
    content:"";
    position:absolute; top:-150%; left:-150%; width:300%; height:300%;
    background: linear-gradient(120deg,
      transparent 45%, rgba(255,255,255,.35) 50%, transparent 55%);
    transform: translateX(-30%); opacity:0;
    transition: transform .5s ease, opacity .25s ease;
    pointer-events: none;
  }
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:hover::after{
    transform: translateX(30%); opacity:1;
  }
}

/* ===== 1) Désactiver le "bump" sur la carte entière ===== */
@media (min-width: 992px){
  /* Si le thème met un transform/box-shadow au clic sur la carte, on l'annule */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col:active,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:active {
    transform: none !important;
    box-shadow: none !important;
  }

  /* Par sécurité, on neutralise aussi d'éventuelles classes JS de "pressed" */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col.pressed,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col.is-pressed {
    transform: none !important;
    box-shadow: none !important;
  }
}

/* ===== 2) Bump uniquement sur le lien cliqué ===== */
@media (min-width: 992px){
  /* Le lien doit être inline-block pour pouvoir se transformer seul */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column li > a{
    display: inline-block !important;     /* tu l'avais déjà pour le soulignement */
    transition: transform .12s ease, box-shadow .12s ease;
    will-change: transform;
  }

  /* Effet "press" au clic sur le lien (et uniquement lui) */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column li > a:active{
    transform: translateY(1px) scale(.98);
    box-shadow: 0 1px 0 rgba(0,0,0,.15) inset; /* léger enfoncement visuel */
  }

  /* Accessibilité clavier : feedback quand le lien est focus */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column li > a:focus-visible{
    outline: 2px solid #00597b;
    outline-offset: 2px;
  }
}







/*ICONE MENU CATEGORIE*/

/* Icône devant "Accessoire de table" */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="accessoire-de-table"]::before{
    content: "";                          /* crée le pseudo-élément */
    display: inline-block;                /* pour pouvoir lui donner une taille */
    width: 22px;
    height: 22px;
    margin-right: 8px;                    /* espace avant le texte */
    background: url('/img/icons/icone-accessoire-de-table.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;               /* bien aligné au texte */
  }
}

/* Icône devant "Salle et Bar" */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="salle-et-bar"]::before{
    content: "";                          /* crée le pseudo-élément */
    display: inline-block;                /* pour pouvoir lui donner une taille */
    width: 22px;
    height: 22px;
    margin-right: 8px;                    /* espace avant le texte */
    background: url('/img/icons/icone-salle-et-bar.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;               /* bien aligné au texte */
  }
}

/* Icône devant "Couvert inox" */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="couvert-inox"]::before{
    content: "";                          /* crée le pseudo-élément */
    display: inline-block;                /* pour pouvoir lui donner une taille */
    width: 22px;
    height: 22px;
    margin-right: 8px;                    /* espace avant le texte */
    background: url('/img/icons/icone-couvert-inox.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;               /* bien aligné au texte */
  }
}

/* Icône devant "Nappage-Serviette" */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="nappage-serviette"]::before{
    content: "";                          /* crée le pseudo-élément */
    display: inline-block;                /* pour pouvoir lui donner une taille */
    width: 22px;
    height: 22px;
    margin-right: 8px;                    /* espace avant le texte */
    background: url('/img/icons/icone-nappage-serviette.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;               /* bien aligné au texte */
  }
}

/* Icône devant "Vaisselle-elegante-fonctionnelle" */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="vaisselle-elegante-fonctionnelle"]::before{
    content: "";                          /* crée le pseudo-élément */
    display: inline-block;                /* pour pouvoir lui donner une taille */
    width: 22px;
    height: 22px;
    margin-right: 8px;                    /* espace avant le texte */
    background: url('/img/icons/icone-vaisselle-elegante-fonctionnelle.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;               /* bien aligné au texte */
  }
}

/* Icône devant "Verrerie-qualite-elegance-evenements" */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="verrerie-qualite-elegance-evenements"]::before{
    content: "";                          /* crée le pseudo-élément */
    display: inline-block;                /* pour pouvoir lui donner une taille */
    width: 22px;
    height: 22px;
    margin-right: 8px;                    /* espace avant le texte */
    background: url('/img/icons/icone-verrerie-qualite-elegance-evenements.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;               /* bien aligné au texte */
  }
}

/* Icône devant "Decoration-elegante-table" */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="decoration-elegante-table"]::before{
    content: "";                          /* crée le pseudo-élément */
    display: inline-block;                /* pour pouvoir lui donner une taille */
    width: 22px;
    height: 22px;
    margin-right: 8px;                    /* espace avant le texte */
    background: url('/img/icons/icone-decoration-elegante-table.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;               /* bien aligné au texte */
  }
}

/* Icône devant "Toutes-categories - Catalogue complet" */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="toutes-categories"]::before{
    content: "";                          /* crée le pseudo-élément */
    display: inline-block;                /* pour pouvoir lui donner une taille */
    width: 22px;
    height: 22px;
    margin-right: 8px;                    /* espace avant le texte */
    background: url('/img/icons/icone-toutes-categories.png') no-repeat center;
    background-size: contain;
    vertical-align: middle;               /* bien aligné au texte */
  }
}

/* Icône devant "Mieux nous connaître" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="mieux-nous-connaitre"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-mieux-nous-connaitre.png') no-repeat center / contain;
    vertical-align: middle;
  }
}


/* Icône devant "Mobilier et Partenaires" (page blog module) */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.item-header > a[href*="mobilier-interieur-exterieur"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-mobilier-interieur-exterieur.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Archive blog" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="tvcmsblog/archive"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-archive.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Emballage alimentaire" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="emballage-alimentaire"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-emballage-alimentaire.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Articles usage unique restauration & évènementiel" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="articles-usage-unique-restauration-evenementiel"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-articles-usage-unique.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Papeterie professionnelle - Fournitures bureau" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="papeterie-professionnelle-fournitures-bureau"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-papeterie-professionnelle.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Équipement cuisine professionnelle" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="equipement-cuisine-professionnelle"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-equipement-cuisine-professionnelle.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Équipement pâtisserie professionnel" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="equipement-patisserie-professionnel"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-equipement-patisserie-professionnel.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Coutellerie" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="coutellerie"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-coutellerie.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Gamme signalétique professionnelle" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="gamme-signaletique-professionnelle"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-gamme-signaletique-professionnelle.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Vêtement" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="vetement"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-vetement.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Équipement cuisine professionnel" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="equipement-cuisine-professionnel"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-equipement-cuisine-professionnel.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Produits entretien professionnels" — seulement catégorie parente */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href*="produits-entretien-professionnels"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-produits-entretien-professionnels.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* Icône devant "Hygiène" — seulement la catégorie /1933-hygiene */
@media (min-width: 992px){
  /* si tes liens sont relatifs (le plus courant) */
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href^="/1933-hygiene"]::before,
  /* et si parfois ils sortent en absolu */
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href^="https://blot.fr/1933-hygiene"]::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-hygiene.png') no-repeat center / contain;
    vertical-align: middle;
  }
}


/* Icône devant "Matériels divers" (catégorie parente sans lien) */
@media (min-width: 992px){
  #header .tv-menu-horizontal ul li.level-1 ul li.item-header > a[href="#"]::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url('/img/icons/icone-materiels-divers.png') no-repeat center / contain;
    vertical-align: middle;
  }
}

/* ===== BLOC CORRECTIF — Empêcher les cartes de dépasser du panneau blanc ===== */
@media (min-width: 992px){

  /* 1) Le VRAI panneau blanc du méga-menu (coins arrondis) : on le fait clipper */
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown,
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown.tv-sub-auto,
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown[class*="col-"]{
    background:#fff !important;
    border-radius:12px !important;
    /* padding léger pour que les ombres des cartes ne collent pas au bord */
    padding:16px 16px 18px !important;
    box-sizing:border-box !important;
    /* LA clé pour ne plus rien voir déborder */
    overflow:hidden !important;
  }

  /* 2) Les rangées internes du panneau : on annule les marges négatives Bootstrap */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-row.row,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .row{
    margin-left:0 !important;
    margin-right:0 !important;
    /* on garde un gap propre entre cartes/colonnes */
    gap:16px 24px !important;
  }

  /* 3) Colonnes internes : pas de padding qui pousserait hors du panneau */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col[class*="col-"],
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown [class*="col-"]{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* 4) Chaque "carte" (UL) reste dans sa colonne et ne crée pas d’espace parasite */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown [class*="col-"] > ul.ul-column{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin:0 0 14px !important;     /* espace vertical entre deux cartes empilées */
  }
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column:last-child,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown [class*="col-"] > ul.ul-column:last-child{
    margin-bottom:0 !important;
  }

  /* 5) Les images à l’intérieur des cartes ne doivent JAMAIS déborder */
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown .tv-menu-col > ul.ul-column img,
  #tv-menu-horizontal .tv-sub-menu.menu-dropdown [class*="col-"] > ul.ul-column img{
    display:block !important;
    max-width:100% !important;
    height:auto !important;
  }

  /* 6) Quand un panneau est ouvert, on masque le soulignement bleu de l’onglet */
  #tv-menu-horizontal > ul.menu-content > li:hover > a::after{
    opacity:0 !important;
  }
}

/* Scroll sur la grille interne si le panneau résiste */
@media (min-width: 992px){
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown .tv-menu-row,
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown .tv-menu-row.row{
    max-height: calc(100vh - 250px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

/* === RÉTABLIR ET RENDRE BIEN VISIBLE LE TRAIT BLEU SOUS LES CAT. MÈRES === */
@media (min-width: 992px){

  /* 1) Ne plus cacher le trait au survol */
  #tv-menu-horizontal > ul.menu-content > li:hover > a::after{
    opacity: 1 !important;
  }

  /* 2) Le panneau ne chevauche plus la barre bleue */
  #tv-menu-horizontal > ul.menu-content > li > .tv-sub-menu.menu-dropdown{
    top: 100% !important;            /* pas de -1px */
  }

  /* 3) Trait un peu plus lisible et “au-dessus” */
  #tv-menu-horizontal > ul.menu-content > li > a{
    position: relative !important;
    z-index: 2 !important;           /* crée un contexte au-dessus de la barre */
  }
  #tv-menu-horizontal > ul.menu-content > li > a::after{
    bottom: 8px !important;          /* remonte légèrement le trait dans le lien */
    height: 2px !important;          /* un poil plus épais */
    background: #00c2ff !important;  /* bleu vif */
    z-index: 3 !important;           /* au-dessus du fond de la barre */
    opacity: 1 !important;           /* force visible */
  }

  /* 4) La barre bleue ne coupe pas les pseudos-éléments */
  #tv-menu-horizontal > ul.menu-content{
    overflow: visible !important;
  }
}

 
  /* -------- Variantes par catégorie mère --------
     On cible le <ul> panneau via son frère direct, le <a> du menu bleu :
     li > a[...] + ul::after  (on change juste l'image)
  */

  /* Art de la table */
  #tv-menu-horizontal > ul.menu-content > li > a[href*="art-de-la-table"] + ul::after{
    background-image: url('/img/arcs/arc-art-de-la-table.svg');
  }

  /* Emballages */
  #tv-menu-horizontal > ul.menu-content > li > a[href*="emballage"] + ul::after{
    background-image: url('/img/arcs/arc-emballages.svg');
  }

  /* Matériels */
  #tv-menu-horizontal > ul.menu-content > li > a[href*="materiel"] + ul::after{
    background-image: url('/img/arcs/arc-materiels.svg');
  }

  /* Entretien (exemple avec l’ID numérique, plus précis) */
  #tv-menu-horizontal > ul.menu-content > li > a[href^="/1916-produits-entretien-professionnels"],
  #tv-menu-horizontal > ul.menu-content > li > a[href^="https://blot.fr/1916-produits-entretien-professionnels"]{
    /* rien ici, on change juste l’image ci-dessous */
  }
  #tv-menu-horizontal > ul.menu-content > li > a[href^="/1916-produits-entretien-professionnels"] + ul::after,
  #tv-menu-horizontal > ul.menu-content > li > a[href^="https://blot.fr/1916-produits-entretien-professionnels"] + ul::after{
    background-image: url('/img/arcs/arc-entretien.svg');
  }

  /* Vêtements */
  #tv-menu-horizontal > ul.menu-content > li > a[href*="vetement"] + ul::after{
    background-image: url('/img/arcs/arc-vetements.svg');
  }

  /* Métiers */
  #tv-menu-horizontal > ul.menu-content > li > a[href*="metiers"] + ul::after{
    background-image: url('/img/arcs/arc-metiers.svg');
  }




/* ===== BLOT – Style générique catégories ===== */
.blot-cat { color:#111; font-size:17px; line-height:1.6; }
.blot-cat h2 { color:#2445a2; font-size:22px; line-height:1.25; margin:12px 0 8px; }
.blot-cat p { margin:0 0 10px; }
.blot-cat hr{
  height:1px !important; border:0 !important;
  background:linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.12), rgba(0,0,0,.08)) !important;
  margin:14px 0 !important;
}

/* --- Boutons tags --- */
.blot-cat .tag-row{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.blot-cat .tag-link{
  display:inline-block !important; padding:8px 14px !important; border-radius:9999px !important;
  background:#f5f7ff !important; border:1px solid #d7defc !important; color:#2445a2 !important;
  font-weight:600 !important; font-size:15px !important; text-decoration:none !important;
  box-shadow:0 1px 2px rgba(0,0,0,.06) !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease !important;
}
.blot-cat .tag-link:hover{
  transform:translateY(-1px) !important; box-shadow:0 6px 14px rgba(0,0,0,.12) !important;
  background:#e8edff !important; border-color:#c6d2ff !important; font-weight:700 !important;
}

/* --- Tableau produits : lignes cliquables --- */
.blot-cat table.blot-table{
  width:100% !important; border-collapse:collapse !important;
  border:1px solid #e9ecf4 !important; background:#fff !important; font-size:16px !important;
}
.blot-cat table.blot-table thead th{
  background:#f6f8fe !important; color:#1b1f29 !important; font-weight:700 !important;
  padding:10px 8px !important; border-bottom:1px solid #e1e6f5 !important;
}

/* On garde le padding sur <td>, puis on étend le <a> pour qu'il occupe toute la cellule */
.blot-cat table.blot-table td{ position:relative; padding:9px 8px !important; border-top:1px solid #f0f2f8 !important; color:#000 !important; }
.blot-cat table.blot-table td a{
  display:block !important; margin:-9px -8px !important; padding:9px 8px !important;
  color:#000 !important; text-decoration:none !important; font-weight:600 !important;
}

/* Survol de ligne : on cible le <tr> et on stylise aussi les <a> inclus */
.blot-cat table.blot-table tbody tr:hover{ background:#f2f6ff !important; }
.blot-cat table.blot-table tbody tr:hover a{ color:#0b57d0 !important; font-weight:700 !important; text-decoration:none !important; cursor:pointer !important; }

/* Responsive tableau (2 colonnes) */
@media (max-width:640px){
  .blot-cat table.blot-table thead{ display:none !important; }
  .blot-cat table.blot-table, .blot-cat table.blot-table tbody, .blot-cat table.blot-table tr, .blot-cat table.blot-table td{
    display:block !important; width:100% !important;
  }
  .blot-cat table.blot-table tr{ border-bottom:1px solid #eef1f8 !important; padding:6px 0 !important; }
  .blot-cat table.blot-table td{ border:none !important; padding:6px 8px !important; }
  .blot-cat table.blot-table td:nth-child(1){ font-weight:700 !important; }
  .blot-cat table.blot-table td:nth-child(2)::before{ content:"Marque: "; font-weight:600; color:#555; }
}

/* --- Cartes sous-catégories (effet 3D + CTA coloré) --- */
.blot-cat table.blot-card{
  border:1px solid #dfe8ff !important; background:#f7faff !important;
  border-radius:14px !important; overflow:hidden !important;
  box-shadow:0 2px 6px rgba(0,0,0,.08) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}
.blot-cat table.blot-card td{ border:none !important; }
.blot-cat table.blot-card:hover{
  transform:translateY(-4px) scale(1.01) !important;
  background:#f3f7ff !important; border-color:#c8d6ff !important;
  box-shadow:0 14px 30px rgba(0,0,0,.16) !important;
}
.blot-cat table.blot-card h3{ margin:0 0 6px !important; font-size:18px !important; color:#0f1e52 !important; }
.blot-cat table.blot-card p{ margin:0 0 10px !important; color:#222 !important; }

/* CTA dans la carte : base et hover plus visible */
.blot-cat .card-cta{
  background:#ffffff !important; border:1px solid #ffffff !important; color:#2445a2 !important;
}
.blot-cat .card-cta:hover{
  background:#d1efff !important; border-color:#c1cffc !important; color:#0b57d0 !important;
}

/* Grille responsive des cartes */
@media (max-width:992px){
  .blot-cat td[style*="width: 33.33%"]{ width:50% !important; display:inline-block !important; }
}
@media (max-width:640px){
  .blot-cat td[style*="width: 33.33%"]{ width:100% !important; display:block !important; }
}


/* ===========================
   BLOT – Catégories (global)
   =========================== */
.blot-cat { color:#000; font-size:17px; line-height:1.65; }
.blot-cat h1 { font-size:27px; line-height:1.25; margin:14px 0 14px; color:#000; }
.blot-cat h2 { font-size:22px; line-height:1.25; margin:22px 0 16px; color:#0000ff; }
.blot-cat h3 { font-size:18px; line-height:1.3; margin:0 0 8px; color:#0f1e52; }
.blot-cat p  { margin:0 0 12px; }
.blot-cat .u-blue { color:#2445a2; font-weight:700; }
.blot-cat .sep { height:1px; background:linear-gradient(90deg,#eee,#e6eaf6,#eee); margin:20px 0; }
.blot-cat hr  { height:1px; border:0; background:linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.12), rgba(0,0,0,.08)); margin:14px 0; }

/* Forcer un noir pur partout */
.blot-cat,
.blot-cat p,
.blot-cat li,
.blot-cat td,
.blot-cat .col,
.blot-cat details p { color:#000 !important; }

/* ---------- Tags / Boutons ---------- */
.blot-cat .tag-row { display:flex; flex-wrap:wrap; gap:10px; margin:6px 0 10px; }
.blot-cat .tag-link{
  display:inline-block; padding:9px 16px; border-radius:9999px;
  background:#f5f7ff; border:1px solid #d7defc; color:#2445a2 !important;
  font-weight:600; font-size:15px; text-decoration:none;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.blot-cat .tag-link:hover{
  transform:translateY(-1px);
  background:#e8edff; border-color:#c6d2ff; box-shadow:0 6px 14px rgba(0,0,0,.12);
}

/* ---------- Listes ---------- */
.blot-cat .pros { padding-left:22px; margin-bottom:4px; }
.blot-cat .pros li { margin:.45rem 0; }

/* ---------- Colonnes (conseils) ---------- */
.blot-cat .cols { display:flex; gap:22px; flex-wrap:wrap; margin:6px 0 2px; }
.blot-cat .col  {
  flex:1 1 300px; min-width:270px; background:#fff; border:1px solid #eceff7;
  border-radius:12px; padding:14px; box-shadow:0 1px 2px rgba(0,0,0,.05);
}

/* FAQ en p/pairs : question = p impair, réponse = p pair */
.blot-cat .faq p { color:#000 !important; line-height:1.7; margin:0 0 10px; }

/* Questions (1er, 3e, 5e…) */
.blot-cat .faq p:nth-of-type(odd){
  font-weight:800 !important;
  font-size:18px !important;
  color:#F54927 !important;
  margin-top:14px;
}

/* Réponses (2e, 4e, 6e…) */
.blot-cat .faq p:nth-of-type(even){
  font-weight:400 !important;
  font-size:16px !important;
  color:#000 !important;
  margin-top:1px;
}

/* ---------- Mots-clés SEO ---------- */
.blot-cat .seo-keywords {
  background:#fafbff; border:1px solid #ecf0fe; border-radius:12px;
  padding:12px 14px; margin-top:6px;
}
.blot-cat .seo-keywords h3 { margin:0 0 8px; color:#000; }
.blot-cat .seo-keywords .tags { display:flex; flex-wrap:wrap; gap:8px; }
.blot-cat .seo-keywords .tags span{
  display:inline-block; font-size:14px; padding:7px 12px; border-radius:9999px;
  background:#f2f5ff; border:1px solid #e1e7ff; color:#2a3ea3; font-weight:600;
}

/* ---------- Cartes sous-catégories ---------- */
.blot-cat .blot-card{
  border:1px solid #dfe8ff !important;
  background:#f7faff !important;
  border-radius:14px; overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.blot-cat .blot-card td{ border:none; }
.blot-cat .blot-card:hover{
  transform:translateY(-2px);
  background:#f3f7ff !important; border-color:#c8d6ff !important;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}

/* Fix des espacements/justification dans les cartes */
.blot-cat .blot-card h3,
.blot-cat .blot-card p{
  text-align:left !important;
  white-space:normal !important;
  word-spacing:0 !important;
  letter-spacing:normal !important;
  text-justify:auto !important;
  hyphens:auto !important;
  overflow-wrap:break-word !important;
  margin:0 0 10px !important;
  color:#111 !important;
}

.blot-cat .blot-card .cta{ margin:0 !important; }

/* Bouton "Voir la catégorie" : outline + hover rempli */
.blot-cat .blot-card .cta .card-cta{
  display:inline-flex !important;
  align-items:center !important;
  padding:10px 16px !important;
  border-radius:9999px !important;
  border:1.5px solid #c7d2fe !important;
  background:#fff !important;
  color:#2445a2 !important;
  font-weight:700 !important;
  font-size:15px !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
  transition:transform .15s ease, box-shadow .15s ease,
             background .15s ease, border-color .15s ease, color .15s ease !important;
}
.blot-cat .blot-card .cta .card-cta:hover{
  transform:translateY(-1px) !important;
  background:#2445a2 !important;
  color:#fff !important;
  border-color:#2445a2 !important;
  box-shadow:0 6px 14px rgba(0,0,0,.12) !important;
}
.blot-cat .blot-card .cta .card-cta:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(36,69,162,.15) !important;
}
.blot-cat .blot-card .cta .card-cta:visited{ color:#2445a2 !important; }

/* ---------- Responsive cartes via tableau ---------- */
@media (max-width:992px){
  .blot-cat td[style*="width: 33.33%"]{ width:50% !important; display:inline-block; }
}
@media (max-width:640px){
  .blot-cat td[style*="width: 33.33%"]{ width:100% !important; display:block; }
}


/*.tvsearch-result{ display:none !important; }

.df-fullscreen {
  z-index: 2147483647 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}*/


/* Style de base du fil d’Ariane */
.breadcrumb {
  margin: 15px 0;
}

.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px; /* espace entre les items */
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ===== Reset fort : supprimer tous les séparateurs du thème ===== */
#wrapper nav.breadcrumb .separator,
#wrapper nav.breadcrumb li::before,
#wrapper nav.breadcrumb li::after,
#wrapper nav.breadcrumb a::before,
#wrapper nav.breadcrumb a::after,
#wrapper nav.breadcrumb span::before,
#wrapper nav.breadcrumb span::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== Layout compact + une seule ligne ===== */
#wrapper nav.breadcrumb {
  margin: 8px 0 !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}
#wrapper nav.breadcrumb ol {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;                 /* pas d'espace ajouté */
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
#wrapper nav.breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
}

/* ===== Notre séparateur : pipe (|) collé, sans espace ===== */
#wrapper nav.breadcrumb li + li::before {
  content: "|" !important;           /* le pipe */
  color: #bdbdbd !important;         /* gris léger */
  font-size: 14px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}

/* ===== Items compacts (cadres collés au texte) ===== */
#wrapper nav.breadcrumb li a,
#wrapper nav.breadcrumb li span {
  display: inline-block !important;
  padding: 2px 3px !important;       /* serré */
  border: 1px solid transparent !important;  /* évite le "bump" */
  border-radius: 6px !important;
  background: transparent !important;
  color: #333 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  transition: border-color .15s ease, color .15s ease, background-color .15s ease !important;
}

/* Hover : contour orange discret */
#wrapper nav.breadcrumb li a:hover {
  border-color: #ff5500 !important;
  color: #ff5500 !important;
}

/* Actif : badge orange plein, sans arrondi */
#wrapper nav.breadcrumb li:last-child span {
  border-color: #ff5500 !important;
  background: #ff5500 !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 0 !important;   /* <-- carré au lieu de rond */
}


/* Bouton Connexion Pro */
.btn-pro {
  display: block;                /* pleine largeur */
  width: 100%;
  padding: 7.5px 15px;
  background-color: #0000FF;     /* même bleu que S'IDENTIFIER */
  color: #ffffff;                /* texte blanc */
  font-size: 18px;               /* même taille que S'IDENTIFIER */
  font-weight: 400;              /* même épaisseur que S'IDENTIFIER */
  text-transform: uppercase;     /* texte en majuscules */
  letter-spacing: 2px;           /* même espacement */
  line-height: normal;           
  vertical-align: middle;
  text-align: center;
  text-decoration: none;         /* pas de soulignement */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover */
.btn-pro:hover {
  background-color: #e68a00 !important; /* jaune foncé */
  color: #ffffff !important;            /* texte reste blanc */
}


/* Texte explicatif */
.explication {
  margin-top: 6px;
  font-size: 15.5px;
  font-family: Arial, sans-serif;
  color: #222;
  line-height: 1.4;
 text-align: center;   /* Centrage du texte */
}
.explication b {
  font-weight: 700;
}



/* =====================================================================
   CHECKOUT (colonne gauche)
   Habillage sobre + SANS doublons d’astérisques
   NOTE : ce fichier commente proprement les règles existantes
          sans en modifier les valeurs. Ajouts demandés en bas du fichier.
   ===================================================================== */

/* ---- Portée stricte ---- */
#checkout .checkout-step {}

/* ---- Titres d’étape ----
   (Garde la valeur telle qu’écrite, y compris 'important!' qui semble
    être une coquille mais qu’on ne corrige pas volontairement) */
#checkout .checkout-step .step-title,
#checkout .blt-step-title{
  font-size:20px important!;
  font-weight:700;
  color:#111827;
  margin:6px 0 14px;
}

/* ---- Labels & aides ---- */
#checkout .checkout-step .form-group label,
#checkout .checkout-step .blt-label{
  display:block;
  font-weight:600;
  color:#1f2937;
  margin-bottom:6px;
}
#checkout .checkout-step .form-group small,
#checkout .checkout-step .blt-help{
  display:block;
  font-size:12px;
  color:#6b7280;
  margin-top:4px;
}

/* ---- Étoiles (sécurité anti-doublon) ----
   Masque les astérisques automatiques insérés par PrestaShop */
#checkout .checkout-step .form-group sup.required,
#checkout .checkout-step .conditions-to-approve sup.required,
#checkout .checkout-step label .required{
  display:none !important;
}
/* Si un jour tu veux en afficher un explicitement,
   ajoute la classe .blt-show-required sur le label concerné */
#checkout .checkout-step label.blt-show-required sup.required{
  display:inline !important;
}

/* ---- Champs ---- */
#checkout .checkout-step input.form-control,
#checkout .checkout-step select.form-control,
#checkout .checkout-step textarea.form-control,
#checkout .checkout-step .blt-input{
  height:44px;
  padding:10px 12px;
  border:1px solid #d8dee6;
  border-radius:8px;
  background:#f9fafb;
  transition:border-color .15s, background-color .15s, box-shadow .15s;
}
#checkout .checkout-step input.form-control:focus,
#checkout .checkout-step select.form-control:focus,
#checkout .checkout-step textarea.form-control:focus,
#checkout .checkout-step .blt-input:focus{
  outline:0;
  background:#fff;
  border-color:#00597b;
  box-shadow:0 0 0 3px rgba(0,89,123,.12);
}

/* ---- Radios civilité ---- */
#checkout .checkout-step .blt-radio input{ margin-right:8px; }
#checkout .checkout-step .blt-radio span{ color:#374151; }

/* ---- Bloc “Créer un compte” ---- */
#checkout .checkout-step .blt-checkout-create-account{
  padding:12px 14px;
  border:1px dashed #d8dee6;
  border-radius:10px;
  background:#f5f3ff;
  margin:6px 0 14px;
}
#checkout .checkout-step .blt-checkout-create-account .text-muted{
  color:#6b7280 !important;
}

/* ---- Mot de passe + bouton Voir ---- */
#checkout .checkout-step .blt-password{ position:relative; }
#checkout .checkout-step .blt-password .blt-toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  padding:6px 10px;
  border-radius:6px;
  cursor:pointer;
  background:#e5e7eb;
  color:#111827;
  font-weight:600;
  letter-spacing:.3px;
}
#checkout .checkout-step .blt-password .blt-toggle:hover{ filter:brightness(.95); }

/* ---- Notes / encarts info ---- */
#checkout .checkout-step .blt-note{
  font-size:13px;
  color:#4b5563;
  background:#0000FF;
  border:1px dashed #d8dee6;
  padding:10px 12px;
  border-radius:10px;
}

/* ---- Cases à cocher ---- */
#checkout .checkout-step .blt-checkbox input{
  margin-right:8px;
  transform:translateY(1px);
}

/* ---- Bouton Continuer ---- */
#checkout .checkout-step .blt-checkout-btn .continue{
  border:0;
  border-radius:10px;
  padding:12px 16px;
  letter-spacing:1px;
  font-weight:700;
  background:#0000FF;   /* remplace par #00597B si tu préfères */
  color:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.06);
}
#checkout .checkout-step .blt-checkout-btn .continue:hover{
  filter:brightness(.95);
}

/* ---- Espacements ---- */
#checkout .checkout-step .form-group{ margin-bottom:14px; }

/* ---- Mobile ---- */
@media (max-width:576px){
  #checkout .container,
  #checkout .container-fluid{
    padding-left:14px;
    padding-right:14px;
  }
}

/* =====================================================================
   SUPPRIMER TOUS LES ASTÉRISQUES AUTO AU CHECKOUT
   ===================================================================== */

/* 1) Cas fréquents : Bootstrap/ThemeVolty ajoute via ::after sur label.required */
#checkout .checkout-step label.required::before,
#checkout .checkout-step label.required::after {
  content: "" !important;
}

/* 2) Cas Presta : petit <sup class="required">*</sup> inséré dans le label */
#checkout .checkout-step sup.required { display: none !important; }

/* 3) Cas "span.required" ou noeud séparé avant le label (modules RGPD/CGV) */
#checkout .conditions-to-approve .required,
#checkout .js-terms-and-conditions .required,
#checkout .gdpr-consent .required {
  display: none !important;
}

/* 4) Modules qui posent l’astérisque via ::before sur le label */
#checkout .conditions-to-approve label::before,
#checkout .conditions-to-approve label::after,
#checkout .js-terms-and-conditions label::before,
#checkout .js-terms-and-conditions label::after,
#checkout .gdpr-consent label::before,
#checkout .gdpr-consent label::after {
  content: "" !important;
}

/* 5) Sécurité : pas d’astérisque injecté avant les checkboxes */
#checkout .checkout-step .form-group input[type="checkbox"] + label::before,
#checkout .checkout-step .form-group input[type="checkbox"] + label::after {
  content: "" !important;
}

/* =====================================================================
   Boutons "Invité" / "S'identifier"
   ===================================================================== */
#checkout .blt-auth-switch.nav{              /* wrapper */
  display:flex; align-items:center; gap:10px;
  margin:8px 0 16px; padding-left:0;
}
#checkout .blt-auth-switch .nav-item{ margin:0 !important; }
#checkout .blt-auth-switch .separator{ display:none !important; }

/* neutraliser le style du thème sur les liens d'onglet */
#checkout .blt-auth-switch .nav-link{
  display:inline-flex !important;
  align-items:center;
  width:auto !important;
  padding:8px 14px !important;
  border-radius:9999px !important;
  border:1px solid #d8dee6 !important;
  background:#fff !important;
  color:#111827 !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  margin:0 !important;
  transition:all .15s ease;
}
/* hover */
#checkout .blt-auth-switch .nav-link:hover{
  border-color:#00597b !important;
  background:#f0f7fa !important;
  color:#00597b !important;
  box-shadow:0 2px 10px rgba(0,89,123,.12) !important;
}
/* actif (Bootstrap .active ou notre .is-active) */
#checkout .blt-auth-switch .nav-link.active,
#checkout .blt-auth-switch .nav-link.is-active{
  background:#00597b !important;
  border-color:#00597b !important;
  color:#fff !important;
  box-shadow:0 4px 16px rgba(0,89,123,.18) !important;
}

/* =====================================================================
   Checkout : Prénom / Nom en 2 colonnes
   ===================================================================== */
#checkout .checkout-step .form-group.blt-half{
  display:inline-block;
  width:calc(50% - 6px);
  vertical-align:top;
}
#checkout .checkout-step .form-group.blt-half--left{ margin-right:12px; }
@media (max-width: 768px){
  #checkout .checkout-step .form-group.blt-half{
    display:block; width:100%; margin-right:0;
  }
}

/* =====================================================================
   Civilité compacte (override des colonnes bootstrap du thème)
   ===================================================================== */
#checkout .blt-gender-inline .form-group.row {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-bottom:10px !important;
}
/* label "Civilité" côte à côte + ":" */
#checkout .blt-gender-inline .form-group.row > .form-control-label {
  margin:0 8px 0 0 !important;
  font-weight:600 !important;
  flex:0 0 auto !important;
  width:auto !important;
  padding-right:0 !important;
}
#checkout .blt-gender-inline .form-control-label::after {
  content:" :";
  font-weight:normal;
  margin-left:2px;
}
/* conteneur des radios : ne pas occuper 100% */
#checkout .blt-gender-inline .js-input-column {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:18px !important;
  flex:0 1 auto !important;
  width:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
/* neutralise .col-md-12 interne */
#checkout .blt-gender-inline .col-md-12 {
  flex:0 0 auto !important;
  width:auto !important;
}
/* radios alignées et rapprochées */
#checkout .blt-gender-inline .radio-inline {
  display:inline-flex !important;
  align-items:center !important;
  margin:0 !important;
}
#checkout .blt-gender-inline .custom-radio { margin-right:6px !important; }
/* masque l'aide */
#checkout .blt-gender-inline .form-control-comment,
#checkout .blt-gender-inline small { display:none !important; }

/* ===== Séparateurs ===== */
/* Civilité encadrée haut/bas + marge */
#checkout .checkout-step .blt-gender-inline {
  border-top:1px solid #e5e7eb;
  padding-top:12px;
  margin-top:16px;
  border-bottom:1px solid #e5e7eb;
  padding-bottom:12px;
  margin-bottom:16px;
}
/* Séparateur pleine largeur AVANT l'email */
#checkout .blt-section-sep{
  border-top:1px solid #e5e7eb;
  margin:16px 0 12px;
}

/* =====================================================================
   Mot de passe : bouton Voir/Cacher (final)
   ===================================================================== */
/* 1) Masquer le bouton natif "VOIR" du thème */
#checkout .input-group .input-group-btn,
#checkout .input-group [data-action="show-password"]{
  display: none !important;
}
/* 2) Notre bouton s’ancre et reste au-dessus */
#checkout .blt-password .input-group{
  position: relative;
  overflow: visible !important; /* pas de clipping */
}
#checkout .blt-password .input-group input#field-password{
  position: relative;
  z-index: 1;                           /* sous le bouton */
  padding-right: 104px !important;      /* place pour le bouton */
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
#checkout .blt-password .blt-toggle{
  position: absolute;
  right: 8px; top: 50%;
  transform: translateY(-50%);          /* centrage vertical exact */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #e5e7eb;
  color: #111827;
  font-weight: 600;
  letter-spacing: .3px;
  cursor: pointer;
  z-index: 10;                          /* > input */
}
#checkout .blt-password .blt-toggle:hover{
  filter: brightness(.95);
}
/* 3) Jauge + aide */
#checkout .blt-pwd-meter{
  height: 6px;
  border-radius: 4px;
  background: #e5e7eb;
  margin-top: 6px;
  overflow: hidden;
}
#checkout .blt-help{
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}
/* ==== Aide dynamique mot de passe ==== */
#checkout .blt-pwd-req{
  display:flex; flex-wrap:wrap; gap:8px 10px;
  margin-top:6px; padding:0; list-style:none;
  font-size:12px;
}
#checkout .blt-pwd-req li{
  padding:3px 8px; border-radius:999px;
  background:#fee2e2; color:#b91c1c;       /* rouge clair par défaut */
}
#checkout .blt-pwd-req li.ok{ display:none; } /* disparaît quand c'est bon */

#checkout .blt-pwd-meter{
  height:6px; border-radius:4px;
  background:linear-gradient(to right, #10b981 0%, #ef4444 0%); /* vert/rouge */
  margin-top:6px; overflow:hidden;
}
/* Bouton Voir/Cacher + corrections (on garde tes règles précédentes) */
#checkout .input-group .input-group-btn,
#checkout .input-group [data-action="show-password"]{ display:none !important; }
#checkout .blt-password .input-group{ position:relative; overflow:visible !important; }
#checkout .blt-password .input-group input#field-password{
  position:relative; z-index:1; padding-right:104px !important;
  border-top-right-radius:8px !important; border-bottom-right-radius:8px !important;
}
#checkout .blt-password .blt-toggle{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  display:flex; align-items:center; justify-content:center;
  height:32px; padding:0 12px; border:0; border-radius:8px;
  background:#e5e7eb; color:#111827; font-weight:600; letter-spacing:.3px;
  cursor:pointer; z-index:10;
}
#checkout .blt-password .blt-toggle:hover{ filter:brightness(.95); }

/* Champs invalides : surbrillance douce */
#checkout .blt-invalid{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.12) !important;
  background:#fff !important;
}
/* Message d'aide sous champ invalide un peu plus visible */
#checkout .blt-invalid ~ .form-control-comment,
#checkout .blt-invalid ~ small{ color:#991b1b !important; }

/* Resserre l'espace entre Nom/Prénom et la ligne avant E-mail */
#checkout .checkout-step .form-group.blt-half{
  margin-bottom: 6px !important;        /* au lieu de ~14px */
}
#checkout .checkout-step .form-group.blt-half .form-control-comment,
#checkout .checkout-step .form-group.blt-half small{
  margin-bottom: 0 !important;          /* pas d'espace inutile sous l'aide */
}
/* Ligne avant E-mail : marge plus courte */
#checkout .blt-section-sep{
  margin-top: 8px !important;           /* au lieu de 16px */
  margin-bottom: 10px !important;
}

/* =====================================================================
   Habillage des cases CGV / Newsletter
   ===================================================================== */
/* CGV / autres cases stylées */
#checkout .blt-approve{
  padding:10px 12px;
  border:1px dashed #e5e7eb;
  border-radius:10px;
  background:#f9fafb;
  margin:10px 0 14px;
}
#checkout .blt-approve label{
  display:flex;
  align-items:center;
  gap:10px;                 /* espace case ↔ texte quand input est dans le label */
  margin:0;
  font-weight:600;
  color:#111827;
}
#checkout .blt-approve input[type="checkbox"]{ transform:scale(1.12); }
#checkout .blt-approve .blt-link{ color:#00597b; text-decoration:underline; }
#checkout .blt-approve:hover{ background:#f3f7f9; }

/* ===== Newsletter : enlever le cadre ET forcer l'espace texte ===== */
/* reset du conteneur newsletter */
#checkout .form-group:has(#field-newsletter),
#checkout .form-group:has(input[name="newsletter"]) {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 8px 0 14px !important;
}
/* le label de la newsletter reçoit un padding à gauche pour laisser la "fausse case" respirer */
#checkout label[for="field-newsletter"],
#checkout label[for="newsletter"] {
  display: inline-block;
  padding-left: 14px !important;   /* <<< espace entre la case et le texte */
  margin: 0 !important;
}
/* au cas où le thème place la case en position absolue, on s'assure qu'elle ne mord pas sur le texte */
#checkout .form-group:has(#field-newsletter) .custom-checkbox,
#checkout .form-group:has(input[name="newsletter"]) .custom-checkbox {
  margin-right: 0 !important;  /* pas de décalage parasite */
}
/* taille un peu plus grande de la case */
#checkout #field-newsletter,
#checkout input[name="newsletter"] {
  transform: scale(1.1);
}
#checkout .blt-link{ color:#00597b; text-decoration:underline; }

/* ===== Checkout : titre d’étape plus marquant ===== */
#checkout { --blt-accent: #00597b; }
/* Titre (variante) */
#checkout .checkout-step .step-title{
  position: relative;
  font-size: 22px;          /* plus grand */
  font-weight: 800;         /* très lisible */
  color: #0f172a;
  margin: 8px 0 30px;       /* + d’espace sous le titre */
  padding: 6px 0 0;         /* pas de padding bas (évite l’effet “collé”) */
}
/* Fine ligne grise sur toute la largeur (descendue) */
#checkout .checkout-step .step-title::before{
  content:"";
  position:absolute; left:0; right:0; bottom:-10px;
  height:1px; background:#e5e7eb;
}
/* Barre d’accent courte sous le titre (descendue aussi) */
#checkout .checkout-step .step-title::after{
  content:"";
  position:absolute; left:0; bottom:-10px;
  width:68px; height:4px;
  border-radius:4px;
  background: linear-gradient(90deg, var(--blt-accent), #0ea5e9);
  box-shadow: 0 2px 6px rgba(0,89,123,.25);
}
/* Un peu d’air avant les boutons “Invité / S’identifier” */
#checkout .blt-auth-switch,
#checkout .nav.nav-inline.my-2{
  margin-top: 16px !important;
}
/* === PATCH : plus d’air sous "Informations Personnelles" === */
#checkout .checkout-step h3.step-title,
#checkout .checkout-step .step-title{
  position: relative !important;
  margin: 8px 0 34px !important;   /* espace sous le titre */
  padding-bottom: 0 !important;    /* évite l'effet collé */
}
/* décaler la ligne grise + la barre bleue */
#checkout .checkout-step h3.step-title::before,
#checkout .checkout-step h3.step-title::after,
#checkout .checkout-step .step-title::before,
#checkout .checkout-step .step-title::after{
  bottom: -12px !important;        /* descend les deux traits */
}
/* un peu plus d’air avant les boutons Invité / S’identifier */
#checkout .nav.nav-inline.my-2,
#checkout .blt-auth-switch{
  margin-top: 40px !important;
}

/* Aide Google Places + style d'erreur (doublées volontairement) */
#checkout .blt-addr-hint{ font-size:12px; color:#6b7280; margin-top:6px; }
#checkout .blt-addr-invalid{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.16) !important;
}
#checkout .blt-addr-hint{ font-size:12px; color:#6b7280; margin-top:6px; }
#checkout .blt-addr-invalid{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.16) !important;
}

/* Force une police texte normale (évite Material Icons dans les inputs) */
#checkout #field-address1,
#checkout input[name="address1"],
#checkout #field-postcode,
#checkout input[name="postcode"],
#checkout #field-city,
#checkout input[name="city"],
#checkout input:not([type="checkbox"]):not([type="radio"]),
#checkout select,
#checkout textarea,
#checkout .form-control{
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant-ligatures: none !important;
  font-feature-settings: "liga" 0, "clig" 0 !important;
  font-variation-settings: normal !important;
  -webkit-text-security: none !important;
}

/* === Étape 2 — Adresses : compaction & grilles === */

/* espacement global + hauteur des champs */
#checkout #delivery-address .form-group.row{ margin-bottom:12px; }
#checkout #delivery-address .form-group.row .form-control{ height:44px; }
#checkout #delivery-address .form-control-label{
  margin-bottom:6px; font-weight:600; color:#111827;
}
/* aide sous le champ Adresse */
#checkout #delivery-address .blt-addr-hint{
  margin-top:4px; font-size:12px; color:#6b7280;
}

/* ----- 3 colonnes : Prénom / Nom / Téléphone (desktop) ----- */
@media (min-width: 992px){
  #checkout #delivery-address .form-group.row:has(#field-firstname),
  #checkout #delivery-address .form-group.row:has(input[name="firstname"]),
  #checkout #delivery-address .form-group.row:has(#field-lastname),
  #checkout #delivery-address .form-group.row:has(input[name="lastname"]),
  #checkout #delivery-address .form-group.row:has(#field-phone),
  #checkout #delivery-address .form-group.row:has(input[name="phone"]),
  #checkout #delivery-address .form-group.row:has(#field-phone_mobile),
  #checkout #delivery-address .form-group.row:has(input[name="phone_mobile"]){
    display:inline-block; vertical-align:top; width:calc(33.333% - 12px);
  }
  /* gouttière entre colonnes */
  #checkout #delivery-address .form-group.row:has(#field-firstname),
  #checkout #delivery-address .form-group.row:has(input[name="firstname"]),
  #checkout #delivery-address .form-group.row:has(#field-lastname),
  #checkout #delivery-address .form-group.row:has(input[name="lastname"]){
    margin-right:18px;
  }

  /* ----- 2 colonnes : Code postal / Ville ----- */
  #checkout #delivery-address .form-group.row:has(#field-postcode),
  #checkout #delivery-address .form-group.row:has(input[name="postcode"]),
  #checkout #delivery-address .form-group.row:has(#field-city),
  #checkout #delivery-address .form-group.row:has(input[name="city"]){
    display:inline-block; vertical-align:top; width:calc(50% - 10px);
  }
  #checkout #delivery-address .form-group.row:has(#field-postcode),
  #checkout #delivery-address .form-group.row:has(input[name="postcode"]){
    margin-right:20px;
  }
  /* évite le décalage "Code / postal" : libellé sur 1 ligne et aligné bas */
  #checkout #delivery-address .form-group.row:has(#field-postcode) .form-control-label{
    white-space:nowrap; display:flex; align-items:flex-end; min-height:22px;
  }
  #checkout #delivery-address .form-group.row:has(#field-city) .form-control-label{
    display:flex; align-items:flex-end; min-height:22px;
  }

  /* ----- 2 colonnes : Département / Pays ----- */
  #checkout #delivery-address .form-group.row:has(#field-id_state),
  #checkout #delivery-address .form-group.row:has(select[name="id_state"]),
  #checkout #delivery-address .form-group.row:has(#field-id_country),
  #checkout #delivery-address .form-group.row:has(select[name="id_country"]){
    display:inline-block; vertical-align:top; width:calc(50% - 10px);
  }
  #checkout #delivery-address .form-group.row:has(#field-id_state),
  #checkout #delivery-address .form-group.row:has(select[name="id_state"]){
    margin-right:20px;
  }
}

/* Checkbox inline (on l’utilise quand on remonte "Utiliser aussi…") */
#checkout .blt-inline-check label{
  display:inline-flex; align-items:center; gap:10px; margin:0;
}
#checkout .blt-inline-check input[type="checkbox"]{ transform:scale(1.1); }

/* sécurité typo (évite que des polices d’icônes se collent aux inputs) */
#checkout #delivery-address input:not([type="checkbox"]):not([type="radio"]),
#checkout #delivery-address select,
#checkout #delivery-address textarea{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji" !important;
  font-variant-ligatures:none !important; font-feature-settings:"liga" 0,"clig" 0 !important;
  font-variation-settings:normal !important;
}

/* ====== Case "Utiliser aussi…" alignée et note en-dessous ====== */
#checkout .blt-inline-check{
  display:flex;
  align-items:center;
  gap:10px;
  margin:8px 0 6px;
}
#checkout .blt-inline-check .custom-checkbox{ margin:0; }
#checkout .blt-inline-check input[type="checkbox"]{
  margin:0; transform:scale(1.05);
}
#checkout .blt-inline-check label{
  margin:0; font-weight:600;
}
/* La phrase explicative (petite, grisée) – masquée par défaut */
#checkout .blt-address-intro{
  font-size:13px;
  color:#6b7280;
  margin:2px 0 14px;
  display:none;
}

/* Aligner le libellé "Code postal" / "Ville" sur une ligne (si :has() dispo) */
#checkout .form-group:has(input[name="postcode"]) > label{ white-space:nowrap; }
#checkout .form-group:has(input[name="city"]) > label{ white-space:nowrap; }

/* Aligner checkbox + libellé sur une ligne pour ce groupe seulement */
#checkout .blt-inline-check > [class*="col-"]{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
#checkout .checkout-step .blt-inline-check label{
  display:inline-block !important;
  margin:0 !important;
  font-weight:600;
  line-height:1.25;
}
#checkout .blt-inline-check input[type="checkbox"]{
  margin:0 !important;
  transform:scale(1.05);
}
/* (on garde le petit texte explicatif sous la ligne, déjà géré par ton JS) */
#checkout .blt-address-intro{
  font-size:13px; color:#6b7280; margin:2px 0 14px; display:none;
}
/* "Code postal" sur une seule ligne (rappel volontaire) */
#checkout .form-group:has(input[name="postcode"]) > label{ white-space:nowrap; }

/* Choix du destinataire (particulier / enseigne) */
#checkout .blt-recipient-type{
  display:flex; align-items:center; gap:14px; margin:8px 0 10px;
}
#checkout .blt-recipient-type .blt-radio{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border:1px solid #d8dee6; border-radius:10px;
  background:#f9fafb; cursor:pointer;
}
#checkout .blt-recipient-type input[type="radio"]{ margin:0; accent-color:#00597b; }

/* Aide sous le champ enseigne + aide téléphone */
#checkout .blt-company-help{ display:block; font-size:12px; color:#6b7280; margin-top:6px; }
#checkout .blt-phone-help{ display:block; font-size:12px; color:#6b7280; margin-top:6px; }

/* Ligne "Utiliser cette adresse…" + notice à droite (une ligne desktop) */
#checkout .blt-inline-check{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;              /* évite le retour à la ligne */
}
#checkout .blt-inline-check .blt-address-intro{
  margin-left: auto;              /* pousse le texte vers la droite */
  white-space: nowrap;            /* une seule ligne */
  flex: 0 0 auto;                 /* ne rétrécit pas */
}
/* Sur mobile : on accepte de repasser à la ligne pour éviter l’overflow */
@media (max-width: 576px){
  #checkout .blt-inline-check{
    flex-direction: column;
    align-items: flex-start;
  }
  #checkout .blt-inline-check .blt-address-intro{
    margin-left: 0;
    white-space: normal;
    flex: 1 1 auto;
  }
}

/* =========================================================
   Checkout — Sélecteur d’adresses (version unique, avec .blt-card)
   ========================================================= */

/* 0) On neutralise l’ancien cadre du <article> */
#checkout .js-address-selector article.address-item,
#checkout .js-address-selector .address-item {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 1) La « vraie » carte est portée par le <label> que le JS marque .blt-card */
#checkout .js-address-selector label.blt-card {
  display: block;
  position: relative;
  padding: 14px 16px 12px 46px;           /* place pour le radio */
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(16,24,40,.02);
  cursor: pointer;
}

/* Radio correctement posé */
#checkout .js-address-selector label.blt-card input[type="radio"]{
  position: absolute;
  left: 14px; top: 14px;
  margin: 0;
  transform: scale(1.08);
  accent-color: #00597b;
}

/* Titre / alias */
#checkout .js-address-selector label.blt-card .address-alias,
#checkout .js-address-selector label.blt-card > span:first-child{
  display: inline-block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

/* Corps d’adresse */
#checkout .js-address-selector label.blt-card .address,
#checkout .js-address-selector label.blt-card .address-details,
#checkout .js-address-selector label.blt-card p,
#checkout .js-address-selector label.blt-card address{
  margin: 0;
  color: #334155;
  line-height: 1.35;
  font-size: 14px;
}

/* État sélectionné */
#checkout .js-address-selector label.blt-card.is-selected{
  border-color: #0ea5e9 !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,.16);
}

/* Pied actions (Modifier / Supprimer) */
#checkout .js-address-selector .address-footer,
#checkout .js-address-selector .buttons,
#checkout .js-address-selector .clearfix{
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
}

/* 2) Système de boutons génériques */
#checkout .blt-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  transition: filter .15s, box-shadow .15s, background-color .15s, border-color .15s, color .15s;
}
#checkout .blt-btn:hover{ filter: brightness(.97); }

/* Variantes (garde les couleurs que tu utilises déjà ailleurs si besoin) */
#checkout .blt-btn-primary{ background:#00597b; border-color:#00597b; color:#fff; }
#checkout .blt-btn-primary:hover{ filter:brightness(1.05); }

#checkout .blt-btn-secondary{ background:#0000FF border-color:#0000FF; color:#ffffff; }
#checkout .blt-btn-secondary:hover{ background:#ee9a00 border-color:#ee9a00; }

#checkout .blt-btn-danger{ background:#ef4444; border-color:#ef4444; color:#fff; }
#checkout .blt-btn-danger:hover{ filter:brightness(1.05); }

/* 3) Transformer les liens natifs en boutons si jamais le JS n’est pas passé */
#checkout a[data-link-action="different-invoice-address"]{
  display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 14px;
  border-radius:10px; border:1px solid #00597b; color:#00597b; text-decoration:none !important; font-weight:700;
}
#checkout a[data-link-action="different-invoice-address"]:hover{
  background:#f0f7fa;
  border:1px solid #ee9a00;
}

/* 4) Cacher le "+ ajouter..." côté LIVRAISON (filet CSS en plus du JS) */
#checkout #blt-add-delivery{ display:none !important; }
#checkout #delivery-addresses + p.add-address{ display:none !important; }

/* 5) Utilitaires */
#checkout .blt-nowrap{ white-space: nowrap; }
#checkout .blt-addr-hint[data-state="ok"]{ color:#16a34a; }
#checkout .blt-addr-hint[data-state="error"]{ color:#b91c1c; }

/* 6) Mobile */
@media (max-width: 768px){
  #checkout .js-address-selector label.blt-card{
    padding: 14px 14px 12px 44px;
  }
}

/* =====================================================================
   ➜ AJOUTS DEMANDÉS (uniquement)
   - 1) Masquer le lien “+ ajouter…” juste après la liste d’adresses
        de LIVRAISON (on laisse celui de facturation visible)
   - 2) Style "bouton" pour le lien de FACTURATION quand le JS
        lui ajoute la classe .blt-btn
   ===================================================================== */

/* (1) Cache le lien sibling immédiat après #delivery-addresses */
#checkout #delivery-addresses + p.add-address{
  display:none;
}

/* (2) Style bouton pour le lien marqué .blt-btn (facturation) */
#checkout p.add-address a.blt-btn{
  display:inline-flex; align-items:center; gap:6px;
  text-decoration:none !important;
  background:#00597b; color:#fff;
  border:1px solid #00597b;
  border-radius:10px;
  padding:10px 14px;
  line-height:1;
}
#checkout p.add-address a.blt-btn:hover{
  filter:brightness(1.05);
}

<style>
/* =========================================================
   Checkout — Sélecteur d’adresses (Étape 2)
   Objectifs :
   - enlever le cadre natif (double-cadre)
   - appliquer un seul cadre propre et l’état sélectionné
   - styliser Modifier / Supprimer
   - rendre "different-invoice-address" et "Créer une nouvelle adresse
     de facturation" en véritables boutons
   ========================================================= */


/* ======================
   0) Sécurité de portée
   ====================== */
#checkout .js-address-selector { /* scope visuel */ }


/* =========================================================
   1) Supprimer le cadre d’origine (article.address-item)
   -> on laisse le conteneur nu, on stylise le <label> .blt-card
   ========================================================= */
#checkout .js-address-selector article.address-item,
#checkout .js-address-selector .address-item {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
#checkout .js-address-selector article.address-item.blt-card-host {
  /* classe posée par le JS pour cibler encore plus précisément */
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}


/* =========================================================
   2) La vraie « carte » d’adresse (sur le <label>)
   - padding à gauche pour loger le radio
   - border + radius + fond blanc
   - curseur main pour inciter au clic
   ========================================================= */
#checkout .js-address-selector label.blt-card {
  display: block;
  position: relative;
  padding: 14px 16px 12px 46px;      /* espace radio à gauche */
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(16,24,40,.02);
  cursor: pointer;
}

/* Radio correctement positionné dans la carte */
#checkout .js-address-selector label.blt-card input[type="radio"]{
  position: absolute;
  left: 14px; top: 14px;
  margin: 0;
  transform: scale(1.08);
  accent-color: #00597b;
}

/* Titre/alias (ex. “Mon adresse”) plus lisible */
#checkout .js-address-selector label.blt-card .address-alias,
#checkout .js-address-selector label.blt-card > span:first-child{
  display: inline-block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

/* Corps de l’adresse : texte sobre et compact */
#checkout .js-address-selector label.blt-card .address,
#checkout .js-address-selector label.blt-card .address-details,
#checkout .js-address-selector label.blt-card p,
#checkout .js-address-selector label.blt-card address{
  margin: 0;
  color: #334155;
  line-height: 1.35;
  font-size: 14px;
}

/* État sélectionné : liseré + halo bleu */
#checkout .js-address-selector label.blt-card.is-selected{
  border-color: #0ea5e9 !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,.16);
}


/* =========================================================
   3) Pied des cartes : zone actions (Modifier / Supprimer)
   - layout flex
   - wraps propre en mobile
   ========================================================= */
#checkout .js-address-selector .address-footer,
#checkout .js-address-selector .buttons,
#checkout .js-address-selector .clearfix{
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
}


/* =========================================================
   4) Système de boutons génériques (.blt-btn)
   - variantes : primary / secondary / danger
   - réutilisable partout au checkout
   ========================================================= */
#checkout .blt-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  transition: filter .15s, box-shadow .15s, background-color .15s, border-color .15s, color .15s;
}

/* survol doux */
#checkout .blt-btn:hover{ filter: brightness(.97); }

/* Primary (ex. “Créer une nouvelle adresse de facturation”) */
#checkout .blt-btn-primary{
  background: #00597b;
  border-color: #00597b;
  color: #fff;
}
#checkout .blt-btn-primary:hover{
  filter: brightness(1.05);
}

/* Secondary (ex. “Modifier”) */
#checkout .blt-btn-secondary{
  background: #0000FF;
  border-color: #0000FF;
  color: #ffffff;
}
#checkout .blt-btn-secondary:hover{
  background: #ee9a00;
  border-color: #ee9a00;
}

/* Danger (ex. “Supprimer”) */
#checkout .blt-btn-danger{
  background: #ef4444;
  border-color: #ef4444;
  color: #fff;
}
#checkout .blt-btn-danger:hover{
  filter: brightness(1.05);
}

/* Espace spécifique pour le bouton d’ajout côté FACTURATION */
#checkout #blt-add-invoice .blt-btn{
  margin-top: 8px;
}


/* =========================================================
   5) Transformer les liens d’action natifs en boutons
   - si le JS leur a ajouté des classes : styles ci-dessus
   - sinon, on force via attributs data-link-action (filet)
   ========================================================= */

/* “different-invoice-address” : rendre le lien en bouton ghost */
#checkout a[data-link-action="different-invoice-address"]{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid #00597b;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none !important;
}
#checkout a[data-link-action="different-invoice-address"]:hover{
  background: #ee9a00;
  color: #fff;
}

/* Si (par sécurité) le thème garde encore .btn : on normalise un peu */
#checkout .js-address-selector .address-footer .btn{
  border-radius: 10px;
  line-height: 1;
  padding: 8px 12px;
}


/* =========================================================
   6) “Modifier / Supprimer” si le JS a bien ajouté nos classes
   (te laisse la main pour affiner au besoin)
   ========================================================= */
#checkout .js-address-selector [data-link-action="edit-address"].blt-btn{
  /* hérite de .blt-btn + .blt-btn-secondary via JS */
}
#checkout .js-address-selector [data-link-action="delete-address"].blt-btn{
  /* hérite de .blt-btn + .blt-btn-danger via JS */
}


/* =========================================================
   7) Masquer “+ ajouter une nouvelle adresse” côté LIVRAISON
   - le JS le fait déjà ; on ajoute un filet CSS
   ========================================================= */
#checkout #blt-add-delivery{ display: none !important; }
/* fallback si l’ID n’est pas présent */
#checkout #delivery-addresses + p.add-address{ display: none !important; }


/* =========================================================
   8) Ajustements mobiles
   - carte : padding légèrement réduit
   - footer : wrap plus souple
   ========================================================= */
@media (max-width: 768px){
  #checkout .js-address-selector label.blt-card{
    padding: 14px 14px 12px 44px;
  }
  #checkout .js-address-selector .address-footer,
  #checkout .js-address-selector .buttons{
    gap: 8px;
  }
}


/* =========================================================
   9) Petites classes utilitaires utilisées par le JS
   (si tu veux les réutiliser ailleurs)
   ========================================================= */
#checkout .blt-nowrap{ white-space: nowrap; }
#checkout .blt-addr-hint[data-state="ok"]{ color: #16a34a; }
#checkout .blt-addr-hint[data-state="error"]{ color: #b91c1c; }
#checkout .blt-invalid{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.12) !important;
  background:#fff !important;
}

/* =========================================================
   Checkout — Sélecteur d’adresses (version unique, avec .blt-card)
   ========================================================= */

/* 0) On neutralise l’ancien cadre du <article> */
#checkout .js-address-selector article.address-item,
#checkout .js-address-selector .address-item {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 1) La « vraie » carte est portée par le <label> que le JS marque .blt-card */
#checkout .js-address-selector label.blt-card {
  display: block;
  position: relative;
  padding: 14px 16px 12px 46px;           /* place pour le radio */
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(16,24,40,.02);
  cursor: pointer;
}

/* Radio correctement posé */
#checkout .js-address-selector label.blt-card input[type="radio"]{
  position: absolute;
  left: 14px; top: 14px;
  margin: 0;
  transform: scale(1.08);
  accent-color: #00597b;
}

/* Titre / alias */
#checkout .js-address-selector label.blt-card .address-alias,
#checkout .js-address-selector label.blt-card > span:first-child{
  display: inline-block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

/* Corps d’adresse */
#checkout .js-address-selector label.blt-card .address,
#checkout .js-address-selector label.blt-card .address-details,
#checkout .js-address-selector label.blt-card p,
#checkout .js-address-selector label.blt-card address{
  margin: 0;
  color: #334155;
  line-height: 1.35;
  font-size: 14px;
}

/* État sélectionné */
#checkout .js-address-selector label.blt-card.is-selected{
  border-color: #0ea5e9 !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,.16);
}

/* Pied actions (Modifier / Supprimer) */
#checkout .js-address-selector .address-footer,
#checkout .js-address-selector .buttons,
#checkout .js-address-selector .clearfix{
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
}

/* 2) Système de boutons génériques */
#checkout .blt-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  transition: filter .15s, box-shadow .15s, background-color .15s, border-color .15s, color .15s;
}
#checkout .blt-btn:hover{ filter: brightness(.97); }

/* Variantes (garde les couleurs que tu utilises déjà ailleurs si besoin) */
#checkout .blt-btn-primary{ background:#00597b; border-color:#00597b; color:#fff; }
#checkout .blt-btn-primary:hover{ filter:brightness(1.05); }

#checkout .blt-btn-secondary{ background:#0000FF; border-color:#0000FF; color:#ffffff; }
#checkout .blt-btn-secondary:hover{ background:#ee9a00; }

#checkout .blt-btn-danger{ background:#ef4444; border-color:#ef4444; color:#fff; }
#checkout .blt-btn-danger:hover{ filter:brightness(1.05); }

/* 3) Transformer les liens natifs en boutons si jamais le JS n’est pas passé */
#checkout a[data-link-action="different-invoice-address"]{
  display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 14px;
  border-radius:10px; border:1px solid #00597b; color:#ffffff; text-decoration:none !important; font-weight:700;
}
#checkout a[data-link-action="different-invoice-address"]:hover{
  background:#ee9a00;
}

/* 4) Cacher le "+ ajouter..." côté LIVRAISON (filet CSS en plus du JS) */
#checkout #blt-add-delivery{ display:none !important; }
#checkout #delivery-addresses + p.add-address{ display:none !important; }

/* 5) Utilitaires */
#checkout .blt-nowrap{ white-space: nowrap; }
#checkout .blt-addr-hint[data-state="ok"]{ color:#16a34a; }
#checkout .blt-addr-hint[data-state="error"]{ color:#b91c1c; }

/* 6) Mobile */
@media (max-width: 768px){
  #checkout .js-address-selector label.blt-card{
    padding: 14px 14px 12px 44px;
  }
}

/* ===== Sous-titres de section (livraison / facturation) ===== */
#checkout .js-address-form h2.h4{
  /* plus imposant et prioritaire sur le thème */
  font-size: 20px !important;
  line-height: 1.25;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 40px 0 12px !important;

  /* effet d'accent sobre */
  position: relative;
  padding-left: 14px;
}
#checkout .js-address-form h2.h4::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 6px;                 /* barre verticale d'accent */
  height: 1.1em;
  border-radius: 6px;
  background: linear-gradient(180deg, #0ea5e9, #00597b);
  box-shadow: 0 0 0 1px rgba(14,165,233,.15), 0 2px 8px rgba(14,165,233,.25);
}

/* (Optionnel) si tu veux un *soulignement* au lieu de la barre :
#checkout .js-address-form h2.h4{ padding-left:0; padding-bottom:6px; }
#checkout .js-address-form h2.h4::before{ display:none; }
#checkout .js-address-form h2.h4::after{
  content:""; position:absolute; left:0; right:0; bottom:-2px; height:3px;
  border-radius:3px; background: linear-gradient(90deg, #00597b, #0ea5e9);
}
*/

/* (Optionnel) teinte différente pour le 2e sous-titre quand les deux sont là.
   Utilise :has() si ton public est plutôt Chrome/Edge/Safari récents. */
#checkout .js-address-form h2.h4:has(+ #invoice-addresses),
#checkout .js-address-form h2.h4:has(+ #invoice-address){
  /* c’est le sous-titre “Votre adresse de facturation” */
  color:#0b1220 !important;
  margin-top:0rem !important;
}
#checkout .js-address-form h2.h4:has(+ #invoice-addresses)::before,
#checkout .js-address-form h2.h4:has(+ #invoice-address)::before{
  background: linear-gradient(180deg, #7c3aed, #4f46e5); /* violet doux */
}

/* ==== Étape 3 — Mode de livraison  ==== */

/* Titre d'étape : plus grand, pas gras */
#checkout .checkout-step .step-title{
  font-size:26px !important;
  font-weight:500 !important;
  line-height:1.25;
  color:#0f172a;
  margin-bottom:18px !important;
}

/* Carte transporteur (le <label>) — + padding et petit air autour */
#checkout .delivery-option > label,
#checkout .blt-delivery-card{
  display:block;
  padding:16px 20px;          /* ← plus de padding */
  margin:30px 0;               /* ← pas collé à la ligne au-dessus/dessous */
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fafafa;
  box-shadow:0 1px 0 rgba(16,24,40,.02);
  cursor:pointer;
}

/* Aligner verticalement la radio par rapport à la carte */
#checkout .delivery-option{
  display:flex;               /* ← aligne la colonne radio sur la hauteur du label */
  align-items:stretch;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
#checkout .delivery-option .col-sm-1{
  display:flex;
  align-items:center;         /* ← centre la radio verticalement */
  justify-content:center;
}
#checkout .delivery-option .custom-radio{ margin:0; }

/* Radio (style) */
#checkout .delivery-option input[type="radio"]{
  margin:0;
  transform:scale(1.05);
  accent-color:#00597b;
}

/* Nom / délai / prix */
#checkout .delivery-option .carrier-name{ font-size:16px; color:#0f172a; }
#checkout .delivery-option .carrier-delay{ color:#374151; }
#checkout .delivery-option .carrier-price{ font-weight:700; color:#111827; white-space:nowrap; }

/* Sélection */
#checkout .delivery-option:has(input[type="radio"]:checked) > label{
  border-color:#0ea5e9;
  background:#f5fbff;
  box-shadow:0 0 0 3px rgba(14,165,233,.15);
}

/* Zone message (label + textarea mieux aérés) */
#checkout #delivery label{
  font-size:14px;
  font-weight:500;
  color:#374151;
  margin:12px 0 8px;          /* un peu plus d’air */
}
#checkout #delivery_message{
  min-height:96px;            /* un poil plus haut */
  border-radius:10px;
  padding:12px 14px;          /* ← décale le placeholder à l’intérieur */
}
#checkout #delivery_message::placeholder{ color:#9ca3af; }

/* Mobile */
@media (max-width:768px){
  #checkout .delivery-option > label{ padding:16px; }
}

/* Ajouter plus de marge extérieure en haut */
.radio-block.blt-card.is-selected {
  margin-top: 20px;   /* augmente l’espace au-dessus du bloc */
}


#login-form .forgot-password {
  margin-left: 0 !important;   /* supprime le gros décalage à droite */
  text-align: left !important; /* aligne le lien sur la gauche */
  margin-top: 10px;
}

#login-form .forgot-password a {
  display: inline-block;
  font-size: 15px;
  color: #00597B;
  padding: 6px 12px;
  border-radius: 6px;
  background: #f3f7fb;
  text-decoration: none;
}

#login-form .forgot-password a:hover {
  background: #e0effa;
  color: #003f59;
  text-decoration: underline;
}

/* Alerte plus lisible dans le formulaire invité */
#checkout-guest-form .alert.alert-danger {
  position: relative;
  font-size: 16px;
  line-height: 1.35;
  padding: 14px 16px 14px 44px; /* place pour l'icône à gauche */
  border-radius: 6px;
  border: 1px solid #f2b8b5;
  background: #fdeeee;
  color: #7a1e1e;
}

/* Icône ⚠️ ajoutée SANS toucher au TPL */
#checkout-guest-form .alert.alert-danger::before {
  content: "⚠️";
  position: absolute;
  left: 14px;
  top: 12px;
  font-size: 18px;
  line-height: 1;
}

/* Style du lien ajouté par le JS */
#checkout-guest-form .alert.alert-danger .blt-switch-to-login {
  display: inline-block;
  margin-left: 8px;
  font-weight: 600;
  text-decoration: underline;
  color: var(--blt-accent, #00597b);
  cursor: pointer;
}
#checkout-guest-form .alert.alert-danger .blt-switch-to-login:hover {
  text-decoration: none;
}

/* =====================================================================
   FUSION PATCH — Reproduire le layout "Livraison" sur "Facturation"
   (à coller APRÈS tes règles existantes, ne remplace rien)
   ===================================================================== */

/* Espacement + hauteur des champs */
#checkout #delivery-address .form-group.row,
#checkout #invoice-address .form-group.row{
  margin-bottom:12px;
}
#checkout #delivery-address .form-group.row .form-control,
#checkout #invoice-address .form-group.row .form-control{
  height:44px;
}
#checkout #delivery-address .form-control-label,
#checkout #invoice-address .form-control-label{
  margin-bottom:6px; font-weight:600; color:#111827;
}
/* Aide sous le champ Adresse */
#checkout #delivery-address .blt-addr-hint,
#checkout #invoice-address .blt-addr-hint{
  margin-top:4px; font-size:12px; color:#6b7280;
}

/* ----- Desktop ≥ 992px : 3 colonnes Prénom / Nom / Téléphone ----- */
@media (min-width: 992px){
  /* 3 colonnes */
  #checkout #delivery-address .form-group.row:has(#field-firstname),
  #checkout #delivery-address .form-group.row:has(input[name="firstname"]),
  #checkout #delivery-address .form-group.row:has(#field-lastname),
  #checkout #delivery-address .form-group.row:has(input[name="lastname"]),
  #checkout #delivery-address .form-group.row:has(#field-phone),
  #checkout #delivery-address .form-group.row:has(input[name="phone"]),
  #checkout #delivery-address .form-group.row:has(#field-phone_mobile),
  #checkout #delivery-address .form-group.row:has(input[name="phone_mobile"]),
  #checkout #invoice-address .form-group.row:has(#field-firstname),
  #checkout #invoice-address .form-group.row:has(input[name="firstname"]),
  #checkout #invoice-address .form-group.row:has(#field-lastname),
  #checkout #invoice-address .form-group.row:has(input[name="lastname"]),
  #checkout #invoice-address .form-group.row:has(#field-phone),
  #checkout #invoice-address .form-group.row:has(input[name="phone"]),
  #checkout #invoice-address .form-group.row:has(#field-phone_mobile),
  #checkout #invoice-address .form-group.row:has(input[name="phone_mobile"]){
    display:inline-block; vertical-align:top; width:calc(33.333% - 12px);
  }

  /* gouttière entre colonnes (Prénom / Nom) */
  #checkout #delivery-address .form-group.row:has(#field-firstname),
  #checkout #delivery-address .form-group.row:has(input[name="firstname"]),
  #checkout #delivery-address .form-group.row:has(#field-lastname),
  #checkout #delivery-address .form-group.row:has(input[name="lastname"]),
  #checkout #invoice-address .form-group.row:has(#field-firstname),
  #checkout #invoice-address .form-group.row:has(input[name="firstname"]),
  #checkout #invoice-address .form-group.row:has(#field-lastname),
  #checkout #invoice-address .form-group.row:has(input[name="lastname"]){
    margin-right:18px;
  }

  /* ----- 2 colonnes : Code postal / Ville ----- */
  #checkout #delivery-address .form-group.row:has(#field-postcode),
  #checkout #delivery-address .form-group.row:has(input[name="postcode"]),
  #checkout #delivery-address .form-group.row:has(#field-city),
  #checkout #delivery-address .form-group.row:has(input[name="city"]),
  #checkout #invoice-address .form-group.row:has(#field-postcode),
  #checkout #invoice-address .form-group.row:has(input[name="postcode"]),
  #checkout #invoice-address .form-group.row:has(#field-city),
  #checkout #invoice-address .form-group.row:has(input[name="city"]){
    display:inline-block; vertical-align:top; width:calc(50% - 10px);
  }
  #checkout #delivery-address .form-group.row:has(#field-postcode),
  #checkout #delivery-address .form-group.row:has(input[name="postcode"]),
  #checkout #invoice-address .form-group.row:has(#field-postcode),
  #checkout #invoice-address .form-group.row:has(input[name="postcode"]){
    margin-right:20px;
  }
  /* labels bien alignés (une seule ligne) */
  #checkout #delivery-address .form-group.row:has(#field-postcode) .form-control-label,
  #checkout #invoice-address  .form-group.row:has(#field-postcode) .form-control-label{
    white-space:nowrap; display:flex; align-items:flex-end; min-height:22px;
  }
  #checkout #delivery-address .form-group.row:has(#field-city) .form-control-label,
  #checkout #invoice-address  .form-group.row:has(#field-city) .form-control-label{
    display:flex; align-items:flex-end; min-height:22px;
  }

  /* ----- 2 colonnes : Département / Pays ----- */
  #checkout #delivery-address .form-group.row:has(#field-id_state),
  #checkout #delivery-address .form-group.row:has(select[name="id_state"]),
  #checkout #delivery-address .form-group.row:has(#field-id_country),
  #checkout #delivery-address .form-group.row:has(select[name="id_country"]),
  #checkout #invoice-address .form-group.row:has(#field-id_state),
  #checkout #invoice-address .form-group.row:has(select[name="id_state"]),
  #checkout #invoice-address .form-group.row:has(#field-id_country),
  #checkout #invoice-address .form-group.row:has(select[name="id_country"]){
    display:inline-block; vertical-align:top; width:calc(50% - 10px);
  }
  #checkout #delivery-address .form-group.row:has(#field-id_state),
  #checkout #delivery-address .form-group.row:has(select[name="id_state"]),
  #checkout #invoice-address .form-group.row:has(#field-id_state),
  #checkout #invoice-address .form-group.row:has(select[name="id_state"]){
    margin-right:20px;
  }
}

/* Sécurité typo identique aux champs livraison */
#checkout #delivery-address input:not([type="checkbox"]):not([type="radio"]),
#checkout #delivery-address select,
#checkout #delivery-address textarea,
#checkout #invoice-address input:not([type="checkbox"]):not([type="radio"]),
#checkout #invoice-address select,
#checkout #invoice-address textarea{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji" !important;
  font-variant-ligatures:none !important; font-feature-settings:"liga" 0,"clig" 0 !important;
  font-variation-settings:normal !important;
}
 
/* ===== Checkout : harmoniser "Annuler" et "Continuer" ===== */
#checkout .tvall-inner-btn,
#checkout .tvall-inner-btn-cancel {
  min-width: 180px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 10px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color .15s, border-color .15s, color .15s, filter .15s;
  margin-left: 12px;
}

/* === CONTINUER ================================================== */
/* Couleurs (mets ton orange/bleu ici si besoin) */
#checkout button.continue.tvall-inner-btn {
  background: #0000FF;        /* remplace si tu es passé à l’orange */
  color: #ffffff;
  border: 0 !important;       /* tue tout liseré/bordure */
}
/* Tous les états : pas d’outline, pas d’ombre, pas de bordure */
#checkout button.continue.tvall-inner-btn:hover,
#checkout button.continue.tvall-inner-btn:focus,
#checkout button.continue.tvall-inner-btn:active,
#checkout button.continue.tvall-inner-btn:focus-visible,
#checkout button.continue.tvall-inner-btn:active:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: brightness(1.05);
}
/* Firefox : plus de ring interne */
#checkout button.continue.tvall-inner-btn::-moz-focus-inner { border: 0; }
#checkout button.continue.tvall-inner-btn:-moz-focusring { outline: none; }

/* === ANNULER ==================================================== */
#checkout .tvall-inner-btn-cancel,
#checkout .tvall-inner-btn-cancel:link,
#checkout .tvall-inner-btn-cancel:visited {
  background: #ffffff;
  border-color: #e5e7eb;
  color: #111827 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#checkout .tvall-inner-btn-cancel span {
  color: inherit !important;
  display: inline-block;
  line-height: 1;
}
#checkout .tvall-inner-btn-cancel:hover,
#checkout .tvall-inner-btn-cancel:focus {
  background: #ef4444;
  border-color: #ef4444;
  color: #ffffff !important;
}
#checkout .tvall-inner-btn-cancel:hover span,
#checkout .tvall-inner-btn-cancel:focus span {
  color: #ffffff !important;
}

/* Mobile : éviter l’éclair bleu au tap */
#checkout .tvall-inner-btn,
#checkout .tvall-inner-btn-cancel { -webkit-tap-highlight-color: transparent; }

/* Forcer les coins arrondis sur CONTINUER en TOUTES circonstances */
#checkout button.continue.tvall-inner-btn,
#checkout button.continue.tvall-inner-btn:hover,
#checkout button.continue.tvall-inner-btn:focus,
#checkout button.continue.tvall-inner-btn:active {
  border-radius: 10px !important;
  position: relative;         /* pour contrôler les pseudo-éléments */
  overflow: hidden;           /* on clippe les overlays carrés du thème */
  border: 1px solid transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-clip: padding-box;
}

/* Si le thème utilise un overlay ::before/::after au hover, on lui donne le même rayon */
#checkout button.continue.tvall-inner-btn::before,
#checkout button.continue.tvall-inner-btn::after,
#checkout button.continue.tvall-inner-btn:hover::before,
#checkout button.continue.tvall-inner-btn:hover::after,
#checkout button.continue.tvall-inner-btn:focus::before,
#checkout button.continue.tvall-inner-btn:focus::after,
#checkout button.continue.tvall-inner-btn:active::before,
#checkout button.continue.tvall-inner-btn:active::after {
  border-radius: inherit !important;
}

/* Option “hard kill” si le thème peint un overlay carré :
   décommente la ligne content:none pour le désactiver complètement. */
/*
#checkout button.continue.tvall-inner-btn::before,
#checkout button.continue.tvall-inner-btn::after { content: none !important; }
*/

/* ===== Carte "Connecté en tant que ..." ===== */
#checkout-personal-information-step > div > p.identity {
  position: relative;
  box-sizing: border-box;
  margin: 22px 0 10px !important;        /* + marge HAUT */
  padding: 14px 16px 14px 50px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  background: #f5fbff !important;
  color: #0f172a !important;
}
#checkout-personal-information-step > div > p.identity::before {
  content: "👤";
  position: absolute;
  left: 16px; top: 50%;
  transform: translateY(-50%);
  font-size: 18px; line-height: 1;
}
#checkout-personal-information-step > div > p.identity a {
  font-weight: 700;
  color: var(--blt-accent, #00597b) !important;
  text-decoration: none;
}
#checkout-personal-information-step > div > p.identity a:hover { text-decoration: underline; }

/* ===== Ligne "Ce n’est pas vous ? Se déconnecter" (plus grande + visible) ===== */
/* on multiplie les sélecteurs pour battre la cascade du thème */
#checkout-personal-information-step > div > p.identity + p,
#checkout-personal-information-step p.identity + p,
#checkout-personal-information-step p.identity ~ p:first-of-type {
  margin: 12px 0 0 50px !important;      /* aligné avec le texte de la carte + plus bas */
  font-size: 16px !important;            /* ++ taille */
  line-height: 1.4 !important;
  color: #334155 !important;
}
#checkout-personal-information-step > div > p.identity + p a,
#checkout-personal-information-step p.identity + p a,
#checkout-personal-information-step p.identity ~ p:first-of-type a {
  font-size: 16px !important;            /* ++ taille du lien */
  font-weight: 800 !important;
  color: #b91c1c !important;             /* rouge discret */
  text-decoration: underline;
  padding: 2px 0;
}
#checkout-personal-information-step > div > p.identity + p a:hover,
#checkout-personal-information-step p.identity + p a:hover,
#checkout-personal-information-step p.identity ~ p:first-of-type a:hover {
  text-decoration: none;
}

/* Carte "connecté en tant que..." — + marge haute */
#checkout-personal-information-step > div > p.identity{
  margin-top: 28px !important;        /* + air au-dessus du titre */
  padding: 14px 18px 14px 50px !important;
  border-radius: 12px !important;
}

/* Ligne suivante : plus grande + alignée + lien mis en avant */
#checkout-personal-information-step > div > p.identity ~ p:first-of-type{
  margin: 12px 0 0 50px !important;   /* aligné sous la carte */
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #334155 !important;
}
#checkout-personal-information-step > div > p.identity ~ p:first-of-type a{
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #b91c1c !important;
  text-decoration: underline !important;
}
#checkout-personal-information-step > div > p.identity ~ p:first-of-type a:hover{
  text-decoration: none !important;
}


/* --- Etape 4 : plus d'air sous le titre --- */
#checkout-payment-step .step-title {
  margin-bottom: 34px !important;
}

/* --- Carte joli pour l’option de paiement --- */
#checkout .payment-options .payment-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fafafa;
}

/* cadenas rassurant */
#checkout .payment-options .payment-option label::before {
  content: "🔒";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-52%);
  font-size: 18px;
  line-height: 1;
}
/* état sélectionné (navigateur moderne) */
#checkout .payment-options .payment-option:has(input[type="radio"]:checked) {
  border-color: #0ea5e9;
  background: #f5fbff;
  box-shadow: 0 0 0 3px rgba(14,165,233,.15);
}

/* --- Case CGV plus lisible --- */
#conditions-to-approve ul {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
#conditions-to-approve li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px dashed #e5e7eb;
  border-radius: 10px;
  background: #f9fafb;
  max-width: 720px;
}
#conditions-to-approve .js-terms {
  margin: 0;
  font-weight: 600;
  color: #0f172a;
}
#conditions-to-approve .js-terms a {
  color: #00597b;
  text-decoration: underline;
}
#conditions-to-approve .js-terms a:hover {
  text-decoration: none;
}



/* =========================
   Mot de passe oublié — finitions
   Scope : uniquement la page mot de passe (body#password)
   ========================= */

/* 0) Titre gris : plus visible */
body#password #content .page-content > h1,
body#password #content .page-content > h2,
body#password .page-heading{
  font-size:22px !important;
  font-weight:800 !important;
  color:#0f172a !important;
  margin-bottom:18px !important;
}

/* 1) Carte (tu l’as déjà) — je laisse, au cas où */
body#password #content .blt-forgot{
  max-width:820px;
  margin:18px auto 0;
  padding:22px 22px 18px;
  background:#fff;
  border:1px solid #e9eef3;
  border-radius:14px;
  box-shadow:0 6px 14px rgba(16,24,40,.05);
}

/* 2) Intro : on garde 2 lignes lisibles (la 2e sera forcée en JS plus bas) */
body#password #content .blt-forgot__intro p{
  margin:0 0 14px;
  font-size:16px;
  color:#2f3a48;
}

/* 3) Ligne champ + bouton */
body#password #content .blt-forgot__group{
  display:flex; align-items:center; gap:12px;
}

/* 4) Champ e-mail */
body#password #content .blt-forgot__email{ flex:1 1 auto; }
body#password #content .blt-forgot__email .form-control{
  height:48px; border-radius:12px; border:1px solid #d6dde6;
  background:#f7fbff; padding:0 14px; font-size:16px;
}
body#password #content .blt-forgot__email .form-control:focus{
  outline:0; border-color:#0ea5e9;
  box-shadow:0 0 0 3px rgba(14,165,233,.12); background:#fff;
}

/* 5) Bouton ENVOYER – texte non coupé, coins arrondis sur tous les états */
body#password #content .blt-forgot__submit.tvall-inner-btn{
  min-width:320px;               /* largeur mini pour 2 lignes */
  padding:12px 16px;             /* pas de hauteur figée => pas de “coupure” */
  height:auto;                   /* important pour laisser 2 lignes */
  border-radius:12px !important; /* coins ronds en normal */
  line-height:1.15;
}
body#password #content .blt-forgot__submit.tvall-inner-btn span{
  display:block;
  white-space:normal;            /* autorise le retour à la ligne */
  font-size:14px;                /* un peu moins grand */
  letter-spacing:.5px;
}

/* s’assure que le hover ne remet pas les angles à 0 */
body#password #content .blt-forgot__submit.tvall-inner-btn:hover,
body#password #content .blt-forgot__submit.tvall-inner-btn:focus,
body#password #content .blt-forgot__submit.tvall-inner-btn:active{
  border-radius:12px !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* 6) Mobile : empiler et pleine largeur */
@media (max-width:768px){
  body#password #content .blt-forgot__group{
    flex-direction:column; align-items:stretch;
  }
  body#password #content .blt-forgot__submit.tvall-inner-btn{
    width:100%; min-width:0;
  }
}

/* 7) Bouton “Retour à la page de connexion”
      — bleu (#0000FF) et jaune/orange au hover (#ee9a00) */
body#password #content .blt-forgot__back.tvall-inner-btn-cancel{
  height:auto; padding:10px 16px;
  border-radius:10px !important;
  background:#0000FF; border-color:#0000FF; color:#fff !important;
}
body#password #content .blt-forgot__back.tvall-inner-btn-cancel:hover,
body#password #content .blt-forgot__back.tvall-inner-btn-cancel:focus{
  background:#ee9a00; border-color:#ee9a00; color:#fff !important;
  outline:0 !important; box-shadow:none !important;
}
body#password #content .blt-forgot__back.tvall-inner-btn-cancel i{
  color:inherit !important;
}

/* Paiement — respi titre et cartes */
#checkout-payment-step .step-title{ margin-bottom:34px !important; }
#checkout .payment-options{ margin-top:10px !important; }

/* Notice sous la carte, alignée sur le texte du label */
#checkout .blt-pay-notice{
  display:block; margin:10px 0 2px 0; padding-left:26px; font-size:13.5px; color:#374151;
}

/* CGV plus lisibles + état erreur */
#conditions-to-approve ul{ list-style:none; margin:14px 0 0; padding:0; }
#conditions-to-approve li{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border:1px dashed #e5e7eb; border-radius:10px; background:#f9fafb; max-width:720px;
  transition:border-color .15s, background-color .15s;
}
#conditions-to-approve .js-terms{ margin:0; font-weight:600; color:#0f172a; }
#conditions-to-approve .js-terms a{ color:#00597b; text-decoration:underline; }
#conditions-to-approve .js-terms a:hover{ text-decoration:none; }
#conditions-to-approve.blt-cgv-invalid li{ border-color:#ef4444; background:#fff8f8; }

/* Alerte CGV — version plus compacte */
.blt-cgv-alert{
  display:block;
  margin-top:8px;           /* -2px */
  max-width:680px;          /* -40px */
  padding:8px 10px;         /* -2px/ -2px */
  border:1px solid #ef4444;
  background:#fef2f2;
  color:#991b1b;
  border-radius:8px;        /* -2px */
  font-weight:600;          /* au lieu de 700 */
  font-size:14px;           /* taille explicite */
  line-height:1.35;         /* lecture + aérée */
}


/* Bouton Valider : coins arrondis conservés au hover */
#checkout .tvall-inner-btn,
#checkout .tvall-inner-btn:hover,
#checkout .tvall-inner-btn:focus,
#checkout .tvall-inner-btn:active{
  border-radius:10px !important;
}

/* Paiement : forcer les coins arrondis du bouton "Valider" même au hover */
#checkout #payment-confirmation .tvall-inner-btn{
  border-radius:10px !important;
  position:relative;
  overflow:hidden;               /* on clippe les overlays carrés du thème */
  background-clip: padding-box;
  box-shadow:none !important;
  outline:0 !important;
  border:1px solid transparent !important;
}
#checkout #payment-confirmation .tvall-inner-btn:hover,
#checkout #payment-confirmation .tvall-inner-btn:focus,
#checkout #payment-confirmation .tvall-inner-btn:active{
  border-radius:10px !important;
  box-shadow:none !important;
  outline:0 !important;
}

#checkout #payment-confirmation .tvall-inner-btn::before,
#checkout #payment-confirmation .tvall-inner-btn::after{
  border-radius:inherit !important;
  /* Si besoin de "hard kill" de l'overlay : décommente la ligne suivante */
  /* content:none !important; */
}


/* FIX : retirer le cadenas qui se balade */
#checkout .payment-options .payment-option label::before {
  content: none !important;
}

/* Ne plus réserver d'espace pour l'icône */
#checkout .payment-options .payment-option label {
  padding-left: 0 !important;
}

/* Aligner la phrase d'aide sous la carte avec le texte du label */
#checkout .blt-pay-notice {
  padding-left: 0 !important;
  margin-left: 0 !important;
}


/* Paiement — centrage du radio + libellé */
#checkout .payment-options .payment-option{
  display:flex;
  align-items:center;      /* centre verticalement les enfants */
  flex-wrap:nowrap;        /* évite le retour à la ligne */
}

#checkout .payment-options .payment-option .custom-radio{
  float:none !important;   /* neutralise .float-xs-left du thème */
  display:flex;
  align-items:center;      /* centre le rond dans sa boîte */
  margin:0 10px 0 2px !important;  /* petit espace avant le texte */
}

#checkout .payment-options .payment-option .custom-radio > input{
  margin:0 !important;
  position:static !important;
  vertical-align:middle;
}

#checkout .payment-options .payment-option label{
  margin:0 !important;
  padding:0 !important;    /* plus de cadenas ⇒ pas de padding gauche */
  display:flex;
  align-items:center;      /* libellé bien centré verticalement */
  line-height:1.3;         /* corrige l’effet “un peu haut” */
}

/* (optionnel) si le point bleu paraît 1px trop haut selon le navigateur */
#checkout .payment-options .payment-option .custom-radio > input{ transform: translateY(-1px); }

/* CONTINUER (confirm-addresses) — garder les coins arrondis en TOUTES circonstances */
#checkout button[name="confirm-addresses"],
#checkout button[name="confirm-addresses"]:hover,
#checkout button[name="confirm-addresses"]:focus,
#checkout button[name="confirm-addresses"]:active {
  border-radius: 10px !important;
  position: relative;              /* pour contrôler les pseudo-éléments du thème */
  overflow: hidden;                /* on clippe les overlays carrés */
  background-clip: padding-box;
  box-shadow: none !important;
  outline: 0 !important;
  border: 1px solid transparent !important;
}

/* CONTINUER (confirm-addresses) — garder les coins arrondis en TOUTES circonstances */
#checkout button[name="confirm-addresses"],
#checkout button[name="confirm-addresses"]:hover,
#checkout button[name="confirm-addresses"]:focus,
#checkout button[name="confirm-addresses"]:active {
  border-radius: 10px !important;
  position: relative;              /* pour contrôler les pseudo-éléments du thème */
  overflow: hidden;                /* on clippe les overlays carrés */
  background-clip: padding-box;
  box-shadow: none !important;
  outline: 0 !important;
  border: 1px solid transparent !important;
}

/* si le thème peint un overlay ::before/::after au hover, on lui donne le même rayon */
#checkout button[name="confirm-addresses"]::before,
#checkout button[name="confirm-addresses"]::after,
#checkout button[name="confirm-addresses"]:hover::before,
#checkout button[name="confirm-addresses"]:hover::after,
#checkout button[name="confirm-addresses"]:focus::before,
#checkout button[name="confirm-addresses"]:focus::after,
#checkout button[name="confirm-addresses"]:active::before,
#checkout button[name="confirm-addresses"]:active::after {
  border-radius: inherit !important;
}

/* Bouton Modifier */
a.edit-address {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 6px;
  background-color: #1e88e5;      /* bleu */
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s ease, transform .1s ease;
}
a.edit-address:hover,
a.edit-address:focus {
  background-color: #1565c0;      /* bleu foncé au hover */
  color: #fff !important;
  transform: translateY(-1px);
}

/* Bouton Supprimer */
a.delete-address {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 6px;
  background-color: #e53935;      /* rouge */
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s ease, transform .1s ease;
}
a.delete-address:hover,
a.delete-address:focus {
  background-color: #b71c1c;      /* rouge foncé au hover */
  color: #fff !important;
  transform: translateY(-1px);
}

