/******* 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: #ffd741;
    width: 100%;
    left: 0;
    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;
}
/***** 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 .tvimage-lazy {
    margin-right: 5px;
    margin-bottom: 2px;
}

#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: 10px;
}
.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: 18px;
    width: 18px;
    border-radius: 18px;
    right: 2px;
    top: -2px;
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    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: #ffd741;
    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: 12px;
    color: #333333;
    font-weight: 500;
    text-transform: capitalize;
    -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: #ffd741;
    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;
}
.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
}
.tvproduct-description-tab .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    background: #fff;
    padding: 20px 40px;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
}
.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: block;
    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: 14px;
    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: capitalize;
}
.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: 14px;
    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: 50px;
    /*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: 999;
    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: 14px;
    line-height: normal;
    background-color: #f2f2f2;
    letter-spacing: 1px;
}

/***** 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: 14px;
    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: 12px;
    }

    .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%;
    }
}

@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: #222;
    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:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: rgba(255, 255, 255, 0.4);
    -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;
    display: flex;
    align-items: center;
    column-gap: 8px;
}
button.js-mailalert-add {
    margin-top: 0 !important;
}
.tvproduct-stock-social .tv-product-page {
    display: inline-flex
;
}

/*.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: 13px;
    color: #fff;
    text-transform: none;
    line-height: normal;
    vertical-align: middle;
    letter-spacing: normal;
    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: 142px;
        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: 30px 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 :is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label,
.quickview :is(.product-prices, .tm-product-layout-fragment) .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: 25px;
    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: 25px;
}

.tvproduct-stock-social {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}
.product-additional-info .tabs {
    margin-top: .1em;
}

.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: 4em;
}

.cms-description h2 {
    padding-bottom: 0.8em;
    margin-bottom: 0;
    font-size: 3.5em;
}

.cms-description h3 {
    padding-bottom: 0.8em;
    margin-bottom: 0;
    font-size: 2.8em;
}

.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: 16px;
    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: #FFD741 !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: #FFD741 !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: 14px;
}

.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;
    justify-content: flex-start;
}

#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: #222222;
}

.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;
}

@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;
    }
}

.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;
        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;
    }
    .tvmobile-sliderbar-btn a {
        height: auto;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        padding: 8px 8px 8px 0px;
        background-color: rgba(255, 255, 255, 0.76);
        /*border: 1px solid rgba(0, 0, 0, 0.07);*/
    }
    #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;
    }
}

@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;
        /*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;
    }
    .product-additional-info .js-mailalert {
    flex-direction: column;
    row-gap: 8px;
}
}
@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: inline-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%);
}
.block_newsletter p {
    padding-top: .625rem;
    line-height: 1.2;
    border-radius: 3px;
}

.product-actions .social-icon {
    justify-content: flex-start;
} 

.tvfooter-product-sticky-bottom.sticky .tv-product-page .tv-indicator {
    padding-top: 8px;
    margin-left: 11px;
}

.tvfooter-product-sticky-bottom.sticky .tvflex-items {
    gap: 10px;
}

.tvheader-checkout .tvcmsdesktop-contact {
    text-align: end;
}

.tvproduct-wrapper.grid .product-title h6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
}

.tvfooter-product-box-layout .tvcmsmain-all-product .tvproduct-name .product-title h6 {
 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
}

.tvfooter-product-sticky-bottom.sticky #bottom_sticky_data .product-pack article {
    margin-bottom: 5px;
}

#product-modal .modal-content .modal-body .product-images img {
    width: 60%;
}

/* ===== TM Vehicle Finder: linia dopasowania pojazdu/OEM POD H1 na stronie
   produktu (product-fitment-line.tpl) ======================================
   Cel: dokladnie te dane, ktore Google ma dopasowywac do zapytan typu "numer
   czesci + model auta" (Marke/Modell/Hubraum/KW + OEM-Nr.), maja byc zwyklym,
   widocznym i indeksowalnym tekstem TUZ PRZY H1 - nie tylko w JSON-LD czy w
   plakietkach dalej na stronie (sekcja "podobne produkty"). Uzywa tych samych
   klas .tmvf-badge-* co reszta motywu (patrz sekcja nizej), zeby wyglad byl
   spojny z kartami produktow. */
/* Runda 20 (18.09): "Ausgebaut aus: ..." i "OEM-Nr.: ..." maja stac kazde
   w wlasnej linii (jeden pod drugim) TAKZE na desktopie - wczesniej
   flex-wrap:wrap + align-items:center ukladalo je obok siebie w jednym
   wierszu, gdy oba miescily sie w szerokosci ekranu. flex-direction:column
   wymusza stackowanie niezaleznie od szerokosci ekranu. */
.tmvf-product-fitment {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin: 8px 0 16px;
}
/* Na wyrazna prosbe (18.09, runda 8): bez plakietek/tla - zwykly czarny
   tekst, zeby linia "Ausgebaut aus: ... / OEM-Nr.: ..." pod H1 wygladala
   jak normalne zdanie, a nie kolejny rzad kolorowych badge'y. Rozmiar
   powiekszony w rundzie 20 (14px -> 16px) na wyrazna prosbe. */
.tmvf-product-fitment .tmvf-badge {
    font-size: 16px;
    font-weight: 400;
    background: none !important;
    color: #000000 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* ===== TM Vehicle Finder: Teilecode / Hubraum / KW na kartach produktow ===
   Dotyczy WSZYSTKICH list produktow w sklepie (kategorie, wyszukiwarka,
   powiazane produkty itd.), nie tylko wynikow wyszukiwarki pojazdow - dane
   (tmvf_hubraum/tmvf_kw) dokleja modul tmvehiclefinder przez hook
   actionPresentProduct, wiec sa dostepne wszedzie tam, gdzie PrestaShop
   prezentuje produkt. Teilecode to natywne pole "mpn" produktu. */
.tmvf-vehicle-attrs {
    margin-bottom: 6px;
}

/* grid (etykieta o stalej szerokosci + wartosc) zamiast zwyklego tekstu
   w linii - dzieki temu wszystkie badge'e (Teilecode/Marke/Modell/...)
   zaczynaja sie dokladnie w tym samym miejscu w pionie, niezaleznie od
   dlugosci etykiety ("KW:" vs "Kraftstoffart:"). */
.tvproduct-mpn {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    align-items: center;
    column-gap: 6px;
    font-size: 14px;
    color: #444444;
    margin-bottom: 4px;
}

.tvproduct-mpn-label {
    font-weight: 700;
    color: #222222;
    white-space: nowrap;
}

/* Na mobile kolumna tekstu jest dużo węższa (obrazek zajmuje dużą część
   szerokości), więc etykieta 105px + odstępy nie zostawiały miejsca na
   wartość - zwężamy etykietę i czcionkę, żeby badge się zmieścił. */
@media (max-width: 575px) {
    .tvproduct-mpn {
        grid-template-columns: 86px minmax(0, 1fr);
        column-gap: 6px;
        font-size: 13px;
    }

    /* Etykieta ("Kraftstoffart:" itp.) byla szersza niz jej kolumna (68px) i
       nachodzila na wartosc obok (np. "Benzin") - zwezona czcionka etykiety
       + poszerzona kolumna (wyzej) daja jej dosc miejsca, zeby sie zmiescila
       bez zachodzenia na wartosc. */
    .tvproduct-mpn-label {
        font-size: 11px;
    }

    .tmvf-badge {
        font-size: 13px;
    }

    .tmvf-badge-green {
        font-size: 14px;
    }
}

/* TEST (18.09, runda 9): bez kolorowych "pigulek" (tla/paddingu/zaokraglenia)
   na prosbe - same wartosci jako zwykly, pogrubiony, kolorowy tekst. Kolory
   dobrane jako ciemne/nasycone (bez jasnego tla pod nimi juz nie trzeba
   martwic sie o kontrast tekst-na-tle, tylko o kontrast tekst-na-bialej
   karcie), zeby zostaly nadal czytelne i rozroznialne miedzy soba. */
.tmvf-badge {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    max-width: 100%;
    font-weight: 700;
    overflow-wrap: anywhere;
    word-break: break-word;
    box-sizing: border-box;
}

/* Runda 20 (18.09): na wyrazna prosbe wszystkie wartosci (Teilecode/Marke/
   Modell/Hubraum/KW/Kraftstoffart) maja ten sam kolor co Marke/Modell
   (niebieski) - Hubraum/KW zostaja jedynie delikatnie wieksze/grubsze
   (patrz .tmvf-badge-green nizej), zeby wciaz wyrozniac te najbardziej
   istotne dane techniczne, ale bez odmiennego koloru. */
.tmvf-badge-orange {
    color: #2c5a86;
}

/* Hubraum i KW - ten sam kolor co reszta, troche wieksze i grubsze
   niz pozostale, bo to najbardziej istotne dane techniczne na kafelku. */
.tmvf-badge-green {
    color: #2c5a86;
    font-size: 16px;
    font-weight: 900;
}

/* Marka, Model i Kraftstoffart. */
.tmvf-badge-blue {
    color: #2c5a86;
}

/* Dodatkowe kody czesci (OEM Nummer / Andere nummer, do 3 lacznie, na
   kartach "podobnych produktow") sa doklejone jako kolejne plakietki
   BEZPOSREDNIO w polu "Teilecode:" (ten sam pomaranczowy kolor -
   .tmvf-badge-orange), zamiast osobnego pola "OEM Nummer:". Ten
   kontener (.tmvf-teilecode-badges) to druga kolumna siatki .tvproduct-mpn
   (patrz grid-template-columns wyzej) - inline-flex + wrap, zeby
   dodatkowe plakietki zawijaly sie do nowej linii, gdy nie miesza sie
   w jednym rzedzie (zamiast wychodzic poza karte). */
.tmvf-teilecode-badges {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
}

/* ===== TM Vehicle Finder: "Podobne produkty" na stronie produktu ========= */

.tmvf-similar-products {
    margin-top: 40px;
}

/* Ikonka koszyka (szybkie "dodaj do koszyka" na najechaniu) na kartach w
   sekcji "podobne produkty" - na wyrazna prosbe usunieta na desktopie (na
   mobile jej i tak nie bylo, bo hover-btn pokazuje sie tylko po najechaniu
   mysza). */
@media (min-width: 768px) {
    .tmvf-similar-products .tvproduct-cart-btn {
        display: none !important;
    }
}

/* UWAGA: pozycjonowanie ceny na mobile (lewo/prawo) NIE jest tu ustawiane -
   patrz plik custom_dodatek (pole "Custom Css" w panelu) - tamta tresc
   laduje sie PO tym pliku (w skompilowanej paczce motywu) i zawiera
   wczesniejsza regule wyrownujaca do PRAWEJ dla tego samego selektora,
   wiec ona i tak by wygrala. Nowa regula (lewo) jest w Rundzie 19/20. */

/* Odstep miedzy sekcjami (np. "Ähnliche Teilecode" -> "Passende Teile für
   Fahrzeug") zwiekszony na wyrazna prosbe, zeby wyraznie widac bylo ze to
   inna lista/inny tytul, nie kontynuacja tej samej. */
.tmvf-similar-block {
    margin-bottom: 56px;
}

/* display:flex + wrap, zeby plakietki (Teilecode/Marke/Modell/...) mogly
   stac obok tekstu naglowka, a na waskim ekranie zawijaly sie pod niego
   zamiast wychodzic poza karte. */
/* Margines z lewej (byly przyklejone do samej krawedzi karty/kontenera) - na
   prosbe. */
.tmvf-similar-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 16px 14px;
}

/* Osobny rzad plakietek pod naglowkiem "Empfehlung für Fahrzeug" - na
   wyrazna prosbe wieksze i bardziej czytelne niz te przy pozostalych
   naglowkach (patrz .tmvf-badge-lg), wiec dostaja wlasny rzad zamiast
   ciasnego wciskania w linie tekstu. */
.tmvf-similar-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: -8px 0 16px;
}

/* Sekcja "Ähnliche Teilecode:" -- na wyrazna prosbe kod MA byc PO PRAWEJ
   obok naglowka (w jednej linii), a nie w osobnym rzedzie pod nim jak
   pozostale dwie sekcje ("Passende Teile für Fahrzeug" / "Empfehlung für
   Fahrzeug", ktore zostaja bez zmian - patrz komentarz wyzej). Dziala tylko
   gdy .tmvf-similar-title siedzi w nowym wrapperze .tmvf-similar-header
   (similar-products.tpl), wiec nie rusza pozostalych sekcji. */
.tmvf-similar-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    max-width: 100%;
}

/* min-width:0 na dzieciach flex - bez tego przegladarka domyslnie nie
   pozwala elementowi flex skurczyc sie ponizej naturalnej (min-content)
   szerokosci jego tresci (dlugi tekst plakietki np. "A6 S6 C7 4G"), wiec
   .tmvf-similar-badges potrafilo wystawac poza ekran zamiast zawinac sie
   pod naglowek na waskim ekranie, mimo flex-wrap:wrap na rodzicu. */
.tmvf-similar-header .tmvf-similar-title,
.tmvf-similar-header .tmvf-similar-badges {
    min-width: 0;
    max-width: 100%;
}

/* Sekcje "Passende Teile fur Fahrzeug" / "Empfehlung fur Fahrzeug" NIE maja
   wrappera .tmvf-similar-header ("Ahnliche Teilecode" to jedyna, ktora go
   ma) - ich naglowek i plakietki sa BEZPOSREDNIMI dziecmi .tmvf-similar-block
   (selektor > ponizej lapie WYLACZNIE te dwie sekcje, nie rusza pierwszej).
   Na zywo te plakietki renderowaly sie jako wazki, pionowy pasek przy prawej
   krawedzi ekranu (tekst zawijal sie litera-po-literze) - przyczyny w kaskadzie
   CSS nie udalo sie namierzyc (zaden rodzic nie ma float/position/flex, ktory
   moglby to tlumaczyc), wiec wymuszamy tu wprost pelna szerokosc, brak floata
   i normalne pozycjonowanie, zeby przebic cokolwiek to powoduje. */
.tmvf-similar-block > .tmvf-similar-title,
.tmvf-similar-block > .tmvf-similar-badges {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    position: static !important;
    box-sizing: border-box !important;
}

.tmvf-similar-header .tmvf-similar-title {
    margin: 0 0 0 14px;
}

.tmvf-similar-header .tmvf-similar-badges {
    margin: 0;
}

.tmvf-badge-lg {
    padding: 6px 16px;
    font-size: 16px;
}

.tmvf-badge-lg.tmvf-badge-green {
    font-size: 18px;
}

/* Cena / "inkl. MwSt." / "Kostenloser Versand" pod zdjeciem w sekcji
   "podobne produkty" na MOBILE (<=575px): jedna linia, na cala szerokosc
   karty, od lewej. TA REGULA CELOWO JEST TUTAJ (w pliku motywu), A NIE w
   polu "Custom Css" w panelu administracyjnym: to pole ma twardy limit
   dlugosci (ok. 226 KB) i wszystko wklejone POWYZEJ tego limitu jest po
   cichu ucinane przy zapisie - stad poprzednie proby tej samej zmiany w
   panelu "nie dzialaly" (tresc nigdy naprawde nie trafiala na strone).
   Selektor zawiera #products (prawdziwe ID znacznika otaczajacego karty w
   similar-products.tpl), zeby miec WYZSZA specyficznosc niz reguła z pola
   Custom Css (Runda 3: .tmvf-similar-products .tvproduct-wrapper.grid
   .tv-product-price, bez ID) - dzieki temu wygrywa niezaleznie od tego,
   ktory plik/pole laduje sie pozniej. */
@media (max-width: 575px) {
    .tmvf-similar-products #products.grid .tvproduct-wrapper.grid .tv-product-price,
    .tmvf-similar-products #products.grid .tvproduct-wrapper.grid .product-price-and-shipping {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        column-gap: 10px !important;
        row-gap: 4px !important;
        width: 100% !important;
        text-align: left !important;
    }
}

/* ===== TM Vehicle Finder: widok "Kafelki" (grid/grid-2) =================
   Cena/MwSt./Versand maja wygladac dokladnie tak jak w widoku wynikow
   wyszukiwarki pojazdow: cena pogrubiona 20px, "inkl. MwSt." mala szara
   notka obok niej, "Kostenloser Versand" jako zielona plakietka na wlasnej
   linii - wszystko wyrownane do lewej (nie wysrodkowane jak domyslnie w
   kafelku). #products.grid w selektorze (nie tylko klasa .grid) daje
   wieksza specyficznosc niz reguly motywu #products.grid ... z ID. */
#products.grid .tvproduct-wrapper.grid .tv-product-price,
#products.grid-2 .tvproduct-wrapper.grid-2 .tv-product-price,
#products.grid .tvproduct-wrapper.grid .tvproduct-name-price-wrapper,
#products.grid-2 .tvproduct-wrapper.grid-2 .tvproduct-name-price-wrapper,
#products.grid .tvproduct-wrapper.grid .product-price-and-shipping,
#products.grid-2 .tvproduct-wrapper.grid-2 .product-price-and-shipping {
    width: 100% !important;
    text-align: left !important;
}

#products.grid .tvproduct-wrapper.grid .product-price-and-shipping .price,
#products.grid-2 .tvproduct-wrapper.grid-2 .product-price-and-shipping .price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-right: 8px;
}

#products.grid .tvproduct-wrapper.grid .pangv-note-inline,
#products.grid-2 .tvproduct-wrapper.grid-2 .pangv-note-inline {
    color: #777 !important;
    font-size: 12px !important;
}

#products.grid .tvproduct-wrapper.grid .pangv-note-shipping,
#products.grid-2 .tvproduct-wrapper.grid-2 .pangv-note-shipping {
    display: block !important;
    width: fit-content !important;
    margin: 6px 0 0 !important;
    color: #2e7d32 !important;
    background: #eaf6ea !important;
    border: 1px solid #2e7d32 !important;
    border-radius: 4px !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Ikonki "podglad/koszyk" (widoczne po najechaniu na kafelek) byly
   wysrodkowane pod zdjeciem - przesuniete do prawej krawedzi. */
.tvproduct-wrapper.grid .tvproduct-hover-btn,
.tvproduct-wrapper.grid-2 .tvproduct-hover-btn {
    justify-content: flex-end;
    padding-right: 10px;
}

/* ===== TM Vehicle Finder: uklad wiersza widoku "Lista" ==================
   To samo, czego uzywa strona wynikow wyszukiwarki pojazdow (modul
   tmvehiclefinder) - obrazek po lewej (stala szerokosc), tresc po prawej
   (elastyczna), ikonki podgladu/koszyka w prawym dolnym rogu. Selektory
   #products.list i #products.list-2 dzialaja wszedzie: na stronach
   kategorii (oba natywne widoki "Lista"/"Lista-2" uzywaja tego samego
   markupu .tvproduct-wrapper.list) i na stronie wynikow wyszukiwarki
   (ktora rowniez dodaje klase "list" do #products - patrz results.tpl).
   !important tam, gdzie w motywie sa konfliktujace reguly z ID w selektorze. */
#products.list,
#products.list-2,
#products.list .tvgrid-list-view-product,
#products.list-2 .tvgrid-list-view-product,
#products.list .products,
#products.list-2 .products {
    display: block !important;
}

/* WAZNE: w HTML kazdy produkt ma jednoczesnie WSZYSTKIE 4 warianty karty
   (grid/grid-2/catelog/list) wyrenderowane naraz - to ta wlasnie regula
   ukrywa te niewlasciwe, gdy aktywny jest widok listy (#products.list /
   .list-2). Bez niej wszystkie warianty byly widoczne na raz (dlatego
   lista "zamieniala sie" w siatke i psula sie na telefonie) - do tej
   pory te ukrywanie zapewnial fragment pola "Custom Css" w panelu, ktory
   zostal usuniety razem z niechcianym, "kartowym" przeprojektowaniem
   listy. Przenosimy TYLKO te niezbedna czesc tutaj, do pliku motywu. */
#products.list .tvproduct-wrapper.grid,
#products.list .tvproduct-wrapper.grid-2,
#products.list .tvproduct-wrapper.catelog,
#products.list-2 .tvproduct-wrapper.grid,
#products.list-2 .tvproduct-wrapper.grid-2,
#products.list-2 .tvproduct-wrapper.catelog {
    display: none !important;
}

/* UWAGA - kilka prob innego ukladu (3. dziecko flex z flex-wrap:wrap+order;
   pasek na position:absolute nachodzacy na obie kolumny; display:grid z
   cena jako osobnym wierszem pod spodem) zostalo COFNIETYCH na wyrazna
   prosbe - kazda z nich psula caly wyglad karty (zwezone/splaszczone
   plakietki, zeby "wszystko sie zmiescilo"), mimo poprawnej logiki CSS.
   Ten uklad jest CELOWO prosty: zwykly flex w dwoch kolumnach
   (zdjecie | tekst), a cena stoi w NORMALNYM przeplywie dokumentu
   wewnatrz kolumny tekstu (dokladnie tam, gdzie jest w oryginalnym
   markupie .tpl) - bez position:absolute, bez grid-area, bez zadnej
   "magii" pozycjonowania. To jedyna wersja, ktora dawala prawidlowy,
   przetestowany wyglad w tej sesji (pelna szerokosc plakietek, normalne
   odstepy). NIE zmieniac ukladu na inny bez mozliwosci zobaczenia efektu
   na zywo. */
#products.list .tvproduct-wrapper.list,
#products.list-2 .tvproduct-wrapper.list {
    display: flex !important;
    width: 100% !important;
    flex-direction: row !important;
    /* flex-wrap:wrap - zabezpieczenie: zdjecie (320px) + tekst (min-width:240px)
       to razem >560px. Bez zawijania, gdy kontener (np. "podobne produkty" na
       stronie produktu) jest wezszy niz to (inny layout kolumny niz w
       kategorii), wiersz nie mial sie gdzie zmiescic i wypychal cala strone w
       poziomie - stad naglowek sekcji ("Passende Teile fur Fahrzeug" itp.)
       wygladal jakby "wypadl" poza ekran. Z wrap karta uklada sie w kolumne
       (zdjecie nad tekstem) zamiast wychodzic poza widoczny obszar. */
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

/* position:relative jest kluczowe: obrazek "po najechaniu" (drugie zdjecie
   produktu) jest w motywie pozycjonowany position:absolute wzgledem
   najblizszego przodka z position:relative. Bez tej reguly tym przodkiem
   byl caly .tvproduct-wrapper (obrazek + tekst razem), wiec drugie zdjecie
   rozciagalo sie na cala szerokosc wiersza zamiast tylko na kolumne
   zdjecia. */
#products.list .tvproduct-wrapper.list .tvproduct-image,
#products.list-2 .tvproduct-wrapper.list .tvproduct-image {
    position: relative !important;
    flex: 0 0 320px !important;
    max-width: 320px !important;
    box-sizing: border-box;
    padding: 6px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background: #ffffff;
    text-align: center;
}

/* Domyslnie <img> ma width:auto, wiec mimo pelnej szerokosci kolumny
   zdjecie zostawalo w swoim malym, oryginalnym rozmiarze - wymuszamy
   pelna szerokosc ramki, zeby bylo wieksze i proporcjonalne. max-width w
   px (nie %) dziala nawet gdyby kontener nie byl juz ograniczony. */
#products.list .tvproduct-wrapper.list .tvproduct-image img,
#products.list-2 .tvproduct-wrapper.list .tvproduct-image img {
    width: 100% !important;
    max-width: 308px !important;
    height: auto !important;
    display: inline-block;
}

/* min-width:240px (zamiast 0) - min-width:0 na flex-item pozwalal tej
   kolumnie zapadac sie do prawie zerowej szerokosci w pewnych sytuacjach
   przegladarki, przez co plakietki (Teilecode/Marke/Modell/...) zawijaly
   sie pojedynczymi literami/cyframi ("slupki"). 240px to bezpieczny
   minimalny rozmiar, w ktorym plakietki nadal maja gdzie sie zmiescic. */
#products.list .tvproduct-wrapper.list .tvproductdescription-button-wrapper,
#products.list-2 .tvproduct-wrapper.list .tvproductdescription-button-wrapper {
    flex: 1 1 auto !important;
    min-width: 240px;
    width: auto !important;
    position: relative;
    /* Miejsce na rzad przyciskow podgladu/koszyka (position:absolute,
       bottom:0). */
    padding-bottom: 44px;
}

/* Odsuniecie calego bloku Teilecode/Marke/Modell/... od lewej krawedzi. */
#products.list .tvproduct-wrapper.list .tmvf-vehicle-attrs,
#products.list-2 .tvproduct-wrapper.list .tmvf-vehicle-attrs {
    padding-left: 6px;
}

/* Caly tekst (nazwa, opis, cena) ma isc pelna szerokoscia kolumny od lewej
   do prawej - !important bo motyw ma regule #products.list .tv-product-desc
   / .product-description { text-align: center } wewnatrz mobilnego media
   query. */
#products.list .tvproduct-wrapper.list .product-description,
#products.list-2 .tvproduct-wrapper.list .product-description,
#products.list .tvproduct-wrapper.list .tv-product-desc,
#products.list-2 .tvproduct-wrapper.list .tv-product-desc,
#products.list .tvproduct-wrapper.list .tv-product-price,
#products.list-2 .tvproduct-wrapper.list .tv-product-price,
#products.list .tvproduct-wrapper.list .tvproduct-name,
#products.list-2 .tvproduct-wrapper.list .tvproduct-name {
    width: 100% !important;
    text-align: left !important;
}

#products.list .tvproduct-wrapper.list .tvproduct-cat-name,
#products.list-2 .tvproduct-wrapper.list .tvproduct-cat-name {
    display: none;
}

/* Ikonki podgladu (lupa) i koszyka - w prawym dolnym rogu kolumny z
   tekstem, zamiast pod cena po lewej. */
#products.list .tvproduct-wrapper.list .tvall-product-btn-list,
#products.list-2 .tvproduct-wrapper.list .tvall-product-btn-list {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    gap: 8px;
}

/* Cena i "inkl. MwSt." razem w jednej linii, "Kostenloser Versand" zawsze
   na nowej linii (width:fit-content dopasowuje tlo/ramke do tekstu). */
#products.list .tvproduct-wrapper.list .tvproduct-name-price-wrapper,
#products.list-2 .tvproduct-wrapper.list .tvproduct-name-price-wrapper,
#products.list .tvproduct-wrapper.list .product-price-and-shipping,
#products.list-2 .tvproduct-wrapper.list .product-price-and-shipping {
    width: 100% !important;
    text-align: left !important;
}

/* !important tutaj jest konieczne: motyw ma regule
   .product-price-and-shipping .price { font-size: 15px !important; }
   wewnatrz @media(max-width:1280px) - reguly !important zawsze wygrywaja
   z regulami bez !important niezaleznie od specyficznosci selektora, wiec
   bez tego samego !important nasz rozmiar znikal ponizej 1280px. */
#products.list .tvproduct-wrapper.list .product-price-and-shipping .price,
#products.list-2 .tvproduct-wrapper.list .product-price-and-shipping .price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-right: 8px;
}

#products.list .tvproduct-wrapper.list .pangv-note-inline,
#products.list-2 .tvproduct-wrapper.list .pangv-note-inline {
    color: #777 !important;
    font-size: 12px !important;
}

#products.list .tvproduct-wrapper.list .pangv-note-shipping,
#products.list-2 .tvproduct-wrapper.list .pangv-note-shipping {
    display: block !important;
    width: fit-content !important;
    margin: 6px 0 0 !important;
    color: #2e7d32 !important;
    background: #eaf6ea !important;
    border: 1px solid #2e7d32 !important;
    border-radius: 4px !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Na mobile dalej ma to byc lista (male zdjecie z lewej, tekst z prawej),
   a nie duze zdjecie nad tekstem - flex-direction zostaje "row", tylko
   kolumna zdjecia jest wezsza.

   PRZEDZIAL ROZSZERZONY z max-width:575px na max-width:767px (18.09, runda 3).
   Zweryfikowano na zywo (pobrany kompilowany CSS motywu + realny HTML strony
   produktu z sekcja "podobne produkty"): dla szerokosci 576-767px ta regula
   WCALE nie dzialala, bo obowiazywaly wartosci "desktopowe" (zdjecie 320px +
   min-width kolumny tekstu 240px + odstep 20px = 580px potrzebnej szerokosci),
   ktore w waskim kontenerze sekcji "podobne produkty" (~340-600px dostepnej
   szerokosci w tym przedziale) nie mialy szans sie zmiescic - stad tekst
   (nazwa/Teilecode/itd.) dalej spadal pod zdjecie na tabletach i duzych
   telefonach w tym zakresie, mimo ze ponizej 575px dzialalo poprawnie.
   767px to gorna granica zakresu "sm" w Bootstrapie, ktorego uzywa juz inna
   natywna regula motywu dla tych samych elementow (76 wiersz wyzej w tym
   pliku: "@media(min-width: 576px) and (max-width: 767px)"), wiec to
   spojna, juz istniejaca w motywie granica - nie wymyslona na nowo. */
@media (max-width: 767px) {
    #products.list .tvproduct-wrapper.list,
    #products.list-2 .tvproduct-wrapper.list {
        gap: 12px;
        padding: 8px 0;
    }

    /* ZMIANA (18.09, runda 4): zdjecie w PROCENTACH (36%) zamiast sztywnych
       pikseli. Powod: sprawdzone przez Ciebie na zywo w DevTools (panel
       "Styles") pokazalo, ze display:flex!important faktycznie dziala i
       wygrywa - problem byl w tym, ze rzeczywisty dostepny kontener w
       sekcji "podobne produkty" jest wezszy, niz zakladalem w obliczeniach
       (170px zdjecie + 90px tekst + 12px odstep dalej sie tam nie
       mieszczy). Przy procentach zdjecie ZAWSZE zajmuje 36% szerokosci
       wiersza, a tekst zawsze dostaje reszte - suma to zawsze 100%, wiec
       NIGDY nie dojdzie do przepelnienia i zawijania calego wiersza,
       niezaleznie od tego, jak waski faktycznie jest kontener (nie trzeba
       juz zgadywac konkretnej liczby pikseli). */
    #products.list .tvproduct-wrapper.list .tvproduct-image,
    #products.list-2 .tvproduct-wrapper.list .tvproduct-image {
        flex: 0 0 36% !important;
        max-width: 36% !important;
        padding: 3px;
    }

    #products.list .tvproduct-wrapper.list .tvproduct-image img,
    #products.list-2 .tvproduct-wrapper.list .tvproduct-image img {
        max-width: 100% !important;
    }

    /* Na mobile kolumna tekstu jest waska - zdejmujemy odsuniecie od lewej,
       zeby wartosciom zostalo jak najwiecej miejsca. */
    #products.list .tvproduct-wrapper.list .tmvf-vehicle-attrs,
    #products.list-2 .tvproduct-wrapper.list .tmvf-vehicle-attrs {
        padding-left: 0 !important;
    }

    /* PRAWDZIWA PRZYCZYNA znaleziona 18.09 (runda 5) dzieki testowi z
       czerwona ramka: flex-basis:"auto" (poprzednia wartosc) każe
       przegladarce liczyc "naturalny" rozmiar tej kolumny na podstawie
       PELNEJ dlugosci tresci (dlugie plakietki Marke/Modell/Hubraum/...),
       i to WLASNIE na podstawie tego (zbyt duzego) rozmiaru podejmowana
       jest decyzja o zawinieciu wiersza w flex-wrap:wrap - ZANIM jeszcze
       zadziala min-width:0/kurczenie. Dlatego zdjecie mialo poprawne 36%
       (widac to bylo po czerwonej ramce w dobrym miejscu), a tekst i tak
       ladowal sie w nowej linii pod spodem. flex-basis:0 (zamiast auto)
       każe liczyc "naturalny" rozmiar jako 0, wiec wiersz nigdy
       sie nie zawija, a flex-grow:1 i tak rozciaga kolumne na cala
       pozostala szerokosc (~64%). */
    #products.list .tvproduct-wrapper.list .tvproductdescription-button-wrapper,
    #products.list-2 .tvproduct-wrapper.list .tvproductdescription-button-wrapper {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        padding-bottom: 44px !important;
    }
}

/* ===== TM Vehicle Finder: cena widoku "Lista" NA CALA SZEROKOSC karty
   NA MOBILE (pod zdjeciem I tekstem), nie tylko pod tekstem ==============
   Dotyczy WSZYSTKICH kart widoku "Lista" (kategorie, wyszukiwarka, podobne
   produkty), ale TYLKO na mobile (na wyrazna prosbe 18.09, runda 7 - runda
   6 to wprowadzila bez ograniczenia do mobile, co bylo bledem: psulo to
   wyglad na desktop/tablecie, gdzie cena wczesniej stala normalnie w
   kolumnie tekstu). product-list-view.tpl renderuje cene DWA RAZY:
   .tv-product-price-inline (w kolumnie tekstu - wersja desktop/tablet,
   dokladnie jak orginalnie) i .tv-product-price-fullwidth (bezposrednie
   dziecko .tvproduct-wrapper.list - wersja mobile, pelna szerokosc karty).
   Domyslnie (desktop/tablet) widoczna jest TYLKO wersja inline - fullwidth
   jest ukryta. Dopiero ponizej @media(max-width:767px) to sie odwraca. */
#products.list .tvproduct-wrapper.list .tv-product-price-fullwidth,
#products.list-2 .tvproduct-wrapper.list .tv-product-price-fullwidth {
    display: none !important;
}

@media (max-width: 767px) {
    #products.list .tvproduct-wrapper.list .tv-product-price-inline,
    #products.list-2 .tvproduct-wrapper.list .tv-product-price-inline {
        display: none !important;
    }

    /* flex:1 1 100% wymusza, zeby ten element ZAWSZE zajal caly wlasny
       wiersz (jego "naturalny" rozmiar 100% zawsze przekracza pozostale
       miejsce w pierwszym wierszu obok zdjecia+tekstu, wiec flex-wrap:wrap
       zawsze go przenosi do nowej linii - to ten sam mechanizm zawijania,
       ktory wczesniej (przy flex-basis:auto na kolumnie tekstu) byl
       problemem, tu jest wykorzystany celowo). */
    #products.list .tvproduct-wrapper.list .tv-product-price-fullwidth,
    #products.list-2 .tvproduct-wrapper.list .tv-product-price-fullwidth {
        display: block !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 4px;
        order: 3;
    }
    #products.list .tvproduct-wrapper.list .tv-product-price-fullwidth .tvproduct-name-price-wrapper,
    #products.list-2 .tvproduct-wrapper.list .tv-product-price-fullwidth .tvproduct-name-price-wrapper,
    #products.list .tvproduct-wrapper.list .tv-product-price-fullwidth .product-price-and-shipping,
    #products.list-2 .tvproduct-wrapper.list .tv-product-price-fullwidth .product-price-and-shipping {
        width: 100% !important;
        text-align: left !important;
    }
}

/* Nazwa produktu w widoku "Lista" obcinala sie na "..." (widac to bylo
   szczegolnie na kategoriach, gdzie - w odroznieniu od "podobnych
   produktow" - nie ma krotszej nazwy tmvf_short_name, wiec pelna nazwa
   czesciej nie miesci sie w jednej linii). Zrodlowa regula obcinajaca
   siedzi gdzies w kompilowanym CSS motywu (nie w tym pliku - nie udalo
   sie jej namierzyc), dlatego tutaj wprost wylaczamy kazdy mozliwy
   mechanizm obcinania (line-clamp/nowrap/ellipsis) na nazwie w widoku
   listy i pozwalamy jej zawijac sie do kolejnych linii zamiast ciac. */
#products.list .tvproduct-wrapper.list .tvproduct-name .product-title h6,
#products.list .tvproduct-wrapper.list .tvproduct-name .product-title a h6,
#products.list-2 .tvproduct-wrapper.list .tvproduct-name .product-title h6,
#products.list-2 .tvproduct-wrapper.list .tvproduct-name .product-title a h6 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-height: none !important;
    word-break: break-word !important;
}

/* ===== TM Vehicle Finder: mniejszy margines od krawedzi ekranu na mobile
   =========================================================================
   Na kategoriach/wyszukiwarce oraz w module "podobne produkty" karty
   produktow mialy duzy odstep od lewej/prawej krawedzi ekranu (domyslny
   Bootstrapowy .container ma na mobile padding 15px z kazdej strony - w
   sumie 30px mniej miejsca na karte). TA SAMA technika "breakout" co w
   module "podobne produkty" (.tmvf-similar-products nizej): ujemny margines
   o DOKLADNIE takiej samej wartosci jak padding .container (15px - stala,
   znana wartosc z reguly .container przy max-width:1023px powyzej w tym
   pliku), zeby lista siegala az do krawedzi ekranu, plus wlasny maly
   padding z powrotem, zeby karty nie stykaly sie z sama krawedzia.
   #js-product-list to prawdziwe ID otaczajace liste produktow na
   kategoriach/wyszukiwarce (potwierdzone - juz uzywane w natywnej regule
   motywu wyzej w tym pliku: "#js-product-list .tvgrid-list-view-product
   .products"), wiec dziala niezaleznie od tego, czy strona ma
   body id="category" czy inny (np. wyniki wyszukiwarki maja inne id). */
@media (max-width: 767px) {
    #js-product-list {
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        box-sizing: border-box !important;
    }

    .tmvf-similar-products {
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        box-sizing: border-box !important;
    }
}

/* Przycisk koszyka na kafelkach/wierszach produktow zajmowal miejsce
   i dublowal sie z klikniecem w produkt (ktore i tak prowadzi do strony
   z pelnym przyciskiem "Sicher kaufen") - na mobile usuwamy go wszedzie
   (grid/grid-2/list/list-2/catelog dziela ta sama klase), zeby zwolnic
   miejsce na wieksze zdjecie i pelny opis ceny. */
@media (max-width: 575px) {
    .tvproduct-cart-btn {
        display: none !important;
    }
}

/* Ikonka "lupa" (Quick View) na kafelkach/wierszach produktow - ta sama
   logika co przy przycisku koszyka wyzej: klikniecie w karte i tak
   prowadzi do pelnej strony produktu, wiec na mobile ten przycisk jest
   zbedny i tylko zajmuje miejsce w rogu karty. */
@media (max-width: 575px) {
    .tvproduct-quick-btn {
        display: none !important;
    }
}

/* ===== TM Vehicle Finder: widok "Catelog" =================================
   Watly, tabelaryczny widok - dokladamy chociaz formatowanie ceny/Versand
   spojne z pozostalymi widokami (bez przebudowy calego ukladu kolumn). */
#products.catelog .tvproduct-wrapper.catelog .product-price-and-shipping .price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-right: 8px;
}

#products.catelog .tvproduct-wrapper.catelog .pangv-note-inline {
    color: #777 !important;
    font-size: 12px !important;
}

#products.catelog .tvproduct-wrapper.catelog .pangv-note-shipping {
    display: block !important;
    width: fit-content !important;
    margin: 6px 0 0 !important;
    color: #2e7d32 !important;
    background: #eaf6ea !important;
    border: 1px solid #2e7d32 !important;
    border-radius: 4px !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* ===== TM Vehicle Finder: cena/Versand nieco nizej w kafelku, blizej
   przycisku koszyka (ktory wisi nad dolna krawedzia zdjecia). ===========*/
#products.grid .tvproduct-wrapper.grid .tv-product-price,
#products.grid-2 .tvproduct-wrapper.grid-2 .tv-product-price {
    margin-top: 14px;
}

/* ===== TM Vehicle Finder: cena na STRONIE PRODUKTU (nie na listach) na
   mobile ==================================================================
   Blok :is(.product-prices, .tm-product-layout-fragment) na karcie produktu mial ukladu mieszany flex/grid
   z natywnego motywu, przez co plakietka "Bruttopreis" czasem ladowala sie
   nad cena, a czasem pod nia (niestabilny reflow). Wymuszamy jeden, staly
   uklad: cena + "Bruttopreis" w jednej linii, a "Kostenlose Lieferung" /
   "Rückgaberecht" / "Lieferzeit" w kolumnie ponizej - dokladnie zgodnie z
   prawdziwym markupem product.tpl (.product-price > .current-price > .price
   + .tvproduct-tax-label, .tax-shipping-delivery-label > span). */
@media screen and (max-width: 767px) {
    #product .tv-product-page-content .product-prices {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    #product .tv-product-page-content .product-prices > .product-price {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        column-gap: 10px !important;
        row-gap: 6px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    #product .tv-product-page-content .product-prices .current-price {
        display: inline-flex !important;
        align-items: baseline !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    #product .tv-product-page-content .product-prices .price {
        display: inline-block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 27px !important;
        line-height: 1.2 !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    #product .tv-product-page-content .product-prices .tvproduct-tax-label {
        margin: 0 !important;
        align-self: center !important;
    }

    #product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    #product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label > span {
        display: inline-flex !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 0 7px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        white-space: normal !important;
    }

    #product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label > span:empty {
        display: none !important;
    }

    #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper {
        border-bottom: none !important;
    }

    #product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)::before,
    #product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)::after,
    #product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label::before,
    #product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label::after {
        display: none !important;
        content: none !important;
        border: none !important;
        box-shadow: none !important;
    }
}

:is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label {
    border-top: none !important;
    padding-top: 0 !important;
}


/* ===================================================================
   PONIZSZA SEKCJA: przeniesiona 18.09 z osobnego pliku custom_dodatek_14.09.txt
   (dawniej osobno wklejana do pola "Custom Css" w panelu, DOKLEJKA na koniec).
   Przeniesiona tutaj (do pliku motywu, bez limitu rozmiaru), zeby w polu
   "Custom Css" w panelu zmiescila sie reszta tresci bez ucinania (pole ma
   twardy limit ok. 226 KB, a oba pliki razem go przekraczaly).
   =================================================================== */

/* =============================================================
   DOPISAC NA KONIEC istniejacej tresci w polu "Custom Css"
   (Modul: Modules > "ThemeVolty - Custom Css And Js" > Configure > Custom Css > Save)
   Tresc ponizej NIC nie usuwa ani nie zmienia z tego, co juz tam jest -
   to tylko doklejka na koncu (dlatego kolejnosc reguł ma znaczenie przy
   powtarzajacych sie selektorach - ta doklejka celowo ma byc NA KONCU).
   Data: 14.09
   ============================================================= */

/* =============================================================
   PLIK: 06-mobile-product-title.css
   Nazwa produktu na MOBILE nie miescila sie w jednej linii / wychodzila
   poza szerokosc ekranu (h1 29px, uppercase, wyrownana do lewej). Na
   waskich ekranach wysrodkowujemy i delikatnie zmniejszamy czcionke,
   zeby zawsze miescila sie w calej szerokosci karty.
   ============================================================= */
@media (max-width: 767px) {
  .tvproduct-title-brandimage h1.h1 {
    text-align: center !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
  }
}
@media (max-width: 400px) {
  .tvproduct-title-brandimage h1.h1 {
    font-size: 18px !important;
  }
}

/* =============================================================
   PLIK: 07-product-prices-card.css
   Blok ceny + dostawy/zwrotow na stronie produktu ma wygladac bardziej
   "solidnie" (wlasne tlo, obramowanie, odstepy) - dotyczy TYLKO
   desktop/tablet (>=768px), zeby nie ruszac mobilnej wersji, ktora byla
   juz osobno ustabilizowana pod katem CLS (patrz custom.css, blok
   @media max-width:767px z komentarzem o "Bruttopreis"/reflow -- tamten
   blok NIE jest tu ruszany).
   ============================================================= */
@media (min-width: 768px) {
  #product .tv-product-page-content .product-prices {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 10px !important;
    padding: 18px 20px !important;
    box-sizing: border-box !important;
  }
  #product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label {
    margin-top: 12px !important;
  }
}

/* =============================================================
   PLIK: 08-footer-payment-icon-position.css
   Obrazek PayPal/Stripe w stopce ma stac w bardziej odizolowanym
   miejscu, najlepiej calkiem po prawej stronie (byl przyklejony do
   lewej, obok linku "Alemoto..." i "Cookie Einstellungen"). Dotyczy
   tylko szerokich ekranow (>=1200px) - na mobile/tablet ten wiersz jest
   i tak juz ulozony w kolumnie (display:block).
   ============================================================= */
@media (min-width: 1200px) {
  .tvfooter-payment-icon-img-block {
    order: 3 !important;
    margin-left: auto !important;
  }
}

/* =============================================================
   PLIK: 09-product-availability-garantie.css
   Druga plakietka "Garantie" obok "Verfügbar" / "Express Versand" (na
   wyrazna prosbe). Kontener zmieniony na inline-flex + kolejnosc
   (order), bo dwoch niezaleznie pozycjonowanych position:absolute
   pseudo-elementow nie da sie ulozyc jeden-za-drugim bez zgadywania
   szerokosci "Express Versand" (kruche rozwiazanie przy zmianie jezyka/
   zoomu). REGULA "Express Versand" WYZEJ (w istniejacej tresci pola) NIE
   JEST RUSZANA - tutaj tylko nadpisujemy jej pozycjonowanie tak, zeby
   pasowalo do nowego ukladu inline-flex.
   ============================================================= */
body.page-product #product-availability {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
body.page-product #product-availability::after {
  order: 2 !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  margin-left: 0 !important;
}
body.page-product #product-availability::before {
  content: "Garantie" !important;
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  padding: 6px 14px !important;
  background: #dbeafe !important;
  border: 1px solid #93c5fd !important;
  border-radius: 999px !important;
  color: #1e3a8a !important;
  font-weight: 700 !important;
  font-size: inherit !important;
}

/* =============================================================
   PLIK: 10-similar-products-width.css -- WYLACZONE (18.09)
   Ta regula ("full-bleed": ujemny margines liczony jako
   calc(-50vw + 50% + 24px)) wyrywala sekcje "podobne produkty" poza
   .container i centrowala ja wzgledem CALEGO okna przegladarki, zakladajac,
   ze rodzic tej sekcji jest sam idealnie wysrodkowany w poziomie wzgledem
   viewportu. Zgloszony problem ("naglowki i plakietki w tej sekcji wypadaja
   poza ekran, widac tylko fragment") pasuje dokladnie do tego, co sie
   dzieje, gdy to zalozenie nie jest prawdziwe (np. inny padding/kolumna
   na stronie produktu niz tam, gdzie ta regula byla pierwotnie robiona) -
   wtedy przesuniecie wychodzi duzo wieksze niz zamierzone 24px i realnie
   spycha tresc poza widoczny obszar zamiast tylko poszerzyc karty.
   Wylaczone calkowicie (nie tylko naprawione), zeby sekcja wrocila do
   zwyklej szerokosci .container - bezpieczne, bo to byla czysto kosmetyczna
   zmiana szerokosci, a nie wymagana funkcjonalnosc. Oryginalna tresc:

@media (min-width: 1200px) {
  .tmvf-similar-products {
    max-width: none !important;
    width: calc(100vw - 48px) !important;
    margin-left: calc(-50vw + 50% + 24px) !important;
    margin-right: calc(-50vw + 50% + 24px) !important;
  }
}
*/

/* =============================================================
   PLIK: 11-product-columns-card-frame-fix.css -- DOKLEJKA #2 (14.09, runda 2)
   PRAWDZIWA przyczyna zgloszonego "tlo pod cala strona produktu jest
   mniejsze/wezsze od poczatku do konca": w custom.js wtyczka
   theiaStickySidebar byla (osobnym wywolaniem, niezaleznym od tego, co
   naprawialismy wczesniej) inicjalizowana TAKZE na kolumnie zdjecia i
   kolumnie tresci na stronie produktu ("Sticky Product Panel"). Ta
   wtyczka owija element w NOWY wewnetrzny <div class="theiaStickySidebar">
   i liczy mu szerokosc/pozycje w JS w momencie inicjalizacji - gdy
   pozniej strona sie przelayoutowala (doladowanie obrazkow, czcionek),
   ten wewnetrzny div zostawal "zamrozony" na starej, zbyt waskiej
   szerokosci, przez co biale tlo/ramka karty pod zdjeciem i tresc byly
   węższe niz reszta strony - widac to bylo "od poczatku do konca", bo
   ten div ciagnie sie przez cala wysokosc kolumny. W polu Custom Css
   bylo juz sporo prob naprawienia tego samymi regulami CSS (wymuszanie
   width:100% na .theiaStickySidebar w wielu wariantach), bez skutku, bo
   JS i tak nadpisuje style inline przy scrollu/resize.

   NAPRAWA: w custom.js ta konkretna inicjalizacja "Sticky Product Panel"
   zostala calkowicie wylaczona (kolumny zdjecia/tresci nie potrzebuja
   efektu sticky - nie ma tam bocznego panelu do "doganiania" przy
   scrollu). Skutek uboczny: bialy "kafelek" (ramka 3px + cien + biale
   tlo + padding), ktory wczesniej byl nadawany NA TYM wewnetrznym
   div.theiaStickySidebar, przestal sie pojawiac (bo tego diva juz nie
   ma). Ponizej ta sama ramka/tlo/cien jest przeniesiona BEZPOSREDNIO na
   kolumny .tv-product-page-image / .tv-product-page-content, zeby wyglad
   karty zostal dokladnie taki sam jak byl - znika TYLKO buggy zachowanie
   JS, a nie wyglad.
   ============================================================= */
@media (min-width: 992px) {
  .tv-product-page-image,
  .col-md-6.tv-product-page-content {
    border: 3px solid #e5e5e5 !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    background: white !important;
    padding: 13px !important;
    box-sizing: border-box !important;
  }
  .tv-product-page-image:hover,
  .col-md-6.tv-product-page-content:hover {
    border-color: #d0d0d0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18) !important;
  }

  /* Uklad "product-1" mial celowo PLASKI wyglad (bez ramki/cienia/tla) -
     ta regula jest bardziej specyficzna niz ta wyzej, wiec dla product-1
     wygrywa i zdejmuje ramke z powrotem. Jesli u Ciebie w Wyglad >
     ThemeVolty > ustawienia strony produktu jest wybrany INNY uklad niz
     "product-1", ta czesc po prostu nigdy sie nie uruchomi - nic zlego
     sie nie stanie. */
  .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image,
  .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
  }
}

/* =============================================================
   PLIK: 12-similar-products-card-layout-guard.css
   Zabezpieczenie ukladu kart w sekcji "podobne produkty": zdjecie ma byc
   u gory, a pod nim (na cala szerokosc karty) nazwa produktu, "Teilecode:
   XXX" itd. Standardowy szablon karty (product-grid-view.tpl) juz tak to
   buduje (zdjecie i pudelko z tekstem to dwa osobne bloki jeden pod
   drugim), a ponizsze regula to tylko dodatkowe zabezpieczenie na
   wypadek, gdyby w tym konkretnym miejscu strony cos wymuszalo uklad
   poziomy (obok siebie) zamiast pionowego.
   ============================================================= */
.tmvf-similar-products .tvproduct-wrapper.grid {
  display: block !important;
}
.tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-image,
.tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-info-box-wrapper {
  display: block !important;
  width: 100% !important;
  float: none !important;
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 3 (14.09, druga tura poprawek tego samego dnia)
   Kolejna doklejka, jak wyzej - nic z tego, co juz wklejone (rundy 1 i 2),
   nie jest usuwane ani zmieniane, to tylko dalszy ciag NA KONCU.
   ============================================================= */

/* =============================================================
   PLIK: 13-product-prices-white-bg.css
   Nadpisanie PLIK 07 (runda 2) - tlo karty ceny miało byc BIALE, nie
   szare. Ta regula jest nizej w pliku niz PLIK 07, wiec przy takiej
   samej specyficznosci wygrywa ona (nie trzeba szukac i edytowac
   wczesniej wklejonej tresci).
   ============================================================= */
@media (min-width: 768px) {
  #product .tv-product-page-content .product-prices {
    background: #ffffff !important;
  }
}

/* =============================================================
   PLIK: 14-product-availability-icon-cleanup.css
   "Verfügbar" mial obok siebie ikone (natywna kropka/checkmark z motywu),
   ktora wygladala jak przypadkowa "kropka" i nie pasowala do plakietek
   "Express Versand"/"Garantie" (ktore sa czystym tekstem, bez ikony).
   Ukrywamy ta ikone - zostaje samo slowo "Verfügbar", tak samo jak
   sasiednie plakietki (teraz wszystkie sa spojne - bez ikon).
   ============================================================= */
body.page-product #product-availability i.material-icons.product-available {
  display: none !important;
}

/* =============================================================
   PLIK: 15-product-info-spacing.css
   Odstep miedzy blokiem ceny/dostawy a tym, co jest pod nim (dostepnosc
   "Verfügbar", potem opis, potem sekcja z "Alemoto Käuferschutz" i
   przyciskiem "Sicher kaufen - Paypal") byl za maly - wszystko wygladalo
   stloczone razem. Dokladamy odstepy w pionie miedzy tymi blokami.
   ============================================================= */
body.page-product #product-availability {
  display: inline-flex !important;
  margin-top: 14px !important;
  margin-bottom: 6px !important;
}
body.page-product .tvproduct-page-decs {
  margin-bottom: 14px !important;
}
body.page-product .product-add-to-cart {
  margin-top: 10px !important;
}

/* =============================================================
   PLIK: 16-buyerprotection-icon-right.css
   Ikonka "Alemoto Käuferschutz" (obrazek + tekst nad przyciskiem "Sicher
   kaufen - Paypal") ma stac po prawej stronie tego bloku, zamiast po
   lewej.
   ============================================================= */
body.page-product .product-info-item.product-info-payment {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* =============================================================
   PLIK: 17-mobile-title-full-width-fix.css
   "Słowo pod słowem" na mobile -- tytul byl w kolumnie, ktorej faktyczna
   szerokosc byla wezsza niz cały ekran (mimo wczesniejszej reguly
   width:100% na samym h1 - problem siedzial wyzej, w rodzicu/kontekscie
   flex). Wymuszamy pelna szerokosc na calym łancuchu rodzicow tytulu,
   plus min-width:0 (bez tego element flex potrafi sie "scisnac" do
   szerokosci pojedynczego slowa) i flex-basis 100%.
   ============================================================= */
@media (max-width: 767px) {
  .tv-product-page-content,
  .tvproduct-title-brandimage,
  .tvproduct-title-brandimage h1.h1 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
  }
}

/* =============================================================
   PLIK: 18-product-card-layout.css
   Karta produktu (uzywana w "podobnych produktach" ORAZ, tylko na
   mobile, w zwyklej liscie kategorii/wyszukiwarki): zdjecie u gory (juz
   tak jest domyslnie), nazwa produktu na cala szerokosc, wartosci
   (Teilecode/Marke/Modell/...) jedna pod druga po lewej z niewielkim
   odstepem od krawedzi karty, cena w prawym dolnym rogu.
   ============================================================= */
.tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-info-box-wrapper {
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}
.tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-name {
  width: 100% !important;
}
.tmvf-similar-products .tvproduct-wrapper.grid .tmvf-vehicle-attrs {
  text-align: left !important;
}
.tmvf-similar-products .tvproduct-wrapper.grid .tv-product-price,
.tmvf-similar-products .tvproduct-wrapper.grid .product-price-and-shipping {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  text-align: right !important;
  margin-top: 10px !important;
}

@media (max-width: 767px) {
  #products.grid .tvproduct-wrapper.grid .tvproduct-info-box-wrapper,
  #products.grid-2 .tvproduct-wrapper.grid-2 .tvproduct-info-box-wrapper {
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
  #products.grid .tvproduct-wrapper.grid .tvproduct-name,
  #products.grid-2 .tvproduct-wrapper.grid-2 .tvproduct-name {
    width: 100% !important;
  }
  #products.grid .tvproduct-wrapper.grid .tmvf-vehicle-attrs,
  #products.grid-2 .tvproduct-wrapper.grid-2 .tmvf-vehicle-attrs {
    text-align: left !important;
  }
  #products.grid .tvproduct-wrapper.grid .tv-product-price,
  #products.grid-2 .tvproduct-wrapper.grid-2 .tv-product-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    text-align: right !important;
    margin-top: 10px !important;
  }
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 4 (14.09, trzecia tura tego samego dnia)
   WAZNE: znalazlem prawdziwy powod, dla ktorego czesc wczesniejszych
   zmian z tego pola "nie bylo widac" mimo zapisania - to BLAD w samym
   module "ThemeVolty - Custom Css And Js": przycisk Zapisz czyscil ZLY
   klucz pamieci podrecznej (naprawione w tvcmscustomcssjs.php - patrz
   komentarz tam). Od teraz zapisanie tego pola powinno byc widoczne od
   razu, bez recznego czyszczenia cache. Ponizej dodatkowo wzmacniam
   (na wszelki wypadek) dwie rzeczy zgloszone jako "nie dziala" - gdyby
   to jednak byla kwestia specyficznosci CSS, a nie tylko cache.
   ============================================================= */

/* Odstep pod blokiem ceny/dostawy - wzmocnione TAKZE explicite na mobile
   (wczesniejsza regula w PLIK 15 nie byla w zadnym @media, wiec powinna
   byla juz dzialac wszedzie - to wzmocnienie na wypadek jakiejs innej
   reguly mobilnej nadpisujacej margines gdzies indziej w tym polu). */
@media (max-width: 767px) {
  body.page-product #product-availability {
    margin-top: 14px !important;
    margin-bottom: 6px !important;
  }
  body.page-product .tvproduct-page-decs {
    margin-bottom: 14px !important;
  }
  body.page-product .product-add-to-cart {
    margin-top: 10px !important;
  }
}

/* Zielona ikonka/"kropka" przy Verfugbar - wzmocnione usuniecie (kilka
   wariantow selektora + wyzerowanie tla na wszelki wypadek, gdyby to
   jednak nie byla sama ikona, tylko jakies tlo pod nia). */
body.page-product #product-availability i.material-icons,
body.page-product #product-availability i.product-available,
body.page-product #product-availability .product-available {
  display: none !important;
  background: none !important;
  background-color: transparent !important;
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 5 (14.09, czwarta tura tego samego dnia)
   NOWA prosba: odstep miedzy cena a "Kostenlose Lieferung / Rückgaberecht
   / Lieferzeit" ma byc TAKZE na mobile (PLIK 07 celowo dawal go TYLKO na
   desktopie/tablecie, zeby nie ruszac mobilnego bloku zabezpieczonego
   pod CLS). Tu dokladamy MALY, STALY odstep TAKZE na mobile - to bezpieczne
   dla CLS, bo to stala wartosc obecna od razu przy pierwszym renderze
   (nie zmienia sie w trakcie ladowania strony), a nie cos zaleznego od JS.
   ============================================================= */
@media (max-width: 767px) {
  #product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
    margin-top: 10px !important;
  }
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 6 (14.09, piata tura tego samego dnia)
   Kolejnosc jest juz OK (sprawdzone na zywo) - to sa poprawki tresci/
   ukladu, nie kolejnosci.

   1) "Garantie" USUNIETA calkowicie - nie miescila sie w rzedzie.
   2) "Verfügbar" i "Express Versand" maja teraz KAZDE swoje WLASNE
      zielone pole (taki sam styl jak istniejacy "Express Versand"),
      zamiast bylo plaskiego tekstu + jednej plakietki. Zeby to zrobilo
      sie mozliwe, w szablonach tv-product-1..6.tpl slowo "Verfügbar"
      (a scislej: {$product.availability_message}) zostalo owiniete w
      <span class="tvproduct-availability-text"> - bez tego nie da sie
      nadac tla/ramki/zaokraglenia SAMEMU SLOWU przez sam CSS (to byl
      czysty tekst, nie element).
   ============================================================= */

/* 1) Calkowite usuniecie plakietki "Garantie" (nadpisuje regule z PLIK 09
   wyzej w tym samym polu - to jest NIZEJ, wiec wygrywa). */
body.page-product #product-availability::before {
  content: none !important;
  display: none !important;
}

/* 2) "Verfügbar" jako WLASNA zielona plakietka, w tym samym stylu co
   "Express Versand" (te same kolory: #dcfce7 / #86efac / #14532d). */
body.page-product #product-availability {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
body.page-product #product-availability .tvproduct-availability-text {
  order: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  padding: 6px 14px !important;
  background: #dcfce7 !important;
  border: 1px solid #86efac !important;
  border-radius: 999px !important;
  color: #14532d !important;
  font-weight: 700 !important;
  font-size: inherit !important;
}
body.page-product #product-availability::after {
  order: 2 !important;
}

/* =============================================================
   PLIK: 19-mobile-columns-stack-fix.css
   Prawdopodobna prawdziwa przyczyna "slowo pod slowem" w tytule na
   mobile: kolumna zdjecia i kolumna tresci (.tv-product-page-image /
   .tv-product-page-content, obie z klasa col-md-6) na mobile NIE byly
   ukladane jedna pod druga na pelnej szerokosci, tylko zostawaly obok
   siebie po ~50% szerokosci kazda (bo col-md-6 samo w sobie dziala
   TYLKO od 768px wzwyz - ponizej, bez jawnego "col-12"/"col-xs-12",
   flexbox Bootstrapa potrafi zostawic je jako dwie kolumny po polowie
   ekranu). W polowie tak waskiej kolumny dlugi tytul zawijal sie
   niemal slowo po slowie. Wymuszamy PELNA szerokosc (jedna kolumna pod
   drugiej) na mobile wprost na obu kolumnach, nie tylko na samym tytule.
   ============================================================= */
@media (max-width: 767px) {
  .tvprduct-image-info-wrapper,
  .tv-product-page-image,
  .tv-product-page-content,
  .col-md-6.tv-product-page-image,
  .col-md-6.tv-product-page-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 7 (14.09, szosta tura tego samego dnia)
   Znaleziona PRAWDZIWA przyczyna "dodatkowego tla" wokol Verfügbar/
   Express Versand: w STARSZEJ tresci tego pola (sprzed 14.09, wiec
   fizycznie WYZEJ w tym polu) jest regula:

     #product-availability {
       background: #dcfce7 !important;
       padding: 6px 14px !important;
       border: 1px solid #86efac !important;
       border-radius: 999px !important;
       ...
     }

   Ta regula daje zielone tlo/ramke CALEMU KONTENEROWI #product-
   availability (rodzicowi), a moje plakietki ("Verfügbar" i "Express
   Versand") renderuja sie W SRODKU tego kontenera - stad "pigulka w
   pigulce" / jedno wspolne tlo zamiast dwoch osobnych. Ta sama starsza
   tresc ma tez (w wersji mobilnej) wariant z SZARYM tlem (#e9e9e9) -
   to najpewniej ten "szary kolor pod zielona kropka" zgloszony
   wczesniej. Nizej zerujemy wszystko na SAMYM kontenerze #product-
   availability (tlo/ramke/padding/zaokraglenie), zeby zostaly TYLKO
   dwie osobne plakietki w srodku, kazda ze swoim wlasnym tlem.
   ============================================================= */
body.page-product #product-availability {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 14px 0 6px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 8 (14.09, siodma tura tego samego dnia)
   Wyjasnienie: w starszej tresci (sprzed 14.09) sekcja "Alemoto
   Käuferschutz" (ikonka + Sicher kaufen - Paypal) ma BARDZO dlugi,
   wielokrotnie powtorzony lancuch selektorow (az do 6 klas naraz, np.
   ".product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-
   box.product-info-box-cart .product-info-item"), co daje mu ogromna
   "sile" (specyficznosc CSS) - moja wczesniejsza, krotsza regula
   (body.page-product .product-info-item.product-info-payment) byla za
   "slaba", zeby to przebic, NIEZALEZNIE od tego, gdzie w pliku stoi.
   Tutaj uzywamy DOKLADNIE tego samego dlugiego lancucha, zeby na pewno
   wygrac.
   ============================================================= */
.product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item.product-info-payment {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

/* =============================================================
   PLIK: 20-mobile-columns-stack-fix-v2.css
   Wzmocniona wersja PLIK 19 - dokladamy WIELE wariantow selektora
   (rozne kombinacje klas .product-1..6, z i bez #product/.tvproduct-
   page-wrapper na poczatku), zeby dogonic specyficznosc regul
   dekstopowych (ktore uzywaja bardzo dlugich lancuchow selektorow) i
   miec pewnosc, ze na mobile obie kolumny (zdjecie/tresc) faktycznie
   staja sie pelnej szerokosci, jedna pod druga.
   ============================================================= */
@media (max-width: 767px) {
  #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper,
  .tvprduct-image-info-wrapper,
  .tvprduct-image-info-wrapper.row,
  .tvprduct-image-info-wrapper.row.product-1,
  .tvprduct-image-info-wrapper.row.product-2,
  .tvprduct-image-info-wrapper.row.product-3,
  .tvprduct-image-info-wrapper.row.product-4,
  .tvprduct-image-info-wrapper.row.product-5,
  .tvprduct-image-info-wrapper.row.product-6 {
    display: block !important;
  }
  #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper > .tv-product-page-image,
  #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper > .tv-product-page-content,
  .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image.col-md-6,
  .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content.col-md-6,
  .tv-product-page-image,
  .tv-product-page-content,
  .col-md-6.tv-product-page-image,
  .col-md-6.tv-product-page-content,
  .col-md-12.tv-product-page-image {
    display: block !important;
    float: none !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* =============================================================
   PLIK: 21-similar-products-mobile-card.css
   Powtorzenie PLIK 18 (uklad karty w "podobnych produktach"), ale w
   jawnym @media (max-width:767px) i doklejone na sam koniec pola -
   na wypadek, gdyby jakas starsza regula mobilna miala wyzsza
   specyficznosc dla tych samych selektorow.
   ============================================================= */
@media (max-width: 767px) {
  .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-info-box-wrapper {
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
  .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-image {
    width: 100% !important;
    display: block !important;
  }
  .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-name,
  .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-name h6 {
    width: 100% !important;
  }
  .tmvf-similar-products .tvproduct-wrapper.grid .tmvf-vehicle-attrs {
    text-align: left !important;
  }
  .tmvf-similar-products .tvproduct-wrapper.grid .tv-product-price,
  .tmvf-similar-products .tvproduct-wrapper.grid .product-price-and-shipping {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    text-align: right !important;
    margin-top: 10px !important;
  }
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 9 (14.09, osma tura tego samego dnia)
   1) PRZEPROSZNY BLAD z Rundy 8: "Alemoto Käuferschutz - Sicher
      einkaufen" (ikonka + naglowek nad przyciskiem "Sicher kaufen -
      Paypal") NIE mialo byc ruszane - to byla pomylka z "ikona paypal
      przy cenie", o ktora chodzilo. Ponizej cofniecie TYM SAMYM,
      najmocniejszym lancuchem selektorow, zeby na pewno wygrac z
      regula z Rundy 8 (ktora tez tam jest, wyzej w tym polu).
   2) "Kostenloser Versand" (plakietka na kartach produktow / podobnych
      produktach) - zdjeta zielona ramka/tlo, zostaje sam tekst + nowa
      ikonka pojazdu (Material Icons "local_shipping", w zieleni). Uwaga:
      to gotowa ikonka z fontu Material Icons (pojedynczy znak) - nie da
      sie z niej samym CSS "wyciac kola", to jest ograniczenie tego typu
      ikon. Jesli to nie ten styl co mialas/mailes na mysli, daj znac
      dokladniej jak ma wygladac (np. link do wzoru) - podmienie na
      cos innego.
   ============================================================= */

/* 1) Wyśrodkowanie "Alemoto Käuferschutz - Sicher einkaufen" (ikonka + tekst wyśrodkowane w polu). */
.product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item.product-info-payment {
  justify-content: center !important;
  text-align: center !important;
}

/* 2) "Kostenloser Versand" bez zielonej ramki + ikonka pojazdu (zielona). */
.tv-product-price .pangv-note-shipping {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.tv-product-price .pangv-note-shipping::before {
  content: "\e558" !important;
  font-family: 'Material Icons' !important;
  font-weight: normal !important;
  font-style: normal !important;
  display: inline-block !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: #16a34a !important;
  margin-right: 4px !important;
  vertical-align: middle !important;
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 10 (14.09, dziewiata tura, na podstawie
   zrzutu ekranu)
   Ze zrzutu widac: tytul NIE jest wysrodkowany (jest do lewej) mimo
   mojej wczesniejszej reguly text-align:center - czyli ta regula z
   jakiegos powodu przegrywa. Znalazlem tez, ze jeden z 6 wariantow
   ukladu strony produktu (tv-product-3.tpl) uzywa INNEJ klasy kolumny
   (col-md-4 zamiast col-md-6) - moje wczesniejsze reguly czesciowo
   zakladaly col-md-6. Ponizej NAJSZERSZA, najbardziej defensywna wersja:
   wszystkie warianty klas na raz, plus wymuszenie text-align:center
   osobno i z duza specyficznoscia (ID body + klasa), zeby miec pewnosc
   ze wygrywa niezaleznie od tego, co jeszcze mogloby to nadpisywac.
   ============================================================= */
@media (max-width: 767px) {
  body#product.page-product .tv-product-page-content,
  body#product.page-product .tv-product-details,
  body#product.page-product .tvproduct-title-brandimage,
  body#product.page-product .tvproduct-title-brandimage h1,
  body#product.page-product .tvproduct-title-brandimage h1.h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  body#product.page-product .tvproduct-title-brandimage h1.h1 {
    text-align: center !important;
    font-size: 19px !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
  }
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 11 (14.09, dziesiata tura tego samego dnia)
   Znalezione przez Ciebie (Zbadaj element) - to NIE bylo logo PayPal,
   tylko obrazek promocyjny "Alemoto-de (300x100)" wstawiany jako tlo
   pseudo-elementu ::after na .product-prices .current-price (tylko do
   991px). Dokladamy margin-left:auto na TYM SAMYM pseudo-elemencie -
   we flex-rzedzie .current-price to odepchnie go od "inkl. MwSt." az
   do prawej krawedzi wiersza.
   ============================================================= */
@media (max-width: 991px) {
  .product-prices .current-price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }
  .product-prices .current-price::after {
    margin-left: auto !important;
  }
}

/* =============================================================
   PLIK: 22-main-page-shipping-icon.css -- POPRAWIONE w Rundzie 12
   Ta sama zielona ikonka pojazdu, co przy "Kostenloser Versand" na
   kartach produktow, dodana TERAZ TAKZE na glownej stronie produktu,
   przy linii "Kostenlose Lieferung" (.shipping-free-line). Pierwsza
   proba (Runda 11) nie zadzialala, bo w starszej tresci jest:
     :is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label .shipping-free-line
     { background-color:#f0fdf4; border:1px solid #bbf7d0; ... }
     :is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label .shipping-free-line::before
     { content: none !important; }
   - selektor z 3 klasami, silniejszy niz moj poprzedni (2 klasy), plus
   jawne zablokowanie ::before. Ponizej dokladnie ten sam, mocniejszy
   lancuch selektora, zeby na pewno wygrac: usuwamy zielona ramke/tlo I
   ustawiamy ikonke.
   ============================================================= */
:is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label .shipping-free-line {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  min-height: 0 !important;
}
:is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label .shipping-free-line::before {
  content: "\e558" !important;
  font-family: 'Material Icons' !important;
  font-weight: normal !important;
  font-style: normal !important;
  display: inline-block !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: #16a34a !important;
  margin-right: 4px !important;
  vertical-align: middle !important;
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 13 (14.09, dwunasta tura tego samego dnia)
   1) Powiekszona i lepiej wyrownana ikonka pojazdu przy "Kostenlose
      Lieferung" / "Kostenloser Versand" (obie wersje - glowna strona
      produktu ORAZ karty produktow). Uzyty inline-flex zamiast samego
      vertical-align, bo to daje pewniejsze wyrownanie w pionie
      niezaleznie od line-height tekstu obok.
   2) Kolejna, jeszcze mocniejsza proba z rozmiarem czcionki tytulu -
      cel: 19px na mobile, niezaleznie od starszej reguly bez @media,
      ktora ustawia 24px.
   ============================================================= */
:is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label .shipping-free-line,
.tv-product-price .pangv-note-shipping {
  display: inline-flex !important;
  align-items: center !important;
}
:is(.product-prices, .tm-product-layout-fragment) .tax-shipping-delivery-label .shipping-free-line::before,
.tv-product-price .pangv-note-shipping::before {
  font-size: 18px !important;
  margin-right: 5px !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

@media (max-width: 767px) {
  body#product.page-product .tvproduct-title-brandimage h1.h1 {
    font-size: 19px !important;
    line-height: 1.3 !important;
  }
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 14 (14.09, trzynasta tura tego samego dnia)
   Pelna analiza kaskady CSS (wszystkie pasujace reguly font-size dla
   tego tytulu) pokazala, ze moja regula z ID w selektorze
   (body#product.page-product ...) powinna juz wygrywac ze wszystkimi
   innymi, wlacznie ze stara regula 24px. Mimo to dokladamy jeszcze
   mniejszy rozmiar (16px), zeby zlagodzic problem niezaleznie od tego,
   czy to jednak byla kwestia specyficznosci, czy po prostu naturalny
   efekt bardzo dlugiej (79-znakowej) nazwy produktu na waskim ekranie.
   ============================================================= */
@media (max-width: 767px) {
  body#product.page-product .tvproduct-title-brandimage h1.h1 {
    font-size: 16px !important;
    line-height: 1.3 !important;
  }
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 15 (14.09, czternasta tura tego samego dnia)
   Zdjecia maja zostac tak jak sa (nad tytulem - OK, nie ruszamy).
   Sama nazwa produktu ma zostac tak jak wyglada teraz (te same 4
   linijki tekstu, ten sam wyglad/wyrownanie), tylko ma wykorzystywac
   PELNA szerokosc ekranu na mobile - czyli chodzi o zmniejszenie
   PADDINGU dookola, nie o zmiane czcionki/wyrownania (to juz jest OK).
   Dwa miejsca, ktore zjadaly szerokosc: (1) zewnetrzny "biala karta"
   wrapper .tvprduct-image-info-wrapper mial padding 15px z kazdej
   strony (bez wzgledu na ekran), (2) sam tytul mial dodatkowe 14px z
   kazdej strony na mobile. Razem to prawie 60px mniej miejsca na
   tekst. Zmniejszamy oba TYLKO na mobile (bez ruszania desktopu).
   ============================================================= */
@media (max-width: 767px) {
  #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  body#product.page-product .tvproduct-title-brandimage {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 16 (14.09, piatnasta tura tego samego dnia)
   ZNALEZIONA PRAWDZIWA PRZYCZYNA (dzieki zrzutowi z zakladki Computed):
   w SKOMPILOWANYM PLIKU MOTYWU (theme-*.css, nie w tym polu Custom
   Css!) jest natywna regula, bez zadnego @media, bez !important:

     .tv-product-page-content h1 {
       font-size: 26px;
       ...
       padding-right: 150px;
     }

   To zarezerwowane miejsce na logo producenta (ktore stoi position:
   absolute obok), ale bez ograniczenia do desktopu - dziala TAKZE na
   mobile, gdzie zjada prawie polowe szerokosci ekranu. Selektor to
   ".tv-product-page-content h1" (goly tag h1, BEZ klasy .h1) - dlatego
   wszystkie moje wczesniejsze proby (celujace w "h1.h1") mialy wprawdzie
   WYZSZA specyficznosc, ale nigdy nie ustawialy wprost padding-right,
   wiec ta stara regula po cichu wygrywala TYLKO na tej jednej
   wlasciwosci. Teraz naprawiamy dokladnie to, na mobile.
   ============================================================= */
@media (max-width: 767px) {
  body#product.page-product .tv-product-page-content h1,
  body#product.page-product .tvproduct-title-brandimage h1.h1 {
    padding-right: 0 !important;
  }
}

/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 17 (14.09, szesnasta tura tego samego dnia)
   Dziala! Powiekszenie czcionki tytulu na mobile (z 16px na 18px),
   teraz gdy pelna szerokosc jest juz naprawiona.
   ============================================================= */
@media (max-width: 767px) {
  body#product.page-product .tvproduct-title-brandimage h1.h1 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
}


/* =============================================================
   DOPISAC NA KONIEC -- RUNDA 18 (15.09, pierwsza tura nowego dnia)
   Pole ilosci (.product-quantity, zawiera #quantity_wanted) bylo
   ukryte przez "display:none !important" (stara regula, sprzed
   dzisiejszej sesji). Problem: biblioteka JS obslugujaca to pole
   (touchspin - strzalki +/-) przy inicjalizacji liczy wymiary elementu;
   dla display:none sa one zawsze zerowe, co moglo powodowac, ze pole
   zostawalo puste zamiast domyslnej wartosci "1" - a puste/nieprawidlowe
   pole ilosci = nieudana walidacja przy kliknieciu "Kaufen" = przycisk
   zostaje trwale disabled (patrz naprawa w custom.js z tej samej
   rozmowy). Ponizej: TA SAMA klasa .product-quantity, ale ukryta
   technika "visually hidden" (position:absolute, 1x1px, clip) - JS
   nadal widzi realny, niezerowy element, wiec powinien poprawnie ustawic
   wartosc "1", a dla uzytkownika pole jest tak samo niewidoczne jak
   wczesniej.
   ============================================================= */
.product-quantity {
  display: block !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* RUNDA 19 zostala USUNIETA stad (17.09) - pole "Custom Css" w panelu ma
   twardy limit dlugosci (ok. 226 KB, tresc powyzej tego jest po cichu
   ucinana przy zapisie, dlatego zmiana "nie dzialala" mimo wklejenia). Ta
   sama zmiana (cena/MwSt./Versand w jednej linii, na cala szerokosc karty,
   od lewej, na mobile w sekcji "podobne produkty") zyje teraz w pliku
   motywu themes/v1_electron_1/assets/css/custom.css (bez limitu rozmiaru),
   z selektorem zawierajacym #products dla wyzszej specyficznosci niz
   Runda 3 powyzej. NIE dopisuj tej zmiany tutaj ponownie. */

/* =============================================================
   RUNDA 20 (18.09): nazwa produktu (H1) NAD zdjeciem na mobile
   =========================================================================
   Na wyrazna prosbe: na mobile tytul produktu ma stac NAD zdjeciem
   (obecnie zdjecie jest pierwsze, tytul dopiero pod nim), a linia
   "Ausgebaut aus: ... / OEM-Nr.: ..." (product-fitment-line.tpl) ma
   zostac tam, gdzie jest (czyli razem z reszta tresci, PO zdjeciu - nie
   ma byc przeniesiona razem z tytulem).

   W markupie (tv-product-1..6.tpl) H1 siedzi zagniezdzony wewnatrz
   .tvproduct-title-brandimage, ktory z kolei jest wewnatrz
   .tv-product-page-content - czyli DWA poziomy zagniezdzenia glebiej niz
   .tv-product-page-image (siostrzany kontener zdjecia). Zwyklym CSS nie
   da sie "wyjac" zagniezdzonego elementu przed swojego wuja bez
   przemieszczania calego kontenera razem z nim. Rozwiazanie:
   `display: contents` na obu posrednich kontenerach (.tv-product-page-
   content i .tvproduct-title-brandimage) "splaszcza" je - znikaja jako
   wlasne pudelka, a ICH DZIECI staja sie bezposrednimi elementami flex
   nadrzednego .tvprduct-image-info-wrapper (ktory ustawiamy na
   flex-direction:column). Wtedy samemu H1 nadajemy `order: -1`, co
   przesuwa TYLKO JEGO przed wszystkim innym (w tym przed zdjeciem,
   ktore zostaje na domyslnym order:0) - pozostale elementy (fitment-line,
   logo marki, cena, dostepnosc, opis, formularz zakupu) zachowuja swoja
   wzgledna kolejnosc wzgledem siebie i wzgledem zdjecia (bez zmian
   orderow), wiec funkcjonalnie nic wiecej sie nie przesuwa.

   Selektory powtarzaja te z wczesniejszych rund (10, 19, 20) tego samego
   dnia/tygodnia, zeby miec te sama (lub wyzsza) specyficznosc - a poniewaz
   ta regula jest NA SAMYM KONCU pliku, przy takiej samej specyficznosci to
   ona wygrywa w kaskadzie. */
@media (max-width: 767px) {
    body#product.page-product .tvprduct-image-info-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }

    body#product.page-product .tv-product-page-content {
        display: contents !important;
    }

    body#product.page-product .tvproduct-title-brandimage {
        display: contents !important;
    }

    body#product.page-product .tvproduct-title-brandimage h1.h1 {
        order: -1 !important;
        width: 100% !important;
    }
}

/* =============================================================
   RUNDA 21 (18.09): mniejsza nazwa produktu, wieksze "Ausgebaut aus:/
   OEM-Nr.:" =====================================================
   Na wyrazna prosbe: glowny naglowek (H1) ma byc mniejszy (za bardzo
   "krzyczy" w porownaniu z reszta strony), a linia dopasowania pojazdu/
   OEM pod nim ma byc wieksza, zeby lepiej rzucala sie w oczy (to ona,
   nie sam tytul, niesie tu najwazniejsze dla klienta dane: do jakiego
   auta i jaki numer OEM). Selektory z "body#product.page-product" i
   umieszczenie na samym koncu pliku - jak w poprzednich rundach - zeby
   miec pewnosc wygranej w kaskadzie z regulami wyzej (w tym z natywna
   regula motywu ".tv-product-page-content h1 { font-size:26px }" bez
   @media, ktora dziala takze na desktopie). */
@media (min-width: 768px) {
    body#product.page-product .tv-product-page-content h1.h1,
    body#product.page-product .tvproduct-title-brandimage h1.h1 {
        font-size: 21px !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 767px) {
    body#product.page-product .tvproduct-title-brandimage h1.h1 {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
}

/* Cofniete na wyrazna prosbe (runda 23) - z powrotem do ORYGINALNEGO
   rozmiaru sprzed jakichkolwiek powiekszen w tej sesji (runda 8: 14px,
   waga 400 - zwykly, niepogrubiony tekst). Runda 20 podbila do 16px,
   runda 21 do 19px, runda 22 cofnela czesciowo do 16px - to ostateczne
   cofniecie do stanu wyjsciowego. */
.tmvf-product-fitment .tmvf-badge {
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* =============================================================
   RUNDA 22 (18.09): tabela danych produktu ("Data sheet" / zakladka
   "Details" - zawiera m.in. producenta/Hersteller, referencje, cechy
   produktu) na cala szerokosc kolumny tresci - i na mobile, i na
   desktopie. Runda 21 ustawiala tylko max-width:100% na SAMYM
   kontenerze .data-sheet, co teoretycznie powinno wystarczyc (max-width
   tylko ogranicza gorna granice), ale na zywo nie dalo widocznego
   efektu - prawdopodobnie dlatego, ze .data-sheet jest z natywnej
   reguly motywu (theme.css) elementem flex (display:flex; flex-wrap:
   wrap), ktorego wlasna szerokosc bierze sie z jego DZIECI (dt.name/
   dd.value, kazde flex:1 0 40% - patrz theme.css ok. linii 8711-8738),
   a nie z max-width samego kontenera - bez jawnego width:100% na
   kontenerze i bez powiekszenia flex-basis dzieci calosc mogla dalej
   "kurczyc sie" do wlasnej zawartosci. Tutaj wymuszone wprost: width
   NA KONTENERZE (nie tylko max-width) oraz wieksze flex-basis na dt/dd
   (45% zamiast natywnych 40%, zeby 2 kolumny nadal ladnie sie mieszcily
   obok siebie przy szerszym kontenerze), wszystko z !important, bo
   natywna regula w theme.css nie ma !important, ale zeby miec pewnosc
   wygranej niezaleznie od kolejnosci zaladowania plikow CSS. */
#product .data-sheet,
#product .product-features>dl.data-sheet {
    max-width: 100% !important;
    width: 100% !important;
}

#product .product-features>dl.data-sheet dd.value,
#product .product-features>dl.data-sheet dt.name {
    flex-basis: 45% !important;
}

/* =============================================================
   RUNDA 22: "Podobne produkty" - wieksza i czytelniejsza czcionka.
   Runda 21 ustawiala te same wartosci bez !important - w kaskadzie
   przegrywaly z innymi regulami dla tych samych klas (np.
   .tvproduct-name.product-title a h6 w kilku miejscach pliku), wiec na
   zywo nie bylo widac zmiany. Powtorzone tutaj z !important. */
.tmvf-similar-title {
    font-size: 22px !important;
    color: #1a1a1a !important;
}

.tmvf-badge-lg {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.tmvf-badge-lg.tmvf-badge-green {
    font-size: 20px !important;
}

/* Wartosci na kartach (Teilecode/Marke/Modell/Hubraum/KW/Kraftstoffart)
   w obrebie sekcji "podobne produkty" - wieksze niz domyslne 14px/13px,
   zeby byly lepiej czytelne w tym bardziej eksponowanym miejscu strony. */
.tmvf-similar-products .tvproduct-mpn {
    font-size: 16px !important;
}

.tmvf-similar-products .tvproduct-mpn-label {
    color: #333333 !important;
}

.tmvf-similar-products .tmvf-badge {
    font-size: 16px !important;
}

.tmvf-similar-products .tmvf-badge-green {
    font-size: 18px !important;
}

/* Nazwa produktu na kartach w tej sekcji - jawny, ciemny kolor (zamiast
   dziedziczonego), na wypadek gdyby to ona byla "nieczytelna". */
.tmvf-similar-products .tvproduct-name.product-title a h6 {
    color: #222222 !important;
    font-size: 17px !important;
}

@media (max-width: 575px) {
    .tmvf-similar-products .tvproduct-mpn {
        font-size: 14px !important;
    }

    .tmvf-similar-products .tmvf-badge {
        font-size: 14px !important;
    }

    .tmvf-similar-products .tmvf-badge-green {
        font-size: 15px !important;
    }
}

/* =============================================================
   RUNDA 23: w sekcji "podobne produkty" caly tekst ma byc czarny,
   OPROCZ wartosci "Teilecode: XXX" (ktora ma zostac w swoim
   dotychczasowym kolorze - .tmvf-badge-orange, NIE ruszana ponizej).
   Marka/Model/Kraftstoffart (.tmvf-badge-blue) i Hubraum/KW
   (.tmvf-badge-green) byly niebieskie/zielone - teraz czarne jak
   reszta tekstu karty. */
.tmvf-similar-products .tmvf-badge-blue,
.tmvf-similar-products .tmvf-badge-green {
    color: #000000 !important;
}

.tmvf-similar-title,
.tmvf-similar-products .tvproduct-mpn-label,
.tmvf-similar-products .tvproduct-name.product-title a h6 {
    color: #000000 !important;
}

/* =============================================================
   RUNDA 24 (18.09): te same zmiany (kolor czarny oprocz Teilecode +
   wieksza czcionka) TAKZE na listach produktow w kategoriach i w
   wynikach wyszukiwania (nie tylko w sekcji "podobne produkty" jak w
   Rundzie 23) - kafelki (grid/grid-2), listy (list/list-2) i widok
   "catelog" uzywaja tych samych klas (.tmvf-badge-*, .tvproduct-mpn*,
   .tvproduct-name...) wiec wystarczy zdjac scoping do
   .tmvf-similar-products i zastosowac je globalnie (kategorie i
   wyszukiwarka nie maja wlasnego wrappera jak .tmvf-similar-products,
   wiec regula musi byc bez tego prefiksu, zeby tam zadzialala). */

/* Kolor: caly tekst wartosci czarny, OPROCZ Teilecode (.tmvf-badge-orange
   - nie ruszana). */
.tmvf-badge-blue,
.tmvf-badge-green {
    color: #000000 !important;
}

.tvproduct-mpn-label,
.tvproduct-name.product-title a h6 {
    color: #000000 !important;
}

/* Wieksza czcionka: nazwa produktu, etykiety/wartosci (Teilecode/Marke/
   Modell/Hubraum/KW/Kraftstoffart) i cena - wszedzie na listach
   produktow (kategorie, wyszukiwarka, podobne produkty). */
.tvproduct-name.product-title a h6 {
    font-size: 18px !important;
}

.tvproduct-mpn {
    font-size: 17px !important;
}

.tmvf-badge {
    font-size: 17px !important;
}

.tmvf-badge-green {
    font-size: 19px !important;
}

@media (max-width: 575px) {
    .tvproduct-mpn {
        font-size: 15px !important;
    }

    .tvproduct-mpn-label {
        font-size: 13px !important;
    }

    .tmvf-badge {
        font-size: 15px !important;
    }

    .tmvf-badge-green {
        font-size: 16px !important;
    }
}

/* Cena - podbite wszystkie warianty widoku (kafelki/lista/catelog), z
   !important zeby wygrac ze starszymi regulami !important dla tych
   samych selektorow wyzej w pliku (przy tej samej specyficznosci wygrywa
   ta, ktora jest NIZEJ w pliku - ta regula jest na samym koncu). */
.product-price-and-shipping .price {
    font-size: 18px !important;
}

#products.grid .tvproduct-wrapper.grid .product-price-and-shipping .price,
#products.grid-2 .tvproduct-wrapper.grid-2 .product-price-and-shipping .price,
#products.list .tvproduct-wrapper.list .product-price-and-shipping .price,
#products.list-2 .tvproduct-wrapper.list .product-price-and-shipping .price,
#products.catelog .tvproduct-wrapper.catelog .product-price-and-shipping .price {
    font-size: 18px !important;
}

/* =============================================================
   RUNDA 25 (18.09): glowne zdjecie produktu (wtyczka MagicZoom Plus -
   modul magiczoomplus) wygladalo na "pomniejszone" - duzo pustego,
   bialego miejsca w ramce pod zdjeciem (ramka/padding dodane w Rundzie 14
   sesji dla .tv-product-page-image sprawily, ze ta pusta przestrzen jest
   jeszcze bardziej widoczna). PRZYCZYNA: div.MagicToolboxMainContainer
   (i div.MagicToolboxContainer, ktory go otacza) w CSS wtyczki
   (magiczoomplus.module.css) ma tylko "max-width: 100%" - to jedynie
   GORNY LIMIT szerokosci, nie wymusza zajmowania calej dostepnej
   szerokosci kolumny. Te elementy sa domyslnie "inline-block" (patrz
   product-cover-thumbnails render), wiec bez jawnego width:100% ich
   faktyczna szerokosc to naturalna szerokosc obrazka (np. 800px), a nie
   szerokosc calej kolumny zdjecia - jesli kolumna jest szersza niz
   natywny rozmiar zdjecia, obraz renderuje sie w swoim malym, oryginalnym
   rozmiarze zamiast wypelnic dostepne miejsce, co wyglada jak
   "pomniejszone zdjecie" z pustym polem pod spodem. Wymuszamy width:100%
   na kontenerach wtyczki (na tej samej zasadzie co figure.mz-figure>img
   juz ma w CSS wtyczki: width:100%; height:auto - dzieki temu obrazek
   skaluje sie proporcjonalnie w gore, wypelniajac kolumne calkowicie,
   w tym w dol). Scoping do .tvproduct-image-slider (kontener glownego
   zdjecia na stronie produktu), zeby nie ruszac miniaturek w bocznym
   sliderze (.tvvertical-slider), ktore uzywaja innych klas. */
.tvproduct-image-slider .MagicToolboxContainer,
.tvproduct-image-slider .MagicToolboxMainContainer,
.tvproduct-image-slider .mz-figure {
    width: 100% !important;
    max-width: 100% !important;
}

.tvproduct-image-slider .mz-figure > img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
}

/* =============================================================
   RUNDA 26 (18.09): sprostowanie do Rundy 25 - problem NIE byl w samym
   zdjeciu (ktore skaluje sie poprawnie), tylko w RAMCE/POLU dookola
   niego, ktora byla celowo pomniejszona we wczesniejszej rundzie tej
   sesji (Runda 14: ".tv-product-page-image, .col-md-6.tv-product-page-
   content { border:3px...padding:13px...}"), zeby duze/pionowe zdjecia
   nie rozciagaly za bardzo calej karty. W panelu admina (pole "Custom
   Css" modulu ThemeVolty - osobne od tego pliku, z limitem ok. 226 KB)
   jest DODATKOWA regula dla samego .MagicToolboxMainContainer z
   "overflow: hidden !important" (potwierdzone przez Ciebie w DevTools) -
   w polaczeniu z jakimkolwiek ograniczeniem wysokosci to WLASNIE ta
   kombinacja przycina/pomniejsza WIDOCZNE pole, nawet jesli samo zdjecie
   (dzieki Rundzie 25) jest juz poprawnej szerokosci. Nie mam dostepu do
   tamtego pola w panelu (baza danych), zeby sprawdzic dokladnie ktora
   regula tam ogranicza wysokosc - ponizej neutralizujemy KAZDY mozliwy
   sposob ograniczenia wysokosci na calym lancuchu kontenerow zdjecia
   (od zewnetrznej "karty" az po kontener wtyczki), z bardzo wysoka
   specyficznoscia (identyczny lancuch klas jak w regule z panelu +
   dodatkowe warianty), zeby wygrac niezaleznie od tego, w ktorym pliku/
   polu siedzi oryginalna regula. */
.tvprduct-image-info-wrapper .tv-product-page-image.col-md-6 .MagicToolboxMainContainer,
.tvprduct-image-info-wrapper .tv-product-page-image .MagicToolboxContainer,
.tvprduct-image-info-wrapper .tv-product-page-image .MagicToolboxMainContainer,
.tv-product-page-image .MagicToolboxContainer,
.tv-product-page-image .MagicToolboxMainContainer,
.tvproduct-image-slider,
.tvproduct-image-slider .MagicToolboxContainer,
.tvproduct-image-slider .MagicToolboxMainContainer,
.tvproduct-image-slider .mz-figure,
.tvproduct-image-slider a.MagicZoom {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* =============================================================
   RUNDA 27 (18.09): PRAWDZIWA przyczyna znaleziona - lokalna kopia
   pola "Custom Css" z panelu admina (plik "custom 18.09.txt" na
   dysku, nie ten plik motywu) ma regule z komentarzem "Pole galerii -
   wysokosc POWIEKSZONA o ~15% (520px -> 600px)":

     .MagicToolboxMainContainer .magic-slide,
     .MagicToolboxMainContainer .MagicZoom,
     .MagicToolboxMainContainer .mz-figure {
       height: 600px !important;
       max-height: 600px !important;
       overflow: hidden !important;
       ...
     }
     .MagicToolboxMainContainer .mz-figure > img {
       position: absolute !important;
       width: 100% !important;
       height: 100% !important;
       object-fit: cover !important;
       ...
     }

   To ONA jest przyczyna "pomniejszonego pola" - wysokosc pola zdjecia
   jest NA SZTYWNO ograniczona do 600px (bez wzgledu na szerokosc
   kolumny), a zdjecie wewnatrz jest wyciete "na wypelnienie" tego pola
   (object-fit:cover), zamiast pokazac sie w calosci. To pole w panelu
   laduje sie PO tym pliku motywu w skompilowanej stronie (patrz wczesniejsze
   komentarze w tym pliku, np. przy .tv-product-price-fullwidth) - wiec przy
   TAKIEJ SAMEJ specyficznosci selektora ta regula i tak by wygrala. Ponizej
   uzywamy WYZSZEJ specyficznosci (dodatkowy #product + .tvproduct-image-slider
   w lancuchu selektora), zeby wygrac niezaleznie od kolejnosci zaladowania:
   usuwamy sztywna wysokosc/przyciecie z pola i przywracamy zdjeciu normalny,
   proporcjonalny uklad (bez cover/crop), zeby pole samo dopasowywalo sie do
   pelnej wysokosci zdjecia - to jest to samo, o co prosiles ("powieksz pole
   w dol"). */
#product .tvproduct-image-slider .MagicToolboxMainContainer .magic-slide,
#product .tvproduct-image-slider .MagicToolboxMainContainer .MagicZoom,
#product .tvproduct-image-slider .MagicToolboxMainContainer .mz-figure {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

#product .tvproduct-image-slider .MagicToolboxMainContainer .mz-figure > img,
#product .tvproduct-image-slider .MagicToolboxMainContainer img[itemprop="image"] {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
    display: block !important;
}

@media (max-width: 768px) {
    #product .tvproduct-image-slider .MagicToolboxMainContainer .magic-slide,
    #product .tvproduct-image-slider .MagicToolboxMainContainer .MagicZoom,
    #product .tvproduct-image-slider .MagicToolboxMainContainer .mz-figure {
        height: auto !important;
        max-height: none !important;
    }

    #product .tvproduct-image-slider .MagicToolboxMainContainer .magic-slide.mt-active .mz-figure > img,
    #product .tvproduct-image-slider .MagicToolboxMainContainer .magic-slide.mt-active img[itemprop="image"] {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: none !important;
        transform: none !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
    }
}

/* =============================================================
   RUNDA 28 (18.09): dopracowanie wygladu linii "Ausgebaut aus:/OEM-Nr."
   po jej przeniesieniu przez JS (positionFitmentLine() w custom.js -
   desktop: pod zdjeciem, mobile: pod "Lieferzeit"). Progi @media
   dopasowane do tego samego progu, ktorego uzywa JS (mobileViewSize =
   991px), zeby style zawsze pasowaly do faktycznego miejsca, w ktorym
   element w danej chwili sie znajduje (bez tego, w zakresie 768-991px
   element bylby juz "mobilnie" pozycjonowany, ale wciaz "desktopowo"
   stylowany, albo odwrotnie). */

/* Pogrubienie SAMYCH etykiet "Ausgebaut aus:" / "OEM-Nr.:" (nie wartosci
   po nich) - dotyczy i desktopu, i mobile. Wymaga <strong class="tmvf-
   fitment-label"> w product-fitment-line.tpl (dodane razem z ta regula) -
   bez wlasnego elementu nie dalo sie pogrubic tylko fragmentu tekstu
   samym CSS. !important, bo caly .tmvf-badge w tej linii ma wymuszone
   font-weight:400 !important (Runda 23 sesji - "cofniecie do stanu
   wyjsciowego"), ktore inaczej wygralyby z pogrubieniem etykiety mimo
   ze <strong> domyslnie jest bold w przegladarce. */
.tmvf-product-fitment .tmvf-fitment-label {
    font-weight: 700 !important;
    /* Bez tego przegladarka mogla zawijac wiersz miedzy "Ausgebaut" a "aus:"
       na waskim ekranie (to dwa oddzielne "slowa" dla mechanizmu zawijania
       tekstu, mimo ze sa w jednym <strong>) - nowrap trzyma cala etykiete
       razem w jednej linii. */
    white-space: nowrap !important;
}

/* .tmvf-badge jest globalnie display:inline-flex (do wyrownania z ikonkami
   na kartach produktow gdzie indziej w motywie) - inline-flex domyslnie ma
   flex-wrap:nowrap, wiec caly tekst wewnatrz spana (etykieta + Marke +
   Modell + Hubraum + KW + Kraftstoffart) byl traktowany jako ciag flex-
   itemow w JEDNYM wierszu i NIE zawijal sie na waskim ekranie - zamiast
   przejsc do kolejnej linii, po prostu wychodzil poza karte/ekran. Tutaj
   (tylko w tej linii pod H1, nie ruszajac badge'y na kartach produktow)
   wracamy do zwyklego "inline", zeby tekst zachowywal sie jak normalny
   akapit: etykieta i poczatek wartosci stoja obok siebie w jednej linii,
   a to, co sie nie miesci, zawija sie normalnie do kolejnej linii. */
.tmvf-product-fitment .tmvf-badge {
    display: inline !important;
}

/* Kolor calej linii "Ausgebaut aus:/OEM-Nr." na czarny - nadpisuje
   .tmvf-badge-blue (Marke/Modell) i .tmvf-badge-orange (OEM-Nr., globalnie
   zostal w kolorze #2c5a86 - Runda 24 celowo go nie ruszala, bo ta sama
   klasa sluzy tez do "Teilecode" na kartach produktow, ktory ma zostac w
   tamtym kolorze). Scoping do .tmvf-product-fitment, zeby zmienic TYLKO te
   linie pod H1, bez ruszania kart produktow/podobnych produktow. */
.tmvf-product-fitment .tmvf-badge-blue,
.tmvf-product-fitment .tmvf-badge-orange {
    color: #000000 !important;
}

/* Desktop (>991px, zgodnie z progiem JS): troche wieksza czcionka + linia
   przesunieta w prawo i w dol wzgledem zdjecia (nad ktorym teraz stoi -
   patrz positionFitmentLine() w custom.js). margin-left: 180px -> 260px
   (dalej w prawo) -> 160px -> 120px -> 45px (19.09: jeszcze troche w lewo,
   ale niedaleko - ok. 2cm/~75px mniej) -> 73px (19.09: jednak troche z
   powrotem w prawo, ok. 0,75cm/~28px wiecej) -> 93px (19.09: jeszcze troche
   w prawo). */
@media (min-width: 992px) {
    body#product.page-product .tv-product-page-image .tmvf-product-fitment {
        font-size: 15px !important;
        margin: 18px 0 0 93px !important;
    }

    body#product.page-product .tv-product-page-image .tmvf-product-fitment .tmvf-badge {
        font-size: 15px !important;
    }
}

/* Mobile (<=991px): lekki odstep od gory (od "Lieferzeit", po ktorym
   teraz stoi), bez przesuniecia w prawo (cofniete). */
@media (max-width: 991px) {
    body#product.page-product .tmvf-product-fitment {
        margin-top: 10px !important;
    }
}

/* RUNDA 29 (2026-09-18): kolejnosc atrybutow na kartach produktow (wyszukiwanie,
   kategorie, modul "podobne produkty") zmieniona w szablonach .tpl na
   Marke, Modell, Hubraum, KW, Kraftstoffart, a Teilecode/mpn przeniesiony na
   koniec. Ta klasa daje mu lekki odstep od gory, zeby wizualnie oddzielic go
   od atrybutow pojazdu powyzej. Bez scopowania do konkretnej sekcji (jak w
   Rundzie 24), zeby dzialalo wszedzie tam, gdzie wystepuje karta produktu. */
.tmvf-mpn-spaced {
    margin-top: 6px !important;
}

/* RUNDA 30 (2026-09-18): wartosc Teilecode/mpn na kartach produktow (kategorie,
   wyszukiwanie, podobne produkty) - jaskrawszy, bardziej wyrazisty niebieski
   (jak kolor linku), zamiast dotychczasowego przygaszonego granatu #2c5a86.
   Selektor BEZ .tmvf-product-fitment, zeby nie ruszac linii "Ausgebaut aus:/
   OEM-Nr." pod H1 na stronie produktu - tam kolor zostaje czarny (Runda 28,
   wyzsza specyficznosc ".tmvf-product-fitment .tmvf-badge-orange" nadal
   wygrywa). */
.tmvf-badge-orange {
    color: #0969da !important;
}

/* RUNDA 31 (2026-09-18): caly tekst linii "Ausgebaut aus:/OEM-Nr." pod H1
   ma byc czarny, w tym wartosc OEM-Nr. (.tmvf-badge-orange), ktora Runda 30
   wyzej podbila na jaskrawy niebieski #0969da na kartach produktow. Runda 28
   juz to ustawiala (".tmvf-product-fitment .tmvf-badge-orange"), ale ta
   regula powtarza to na samym koncu pliku z tym samym selektorem, zeby
   miec 100% pewnosc wygranej niezaleznie od tego, gdzie w pliku siedzi
   Runda 30 (przy rownej specyficznosci wygrywa regula nizej w pliku). */
.tmvf-product-fitment .tmvf-badge,
.tmvf-product-fitment .tmvf-badge-blue,
.tmvf-product-fitment .tmvf-badge-green,
.tmvf-product-fitment .tmvf-badge-orange {
    color: #000000 !important;
}

/* =========================================================
   ALEMOTO - PRODUCT PRICE / DELIVERY
   Poprawiona wersja dopasowana do aktualnego custom.css
   ========================================================= */

/* Główny obszar ceny: bez szarego tła, bez dużej ramki */
body#product.page-product .tv-product-page-content .product-prices {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    margin: 36px 0 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
}

/* Cena */
body#product.page-product .tv-product-page-content .product-prices > .product-price {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    float: none !important;
}

body#product.page-product .tv-product-page-content .product-prices .current-price {
    display: inline-flex !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 6px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body#product.page-product .tv-product-page-content .product-prices .current-price .price,
.product-prices .current-price .price,
.product-price .current-price .price {
    display: inline-block !important;
    vertical-align: baseline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

body#product.page-product .tv-product-page-content .product-prices .current-price .pangv-note-inline {
    display: inline-block !important;
    align-self: baseline !important;
    vertical-align: baseline !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(1px) !important;
    color: #78818d !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body#product.page-product .tv-product-page-content .product-prices .tvproduct-tax-label {
    margin: 5px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #78818d !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* Dostawa / zwrot / Lieferzeit:
   jedna kompaktowa sekcja, kończy się na treści zamiast ciągnąć się szeroko */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    gap: 6px !important;
    margin: 10px 0 0 !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 1px solid #e5e9ee !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Usunięcie szarych kafelków z 3 pozycji */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line, .return-policy-line, .delivery-information) {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #485465 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* Ikony zostają, ale bez dużych niebieskich pól */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line, .return-policy-line, .delivery-information)::before {
    display: inline-flex !important;
    position: static !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    font-family: 'Material Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #78a2cc !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > .shipping-free-line::before {
    content: "\e558" !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > .return-policy-line::before {
    content: "\e166" !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > .delivery-information::before {
    content: "\e8b5" !important;
}

/* Pusty span nie ma zajmować miejsca */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:empty {
    display: none !important;
}

/* MOBILE - tylko korekta rozmiarów, bez zmiany desktopowego układu */
@media (max-width: 767px) {
    body#product.page-product .tv-product-page-content .product-prices {
        padding: 0 !important;
    }

    body#product.page-product .tv-product-page-content .product-prices .current-price .price {
        font-size: 28px !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
        width: auto !important;
        max-width: 100% !important;
        margin-top: 10px !important;
        padding: 9px 10px !important;
        gap: 6px !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    .tax-shipping-delivery-label > span:is(.shipping-free-line, .return-policy-line, .delivery-information) {
        width: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        font-size: 13px !important;
    }
}


/* =========================================================
   ALEMOTO PRODUCT UI V3
   Lekkie kafelki: dostawa / zwrot / czas + mobile fitment
   ========================================================= */

/* --- 3 lekkie kafelki obok siebie --- */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information) {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 92px !important;
    padding: 10px 6px !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    background: #f7faff !important;
    border: 1px solid #e1ebf6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #46566a !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

/* Mocniej niebieskie, ale nadal lekkie ikony */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information)::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    color: #2878c8 !important;
    background: #e9f3ff !important;
    border: 0 !important;
    border-radius: 9px !important;
    font-size: 21px !important;
}

/* --- logo Alemoto przy cenie bliżej prawej krawędzi --- */
body#product.page-product .tv-product-page-content .product-prices .current-price {
    position: relative !important;
    width: 100% !important;
    padding-right: 72px !important;
}

body#product.page-product .tv-product-page-content .product-prices .current-price::after {
    position: absolute !important;
    right: 2px !important;
    left: auto !important;
    margin: 0 !important;
}

/* --- Dostępność: Verfügbar / Express Versand / Garantie --- */
body#product.page-product .tv-product-page-content #product-availability {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
body#product.page-product .tv-product-page-content #product-availability::after {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    box-sizing: border-box !important;
    border: 1px solid #dfe9f3 !important;
    border-radius: 8px !important;
    background: #f8fbfe !important;
    color: #3d5369 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
}

/* Gwarancja jako trzeci badge - bez zmiany HTML */
body#product.page-product .tv-product-page-content #product-availability::before {
    content: "✓ Garantie: 1 Monat" !important;
    display: inline-flex !important;
    align-items: center !important;
    order: 3 !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    box-sizing: border-box !important;
    border: 1px solid #dfe9f3 !important;
    border-radius: 8px !important;
    background: #f8fbfe !important;
    color: #2878c8 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 767px) {

    /* 3 kwadraty nadal obok siebie */
    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 6px !important;
        margin-top: 11px !important;
        padding: 0 !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    .tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information) {
        flex: 1 1 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 88px !important;
        padding: 8px 4px !important;
        gap: 5px !important;
        border-radius: 9px !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    .tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information)::before {
        flex-basis: 31px !important;
        width: 31px !important;
        height: 31px !important;
        border-radius: 8px !important;
        font-size: 19px !important;
    }

    /* Logo bliżej prawej krawędzi również na mobile */
    body#product.page-product .tv-product-page-content .product-prices .current-price {
        padding-right: 66px !important;
    }

    body#product.page-product .tv-product-page-content .product-prices .current-price::after {
        right: 0 !important;
        left: auto !important;
    }

    /* Ausgebaut aus / OEM - dwa lekkie, czytelne badge */
    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) p.tmvf-product-fitment {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 6px !important;
        margin: 12px 0 16px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-badge {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 9px 11px !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        border: 1px solid #e5eaf0 !important;
        color: #4b5968 !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.45 !important;
        text-align: left !important;
        box-shadow: none !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-badge-blue {
        border-left: 3px solid #4b91d1 !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-badge-orange {
        border-left: 3px solid #e5a14a !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-fitment-label {
        display: inline !important;
        margin-right: 3px !important;
        color: #26384b !important;
        font-weight: 700 !important;
    }

    /* Dostępność - lekkie kapsułki, mieszczą się i zawijają */
    body#product.page-product .tv-product-page-content #product-availability {
        gap: 5px !important;
        margin-bottom: 16px !important;
    }

    body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
    body#product.page-product .tv-product-page-content #product-availability::after,
    body#product.page-product .tv-product-page-content #product-availability::before {
        min-height: 28px !important;
        padding: 5px 8px !important;
        border-radius: 7px !important;
        font-size: 10px !important;
    }
}


/* =========================================================
   ALEMOTO PRODUCT UI V4 - FINAL ORDER / SPACING
   Cena -> Ausgebaut/OEM -> 3 kafelki -> statusy
   ========================================================= */

/* 1. CENA / ALEMOTO pozostaje na górze */
body#product.page-product .tv-product-page-content .product-prices {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/* 2. AUSGEBAUT + OEM - zaraz pod ceną, lekki odstęp, bez ramek */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) p.tmvf-product-fitment {
    order: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 18px !important;
    margin: 14px 0 16px !important;
    padding: 0 !important;
    transform: none !important;
    position: static !important;
    box-sizing: border-box !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-badge {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #566273 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-fitment-label {
    color: #26384b !important;
    font-weight: 700 !important;
}

/* product-price ma być pierwsze */
body#product.page-product .tv-product-page-content .product-prices > .product-price {
    order: 1 !important;
}

/* 3. TRZY KAFELKI - pełna szerokość */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
    order: 3 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information) {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    min-height: 96px !important;
    padding: 11px 7px !important;
    box-sizing: border-box !important;
}

/* 4. VERFÜGBAR / EXPRESS / GARANTIE - bez tła, pełna szerokość */
body#product.page-product .tv-product-page-content #product-availability {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
body#product.page-product .tv-product-page-content #product-availability::after,
body#product.page-product .tv-product-page-content #product-availability::before {
    display: flex !important;
    flex: 1 1 0 !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 5px 3px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #55a36a !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

/* gwarancja */
body#product.page-product .tv-product-page-content #product-availability::before {
    content: "✓ Garantie: 1 Monat" !important;
    order: 3 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 767px) {

    /* Ausgebaut / OEM - dwa lekkie wiersze, bez obramowania */
    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) p.tmvf-product-fitment {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 5px !important;
        width: 100% !important;
        margin: 13px 0 15px !important;
        padding: 0 !important;
        transform: none !important;
        position: static !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-badge {
        display: block !important;
        width: 100% !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #566273 !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    /* trzy równe kafelki w jednym rzędzie */
    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
        width: 100% !important;
        gap: 6px !important;
        margin: 0 0 14px !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    .tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information) {
        flex: 1 1 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 92px !important;
        padding: 8px 4px !important;
    }

    /* 3 statusy wypełniają całą szerokość, bez tła */
    body#product.page-product .tv-product-page-content #product-availability {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 3px !important;
        margin-bottom: 16px !important;
    }

    body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
    body#product.page-product .tv-product-page-content #product-availability::after,
    body#product.page-product .tv-product-page-content #product-availability::before {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        min-height: 32px !important;
        padding: 4px 2px !important;
        background: transparent !important;
        border: 0 !important;
        color: #55a36a !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        white-space: normal !important;
    }
}


/* =========================================================
   ALEMOTO PRODUCT UI V5
   większe odstępy + statusy w ramkach + ukrycie reassurance
   ========================================================= */

/* Większy odstęp: CENA -> AUSGEBAUT */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) p.tmvf-product-fitment {
    margin-top: 24px !important;
    margin-bottom: 25px !important;
}

/* Ausgebaut + OEM nadal bez ramek */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-badge {
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Verfügbar / Express Versand / Garantie - lekkie ramki */
body#product.page-product .tv-product-page-content #product-availability {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
}

body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
body#product.page-product .tv-product-page-content #product-availability::after,
body#product.page-product .tv-product-page-content #product-availability::before {
    display: flex !important;
    flex: 1 1 0 !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 7px 8px !important;
    box-sizing: border-box !important;

    background: #fbfefc !important;
    border: 1px solid #dcebe0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    color: #55a36a !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

body#product.page-product .tv-product-page-content #product-availability::before {
    content: "✓ Garantie: 1 Monat" !important;
    order: 3 !important;
}

/* Ukrycie całego modułu: Datenschutz / AGB / Widerrufsrecht */
body#product.page-product #block-reassurance,
body#product.page-product .blockreassurance_product {
    display: none !important;
}

/* MOBILE */
@media (max-width: 767px) {

    /* więcej powietrza pod ceną */
    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) p.tmvf-product-fitment {
        margin-top: 22px !important;
        margin-bottom: 24px !important;
        gap: 6px !important;
    }

    /* dodatkowy odstęp po OEM przed 3 kafelkami */
    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-badge:last-child {
        margin-bottom: 3px !important;
    }

    /* statusy nadal 3 obok siebie, ale w lekkich ramkach */
    body#product.page-product .tv-product-page-content #product-availability {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 5px !important;
        margin-bottom: 16px !important;
    }

    body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
    body#product.page-product .tv-product-page-content #product-availability::after,
    body#product.page-product .tv-product-page-content #product-availability::before {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 6px 4px !important;

        background: #fbfefc !important;
        border: 1px solid #dcebe0 !important;
        border-radius: 7px !important;

        color: #55a36a !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        white-space: normal !important;
    }
}


/* =========================================================
   ALEMOTO PRODUCT UI V6
   Cena -> Ausgebaut/OEM -> Warenkorb -> 3 kafelki -> status
   ========================================================= */

/* AUSGEBAUT / OEM: pozycja jak na mobile, większe odstępy */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) p.tmvf-product-fitment {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 10px !important;
    margin: 25px 0 27px !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-badge {
    display: block !important;
    width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #536171 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-fitment-label {
    color: #26384b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* OEM: wartość w jaskrawym linkowym niebieskim.
   Cały badge OEM jest niebieski, label wraca na ciemny kolor. */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-badge-orange {
    color: #0066cc !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-badge-orange .tmvf-fitment-label {
    color: #26384b !important;
}

/* 3 kafelki: więcej przestrzeni dookoła */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
    order: 4 !important;
    gap: 11px !important;
    margin: 22px 0 24px !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information) {
    min-height: 94px !important;
}

/* =========================================================
   DODAJ DO KOSZYKA - lżejszy i mniej jaskrawy
   Ustawiamy sekcję zakupu przed 3 kafelkami.
   ========================================================= */
body#product.page-product .tv-product-page-content .product-add-to-cart {
    margin: 0 0 4px !important;
}


/* =========================================================
   VERFÜGBAR / EXPRESS / GARANTIE
   neutralne statusy, tylko 1 Monat zielone
   ========================================================= */
body#product.page-product .tv-product-page-content #product-availability {
    gap: 11px !important;
    margin: 0 0 22px !important;
    background: transparent !important;
}

body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
body#product.page-product .tv-product-page-content #product-availability::after {
    background: #fff !important;
    border: 1px solid #e1e7ed !important;
    color: #536171 !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
}

/* Tarcza + fajka dla gwarancji.
   Tekst gwarancji neutralny, 1 Monat zielone poprzez osobny pseudo-element. */
body#product.page-product .tv-product-page-content #product-availability::before {
    content: "🛡✓  Garantie" !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    background: #fff !important;
    border: 1px solid #e1e7ed !important;
    color: #536171 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Zielone 1 Monat jako mały element po sekcji statusów */
body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text:last-child {
    color: #536171 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 767px) {

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) p.tmvf-product-fitment {
        gap: 9px !important;
        margin: 24px 0 26px !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-badge,
    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-fitment-label {
        font-size: 12px !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label {
        gap: 8px !important;
        margin: 20px 0 22px !important;
    }

    body#product.page-product .tv-product-page-content .product-add-to-cart {
        margin-bottom: 3px !important;
    }


    body#product.page-product .tv-product-page-content #product-availability {
        gap: 7px !important;
        margin-bottom: 20px !important;
    }

    body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
    body#product.page-product .tv-product-page-content #product-availability::after,
    body#product.page-product .tv-product-page-content #product-availability::before {
        min-height: 42px !important;
        padding: 6px 4px !important;
        background: #fff !important;
        border: 1px solid #e1e7ed !important;
        color: #536171 !important;
        font-size: 10.5px !important;
    }
}

/* Datenschutz / AGB / Widerrufsrecht nadal ukryte */
body#product.page-product #block-reassurance,
body#product.page-product .blockreassurance_product {
    display: none !important;
}


/* =========================================================
   ALEMOTO V6.1 - przywrócony oryginalny kolor przycisku
   ========================================================= */

/* Nie zmieniamy koloru przycisku z motywu. Tylko lekko go odchudzamy. */
body#product.page-product .tv-product-page-content .product-add-to-cart .add-to-cart,
body#product.page-product .tv-product-page-content button.add-to-cart {
    min-height: 40px !important;
    height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 13px !important;
}

/*
   WAŻNE:
   .product-add-to-cart nie jest dzieckiem :is(.product-prices, .tm-product-layout-fragment), więc samo CSS order
   nie przeniesie go pomiędzy OEM a trzema kafelkami.
   Pozycję przycisku trzeba zmienić w HTML/TPL/JS modułu.
*/


/* =========================================================
   ALEMOTO PRODUCT UI V6.2
   większy fitment + chudsze pola + shield-check
   ========================================================= */

/* Ausgebaut / OEM - większy label i większa treść */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-badge {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-fitment-label {
    font-size: 14px !important;
    font-weight: 750 !important;
}

/* OEM nadal linkowo-niebieski */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
p.tmvf-product-fitment .tmvf-badge-orange {
    color: #0066cc !important;
}

/* 3 główne kafelki - wyraźnie chudsze */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information) {
    min-height: 76px !important;
    padding: 8px 6px !important;
    gap: 5px !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information)::before {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    font-size: 19px !important;
}

/* Statusy też chudsze */
body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
body#product.page-product .tv-product-page-content #product-availability::after,
body#product.page-product .tv-product-page-content #product-availability::before {
    min-height: 34px !important;
    padding: 5px 8px !important;
}

/* Garantie: tarcza Z FAJKĄ W ŚRODKU.
   Używamy znaku shield-check zamiast tarczy i fajki obok siebie. */
body#product.page-product .tv-product-page-content #product-availability::before {
    content: "🛡︎  Garantie · 1 Monat" !important;
    color: #536171 !important;
}

/* Delikatny zielony akcent gwarancji.
   Przy obecnym pseudo-elemencie CSS nie da się pokolorować wyłącznie
   fragmentu tekstu "1 Monat", dlatego używamy subtelnego zielonego akcentu
   na końcu pola bez jaskrawego koloru całej sekcji. */
body#product.page-product .tv-product-page-content #product-availability::before {
    border-color: #dbe8df !important;
}

/* MOBILE */
@media (max-width: 767px) {
    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-badge,
    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    p.tmvf-product-fitment .tmvf-fitment-label {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
    .tax-shipping-delivery-label > span:is(.shipping-free-line,.return-policy-line,.delivery-information) {
        min-height: 72px !important;
        padding: 7px 3px !important;
    }

    body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
    body#product.page-product .tv-product-page-content #product-availability::after,
    body#product.page-product .tv-product-page-content #product-availability::before {
        min-height: 34px !important;
        padding: 5px 3px !important;
    }
}


/* Purchase order on desktop and mobile: fitment, cart button, delivery. */
body#product.page-product .tv-product-page-content .tm-product-layout-fragment {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    order: 0 !important;
    clear: both;
}
body#product.page-product .tv-product-page-content .tm-product-layout-fragment > .tmvf-product-fitment,
body#product.page-product .tv-product-page-content .tm-product-layout-fragment > .tax-shipping-delivery-label {
    width: 100%;
}


/* Product sections follow their DOM order on desktop and mobile. */
body#product.page-product .tv-product-page-content > .product-prices,
body#product.page-product .tv-product-page-content > .tm-product-fitment-slot,
body#product.page-product .tv-product-page-content > #product-availability,
body#product.page-product .tv-product-page-content > [id^="product-description-short-"],
body#product.page-product .tv-product-page-content > .product-information {
    order: 0 !important;
}
/* Keep the button, description and original buyer protection in rows. */
body#product.page-product .tv-product-page-content .tv-product-page-add-to-cart-wrapper > .tvcart-btn-model,
body#product.page-product .tv-product-page-content .tv-product-page-add-to-cart-wrapper > [id^="product-description-short-"],
body#product.page-product .tv-product-page-content .tv-product-page-add-to-cart-wrapper > .product-info-box-cart {
    float: none !important;
    clear: both;
    width: 100%;
    flex: 0 0 100%;
    order: 0 !important;
}


/* Desktop: larger vehicle/OEM text without a frame, with more spacing. */
@media (min-width: 992px) {
    body#product.page-product .tv-product-page-content .tm-product-fitment-slot,
    body#product.page-product .tv-product-page-content .tm-product-fitment-slot p.tmvf-product-fitment,
    body#product.page-product .tv-product-page-content .tm-product-fitment-slot .tmvf-badge {
        border: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
        border-radius: 0 !important;
    }

    body#product.page-product .tv-product-page-content .tm-product-fitment-slot {
        padding: 0 !important;
        margin: 8px 0 0 !important;
    }

    body#product.page-product .tv-product-page-content .tm-product-fitment-slot p.tmvf-product-fitment {
        margin: 0 !important;
        padding: 0 !important;
        gap: 4px !important;
    }

    body#product.page-product .tv-product-page-content .tm-product-fitment-slot p.tmvf-product-fitment .tmvf-badge,
    body#product.page-product .tv-product-page-content .tm-product-fitment-slot p.tmvf-product-fitment .tmvf-fitment-label {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}

/* Guarantee: a clean shield and a matching soft-blue duration. */
body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
body#product.page-product .tv-product-page-content #product-availability::after {
    border: 0 !important;
    box-shadow: none !important;
}
body#product.page-product .tv-product-page-content #product-availability.tm-has-guarantee::before {
    content: none !important;
    display: none !important;
}
body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee {
    display: flex;
    flex: 1 1 0;
    order: 3;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 34px;
    padding: 5px 3px;
    box-sizing: border-box;
    border: 1px solid #dce8f2;
    border-radius: 8px;
    background: #fff;
    color: #536171;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0;
}
@media (max-width: 991px) {
    body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee {
        flex: 0 0 auto;
        white-space: nowrap;
        font-size: 10px;
        gap: 3px;
    }
    body#product.page-product .tv-product-page-content #product-availability.tm-has-guarantee .tm-product-guarantee svg {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }
}
body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    fill: #fff8f2;
    stroke: #e58e46;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee {
    color: #536171 !important;
}
body#product.page-product .tv-product-page-content #product-availability .tm-guarantee-period {
    color: #e58e46 !important;
    white-space: nowrap;
    font-weight: 700;
}

/* Ausgebaut aus / OEM-Nr. — czytelna czcionka, zero rozstrzelenia liter, brak zbędnych przerw */
body#product.page-product .tv-product-page-content .tmvf-product-fitment,
body#product.page-product .tv-product-page-content p.tmvf-product-fitment,
.tmvf-product-fitment,
p.tmvf-product-fitment {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin-top: 14px !important;
    margin-bottom: 22px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

body#product.page-product .tv-product-page-content .tm-product-fitment-slot {
    padding: 0 !important;
    margin: 0 !important;
}

/* Artikel-Nr. nad nazwą produktu: mała, wyblakła szara czcionka (12px, #78818d) */
.tm-product-sku-top {
    display: block !important;
    font-size: 12px !important;
    color: #78818d !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.tm-product-sku-top .tm-sku-label {
    font-weight: 600 !important;
    color: #78818d !important;
    margin-right: 4px !important;
}
.tm-product-sku-top .tm-sku-val {
    font-weight: 500 !important;
    color: #78818d !important;
}

.tmvf-product-fitment .tmvf-badge,
p.tmvf-product-fitment .tmvf-badge,
body#product.page-product .tv-product-page-content .tm-product-fitment-slot p.tmvf-product-fitment .tmvf-badge {
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #000000 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

.tmvf-product-fitment .tmvf-fitment-label,
p.tmvf-product-fitment .tmvf-fitment-label,
body#product.page-product .tv-product-page-content .tm-product-fitment-slot p.tmvf-product-fitment .tmvf-fitment-label {
    display: inline !important;
    color: #000000 !important;
    font-weight: 700 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    margin-right: 4px !important;
}

.tmvf-engine-specs,
.tmvf-reference-value {
    display: inline !important;
    color: #000000 !important;
}

.tmvf-car-icon {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;
    margin-right: 6px !important;
    display: inline-block !important;
}

.tmvf-product-fitment a,
.tmvf-product-fitment a:hover,
.tmvf-product-fitment a:focus,
p.tmvf-product-fitment a {
    color: #0066cc !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

/* Verfügbar: checkmark & pale orange (bez obramówki i BEZ TŁA) */
body.page-product #product-availability .tvproduct-availability-text,
body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text {
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    padding: 0 6px 0 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #e58e46 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}
body.page-product #product-availability .tvproduct-availability-text::before,
body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text::before {
    content: "✓ " !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    margin-right: 4px !important;
    color: #e58e46 !important;
    display: inline-block !important;
}

/* =============================================================
   SPACING & PROPORTIONS: KOREKTA ODSTĘPÓW (23.09)
   ============================================================= */

/* Większy odstęp od ceny w dół */
body#product.page-product .tv-product-page-content .product-prices,
body.page-product .product-prices,
.product-prices {
    margin-top: 36px !important;
    margin-bottom: 68px !important;
}

/* 1. Dostępność (Verfügbar, Express, Garantie): obniżenie w dół od OEM */
body#product.page-product .tv-product-page-content #product-availability,
body.page-product #product-availability {
    display: flex !important;
    width: 100% !important;
    clear: both !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 100px !important;
    margin-bottom: 4px !important;
}

/* 2. Formularz i przycisk: wyzerowanie zbędnego paddingu/marginesu nad przyciskiem */
body#product.page-product .tv-product-page-content .tvproduct-special-desc,
body#product.page-product .tv-product-page-content .product-information,
body#product.page-product .tv-product-page-content .product-actions,
body#product.page-product .tv-product-page-content .product-add-to-cart {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
    clear: both !important;
}

body#product.page-product .tv-product-page-content .product-add-to-cart .tvcart-btn-model,
.tvcart-btn-model {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    width: 100% !important;
    clear: both !important;
}

/* 3. Przycisk "In den Warenkorb":
      - POSZERZONY I POGRUBIONY (min-height: 58px, padding: 16px 36px, font-weight: 700, font-size: 17px)
      - ZERO MARGINESÓW ZBĘDNYCH (margin: 0 !important)
      - BEZ CAPSLOCKA (text-transform: none !important)
      - ZERO ROZSTRZELENIA LITER (letter-spacing: 0 !important; word-spacing: 0 !important)
      - Ikonka koszyka widoczna */
body#product .tvcart-btn-model .add-to-cart,
body#product .tvcart-btn-model .add-to-cart *,
button.tvall-inner-btn.add-to-cart,
button.tvall-inner-btn.add-to-cart *,
.tvcart-btn-model .add-to-cart,
.tvcart-btn-model .add-to-cart *,
.tvall-inner-btn.add-to-cart,
.tvall-inner-btn.add-to-cart * {
    text-transform: none !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

body#product .tvcart-btn-model .add-to-cart,
button.tvall-inner-btn.add-to-cart,
.tvcart-btn-model .add-to-cart,
.tvall-inner-btn.add-to-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 16px 36px !important;
    margin: 0 !important;
    border-radius: 6px !important;
}

body#product .tvcart-btn-model .add-to-cart span,
button.tvall-inner-btn.add-to-cart span,
.tvcart-btn-model .add-to-cart span,
.tvall-inner-btn.add-to-cart span {
    text-transform: none !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    font-family: 'Roboto', sans-serif !important;
}

body#product .tvcart-btn-model .add-to-cart i.shopping-cart,
button.tvall-inner-btn.add-to-cart i.shopping-cart,
button.tvall-inner-btn.add-to-cart i.material-icons.shopping-cart {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
}

/* 4. Alemoto Käuferschutz - Sicher einkaufen: minimalny odstęp od koszyka i pod sobą, zachowany pełny oryginalny wygląd */
body#product.page-product .tv-product-page-content .product-add-to-cart .product-info-box-cart,
.product-add-to-cart .product-info-box-cart,
.product-info-box.product-info-box-cart {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    width: 100% !important;
    clear: both !important;
}

/* 5. 3 kafelki dostawy (Kostenlose Lieferung itp.) - tuż pod Käuferschutz bez dużej luki */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label,
.tm-product-delivery-slot > .tax-shipping-delivery-label,
.tax-shipping-delivery-label {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    gap: 8px !important;
}

@media (max-width: 991px) {
    body#product.page-product .tv-product-page-content .product-prices,
    body.page-product .product-prices {
        margin-top: 42px !important;
        margin-bottom: 54px !important;
    }
    body#product.page-product .tv-product-page-content .tm-product-fitment-slot p.tmvf-product-fitment .tmvf-badge-blue,
    body#product.page-product .tv-product-page-content .tm-product-fitment-slot p.tmvf-product-fitment .tmvf-badge-blue .tmvf-fitment-label,
    .tmvf-product-fitment,
    p.tmvf-product-fitment {
        margin-top: 10px !important;
        margin-bottom: 24px !important;
        gap: 6px !important;
    }
    body#product.page-product .tv-product-page-content #product-availability,
    body.page-product #product-availability {
        margin-top: 90px !important;
        margin-bottom: 6px !important;
    }
    body#product .tvcart-btn-model .add-to-cart,
    button.tvall-inner-btn.add-to-cart,
    .tvcart-btn-model .add-to-cart {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 58px !important;
        padding: 16px 28px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    body#product.page-product .tv-product-page-content .product-add-to-cart .add-to-cart i.shopping-cart {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 24px !important;
        line-height: 1 !important;
        width: 24px !important;
        height: 24px !important;
        margin: 0 10px 0 0 !important;
        flex: 0 0 24px;
    }
    body#product.page-product .tv-product-page-content .product-add-to-cart .product-info-box-cart {
        margin-top: 4px !important;
        margin-bottom: 8px !important;
    }
}

/* WCAG AA contrast for search and input placeholders */
::placeholder {
    color: #555555 !important;
    opacity: 1 !important;
}
:-ms-input-placeholder {
    color: #555555 !important;
}
::-ms-input-placeholder {
    color: #555555 !important;
}

/* --- SEO & UX: Product FAQ Styles --- */
.product-faq-wrapper {
    padding: 15px 0;
}
.product-faq-wrapper .faq-item {
    margin-bottom: 20px;
    padding: 16px 20px;
    background: #fbfbfb;
    border-left: 4px solid #0056b3;
    border-radius: 4px;
}
.product-faq-wrapper .faq-question {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.product-faq-wrapper .faq-question i {
    color: #0056b3;
    font-size: 20px;
}
.product-faq-wrapper .faq-answer {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* =========================================================
   CAR-SPECS TABLE - IDENTYCZNY WYGLĄD JAK dl.data-sheet (Artikeldetails)
   ========================================================= */
table.car-specs {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    background: transparent !important;
}

table.car-specs tbody {
    display: table-row-group !important;
    width: 100% !important;
    border: none !important;
}

table.car-specs tr {
    display: table-row !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    height: auto !important;
}

table.car-specs th,
table.car-specs td {
    width: 50% !important;
    padding: 10px !important;
    margin: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: inherit !important;
    text-transform: capitalize !important;
    text-align: left !important;
    word-break: normal !important;
}

/* Tła naprzemienne - DOKŁADNIE takie same jak w .product-features>dl.data-sheet:
   Wiersz nieparzysty: #ffffff
   Wiersz parzysty (2n): #f5f5f5 */
table.car-specs tbody tr:nth-child(odd) th,
table.car-specs tbody tr:nth-child(odd) td {
    background-color: #ffffff !important;
}

table.car-specs tbody tr:nth-child(even) th,
table.car-specs tbody tr:nth-child(even) td {
    background-color: #f5f5f5 !important;
}

/* =========================================================
   UKRYCIE ZAKŁADEK I BLOKÓW: [Artikeldetails] ORAZ [Reviews]
   ========================================================= */
.tvproduct-description-tab .nav-tabs a[href="#product-details"],
.tvproduct-description-tab .nav-tabs li:has(a[href="#product-details"]),
#product-details,
.tvproduct-description-tab .nav-tabs a[href*="Tab5"],
.tvproduct-description-tab .nav-tabs li:has(a[href*="Tab5"]),
.tvproduct-description-tab .nav-tabs a[href*="comment"],
.tvproduct-description-tab .nav-tabs li:has(a[href*="comment"]),
.tvproduct-description-tab .nav-tabs a[href*="review"],
.tvproduct-description-tab .nav-tabs li:has(a[href*="review"]),
#idTab5,
#product-comments,
.comments_note,
.comments_advices,
.tvproduct-review,
.tvproduct-review-box,
.tvproduct-page-content .hook-reviews,
#product-comments-list-header {
    display: none !important;
}

/* =============================================================
   Zielone "Kostenloser Versand" bezpośrednio pod ceną
   na karcie produktu (z małym odstępem)
   ============================================================= */
.product-prices .product-shipping-line {
    display: flex !important;
    align-items: center !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    clear: both !important;
}

.product-prices .product-shipping-line .pangv-note-shipping {
    display: inline-flex !important;
    align-items: center !important;
    color: #16a34a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.product-prices .product-shipping-line .pangv-note-shipping::before {
    content: "\e558" !important;
    font-family: 'Material Icons' !important;
    font-weight: normal !important;
    font-style: normal !important;
    display: inline-block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #16a34a !important;
    margin-right: 5px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

/* Dynamiczny czas dostawy (2-4 dni robocze z datami) pod Kostenloser Versand */
.product-prices .product-delivery-time-line {
    display: flex !important;
    align-items: center !important;
    margin-top: 4px !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
    width: 100% !important;
    clear: both !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: #4b5563 !important;
}

.product-prices .product-delivery-time-line .delivery-time-icon {
    font-size: 16px !important;
    color: #6b7280 !important;
    margin-right: 5px !important;
    vertical-align: middle !important;
    display: inline-block !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.product-prices .product-delivery-time-line .delivery-time-text {
    display: inline-block !important;
    color: #374151 !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

.product-prices .product-delivery-time-line .delivery-dates-range {
    color: #111827 !important;
    font-weight: 700 !important;
}

.product-prices .product-delivery-time-line .delivery-working-days {
    color: #6b7280 !important;
    font-size: 12px !important;
    margin-left: 3px !important;
}

/* Modul wyszukiwarki pojazdow na karcie produktu (delikatny, jasnoszary, zaokraglone rogi) */
.tmvf-product-search-box {
    margin: 28px 16px 28px 16px !important;
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.85) 0%, rgba(241, 245, 249, 0.85) 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

@media (min-width: 992px) {
    .tmvf-product-search-box {
        margin: 32px 20px 32px 20px !important;
        padding: 26px 34px !important;
    }
}

.tmvf-product-search-header {
    margin-bottom: 20px !important;
}

.tmvf-header-title-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
}

.tmvf-header-title-wrap .tmvf-search-icon {
    font-size: 34px !important;
    color: #2563eb !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    background: rgba(37, 99, 235, 0.12) !important;
    border-radius: 10px !important;
}

.tmvf-title-text-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.tmvf-product-search-kicker {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #2563eb !important;
}

.tmvf-product-search-title {
    margin: 0 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.2px !important;
    line-height: 1.25 !important;
}

.tmvf-product-search-box .tmvf-form {
    margin: 0 !important;
}

.tmvf-product-search-box .tmvf-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: flex-end !important;
}

.tmvf-product-search-box .tmvf-field {
    display: flex !important;
    flex-direction: column !important;
    min-width: 190px !important;
    flex: 1 1 190px !important;
}

.tmvf-product-search-box .tmvf-field label {
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.tmvf-product-search-box .tmvf-field select,
.tmvf-product-search-box .tmvf-custom-select-toggle {
    height: 52px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0b1f3a !important;
    background-color: #ffffff !important;
    border: 2px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease !important;
}

.tmvf-product-search-box .tmvf-field select:disabled {
    background-color: #e7ebf1 !important;
    color: #8a94a3 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.tmvf-product-search-box .tmvf-field select:focus,
.tmvf-product-search-box .tmvf-custom-select-toggle.open {
    border-color: #ff5a00 !important;
    box-shadow: 0 0 0 3px rgba(255, 90, 0, 0.35) !important;
}

.tmvf-product-search-box .tmvf-submit {
    flex: 0 0 auto !important;
    min-width: 140px !important;
}

.tmvf-product-search-box .tmvf-submit .btn {
    height: 52px !important;
    line-height: 52px !important;
    padding: 0 28px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    background-color: #ff5a00 !important;
    border-color: #ff5a00 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(255, 90, 0, 0.35) !important;
    transition: all 0.2s ease !important;
}

.tmvf-product-search-box .tmvf-submit .btn:hover {
    background-color: #e04e00 !important;
    border-color: #e04e00 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(255, 90, 0, 0.45) !important;
}

@media (max-width: 767px) {
    .tmvf-product-search-box {
        padding: 20px 16px !important;
        margin: 24px 0 !important;
        background: linear-gradient(135deg, rgba(248, 250, 252, 0.85) 0%, rgba(241, 245, 249, 0.85) 100%) !important;
    }
    .tmvf-product-search-title {
        font-size: 18px !important;
    }
    .tmvf-product-search-box .tmvf-field,
    .tmvf-product-search-box .tmvf-submit {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
    .tmvf-product-search-box .tmvf-submit .btn {
        width: 100% !important;
    }
}

/* ==========================================================================
   POPRAWKI KARTY PRODUKTU (RUNDA 2):
   1) Wyrównanie na mobile: Verfügbar, Express Versand, Garantie (równe odległości)
   2) Kolor Verfügbar: TYLKO pomarańczowa fajka, tekst czarny/ciemny
   3) Czyste ikony i treść w Kostenlose Lieferung, Rückgaberecht itp. (bez obramówek i tła)
   4) Tabela opisu na mobile na 100% szerokości ekranu (usuwa padding z kontenerów)
   7) PRZYWRÓCONE tło pod Alemoto Käuferschutz
   ========================================================================== */

/* 7. Alemoto Käuferschutz: Pojedyncza, estetyczna zielona ramka z tłem (bez dublowania ramek) */
body#product.page-product .tv-product-page-content .product-add-to-cart .product-info-box-cart,
.product-add-to-cart .product-info-box-cart,
.product-info-box.product-info-box-cart {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 4px 0 10px 0 !important;
}

body#product.page-product .tv-product-page-content .product-add-to-cart .product-info-box.product-info-box-cart .product-info-item.product-info-payment,
body#product.page-product .product-info-box.product-info-box-cart .product-info-item.product-info-payment,
body#product.page-product .product-info-item.product-info-payment,
.product-info-item.product-info-payment {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 4px auto 10px auto !important;
    background: #f0fdf4 !important;
    background-color: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    box-shadow: none !important;
}

body#product.page-product .product-info-item.product-info-payment .product-info-icon,
body#product.page-product .product-info-item.product-info-payment .product-info-icon-payment {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
    margin: 0 8px 0 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex: 0 0 28px !important;
}

body#product.page-product .product-info-item.product-info-payment .product-info-text,
body#product.page-product .product-info-item.product-info-payment .product-info-text-payment {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
}

body#product.page-product .product-info-item.product-info-payment .product-info-payment-heading {
    text-align: center !important;
    display: inline-block !important;
    width: auto !important;
}

/* 3. Kostenlose Lieferung, Rückgaberecht, Lieferzeit:
      bez obramowania kontenera, bez obramówek kwadracików, bez tła pod ikonami */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment) > .tax-shipping-delivery-label,
.tm-product-delivery-slot > .tax-shipping-delivery-label,
.tax-shipping-delivery-label {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line, .return-policy-line, .delivery-information),
.tax-shipping-delivery-label > span {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
}

body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span:is(.shipping-free-line, .return-policy-line, .delivery-information)::before,
.tax-shipping-delivery-label > span::before {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* 2. Kolor Verfügbar: tekst ciemny (#3d5369 / #222222), TYLKO fajka ma kolor taki jak Garantie 1 Monat (#e58e46) */
body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
body.page-product #product-availability .tvproduct-availability-text {
    color: #3d5369 !important;
}

body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text::before,
body.page-product #product-availability .tvproduct-availability-text::before {
    content: "✓ " !important;
    color: #e58e46 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    margin-right: 4px !important;
    display: inline-block !important;
}

body#product.page-product .tv-product-page-content #product-availability i.material-icons,
body.page-product #product-availability i.material-icons {
    display: none !important;
}

/* 1. Wyrównanie na mobile: Verfügbar, Express Versand, Garantie
      Równe odległości między nimi (gap: 8px), równe 3 kolumny (flex: 1 1 0), równe marginesy i wyśrodkowanie */
@media (max-width: 767px) {
    body#product.page-product .tv-product-page-content #product-availability,
    body.page-product #product-availability {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        width: 100% !important;
        gap: 8px !important;
        margin-top: 85px !important;
        margin-bottom: 6px !important;
        box-sizing: border-box !important;
    }

    body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
    body#product.page-product .tv-product-page-content #product-availability::after,
    body#product.page-product .tv-product-page-content #product-availability::before,
    body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee {
        flex: 1 1 0 !important;
        width: calc((100% - 16px) / 3) !important;
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 6px 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 10.5px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* 4. Rozciągnięcie tabeli w opisie na CAŁY ekran na mobile (usunięcie paddingu z zakładek i kontenerów) */
    body#product.page-product .tabs.tvproduct-description-tab,
    body#product.page-product .tvproduct-description-tab,
    body#product.page-product .tab-content,
    body#product.page-product .tab-content > .tab-pane,
    body#product.page-product .tvproduct-description-tab .product-description,
    body#product.page-product .product-description.cms-description,
    body#product.page-product .cms-description {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body#product.page-product .cms-description table,
    body#product.page-product .product-description table,
    body#product.page-product .tab-content table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: table !important;
        margin: 0 0 16px 0 !important;
        box-sizing: border-box !important;
    }

    body#product.page-product .cms-description table th,
    body#product.page-product .cms-description table td {
        padding: 8px 6px !important;
        font-size: 12.5px !important;
        word-break: break-word !important;
    }

    /* Poszerzenie na mobile: przycisk In den Warenkorb oraz Alemoto Käuferschutz (minimalny odstęp od ścian ekranu) */
    body#product.page-product .tv-product-page-content .product-actions,
    body#product.page-product .tv-product-page-content .product-add-to-cart,
    body#product.page-product .tv-product-page-content .tv-product-page-add-to-cart-wrapper,
    body#product.page-product .tvprduct-image-info-wrapper > .tv-product-page-content .tv-product-page-add-to-cart-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Wyłamanie obu elementów poza padding kontenera motywu, by sięgały niemal krawędzi ekranu telefonu */
    body#product .tvcart-btn-model,
    body#product.page-product .tv-product-page-content .product-add-to-cart .tvcart-btn-model,
    body#product.page-product .tv-product-page-content .tv-product-page-add-to-cart-wrapper > .tvcart-btn-model,
    body#product.page-product .tvcart-btn-model,
    body#product .tvcart-btn-model,
    .tvcart-btn-model,
    body#product .product-info-box-cart,
    body#product.page-product .tv-product-page-content .product-add-to-cart .product-info-box-cart,
    body#product.page-product .tv-product-page-content .tv-product-page-add-to-cart-wrapper > .product-info-box-cart,
    body#product.page-product .product-add-to-cart .product-info-box-cart,
    body#product.page-product .product-info-box.product-info-box-cart,
    body#product.page-product .product-info-box-cart,
    .product-info-box-cart {
        width: calc(100vw - 14px) !important;
        max-width: calc(100vw - 14px) !important;
        margin-left: calc(50% - 50vw + 7px) !important;
        margin-right: calc(50% - 50vw + 7px) !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    body#product .tvcart-btn-model .add-to-cart,
    button.tvall-inner-btn.add-to-cart,
    .tvcart-btn-model .add-to-cart {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body#product.page-product .product-info-item.product-info-payment,
    body#product.page-product .product-info-box-cart .product-info-item.product-info-payment,
    body#product .product-info-item.product-info-payment,
    .product-info-box-cart .product-info-item.product-info-payment,
    .product-info-item.product-info-payment {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Zminimalizowany filtr gdy aktywny: ukryj niezaznaczone opcje, pokaz tylko wybrany */
.tvfilter-dropdown-wrapper.has-active-filters .facet-item-unselected {
    display: none !important;
}
.tvfilter-dropdown-wrapper.has-active-filters.show-all-filters .facet-item-unselected {
    display: list-item !important;
}
.tvfilter-dropdown-wrapper.has-active-filters.show-all-filters li.category-group.facet-item-unselected {
    display: block !important;
}
.facet-toggle-more-wrap {
    list-style: none !important;
    margin: 6px 0 2px 0 !important;
    padding: 0 !important;
}
.js-facet-toggle-more {
    font-size: 13px !important;
    color: #0066cc !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 500 !important;
    padding: 2px 0 !important;
}
.js-facet-toggle-more:hover {
    color: #004499 !important;
    text-decoration: underline !important;
}

/* TM Vehicle Finder - baner glowny na mobile: zdjecie z regalami samochodow bezposrednio pod przyciskiem Suchen */
@media (max-width: 767px) {
    #tmvf-block.tmvf-block,
    .tmvf-block {
        padding: 12px 20px 80px !important; /* bylo: 80px 20px 80px - 5 pol, tresc wyzej */
        background-image: linear-gradient(135deg, rgba(11, 31, 58, 0.32) 0%, rgba(22, 48, 92, 0.32) 100%),
            url('https://alemoto.de/img/cms/15155_1.jpg') !important;
        background-size: 100% auto !important;
        background-position: center -38px !important;
        border-radius: 10px !important;
    }

    .tmvf-block .tmvf-bottom-info {
        margin-top: 190px !important;
    }
}







/* ==========================================================================
   ALEMOTO STICKY ADD-TO-CART (Mobile & Desktop)
   ========================================================================== */
.alemoto-sticky-bar {
    position: fixed;
    bottom: -100px;
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
    z-index: 9999;
    transition: bottom 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-top: 1px solid #e5e7eb;
    padding: 10px 0;
}

.alemoto-sticky-bar.is-visible {
    bottom: 0;
}

.alemoto-sticky-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 0 15px;
}

.alemoto-sticky-info {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.alemoto-sticky-thumb {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    background: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alemoto-sticky-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.alemoto-sticky-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.alemoto-sticky-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alemoto-sticky-price-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
}

.alemoto-sticky-price {
    font-size: 16px;
    font-weight: 700;
    color: #0b1f3a;
}

.alemoto-sticky-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    background: #ecfdf5;
    color: #059669;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
}

.alemoto-sticky-actions {
    flex: 0 0 auto;
}

.alemoto-sticky-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #ffab6b;
    color: #0b1f3a;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 22px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(255, 171, 107, 0.4);
    transition: background 0.2s, transform 0.1s;
    text-transform: uppercase;
}

.alemoto-sticky-btn:hover {
    background: #ff984a;
    color: #0b1f3a;
}

.alemoto-sticky-btn:active {
    transform: scale(0.98);
}

.alemoto-sticky-btn.disabled {
    background: #d1d5db !important;
    color: #6b7280 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.alemoto-sticky-btn .material-icons {
    font-size: 18px;
}

/* Mobile responsive adjustments */
@media (max-width: 575px) {
    .alemoto-sticky-bar {
        padding: 8px 0;
    }
    .alemoto-sticky-inner {
        padding: 0 10px;
        gap: 8px;
    }
    .alemoto-sticky-thumb {
        display: none; /* Oszczędność miejsca na wąskich ekranach telefonów */
    }
    .alemoto-sticky-title {
        font-size: 12px;
        max-width: 140px;
    }
    .alemoto-sticky-price {
        font-size: 15px;
    }
    .alemoto-sticky-badge {
        display: none;
    }
    .alemoto-sticky-btn {
        padding: 9px 14px;
        font-size: 13px;
    }
}


/* ==========================================================================
   POWIEKSZENIE GLOWNEGO PRZYCISKU KAUFEN (Desktop & Mobile)
   ========================================================================== */
body#product .tvcart-btn-model .add-to-cart,
button.tvall-inner-btn.add-to-cart,
.tvcart-btn-model .add-to-cart,
.tvall-inner-btn.add-to-cart {
    min-height: 64px !important;
    padding: 18px 36px !important;
    font-size: 20px !important;
    border-radius: 8px !important;
    transition: transform 0.15s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(255, 171, 107, 0.45) !important;
}

body#product .tvcart-btn-model .add-to-cart:hover,
button.tvall-inner-btn.add-to-cart:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(255, 171, 107, 0.6) !important;
}

body#product .tvcart-btn-model .add-to-cart:active,
button.tvall-inner-btn.add-to-cart:active {
    transform: translateY(1px) !important;
}

body#product .tvcart-btn-model .add-to-cart span,
button.tvall-inner-btn.add-to-cart span,
.tvcart-btn-model .add-to-cart span,
.tvall-inner-btn.add-to-cart span {
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
}

body#product .tvcart-btn-model .add-to-cart i.shopping-cart,
button.tvall-inner-btn.add-to-cart i.shopping-cart,
button.tvall-inner-btn.add-to-cart i.material-icons.shopping-cart {
    font-size: 28px !important;
    margin-right: 12px !important;
}

@media (max-width: 767px) {
    body#product .tvcart-btn-model .add-to-cart,
    button.tvall-inner-btn.add-to-cart,
    .tvcart-btn-model .add-to-cart {
        min-height: 60px !important;
        padding: 16px 24px !important;
    }
    body#product .tvcart-btn-model .add-to-cart span,
    button.tvall-inner-btn.add-to-cart span {
        font-size: 19px !important;
    }
    body#product .tvcart-btn-model .add-to-cart i.shopping-cart,
    button.tvall-inner-btn.add-to-cart i.shopping-cart {
        font-size: 25px !important;
        margin-right: 10px !important;
    }
}


/* ==========================================================================
   ALEMOTO SPEC GRID (Spenderfahrzeug & OEM-Teilenummer)
   Nowoczesny, przejrzysty uklad w estetyce top automotive e-commerce
   ========================================================================== */
.alemoto-spec-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 12px 0 18px 0;
    box-sizing: border-box;
}

.alemoto-spec-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.alemoto-spec-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}

.alemoto-spec-head {
    display: flex;
    align-items: center;
    gap: 6px;
}

.alemoto-spec-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.alemoto-spec-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #64748b;
}

.alemoto-spec-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.alemoto-spec-mainlink {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a !important;
    text-decoration: none !important;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alemoto-spec-mainlink:hover {
    color: #2563eb !important;
    text-decoration: underline !important;
}

.alemoto-engine-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 2px;
}

.alemoto-tag {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    background: #f1f5f9;
    border-radius: 4px;
    padding: 1px 6px;
    line-height: 1.4;
}

/* OEM Chips */
.alemoto-oem-chips {
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.alemoto-chip-primary {
    display: inline-flex;
    align-items: center;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-size: 13px;
    font-weight: 700;
    color: #c2410c !important;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    padding: 3px 8px;
    border-radius: 5px;
    text-decoration: none !important;
    letter-spacing: 0.4px;
    transition: all 0.15s ease;
}

.alemoto-chip-primary:hover {
    background: #ffedd5;
    border-color: #fb923c;
    color: #9a3412 !important;
}

.alemoto-chip-sec {
    display: inline-flex;
    align-items: center;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-size: 12px;
    font-weight: 600;
    color: #475569 !important;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 2px 7px;
    border-radius: 5px;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.alemoto-chip-sec:hover {
    border-color: #cbd5e1;
    color: #0f172a !important;
    background: #f1f5f9;
}

/* Dostawa i Kostenloser Versand drobny tuning */
.product-delivery-time-line {
    margin-bottom: 2px !important;
}

.product-shipping-line {
    margin-bottom: 6px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .alemoto-spec-grid {
        grid-template-columns: 1fr;
        gap: 8px;
        margin: 10px 0 14px 0;
    }
    .alemoto-spec-card {
        padding: 9px 12px;
    }
}


/* ==========================================================================
   ALEMOTO ELEGANCKA, WYRAZISTA TABELA SPECYFIKACJI (POD CENĄ)
   ========================================================================== */
table.car-specs.alemoto-top-specs {
    margin: 16px 0 20px 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

table.car-specs.alemoto-top-specs tbody tr {
    border-bottom: 1px solid #e2e8f0 !important;
}

table.car-specs.alemoto-top-specs tbody tr:last-child {
    border-bottom: none !important;
}

/* Nagłówki po lewej - elegancki, ciemny grafit */
table.car-specs.alemoto-top-specs th {
    width: 38% !important;
    padding: 9px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    background-color: #f8fafc !important;
    border-right: 1px solid #e2e8f0 !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
}

/* Treść po prawej - głęboka, czytelna czerń/grafit z klasą */
table.car-specs.alemoto-top-specs td {
    width: 62% !important;
    padding: 9px 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    background-color: #ffffff !important;
    letter-spacing: 0.1px !important;
    text-transform: none !important;
}

/* Naprzemienne wiersze - bardzo subtelny odcień dla elegancji */
table.car-specs.alemoto-top-specs tbody tr:nth-child(even) th {
    background-color: #f1f5f9 !important;
}
table.car-specs.alemoto-top-specs tbody tr:nth-child(even) td {
    background-color: #fafafa !important;
}

/* Klikalne numery OEM w tabeli */
table.car-specs.alemoto-top-specs td a {
    color: #0284c7 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

table.car-specs.alemoto-top-specs td a:hover {
    color: #0369a1 !important;
    text-decoration: underline !important;
}

@media (max-width: 767px) {
    table.car-specs.alemoto-top-specs th,
    table.car-specs.alemoto-top-specs td {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
}


/* ==========================================================================
   ALEMOTO TABELA SPECYFIKACJI NA PEŁNĄ SZEROKOŚĆ (100% CONTAINER)
   ========================================================================== */
.tm-product-fitment-slot,
div.tm-product-fitment-slot {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: block !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

table.car-specs.alemoto-top-specs,
table.car-specs.tmvf-product-fitment.alemoto-top-specs {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: table !important;
    table-layout: fixed !important;
    box-sizing: border-box !important;
    margin: 14px 0 18px 0 !important;
}

table.car-specs.alemoto-top-specs tbody,
table.car-specs.tmvf-product-fitment.alemoto-top-specs tbody {
    display: table-row-group !important;
    width: 100% !important;
}

table.car-specs.alemoto-top-specs tr,
table.car-specs.tmvf-product-fitment.alemoto-top-specs tr {
    display: table-row !important;
    width: 100% !important;
}

table.car-specs.alemoto-top-specs th {
    width: 32% !important;
    max-width: 32% !important;
    box-sizing: border-box !important;
}

table.car-specs.alemoto-top-specs td {
    width: 68% !important;
    max-width: 68% !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
}


/* ==========================================================================
   ALEMOTO TABELA SPECYFIKACJI NA PEŁNĄ SZEROKOŚĆ EKRANU TELEFONU (MOBILE BREAKOUT)
   ========================================================================== */
@media (max-width: 767px) {
    .tm-product-fitment-slot,
    div.tm-product-fitment-slot,
    body#product .tm-product-fitment-slot,
    body#product.page-product .tv-product-page-content .tm-product-fitment-slot {
        width: calc(100vw - 14px) !important;
        max-width: calc(100vw - 14px) !important;
        margin-left: calc(50% - 50vw + 7px) !important;
        margin-right: calc(50% - 50vw + 7px) !important;
        box-sizing: border-box !important;
        clear: both !important;
        float: none !important;
    }

    table.car-specs.alemoto-top-specs,
    table.car-specs.tmvf-product-fitment.alemoto-top-specs {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    table.car-specs.alemoto-top-specs th {
        width: 35% !important;
        max-width: 35% !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
    }

    table.car-specs.alemoto-top-specs td {
        width: 65% !important;
        max-width: 65% !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
}


/* ==========================================================================
   ALEMOTO TABLE MOBILE BREAKOUT (BEZPOŚREDNIO NA TABLE)
   ========================================================================== */
@media (max-width: 991px) {
    table.car-specs.alemoto-top-specs,
    table.car-specs.tmvf-product-fitment.alemoto-top-specs,
    body#product table.car-specs.alemoto-top-specs {
        width: calc(100vw - 14px) !important;
        max-width: calc(100vw - 14px) !important;
        min-width: calc(100vw - 14px) !important;
        margin-left: calc(50% - 50vw + 7px) !important;
        margin-right: calc(50% - 50vw + 7px) !important;
        box-sizing: border-box !important;
        display: table !important;
        table-layout: fixed !important;
        clear: both !important;
        float: none !important;
    }

    table.car-specs.alemoto-top-specs th {
        width: 35% !important;
        max-width: 35% !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
    }

    table.car-specs.alemoto-top-specs td {
        width: 65% !important;
        max-width: 65% !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
}


/* ==========================================================================
   ALEMOTO TOP FITMENT SPECS TABLE (ELEGANCKA TABELA SPECYFIKACJI POD CENA)
   ========================================================================== */

/* Kontener fragmentu wstawiany przez custom.js */
.tm-product-fitment-slot,
div.tm-product-fitment-slot,
body#product.page-product .tv-product-page-content .tm-product-fitment-slot {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 14px 0 16px 0 !important;
    padding: 0 !important;
    clear: both !important;
    float: none !important;
}

/* Tabela specyfikacji technicznej w podsumowaniu */
table.car-specs.alemoto-top-specs,
table.car-specs.tmvf-product-fitment.alemoto-top-specs,
.tm-product-fitment-slot table.car-specs,
body#product.page-product table.car-specs.alemoto-top-specs {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: 1px solid #d2d6dc !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    background: #ffffff !important;
    table-layout: fixed !important;
    box-sizing: border-box !important;
}

table.car-specs.alemoto-top-specs tbody,
table.car-specs.tmvf-product-fitment.alemoto-top-specs tbody,
.tm-product-fitment-slot table.car-specs tbody {
    display: table-row-group !important;
    width: 100% !important;
    border: none !important;
}

table.car-specs.alemoto-top-specs tr,
table.car-specs.tmvf-product-fitment.alemoto-top-specs tr,
.tm-product-fitment-slot table.car-specs tr {
    display: table-row !important;
    width: 100% !important;
    border: none !important;
}

table.car-specs.alemoto-top-specs tbody tr,
.tm-product-fitment-slot table.car-specs tbody tr {
    border-bottom: 1px solid #e5e7eb !important;
}

table.car-specs.alemoto-top-specs tbody tr:last-child,
.tm-product-fitment-slot table.car-specs tbody tr:last-child {
    border-bottom: none !important;
}

/* Naglowki (lewa kolumna) */
table.car-specs.alemoto-top-specs th,
.tm-product-fitment-slot table.car-specs th {
    width: 36% !important;
    max-width: 36% !important;
    box-sizing: border-box !important;
    background-color: #f3f4f6 !important;
    color: #1f2937 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    padding: 9px 12px !important;
    text-align: left !important;
    vertical-align: middle !important;
    border: none !important;
    border-right: 1px solid #e5e7eb !important;
    white-space: normal !important;
}

/* Wartosci (prawa kolumna) */
table.car-specs.alemoto-top-specs td,
.tm-product-fitment-slot table.car-specs td {
    width: 64% !important;
    max-width: 64% !important;
    box-sizing: border-box !important;
    background-color: #ffffff !important;
    color: #111827 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    padding: 9px 12px !important;
    text-align: left !important;
    vertical-align: middle !important;
    border: none !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* Naprzemienne tlo wierszy */
table.car-specs.alemoto-top-specs tbody tr:nth-child(even) th,
.tm-product-fitment-slot table.car-specs tbody tr:nth-child(even) th {
    background-color: #eaecef !important;
}

table.car-specs.alemoto-top-specs tbody tr:nth-child(even) td,
.tm-product-fitment-slot table.car-specs tbody tr:nth-child(even) td {
    background-color: #f9fafb !important;
}

/* Linki w tabeli */
table.car-specs.alemoto-top-specs td a,
.tm-product-fitment-slot table.car-specs td a {
    color: #0d6efd !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

table.car-specs.alemoto-top-specs td a:hover,
.tm-product-fitment-slot table.car-specs td a:hover {
    color: #0a58ca !important;
    text-decoration: underline !important;
}

/* Mobile & Tablet - Tabela dokladnie 100% szerokosci kolumny produktu */
@media (max-width: 991px) {
    .tm-product-fitment-slot,
    div.tm-product-fitment-slot,
    body#product .tm-product-fitment-slot,
    body#product.page-product .tv-product-page-content .tm-product-fitment-slot {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        clear: both !important;
        float: none !important;
        display: block !important;
    }

    table.car-specs.alemoto-top-specs,
    table.car-specs.tmvf-product-fitment.alemoto-top-specs,
    .tm-product-fitment-slot table.car-specs,
    body#product table.car-specs.alemoto-top-specs {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        display: table !important;
        table-layout: fixed !important;
    }

    table.car-specs.alemoto-top-specs th,
    .tm-product-fitment-slot table.car-specs th {
        width: 38% !important;
        max-width: 38% !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
    }

    table.car-specs.alemoto-top-specs td,
    .tm-product-fitment-slot table.car-specs td {
        width: 62% !important;
        max-width: 62% !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
}


/* ==========================================================================
   ALEMOTO TABELA SPECYFIKACJI POD CENA - FINALNY UKLAD (nadpisuje wszystko wyzej)
   Pelna szerokosc, bez linii rozdzielajacych wiersze i kolumny, lekka ramka wokol
   tabeli, naprzemienne tlo wierszy (bialy / jasnoszary).
   ========================================================================== */
body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    border: 1px solid #d5dae1 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs tr,
body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs tbody tr,
body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs tbody tr:last-child {
    border: none !important;
}

/* Naprzemienne tlo: co drugi wiersz (nazwa + wartosc w tym samym kolorze), bez linii w srodku */
body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs tbody tr th,
body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs tbody tr td,
body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs tbody tr:nth-child(odd) th,
body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs tbody tr:nth-child(odd) td {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
}

body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs tbody tr:nth-child(even) th,
body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs tbody tr:nth-child(even) td {
    background: #f1f3f6 !important;
    background-color: #f1f3f6 !important;
    border: none !important;
}

/* Telefon / tablet: tabela na cala szerokosc ekranu (minus 7px po bokach) */
@media (max-width: 991px) {
    body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs {
        width: calc(100vw - 14px) !important;
        max-width: calc(100vw - 14px) !important;
        min-width: calc(100vw - 14px) !important;
        margin-left: calc(50% - 50vw + 7px) !important;
        margin-right: calc(50% - 50vw + 7px) !important;
    }
}


/* ==========================================================================
   PLYWAJACY PASEK "IN DEN WARENKORB" (telefon / tablet) + IKONA WHATSAPP
   Uklad: u gory nazwa produktu i cena, pod nimi przycisk z koszykiem na cala
   szerokosc paska. Desktop (od 992px) bez zmian.
   ========================================================================== */
@media (max-width: 991px) {
    .alemoto-sticky-bar {
        padding: 10px 0 12px !important;
    }

    .alemoto-sticky-bar .alemoto-sticky-inner {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 0 12px !important;
    }

    /* Gora: nazwa + cena (miniatura schowana, zeby nazwa miala miejsce) */
    .alemoto-sticky-bar .alemoto-sticky-info {
        flex: 0 0 auto !important;
        width: 100% !important;
        gap: 0 !important;
    }

    .alemoto-sticky-bar .alemoto-sticky-thumb {
        display: none !important;
    }

    .alemoto-sticky-bar .alemoto-sticky-text {
        width: 100% !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    .alemoto-sticky-bar .alemoto-sticky-title {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        font-size: 14px !important;
    }

    .alemoto-sticky-bar .alemoto-sticky-price-row {
        flex: 0 0 auto !important;
        margin-top: 0 !important;
    }

    .alemoto-sticky-bar .alemoto-sticky-price {
        font-size: 18px !important;
        white-space: nowrap !important;
    }

    .alemoto-sticky-bar .alemoto-sticky-badge {
        display: none !important;
    }

    /* Dol: przycisk na cala szerokosc */
    .alemoto-sticky-bar .alemoto-sticky-actions {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .alemoto-sticky-bar .alemoto-sticky-btn {
        display: flex !important;
        width: 100% !important;
        min-height: 48px !important;
        padding: 12px 16px !important;
        font-size: 16px !important;
        gap: 8px !important;
    }

    .alemoto-sticky-bar .alemoto-sticky-btn .material-icons {
        font-size: 22px !important;
    }
}

/* Ikona WhatsApp: normalnie na swoim miejscu (przy dolnej krawedzi); gdy pojawia sie
   pasek "In den Warenkorb" (.is-visible), wyjezdza w gore razem z nim - ta sama
   dlugosc i krzywa animacji co pasek (0.3s). Wysokosc paska ok. 105px. */
@media (max-width: 991px) {
    body#product .ets_wa_whatsapp_block.right_bottom {
        transition: bottom 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    }

    body#product:has(.alemoto-sticky-bar.is-visible) .ets_wa_whatsapp_block.right_bottom {
        bottom: 125px !important;
    }
}

/* Przycisk na pasku: ten sam pomaranczowy co glowny przycisk "In den Warenkorb"
   (#ff5a00, bialy tekst, hover #ff7b33). Bylo: #ffab6b z ciemnym tekstem. */
.alemoto-sticky-bar .alemoto-sticky-btn {
    background: #ff5a00 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.alemoto-sticky-bar .alemoto-sticky-btn:hover {
    background: #ff7b33 !important;
    color: #ffffff !important;
}

.alemoto-sticky-bar .alemoto-sticky-btn.disabled {
    background: #d1d5db !important;
    color: #6b7280 !important;
}


/* ==========================================================================
   KARTA PRODUKTU (MOBILE) - blok "Fahrzeugauswahl": ikona auta, napis
   "FAHRZEUGAUSWAHL" i tytul "Passendes Teil fuer Ihr Fahrzeug finden" na bialo
   (na granatowym tle byly ciemne/niebieskie i prawie nieczytelne).
   ========================================================================== */
@media (max-width: 767px) {
    body#product .tmvf-product-search-box .tmvf-header-title-wrap .tmvf-search-icon {
        color: #ffffff !important;
        background: rgba(255, 255, 255, 0.14) !important;
    }

    body#product .tmvf-product-search-box .tmvf-product-search-kicker {
        color: #ffffff !important;
    }

    body#product .tmvf-product-search-box .tmvf-product-search-title {
        color: #ffffff !important;
    }
}


/* Karta produktu: pod przyciskiem koszyka - "Kostenlose Lieferung" | "Kostenlose Rückgaberecht"
   rozdzielone lekko widoczna pionowa linia. */
body#product.page-product .tv-product-page-content :is(.product-prices, .tm-product-layout-fragment)
.tax-shipping-delivery-label > span.return-policy-line {
    border: 0 !important;
    border-left: 1px solid #cdd6e0 !important;
    border-radius: 0 !important;
}


/* Karta produktu: mniej pustego miejsca pod tabela specyfikacji (nad "Verfügbar / Express
   Versand / Garantie"). Gorny margines byl 100px (desktop) / 85px (mobile), teraz 40px / 28px (delikatny odstep).
   span#... = wyzsza specyficznosc niz wczesniejsze reguly. */
html body#product.page-product .tv-product-page-content span#product-availability {
    margin-top: 40px !important;
}

@media (max-width: 767px) {
    html body#product.page-product .tv-product-page-content span#product-availability {
        margin-top: 28px !important;
    }
}

/* TMVF podobne produkty - czytelny uklad: dane pojazdu w jednej linii, cena po prawej */
.tmvf-similar-products .tvproduct-name h6 {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1d2733 !important;
    margin-bottom: 6px !important;
}
.tmvf-similar-products .tmvf-attrs-inline {
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    row-gap: 2px;
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.45;
}
.tmvf-similar-products .tmvf-attrs-inline .tmvf-badge {
    display: inline !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #3b4654 !important;
    white-space: nowrap;
}
.tmvf-similar-products .tmvf-attrs-inline .tmvf-badge:first-child {
    font-weight: 700 !important;
    color: #1d2733 !important;
}
.tmvf-similar-products .tmvf-attrs-inline .tmvf-badge + .tmvf-badge::before {
    content: "\00b7";
    margin: 0 8px;
    color: #9aa4b0;
    font-weight: 700;
}
.tmvf-similar-products .tmvf-mpn-spaced {
    display: flex !important;
    align-items: baseline;
    gap: 8px;
    padding: 0 !important;
}
.tmvf-similar-products .tmvf-mpn-spaced .tvproduct-mpn-label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #6b7684 !important;
}
.tmvf-similar-products .tmvf-mpn-spaced .tmvf-badge {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
}
@media (min-width: 768px) {
    .tmvf-similar-products .tvproduct-wrapper.list .product-description {
        position: relative;
        padding-right: 230px !important;
        min-height: 90px;
    }
    .tmvf-similar-products .tvproduct-wrapper.list .tv-product-price {
        position: absolute !important;
        top: 0;
        right: 0;
        width: 210px !important;
        margin: 0 !important;
    }
    .tmvf-similar-products .tvproduct-wrapper.list .product-price-and-shipping {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        gap: 6px;
        text-align: right !important;
    }
    .tmvf-similar-products .tvproduct-wrapper.list .product-price-and-shipping .price {
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1.1;
        color: #1d2733 !important;
    }
    .tmvf-similar-products .tvproduct-wrapper.list .pangv-note-inline {
        margin: -2px 0 0 !important;
    }
}
html body .tmvf-similar-products .tmvf-vehicle-attrs,
html body .tmvf-similar-products .tmvf-attrs-inline,
html body .tmvf-similar-products .tmvf-mpn-spaced {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
html body .tmvf-similar-products .tmvf-attrs-inline .tmvf-badge {
    margin: 0 !important;
}
html body .tmvf-similar-products .tmvf-attrs-inline .tmvf-badge + .tmvf-badge::before {
    margin: 0 9px !important;
}
@media (min-width: 768px) {
    html body .tmvf-similar-products .tvproduct-wrapper.list .product-price-and-shipping span.price {
        font-size: 22px !important;
        font-weight: 700 !important;
    }
}
@media (max-width: 767px) {
    html body .tmvf-similar-products .tmvf-attrs-inline,
    html body .tmvf-similar-products .tmvf-attrs-inline .tmvf-badge {
        font-size: 14px !important;
    }
    html body .tmvf-similar-products .tmvf-attrs-inline .tmvf-badge + .tmvf-badge::before {
        margin: 0 6px !important;
    }
}
html body .tmvf-similar-products .tmvf-attrs-inline {
    column-gap: 0 !important;
}
@media (min-width: 768px) {
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .product-price-and-shipping span.price,
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .product-price-and-shipping .price {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #1d2733 !important;
    }
}
/* TMVF podobne - nazwa u gory, dane pojazdu na srodku wysokosci, cena na dole po prawej */
@media (min-width: 768px) {
    html body .tmvf-similar-products #products .tvproduct-wrapper.list {
        align-items: stretch !important;
    }
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .tvproductdescription-button-wrapper {
        display: flex !important;
        flex-direction: column;
        align-self: stretch !important;
    }
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .product-description {
        flex: 1 1 auto;
        display: flex !important;
        flex-direction: column;
        position: relative;
        padding-right: 0 !important;
        padding-bottom: 70px !important;
    }
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .tvproduct-name {
        flex: 1 1 auto;
        display: flex !important;
        flex-direction: column;
    }
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .tmvf-vehicle-attrs {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .tv-product-price {
        top: auto !important;
        bottom: 0 !important;
        right: 0 !important;
        width: auto !important;
    }
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .product-price-and-shipping {
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
    }
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .tvall-product-btn-list {
        position: absolute !important;
        top: 12px;
        right: 12px;
    }
}
/* TMVF podobne - bez kropek, odstepy zamiast separatorow */
html body .tmvf-similar-products .tmvf-attrs-inline .tmvf-badge + .tmvf-badge::before {
    content: none !important;
    display: none !important;
}
html body .tmvf-similar-products .tmvf-attrs-inline {
    column-gap: 14px !important;
}
@media (max-width: 767px) {
    html body .tmvf-similar-products .tmvf-attrs-inline {
        column-gap: 8px !important;
        row-gap: 2px !important;
        margin: 4px 0 6px !important;
    }
    html body .tmvf-similar-products .tmvf-attrs-inline .tmvf-badge {
        font-size: 13px !important;
    }
    html body .tmvf-similar-products .tmvf-attrs-inline .tmvf-badge-fuel {
        flex-basis: 100%;
        color: #6b7684 !important;
        font-weight: 500 !important;
    }
    html body .tmvf-similar-products .tvproduct-name h6 {
        font-size: 15px !important;
        margin-bottom: 2px !important;
    }
    html body .tmvf-similar-products .tmvf-mpn-spaced .tvproduct-mpn-label {
        font-size: 13px !important;
    }
    html body .tmvf-similar-products .tmvf-mpn-spaced .tmvf-badge {
        font-size: 14px !important;
    }
}
/* TMVF podobne mobile - nazwa u gory, dane pojazdu na srodku wysokosci zdjecia */
@media (max-width: 767px) {
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .tvproductdescription-button-wrapper {
        align-self: stretch !important;
        display: flex !important;
        flex-direction: column;
    }
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .product-description,
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .tvproduct-name {
        flex: 1 1 auto;
        display: flex !important;
        flex-direction: column;
    }
    html body .tmvf-similar-products #products .tvproduct-wrapper.list .tmvf-vehicle-attrs {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}
html body .tmvf-similar-products .tmvf-attrs-inline .tmvf-badge:first-child {
    font-weight: 500 !important;
    color: #3b4654 !important;
}
/* TMVF - wiekszy kod w naglowku "Ähnliche Teilecode:" */
html body .tmvf-similar-products .tmvf-similar-header .tmvf-badge {
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
    padding: 0 !important;
}
@media (max-width: 767px) {
    html body .tmvf-similar-products .tmvf-similar-header .tmvf-badge {
        font-size: 19px !important;
    }
}
/* Opis produktu - jasniejszy naglowek szablonu (inline background:#1f3a5f) */
#description .product-description div[style*="background:#1f3a5f"] {
    background: #eaf1f8 !important;
    color: #1d2733 !important;
    border-left: 4px solid #f28c28;
}
#description .product-description div[style*="background:#1f3a5f"] > div[style*="color:#f28c28"] {
    color: #d26a0c !important;
}
@media (max-width: 767px) {
    #description .product-description div[style*="background:#1f3a5f"] {
        border-left: 0 !important;
    }
}
#description .product-description div[style*="background:#1f3a5f"] > div[style*="color:#f28c28"] {
    color: #000000 !important;
}
/* Naglowek opisu - tylko nazwa przedmiotu (kategoria), bez pelnego tytulu */
#description .product-description div[style*="background:#1f3a5f"] > div[style*="font-size:21px"] {
    display: none !important;
}
#description .product-description div[style*="background:#1f3a5f"] > div[style*="color:#f28c28"] {
    font-size: 18px !important;
    letter-spacing: .5px !important;
}
/* Opis produktu - ikony Garantie (tarcza) i Versand (auto) w linii z tekstem */
#description .product-description img[src*="/img/cms/garantie-schild"],
#description .product-description img[src*="/img/cms/versand-lkw"] {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 10px 0 0 !important;
    vertical-align: -4px !important;
}

/* 2026-10-28: Verfuegbar zielony tekst, Garantie 1 Monat niebieskie jak karta 100% Geld zurueck Garantie */
html body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text,
html body#product.page-product .tv-product-page-content #product-availability .tvproduct-availability-text::before {
    color: #1f8a3e !important;
}
html body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee,
html body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee .tm-guarantee-period {
    color: #4a90d9 !important;
}
html body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee svg,
html body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee svg * {
    stroke: #4a90d9 !important;
    fill: none !important;
}

/* 2026-10-28: nizsze pole zdjecia na mobile (mniej pustego miejsca nad i pod zdjeciem), zdjecie i wysrodkowanie bez zmian */
@media (max-width: 767px) {
    html body#product .tv-product-page-image .MagicToolboxMainContainer,
    html body#product .tv-product-page-image .MagicToolboxMainContainer .magic-slide,
    html body#product .tv-product-page-image .MagicToolboxMainContainer .MagicZoom,
    html body#product .MagicToolboxMainContainer a#MagicZoomPlusImageMainImage,
    html body#product .MagicToolboxMainContainer a#MagicZoomPlusImageMainImage > .mz-figure {
        height: 380px !important;
        max-height: 380px !important;
    }
}

/* 2026-10-28: odstep miniaturek od zdjecia na mobile */
@media (max-width: 767px) {
    html body#product .tv-product-page-image .MagicToolboxSelectorsContainer {
        margin-top: 12px !important;
    }
}

/* 2026-10-28: zdjecie wypelnia cale pole na mobile (lekki zoom, bez bialych pasow) */
@media (max-width: 767px) {
    html body#product .MagicToolboxMainContainer a#MagicZoomPlusImageMainImage > .mz-figure > img,
    html body#product .MagicToolboxMainContainer a#MagicZoomPlusImageMainImage > .mz-figure > img[style] {
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* 2026-10-28: mobile - wieksza nazwa produktu od lewej, tabela danych na cala szerokosc bez obramowania, ciensza czcionka */
@media (max-width: 767px) {
    html body#product.page-product .tv-product-page-content .tvproduct-title-brandimage h1.h1.h1 {
        font-size: 20px !important;
        line-height: 1.3 !important;
        text-align: left !important;
    }
    html body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs.alemoto-top-specs {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    html body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs.alemoto-top-specs th,
    html body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs.alemoto-top-specs td {
        border: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    html body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs.alemoto-top-specs th {
        font-weight: 500 !important;
    }
    html body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs.alemoto-top-specs td,
    html body#product.page-product .tv-product-page-content table.car-specs.alemoto-top-specs.alemoto-top-specs td a {
        font-weight: 400 !important;
    }
}

/* 2026-10-28: usuniete Express Versand miedzy Verfuegbar a Garantie */
html body#product.page-product .tv-product-page-content #product-availability::after,
html body.page-product span#product-availability::after {
    content: none !important;
    display: none !important;
}

/* 2026-10-28: desktop - Verfuegbar / Garantie wyzej, pionowa linia miedzy nimi */
@media (min-width: 768px) {
    html body#product.page-product .tv-product-page-content span#product-availability#product-availability {
        margin-top: 10px !important;
        margin-bottom: 18px !important;
    }
    html body#product.page-product .tv-product-page-content #product-availability .tm-product-guarantee.tm-product-guarantee {
        border: 0 !important;
        border-left: 1px solid #d5dae1 !important;
        border-radius: 0 !important;
    }
}