/* =========================================================
EMALIA RYBNIK - custom.css po czyszczeniu
Usunięto konflikty checkoutu / TheCheckout z custom.css.
Style checkoutu trzymaj tylko w module TheCheckout.
========================================================= */
/******* 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: #ffffff;
width: 100%;
left: 0;
-webkit-animation: mySticky 1s;
-moz-animation: mySticky 1s;
animation: mySticky 1s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transition: transform 0.1s ease-in-out;
-webkit-transition: -webkit-transform 0.1s ease-in-out;
-moz-transition: transform 0.1s ease-in-out;
-webkit-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
-moz-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
-ms-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
-o-box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
box-shadow: 0px 1px 3px 1px rgba(128, 128, 128, 0.27);
list-style: none;
}
@media (min-width:992px) {
.tvcmsheader-sticky.sticky .menu-subtitle {
top: 0;
}
}
/*Chrome, Safari, Opera */
@-webkit-keyframes mySticky {
from {
margin-top: -200px;
}
to {
margin-top: 0;
}
}
/*Standard syntax */
@-moz-keyframes mySticky {
from {
margin-top: -200px;
}
to {
margin-top: 0;
}
}
/*Standard syntax*/
@keyframes mySticky {
from {
margin-top: -200px;
}
to {
margin-top: 0;
}
}
/***** start mobile header *****/
/***** start logo *****/
.tv-header-logo {
padding: 24px 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: #d9c2a3;
bottom: 0;
left: 0;
transition: all 400ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
}
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="0"]>li:hover>.tvmenu-link-wrapper a span:after {
width: 100%;
}
#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: #d9c2a3;
}
.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;
padding-inline-start: 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: 400;
color: #000000;
display: inline-block;
vertical-align: middle;
max-width: 100px;
text-align: left;
}
/***** start serach right *****/
#header .tvsearch-top-wrapper {
position: relative;
}
#header .tvmobile-search-icon .tvsearch-close {
display: none;
}
.tvsearch-top-wrapper .tvsearch-close i {
/*display: none;*/
}
#header #_desktop_search .tvsearch-top-wrapper .tvsearch-open {
display: flex;
}
.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: #d9c2a3;*/
}
.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: 26px;
line-height: normal;
width: auto;
height: auto;
}
.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: 56px;
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: #d9c2a3;
}
.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 {
cursor: pointer;
margin-inline-end: 8px;
color: #000000;
font-size: 24px;
}
.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 #d9c2a3;*/
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);*/
background-color: #d9c2a3;
}
.container.tvcmsdesktop-top-wrapper {
padding: 0;
}
@media (max-width: 1661px) {
.container.tvcmsdesktop-top-wrapper>div {
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;
justify-content: center;
align-items: center;
padding: 8px 0;
}
.tvheader-nav-offer-text i {
font-size: 13px;
color: #000;
margin-inline-end: 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;
font-size: 12px;
font-weight: 500;
color: #000;
}
/***** start deckstop language *****/
.tvheader-language-currency-wrapper {
text-align: right;
}
.tvheader-language {
margin-inline-end: 26px;
}
.tvheader-language,
.tvheader-currency {
display: inline-block;
position: relative;
vertical-align: middle;
}
.tvcmsdesktop-language-selector {
text-align: right;
}
#tvcmsdesktop-language-selector .tv-language-btn .tv-language-span,
#tvcmsdesktop-currency-selector .tv-currency-btn .tv-currency-span {
color: #000000;
font-size: 14px;
width: 100%;
line-height: 40px;
font-weight: 400;
}
#tvcmsdesktop-language-selector .tv-language-lable,
#tvcmsdesktop-currency-selector .tv-currency-lable {
display: none;
}
#tvcmsdesktop-language-selector .tv-language-btn,
#tvcmsdesktop-currency-selector .tv-currency-btn {
display: block;
width: 100%;
cursor: pointer;
}
#tvcmsdesktop-language-selector .tv-language-btn img {
margin-inline-end: 3px;
vertical-align: baseline;
}
#tvcmsdesktop-language-selector .tv-language-btn i,
#tvcmsdesktop-currency-selector .tv-currency-btn i {
color: #000000;
font-size: 12px;
width: 20px;
text-align: center;
}
#tvcmsdesktop-user-info .tvhedaer-sign-btn,
.tvcmsdesktop-view-wishlist .tvwishlist-name span,
.tv-account-dropdown a.tvmyccount,
.tvcmsdesktop-view-compare .tvdesktop-view-compare-name {
color: #000000;
font-size: 14px;
line-height: 40px;
font-weight: 400;
}
.tvdesktop-wishlist:hover .tvwishlist-name span,
.tvcmsdesktop-view-compare:hover .tvdesktop-view-compare-name,
.tvdesktop-wishlist:hover .tvwishlist-icon i,
.tvdesktop-view-compare:hover .tvdesktop-compare-icon i {
color: #d9c2a3;
}
#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: #d9c2a3;*/
}
/*.tv-account-dropdown > div {
border-bottom: 1px solid #e5e5e5;
}*/
.tv-account-dropdown>div:last-child {
border-bottom: none;
}
.tv-language-dropdown li img {
margin-inline-end: 3px;
vertical-align: baseline;
}
.tv-language-dropdown li a,
.tv-currency-dropdown li a {
font-size: 14px;
color: #222222;
line-height: 30px;
}
.tv-language-dropdown li a:hover,
.tv-currency-dropdown li a:hover {
color: #d9c2a3;
}
.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: #000000;
/*display: none;*/
}
.tvcart-no-product {
padding: 15px;
}
.tv-header-cart .tv-cart-icon {
display: flex;
margin-right: 8px;
}
.tv-cart-cart-inner {
position: absolute;
height: 16px;
width: 16px;
border-radius: 18px;
left: 14px;
top: -6px;
color: #000;
font-size: 10px;
line-height: 16px;
text-align: center;
background-color: #d9c2a3;
}
.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 ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.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);
}
.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: #d9c2a3;
border-radius: 5px;
text-align: center;
}
.tvcart-product-list-viewcart:hover {
background-color: #d9c2a3;
}
.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;
}
}
/***** RTL ALL header *****/
.tvcategory-title-wrapper {
background-color: #fff;
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: "Poppins";
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: #d9c2a3;
}
.tv-total-product-number {
line-height: 40px;
}
.tv-total-product-number {
line-height: 40px;
}
.tvcmstab-title-product {
margin-bottom: 80px;
}
.tvcmsspecial-product,
.tvcmsfeatured-product,
.tvcmsbest-seller-product,
.tvcmsnew-product,
.tvcmssame-category-product,
.tvcmscross-selling-product,
.tvcmslike-product {
margin-bottom: 80px;
display: flex;
}
/***** product title design *****/
.tvcmsmain-title-wrapper {
margin-bottom: 30px;
position: relative;
text-align: center;
}
.tvtab-title-wrapper {
overflow: hidden;
position: relative;
margin-bottom: 0;
}
.tvtab-title-wrapper .tvtabs-products li {
position: relative;
padding: 17px 32px;
border-radius: 0;
display: inline-block;
vertical-align: top;
line-height: 14px;
background-color: #fff;
border: none;
margin: 0 8px;
}
.tvtab-title-wrapper .tvtabs-products li span {
font-weight: 400;
color: #000;
font-size: 18px;
letter-spacing: 0.5px;
text-transform: capitalize;
}
.tvtab-title-wrapper .tvtabs-products li:hover,
.tvtab-title-wrapper .tvtabs-products li.active {
background-color: #d9c2a3;
}
.tvtab-title-wrapper .tvtabs-products li:hover span,
.tvtab-title-wrapper .tvtabs-products li.active span {
color: #000;
}
.tvtab-product {
overflow: hidden;
}
.tvcms-main-title .tvmain-title h2,
.block_newsletter .tvnewsletter-title {
font-size: 30px;
color: #000;
text-transform: capitalize;
line-height: 40px;
position: relative;
font-weight: 600;
font-family: "Poppins";
letter-spacing: 0.8px;
margin-bottom: 0;
padding-bottom: 10px;
display: inline-block;
text-align: left;
}
.tvcms-main-title .tvmain-title h2:after {
position: absolute;
top: auto;
left: 0;
right: 0;
margin: auto;
bottom: 0;
width: 132px;
height: 1px;
background-color: #d9c2a3;
content: "";
display: inline-block;
vertical-align: middle;
}
.tvcms-main-title .tvmain-title {
position: relative;
}
.lang-rtl .tvcms-main-title .tvmain-title h2:before {
left: auto;
right: 0;
}
.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;
}
.tvcmsfooter-featured-product .tvcms-main-title .tvmain-title h2:before,
.tvcmsfooter-new-product .tvcms-main-title .tvmain-title h2:before,
.tvcmsfooter-best-seller-product .tvcms-main-title .tvmain-title h2:before {
display: none;
}
.tvcmsfooter-featured-product .tvcms-main-title .tvmain-title h2,
.tvcmsfooter-new-product .tvcms-main-title .tvmain-title h2,
.tvcmsfooter-best-seller-product .tvcms-main-title .tvmain-title h2 {
padding: 0 !important;
}
.tvleft-right-product-slider .tv-product-price .price {
font-size: 14px;
}
/***** tab title *****/
@media(max-width: 1280px) {
.tvfooter-product-box-layout .tvcms-main-title .tvmain-title h2 {
font-size: 16px !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;
}
.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;
}
.tvfooter-title-wrapper .tvfooter-title,
.tvdekstop-footer-all-title-wrapper .tvfooter-title {
font-size: 16px !important;
}
.tvcategory-slider-info-box {
font-size: 16px !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;
-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: 0 0 19px 0 rgb(0 0 0 / 13%);
}
.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 {
padding: 5px 15px;
/*margin-bottom: 30px;*/
}
/*.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: 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-page-wrapper .tvproduct-flags {
opacity: 1;
}
.tvproduct-wrapper:hover .tvproduct-flags {
opacity: 1;
}
.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: #d9c2a3;
}
.tvproduct-flags li {
font-size: 14px;
color: #444;
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;
}
/***** Product Color *****/
.tvproduct-color {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.list-2 .tvproduct-color,
.list .tvproduct-color {
justify-content: initial;
}
.tvproduct-color-box-border .tvporoduct-color-box {
width: 12px;
height: 12px;
border-radius: 0;
display: inline-block;
vertical-align: middle;
border: 1px solid #e5e5e5;
}
.tvproduct-color-box-border {
display: inline-block;
margin-right: 5px;
}
.tvcmsmorecolor-icon {
vertical-align: middle;
}
.tvcmsmorecolor-icon i {
font-size: 8px;
line-height: 7px;
}
.tvcmsmorecolor,
.tvcmslesscolor-icon.tvcmslesscolor-close {
display: none;
}
.tvcmslesscolor-icon {
height: 13px;
line-height: 9px;
width: 13px;
border-radius: 100%;
padding: 0 0px;
display: inline-block;
color: #000;
text-align: center;
}
.tvcmslesscolor-close i {
font-size: 11px;
color: #000;
}
a.tvcmsmorecolor-icon {
color: #222;
background-color: #fff;
font-size: 10px;
line-height: 13px;
/*border: 1px solid #eee;*/
/*border-radius: 3px;*/
/* margin-left: 5px;
padding: 0 2px;*/
}
.tvcmslesscolor-icon.tvcmslesscolor-close {
color: #222;
background-color: #fff;
font-size: 9px;
border: 1px solid #e5e5e5;
vertical-align: middle;
border-radius: 0;
}
.tvcms-prod-popup .tvporoduct-color-box {
display: none;
}
@media (max-width: 991px) {
.tvproduct-wrapper .tvproduct-color-wrapper {
opacity: 1;
}
}
/***** 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;
}
/*****Start image change on hover*****/
.tvproduct-wrapper .tvproduct-image a {
text-align: center;
display: inline-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: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-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 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
background-color: #fff;
}
.tvproduct-wrapper:hover .tvproduct-hover-img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/*****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;
bottom: 20px;
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(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
.tvproduct-wrapper .tvtimer-wrapper {
overflow: hidden;
vertical-align: top;
display: inline-block;
border: 1px solid #ededed;
min-width: 180px;
border-radius: 3px;
background-color: #fff;
padding: 0 5px;
background-color: #ffffff;
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
}
.tvproduct-wrapper .tvproduct-timer-icon {
display: inline-block;
}
.tvproduct-wrapper .tvproduct-timer-icon i {
font-size: 16px;
color: #333 margin-right: 3px;
}
.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: #d9c2a3;
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-btn-color,
.tvproduct-wrapper.grid-2 .tvproduct-btn-color {
position: absolute;
top: auto;
bottom: 40px;
z-index: 10;
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-btn-color,
.tvproduct-wrapper.grid-2:hover .tvproduct-btn-color {
opacity: 1;
}
.tvproduct-wrapper.grid .tvproduct-hover-btn,
.tvproduct-wrapper.grid-2 .tvproduct-hover-btn {
display: flex;
justify-content: center;
margin-top: 10px;
}
.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-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: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
transition: all 200ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
/*-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-ms-transform: translateY(60px);
-o-transform: translateY(60px);
transform: translateY(60px);*/
}
@media (min-width: 992px) {
.tvproduct-wrapper.grid:hover .tvproduct-quick-btn,
.tvproduct-wrapper.grid:hover .tvproduct-wishlist,
.tvproduct-wrapper.grid:hover .tvproduct-cart-btn,
.tvproduct-wrapper.grid:hover .tvcompare-wrapper,
.tvproduct-wrapper.grid-2:hover .tvproduct-quick-btn,
.tvproduct-wrapper.grid-2:hover .tvproduct-wishlist,
.tvproduct-wrapper.grid-2:hover .tvproduct-cart-btn,
.tvproduct-wrapper.grid-2:hover .tvcompare-wrapper {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
}
/*.tvproduct-color {
position: absolute;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
margin-top: 10px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: transform .2s cubic-bezier(.4,0,1,1);
-moz-transition: transform .2s cubic-bezier(.4,0,1,1);
-ms-transition: transform .2s cubic-bezier(.4,0,1,1);
-o-transition: transform .2s cubic-bezier(.4,0,1,1);
}
.tvproduct-wrapper:hover .tvproduct-color {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}*/
/*.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);
}*/
.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: 40px;
width: 40px;
background-color: #d9c2a3;
border-radius: 25px;
color: #000000;
/*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: #000000;
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: 10px;
width: 40px;
height: 40px;
font-size: 20px;
}
.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: #d9c2a3;
/*border: 1px solid #d9c2a3;*/
background-position: -158px -609px;
}
.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-out-of-stock {
z-index: 2;
position: relative;
background-color: #000000;
color: #ffffff;
opacity: 1;
border-radius: 25px;
/*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: #000000;
/*border: 1px solid #d9c2a3;*/
}
.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: #d9c2a3
}
/***** end Start cart-Quick-compare-wishlist Hover btn *****/
/*****Start Product Title & Price*****/
.product-description .tvproduct-name {
padding: 0 0 8px;
}
.tvproduct-name.product-title a h6 {
color: #222222;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 0;
}
/*.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: 14px;
/*line-height: 16px;*/
font-weight: 500;
color: #000000;
display: inline-block;
vertical-align: middle;
letter-spacing: 0;
margin-right: 10px;
}
.product-price-and-shipping .regular-price {
margin: 0px 0 0 0px;
font-size: 13px;
font-weight: 400;
text-decoration: line-through;
color: #a8a8a8;
letter-spacing: 0.3px;
vertical-align: middle;
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 12px;
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) {
.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: #d9c2a3;
}
#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: 25%;
}
}
@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 *****/
.tvnew-product,
.tvbest-seller-product,
.tvfeatured-product {
margin: 0;
}
.tvall-product-offer-banner {
/*display: flex;*/
flex-wrap: wrap;
}
.tvall-product-branner {
width: 25%;
float: left;
padding: 0 15px;
}
.tvimage-true {
width: 75%;
float: left;
padding: 0px;
}
.tvcmsspecial-product .tvall-product-branner,
.tvcmsspecial-product .tvimage-true {
width: 50%;
}
.tvcmsnew-product .tvall-product-offer-banner,
.tvcmsbest-seller-product .tvall-product-offer-banner,
.tvcmsspecial-product .tvall-product-offer-banner {
margin: 0 -15px;
}
/***** 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;
}
}
@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;
}
}
@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;
}
.tvcms-next-pre-btn {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
direction: ltr;
}
.tvcmsprev-btn {
height: 40px;
width: 40px;
position: static;
border-radius: 0;
margin: 0 10px;
right: 45px;
/*border: 1px solid rgba(0, 0, 0, 0.07);*/
/*border-radius: 50px;*/
/*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
background-color: #333;
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
.tvcmsnext-btn {
height: 40px;
width: 40px;
position: static;
border-radius: 0;
/*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: #333;
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
.tvcmsprev-btn i,
.tvcmsnext-btn i {
line-height: 40px;
color: #ffffff;
font-size: 17px;
}
.tvcmsprev-btn:hover {
/*border: 1px solid #d9c2a3;*/
background-color: #d9c2a3;
}
.tvcmsnext-btn:hover {
/*border: 1px solid #d9c2a3;*/
background-color: #d9c2a3;
}
.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 {
position: absolute;
left: 15px;
right: auto;
margin: 0;
background-color: #222;
}
.tvmain-slider-next-pre-btn .tvcmsnext-btn {
position: absolute;
right: 15px;
left: auto;
margin: 0;
background-color: #222;
}
.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: 50px;
right: auto;
}
.tvmain-slider-next-pre-btn .tvcmsnext-btn,
.tvcms-vertical-menu-next-pre-btn .tvcmsnext-btn {
right: 50px;
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;
}
.tvfooter-product-title-product .tvcmsmain-title-wrapper,
.tvfooter-product-title-product .tvcmsmain-title-wrapper,
.tvfooter-product-title-product .tvcmsmain-title-wrapper {
margin-bottom: 15px;
}
.tvfooter-product-box-layout .tvcms-next-pre-btn {
margin: 0;
}
.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;
}
.tvfooter-best-seller-product-prev.tvcmsprev-btn,
.tvfooter-featured-product-prev.tvcmsprev-btn,
.tvfooter-new-product-prev.tvcmsprev-btn {
position: absolute;
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 50px;
margin: 0;
}
.tvfooter-best-seller-product-next.tvcmsnext-btn,
.tvfooter-featured-product-next.tvcmsnext-btn,
.tvfooter-new-product-next.tvcmsnext-btn {
position: absolute;
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
margin: 0;
}
/* 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: #d9c2a3;
height: 3px;
width: 10px;
}
.nivo-controlNav .nivo-control:before {
display: none;
}
.tvcms-brandlist-pagination-wrapper {
display: none;
}
.tvbrandlist-slider:hover .tvcms-brandlist-pagination-wrapper {
display: block;
}
.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: center;
}
.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;
}
.tvnewsleteer-btn-wrapper .tvall-inner-btn {
/*background-color: #222;*/
padding: 13px 34px;
border-radius: 0;
margin-bottom: 0;
}
.block_newsletter form {
width: 100%;
margin: 0 auto;
}
.tvnewsleteer-btn-wrapper .btn-primary:hover {
background-color: #d9c2a3;
}
.tvnewsleeter-input-button-wraper .input-wrapper input {
height: 51px;
color: #888;
background-color: #ffffff;
border: 1px solid #d9c2a380;
min-width: 200px;
font-size: 12px;
font-weight: 400;
}
.tvnewsleeter-input-button-wraper .input-wrapper input::placeholder {
color: #a8a8a8;
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: 50px;
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: #d9c2a3;
}
.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 {
font-size: 18px;
color: #000000;
display: block;
font-weight: 600;
text-transform: uppercase;
}
.block_newsletter p {
padding-top: 0;
}
.footer-container li i,
.tvfooter-title-wrapper .tvfooter-toggle-icon {
display: none;
}
.tvfooter-time-wrapper .tvfooter-open-time-wrapper,
.footer-container .tvfooter-account-link li,
.footer-container #block_myaccount_infos li,
.tvfooter-category-block ul li {
margin-bottom: 12px;
}
.footer-container li a {
color: #000000;
font-size: 14px;
font-weight: 400;
position: relative;
}
.footer-container li a:hover {
color: #d9c2a3;
}
.tvfooter-category-block ul {
overflow: hidden;
}
#footer_sub_menu_store_info,
.tvfooter-store-link a {
color: #000000;
font-size: 14px;
font-weight: 400;
}
#footer_sub_menu_store_info .tvfooter-addresses {
display: flex;
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;
color: #000000;
}
#footer_sub_menu_store_info .tvfooter-store-link-content .dropdown {
color: #000000;
}
#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: 30px;
width: 30px;
margin: 0 3px;
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: -109px -11px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.facebook a {
background-image: url(../img/themevolty/sprite.png);
background-position: -111px -61px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.twitter a {
background-image: url(../img/themevolty/sprite.png);
background-position: -110px -110px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.youtube a {
background-image: url(../img/themevolty/sprite.png);
background-position: -110px -160px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.googleplus a {
background-image: url(../img/themevolty/sprite.png);
background-position: -109px -259px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.pinterest a {
background-image: url(../img/themevolty/sprite.png);
background-position: -110px -209px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.vimeo a {
background-image: url(../img/themevolty/sprite.png);
background-position: -110px -359px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.instagram a {
background-image: url(../img/themevolty/sprite.png);
background-position: -110px -310px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.rss:hover a {
background-position: -59px -11px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.facebook:hover a {
background-position: -61px -61px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.twitter:hover a {
background-position: -60px -110px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.youtube:hover a {
background-position: -60px -160px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.googleplus:hover a {
background-position: -59px -259px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.pinterest:hover a {
background-position: -60px -209px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.vimeo:hover a {
background-position: -60px -359px;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li.instagram:hover a {
background-position: -60px -310px;
}
.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: 17px 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;
justify-content: flex-end;
}
.tvcopylink {
text-align: left;
padding: 0;
}
.tvcopylink p {
color: #000;
margin-bottom: 0;
font-size: 13px;
line-height: 27px;
text-transform: capitalize;
font-weight: 500;
display: inline-block;
}
.tvcopylink p:hover {
color: #ffffff;
}
.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: #d9c2a3;
}
.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;
}
i.material-icons {
direction: inherit;
}
/***** Teblet-footer *****/
.tvfooter-social-icon-wrapper {
margin-bottom: 0;
}
.block-social {
text-align: left;
}
/***** 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-bottom: 15px;
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: #d9c2a3;
}
.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: #d9c2a3;
/*border-left: 1px solid #eeeeee;*/
}
.ttvcmscart-show-dropdown-right .ttvcart-counter .ttvcart-products-count {
font-weight: 500;
color: #000000;
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: #d9c2a3;
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: #d9c2a3;
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: #d9c2a3;
}
.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: #000;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-checkout:hover a {
color: #fff;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-viewcart:hover a {
color: #000;
}
.ttvcmscart-show-dropdown-right {
width: calc(100% - 50px);
max-width: 380px;
height: 100vh;
position: fixed;
top: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05);
z-index: 1002;
visibility: hidden;
text-align: left;
right: -100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
overflow-y: auto;
}
body.classicCartOpen .ttvcmscart-show-dropdown-right+.modal-backdrop-cart {
background-color: rgba(0, 0, 0, 0.3);
position: fixed;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
body.classicCartOpen .ttvcmscart-show-dropdown-right {
right: 0;
visibility: visible;
}
.ttvcmscart-show-dropdown-right .ttvcart-no-product-label {
padding: 25px 40px;
font-weight: 500;
font-size: 16px;
color: #666;
text-align: center;
}
.ttvcart-no-product {
background-image: url(../img/themevolty/cart.png);
background-position: center;
min-height: 100%;
background-repeat: no-repeat;
}
.tvcms_customer_name {
text-transform: capitalize;
}
#module-tvcmsproductcompare-productcomparelist .tvcompare_extra_information {
width: 11%;
}
.tvwishlist-popup {
right: 0;
padding: 15px;
border: 1px solid #ffffff;
z-index: 999;
margin: 20px;
background: #fff;
position: fixed;
width: 300px;
text-align: center;
display: none;
}
.tvwishlist-popup.success {
border: 3px solid #1da61540;
}
.tvwishlist-popup.warning {
border: 3px solid #ff9f0047;
}
.tvwishlist-popup.error {
border: 3px solid #dd000057;
}
.tvwishlist-popup.warning i {
color: orange;
}
.tvwishlist-popup.success i {
color: green;
}
.tvwishlist-popup.error i {
color: red;
}
.tvwishlist-popup p {
padding: 0px;
margin: 0 5px;
}
#search_filters .facet .facet-label .custom-checkbox,
#search_filters .facet .facet-label .custom-radio {
top: auto !important;
}
#bottom_sticky_data .new_comment_form_ok {
display: none;
}
.tv-category-main-div,
.products-sort-order .select-title {
border: 1px solid rgba(0, 0, 0, 0.07);
}
.tvcmsfooter-background-image {
background-repeat: no-repeat;
background-position: right top;
}
/***** 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 i {
animation: fa-spin 2s infinite linear;
}
@keyframes fa-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/******* Start Custom Css *******/
/***** tv designer css *****/
/*@import url("common.css");*/
body {
font-family: "Poppins", sans-serif;
font-size: 14px;
line-height: normal;
background-color: #f2f2f2;
letter-spacing: .8px;
}
/***** common css *****/
::selection {
background-color: #d9c2a3;
color: #000000;
}
/**::-webkit-scrollbar {
background-color: #cccccc;
width: 5px;
}
*::-webkit-scrollbar-thumb {
background-color: #d21717;
width: 5px;
}*/
a:focus,
a:hover {
color: #d9c2a3;
text-decoration: none;
}
.btn-primary:hover {
color: #ffffff;
background-color: #d9c2a3;
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: #d9c2a3;
border-color: #d9c2a3
}
.btn-outline-primary {
color: #d9c2a3;
background-image: none;
background-color: transparent;
border-color: #d9c2a3
}
.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: #d9c2a3;
border-color: #d9c2a3
}
.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: #d9c2a3;
border-color: #d9c2a3
}
.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: #d9c2a3;
border-radius: 0
}
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
color: #ffffff;
text-decoration: none;
background-color: #d9c2a3;
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: #d9c2a3
}
.card-primary {
background-color: #d9c2a3;
border-color: #d9c2a3
}
.card-outline-primary {
border-color: #d9c2a3
}
.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: #d9c2a3;
border-color: #d9c2a3
}
.page-link {
position: relative;
float: left;
padding: .5rem .75rem;
margin-left: -1px;
color: #d9c2a3;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd
}
.tag-primary {
background-color: #d9c2a3
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
z-index: 2;
color: #ffffff;
text-decoration: none;
background-color: #d9c2a3;
border-color: #d9c2a3
}
.bg-primary {
background-color: #d9c2a3
}
.text-primary {
color: #d9c2a3
}
.btn-unstyle:focus .expand-more {
color: #d9c2a3
}
.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: #d9c2a3;
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: #d9c2a3;
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: #d9c2a3
}
.search-widget form input[type=text]:focus+button .search {
color: #d9c2a3
}
.search-widget form button[type=submit] .search:hover {
color: #d9c2a3
}
#header .top-menu a[data-depth="0"]:hover {
color: #d9c2a3;
text-decoration: none
}
.top-menu .sub-menu a:hover {
color: #d9c2a3
}
.page-my-account #content .links a:hover i {
color: #d9c2a3
}
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {
color: #d9c2a3
}
.products-sort-order .select-list:hover {
background: #d9c2a3;
color: #fff;
text-decoration: none
}
.facet-dropdown.open>.select-title {
border: 3px solid #d9c2a3;
background: #f6f6f6
}
.facet-dropdown .select-list:hover {
background: #d9c2a3;
color: #ffffff;
text-decoration: none
}
.pagination .current a {
/*color: #d9c2a3;*/
text-decoration: none;
font-size: 1.25rem
}
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover {
color: #d9c2a3
}
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover {
color: #d9c2a3
}
.tabs .nav-tabs .nav-link.active {
color: #d9c2a3
}
#product-modal .modal-content .modal-body .product-images img:hover {
border-color: #d9c2a3
}
#blockcart-modal .product-name {
color: #d9c2a3;
font-size: 1.125rem
}
.product-price .current-price .price,
.modal-body.tv-addtocart-content-part .tv-addtocart-price {
color: #d9c2a3;
font-size: 20px;
line-height: 22px;
font-weight: 600;
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: #d9c2a3
}
.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: #d9c2a3
}
.block_newsletter form button[type=submit] .search:hover {
color: #d9c2a3
}
.account-list a:hover {
color: #d9c2a3
}
#header .header-nav .cart-preview.active {
background: #d9c2a3
}
#header .header-nav .blockcart a:hover {
color: #d9c2a3;
}
#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: #d9c2a3;
}
#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: #d9c2a3;
}
.tvprocess-to-checkout {
background-color: #d9c2a3;
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;
}
.tvwishlist-send-mess-btn .button-small {
background-color: #d9c2a3;
color: #ffffff;
}
.tvwishlist-send-mess-btn .button-small:hover {
background-color: #222222;
}
.tvcmsNewsLetterPopup-i .tvnewsletterpopup-button-icon:hover {
background-color: #d9c2a3;
}
.tvcmsNewsLetterPopup-i .tvnewsletterpopup-button-icon:hover i {
color: #000000;
}
.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: 0px;
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: #d9c2a3
}
#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: "Poppins", 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: 1410px;
max-width: 100%;
max-width: 100%;
}
.tvcmsdesktop-top-header .container,
.tvcms-header-menu-offer-wrapper .container,
.tvcmsdesktop-top-second .container {
width: 1410px;
max-width: 100%;
padding: 0 45px;
}
}
@media (max-width: 1410px) {
.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: #ffffff;
}
.tvsearch-dropdown-total-wrapper:hover .tvsearch-dropdown-total {
color: #d9c2a3;
}
.tvcart-product-list-checkout:hover {
background-color: #d9c2a3;
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,
.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: #000000;
font-size: 18px;
font-weight: 400;
font-family: "Poppins", sans-serif;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.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: #d9c2a3;*/
}
#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,
.tvcmsblog-left-side.tvcmsblog-event {
border: 1px solid rgba(0, 0, 0, 0.07);
border-radius: 0;
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: #d9c2a3;
padding: 10px 15px;
text-align: left;
}
.tvleft-product-wrapper-info,
.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 -15px;
}
@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: #d9c2a3;
}
.block-categories .category-sub-menu li:hover>.navbar-toggler {
color: #d9c2a3;
}
.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: #d9c2a3;
}
/***** 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 {
display: flex;
justify-content: flex-end;
align-items: center;
}
.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;
}
.lang-rtl .tvapp-logo-content-inner {
padding-left: 100px;
padding-right: 0;
}
.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: "poppins", 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;
text-transform: capitalize;
}
.tvapp-logo-wrapper {
display: inline-block;
vertical-align: middle;
margin: 0 15px;
}
.tvapp-logo-link-wrapper {
display: inline-block;
text-align: center;
padding: 0;
margin: 0 -5px;
}
@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 *****/
.tvblog-event-inner-block {
margin: 0 -15px;
}
.tvblog-event-all-content-block {
padding: 0 15px;
}
.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: 35px 15px 10px;
}
.tvnews-event-read-more {
text-align: right;
}
.tvnews-event-read-more-link {
margin-top: 20px;
}
.tvnews-event-content-wrapper .tvdate-time {
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.tvnews-event-content-wrapper .tvdate-time .tvmonth-time {
padding: 0 5px;
}
.tvnews-event-content-wrapper .tvnews-event-titel h3 a,
.tvnews-event-content-wrapper .tvnews-event-titel a h3,
.kr_blog_post_area .tvblog_post .post_content .post_title a {
color: #222222;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.3px;
line-height: normal;
}
.tvnews-event-content-wrapper .tvnews-event-titel {
margin-bottom: 10px;
}
.tvblog-event-all-content-block .tvnews-event-titel a:hover {
color: #d9c2a3;
}
.tvnews-event-description,
.kr_blog_post_area .tvblog_post .post_content .post_description p {
color: #666666;
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
font-weight: 400;
;
-webkit-line-clamp: 2;
letter-spacing: .8px;
margin-bottom: 0;
}
.tvnews-wrapper-info-box {
background-color: transparent;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.tvblog-img-content-wrapper {
background-color: #ffffff;
border: 1px solid #eee;
transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-ms-transition: all 0.6s ease-in-out 0s;
-o-transition: all 0.6s ease-in-out 0s;
}
.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 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.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;
}
.tvblog-event-all-content-block .tvnews-event-buttons {
height: 46px;
width: 46px;
display: block;
border-radius: 25px;
border: 2px solid #ffffff;
text-align: center;
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 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-khtml-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.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 {
margin-bottom: 10px;
}
.tvblog-date-username .post_meta {
display: inline-block;
vertical-align: top;
}
.tvblog-date-username p,
.tvnews-event-content-wrapper .tvdate-time,
#module-tvcmsblog-archive .post_content .post_meta p {
color: #444444;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.3px;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
}
.tvblog-date-username p span {
color: #d9c2a3;
margin: 0 0 0 5px;
}
.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;
}
/***** left blog *****/
.tvcmsblog-left-side .tvblog-img-block {
padding: 0;
}
.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: 60px;
}
.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-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-btn {
display: block;
}
.tvmain-slider-contant .tvmain-slider-button:hover {
background-color: #000;
}
@media(min-width:1400px) and (max-width: 1500px) {
.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;
}
.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;
}
.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;
}
}
/***** 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;
}
.shimmerproduct.col-lg-2 {
width: 20%;
}
/********************/
.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: #d9c2a3
}
.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: #d9c2a3;
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:hover {
background-color: #000000;
}
.tvall-inner-btn-cancel {
background-color: #6c757d;
color: #fff;
border-radius: 3px;
padding: 10px 15px;
outline: none;
border: none;
display: inline-block;
vertical-align: middle;
line-height: normal;
cursor: pointer;
transition: all .3s ease-in-out;
margin-bottom: 5px;
position: relative;
text-decoration: none;
}
.tvall-inner-btn-cancel span {
color: #fff;
text-decoration: none;
}
.tvall-inner-btn-cancel:hover {
background-color: #5a6268;
}
.tvall-inner-btn-cancel.disabled,
.tvall-inner-btn.disabled,
i.material-icons.block {
cursor: no-drop;
}
.product-additional-info .js-mailalert {
text-align: left !important;
}
/*.tvall-inner-btn:hover{
background-color: #d9c2a3
}*/
.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: 14px;
color: #000;
letter-spacing: 0.5px;
text-transform: uppercase;
line-height: normal;
vertical-align: middle;
display: inline-block;
text-align: center;
}
.tvall-inner-btn-cancel span {
color: #000;
vertical-align: middle;
}
.tvall-inner-btn i {
margin-right: 5px;
color: #000;
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
}
.tvnews-event-content-wrapper .tvnews-event-read-more a.tvall-inner-btn {
background-color: transparent;
}
.tvnews-event-content-wrapper .tvnews-event-read-more a.tvall-inner-btn span {
color: #d9c2a3;
}
.tvnews-event-content-wrapper .tvnews-event-read-more a.tvall-inner-btn:hover span {
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: #000;
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% + 0px);
background: #d9c2a3;
}
.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: #000;
}
.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: 1;
/* 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,
.tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper:hover {
border-color: #d9c2a3;
}
.tvbanner-hover-wrapper:after {
position: absolute;
content: "";
width: 50px;
-webkit-transform: skewX(-50deg);
-moz-transform: skewX(-50deg);
-ms-transform: skewX(-50deg);
-o-transform: skewX(-50deg);
transform: skewX(-50deg);
bottom: 0%;
left: -170%;
height: 100%;
background-color: rgba(255, 255, 255, 0.20);
}
.tvbanner-hover-wrapper:hover:after {
left: 300%;
-webkit-transition: all 1.5s ease 0.1s;
-o-transition: all 1.5s ease 0.1s;
transition: all 1.5s ease 0.1s;
}
#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;
}
@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 #d9c2a3;*/
}
.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;*/
}
.tvbanner-hover-wrapper img {
width: 100%;
}
#footer_sub_menu_store_info,
#footer_sub_menu_link,
#footer_sub_menu_myaccount {
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-inline-end: 10px;
color: #000;
}
.header-3 #_desktop_contact_link #contact-link span {
color: #000;
font-size: 16px;
}
.header-4 .tvcmssearch-wrapper,
.header-5 .tvcmssearch-wrapper,
.header-6 .tvcmssearch-wrapper,
.header-7 .tvcmssearch-wrapper {
display: inline-block;
cursor: pointer;
vertical-align: middle;
margin-inline-end: 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,
#header .header-7 #_desktop_search .tvsearch-top-wrapper .tvsearch-open i,
#header .header-7 #_desktop_search .tvsearch-top-wrapper .tvsearch-close i {
color: #000000;
font-size: 24px;
}
#header .header-4 .tvsearch-header-display-wrappper,
#header .header-5 .tvsearch-header-display-wrappper,
#header .header-6 .tvsearch-header-display-wrappper,
#header .header-7 .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: relative;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 99999;
}
#index .tvcmsdesktop-top-header-wrapper.header-6 {
position: absolute;
}
#header .header-4 .tv-myaccount-btn-desktop i,
#header .header-5 .tv-myaccount-btn-desktop i,
#header .header-6 .tv-myaccount-btn-desktop i,
#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,
.tvcmsdesktop-top-header-wrapper.header-7 .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,
#header .tvcmsdesktop-top-header-wrapper.header-7 .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 ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#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 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
}
#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;
}
#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,
#header .tvcmsdesktop-top-header-wrapper.header-7 .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);
}
#header .header-4 .tv-menu-horizontal ul li.level-1>a,
#header .header-6 .tv-menu-horizontal ul li.level-1>a {
color: #000;
}
.header-4 .tv-menu-horizontal li.level-1 .img-icon,
.header-6 .tv-menu-horizontal li.level-1 .img-icon {
/*filter: invert(1);*/
}
.header-7 .tvcmsheader-nav-right {
display: flex;
justify-content: flex-end;
}
.header-7 .tvcmsdesktop-contact,
.header-7 .tvheader-compare,
.header-7 .ttvcms-wishlist-icon,
.header-7 .tv-contact-account-cart-wrapper {
display: inline-block;
}
.footer-container.footer-2 .tvfooter-logo-block,
.footer-container.footer-3 .tvfooter-logo-block,
.footer-container.footer-4 .tvfooter-logo-block {
padding: 0px 0;
}
.header-7 .tvcmsdesktop-view-wishlist .tvwishlist-name span,
.header-7 .tvcmsdesktop-view-compare .tvdesktop-view-compare-name span {
display: none;
}
.header-7 .tvcmsdesktop-view-wishlist .tvwishlist-name .cart-wishlist-number,
.header-7 .tvcmsdesktop-view-compare .tvdesktop-view-compare-name .count-product {
display: inline-block;
position: absolute;
height: 16px;
width: 16px;
border-radius: 18px;
left: 14px;
top: -6px;
color: #000;
font-size: 10px;
line-height: 16px;
text-align: center;
background-color: #d9c2a3;
}
.header-7 .tv-account-wrapper {
padding: 0 0;
}
.header-7 .tvdesktop-wishlist,
.header-7 .tvdesktop-view-compare {
position: relative;
}
.tvcmsdesktop-top-wrapper .tv-account-wrapper .tv-myaccount-btn i {
margin-inline-end: 5px;
}
.tvcmsdesktop-top-wrapper .tv-account-wrapper .tv-myaccount-btn span,
.tvcmsdesktop-top-wrapper #tvcmsdesktop-language-selector .tv-language-btn .tv-language-span,
.tvcmsdesktop-top-wrapper #tvcmsdesktop-currency-selector .tv-currency-btn .tv-currency-span {
font-size: 12px;
color: #000;
font-weight: 500;
letter-spacing: .3px;
max-width: max-content;
}
.tvcmsdesktop-top-wrapper .tv-account-wrapper .tv-myaccount-btn:hover span,
.header-7 .tvcms-header-myaccount .tv-myaccount-btn:hover i,
.tvcmsdesktop-top-wrapper #tvcmsdesktop-language-selector .tv-language-btn:hover .tv-language-span,
.tvcmsdesktop-top-wrapper #tvcmsdesktop-currency-selector .tv-currency-btn:hover .tv-currency-span {
/*color: #d9c2a3;*/
}
.header-7 .tvheader-language,
.header-7 .tvheader-currency {
margin-inline-end: 15px;
}
.header-7 .tv-header-logo {
/* justify-content: center;*/
}
.header-7 .tvcms-header-myaccount .tv-myaccount-btn i {
cursor: pointer;
margin-inline-end: 5px;
color: #222;
font-size: 13px;
transition: none;
}
.header-7 .tvcms-header-myaccount .tv-myaccount-btn span {
line-height: 40px;
}
.header-7 #contact-link span {
font-size: 13px;
color: #000;
/*vertical-align: middle;*/
}
.header-7 #contact-link i {
font-size: 14px;
margin-inline-end: 5px;
color: #000;
}
.header-7 .tvheader-cart-wrapper,
.header-7 .tvheader-compare,
.header-7 .ttvcms-wishlist-icon {
padding: 19px 0;
padding-inline-start: 30px;
}
.header-7 .tvwishlist-icon i,
.header-7 .tvdesktop-compare-icon i,
.header-7 .tv-cart-icon i {
font-size: 22px;
color: #000;
}
.header-7 .tv-cart-icon:hover i,
.header-7 .tvdesktop-wishlist:hover .tvwishlist-icon i,
.header-7 .tvdesktop-view-compare:hover .tvdesktop-compare-icon i,
#header .header-7 #_desktop_search .tvsearch-top-wrapper .tvsearch-open:hover i {
color: #d9c2a3;
}
.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-3 .tvfooter-payment-icon-img-block,
.footer-container.footer-3 .tvcopylink {
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,
.footer-container.footer-3 .tvcmsapp-logo {
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 .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-top: 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 .tvapp-logo-link-wrapper {
margin-top: 15px;
}
.footer-container.footer-3 .tvnewsleeter-input-button-wraper {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.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: #000;
}
.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: 100%;
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;
}
.footer-container .tvfooter-copy-payment-icon-wrapper {
background-color: #d9c2a3;
}
.footer-container .tvcopylink p {
/*color: #fff;*/
}
@media (min-width: 992px) {
.footer-container.footer-1 .tvfooter-copy-payment-icon-wrapper,
.footer-container.footer-4 .tvfooter-copy-payment-icon-wrapper {
padding: 10px 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 .product-prices .tax-shipping-delivery-label,
.quickview .product-prices .tax-shipping-delivery-label {
margin-top: 8px;
color: #666666;
font-size: 14px;
}
.quickview .product-discount .regular-price,
.tvproduct-page-wrapper .product-discount .regular-price {
font-size: 16px;
}
.product-price .current-price .price,
.modal-body.tv-addtocart-content-part .tv-addtocart-price {
font-size: 24px;
}
.product-additional-info {
padding-top: 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: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tvproduct-wishlist-compare {
margin-top: 0;
padding-bottom: 30px;
}
.tvproduct-wishlist-compare .tvproduct-wishlist a:focus {
color: #000000;
}
#block-reassurance li{
margin-inline-end: 0;
}
@media (min-width:1200px){
#product #block-reassurance li{
min-width: 536px;
}
}
#product .product-3 #block-reassurance li {
width: 100%;
min-width:auto ;
}
.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: 1400px) {
.header-7 .tvheader-cart-wrapper,
.header-7 .tvheader-compare,
.header-7 .ttvcms-wishlist-icon {
padding-inline-start: 15px;
}
}
@media (max-width: 1140px) {
.header-7 .tvheader-cart-wrapper,
.header-7 .tvheader-compare,
.header-7 .ttvcms-wishlist-icon {
padding-inline-start: 10px;
}
}
@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-3 #_desktop_contact_link #contact-link span {
font-size: 14px;
}
.header-3 #_desktop_contact_link #contact-link i {
font-size: 17px;
margin-inline-end: 5px;
}
.header-3 .tvcmsdesktop-contact,
.header-4 .tvcmsheader-nav-right,
.header-6 .tvcmsheader-nav-right {
padding-inline-start: 0;
}
.header-4 .tvcmssearch-wrapper,
.header-6 .tvcmssearch-wrapper {
margin-inline-end: 15px;
}
.header-4 .tvheader-cart-wrapper,
.header-6 .tvheader-cart-wrapper {
padding-inline-start: 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: #d9c2a3;
}
#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,
.tvmyccount i,
#tvcmsdesktop-user-info .tvhedaer-sign-btn i {
font-size: 18px;
display: inline-block;
margin-inline-end: 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-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: #d9c2a3;
}
.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: #d9c2a3;
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);
}
#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;*/
background-color: transparent;
}
#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: #d9c2a3;
}
.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 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
}
.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 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
}
}
.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: #d9c2a3;
}
.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: "";
font-size: 16px;
vertical-align: middle;
margin-right: 5px;
}
.tvwishlist-inner-product-img-block img {
margin: 0 auto;
}
.product-6 .tvcms-product-brand-logo {
margin-bottom: 25px;
}
.product-6 .tvproduct-brand {
position: unset;
}
@media (max-width: 1280px) and (min-width: 1025px) {
.product-3 .tvcart-btn-model {
float: none;
}
}
.quickprod-6 .tvquickview-prod-img {
margin-bottom: 15px;
}
.quickprod-6 .tvquickview-prod-img,
.quickprod-6 .tvquickview-prod-details {
width: 100%;
}
.quickprod-6 .tvquickview-prod-details {
text-align: center;
}
.quickprod-6 .tvquickview-prod-details .product-price,
.quickprod-6 .tvquickview-prod-details .product-variants>.product-variants-item,
.quickprod-6 .tvquickview-prod-details .product-quantity,
.quickprod-6 .tvquickview-prod-details .tvcart-btn-model {
justify-content: center;
}
.quickprod-6 .tvquickview-prod-details .tvcart-btn-model,
.quickprod-6 .tvquickview-prod-details .star_content {
float: none;
}
.quickprod-6 .tvquickview-prod-details .tvall-product-star-icon {
display: flex;
justify-content: center;
align-items: center;
}
.quickprod-6 .tvquickview-prod-details .product-add-to-cart .add-to-cart {
margin: 0;
}
.quickview .product-6 .images-container {
min-height: unset;
}
.quickview .product-6 .tvvertical-slider .product-images {
display: flex;
}
.quickview .product-6 .tvvertical-slider .product-images img {
max-height: 243px;
}
.quickview .product-6 .tvvertical-slider .product-images.slick-slider {
display: block;
}
.tvfooter-product-sticky-bottom .card {
margin-bottom: 0;
}
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .thumb-mask,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-name,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-price,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-quantity {
width: auto;
}
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-name,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-price,
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-quantity {
display: block;
margin: 0 5px;
}
.tvfooter-product-sticky-bottom .product-pack .pack-product-container .pack-product-name {
flex: none;
}
.tvfooter-product-sticky-bottom .product-pack {
margin: 0 10px;
}
.tvfooter-product-sticky-bottom .product-pack .h4 {
display: none;
}
.tvfooter-product-sticky-bottom .product-pack .pack-product-container {
padding: 10px;
}
#tvcmsdesktop-user-info .tvhedaer-sign-btn i {
margin-inline-end: 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: #d9c2a3;*/
}
.cart-content-btn a.tvall-inner-btn:hover:after {
background-color: #444444;
}
.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-6,*/
.tvcmsdesktop-top-header-wrapper.header-4 {
border-bottom: 1px solid #00000012;
}
/******* start RTL Css *******/
.lang-rtl .tvcms-main-title .tvmain-title h2 {
padding-left: 0;
padding-right: 35px;
text-align: right;
}
.lang-rtl .tvnews-event-content-wrapper .tvdate-time {
margin: 0 0 0 5px;
}
.lang-rtl .tvnews-event-read-more,
.lang-rtl .tvnews-event-content-wrapper {
/*text-align: right;*/
}
.lang-rtl sup {
left: -5px;
right: auto;
}
.lang-rtl .label,
.lang-rtl label {
text-align: left;
}
.lang-rtl .page-content.page-cms {
text-align: right;
}
.lang-rtl .products-sort-order .dropdown-menu {
text-align: right;
}
.lang-rtl .tvleft-right-product-slider .product-description {
text-align: right;
padding-right: 15px;
padding-left: 0;
}
.lang-rtl .tv-product-page-content .tv-indicator.tv-bar .tv-outer {
margin: 0 0 0 20px;
}
.lang-rtl #block-reassurance li .block-reassurance-item {
border-right: 3px solid #000;
border-left: 1px solid #e5e5e5
}
.lang-rtl .tvproduct-wishlist-compare .tvcompare-wrapper i,
.lang-rtl .tvproduct-wishlist-compare .tvproduct-wishlist i {
margin: 0 0 0 5px;
}
.lang-rtl .tvcart-btn-model {
text-align: right;
}
.lang-rtl .product-add-to-cart .add-to-cart {
margin-right: 0;
margin-left: 25px;
}
#authentication.lang-rtl .radio-inline,
#identity.lang-rtl .radio-inline {
padding: 0 0 0 10px
}
#authentication.lang-rtl .radio-inline .custom-radio,
#identity.lang-rtl .radio-inline .custom-radio {
margin-right: 0;
margin-left: 8px
}
.lang-rtl #block-reassurance img {
margin: 0 0 0 10px
}
.lang-rtl .custom-checkbox label {
text-align: right
}
.lang-rtl .nav-inline .nav-item+.nav-item,
.lang-rtl .nav-inline .nav-link+.nav-link {
margin: 0 0 0 10px
}
#authentication.lang-rtl .radio-inline,
#identity.lang-rtl .radio-inline {
padding: 0 0 0 10px
}
#authentication.lang-rtl .radio-inline .custom-radio,
#identity.lang-rtl .radio-inline .custom-radio {
margin-right: 0;
margin-left: 8px
}
.lang-rtl .tvproduct-page-wrapper .tv-product-page-image {
float: right
}
.lang-rtl .tv-product-page-content {
direction: rtl;
}
.lang-rtl .tv-product-page-content .tvproduct-brand {
right: auto;
left: 0;
}
.lang-rtl .tv-product-page-content h1 {
padding-right: 0;
padding-left: 200px;
}
.lang-rtl .tvcart-btn-model {
float: right;
}
.lang-rtl .open-comment-form,
.lang-rtl .tvshipping-btn,
.lang-rtl .tvcustomize-btn {
margin-right: 0px;
margin-left: 20px;
}
.lang-rtl .product-price .current-price .price {
padding-left: 10px;
}
.lang-rtl .tvproduct-flags,
.lang-rtl .tvprduct-image-info-wrapper .product-cover .layer {
left: 15px;
right: auto
}
.lang-rtl .tvproduct-page-wrapper .comments_note {
text-align: right
}
.lang-rtl .tvproduct-page-wrapper .star_content,
.lang-rtl .quickview .star_content {
float: right;
margin: 0 0 0 10px
}
.lang-rtl .tvproduct-page-wrapper .product-discount,
.lang-rtl .quickview .product-discount,
.lang-rtl .tvproduct-page-wrapper .product-price {
float: right
}
.lang-rtl .tvproduct-page-wrapper .product-6 .product-price {
float: none;
}
.lang-rtl .tvproduct-page-wrapper .product-variants>.product-variants-item ul {
padding-right: 0
}
.lang-rtl .product-quantity .qty {
margin-right: 0;
margin-left: .4rem
}
.lang-rtl .product-actions .control-label {
margin: 0 0 0 20px;
float: right
}
.lang-rtl #product-modal .modal-content .modal-body .product-images {
padding-right: 0
}
.lang-rtl .product-information #block-reassurance ul,
.lang-rtl .tvproduct-description-tab .nav-tabs {
padding-right: 0
}
.lang-rtl .social-icon li {
margin: 0 0 0 10px
}
.lang-rtl .btn-primary .material-icons,
.lang-rtl .btn-secondary .material-icons,
.lang-rtl .btn-tertiary .material-icons {
margin: 0 0 0 .625rem
}
.lang-rtl .product-variants>.product-variants-item ul li.float-xs-left {
float: right
}
.lang-rtl .product-quantity #quantity_wanted {
/*border-left: none*/
}
#product.lang-rtl .modal-header button.close {
left: 5px;
right: auto
}
#product.lang-rtl #content-wrapper {
float: none
}
@media (max-width:767px) {
.lang-rtl .tvproduct-page-wrapper .tv-product-page-image {
float: none
}
}
@media (max-width:480px) {
.lang-rtl .quickview .modal-footer .social-icon li {
margin: 0 0 0 7px
}
}
.lang-rtl .quickview .col-sm-6 {
/*float: right*/
}
.lang-rtl .modal-content .js-productinfo p {
text-align: left
}
.lang-rtl .quickview .arrows {
left: 60px;
right: auto
}
.lang-rtl .js-qv-product-images,
.lang-rtl .quickview .product-variants-item ul {
padding-right: 0
}
.lang-rtl .quickview .mask {
margin: 0 20px 45px 0
}
.lang-rtl .tvproduct-page-wrapper .product-discount .regular-price,
.lang-rtl .quickview .product-discount .regular-price {
margin: 0 0 0 13px
}
.lang-rtl .product-pack .pack-product-container .pack-product-quantity {
border-right: 2px solid #f1f1f1;
border-left: none
}
@media (max-width: 767px) {
.lang-rtl .modal-content .js-productinfo p {
text-align: center
}
.lang-rtl .quickview .mask {
margin: 15px 0 0
}
}
@media (max-width:375px) {
.lang-rtl .product-pack .pack-product-container .pack-product-quantity {
border: none
}
}
body.lang-rtl {
direction: rtl
}
.lang-rtl .tvcms-header-myaccount {
float: right
}
.lang-rtl .tvcmscart-show-dropdown .tvcart-product-list-img {
float: right;
margin-left: 15px;
margin-right: 0
}
.lang-rtl .tvmultibanner-part1 {
float: right
}
.lang-rtl .tvcart-product-content {
margin-right: 85px;
margin-left: 0
}
.lang-rtl .tvtab-product-all-pagination .tvtab-product-list-wrapper {
direction: ltr
}
.lang-rtl .thumbnail-container .tvproduct-timer .tvtimer-wrapper {
direction: rtl
}
.lang-rtl .owl-carousel {
direction: ltr
}
.lang-rtl .tv-search-account-cart-wrapper {
float: left;
}
.lang-rtl .tv-language-dropdown,
.tv-currency-dropdown {
padding: 10px
}
@media (max-width: 575px) {
.lang-rtl .tvcms-next-pre-btn {
direction: ltr
}
}
.lang-rtl .tvleft-right-product-slider .tvproduct-image {
float: right
}
.lang-rtl .tvleft-right-product-slider .tvproduct-name {
text-align: right
}
.lang-rtl .tvleft-right-penal-all-block .tvall-product-bottom-link-block,
.lang-rtl .tvcmsblog-left-side .tvnews-event-link,
.lang-rtl .tvallproduct-link,
.lang-rtl .tvnews-event-link {
text-align: left
}
.lang-rtl .tvnews-event-read-more-link i,
.lang-rtl .tvleft-right-penal-all-block .tvall-product-bottom-link-block i,
.lang-rtl .tvcmsblog-left-side .tvnews-event-link i,
.lang-rtl .tvallproduct-link i,
.lang-rtl .tvnews-event-link i {
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
line-height: 17px
}
.lang-rtl .tvfooter-time-wrapper .tvfooter-open-time-wrapper .tvfooter-opentime-lable {
float: right;
margin-left: 10px
}
.lang-rtl #footer_sub_menu_store_time,
.lang-rtl #footer_sub_menu_link,
.lang-rtl #footer_sub_menu_myaccount,
.lang-rtl #footer_sub_menu_social_icon {
padding-right: 0
}
.lang-rtl .tvfooter-title-wrapper .tvfooter-title {
text-align: right
}
.lang-rtl .tvfooter-social-icon-wrapper li a {
/*padding: 0 40px 0 0*/
}
.lang-rtl .tvcmsfooter-social-icon .tvfooter-social-icon-wrapper li {
text-align: right
}
.lang-rtl .tvvertical-menu-img-block {
float: right
}
.lang-rtl .tv-vertical-menu-icon-wrapper {
left: 0;
right: auto
}
.lang-rtl .tvcmsvertical-menu li:not(.tvvertical-menu-show-hide-category) .tvvertical-menu-dropdown-icon {
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
text-align: right;
}
.lang-rtl span.tvcart-product-price {
float: left
}
.lang-rtl #wrapper .breadcrumb ol {
direction: ltr
}
.lang-rtl .tvnewsletter-lable-wrapper .tvnewsletter-lable {
padding-left: 25px;
padding-right: 90px
}
.lang-rtl .tv-left-search-totle-product,
.lang-rtl .tv-grid-list-all-wrapper,
.lang-rtl .tvall-page-shortby,
.lang-rtl .tv-sub-category-wrapper,
.lang-rtl .tvcms-all-pagination .tv-pagination-result,
.lang-rtl .tvinner-page-showing-item {
float: right
}
.lang-rtl .pagination .tvinner-page-pagination li {
margin: 0 15px 0 0
}
.lang-rtl.pagination .page-list.tv-pagination-wrapper,
.lang-rtl .pagination .page-list.tvinner-page-pagination {
direction: ltr;
float: left
}
.lang-rtl .tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper {
float: left
}
.lang-rtl .tv-total-product {
margin-left: 0;
margin-right: 10px
}
.lang-rtl .tvproduct-wrapper.list .tv-indicator.tv-pie .tv-outer {
margin-right: 0
}
.lang-rtl .tv-product-cart-quentity-inner,
.lang-rtl .tvproduct-cart-catalog-btn {
margin-right: 0;
margin-left: 15px
}
.lang-rtl #products.list .tvproduct-name,
.lang-rtl #products #products.list .product-price-and-shipping,
.lang-rtl #products.list .product-accessories .product-price-and-shipping,
.lang-rtl #products.list .product-miniature .product-price-and-shipping,
.lang-rtl #products.list .comments_note,
.lang-rtl .tvproduct-wrapper.list .tv-product-list,
.lang-rtl #products.list-2 .tvproduct-name,
.lang-rtl #products #products.list-2 .product-price-and-shipping,
.lang-rtl #products.list-2 .product-accessories .product-price-and-shipping,
.lang-rtl #products.list-2 .product-miniature .product-price-and-shipping,
.lang-rtl #products.list-2 .comments_note {
text-align: right
}
.lang-rtl .tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper,
.lang-rtl .tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-grid,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-grid-2,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-list,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-list-2,
.lang-rtl .tvcmsproduct-grid-list .tvproduct-catelog,
.lang-rtl .tv_search_filter_wrapper .tvleft-right-title-wrapper {
margin-left: 10px;
margin-right: 0;
direction: ltr;
}
@media (min-width: 768px) {
.lang-rtl #blockcart-modal .divide-right,
.lang-rtl #blockcart-modal .tv-addtocart-product-image {
float: right
}
}
@media (min-width: 767px) {
.lang-rtl .cart-grid-body,
.lang-rtl .tvcheckout-process-left {
float: right;
}
}
.lang-rtl #blockcart-modal .divide-right {
border-left: 1px solid #e5e5e5;
border-right: 0
}
.lang-rtl #blockcart-modal .cart-content .cart-content-btn .btn {
margin-right: 0;
margin-left: 15px
}
.lang-rtl #module-tvcmsblog-archive .pagination .page-list.tvinner-page-pagination {
float: left
}
#module-tvcmsblog-archive.lang-rtl .pagination .page-list.tvinner-page-pagination {
float: left
}
.lang-rtl #products.list .tvproduct-timer {
text-align: right
}
.lang-rtl #products.list-2 .tvproduct-timer {
text-align: right
}
.lang-rtl .tvproduct-timer-wrapper {
margin: 0 0 0 6px;
}
.lang-rtl #products.list-2 .tvtimer-wrapper .tvproduct-timer-wrapper:first-child {
margin-right: 0;
margin-left: 5px
}
.lang-rtl #products.list .tvtimer-wrapper .tvproduct-timer-wrapper:first-child {
margin-right: 0;
margin-left: 5px
}
.lang-rtl .block-categories .collapse-icons {
left: 0;
right: auto
}
.lang-rtl .tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper {
background-position: -58px -721px
}
.lang-rtl .tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper {
background-position: -104px -721px
}
@media (min-width: 992px) {
.lang-rtl .tvcmsvertical-menu .menu-dropdown {
right: 100%;
-webkit-transform: translateX(-20px);
-o-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px)
}
.lang-rtl #right-column.tv-left-right-panel-hide {
left: -500px;
right: auto
}
.lang-rtl #right-column.tv-left-right-panel-hide.open {
left: 0;
right: auto
}
.lang-rtl #left-column.tv-left-right-panel-hide {
right: -500px;
left: auto
}
.lang-rtl #left-column.tv-left-right-panel-hide.open {
right: 0;
left: auto
}
.lang-rtl .tv-left-right-panel-hide .tvright-column-close-btn {
right: 5px;
left: auto
}
.lang-rtl .tv-left-right-panel-hide .tvleft-column-close-btn {
left: 5px;
right: auto
}
}
@media (max-width: 991px) {
.lang-rtl .tvfooter-toggle-icon-wrapper.tvfooter-toggle-icon {
right: auto;
left: 0;
}
.lang-rtl .tvcmsmobile-header-left {
float: right
}
.lang-rtl .tvcmsmobile-header-right {
float: left
}
.lang-rtl #tvcmsmobile-horizontal-menu {
margin-left: 30px;
margin-right: 0
}
.lang-rtl .tvfooter-toggle-icon-wrapper .tvfooter-toggle-icon {
left: 0;
right: auto
}
.lang-rtl .tvcmsvertical-menu li .tvvertical-menu-dropdown-icon1 {
right: auto;
left: -10px
}
.lang-rtl .tvfooter-title-wrapper .tvfooter-title {
padding-right: 10px
}
}
@media (max-width: 575px) {
.lang-rtl .tvcmsmobile-header-right {
float: unset
}
.lang-rtl .tvcmsmobile-header-left {
float: unset
}
.lang-rtl .tv-left-search-totle-product,
.lang-rtl .tv-grid-list-all-wrapper,
.lang-rtl .tvall-page-shortby,
.lang-rtl .tv-sub-category-wrapper,
.lang-rtl .tvcms-all-pagination .tv-pagination-result,
.lang-rtl .tvinner-page-showing-item {
width: 100%
}
}
.lang-rtl #id_new_comment_form {
text-align: right;
}
.lang-rtl #new_comment_form #criterions_list li {
display: flex;
flex-wrap: wrap;
}
.lang-rtl #new_comment_form #criterions_list label {
margin: 0 0 0 20px;
}
.lang-rtl #new_comment_form .star_content {
display: flex;
}
.lang-rtl #new_comment_form label {
text-align: right;
}
.lang-rtl .form-group {
display: flex;
flex-wrap: wrap;
}
.lang-rtl .page-footer .account-link i {
margin: 0 0 0 5px;
}
.lang-rtl .pull-right.btn-home i {
margin: 0 0 0 10px;
}
.lang-rtl .form-control-select {
background-position: left center;
}
.lang-rtl .cart-summary-line .value {
float: left;
}
.lang-rtl .order-confirmation-table .row {
display: flex;
flex-wrap: wrap;
}
.lang-rtl #tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="0"]>li>.tvmenu-link-wrapper a span:after {
left: auto;
right: 0;
}
.lang-rtl .tvcmsdesktop-top-header-box {
direction: rtl;
}
.lang-rtl .tv-search-account-cart-wrapper {
float: left;
}
.lang-rtl .header-7 .tvcmsheader-nav-right,
.lang-rtl .tv-contact-account-cart-wrapper {
text-align: left;
/*direction: ltr;*/
}
.lang-rtl .tvcart-icon-text-wrapper .tvcart-lable,
.lang-rtl .tv-account-wrapper .tv-myaccount-btn span {
text-align: right;
}
.lang-rtl .tvcmsheader-search .tvcms-select-category {
background-position: 0
}
.lang-rtl .tvcms-header-myaccount .tv-account-dropdown {
left: 0;
right: auto;
text-align: right;
}
#history.lang-rtl caption,
#history.lang-rtl th {
text-align: right;
}
.lang-rtl .tvcmsdesktop-top-header-wrapper .tvcmsdesktop-top-wrapper {
direction: rtl;
}
.lang-rtl .tvheader-offer-wrapper {
float: right;
}
.lang-rtl .tvheader-language-currency-wrapper {
text-align: left;
}
.lang-rtl .tvcmsdesktop-language-selector {
direction: rtl;
text-align: left;
}
.lang-rtl #tvcmsdesktop-language-selector .tv-language-btn,
.lang-rtl #tvcmsdesktop-currency-selector .tv-currency-btn {
direction: rtl;
}
.lang-rtl .tv-language-dropdown,
.lang-rtl .tv-currency-dropdown {
text-align: right;
}
.lang-rtl .tvcmscart-show-dropdown {
left: 0;
right: auto;
}
.lang-rtl .tvcart-product-totle {
text-align: right;
}
.lang-rtl .tvcart-product-content-box {
direction: rtl;
padding: 0 0 0 20px
}
.lang-rtl .tvcart-product-content {
text-align: right;
direction: rtl;
}
.lang-rtl .tvcart-product-list-subtotal-prod {
direction: rtl;
}
.lang-rtl #tvcmsdesktop-logo {
float: none;
}
.lang-rtl .tvcms-header-menu .tv-header-menu>li>.tvmenu-link-wrapper a[data-depth="1"],
.lang-rtl .tvmain-menu-mobile-dropdown {
text-align: right;
}
.lang-rtl .tvmenu-toggle-icon {
right: auto;
left: 0;
}
.lang-rtl .product-price-and-shipping .price,
.lang-rtl .product-price-and-shipping .regular-price {
margin: 0 0 0 5px;
}
.lang-rtl .product-price-and-shipping .price {
font-size: 14px;
}
.lang-rtl .tvproduct-hover-btn-wrapper {
direction: ltr;
}
.lang-rtl .tvproduct-info-box-wrapper {
/*text-align: right;*/
}
.lang-rtl .tvproduct-online-new-wrapper {
left: 15px;
right: auto;
text-align: left;
}
.lang-rtl .tvproduct-sale-pack-wrapper {
right: 15px;
left: auto;
text-align: right;
}
.lang-rtl #products.list-2 .product-description,
.lang-rtl #products.list .product-description {
text-align: right;
}
.lang-rtl .tv-product-cart-quentity-inner,
.lang-rtl .tvproduct-cart-catalog-btn {
margin-left: 0;
margin-right: 0;
}
.lang-rtl .tvproduct-info-box-wrapper .product-description {
direction: ltr;
}
.lang-rtl .tvfooter-product-box-layout .tvleft-right-product-slider .tvproduct-wrapper {
direction: rtl;
}
.lang-rtl .tvcmsprev-btn {
right: auto;
left: 0;
}
.lang-rtl .tvcmsnext-btn {
left: 45px;
right: auto;
}
.lang-rtl .tvcms-newsletter-wrapper {
/*float: right;*/
}
.lang-rtl .tvnewsletter-lable-wrapper {
/*text-align: right;*/
}
.lang-rtl .tvnewsletter-lable-wrapper:before {
right: 0;
left: auto;
}
.lang-rtl .block_newsletter form .input-wrapper {
direction: ltr;
}
.lang-rtl #footer_sub_menu_store_info {
/*padding: 0 25px 0 0;*/
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-addresses:after {
left: auto;
right: -25px;
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link-fax:after {
left: auto;
right: -25px;
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link:after {
left: auto;
right: -25px;
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link-content:after {
left: auto;
right: -25px;
}
.lang-rtl #footer_sub_menu_social_icon {
text-align: left;
}
.lang-rtl .tvfooter-address-lable {
float: right;
padding-left: 5px;
padding-right: 0;
}
@media(max-width: 1199px) {
.lang-rtl #footer_sub_menu_social_icon {
text-align: center;
}
.tvapp-logo-content-box {
justify-content: center;
}
}
.lang-rtl .page-list {
direction: ltr;
float: left;
}
.lang-rtl #newsletter_block_popup .tvnewsletter-popup-wrapper .tvnewsletter-popup-img-wrapper {
margin: 0 0 0 10px;
}
.lang-rtl .tvproduct-flags,
.lang-rtl .tvprduct-image-info-wrapper .product-cover .layer {
right: 20px;
left: auto;
}
.lang-rtl .tvproduct-flags.tvproduct-sale-pack-wrapper {
left: 20px;
right: auto;
}
.lang-rtl .tvtab-title-wrapper .tvtabs-products li:last-child:after {
background-color: #000000;
}
.lang-rtl .tvtab-title-wrapper .tvtabs-products li:first-child:after {
background-color: transparent;
}
.lang-rtl #right-column.col-xl-2,
.lang-rtl #left-column.col-xl-2 {
float: right;
}
.lang-rtl .ttvcmscart-show-dropdown-right {
direction: rtl;
}
.lang-rtl .ttvcmscart-show-dropdown-right .tvcart-product-content {
margin-right: 15px;
}
.lang-rtl .ttvcmscart-show-dropdown-right .ttvclose-cart {
/*border-left: 1px solid #eeeeee;*/
}
.lang-rtl .ttvcmscart-show-dropdown-right .ttvcart-counter {
/*border-right: 1px solid #eeeeee;*/
}
.lang-rtl .ttvcmscart-show-dropdown-right .tvcart-product-remove {
left: 0;
right: auto;
}
.lang-rtl .ttvcmscart-show-dropdown-right {
right: auto;
left: -100%;
}
.lang-rtl .tabs .nav-tabs .nav-item {
float: right;
}
body.lang-rtl.classicCartOpen .ttvcmscart-show-dropdown-right {
right: auto;
left: 0;
}
/***** End Custom Shopping Cart Right Side *****/
.lang-rtl .tvcmsright-sticky {
right: -77px;
}
.lang-rtl .tv_blog_post_area .post_content {
text-align: right;
}
.lang-rtl .tvleft-right-title.facet-label {
text-align: right;
}
#category.lang-rtl #left-column {
padding-left: 15px;
padding-right: 15px;
float: right;
}
.lang-rtl .tvvertical-menu-img-block {
margin-right: 0;
margin-left: 10px;
}
.lang-rtl .tvcmsvertical-menu-wrapper .tvleft-right-penal-all-block {
padding-left: 0;
padding-right: 20px;
}
.lang-rtl .tvcmsvertical-menu li .tvvertical-menu-dropdown-icon1 {
left: 15px;
right: auto;
}
.lang-rtl .tvcmsvertical-menu-wrapper .tvleft-right-title.facet-label {
text-align: right;
padding: 0 40px 0 0;
}
.lang-rtl .tvcmsvertical-menu-wrapper .tvleft-right-title-toggle i {
right: 15px;
left: auto;
}
.lang-rtl .tvcmsvertical-menu-wrapper .tvleft-right-title-toggle {
left: auto;
right: 0;
}
.lang-rtl .tvcmsvertical-menu li.level-1,
.lang-rtl .tvvertical-menu-show-hide-category .tvvertical-show-category,
.lang-rtl .tvvertical-menu-show-hide-category .tvvertical-hide-category {
border-left: none;
border-right: 3px solid #e1e1e1;
}
.lang-rtl .tvcmsvertical-menu li.level-1:hover,
.lang-rtl .tvvertical-menu-show-hide-category .tvvertical-show-category:hover,
.lang-rtl .tvvertical-menu-show-hide-category .tvvertical-hide-category:hover {
border-left: none;
border-right: 3px solid #d9c2a3;
}
.lang-rtl .tvcmstheme-control .tvtheme-control-wrapper .tvselect-theme select,
.lang-rtl .tvcmstheme-control .tvtheme-control-wrapper .tvselect-title-font-1 select,
.lang-rtl .tvcmstheme-control .tvtheme-control-wrapper .tvselect-title-font-2 select {
/*background-position: 10px*/
}
.lang-rtl .tvapp-logo-content-inner {
padding-left: 100px;
padding-right: 0;
}
.lang-rtl .tvblog-date-username {
direction: rtl;
}
.lang-rtl .tvcmsmain-slider-wrapper {
float: right;
}
.lang-rtl .custom-checkbox input[type="checkbox"] {
left: auto;
right: 0;
}
.lang-rtl .custom-checkbox label {
margin-right: 9px;
}
.lang-rtl .custom-checkbox {
margin: 0 0 0 3px;
}
.lang-rtl #search_filters .facet .facet-label a {
margin: 0 5px 0 0;
text-align: right;
}
.lang-rtl .tvall-inner-btn i {
margin: 0 0 0 5px;
}
.lang-rtl .footer-container.footer-4 .tvfooter-logo-link-wrapper li:last-child a:before {
display: block;
}
.lang-rtl .tvheader-language {
margin-left: 26px;
margin-right: 0;
}
.lang-rtl .tvcmsheader-search.search-widget form input[type=text] {
padding: 0 16px 0 0;
}
.lang-rtl .header-3 #_desktop_contact_link {
text-align: left;
}
.lang-rtl .header-3 .container_tv_megamenu,
.lang-rtl .header-5 .tvheader-language-currency-wrapper,
.lang-rtl .footer-container.footer-4 .tvfooter-contact-link-wrapper,
.lang-rtl .footer-container.footer-4 .tvfooter-logo-block .tvfooter-img-block,
.lang-rtl .footer-container.footer-4 .tvfooter-logo-block .tvfooter-logo-desc,
.lang-rtl .footer-container.footer-2 .tvfooter-logo-block .tvfooter-img-block,
.lang-rtl .footer-container.footer-2 .tvfooter-logo-block .tvfooter-logo-desc {
text-align: right;
}
.lang-rtl #footer_sub_menu_store_info .tvfooter-addresses i,
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link i,
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link-content i,
.lang-rtl #footer_sub_menu_store_info .tvfooter-store-link-fax i {
margin-right: 0;
margin-left: 8px;
}
.lang-rtl .footer-container.footer-4 .tvfooter-time-wrapper .tvfooter-open-time-wrapper,
.lang-rtl .footer-container.footer-4 .tvfooter-account-link li,
.lang-rtl .footer-container.footer-4 #block_myaccount_infos li,
.lang-rtl .footer-container.footer-4 .tvfooter-category-block ul li {
margin: 0 0 20px 40px;
}
.lang-rtl .tv-sub-category-title-wrapper {
padding: 15px 15px 0 0px;
}
.lang-rtl #wrapper .breadcrumb ol {
direction: rtl;
}
.lang-rtl #wrapper .breadcrumb i {
margin-right: 0;
margin-left: 5px;
}
.lang-rtl .tvleft-right-title-wrapper,
.lang-rtl .tv-category-title-wrapper,
.lang-rtl .tvleft-right-title.facet-label,
.lang-rtl .block-categories .category-top-menu>li.tv-category-title-wrapper a {
text-align: right;
}
.lang-rtl .tvcategory-chain-slider-content-box {
direction: rtl;
}
.lang-rtl .tvcmsNewsLetterPopup-i .tvnewsletterpopup-button-icon {
left: 15px;
right: auto;
}
.lang-rtl .header-7 .tvwishlist-icon i,
.lang-rtl .header-7 .tvdesktop-compare-icon i {
margin: 0 8px 0 0;
}
.lang-rtl #header .tv-myaccount-btn-desktop svg {
margin-right: 0;
margin-left: 12px;
}
.lang-rtl #tvcmsdesktop-user-info .tvhedaer-sign-btn i {
margin-inline-end: 8px;
}
.lang-rtl #header .tv-menu-horizontal ul li.level-1>a {
direction: ltr;
}
.lang-rtl .footer-container.footer-3 .tvfooter-logo-link-wrapper li a:before {
left: -30px;
right: auto;
}
.lang-rtl .footer-container.footer-3 .tvfooter-title-wrapper .tvfooter-title:after,
.lang-rtl .footer-container.footer-3 .block_newsletter .tvnewsletter-title:after {
left: -10px;
right: auto;
}
.lang-rtl .footer-container.footer-3 .tvnewsletter-lable-wrapper {
margin-right: 0;
margin-left: 25px;
}
@media (min-width: 768px) {
.lang-rtl #blockcart-modal .cart-content {
padding-right: 2.5rem;
padding-left: 0;
}
}
.lang-rtl #blockcart-modal .cart-content .cart-content-btn button {
margin-left: .3125rem;
margin-right: 0;
}
.lang-rtl #blockcart-modal .modal-title i.material-icons {
margin-left: 1.875rem;
margin-right: 0;
}
.lang-rtl .tv-addtocart-msg-wrapper .tv-addtocart-close {
left: 15px !important;
right: auto;
}
.lang-rtl .tvvertical-slider {
direction: ltr;
}
.lang-rtl .tv-product-page .tv-indicator {
margin-right: 0;
margin-left: 50px;
}
.lang-rtl .tvproduct-wrapper .tvproduct-timer-icon i {
margin-right: 0;
margin-left: 3px;
}
.lang-rtl #header .header-4 .tv-myaccount-btn-desktop svg,
.lang-rtl #header .header-5 .tv-myaccount-btn-desktop svg,
.lang-rtl #header .header-6 .tv-myaccount-btn-desktop svg {
margin: 0;
}
.lang-rtl .breadcrumb li:first-child a:before {
margin-right: 0;
margin-left: 5px;
}
.lang-rtl .products-selection .sort-by {
text-align: left;
}
.lang-rtl .tv_search_filter_wrapper .tvleft-right-title-wrapper .tvproduct-top-filter-name {
padding: 0px 0 0 5px;
}
.lang-rtl .tvfilter-search-types-dropdown>li .magnitude {
float: left;
}
.lang-rtl .tvproduct-play-icon {
left: auto;
right: 30px;
}
.lang-rtl .open-comment-form .tvcustom-icons {
margin-right: 0;
margin-left: 5px;
}
.lang-rtl .cms-description blockquote:before {
left: auto;
right: -40px;
}
.lang-rtl .tvproduct-description-tab .product-reference .label,
.lang-rtl .tvproduct-description-tab .product-quantities .label {
margin: 0 0px 0 8px;
}
.lang-rtl .tvproduct-page-wrapper .product-3 .tv-product-page-image {
float: left
}
.lang-rtl .cms-description ul {
padding-left: 0;
padding-right: 40px;
}
.lang-rtl .contact-form .form-control-label {
text-align: right;
}
.lang-rtl .text-sm-right {
text-align: left !important;
}
.lang-rtl .label,
.lang-rtl label {
text-align: right;
}
.lang-rtl .custom-checkbox {
float: none;
}
.lang-rtl .table thead th {
text-align: right;
}
.lang-rtl #hideWishlist {
float: right;
}
.lang-rtl #header .tvcmsdesktop-top-header-wrapper.header-4 .tvsearch-header-display-wrappper,
.lang-rtl #header .tvcmsdesktop-top-header-wrapper.header-5 .tvsearch-header-display-wrappper,
.lang-rtl #header .tvcmsdesktop-top-header-wrapper.header-6 .tvsearch-header-display-wrappper,
.lang-rtl #header .tvcmsdesktop-top-header-wrapper.header-7 .tvsearch-header-display-wrappper {
left: 0;
right: auto;
}
.lang-rtl .tvmain-slider-next-pre-btn .tvcmsprev-btn,
.lang-rtl .tvcms-vertical-menu-next-pre-btn .tvcmsprev-btn {
left: 15px;
right: auto;
}
.lang-rtl .tvmain-slider-next-pre-btn .tvcmsnext-btn,
.lang-rtl .tvcms-vertical-menu-next-pre-btn .tvcmsnext-btn {
right: 15px;
left: auto;
}
.lang-rtl .menu-subtitle {
left: -8px;
right: auto;
}
@media (max-width: 991px) {
.lang-rtl #tvcmsdesktop-language-selector .tv-language-btn,
.lang-rtl #tvcmsdesktop-currency-selector .tv-currency-btn {
text-align: right;
}
.lang-rtl #footer_sub_menu_store_info {
margin: 0;
overflow: hidden;
padding: 0 15px 0 15px;
}
.lang-rtl #footer_sub_menu_store_time,
.lang-rtl #footer_sub_menu_link,
.lang-rtl #footer_sub_menu_myaccount,
.lang-rtl #footer_sub_menu_social_icon {
padding: 0 15px;
}
.lang-rtl .tvproduct-wrapper .tvproduct-hover-btn {
right: 10px;
left: auto;
}
.lang-rtl #footer_sub_menu_store_time,
.lang-rtl #footer_sub_menu_link,
.lang-rtl #footer_sub_menu_myaccount,
.lang-rtl #footer_sub_menu_social_icon {
padding: 0 15px;
}
.lang-rtl #header .tv-myaccount-btn-desktop svg {
width: 23px;
height: 23px;
margin: 0;
margin-right: 0;
margin-left: 0;
}
.lang-rtl .tvmobile-slidebar {
right: -300px;
left: auto;
}
.lang-rtl .tvmobile-slidebar.open {
right: 0;
left: auto;
}
.lang-rtl .tvapp-logo-content-inner {
width: 100%;
}
.lang-rtl .tvtags-content-box {
text-align: center;
}
.lang-rtl #tvcmsmobile-horizontal-menu .tvcmsmain-menu-wrapper>.tv-header-menu {
right: -300px;
left: auto;
}
.lang-rtl #tvcmsmobile-horizontal-menu .tv-header-menu.open {
right: 0;
left: auto;
}
.lang-rtl .tvcmsdesktop-language-selector {
text-align: center;
}
.lang-rtl .tvtab-title-wrapper {
margin-bottom: 0px;
}
.block_newsletter {
text-align: center;
}
}
@media (max-width: 768px) {
.lang-rtl .tvcmsmain-slider-wrapper {
float: none;
}
.lang-rtl .tvtab-title-wrapper {
float: none;
padding-right: 0;
margin-bottom: 15px;
padding-left: 0;
}
.lang-rtl .tv-account-wrapper,
.lang-rtl .tvheader-cart-wrapper {
padding: 0;
}
}
@media (max-width: 650px) {
.lang-rtl .tvcmsheader-search {
text-align: center;
}
}
@media (max-width: 575) {
.lang-rtl .tvcmsprev-btn,
.lang-rtl .tvcmsnext-btn {
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
-moz-transform: none;
transform: none;
display: inline-block;
position: inherit;
margin: 0 3px;
}
.lang-rtl .tvapp-logo-content-inner {
margin-right: 0;
padding: 0;
margin-bottom: 15px;
text-align: center;
}
.lang-rtl #tvcmsmobile-horizontal-menu {
margin: 0;
}
.lang-rtl .tv-contact-account-cart-wrapper {
float: none;
border: none;
}
.lang-rtl .tvsearch-header-display-wrappper {
left: 0;
right: auto;
}
.lang-rtl .tvcmsmobile-cart-acount-text {
text-align: left;
padding-right: 0;
padding-left: 15px;
}
.lang-rtl #products.list .tvproduct-name,
.lang-rtl #products.list .tv-indicator .tv-items,
.lang-rtl #products.list .tvproduct-timer,
.lang-rtl #products.list .comments_note,
.lang-rtl #products.list .product-miniature .product-price-and-shipping,
.lang-rtl #products.list-2 .product-description,
.lang-rtl #products.list .product-description {
text-align: center;
}
.lang-rtl .tvproduct-wrapper.list .tvall-product-btn-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 992px) {
.lang-rtl .tv-language-dropdown,
.lang-rtl .tv-currency-dropdown {
right: auto;
left: 0;
text-align: right;
}
.lang-rtl .tvproduct-wrapper.list .tv-product-list {
float: right;
margin-right: 0;
margin-left: 15px;
text-align: center;
}
}
@media (max-width: 991px) and (min-width: 576px) {
.lang-rtl .tvproduct-wrapper.list .tv-product-list {
float: right;
margin-right: 0;
margin-left: 15px;
}
}
@media(max-width: 1440px) {
.lang-rtl .product-add-to-cart .add-to-cart {
margin: 0 0 5px 30px;
}
}
@media (max-width: 1008px) {
*::-webkit-scrollbar {
width: 5px;
background-color: #ddd;
}
*::-webkit-scrollbar-thumb {
background-color: #d9c2a3;
-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 *******/
.tvcmscategory-slider,
.tvcmscustomer-services,
.tvcmsmultibanners,
.tvcmssingle-block,
.tvcmstabcategory-product-slider,
.tvcmsmain-video,
.tvcmscategory-chain-slider,
.tvcmstestimonial,
.tvcmsblog-event,
.tvcmstab-title-product,
.tvcmsspecial-product,
.tvcmsfeatured-product,
.tvcmsbest-seller-product,
.tvcmsnew-product,
.tvcmssame-category-product,
.tvcmscross-selling-product,
.tvcmslike-product,
.tvcmsadvance-block {
margin-bottom: 100px;
}
/* Media Css 769 to 1024 */
@media(max-width: 1023px) {
.tv-footer-social-icon.slideInLeft,
.tvcmsright-sticky.slideInRight {
display: none;
}
}
@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) {
.tvadvance-main-block-content-title {
font-size: 24px;
}
.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;
}
.tvcms-header-myaccount .tv-myaccount-btn i {
margin: 0;
}
#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: block;
position: absolute;
bottom: 5px;
left: 0;
right: 0;
justify-content: center;
z-index: 0;
margin-top: 0;
margin-bottom: 0;
}
.owl-theme .owl-dots .owl-dot span {
display: inline-block;
width: 12px;
height: 12px;
}
#tvmain-slider.owl-theme .owl-dots .owl-dot.active span,
#tvmain-slider.owl-theme .owl-dots .owl-dot:hover span {
height: 12px;
width: 12px;
}
.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;
}
.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-in-out 0.1s;
-moz-transition: all 0.7s ease-in-out 0.1s;
-ms-transition: all 0.7s ease-in-out 0.1s;
-o-transition: all 0.7s ease-in-out 0.1s;
transition: all 0.7s ease-in-out 0.1s;
padding: 30px;
left: -300px;
visibility: hidden;
max-height: 500px;
overflow-y: scroll;
}
#tvcmsmobile-horizontal-menu .tv-header-menu.open {
opacity: 1;
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: -7px;
}
#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.tvcall-on {
display: none;
}
#contact-link span:before {
font-family: "Material Icons";
content: "";
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;
color: #000;
}
.tv-menu-horizontal li.level-1 .img-icon {
filter: brightness(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: -5px;
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;
}
.lang-rtl .tvmobile-dropdown-close a i {
right: auto;
left: 24px;
}
.tv-total-product-number {
font-size: 12px;
}
.tvcmscategory-slider,
.tvcmscustomer-services,
.tvcmsmultibanners,
.tvcmssingle-block,
.tvcmstabcategory-product-slider,
.tvcmsmain-video,
.tvcmscategory-chain-slider,
.tvcmstestimonial,
.tvcmsblog-event,
.tvcmstab-title-product,
.tvcmsspecial-product,
.tvcmsfeatured-product,
.tvcmsbest-seller-product,
.tvcmsnew-product,
.tvcmssame-category-product,
.tvcmscross-selling-product,
.tvcmslike-product,
.tvcmsadvance-block {
margin-bottom: 50px;
}
#left-column {
display: none;
}
.tvcms-main-title .tvmain-title h2,
.tv-single-block-content-wrapper h6 {
font-size: 23px !important;
/*line-height: 30px;*/
/*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: 90px;
top: auto;
}
.tvproduct-wrapper.grid .tvproduct-btn-color,
.tvproduct-wrapper.grid-2 .tvproduct-btn-color {
opacity: 1;
position: unset;
bottom: 0;
margin-top: 5px;
margin-bottom: 10px;
}
.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;
/*width: 50%;*/
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: 45px;
}
.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-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
}
.tvmobile-slidebar.open {
visibility: visible;
text-align: left;
left: 0;
/*opacity: 1;*/
transform-origin: top;
}
.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;
}
.tvheader-search-display-icon i {
color: #000;
font-size: 24px;
}
#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) {
.tvtab-title-wrapper .tvtabs-products li {
/*padding: 10px 22px;*/
margin: 0 4px;
}
.tvtab-product .tvtab-title-wrapper .tvtabs-products {
margin-top: 20px;
}
.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;
}
.tvmain-slider-content-inner {
display: block;
}
.tvcms-main-slider {
border-bottom: none;
}
#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: 30px;
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;
text-align: center;
}
.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;
}
.tvblog-event-all-content-block {
margin-bottom: 15px;
}
}
@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;
}
.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 {
/* 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 {
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;
}
}
.tvspecial-product-wrapper-box .tvproduct-wrapper {
border: 1px solid #eeeeee;
display: flex;
align-items: center;
}
@media(max-width: 575px) {
.tvnewsleeter-input-button-wraper {
width: 100%;
}
.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;
}
.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;
}
.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;
}
.tvtab-title {
text-align: center;
}
.tvtab-product .tvtab-title-wrapper .tvtabs-products {
display: inline-block;
vertical-align: middle;
margin-top: 30px;
}
.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;
}
.tvcms-next-pre-btn,
.tvtabcategory-product-next-pre-btn {
text-align: center;
margin-top: 20px;
direction: ltr;
}
.tvtab-title-wrapper {
margin-bottom: 0px;
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: flex-start;
}
.tvwishlist-popup {
left: 0;
margin: 20px auto;
}
.tvcmsspecial-product .tvall-product-branner,
.tvcmsspecial-product .tvspecial-product-content {
width: 100%;
}
.tvcmsmain-title-wrapper {
margin-bottom: 30px;
}
.tvproduct-wrapper .tvtimer-wrapper {
min-width: 145px;
}
}
@media(max-width: 500px) {
#left-column .tvleft-right-product-slider {
width: 100%;
padding: 10px 10px;
}
#left-column .tvfilter-brand-list-wrapper,
#left-column .tvfilter-supplier-list-wrapper {
width: 100%;
margin: 20px 0;
}
}
@media(max-width: 480px) {
.tvsearch-dropdown-wrapper {
width: 100%
}
.tvproduct-info-box-wrapper {
padding: 10px 15px 15px 15px;
}
.tvproduct-stock-social {
display: block;
}
.product-actions .social-icon {
justify-content: flex-start;
}
.product-actions .input-container label span {
padding: 8px 11px 6px;
}
.tv-product-page-content h1,
.tv-product-page-content .tvall-product-star-icon,
.tv-product-page-content .product-prices,
.tvproduct-page-decs p,
.product-quantity,
.product-variants>.product-variants-item {
margin-bottom: 15px;
}
.product-additional-info {
padding-top: 15px;
}
#product .product-6 #block-reassurance ul {
justify-content: flex-start;
}
#module-tvcmsblog-single .blog_post_content {
margin: 0 -15px;
}
.comments_area ol.comment_list {
padding-left: 0;
}
#tvcmsblogs_commentfrom {
width: 95%;
}
.tvcms-blog-inner-page {
margin: 0;
}
#module-tvcmsblog-single .comment_meta_author i,
#module-tvcmsblog-single .comment_content_bottom i,
#module-tvcmsblog-single .comment_meta_date i,
#module-tvcmsblog-single .comment_meta_date span {
margin-right: 5px;
}
#module-tvcmsblog-single .comment_meta_author i,
#module-tvcmsblog-single .comment_content_bottom i,
#module-tvcmsblog-single .comment_meta_date i {
font-size: 22px;
}
}
@media (max-width: 460px) {
.tvcart-btn-model {
float: none;
}
}
@media(max-width: 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;
}
.tvspecial-product-wrapper-box .tvproduct-wrapper {
display: block;
}
}
@media (max-width: 1350px) {
.header-3 #_desktop_contact_link #contact-link span {
font-size: 13px;
}
.header-3 #_desktop_contact_link #contact-link i {
font-size: 16px;
}
}
.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;
}
.lang-rtl .tvcmsdesktop-top-header-wrapper.header-3 .tvcmsmain-menu-wrapper {
padding: 0 0 0 15px;
}
.tvwishlist-send-mess-btn {
text-align: right;
}
.header-4 .tvcmsheader-nav-right {
padding-inline-start: 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;
}
@media (max-width: 768px) {
.product-1 .tvvertical-slider .product-images {
max-height: max-content;
}
}
.product-add-to-cart .add-to-cart {
/*background-color: #222;*/
letter-spacing: 2px;
}
.product-add-to-cart .add-to-cart i {
vertical-align: inherit;
}
.tvfooter-product-sticky-bottom .tvproduct-tax-label {
font-size: 12px;
}
.quickview .tvvertical-slider {
padding: 0;
}
.tvmain-slider-next-pre-btn .tvcmsmain-prev:hover,
.tvmain-slider-next-pre-btn .tvcmsmain-next:hover {
background-color: #d9c2a3;
}
.header-7 .tvheader-sarch-display {
display: block;
}
.header-7 .tvcmssearch-wrapper {
margin-inline-end: 0;
}
.tvcms-testimonial-next-pre-btn {
margin-top: 30px;
}
.tvspecial-product-wrapper-box .tvproduct-info-box-wrapper {
text-align: center;
}
.tvspecial-product-wrapper-box .product-price-and-shipping .price {
color: #000000;
}
.tvspecial-product .tvproduct-hover-btn {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
}
.tvspecial-product .tvproduct-color {
margin-bottom: 15px;
}
.tvspecial-product .tvproduct-hover-btn .tvproduct-quick-btn,
.tvspecial-product .tvproduct-hover-btn .tvproduct-cart-btn,
.tvspecial-product .tvproduct-hover-btn .tvcompare-wrapper,
.tvspecial-product .tvproduct-hover-btn .tvproduct-wishlist {
margin: 0 5px;
}
.tvcmsspecial-product .tvproduct-wrapper .tvtimer-wrapper {
box-shadow: none;
border: none;
margin-bottom: 0;
padding: 10px 0;
}
.tvcmsspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper {
height: auto;
margin: 0 15px 0 0;
background-color: transparent;
border: 1px solid #d9c2a3;
border-radius: 0;
padding: 8px;
z-index: 0;
}
.tvcmsspecial-product .tvproduct-wrapper .tvtimer-dot,
.tvcmsspecial-product .tvproduct-wrapper .tvproduct-timer-icon i {
display: none;
}
.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .days,
.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .hours,
.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .minutes,
.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .seconds {
font-family: "Open sans";
width: 40px;
height: 40px;
line-height: 40px;
position: relative;
font-size: 20px;
color: #222222;
border-radius: 3px;
font-weight: 700;
margin: 0 auto;
}
.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper .tvtimer-name {
display: block;
text-transform: uppercase;
color: #000000;
}
.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .days:before,
.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .hours:before,
.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .minutes:before,
.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .seconds:before {
content: "";
position: absolute;
width: 24px;
height: 1px;
background-color: #e1e1e1;
bottom: 0;
left: 8px;
}
.tvspecial-product .tvproduct-page-decs p {
color: #a8a8a8;
}
.tvdate-time {
position: absolute;
z-index: 2;
overflow: hidden;
background-color: #000;
height: 35px;
line-height: 35px;
color: #ffffff;
padding: 0 12px;
left: 0;
top: 10px;
direction: ltr;
}
.tvnews-event-username {
text-align: center;
line-height: 35px;
height: 35px;
background: #d9c2a3;
display: block;
overflow: hidden;
margin: auto;
position: absolute;
right: 0;
top: 10px;
padding: 0 30px;
z-index: 1;
}
.tvnews-event-username span {
color: #000;
font-size: 16px;
font-weight: 400;
margin: 0;
}
@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;
}
.footer-container.footer-3 .tvnewsleeter-input-button-wraper {
width: 100%;
}
.tvcmsspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper {
margin: 0 10px 0 0;
}
}
.tvblog-event-all-content-block:hover .tvblog-img-block .tvblog-content-img img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.tvblog-event-all-content-block .tvblog-img-block .tvblog-content-img img {
-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;
}
.tvfooter-product-box-layout .tvcmsmain-title-wrapper {
text-align: left;
}
.tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper,
.tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper {
border: 1px solid #ededed;
padding: 12px 8px;
}
#products .tv-left-pannal-btn-wrapper svg g rect {
fill: #222 !important;
}
.tvcmsapp-logo .tvdekstop-footer-all-title-wrapper {
display: inline-block;
vertical-align: middle;
margin-right: 25px;
margin-bottom: 0;
}
.tvcmsapp-logo .tvfooter-title span,
.tvcmsfooter-social-icon .tvfooter-title-wrapper span {
font-size: 20px !important;
text-transform: capitalize;
font-weight: 500;
padding: 0;
margin: 0;
border: none;
}
.tvnewsletter-block {
position: relative;
max-width: 50%;
margin: 0 auto;
text-align: center;
}
.tvcms-newsletter-wrapper .block_newsletter .tvnewsletter-title:after {
position: absolute;
top: auto;
left: 0;
right: 0;
margin: auto;
bottom: 0;
width: 132px;
height: 1px;
background-color: #d9c2a3;
content: "";
display: inline-block;
vertical-align: middle;
}
.tvcms-newsletter-wrapper .tvall-inner-btn span {
font-size: 16px;
color: #000;
}
.tvcms-newsletter-wrapper .tvall-inner-btn:hover span {
color: #ffffff;
}
.footer-3 .tvapp-logo-content-box {
justify-content: center;
}
.footer-container.footer-3 {
padding-top: 0;
}
.footer-container.footer-3 .tvcmsapp-logo {
margin-bottom: 40px;
}
.footer-container.footer-4 .tvnewsletter-block {
width: 100%;
margin: inherit;
}
.footer-container.footer-4 .tvnewsletter-lable-wrapper {
text-align: left;
}
.lang-rtl .tvnews-event-read-more {
text-align: left;
}
.lang-rtl .tvfooter-product-title-product .tv-main-title.tvcms-main-title {
text-align: right;
}
.lang-rtl .tvcopylink {
text-align: right;
}
.tvtestimonial-wrapper-info .tvtestimonial-img-block img {
width: auto;
}
@media(max-width: 1440px) {
.tvcmsspecial-product .tvproduct-info-box-wrapper,
.tvcmsspecial-product .tvproduct-img-box-wrapper {
width: 100%;
text-align: center;
}
.tvcmsmultibanners .tvmultibanner-1,
.tvcmsmultibanners .tvmultibanner-2,
.tvcmsmultibanners .tvmultibanner-3 {
padding: 0 15px;
}
}
@media(max-width: 1024px) {
.tvcopylink {
padding: 0 15px;
}
}
@media(max-width: 991px) {
.tvcmssingle-block {
padding: 50px 0;
}
.tvcmscustomer-services .tvservices-center {
width: 50%;
margin-bottom: 30px;
}
.tvcmscustomer-services .tv-all-service-wrapper {
padding: 40px 0;
margin-bottom: 0;
}
.tvcmscustomer-services .tvservices-center.card:last-child {
margin-bottom: 0;
}
.tvcmscustomer-services {
margin-top: 0;
}
.tvcall-on {
display: none;
}
}
@media(max-width: 575px) {
.tvnewsletter-block {
max-width: 100%;
}
.tvtestimonial-wrapper-info {
display: block;
text-align: center;
}
.tvcmstestimonial .tvtestimonial-dec {
text-align: center;
}
.tvcmscustomer-services .tv-all-service-wrapper {
padding: 40px 15px;
}
.tvcmscustomer-services .tvservices-center {
width: 100%;
}
}
.lang-rtl .tvcms-right-column-wrapper .tv-right-pannal-btn-wrapper svg,
.lang-rtl .tvcms-left-column-wrapper .tv-left-pannal-btn-wrapper svg {
transform: rotate(180deg);
}
.lang-rtl .product-customization .custom-file button {
left: 0;
right: auto;
}
.product-customization .custom-file button span {
font-size: 13px;
line-height: 14px;
}
.lang-rtl .product-customization small.float-xs-right {
float: initial;
}
@media (max-width: 767px) {
#blockcart-modal .divide-right {
border: none !important;
}
}
#authentication .custom-checkbox label {
text-align: initial;
}
.lang-rtl #blockcart-modal .modal-title {
padding: 0 0 0 25px;
}
.lang-rtl .custom-checkbox {
margin: 0 0 0 7px;
}
.lang-rtl .js-address-form #use_same_address {
margin: 0 0 0 10px;
}
@media (max-width: 767px) {
.product-line-grid-right.product-line-actions .row {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.product-line-grid-right .cart-line-product-actions {
margin: 0 5px 0 0;
}
.lang-rtl .product-line-grid-right .cart-line-product-actions {
margin: 0 -5px 0 5px;
}
.lang-rtl .tv-cart-delete-icon-wrapper {
padding: 0 0 0 15px;
}
.product-line-grid-right .cart-line-product-actions .remove-from-cart,
.product-line-grid-right .product-price .remove-from-cart {
vertical-align: sub;
}
}
@media (max-width: 575px) {
.page-authentication #content {
padding: 30px 30px;
}
}
.lang-rtl .tvfooter-product-sticky-bottom .product-image {
margin: 0 0 0 15px;
}
.lang-rtl .tvfooter-product-sticky-bottom .product-actions .control-label {
margin: 0 10px 0 5px !important;
}
.block_newsletter p.block_newsletter_alert {
padding: 10px 20px;
}
.product-add-to-cart .add-to-cart.disabled i.block {
font-size: 21px;
}
@media (max-width: 991px) {
.fancybox-type-iframe .fancybox-inner {
overflow-x: auto !important;
}
}
.lang-rtl .tvsearch-dropdown-close-wrapper {
right: auto;
left: 4px;
}
.lang-rtl .tvsearch-dropdown-total {
text-align: right;
}
.ttvcmscart-show-dropdown-right .tvshoping-cart-dropdown-title .product-name {
padding-right: 27px;
}
.lang-rtl .ttvcmscart-show-dropdown-right .tvshoping-cart-dropdown-title .product-name {
padding: 0 0 0 15px;
}
#wrapper .breadcrumb li:last-child {
display: inline-block;
}
.tvprocess-to-checkout,
.tv-continue-shopping-btn {
direction: ltr;
}
.lang-rtl .tv-continue-shopping-btn i {
margin: 0 5px 0 0;
}
.lang-rtl #product-modal .modal-header button.close,
.lang-rtl #product-modal .modal-header .tvmodel-close {
left: -35px;
right: auto;
}
.lang-rtl .checkout .tvprocess-to-checkout i {
margin: 0 0 0 5px;
}
@media (max-width: 768px) {
.cms-description hr {
width: 100%;
}
}
@media (max-width: 767px) {
.tvcmsapp-logo .tvdekstop-footer-all-title-wrapper {
display: block;
text-align: center;
margin-bottom: 15px;
}
.tvcmsapp-logo {
text-align: center;
}
.tvcmsapp-logo .tvapp-logo-wrapper {
margin: 2px;
}
}
@media (min-width: 992px) {
.tv-menu-horizontal ul li.level-1>a span:first-child:before {
position: absolute;
content: "";
bottom: 11px;
left: 0;
right: 0;
margin: auto;
opacity: 1;
width: 0;
height: 1px;
background-color: #d9c2a3;
-webkit-transition: width .3s cubic-bezier(.25, .46, .45, .94);
transition: width .3s cubic-bezier(.25, .46, .45, .94);
}
.tv-menu-horizontal ul li.level-1:hover>a span:first-child:before {
width: 40px;
}
}
.tv-menu-horizontal ul li.level-1>a span:first-child {
position: relative;
display: inline-block;
vertical-align: middle;
}
.tvfooter-addresses i {
position: relative;
top: 3px;
}
.hb-animate-element.bottom-to-top {
animation: .5s ease 0s normal none 1 fadeInUp;
-webkit-animation: .5s ease 0s normal none 1 fadeInUp;
-moz-animation: .5s ease 0s normal none 1 fadeInUp;
-o-animation: .5s ease 0s normal none 1 fadeInUp;
opacity: 1;
animation-duration: .5s;
}
.tvcmsblog-left-side .tvnews-event-content-wrapper {
padding: 15px 5px;
}
.tvcmsblog-left-side .tvdate-time,
.tvcmsblog-left-side .tvnews-event-username {
height: 30px;
line-height: 30px;
padding: 0 8px;
}
.tvcms-prod-popup .tvproduct-wrapper .tvproduct-image {
text-align: center;
}
#blockcart-modal .modal-header {
background: #ffffff;
border-bottom: 1px solid #e5e5e5;
}
.modal-content {
border: 1px solid #e5e5e5;
}
.tvcms-prod-popup .tvproduct-wrapper {
border: 1px solid #e5e5e5;
}
@media(max-width: 1240px) and (min-width: 992px) {
#header .tv-menu-horizontal ul li.level-1>a {
padding: 0 8px;
font-size: 14px;
}
#header .header-7 .tv-menu-horizontal ul li.level-1>a,
#header .header-6 .tv-menu-horizontal ul li.level-1>a {
padding: 0 5px;
}
}
#tvcmsdesktop-currency-selector .tv-currency-btn svg {
vertical-align: middle;
margin-inline-end: 7px;
}
.header-7 #tvcmsdesktop-language-selector .tv-language-btn i,
.header-7 #tvcmsdesktop-currency-selector .tv-currency-btn i,
.header-1 #tvcmsdesktop-language-selector .tv-language-btn i,
.header-1 #tvcmsdesktop-currency-selector .tv-currency-btn i {
color: #000000;
}
.header-5 #tvcmsdesktop-currency-selector svg g path {
fill: #222222 !important;
}
.tvnews-event-content-wrapper .tvdate-time {
color: #ffffff;
}
.tvbanner-hover-wrapper img {
border: 1px solid rgba(0, 0, 0, 0.07);
}
.tvproduct-wrapper.list .tvproduct-color,
.tvproduct-wrapper.list-2 .tvproduct-color,
.tvproduct-wrapper.catelog .tvproduct-color {
margin-bottom: 10px;
margin-top: 0;
}
.tvcmsfooter-social-icon .tvfooter-title-wrapper {
display: inline-block;
margin-right: 25px;
margin-bottom: 0;
vertical-align: middle;
}
.tvcmsfooter-social-icon .tvfooter-social-icon-wrapper {
display: inline-block;
vertical-align: middle;
}
#left-column .tvcmscustomer-services {
margin-top: 0;
}
.lang-rtl .tvadvance-main-block-content-title {
text-align: right;
}
.lang-rtl .tvadvance-block-content-img {
padding-right: 0;
padding-left: 30px;
}
.footer-3 .tvcmsfooter-social-icon {
margin-bottom: 15px;
}
.tvcmsofferbanners-one .tvbanner-hover-wrapper img {
border: none;
}
.tvproduct-brand {
max-height: 120px !important;
max-width: 120px !important;
}
.header-3 #_desktop_contact_link #contact-link span.tvcall-on {
display: none;
}
.tvfooter-product-box-layout .tvcms-main-title .tvmain-title h2:after {
margin: 0;
}
.block_newsletter form input[type=email]::placeholder {
color: #a8a8a8;
font-size: 13px;
}
/*checkout header-footer*/
.tvheader-checkout .tvcmsdesktop-contact{
text-align: end;
}
.tvheader-checkout .tvcmsdesktop-contact #contact-link span{
font-size: 16px;
font-weight: 500;
}
#footer .tvfooter-checkout .tvfooter-copy-payment-icon-inner{
flex-wrap: wrap;
}
#footer .tvfooter-checkout.tvfooter-copy-payment-icon-wrapper{
padding: 15px 0;
background-color: #fff;
}
#footer .tvfooter-checkout .tvfooter-payment-icon-img-block,
#footer .tvfooter-checkout .tvcopylink{
width: 50%;
margin: 0;
padding: 0 15px;
}
#footer .tvfooter-checkout .tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper{
justify-content: end;
}
#footer .tvfooter-checkout .tvcopylink{
text-align: start;
}
@media (max-width:767px){
#footer .tvfooter-checkout .tvfooter-payment-icon-img-block,
#footer .tvfooter-checkout .tvcopylink{
width: 100%;
}
#footer .tvfooter-checkout .tvfooter-payment-icon-img-block .tvfooter-payment-icon-wrapper{
justify-content: center;
}
#footer .tvfooter-checkout .tvcopylink{
padding-bottom: 10px;
text-align: center;
}
}
.header-1 #tvcmsdesktop-account-button li.ttvcms-wishlist-icon.hidden-lg-up,
.header-1 #tvcmsdesktop-account-button li.tvheader-compare.hidden-lg-up,
.header-5 #tvcmsdesktop-account-button li.ttvcms-wishlist-icon.hidden-lg-up,
.header-5 #tvcmsdesktop-account-button li.tvheader-compare.hidden-lg-up {
display: block !important;
}
/*mailalert css start*/
.tvproduct-stock-social .tv-product-page {
display: inline-flex;
}
.tvprduct-image-info-wrapper .product-actions .social-icon {
justify-content: start;
}
.tvproduct-stock-social {
display: inline-flex;
flex-direction: column;
}
.product-additional-info .js-mailalert {
display: inline-flex;
align-items: center;
gap: 10px;
}
.js-mailalert .js-mailalert-add {
margin-top: 0 !important;
}
.product-additional-info .tabs {
margin-top: 25px;
}
@media (max-width: 575px) {
.product-additional-info .js-mailalert {
flex-direction: column;
}
}
/*mailalert css end*/
/* =========================================================
EMALIA RYBNIK - CUSTOM CSS
Porządek sekcji:
1. HEADER
2. STRONY CMS
3. STOPKA - ukrywanie elementów domyślnych
4. STOPKA - własny layout EMALIA RYBNIK
5. STRONA PRODUKTU
6. GLOBALNY ROZMIAR LOGO
7. MOBILE
========================================================= */
/* =========================================================
1. HEADER
Zmniejszenie wysokości headera, porządek odstępów
oraz korekty paska oferty
========================================================= */
/* Główne sekcje headera */
header#header .header-top,
header#header .header-nav,
header#header .header-center,
header#header .header-bottom {
padding-top: 0 !important;
padding-bottom: 0 !important;
min-height: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Kontenery wewnętrzne headera */
header#header .container,
header#header .container-fluid,
header#header .row {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Obszar logo */
header#header .header_logo,
header#header .logo,
header#header .site_logo {
margin: 0 !important;
padding: 0 !important;
}
/* Obrazek logo w headerze */
header#header .header_logo img,
header#header .logo img,
header#header .site_logo img {
max-height: 90px !important;
width: auto !important;
}
/* Linki menu głównego */
header#header .top-menu > li > a,
header#header .menu > li > a {
padding-top: 4px !important;
padding-bottom: 4px !important;
line-height: 1.2 !important;
}
/* Ikony / widgety w headerze */
header#header .search-widget,
header#header .wishlist,
header#header .blockcart,
header#header .header_user_info {
margin: 0 !important;
padding: 0 !important;
}
/* Dodatkowe dociśnięcie dolnej części headera */
header#header .header-bottom {
margin-top: 0 !important;
}
/* Pasek oferty - usuń ikonę i podkreślenie linku */
.tvheader-nav-offer-text i.material-icons {
display: none !important;
}
.tvheader-nav-offer-text p,
.tvheader-nav-offer-text p a,
.tvheader-nav-offer-text p a:link,
.tvheader-nav-offer-text p a:visited,
.tvheader-nav-offer-text p a:hover,
.tvheader-nav-offer-text p a:active,
.tvheader-nav-offer-text p a:focus {
margin: 0 !important;
color: inherit !important;
text-decoration: none !important;
border: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
.tvheader-nav-offer-text p a::before,
.tvheader-nav-offer-text p a::after {
content: none !important;
display: none !important;
}
/* =========================================================
2. STRONY CMS
Typografia stron informacyjnych
========================================================= */
/* Główny nagłówek strony CMS */
.cms h1,
.page-cms h1 {
font-size: 42px;
line-height: 1.2;
margin-bottom: 24px;
}
/* Nagłówki sekcji */
.cms h2,
.page-cms h2 {
font-size: 28px;
line-height: 1.3;
margin-bottom: 18px;
}
/* Podnagłówki */
.cms h3,
.page-cms h3 {
font-size: 22px;
line-height: 1.35;
margin-bottom: 14px;
}
/* Tekst podstawowy i listy */
.cms p,
.page-cms p,
.cms li,
.page-cms li {
font-size: 16px;
line-height: 1.7;
}
/* =========================================================
3. STOPKA - UKRYWANIE ELEMENTÓW DOMYŚLNYCH
Czyszczenie starej stopki motywu
========================================================= */
/* Ukrycie 3. pozycji w kolumnie "Twoje konto" */
.block_myaccount_infos ul li:nth-child(3),
#block_myaccount_infos ul li:nth-child(3),
.footer-container .block_myaccount_infos ul li:nth-child(3),
.footer-container #block_myaccount_infos ul li:nth-child(3),
#footer .block_myaccount_infos ul li:nth-child(3),
#footer #block_myaccount_infos ul li:nth-child(3) {
display: none !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
/* Zostawione celowo jako neutralne - nic globalnie nie ukrywamy */
#footer h4,
#footer .title_block,
#footer .block-title,
.footer-container h4,
.footer-container .title_block,
.footer-container .block-title {
/* brak globalnego ukrywania nagłówków stopki */
}
/* Ukrycie tytułów social / follow us */
.footer-container .social-title,
.footer-container .follow,
.footer-container .follow-us,
.footer-container .social_block h4,
.footer-container .social_block .title_block {
display: none !important;
}
/* Ukrycie całej sekcji social media / follow us */
#footer .social_block,
#footer .social,
#footer .social-media,
#footer .follow-us,
#footer .follow,
.footer-container .social_block,
.footer-container .social,
.footer-container .social-media,
.footer-container .follow-us,
.footer-container .follow {
display: none !important;
}
/* Ukrycie badge aplikacji typu App Store / Google Play */
#footer a[href*="apple.com"],
#footer a[href*="apps.apple.com"],
#footer a[href*="play.google.com"],
#footer a[href*="microsoft.com"],
#footer img[alt*="App Store"],
#footer img[alt*="Google Play"],
#footer img[alt*="Windows Store"],
.footer-container a[href*="apple.com"],
.footer-container a[href*="apps.apple.com"],
.footer-container a[href*="play.google.com"],
.footer-container a[href*="microsoft.com"],
.footer-container img[alt*="App Store"],
.footer-container img[alt*="Google Play"],
.footer-container img[alt*="Windows Store"] {
display: none !important;
}
/* Ukrycie bloków social motywu ThemeVolty */
.tvcmsfooter-social-icon,
.tvcmsfooter-social-icon-wrapper,
#footer_sub_menu_social_icon,
.tvfooter-social-icon {
display: none !important;
}
/* Ukrycie bloków aplikacji w motywie */
.tvcmsapp-logo,
.tvcmsapp-logo .tvfooter-title-wrapper,
.tvcmsapp-logo .tvfooter-app-logo,
.tvcmsapp-logo a,
.tvcmsapp-logo img {
display: none !important;
}
/* =========================================================
4. STOPKA - WŁASNY LAYOUT EMALIA RYBNIK
Własna stopka z newsletterem i kolumnami
========================================================= */
.er-footer-container {
background: #f2f2f2 !important;
border-top: 1px solid rgba(0, 0, 0, 0.08);
margin-top: 40px;
}
.er-footer-container .container {
max-width: 1320px;
width: 100%;
margin: 0 auto;
}
/* Ukrycie starych bloków w obrębie własnej stopki */
.er-footer-container .tvfooter-storelogo-imformation,
.er-footer-container .tvfooter-copy-payment-icon-wrapper,
.er-footer-container .tvfooter-social-icon,
.er-footer-container .tvcmsapp-logo,
.er-footer-container .tvbottom-to-top,
.er-footer-container [class*="payment"],
.er-footer-container [class*="social"],
.er-footer-container [class*="app-logo"],
.er-footer-container .links,
.er-footer-container .block-contact,
.er-footer-container .copyright {
display: none !important;
}
/* =========================
NEWSLETTER W STOPCE
========================= */
.er-footer-newsletter {
padding-top: 24px;
padding-bottom: 18px;
}
.er-footer-newsletter .block_newsletter {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
.er-footer-newsletter .tvnewsletter-wrapper,
.er-footer-newsletter .newsletter {
background: transparent !important;
}
/* Tytuły newslettera */
.er-footer-newsletter .title_block,
.er-footer-newsletter h3,
.er-footer-newsletter .tvfooter-title,
.er-footer-newsletter .tvcmsnewsletter-title {
color: #000 !important;
font-family: "Poppins", sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.8px !important;
text-transform: none !important;
text-align: center !important;
margin: 0 0 18px !important;
}
/* Formularz newslettera */
.er-footer-newsletter form,
.er-footer-newsletter .input-wrapper,
.er-footer-newsletter .newsletter-form {
max-width: 760px;
margin: 0 auto !important;
}
/* Pole e-mail */
.er-footer-newsletter input[type="email"] {
height: 52px !important;
border: 1px solid #d9c4a0 !important;
background: #fff !important;
color: #000 !important;
font-family: "Poppins", sans-serif !important;
font-size: 14px !important;
letter-spacing: 0.4px !important;
box-shadow: none !important;
}
/* Przycisk zapisu do newslettera */
.er-footer-newsletter button,
.er-footer-newsletter .btn-primary,
.er-footer-newsletter .subscribe {
height: 52px !important;
padding: 0 32px !important;
border: 1px solid #d3ba97 !important;
background: #d3ba97 !important;
color: #000 !important;
font-family: "Poppins", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.4px !important;
box-shadow: none !important;
}
/* =========================
GŁÓWNA CZĘŚĆ STOPKI
========================= */
.er-footer-main {
padding-top: 18px;
padding-bottom: 32px;
}
.er-footer-row {
display: flex;
flex-wrap: wrap;
row-gap: 28px;
}
.er-footer-col {
min-width: 0;
}
/* Akordeony w stopce */
.er-footer-accordion {
border: 0;
}
.er-footer-accordion summary {
list-style: none;
}
.er-footer-accordion summary::-webkit-details-marker {
display: none;
}
/* Tytuły kolumn stopki */
.er-footer-title {
margin: 0 0 18px !important;
color: #000 !important;
font-family: "Poppins", sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
cursor: default;
}
/* Lista linków w stopce */
.er-footer-list {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.er-footer-list li {
margin: 0 0 12px !important;
padding: 0 !important;
color: #000 !important;
font-family: "Poppins", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
letter-spacing: 0.8px !important;
}
.er-footer-list li:last-child {
margin-bottom: 0 !important;
}
/* Linki w stopce */
.er-footer-list a {
color: #000 !important;
text-decoration: none !important;
transition: opacity 0.2s ease !important;
}
.er-footer-list a:hover {
opacity: 0.72 !important;
text-decoration: none !important;
}
/* Lista kontaktowa z ikonami */
.er-footer-list-contact li {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
}
/* Ikony Material Icons w stopce */
.er-footer-list-contact i.material-icons {
font-size: 16px !important;
line-height: 1 !important;
color: #000 !important;
min-width: 18px !important;
margin-top: 2px !important;
}
.er-footer-list-contact span,
.er-footer-list-contact a {
display: inline-block;
}
/* =========================================================
5. STRONA PRODUKTU
Układ, czytelność, odstępy
Działa tylko na karcie produktu
========================================================= */
/* Tytuł produktu */
.tvproduct-page .tvproduct-title-brandimage h1.h1,
.page-product .tvproduct-title-brandimage h1.h1,
#product .tvproduct-title-brandimage h1.h1 {
font-size: 34px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
margin: 0 0 16px !important;
text-transform: none !important;
}
/* Cena produktu */
.tvproduct-page .product-prices .current-price .current-price-value,
.tvproduct-page .product-prices .current-price span,
.page-product .product-prices .current-price .current-price-value,
.page-product .product-prices .current-price span,
#product .product-prices .current-price .current-price-value,
#product .product-prices .current-price span {
font-size: 22px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
/* Krótki opis produktu */
.tvproduct-page #product-description-short-1,
.page-product #product-description-short-1,
#product #product-description-short-1 {
font-size: 15px !important;
line-height: 1.7 !important;
margin-bottom: 20px !important;
}
/* Prawa kolumna produktu - górny odstęp */
.tvproduct-page-content,
.page-product .tvproduct-page-content,
#product .tvproduct-page-content {
padding-top: 6px !important;
}
/* Odstępy między blokami w kolumnie produktu */
.tvproduct-page-content > div,
.page-product .tvproduct-page-content > div,
#product .tvproduct-page-content > div {
margin-bottom: 14px !important;
}
/* Pole ilości */
.tvproduct-page .input-group.bootstrap-touchspin,
.page-product .input-group.bootstrap-touchspin,
#product .input-group.bootstrap-touchspin {
margin-bottom: 20px !important;
}
/* Przycisk dodawania do koszyka */
.tvproduct-page .add-to-cart,
.tvproduct-page .btn.add-to-cart,
.page-product .add-to-cart,
.page-product .btn.add-to-cart,
#product .add-to-cart,
#product .btn.add-to-cart {
min-height: 54px !important;
padding: 14px 26px !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
}
/* Sekcja stanu magazynowego i sociali pod koszykiem */
.tvproduct-page .tv-product-stock-social,
.page-product .tv-product-stock-social,
#product .tv-product-stock-social {
margin-top: 18px !important;
}
/* Blok stanów magazynowych - bez wielkich liter */
.tvproduct-page .tv-items,
.tvproduct-page .tv-items *,
.page-product .tv-items,
.page-product .tv-items *,
#product .tv-items,
#product .tv-items * {
text-transform: none !important;
}
/* Tekst stanu magazynowego */
.tvproduct-page .tv-items .tvinstock,
.page-product .tv-items .tvinstock,
#product .tv-items .tvinstock {
font-size: 15px !important;
line-height: 1.5 !important;
font-weight: 500 !important;
text-transform: none !important;
}
/* Link do formularza opinii */
.tvproduct-page a.open-comment-form,
.page-product a.open-comment-form,
#product a.open-comment-form {
display: inline-block !important;
margin-top: 14px !important;
margin-bottom: 14px !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
/* Blok zapewnień klienta - bez wielkich liter */
#block-reassurance,
#block-reassurance * {
text-transform: none !important;
}
/* Pojedynczy element bloku zapewnień */
#block-reassurance .block-reassurance-item {
margin-bottom: 10px !important;
padding: 12px 14px !important;
border-radius: 4px !important;
}
/* Tytuł w bloku zapewnień */
#block-reassurance .block-title {
font-size: 15px !important;
line-height: 1.4 !important;
font-weight: 500 !important;
text-transform: none !important;
}
/* Ikony / grafiki w bloku zapewnień */
#block-reassurance img,
#block-reassurance svg {
margin-right: 10px !important;
}
/* Zakładki pod produktem */
#product .nav-tabs .nav-link,
.page-product .nav-tabs .nav-link,
.tvproduct-page .nav-tabs .nav-link {
font-size: 14px !important;
line-height: 1.3 !important;
padding: 12px 18px !important;
}
/* Treść zakładek produktu */
#product .tab-content,
.page-product .tab-content,
.tvproduct-page .tab-content {
font-size: 15px !important;
line-height: 1.8 !important;
}
/* =========================================================
6. GLOBALNY ROZMIAR LOGO
Desktop + mobile
========================================================= */
/* Logo desktop */
#_desktop_logo .tv-header-logo a img,
#_desktop_logo img.logo,
.tv-header-logo a img.logo,
.header-top .tv-header-logo a img,
.header-nav .tv-header-logo a img {
height: 130px !important;
width: auto !important;
max-height: 130px !important;
max-width: none !important;
display: block !important;
}
/* Logo mobile */
#tvcmsmobile-header-logo .tv-header-logo a img,
#tvcmsmobile-header-logo img.logo,
.mobile-logo-wrapper .tv-header-logo a img,
#mobile_top_menu_wrapper .tv-header-logo a img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
max-width: none !important;
display: block !important;
}
/* Kontenery logo */
#_desktop_logo,
#tvcmsmobile-header-logo,
.tv-header-logo {
height: auto !important;
max-height: none !important;
}
/* Link wokół logo */
#_desktop_logo .tv-header-logo a,
#tvcmsmobile-header-logo .tv-header-logo a,
.tv-header-logo a {
display: inline-flex !important;
align-items: center !important;
}
/* =========================================================
7. MOBILE
========================================================= */
@media (max-width: 767px) {
/* =========================
STOPKA - MOBILE
========================= */
.er-footer-newsletter {
padding-top: 14px !important;
padding-bottom: 10px !important;
}
.er-footer-newsletter .title_block,
.er-footer-newsletter h3,
.er-footer-newsletter .tvfooter-title,
.er-footer-newsletter .tvcmsnewsletter-title {
font-size: 14px !important;
margin: 0 0 12px !important;
text-align: center !important;
}
.er-footer-newsletter form,
.er-footer-newsletter .input-wrapper,
.er-footer-newsletter .newsletter-form {
max-width: 100% !important;
margin: 0 auto !important;
}
.er-footer-newsletter input[type="email"] {
height: 46px !important;
font-size: 13px !important;
}
.er-footer-newsletter button,
.er-footer-newsletter .btn-primary,
.er-footer-newsletter .subscribe {
height: 46px !important;
padding: 0 18px !important;
font-size: 13px !important;
}
.er-footer-main {
padding-top: 10px !important;
padding-bottom: 18px !important;
}
.er-footer-row {
display: block !important;
row-gap: 0 !important;
}
.er-footer-col {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 0 !important;
}
.er-footer-accordion {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.er-footer-accordion:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.er-footer-title {
position: relative;
margin: 0 !important;
padding: 16px 36px 16px 0 !important;
font-size: 13px !important;
line-height: 1.3 !important;
cursor: pointer;
}
.er-footer-accordion > .er-footer-title::after {
content: "+";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
font-weight: 400;
line-height: 1;
}
.er-footer-accordion[open] > .er-footer-title::after {
content: "−";
}
.er-footer-accordion .er-footer-list {
padding: 0 0 14px !important;
}
.er-footer-list li {
margin-bottom: 10px !important;
font-size: 13px !important;
letter-spacing: 0.5px !important;
}
.er-footer-list-contact li {
gap: 8px !important;
}
.er-footer-list-contact i.material-icons {
font-size: 15px !important;
min-width: 16px !important;
}
.er-footer-copy {
font-size: 12px !important;
text-align: center !important;
}
/* =========================
STRONA PRODUKTU - MOBILE
========================= */
/* Tytuł produktu */
.tvproduct-page .tvproduct-title-brandimage h1.h1,
.page-product .tvproduct-title-brandimage h1.h1,
#product .tvproduct-title-brandimage h1.h1 {
font-size: 24px !important;
line-height: 1.2 !important;
margin-bottom: 12px !important;
}
/* Cena produktu */
.tvproduct-page .product-prices .current-price .current-price-value,
.tvproduct-page .product-prices .current-price span,
.page-product .product-prices .current-price .current-price-value,
.page-product .product-prices .current-price span,
#product .product-prices .current-price .current-price-value,
#product .product-prices .current-price span {
font-size: 20px !important;
}
/* Krótki opis produktu */
.tvproduct-page #product-description-short-1,
.page-product #product-description-short-1,
#product #product-description-short-1 {
font-size: 14px !important;
line-height: 1.7 !important;
}
/* Przycisk dodaj do koszyka */
.tvproduct-page .add-to-cart,
.tvproduct-page .btn.add-to-cart,
.page-product .add-to-cart,
.page-product .btn.add-to-cart,
#product .add-to-cart,
#product .btn.add-to-cart {
width: 100% !important;
min-height: 50px !important;
padding: 12px 18px !important;
font-size: 14px !important;
}
/* Pole ilości */
.tvproduct-page .input-group.bootstrap-touchspin,
.page-product .input-group.bootstrap-touchspin,
#product .input-group.bootstrap-touchspin {
max-width: 160px !important;
}
/* Stan magazynowy */
.tvproduct-page .tv-items .tvinstock,
.page-product .tv-items .tvinstock,
#product .tv-items .tvinstock {
font-size: 14px !important;
line-height: 1.5 !important;
}
/* Link opinii */
.tvproduct-page a.open-comment-form,
.page-product a.open-comment-form,
#product a.open-comment-form {
font-size: 13px !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
}
/* Blok zapewnień */
#block-reassurance .block-reassurance-item {
padding: 12px !important;
margin-bottom: 8px !important;
}
#block-reassurance .block-title {
font-size: 14px !important;
line-height: 1.4 !important;
}
/* Zakładki produktu */
#product .nav-tabs .nav-link,
.page-product .nav-tabs .nav-link,
.tvproduct-page .nav-tabs .nav-link {
font-size: 13px !important;
padding: 10px 12px !important;
}
/* Treść zakładek */
#product .tab-content,
.page-product .tab-content,
.tvproduct-page .tab-content {
font-size: 14px !important;
line-height: 1.8 !important;
}
}
/* =========================================================
EMALIA RYBNIK - FIX GÓRNEGO PASKA
Ujednolicenie wysokości i typografii paska oferty
========================================================= */
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvcmsdesktop-top-header {
min-height: 36px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvcmsdesktop-top-wrapper {
min-height: 36px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
align-items: center !important;
}
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-offer-wrapper,
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-language-currency-wrapper,
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvcmsdesktop-contact {
min-height: 36px !important;
display: flex !important;
align-items: center !important;
}
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text {
min-height: 36px !important;
padding: 6px 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.2 !important;
}
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p,
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p a,
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p a:link,
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p a:visited,
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p a:hover,
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p a:active,
#header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p a:focus {
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
margin: 0 !important;
padding: 0 !important;
text-decoration: none !important;
}
/* Wyrównanie prawej strony górnego paska */
#header .tvcmsdesktop-top-header-wrapper.header-7 #tvcmsdesktop-account-button,
#header .tvcmsdesktop-top-header-wrapper.header-7 #tvcmsdesktop-account-button * {
line-height: 1.2 !important;
}
/* Wymuszenie identycznego wyglądu także na CMS */
body#cms #header .tvcmsdesktop-top-header-wrapper.header-7 .tvcmsdesktop-top-header,
body.page-cms #header .tvcmsdesktop-top-header-wrapper.header-7 .tvcmsdesktop-top-header,
body[class*="cms-id-"] #header .tvcmsdesktop-top-header-wrapper.header-7 .tvcmsdesktop-top-header {
min-height: 36px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body#cms #header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text,
body.page-cms #header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text,
body[class*="cms-id-"] #header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text {
min-height: 36px !important;
padding: 6px 0 !important;
}
body#cms #header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p,
body#cms #header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p a,
body.page-cms #header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p,
body.page-cms #header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p a,
body[class*="cms-id-"] #header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p,
body[class*="cms-id-"] #header .tvcmsdesktop-top-header-wrapper.header-7 .tvheader-nav-offer-text p a {
font-size: 14px !important;
line-height: 1.2 !important;
}
/* =========================================================
EMALIA RYBNIK - STRONA PRODUKTU - UKŁAD 1
========================================================= */
#product .product-1 .tv-product-page-content h1,
.page-product .product-1 .tv-product-page-content h1 {
font-size: 36px !important;
line-height: 1.15 !important;
font-weight: 600 !important;
margin-bottom: 16px !important;
}
#product .product-1 .emalia-product-prices .current-price .price,
.page-product .product-1 .emalia-product-prices .current-price .price {
font-size: 48px !important;
line-height: 1.05 !important;
font-weight: 700 !important;
}
#product .product-1 .emalia-product-prices .tvproduct-tax-label,
#product .product-1 .emalia-product-prices .tax-shipping-delivery-label,
.page-product .product-1 .emalia-product-prices .tvproduct-tax-label,
.page-product .product-1 .emalia-product-prices .tax-shipping-delivery-label {
display: none !important;
}
#product .product-1 .emalia-omnibus-price,
.page-product .product-1 .emalia-omnibus-price {
margin-top: 12px;
margin-bottom: 18px;
}
#product .product-1 .emalia-omnibus-price-placeholder,
.page-product .product-1 .emalia-omnibus-price-placeholder {
font-size: 14px;
line-height: 1.5;
color: #444;
}
#product .product-1 .emalia-omnibus-label,
.page-product .product-1 .emalia-omnibus-label {
font-weight: 500;
}
#product .product-1 .emalia-product-availability,
.page-product .product-1 .emalia-product-availability {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.5;
}
#product .product-1 .tvproduct-page-decs,
.page-product .product-1 .tvproduct-page-decs {
font-size: 15px;
line-height: 1.8;
}
#product .product-1 .emalia-product-buybox,
.page-product .product-1 .emalia-product-buybox {
border-top: 0 !important;
padding-top: 20px !important;
}
#product .product-1 .emalia-product-cta-row,
.page-product .product-1 .emalia-product-cta-row {
display: flex;
align-items: flex-end;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 18px;
}
#product .product-1 .emalia-product-quantity,
.page-product .product-1 .emalia-product-quantity {
margin-bottom: 0 !important;
min-width: 190px;
}
#product .product-1 .emalia-product-quantity .control-label,
.page-product .product-1 .emalia-product-quantity .control-label {
display: block;
margin-bottom: 8px;
font-size: 16px;
font-weight: 500;
}
#product .product-1 .emalia-product-cta-actions,
.page-product .product-1 .emalia-product-cta-actions {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
margin: 0 !important;
}
#product .product-1 .emalia-product-cta-actions .tvcart-btn-model,
.page-product .product-1 .emalia-product-cta-actions .tvcart-btn-model {
margin: 0 !important;
}
#product .product-1 .emalia-product-cta-actions .add-to-cart,
.page-product .product-1 .emalia-product-cta-actions .add-to-cart {
min-height: 52px;
padding: 14px 26px !important;
display: inline-flex;
align-items: center;
justify-content: center;
}
#product .product-1 .emalia-product-wishlist-compare,
.page-product .product-1 .emalia-product-wishlist-compare {
display: flex;
align-items: center;
gap: 10px;
padding-bottom: 0 !important;
border-bottom: 0 !important;
margin: 0 !important;
}
#product .product-1 .emalia-inpost-banner,
.page-product .product-1 .emalia-inpost-banner {
margin-top: 6px;
margin-bottom: 24px;
}
#product .product-1 .emalia-inpost-banner-link,
.page-product .product-1 .emalia-inpost-banner-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 18px 22px;
background: #111;
color: #fff !important;
text-decoration: none !important;
}
#product .product-1 .emalia-inpost-banner-title,
.page-product .product-1 .emalia-inpost-banner-title {
font-size: 18px;
font-weight: 700;
}
#product .product-1 .emalia-inpost-banner-subtitle,
.page-product .product-1 .emalia-inpost-banner-subtitle {
font-size: 14px;
opacity: 0.9;
}
#product .product-1 .emalia-product-links,
.page-product .product-1 .emalia-product-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 20px;
margin-top: 0;
margin-bottom: 30px;
}
#product .product-1 .emalia-product-link,
.page-product .product-1 .emalia-product-link {
display: block;
padding: 12px 0;
color: #222 !important;
text-decoration: none !important;
border-bottom: 1px solid #ececec;
font-size: 16px;
line-height: 1.4;
}
#product .product-1 .emalia-product-link:hover,
.page-product .product-1 .emalia-product-link:hover {
color: #d9c2a3 !important;
}
#product .emalia-product-tabs-wrapper,
.page-product .emalia-product-tabs-wrapper {
margin-top: 10px;
margin-bottom: 32px;
}
#product .emalia-short-description-wrapper,
.page-product .emalia-short-description-wrapper {
margin-bottom: 32px;
}
#product .emalia-short-description,
.page-product .emalia-short-description {
padding: 24px 0 0;
border-top: 1px solid #ececec;
}
#product .emalia-long-description-wrapper,
.page-product .emalia-long-description-wrapper {
margin-bottom: 30px;
}
#product .emalia-long-description,
.page-product .emalia-long-description {
padding: 0;
}
@media (max-width: 991px) {
#product .product-1 .emalia-product-links,
.page-product .product-1 .emalia-product-links {
grid-template-columns: 1fr;
}
#product .product-1 .tv-product-page-content h1,
.page-product .product-1 .tv-product-page-content h1 {
font-size: 28px !important;
}
#product .product-1 .emalia-product-prices .current-price .price,
.page-product .product-1 .emalia-product-prices .current-price .price {
font-size: 36px !important;
}
}
@media (max-width: 575px) {
#product .product-1 .emalia-product-cta-row,
.page-product .product-1 .emalia-product-cta-row {
flex-direction: column;
align-items: stretch;
}
#product .product-1 .emalia-product-quantity,
.page-product .product-1 .emalia-product-quantity {
min-width: 100%;
}
#product .product-1 .emalia-product-cta-actions,
.page-product .product-1 .emalia-product-cta-actions {
width: 100%;
}
#product .product-1 .emalia-product-cta-actions .tvcart-btn-model,
.page-product .product-1 .emalia-product-cta-actions .tvcart-btn-model {
width: 100%;
}
#product .product-1 .emalia-product-cta-actions .add-to-cart,
.page-product .product-1 .emalia-product-cta-actions .add-to-cart {
width: 100%;
}
#product .product-1 .emalia-inpost-banner-link,
.page-product .product-1 .emalia-inpost-banner-link {
flex-direction: column;
align-items: flex-start;
}
}
/* =========================================================
EMALIA RYBNIK - BEZPIECZNA POPRAWKA KARTY PRODUKTU
========================================================= */
/* Mniejsza nazwa produktu */
#product .product-1 .tv-product-page-content h1,
.page-product .product-1 .tv-product-page-content h1,
#product .tv-product-page-content h1,
.page-product .tv-product-page-content h1 {
font-size: 20px !important;
line-height: 1.15 !important;
font-weight: 600 !important;
margin-bottom: 12px !important;
}
/* Wiersz CTA */
#product .product-1 .emalia-product-cta-row,
.page-product .product-1 .emalia-product-cta-row {
display: flex !important;
align-items: center !important;
gap: 16px !important;
flex-wrap: nowrap !important;
}
/* Ukrycie napisu "Ilość" */
#product .product-1 .emalia-product-quantity .control-label,
.page-product .product-1 .emalia-product-quantity .control-label {
display: none !important;
}
/* Blok ilości */
#product .product-1 .emalia-product-quantity,
.page-product .product-1 .emalia-product-quantity {
display: flex !important;
align-items: center !important;
margin: 0 !important;
}
/* Kontener touchspin */
#product .product-1 .emalia-product-quantity .qty,
.page-product .product-1 .emalia-product-quantity .qty {
display: flex !important;
align-items: center !important;
margin: 0 !important;
}
#product .product-1 .emalia-product-quantity .bootstrap-touchspin,
.page-product .product-1 .emalia-product-quantity .bootstrap-touchspin {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
height: 50px !important;
margin: 0 !important;
}
/* Input liczby */
#product .product-1 .emalia-product-quantity .bootstrap-touchspin input,
.page-product .product-1 .emalia-product-quantity .bootstrap-touchspin input,
#quantity_wanted {
width: 54px !important;
min-width: 54px !important;
height: 50px !important;
min-height: 50px !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
line-height: 50px !important;
font-size: 17px !important;
color: #222 !important;
background: #fff !important;
border: 1px solid #e5e5e5 !important;
box-shadow: none !important;
}
/* Przyciski plus / minus */
#product .product-1 .emalia-product-quantity .btn-touchspin,
#product .product-1 .emalia-product-quantity .bootstrap-touchspin-up,
#product .product-1 .emalia-product-quantity .bootstrap-touchspin-down,
.page-product .product-1 .emalia-product-quantity .btn-touchspin,
.page-product .product-1 .emalia-product-quantity .bootstrap-touchspin-up,
.page-product .product-1 .emalia-product-quantity .bootstrap-touchspin-down {
width: 50px !important;
min-width: 50px !important;
height: 50px !important;
min-height: 50px !important;
padding: 0 !important;
margin: 0 0 0 6px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid #e5e5e5 !important;
background: #fff !important;
box-shadow: none !important;
}
/* Przycisk koszyka */
#product .product-1 .emalia-product-cta-actions,
.page-product .product-1 .emalia-product-cta-actions {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
}
#product .product-1 .emalia-product-cta-actions .add-to-cart,
.page-product .product-1 .emalia-product-cta-actions .add-to-cart {
height: 50px !important;
min-height: 50px !important;
padding: 0 24px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
margin: 0 !important;
}
/* Ikony obok buttona */
#product .product-1 .emalia-product-wishlist-compare,
.page-product .product-1 .emalia-product-wishlist-compare {
display: flex !important;
align-items: center !important;
gap: 10px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
/* Mobile */
@media (max-width: 575px) {
#product .product-1 .emalia-product-cta-row,
.page-product .product-1 .emalia-product-cta-row {
flex-direction: column !important;
align-items: stretch !important;
}
#product .product-1 .emalia-product-cta-actions,
.page-product .product-1 .emalia-product-cta-actions {
width: 100% !important;
}
#product .product-1 .emalia-product-cta-actions .tvcart-btn-model,
.page-product .product-1 .emalia-product-cta-actions .tvcart-btn-model {
width: 100% !important;
}
#product .product-1 .emalia-product-cta-actions .add-to-cart,
.page-product .product-1 .emalia-product-cta-actions .add-to-cart {
width: 100% !important;
}
}
/* =========================================================
EMALIA RYBNIK - LOKALNY UKŁAD KARTY PRODUKTU
========================================================= */
/* Mniejszy tytuł */
#product .product-1 .tv-product-page-content h1,
.page-product .product-1 .tv-product-page-content h1 {
font-size: 20px !important;
line-height: 1.15 !important;
font-weight: 600 !important;
margin-bottom: 12px !important;
}
/* Cena */
#product .product-1 .product-prices,
.page-product .product-1 .product-prices {
margin-bottom: 8px !important;
}
#product .product-1 .product-prices .current-price .price,
.page-product .product-1 .product-prices .current-price .price {
font-size: 42px !important;
line-height: 1.05 !important;
font-weight: 700 !important;
}
/* Ukrycie BRUTTO / tax label */
#product .product-1 .product-prices .tax-shipping-delivery-label,
#product .product-1 .product-prices .tvproduct-tax-label,
.page-product .product-1 .product-prices .tax-shipping-delivery-label,
.page-product .product-1 .product-prices .tvproduct-tax-label {
display: none !important;
}
/* Omnibus */
#product .product-1 .emalia-omnibus-price,
.page-product .product-1 .emalia-omnibus-price {
margin-top: 6px;
margin-bottom: 16px;
font-size: 14px;
line-height: 1.5;
color: #222;
}
#product .product-1 .emalia-omnibus-label,
.page-product .product-1 .emalia-omnibus-label {
font-weight: 500;
}
/* Dostępność */
#product .product-1 .emalia-product-availability,
.page-product .product-1 .emalia-product-availability {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 18px;
font-size: 14px;
line-height: 1.5;
}
/* Buybox */
#product .product-1 .emalia-product-buybox,
.page-product .product-1 .emalia-product-buybox {
margin-top: 10px;
}
/* Banner InPost */
#product .product-1 .emalia-inpost-banner,
.page-product .product-1 .emalia-inpost-banner {
margin-top: 18px;
margin-bottom: 24px;
}
#product .product-1 .emalia-inpost-banner-link,
.page-product .product-1 .emalia-inpost-banner-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 18px 22px;
background: #000;
color: #fff !important;
text-decoration: none !important;
}
#product .product-1 .emalia-inpost-banner-title,
.page-product .product-1 .emalia-inpost-banner-title {
font-size: 18px;
font-weight: 700;
}
#product .product-1 .emalia-inpost-banner-subtitle,
.page-product .product-1 .emalia-inpost-banner-subtitle {
font-size: 14px;
opacity: 0.9;
}
/* Linki pod banerem */
#product .product-1 .emalia-product-links,
.page-product .product-1 .emalia-product-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 20px;
margin-bottom: 28px;
}
#product .product-1 .emalia-product-link,
.page-product .product-1 .emalia-product-link {
display: block;
padding: 10px 0;
color: #222 !important;
text-decoration: none !important;
border-bottom: 1px solid #e9e9e9;
font-size: 16px;
line-height: 1.4;
}
#product .product-1 .emalia-product-link:hover,
.page-product .product-1 .emalia-product-link:hover {
color: #d9c2a3 !important;
}
/* Mobile */
@media (max-width: 767px) {
#product .product-1 .emalia-product-links,
.page-product .product-1 .emalia-product-links {
grid-template-columns: 1fr;
}
#product .product-1 .emalia-inpost-banner-link,
.page-product .product-1 .emalia-inpost-banner-link {
flex-direction: column;
align-items: flex-start;
}
}
/* =========================================================
EMALIA RYBNIK - KARTA PRODUKTU - DOPRACOWANIE GÓRY
========================================================= */
/* Ukrycie napisu "Ilość" */
#product .product-1 .product-add-to-cart .control-label,
.page-product .product-1 .product-add-to-cart .control-label,
#product .product-1 .emalia-product-quantity .control-label,
.page-product .product-1 .emalia-product-quantity .control-label {
display: none !important;
}
/* Jeden wiersz: licznik + button + ikony */
#product .product-1 .product-add-to-cart,
.page-product .product-1 .product-add-to-cart {
display: flex !important;
align-items: center !important;
gap: 16px !important;
flex-wrap: nowrap !important;
margin-bottom: 12px !important;
}
/* Blok ilości */
#product .product-1 .product-add-to-cart .product-quantity,
.page-product .product-1 .product-add-to-cart .product-quantity,
#product .product-1 .emalia-product-quantity,
.page-product .product-1 .emalia-product-quantity {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
min-width: auto !important;
}
/* Kontener inputa ilości */
#product .product-1 .product-add-to-cart .qty,
.page-product .product-1 .product-add-to-cart .qty,
#product .product-1 .emalia-product-quantity .qty,
.page-product .product-1 .emalia-product-quantity .qty {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
/* Touchspin */
#product .product-1 .bootstrap-touchspin,
.page-product .product-1 .bootstrap-touchspin {
display: flex !important;
align-items: stretch !important;
flex-wrap: nowrap !important;
height: 52px !important;
margin: 0 !important;
}
/* Pole liczby */
#product .product-1 .bootstrap-touchspin input,
.page-product .product-1 .bootstrap-touchspin input,
#product #quantity_wanted,
.page-product #quantity_wanted {
width: 54px !important;
min-width: 54px !important;
height: 52px !important;
min-height: 52px !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
line-height: 52px !important;
font-size: 17px !important;
color: #222 !important;
background: #fff !important;
border: 1px solid #e5e5e5 !important;
box-shadow: none !important;
opacity: 1 !important;
}
/* Przyciski minus / plus */
#product .product-1 .btn-touchspin,
#product .product-1 .bootstrap-touchspin-up,
#product .product-1 .bootstrap-touchspin-down,
.page-product .product-1 .btn-touchspin,
.page-product .product-1 .bootstrap-touchspin-up,
.page-product .product-1 .bootstrap-touchspin-down {
width: 52px !important;
min-width: 52px !important;
height: 52px !important;
min-height: 52px !important;
padding: 0 !important;
margin: 0 0 0 6px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid #e5e5e5 !important;
background: #fff !important;
box-shadow: none !important;
}
/* Button Dodaj do koszyka - ta sama wysokość co licznik */
#product .product-1 .product-add-to-cart .add,
.page-product .product-1 .product-add-to-cart .add,
#product .product-1 .emalia-product-cta-actions .tvcart-btn-model,
.page-product .product-1 .emalia-product-cta-actions .tvcart-btn-model {
margin: 0 !important;
display: flex !important;
align-items: center !important;
}
#product .product-1 .product-add-to-cart .add-to-cart,
.page-product .product-1 .product-add-to-cart .add-to-cart,
#product .product-1 .emalia-product-cta-actions .add-to-cart,
.page-product .product-1 .emalia-product-cta-actions .add-to-cart {
height: 52px !important;
min-height: 52px !important;
padding: 0 28px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
margin: 0 !important;
}
/* Ikony obok buttona */
#product .product-1 .tvproduct-wishlist-compare,
#product .product-1 .emalia-product-wishlist-compare,
.page-product .product-1 .tvproduct-wishlist-compare,
.page-product .product-1 .emalia-product-wishlist-compare {
display: flex !important;
align-items: center !important;
gap: 12px !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
/* Mniejszy odstęp między linią a banerem InPost */
#product .product-1 .emalia-inpost-banner,
.page-product .product-1 .emalia-inpost-banner {
margin-top: 10px !important;
}
/* Jeśli motyw dorzuca separator nad banerem */
#product .product-1 .product-additional-info,
#product .product-1 .product-information,
.page-product .product-1 .product-additional-info,
.page-product .product-1 .product-information {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* Mobile */
@media (max-width: 767px) {
#product .product-1 .product-add-to-cart,
.page-product .product-1 .product-add-to-cart {
flex-wrap: wrap !important;
row-gap: 12px !important;
}
}
/* Krótki opis pod zakładkami */
#product .emalia-short-description-wrapper,
.page-product .emalia-short-description-wrapper {
margin-top: 24px;
margin-bottom: 24px;
}
#product .emalia-short-description,
.page-product .emalia-short-description {
font-size: 16px;
line-height: 1.8;
}
/* Krótki opis pod zakładkami - zawsze widoczny */
#product .emalia-short-description-wrapper,
.page-product .emalia-short-description-wrapper {
display: block !important;
clear: both !important;
width: 100% !important;
visibility: visible !important;
opacity: 1 !important;
margin-top: 24px !important;
margin-bottom: 24px !important;
}
#product .emalia-short-description,
.page-product .emalia-short-description {
display: block !important;
font-size: 16px !important;
line-height: 1.8 !important;
}
/* Krótki opis w białym polu nad długim opisem */
#product .emalia-short-description-in-tab,
.page-product .emalia-short-description-in-tab {
margin-bottom: 24px;
font-size: 16px;
line-height: 1.8;
}
/* =========================================================
EMALIA RYBNIK - MOBILE - GÓRA KARTY PRODUKTU
Tylko:
- nazwa produktu
- cena
- najniższa cena
- licznik
- dodaj do koszyka
- koszyk InPost
Reszta bez zmian
========================================================= */
@media (max-width: 767px) {
/* Nazwa produktu */
#product .product-1 .tv-product-page-content h1,
.page-product .product-1 .tv-product-page-content h1 {
font-size: 16px !important;
line-height: 1.15 !important;
margin-bottom: 10px !important;
}
/* Cena */
#product .product-1 .product-prices .current-price .price,
.page-product .product-1 .product-prices .current-price .price {
font-size: 26px !important;
line-height: 1.05 !important;
}
/* Najniższa cena */
#product .product-1 .emalia-omnibus-price,
.page-product .product-1 .emalia-omnibus-price {
font-size: 12px !important;
line-height: 1.4 !important;
margin-top: 4px !important;
margin-bottom: 12px !important;
}
#product .product-1 .emalia-omnibus-label,
.page-product .product-1 .emalia-omnibus-label {
font-size: 12px !important;
}
/* Rząd licznik + button + ikony */
#product .product-1 .product-add-to-cart,
.page-product .product-1 .product-add-to-cart {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
margin-bottom: 10px !important;
}
/* Licznik */
#product .product-1 .bootstrap-touchspin,
.page-product .product-1 .bootstrap-touchspin {
height: 42px !important;
}
#product .product-1 .bootstrap-touchspin input,
.page-product .product-1 .bootstrap-touchspin input,
#product #quantity_wanted,
.page-product #quantity_wanted {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
font-size: 15px !important;
line-height: 42px !important;
padding: 0 !important;
}
#product .product-1 .btn-touchspin,
#product .product-1 .bootstrap-touchspin-up,
#product .product-1 .bootstrap-touchspin-down,
.page-product .product-1 .btn-touchspin,
.page-product .product-1 .bootstrap-touchspin-up,
.page-product .product-1 .bootstrap-touchspin-down {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 0 0 4px !important;
font-size: 14px !important;
}
/* Button Dodaj do koszyka */
#product .product-1 .product-add-to-cart .add-to-cart,
.page-product .product-1 .product-add-to-cart .add-to-cart,
#product .product-1 .emalia-product-cta-actions .add-to-cart,
.page-product .product-1 .emalia-product-cta-actions .add-to-cart {
height: 42px !important;
min-height: 42px !important;
padding: 0 16px !important;
font-size: 14px !important;
line-height: 1 !important;
}
/* Ikona compare / wishlist obok buttona */
#product .product-1 .tvproduct-wishlist-compare,
#product .product-1 .emalia-product-wishlist-compare,
.page-product .product-1 .tvproduct-wishlist-compare,
.page-product .product-1 .emalia-product-wishlist-compare {
height: 42px !important;
gap: 8px !important;
}
/* Baner Koszyk InPost */
#product .product-1 .emalia-inpost-banner,
.page-product .product-1 .emalia-inpost-banner {
margin-top: 8px !important;
margin-bottom: 16px !important;
}
#product .product-1 .emalia-inpost-banner-link,
.page-product .product-1 .emalia-inpost-banner-link {
padding: 12px 14px !important;
gap: 10px !important;
}
#product .product-1 .emalia-inpost-banner-title,
.page-product .product-1 .emalia-inpost-banner-title {
font-size: 14px !important;
line-height: 1.2 !important;
}
#product .product-1 .emalia-inpost-banner-subtitle,
.page-product .product-1 .emalia-inpost-banner-subtitle {
font-size: 11px !important;
line-height: 1.3 !important;
}
}
/* =========================================================
EMALIA RYBNIK - MOBILE - UKRYCIE OPINII + CTA W 1 RZĘDZIE
========================================================= */
@media (max-width: 767px) {
/* Ukryj opinie na mobile */
#product .comments_note,
#product .comments_note a,
#product .comments_note span,
.page-product .comments_note,
.page-product .comments_note a,
.page-product .comments_note span {
display: none !important;
}
/* Jeden rząd: licznik + button + ikony */
#product .product-1 .product-add-to-cart,
.page-product .product-1 .product-add-to-cart {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 10px !important;
}
/* Blok ilości */
#product .product-1 .product-add-to-cart .product-quantity,
.page-product .product-1 .product-add-to-cart .product-quantity {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
flex: 0 0 auto !important;
}
#product .product-1 .product-add-to-cart .qty,
.page-product .product-1 .product-add-to-cart .qty {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
/* Licznik - ta sama wysokość co button */
#product .product-1 .bootstrap-touchspin,
.page-product .product-1 .bootstrap-touchspin {
display: flex !important;
align-items: stretch !important;
flex-wrap: nowrap !important;
height: 42px !important;
margin: 0 !important;
}
#product .product-1 .bootstrap-touchspin input,
.page-product .product-1 .bootstrap-touchspin input,
#product #quantity_wanted,
.page-product #quantity_wanted {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 !important;
margin: 0 !important;
font-size: 15px !important;
line-height: 42px !important;
text-align: center !important;
}
#product .product-1 .btn-touchspin,
#product .product-1 .bootstrap-touchspin-up,
#product .product-1 .bootstrap-touchspin-down,
.page-product .product-1 .btn-touchspin,
.page-product .product-1 .bootstrap-touchspin-up,
.page-product .product-1 .bootstrap-touchspin-down {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 0 0 4px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Button obok licznika */
#product .product-1 .product-add-to-cart .add,
.page-product .product-1 .product-add-to-cart .add,
#product .product-1 .emalia-product-cta-actions .tvcart-btn-model,
.page-product .product-1 .emalia-product-cta-actions .tvcart-btn-model {
display: flex !important;
align-items: center !important;
margin: 0 !important;
flex: 1 1 auto !important;
}
#product .product-1 .product-add-to-cart .add-to-cart,
.page-product .product-1 .product-add-to-cart .add-to-cart,
#product .product-1 .emalia-product-cta-actions .add-to-cart,
.page-product .product-1 .emalia-product-cta-actions .add-to-cart {
height: 42px !important;
min-height: 42px !important;
width: 100% !important;
padding: 0 14px !important;
font-size: 13px !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
}
/* Ikony obok */
#product .product-1 .tvproduct-wishlist-compare,
#product .product-1 .emalia-product-wishlist-compare,
.page-product .product-1 .tvproduct-wishlist-compare,
.page-product .product-1 .emalia-product-wishlist-compare {
display: flex !important;
align-items: center !important;
height: 42px !important;
gap: 6px !important;
flex: 0 0 auto !important;
}
}
/* =========================================================
EMALIA RYBNIK - MOBILE - UKRYCIE OPINII I PODNIESIENIE CENY
========================================================= */
@media (max-width: 767px) {
/* Ukryj cały blok opinii na mobile */
#product .tv-product-page-content .comments_note,
#product .tv-product-page-content .comments_note *,
#product .tv-product-page-content .product-comments-additional-info,
#product .tv-product-page-content .product-comments-additional-info *,
#product .tv-product-page-content .grade-stars,
#product .tv-product-page-content .star_content,
#product .tv-product-page-content .comments_advices,
#product .tv-product-page-content .product-rating,
.page-product .tv-product-page-content .comments_note,
.page-product .tv-product-page-content .comments_note *,
.page-product .tv-product-page-content .product-comments-additional-info,
.page-product .tv-product-page-content .product-comments-additional-info *,
.page-product .tv-product-page-content .grade-stars,
.page-product .tv-product-page-content .star_content,
.page-product .tv-product-page-content .comments_advices,
.page-product .tv-product-page-content .product-rating {
display: none !important;
}
/* Jeśli gwiazdki/opinie siedzą bezpośrednio po tytule */
#product .tvproduct-title-brandimage + .comments_note,
.page-product .tvproduct-title-brandimage + .comments_note {
display: none !important;
}
/* Mniejszy odstęp po tytule, żeby cena była wyżej */
#product .product-1 .tv-product-page-content h1,
.page-product .product-1 .tv-product-page-content h1 {
margin-bottom: 6px !important;
}
/* Cena wyżej */
#product .product-1 .product-prices,
.page-product .product-1 .product-prices,
#product .product-1 .emalia-product-prices-wrap,
.page-product .product-1 .emalia-product-prices-wrap {
margin-top: 0 !important;
margin-bottom: 8px !important;
}
}
/* =========================================================
EMALIA RYBNIK - MOBILE - UKRYCIE NAPISU OPINIE + MNIEJSZE ODSTĘPY
========================================================= */
@media (max-width: 767px) {
/* Ukryj sam napis "Opinie(...)" */
#product .tv-product-page-content .comments_note,
#product .tv-product-page-content .comments_note a,
#product .tv-product-page-content .comments_note span,
.page-product .tv-product-page-content .comments_note,
.page-product .tv-product-page-content .comments_note a,
.page-product .tv-product-page-content .comments_note span {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* Tytuł */
#product .product-1 .tv-product-page-content h1,
.page-product .product-1 .tv-product-page-content h1 {
font-size: 15px !important;
line-height: 1.1 !important;
margin-bottom: 6px !important;
}
/* Cena */
#product .product-1 .product-prices .current-price .price,
.page-product .product-1 .product-prices .current-price .price {
font-size: 24px !important;
line-height: 1.05 !important;
}
/* Najniższa cena */
#product .product-1 .emalia-omnibus-price,
.page-product .product-1 .emalia-omnibus-price {
font-size: 11px !important;
line-height: 1.35 !important;
margin-top: 2px !important;
margin-bottom: 10px !important;
}
/* Podnieś cały blok ceny */
#product .product-1 .product-prices,
.page-product .product-1 .product-prices,
#product .product-1 .emalia-product-prices-wrap,
.page-product .product-1 .emalia-product-prices-wrap {
margin-top: 0 !important;
margin-bottom: 6px !important;
}
/* Mniejszy odstęp przed buyboxem */
#product .product-1 .emalia-product-buybox,
.page-product .product-1 .emalia-product-buybox,
#product .product-1 .product-information,
.page-product .product-1 .product-information {
margin-top: 6px !important;
padding-top: 0 !important;
}
/* Jeden rząd: licznik + button + ikony */
#product .product-1 .product-add-to-cart,
.page-product .product-1 .product-add-to-cart {
gap: 6px !important;
margin-bottom: 8px !important;
}
/* Licznik trochę ciaśniej */
#product .product-1 .bootstrap-touchspin,
.page-product .product-1 .bootstrap-touchspin {
height: 40px !important;
}
#product .product-1 .bootstrap-touchspin input,
.page-product .product-1 .bootstrap-touchspin input,
#product #quantity_wanted,
.page-product #quantity_wanted {
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
font-size: 14px !important;
line-height: 40px !important;
}
#product .product-1 .btn-touchspin,
#product .product-1 .bootstrap-touchspin-up,
#product .product-1 .bootstrap-touchspin-down,
.page-product .product-1 .btn-touchspin,
.page-product .product-1 .bootstrap-touchspin-up,
.page-product .product-1 .bootstrap-touchspin-down {
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 0 0 3px !important;
}
/* Button */
#product .product-1 .product-add-to-cart .add-to-cart,
.page-product .product-1 .product-add-to-cart .add-to-cart,
#product .product-1 .emalia-product-cta-actions .add-to-cart,
.page-product .product-1 .emalia-product-cta-actions .add-to-cart {
height: 40px !important;
min-height: 40px !important;
padding: 0 12px !important;
font-size: 12px !important;
}
/* Ikony obok */
#product .product-1 .tvproduct-wishlist-compare,
#product .product-1 .emalia-product-wishlist-compare,
.page-product .product-1 .tvproduct-wishlist-compare,
.page-product .product-1 .emalia-product-wishlist-compare {
height: 40px !important;
gap: 4px !important;
}
/* Koszyk InPost bliżej buttona */
#product .product-1 .emalia-inpost-banner,
.page-product .product-1 .emalia-inpost-banner {
margin-top: 6px !important;
margin-bottom: 12px !important;
}
#product .product-1 .emalia-inpost-banner-link,
.page-product .product-1 .emalia-inpost-banner-link {
padding: 10px 12px !important;
}
#product .product-1 .emalia-inpost-banner-title,
.page-product .product-1 .emalia-inpost-banner-title {
font-size: 13px !important;
}
#product .product-1 .emalia-inpost-banner-subtitle,
.page-product .product-1 .emalia-inpost-banner-subtitle {
font-size: 10px !important;
}
/* Linki pod banerem trochę ciaśniej */
#product .product-1 .emalia-product-links,
.page-product .product-1 .emalia-product-links {
gap: 10px !important;
margin-bottom: 14px !important;
}
#product .product-1 .emalia-product-link,
.page-product .product-1 .emalia-product-link {
padding: 8px 0 !important;
font-size: 12px !important;
line-height: 1.3 !important;
}
}
/* Mobile - ukryj sam napis Opinie */
@media (max-width: 767px) {
#product .tvall-product-review,
.page-product .tvall-product-review {
display: none !important;
}
}
/* =========================================================
MOBILE HEADER - napis "Menu" obok hamburgera
========================================================= */
@media (max-width: 767px) {
/* Lewa kolumna trochę szersza */
#tvcms-mobile-view-header .tvcmsmobile-header-menu {
width: auto !important;
flex: 0 0 auto !important;
max-width: none !important;
min-width: 86px !important;
}
/* Przycisk hamburgera */
#tvcms-mobile-view-header .tvmobile-sliderbar-btn {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
width: auto !important;
white-space: nowrap !important;
}
#tvcms-mobile-view-header .tvmobile-sliderbar-btn a {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
width: auto !important;
text-decoration: none !important;
}
/* Napis Menu */
#tvcms-mobile-view-header .tvmobile-sliderbar-btn a::after {
content: "Menu";
display: inline-block !important;
font-size: 16px !important;
line-height: 1 !important;
font-weight: 500 !important;
color: #222 !important;
}
}
/* Badge rabatowy na stronie produktu - czerwony */
#product .discount-percentage,
#product .discount-amount,
.page-product .discount-percentage,
.page-product .discount-amount {
background: #d62828 !important;
border: 1px solid #d62828 !important;
color: #ffffff !important;
}
/* =========================================================
LICZNIK ILOŚCI - wymuszenie widoczności wartości
========================================================= */
#product #quantity_wanted,
.page-product #quantity_wanted,
#product .bootstrap-touchspin input[name="qty"],
.page-product .bootstrap-touchspin input[name="qty"] {
color: #222 !important;
-webkit-text-fill-color: #222 !important;
opacity: 1 !important;
text-indent: 0 !important;
text-shadow: none !important;
caret-color: #222 !important;
background: #fff !important;
font-size: 16px !important;
font-weight: 500 !important;
text-align: center !important;
line-height: 40px !important;
padding: 0 !important;
display: block !important;
position: relative !important;
z-index: 2 !important;
}
/* usuń ewentualne pseudo-elementy / nakładki */
#product .bootstrap-touchspin,
.page-product .bootstrap-touchspin {
overflow: visible !important;
}
#product .bootstrap-touchspin::before,
#product .bootstrap-touchspin::after,
.page-product .bootstrap-touchspin::before,
.page-product .bootstrap-touchspin::after {
content: none !important;
}
/* =========================================================
Ukrycie logo marki na mobile na stronie produktu
========================================================= */
@media (max-width: 767px) {
#product .tvcms-product-brand-logo,
.page-product .tvcms-product-brand-logo {
display: none !important;
}
}
/* Ukryj logo marki na mobile na karcie produktu */
@media (max-width: 767px) {
.tvproduct-title-brandimage .tvcms-product-brand-logo,
.tv-product-page-content .tvcms-product-brand-logo,
.product-1 .tvcms-product-brand-logo {
display: none !important;
}
}
/* =========================================================
H2 w opisie produktu - delikatnie większe od akapitu
========================================================= */
#product .product-description h2,
#product .cms-description h2,
.page-product .product-description h2,
.page-product .cms-description h2 {
font-size: 1.35em !important;
line-height: 1.3 !important;
font-weight: 600 !important;
margin: 1.2em 0 0.6em !important;
}
@media (max-width: 767px) {
#product .product-description h2,
#product .cms-description h2,
.page-product .product-description h2,
.page-product .cms-description h2 {
font-size: 1.15em !important;
line-height: 1.25 !important;
}
}
/* =========================================================
EMALIA RYBNIK - MENU GŁÓWNE + MENU MOBILNE
ThemeVolty / tvcmsmegamenu
========================================================= */
/* =========================================================
DESKTOP MENU GŁÓWNE
========================================================= */
.tvcmsmegamenu,
.tvcmsmegamenu * {
box-sizing: border-box;
}
.tvcmsmegamenu .menu,
.tvcmsmegamenu ul.menu,
.tvcmsdesktop-top-menu .menu,
#_desktop_top_menu .menu {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
flex-wrap: wrap;
}
.tvcmsmegamenu .menu > li,
.tvcmsdesktop-top-menu .menu > li,
#_desktop_top_menu .menu > li {
position: relative;
}
.tvcmsmegamenu .menu > li > a,
.tvcmsdesktop-top-menu .menu > li > a,
#_desktop_top_menu .menu > li > a {
position: relative;
display: flex;
align-items: center;
gap: 6px;
padding: 20px 10px 16px;
font-size: 15px;
line-height: 1.2;
font-weight: 600;
color: #111111 !important;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.015em;
transition: color 0.2s ease;
}
.tvcmsmegamenu .menu > li > a:hover,
.tvcmsdesktop-top-menu .menu > li > a:hover,
#_desktop_top_menu .menu > li > a:hover {
color: #b89563 !important;
}
.tvcmsmegamenu .menu > li > a::after,
.tvcmsdesktop-top-menu .menu > li > a::after,
#_desktop_top_menu .menu > li > a::after {
content: "";
position: absolute;
left: 10px;
right: 10px;
bottom: 7px;
height: 2px;
background: #d1b183;
transform: scaleX(0);
transform-origin: center;
transition: transform 0.22s ease;
}
.tvcmsmegamenu .menu > li:hover > a::after,
.tvcmsdesktop-top-menu .menu > li:hover > a::after,
#_desktop_top_menu .menu > li:hover > a::after {
transform: scaleX(1);
}
.tvcmsmegamenu .menu > li > a .material-icons,
.tvcmsmegamenu .menu > li > a i,
.tvcmsdesktop-top-menu .menu > li > a .material-icons,
.tvcmsdesktop-top-menu .menu > li > a i,
#_desktop_top_menu .menu > li > a .material-icons,
#_desktop_top_menu .menu > li > a i {
font-size: 10px !important;
line-height: 1;
}
.tvcmsmegamenu .sub-menu,
.tvcmsmegamenu .dropdown-menu,
.tvcmsmegamenu .tvcategory-sub-menu,
.tvcmsmegamenu .tvsubcategory-menu,
.tvcmsdesktop-top-menu .sub-menu,
.tvcmsdesktop-top-menu .dropdown-menu,
#_desktop_top_menu .sub-menu,
#_desktop_top_menu .dropdown-menu {
min-width: 340px !important;
width: 340px !important;
padding: 12px 0 !important;
margin-top: 0 !important;
top: calc(100% - 1px) !important;
left: 0 !important;
background: #ffffff !important;
border: 1px solid #ece6dc !important;
border-radius: 8px !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
}
.tvcmsmegamenu .menu-garnki .sub-menu,
.tvcmsmegamenu .menu-garnki .dropdown-menu,
.tvcmsdesktop-top-menu .menu-garnki .sub-menu,
.tvcmsdesktop-top-menu .menu-garnki .dropdown-menu,
#_desktop_top_menu .menu-garnki .sub-menu,
#_desktop_top_menu .menu-garnki .dropdown-menu {
min-width: 355px !important;
width: 355px !important;
}
.tvcmsmegamenu .menu-czajniki .sub-menu,
.tvcmsmegamenu .menu-czajniki .dropdown-menu,
.tvcmsmegamenu .menu-kubki .sub-menu,
.tvcmsmegamenu .menu-kubki .dropdown-menu,
.tvcmsdesktop-top-menu .menu-czajniki .sub-menu,
.tvcmsdesktop-top-menu .menu-czajniki .dropdown-menu,
.tvcmsdesktop-top-menu .menu-kubki .sub-menu,
.tvcmsdesktop-top-menu .menu-kubki .dropdown-menu,
#_desktop_top_menu .menu-czajniki .sub-menu,
#_desktop_top_menu .menu-czajniki .dropdown-menu,
#_desktop_top_menu .menu-kubki .sub-menu,
#_desktop_top_menu .menu-kubki .dropdown-menu {
min-width: 280px !important;
width: 280px !important;
}
.tvcmsmegamenu .sub-menu ul,
.tvcmsmegamenu .dropdown-menu ul,
.tvcmsdesktop-top-menu .sub-menu ul,
.tvcmsdesktop-top-menu .dropdown-menu ul,
#_desktop_top_menu .sub-menu ul,
#_desktop_top_menu .dropdown-menu ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tvcmsmegamenu .sub-menu li,
.tvcmsmegamenu .dropdown-menu li,
.tvcmsdesktop-top-menu .sub-menu li,
.tvcmsdesktop-top-menu .dropdown-menu li,
#_desktop_top_menu .sub-menu li,
#_desktop_top_menu .dropdown-menu li {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.tvcmsmegamenu .sub-menu li::before,
.tvcmsmegamenu .dropdown-menu li::before,
.tvcmsdesktop-top-menu .sub-menu li::before,
.tvcmsdesktop-top-menu .dropdown-menu li::before,
#_desktop_top_menu .sub-menu li::before,
#_desktop_top_menu .dropdown-menu li::before {
display: none !important;
content: none !important;
}
.tvcmsmegamenu .sub-menu li a,
.tvcmsmegamenu .dropdown-menu li a,
.tvcmsdesktop-top-menu .sub-menu li a,
.tvcmsdesktop-top-menu .dropdown-menu li a,
#_desktop_top_menu .sub-menu li a,
#_desktop_top_menu .dropdown-menu li a {
display: block !important;
width: 100% !important;
padding: 10px 20px !important;
font-size: 16px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
color: #2b2b2b !important;
text-decoration: none !important;
white-space: normal !important;
transition: all 0.18s ease !important;
}
.tvcmsmegamenu .sub-menu li a:hover,
.tvcmsmegamenu .dropdown-menu li a:hover,
.tvcmsdesktop-top-menu .sub-menu li a:hover,
.tvcmsdesktop-top-menu .dropdown-menu li a:hover,
#_desktop_top_menu .sub-menu li a:hover,
#_desktop_top_menu .dropdown-menu li a:hover {
background: #faf7f2 !important;
color: #b89563 !important;
padding-left: 24px !important;
}
.tvcmsmegamenu .sub-menu .row,
.tvcmsmegamenu .dropdown-menu .row,
.tvcmsdesktop-top-menu .sub-menu .row,
.tvcmsdesktop-top-menu .dropdown-menu .row,
#_desktop_top_menu .sub-menu .row,
#_desktop_top_menu .dropdown-menu .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.tvcmsmegamenu .sub-menu [class*="col-"],
.tvcmsmegamenu .dropdown-menu [class*="col-"],
.tvcmsdesktop-top-menu .sub-menu [class*="col-"],
.tvcmsdesktop-top-menu .dropdown-menu [class*="col-"],
#_desktop_top_menu .sub-menu [class*="col-"],
#_desktop_top_menu .dropdown-menu [class*="col-"] {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (max-width: 1399px) {
.tvcmsmegamenu .menu > li > a,
.tvcmsdesktop-top-menu .menu > li > a,
#_desktop_top_menu .menu > li > a {
font-size: 14px !important;
padding: 18px 8px 15px !important;
}
}
@media (max-width: 1199px) {
.tvcmsmegamenu .sub-menu,
.tvcmsmegamenu .dropdown-menu,
.tvcmsdesktop-top-menu .sub-menu,
.tvcmsdesktop-top-menu .dropdown-menu,
#_desktop_top_menu .sub-menu,
#_desktop_top_menu .dropdown-menu {
min-width: 300px !important;
width: 300px !important;
}
.tvcmsmegamenu .menu-garnki .sub-menu,
.tvcmsmegamenu .menu-garnki .dropdown-menu,
.tvcmsdesktop-top-menu .menu-garnki .sub-menu,
.tvcmsdesktop-top-menu .menu-garnki .dropdown-menu,
#_desktop_top_menu .menu-garnki .sub-menu,
#_desktop_top_menu .menu-garnki .dropdown-menu {
min-width: 320px !important;
width: 320px !important;
}
}
/* =========================================================
EMALIA RYBNIK - MOBILE MENU FINAL
Zostaw tylko ten jeden blok dla menu mobile
========================================================= */
@media (max-width: 991px) {
/* panel */
.tvmobile-slidebar,
.tvmobile-slidebar.open {
width: 300px !important;
max-width: 88vw !important;
background: #ffffff !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
/* wrapper */
#tvmobile-megamenu,
#tvmobile-megamenu .container_tv_megamenu,
#tvmobile-megamenu #tv-menu-horizontal {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #ffffff !important;
}
/* lista */
#tv-menu-horizontal ul.menu-content {
position: relative !important;
margin: 0 !important;
padding: 54px 0 10px !important;
list-style: none !important;
background: #ffffff !important;
}
#tv-menu-horizontal ul.menu-content > li {
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid #f2eee8 !important;
}
#tv-menu-horizontal ul.menu-content > li:last-child {
border-bottom: 1px solid #f2eee8 !important;
}
/* czarna belka MENU */
#tv-menu-horizontal ul.menu-content > li.tvmega-menu-title {
position: absolute !important;
top: 0 !important;
left: 12px !important;
right: 4px !important;
width: auto !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 0 !important;
background: #111111 !important;
border: 0 !important;
overflow: hidden !important;
z-index: 80 !important;
display: block !important;
font-size: 0 !important;
color: transparent !important;
text-indent: -9999px !important;
}
#tv-menu-horizontal ul.menu-content > li.tvmega-menu-title > * {
display: none !important;
}
#tv-menu-horizontal ul.menu-content > li.tvmega-menu-title::before {
content: "☰ MENU" !important;
position: absolute !important;
left: 14px !important;
top: 0 !important;
height: 48px !important;
line-height: 48px !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #ffffff !important;
text-transform: uppercase !important;
letter-spacing: 0.02em !important;
white-space: nowrap !important;
text-indent: 0 !important;
}
/* X zamknięcia */
.tvmobile-slidebar > .tvmobile-dropdown-close,
.tvmobile-sidebarbar > .tvmobile-dropdown-close {
position: absolute !important;
top: 10px !important;
right: 8px !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
z-index: 999 !important;
}
.tvmobile-slidebar > .tvmobile-dropdown-close > a,
.tvmobile-sidebarbar > .tvmobile-dropdown-close > a {
position: relative !important;
display: block !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
text-decoration: none !important;
font-size: 0 !important;
text-indent: -9999px !important;
overflow: hidden !important;
}
.tvmobile-slidebar > .tvmobile-dropdown-close > a > i.material-icons,
.tvmobile-sidebarbar > .tvmobile-dropdown-close > a > i.material-icons {
display: none !important;
}
.tvmobile-slidebar > .tvmobile-dropdown-close > a::before,
.tvmobile-slidebar > .tvmobile-dropdown-close > a::after,
.tvmobile-sidebarbar > .tvmobile-dropdown-close > a::before,
.tvmobile-sidebarbar > .tvmobile-dropdown-close > a::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 18px !important;
height: 2.5px !important;
background: #ffffff !important;
border-radius: 2px !important;
}
.tvmobile-slidebar > .tvmobile-dropdown-close > a::before,
.tvmobile-sidebarbar > .tvmobile-dropdown-close > a::before {
transform: translate(-50%, -50%) rotate(45deg) !important;
}
.tvmobile-slidebar > .tvmobile-dropdown-close > a::after,
.tvmobile-sidebarbar > .tvmobile-dropdown-close > a::after {
transform: translate(-50%, -50%) rotate(-45deg) !important;
}
/* poziom 1 */
#tv-menu-horizontal ul.menu-content > li.level-1 {
position: relative !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 60px !important;
margin: 0 !important;
padding: 18px 62px 18px 18px !important;
text-decoration: none !important;
background: #ffffff !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > a span:first-child {
display: block !important;
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
color: #171717 !important;
text-transform: uppercase !important;
letter-spacing: 0.02em !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1:hover > a,
#tv-menu-horizontal ul.menu-content > li.level-1 > a:hover {
background: #fcfaf7 !important;
}
/* strzałka tylko dla górnego wiersza */
#tv-menu-horizontal ul.menu-content > li.level-1 > .icon-drop-mobile {
position: absolute !important;
top: 31px !important;
right: 2px !important;
left: auto !important;
bottom: auto !important;
width: 54px !important;
height: 54px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: translateY(-50%) !important;
border-radius: 8px !important;
background: transparent !important;
cursor: pointer !important;
z-index: 5 !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > .icon-drop-mobile::before,
#tv-menu-horizontal ul.menu-content > li.level-1 > .icon-drop-mobile::after {
position: absolute !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
transform: translate(-50%, -50%) !important;
transform-origin: center center !important;
font-size: 20px !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > .icon-drop-mobile.opened::before,
#tv-menu-horizontal ul.menu-content > li.level-1 > .icon-drop-mobile.opened::after {
top: 50% !important;
}
/* submenu */
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto {
position: relative !important;
margin: 0 !important;
padding: 8px 0 12px !important;
list-style: none !important;
background: #fcfaf7 !important;
border-top: 1px solid #f0ebe3 !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto::before {
content: "" !important;
position: absolute !important;
left: 18px !important;
top: 10px !important;
bottom: 10px !important;
width: 2px !important;
background: #eadfce !important;
border-radius: 10px !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto > li.level-2 {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto > li.level-2 + li.level-2 {
border-top: 1px solid #f3efe9 !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto > li.level-2 > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 50px !important;
margin: 0 !important;
padding: 13px 18px 13px 30px !important;
text-decoration: none !important;
background: transparent !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto > li.level-2 > a span {
display: block !important;
font-size: 15px !important;
line-height: 1.35 !important;
font-weight: 500 !important;
color: #343434 !important;
text-transform: none !important;
letter-spacing: 0 !important;
white-space: normal !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto > li.level-2 > a:hover {
background: #f8f3ec !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto > li.level-2 > a:hover span {
color: #b89563 !important;
}
}
@media (max-width: 575px) {
.tvmobile-slidebar,
.tvmobile-slidebar.open {
width: 300px !important;
max-width: 90vw !important;
}
.tvmobile-slidebar > .tvmobile-dropdown-close {
top: 13px !important;
right: 13px !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > a {
padding: 18px 60px 18px 16px !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > .icon-drop-mobile {
top: 31px !important;
right: 0 !important;
width: 54px !important;
height: 54px !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto::before {
left: 16px !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1 > ul.menu-dropdown.cat-drop-menu.tv-sub-auto > li.level-2 > a {
padding: 13px 16px 13px 28px !important;
}
}
/* =========================================================
KATEGORIA - PODKATEGORIE NAD OPISEM + OPIS ROZWIJANY
Działa na desktopie i mobile
========================================================= */
/* Główny box kategorii */
#js-product-list-header .block-category {
margin-bottom: 30px;
}
#js-product-list-header .block-category-inner {
display: flex;
flex-direction: column;
gap: 24px;
}
/* Tytuł kategorii */
#js-product-list-header .category-title {
margin: 0;
}
/* ---------------------------------------------------------
PODKATEGORIE
--------------------------------------------------------- */
.category-subcategories-wrap {
border-top: 1px solid #e9e9e9;
padding-top: 18px;
}
.category-subcategories-title {
margin: 0 0 18px;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
}
.subcategory-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 20px;
align-items: start;
}
.subcategory-item {
text-align: center;
}
.subcategory-image-link {
display: block;
text-decoration: none;
}
.subcategory-image {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 10px;
}
.subcategory-name {
display: inline-block;
text-decoration: none;
color: #222;
font-size: 16px;
line-height: 1.4;
}
.subcategory-name:hover {
text-decoration: none;
color: #000;
}
/* ---------------------------------------------------------
OPIS KATEGORII - ZWIJANY
--------------------------------------------------------- */
.category-description-wrap {
position: relative;
}
.category-description {
position: relative;
overflow: hidden;
color: #444;
line-height: 1.7;
}
/* 3 linie desktop */
.category-description.is-collapsed {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
max-height: none;
}
/* fade na końcu skrótu */
.category-description.is-collapsed::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 36px;
pointer-events: none;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 85%);
}
/* stan rozwinięty */
.category-description.is-expanded {
display: block;
overflow: visible;
}
.category-description.is-expanded::after {
display: none;
}
/* nagłówki w opisie */
.category-description h2,
.category-description h3,
.category-description h4 {
margin-top: 18px;
margin-bottom: 12px;
color: #111;
line-height: 1.2;
}
.category-description p:last-child {
margin-bottom: 0;
}
.category-description-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 12px;
padding: 0;
border: 0;
background: transparent;
color: #c9ab81;
font-weight: 700;
font-size: 15px;
line-height: 1.2;
cursor: pointer;
}
.category-description-toggle:hover,
.category-description-toggle:focus {
color: #a98a60;
text-decoration: none;
outline: none;
}
/* ukryj przycisk jeśli opis jest krótki */
.category-description-wrap.is-short .category-description-toggle {
display: none;
}
.category-description-wrap.is-short .category-description.is-collapsed::after {
display: none;
}
/* ---------------------------------------------------------
RESPONSYWNOŚĆ
--------------------------------------------------------- */
@media (max-width: 1199px) {
.subcategory-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 991px) {
.subcategory-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.category-subcategories-title {
font-size: 20px;
}
}
@media (max-width: 767px) {
/* 2 linie mobile */
.category-description.is-collapsed {
-webkit-line-clamp: 2;
line-clamp: 2;
}
.category-description.is-collapsed::after {
height: 28px;
}
.subcategory-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.subcategory-name {
font-size: 14px;
}
.category-subcategories-title {
margin-bottom: 14px;
font-size: 18px;
}
}
/* =========================================================
EMALIA RYBNIK - CZERWONA POZYCJA MENU "OKAZJE"
Desktop + mobile
Klasa pozycji menu: menu-promocje
========================================================= */
/* =========================
DESKTOP
========================= */
li.menu-promocje > a,
li.menu-promocje > a span,
li.menu-promocje .tvmenu-link,
li.menu-promocje .tvmenu-link span {
color: #d32f2f !important;
font-weight: 700 !important;
}
li.menu-promocje:hover > a,
li.menu-promocje:hover > a span,
li.menu-promocje .tvmenu-link:hover,
li.menu-promocje .tvmenu-link:hover span {
color: #b71c1c !important;
}
/* =========================
MOBILE - dokładny selektor szablonu
========================= */
@media (max-width: 991px) {
#tv-menu-horizontal ul.menu-content > li.level-1.menu-promocje > a > span:first-child {
color: #d32f2f !important;
font-weight: 700 !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1.menu-promocje:hover > a > span:first-child,
#tv-menu-horizontal ul.menu-content > li.level-1.menu-promocje > a:hover > span:first-child,
#tv-menu-horizontal ul.menu-content > li.level-1.menu-promocje.active > a > span:first-child,
#tv-menu-horizontal ul.menu-content > li.level-1.menu-promocje.current > a > span:first-child {
color: #b71c1c !important;
}
#tv-menu-horizontal ul.menu-content > li.level-1.menu-promocje > .icon-drop-mobile {
color: #d32f2f !important;
}
}
/* =========================================================
BRAK STANU - FINALNY UKŁAD
- bez licznika
- email / powiadom pod przyciskiem
- bez szarego paska
- bez Koszyk InPost
- tekst w przycisku bez CAPS LOCKA
========================================================= */
/* Ukryj szary pasek dostępności */
#product .emalia-product-availability,
.page-product .emalia-product-availability {
display: none !important;
}
/* Ukryj licznik przy braku stanu */
#product .product-add-to-cart:has(.add-to-cart.disabled) .product-quantity,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .product-quantity {
display: none !important;
}
/* Ukryj Koszyk InPost przy braku stanu */
#product .product-1:has(.add-to-cart.disabled) .emalia-inpost-banner,
.page-product .product-1:has(.add-to-cart.disabled) .emalia-inpost-banner {
display: none !important;
}
/* Ukryj pasek stock indicator */
#product .product-add-to-cart:has(.add-to-cart.disabled) .tv-product-page,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .tv-product-page {
display: none !important;
}
/* Główny wrapper */
#product .product-add-to-cart:has(.add-to-cart.disabled),
.page-product .product-add-to-cart:has(.add-to-cart.disabled) {
display: block !important;
}
/* 1. rząd: Brak w magazynie + compare */
#product .product-add-to-cart:has(.add-to-cart.disabled) .tvwishlist-compare-wrapper-page,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .tvwishlist-compare-wrapper-page {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 12px !important;
margin-bottom: 12px !important;
}
/* Przycisk Brak w magazynie */
#product .product-add-to-cart:has(.add-to-cart.disabled) .tvcart-btn-model,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .tvcart-btn-model {
flex: 0 0 auto !important;
margin: 0 !important;
}
#product .product-add-to-cart:has(.add-to-cart.disabled) .add-to-cart.disabled,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .add-to-cart.disabled {
min-height: 52px !important;
height: 52px !important;
padding: 0 24px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 1 !important;
text-transform: none !important;
}
#product .product-add-to-cart:has(.add-to-cart.disabled) .add-to-cart.disabled span,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .add-to-cart.disabled span {
text-transform: none !important;
}
/* Compare */
#product .product-add-to-cart:has(.add-to-cart.disabled) .tvproduct-wishlist-compare,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .tvproduct-wishlist-compare {
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
/* 2. rząd: email / powiadom / komunikat */
#product .product-add-to-cart:has(.add-to-cart.disabled) .tvproduct-stock-social,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .tvproduct-stock-social {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 420px !important;
margin-top: 8px !important;
display: block !important;
}
#product .product-add-to-cart:has(.add-to-cart.disabled) .product-additional-info,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .product-additional-info,
#product .product-add-to-cart:has(.add-to-cart.disabled) .product-additional-info .tabs,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .product-additional-info .tabs,
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert {
display: block !important;
width: 100% !important;
max-width: 420px !important;
margin: 0 !important;
text-align: left !important;
}
/* Input email */
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert input.form-control,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert input.form-control {
display: block !important;
width: 100% !important;
max-width: 420px !important;
min-height: 52px !important;
height: 52px !important;
margin: 0 0 10px 0 !important;
box-sizing: border-box !important;
}
/* Przycisk powiadom */
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-add,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-add {
display: block !important;
width: 100% !important;
max-width: 420px !important;
min-height: 52px !important;
height: 52px !important;
margin: 0 !important;
padding: 0 18px !important;
box-sizing: border-box !important;
text-transform: none !important;
white-space: normal !important;
line-height: 1.3 !important;
}
/* Komunikat sukcesu */
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts {
display: block !important;
width: 100% !important;
max-width: 420px !important;
margin: 0 !important;
}
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts .alert-success,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts .alert-success {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 420px !important;
min-height: 52px !important;
margin: 0 !important;
padding: 0 18px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
color: #222 !important;
box-shadow: none !important;
box-sizing: border-box !important;
white-space: normal !important;
line-height: 1.35 !important;
}
/* Mobile */
@media (max-width: 767px) {
#product .product-add-to-cart:has(.add-to-cart.disabled) .tvwishlist-compare-wrapper-page,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .tvwishlist-compare-wrapper-page {
gap: 8px !important;
margin-bottom: 10px !important;
}
#product .product-add-to-cart:has(.add-to-cart.disabled) .add-to-cart.disabled,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .add-to-cart.disabled {
min-height: 42px !important;
height: 42px !important;
padding: 0 14px !important;
font-size: 13px !important;
}
#product .product-add-to-cart:has(.add-to-cart.disabled) .tvproduct-wishlist-compare,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .tvproduct-wishlist-compare {
height: 42px !important;
}
#product .product-add-to-cart:has(.add-to-cart.disabled) .tvproduct-stock-social,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .tvproduct-stock-social,
#product .product-add-to-cart:has(.add-to-cart.disabled) .product-additional-info,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .product-additional-info,
#product .product-add-to-cart:has(.add-to-cart.disabled) .product-additional-info .tabs,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .product-additional-info .tabs,
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert,
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert input.form-control,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert input.form-control,
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-add,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-add,
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts,
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts .alert-success,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts .alert-success {
width: 100% !important;
max-width: 100% !important;
}
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert input.form-control,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert input.form-control,
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-add,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-add,
#product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts .alert-success,
.page-product .product-add-to-cart:has(.add-to-cart.disabled) .js-mailalert-alerts .alert-success {
min-height: 42px !important;
height: auto !important;
padding: 10px 12px !important;
}
}
/* =========================================================
EMALIA RYBNIK - STOPKA MOBILE
Poprawka: blokada przeskakiwania widoku przy końcu strony
oraz pełna widoczność menu stopki na telefonie
========================================================= */
@media (max-width: 767px) {
/* Pozwala stronie normalnie kończyć scroll bez "doskoku" */
html,
body {
height: auto !important;
min-height: 100% !important;
overflow-x: hidden !important;
overflow-y: auto !important;
scroll-behavior: auto !important;
overscroll-behavior-y: auto !important;
}
/* Wyłącza ewentualne automatyczne przyciąganie sekcji */
body,
#page,
.tvfooter-store-link,
.footer-container,
footer,
#footer {
scroll-snap-type: none !important;
scroll-snap-align: none !important;
}
/* Stopka nie może mieć przyciętej wysokości */
footer,
#footer,
.footer-container,
.tvfooter-store-link,
.tvfooter-product-box-layout {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
/* Newsletter w stopce bez wymuszonego centrowania/przeskoku */
.tvnewsletter-block,
.tvfooter-newsletter,
.block_newsletter {
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
/* Dodatkowy odstęp na dole, żeby ostatnie elementy nie chowały się pod paskiem telefonu */
footer,
#footer {
padding-bottom: 28px !important;
}
/* Pola newslettera nie powinny wymuszać fokusu / przesunięcia layoutu */
.block_newsletter input,
.tvnewsletter-block input,
.tvfooter-newsletter input {
scroll-margin-top: 0 !important;
scroll-margin-bottom: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - FOOTER MOBILE
Poprawka: pełna widoczność stopki i brak przeskakiwania
========================================================= */
@media (max-width: 767px) {
html,
body {
height: auto !important;
min-height: 100% !important;
overflow-x: hidden !important;
overflow-y: auto !important;
scroll-behavior: auto !important;
overscroll-behavior-y: auto !important;
}
body,
#page,
footer,
#footer,
.footer-container,
.er-footer-container,
.er-footer-newsletter,
.er-footer-main,
.er-footer-bottom {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
scroll-snap-type: none !important;
scroll-snap-align: none !important;
}
.er-footer-container {
position: relative !important;
padding-bottom: 28px !important;
}
.er-footer-newsletter,
.tvcms-newsletter-wrapper,
.tvcms-newsletter-inner,
.block_newsletter,
.tvnewsletter-block {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
}
.er-footer-main {
display: block !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
.er-footer-row {
display: block !important;
}
.er-footer-col {
width: 100% !important;
max-width: 100% !important;
float: none !important;
}
.er-footer-accordion {
display: block !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
.er-footer-accordion summary {
cursor: pointer;
}
.er-footer-bottom {
position: relative !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
margin-top: 16px !important;
}
.er-footer-copy {
margin-bottom: 0 !important;
line-height: 1.4 !important;
}
}
/* =========================================================
EMALIA RYBNIK - KOTWICA NEWSLETTERA
Osobna kotwica dla linku z karty produktu.
Nie używamy #footer, bo na mobile powoduje odbijanie stopki.
========================================================= */
.er-newsletter-anchor {
display: block;
position: relative;
top: -90px;
height: 0;
visibility: hidden;
}
@media (max-width: 767px) {
.er-newsletter-anchor {
top: -70px;
}
}
/* =========================================================
EMALIA RYBNIK - KARTA PRODUKTU
Tylko wartości cech - małe litery / bez wymuszania capitalize
========================================================= */
/* Cechy produktu - bez wymuszania wielkich liter */
#product .product-features .data-sheet .name,
#product .product-features .data-sheet .value,
#product #product-details .product-features .data-sheet .name,
#product #product-details .product-features .data-sheet .value,
.page-product .product-features .data-sheet .name,
.page-product .product-features .data-sheet .value,
.page-product #product-details .product-features .data-sheet .name,
.page-product #product-details .product-features .data-sheet .value {
text-transform: none !important;
}
/* =========================================================
EMALIA RYBNIK - KARTA PRODUKTU
Ukryj "Napisz swoją opinię" na produkcie - desktop i mobile
========================================================= */
/* Ukryj "Napisz swoją opinię" na stronie produktu */
#product .tvproduct-size-custom,
#product .tvproduct-size-custom .open-comment-form,
#product .tvproduct-size-custom .open-comment-form span,
.page-product .tvproduct-size-custom,
.page-product .tvproduct-size-custom .open-comment-form,
.page-product .tvproduct-size-custom .open-comment-form span {
display: none !important;
}
/* =========================================================
EMALIA RYBNIK - KARTA PRODUKTU
Tymczasowe ukrycie banera InPost na karcie produktu
========================================================= */
#product .emalia-inpost-banner,
.page-product .emalia-inpost-banner {
display: none !important;
}
/* =========================================================
EMALIA RYBNIK - KARTA PRODUKTU
Tymczasowe ukrycie linku "Odbierz rabat na zakupy"
========================================================= */
#product .emalia-product-link-newsletter,
.page-product .emalia-product-link-newsletter {
display: none !important;
}
/* =========================================================
EMALIA RYBNIK - KOSZYK MOBILE
Kolejność na mobile:
1. Produkty
2. Podsumowanie + Przejdź do kasy
3. Kontynuuj zakupy
PS 8.2.5 / ThemeVolty
========================================================= */
@media (max-width: 767px) {
/* Główny kontener koszyka */
body#cart .cart-grid {
display: flex !important;
flex-direction: column !important;
}
/*
Rozbicie lewej kolumny, żeby jej dzieci:
- karta produktów
- przycisk Kontynuuj zakupy
mogły dostać własną kolejność względem prawej kolumny
*/
body#cart .cart-grid-body {
display: contents !important;
}
/* Karta z produktami */
body#cart .cart-grid-body > .cart-container,
body#cart .cart-grid-body > .card.cart-container {
order: 1 !important;
width: 100% !important;
}
/* Podsumowanie koszyka z przyciskiem "Przejdź do kasy" */
body#cart .cart-grid-right {
order: 2 !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin-top: 18px !important;
margin-bottom: 0 !important;
}
/* Przycisk "Kontynuuj zakupy" - musi być PO podsumowaniu */
body#cart .cart-grid-body > .tv-continue-shopping-btn,
body#cart .tv-continue-shopping-btn {
order: 3 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 260px !important;
max-width: 260px !important;
height: 44px !important;
min-height: 44px !important;
margin: 14px auto 0 auto !important;
padding: 0 18px !important;
background: #dec49f !important;
border: 0 !important;
border-radius: 3px !important;
color: #000 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-align: center !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body#cart .tv-continue-shopping-btn i {
margin-right: 6px !important;
font-size: 18px !important;
line-height: 1 !important;
}
/* Kontener przycisku "Przejdź do kasy" */
body#cart .checkout.cart-detailed-actions,
body#cart .cart-detailed-actions {
display: flex !important;
justify-content: center !important;
width: 100% !important;
margin: 0 !important;
}
body#cart .checkout.cart-detailed-actions .text-sm-center,
body#cart .cart-detailed-actions .text-sm-center {
display: flex !important;
justify-content: center !important;
width: 100% !important;
}
/* Przycisk "Przejdź do kasy" */
body#cart .tvprocess-to-checkout {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 260px !important;
max-width: 260px !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 auto !important;
padding: 0 18px !important;
background: #dec49f !important;
border: 0 !important;
border-radius: 3px !important;
color: #000 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-align: center !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body#cart .tvprocess-to-checkout i {
margin-left: 6px !important;
font-size: 18px !important;
line-height: 1 !important;
}
/* Porządkowanie odstępów */
body#cart .cart-summary {
margin-bottom: 0 !important;
}
body#cart .cart-grid-right .card {
margin-bottom: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - HEADER / MENU / SLIDER / WYSZUKIWARKA
PrestaShop 8.2.5 + ThemeVolty v1_ceramic_42
Cel:
- desktop: logo + wyszukiwarka + ikony w 1. wierszu
- desktop: menu w jednej linii w 2. wierszu
- strzałki tylko przy pozycjach z realnym podmenu
- slider widoczny pod nagłówkiem
- wyniki wyszukiwania jako prosta lista produktów desktop + mobile
========================================================= */
/* =========================================================
2. DESKTOP - HEADER 2 WIERSZE
========================================================= */
@media (min-width: 992px) {
.tvcmsdesktop-top-second.hidden-md-down,
.tvcmsdesktop-top-second {
display: block !important;
position: relative !important;
z-index: 30 !important;
width: 100% !important;
min-height: 0 !important;
padding: 18px 0 10px !important;
background: #ffffff !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
box-shadow: none !important;
overflow: visible !important;
}
.tvcmsdesktop-top-second > .container {
max-width: 1320px !important;
width: 100% !important;
padding-left: 35px !important;
padding-right: 35px !important;
}
.tvcmsdesktop-top-header-box {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
/* Logo */
.tvcms-header-logo-wrapper {
order: 1 !important;
flex: 0 0 145px !important;
max-width: 145px !important;
width: 145px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
z-index: 5 !important;
}
.tvcms-header-logo,
#tvcmsdesktop-logo,
#tvcmsdesktop-logo .tv-header-logo,
#tvcmsdesktop-logo .tv-header-logo a,
.tv-header-logo {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
#tvcmsdesktop-logo img.logo,
.tv-header-logo img.logo {
display: block !important;
width: 112px !important;
max-width: 112px !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
/* Prawa część: wyszukiwarka + porównanie + koszyk */
.tvcmsheader-nav-right {
order: 2 !important;
flex: 1 1 calc(100% - 145px) !important;
max-width: calc(100% - 145px) !important;
width: calc(100% - 145px) !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 18px !important;
position: relative !important;
z-index: 60 !important;
overflow: visible !important;
}
#_desktop_search {
order: 1 !important;
flex: 0 1 500px !important;
width: 500px !important;
max-width: 500px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
z-index: 90 !important;
}
.tvcmssearch-wrapper {
display: block !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
.search-widget.tvcmsheader-search,
.tvsearch-top-wrapper,
.tvsearch-header-display-wrappper {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
left: auto !important;
right: auto !important;
top: auto !important;
overflow: visible !important;
}
.tvsearch-header-display-wrappper form,
.tvcmsheader-search.search-widget form {
position: relative !important;
width: 100% !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 28px !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
}
.tvheader-top-search,
.tvheader-top-search-wrapper-info-box {
width: 100% !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
}
.tvcmssearch-words,
.tvcmsheader-search.search-widget form input[type="text"] {
width: 100% !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 58px 0 24px !important;
border: 1px solid #dedede !important;
border-radius: 28px !important;
background: #fff !important;
color: #222 !important;
font-size: 15px !important;
line-height: 50px !important;
font-style: italic !important;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08) !important;
outline: none !important;
}
.tvcmssearch-words:focus,
.tvcmsheader-search.search-widget form input[type="text"]:focus {
border-color: #d8bf9d !important;
box-shadow: 0 8px 24px rgba(216, 191, 157, 0.26) !important;
}
.tvheader-top-search-wrapper {
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 54px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2 !important;
background: transparent !important;
}
.tvheader-search-btn,
.tvcmsheader-search.search-widget form button[type="submit"] {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #111 !important;
box-shadow: none !important;
}
.tvheader-search-btn i,
.tvcmsheader-search.search-widget form button[type="submit"] i {
font-size: 26px !important;
line-height: 1 !important;
color: #111 !important;
}
.tvheader-compare,
.ttvcms-wishlist-icon,
.tv-contact-account-cart-wrapper,
.tvcms-header-cart,
.tvheader-cart-wrapper {
order: initial !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
z-index: 50 !important;
}
.tvheader-compare {
order: 2 !important;
}
.tv-contact-account-cart-wrapper {
order: 3 !important;
}
.tvdesktop-view-compare-name,
.tv-cart-cart-inner + span,
.tvcart-lable {
display: none !important;
}
.tvdesktop-compare-icon i {
font-size: 24px !important;
color: #000 !important;
line-height: 1 !important;
}
.tv-header-cart .tv-cart-icon {
margin: 0 !important;
}
.tv-cart-icon-main svg {
width: 36px !important;
height: 36px !important;
}
.tv-cart-cart-inner {
left: 16px !important;
top: -8px !important;
}
/* Menu w drugim wierszu */
.tvcms-header-menu-offer-wrapper {
order: 3 !important;
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
margin: 8px 0 0 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
z-index: 40 !important;
overflow: visible !important;
}
.tvcms-header-menu,
.tvcmsmain-menu-wrapper,
#tvdesktop-megamenu,
.container_tv_megamenu,
#tv-menu-horizontal {
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
background: transparent !important;
overflow: visible !important;
}
#tv-menu-horizontal .menu-content {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: nowrap !important;
gap: 26px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
background: transparent !important;
}
#tv-menu-horizontal .menu-content > li.tvmega-menu-title {
display: none !important;
}
#tv-menu-horizontal .menu-content > li.level-1 {
position: relative !important;
display: flex !important;
align-items: center !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
white-space: nowrap !important;
}
#tv-menu-horizontal .menu-content > li.level-1 > a {
display: flex !important;
align-items: center !important;
height: 36px !important;
margin: 0 !important;
padding: 0 !important;
color: #111111 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
text-decoration: none !important;
background: transparent !important;
}
#tv-menu-horizontal .menu-content > li.level-1 > a span {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
#tv-menu-horizontal .menu-content > li.level-1:hover > a,
#tv-menu-horizontal .menu-content > li.level-1 > a:hover {
color: #c5a582 !important;
}
#tv-menu-horizontal .menu-content > li.menu-promocje > a,
#tv-menu-horizontal .menu-content > li.menu-promocje > a span {
color: #e23232 !important;
}
#tv-menu-horizontal .menu-content > li.menu-promocje:hover > a,
#tv-menu-horizontal .menu-content > li.menu-promocje:hover > a span {
color: #c92121 !important;
}
/* Ukrycie domyślnych strzałek ThemeVolty */
#tv-menu-horizontal .menu-content > li > .icon-drop-mobile {
display: none !important;
}
/* Strzałka tylko przy pozycjach z realnym podmenu */
#tv-menu-horizontal .menu-content > li.level-1.parent > a::after {
content: "⌄" !important;
display: inline-block !important;
margin-left: 6px !important;
font-size: 13px !important;
line-height: 1 !important;
color: currentColor !important;
}
#tv-menu-horizontal .menu-content > li.level-1:not(.parent) > a::after {
content: none !important;
display: none !important;
}
/* Dropdown menu */
#tv-menu-horizontal .menu-dropdown {
position: absolute !important;
top: 100% !important;
left: 50% !important;
transform: translateX(-50%) !important;
display: none !important;
min-width: 240px !important;
margin: 0 !important;
padding: 16px 0 !important;
background: #ffffff !important;
border: 0 !important;
border-radius: 0 0 8px 8px !important;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.13) !important;
z-index: 9999 !important;
}
#tv-menu-horizontal .menu-content > li.level-1:hover > .menu-dropdown {
display: block !important;
}
#tv-menu-horizontal .menu-dropdown li,
#tv-menu-horizontal .menu-dropdown li.level-2 {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
#tv-menu-horizontal .menu-dropdown li > a {
display: block !important;
padding: 10px 22px !important;
color: #222 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
text-transform: none !important;
text-align: left !important;
white-space: nowrap !important;
background: transparent !important;
}
#tv-menu-horizontal .menu-dropdown li > a:hover {
color: #c5a582 !important;
background: #faf7f2 !important;
}
/* Slider bez odstępu pod headerem */
.tvcmsmain-slider-wrapper {
clear: both !important;
margin-top: 0 !important;
}
}
/* =========================================================
3. DESKTOP - MNIEJSZE SZEROKOŚCI
========================================================= */
@media (min-width: 992px) and (max-width: 1280px) {
.tvcmsdesktop-top-second > .container {
padding-left: 24px !important;
padding-right: 24px !important;
}
#_desktop_search {
flex-basis: 430px !important;
width: 430px !important;
max-width: 430px !important;
}
#tv-menu-horizontal .menu-content {
gap: 19px !important;
}
#tv-menu-horizontal .menu-content > li.level-1 > a {
font-size: 13px !important;
}
}
@media (min-width: 992px) and (max-width: 1120px) {
#_desktop_search {
flex-basis: 360px !important;
width: 360px !important;
max-width: 360px !important;
}
#tv-menu-horizontal .menu-content {
gap: 14px !important;
}
}
/* =========================================================
EMALIA RYBNIK - WYSZUKIWARKA / FINAL CLEAN
PS 8.2.5 + ThemeVolty v1_ceramic_42
Desktop + mobile: jedno źródło stylu pola, lupki i wyników AJAX
========================================================= */
#_desktop_search,
#tvcmsmobile-search,
#_desktop_search .search-widget,
#tvcmsmobile-search .search-widget,
#_desktop_search .tvsearch-top-wrapper,
#tvcmsmobile-search .tvsearch-top-wrapper,
#_desktop_search .tvsearch-header-display-wrappper,
#tvcmsmobile-search .tvsearch-header-display-wrappper {
position: relative !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
box-shadow: none !important;
}
#_desktop_search .tvheader-sarch-display,
#_desktop_search .tvheader-search-display-icon,
#_desktop_search .tvsearch-open,
#_desktop_search .tvsearch-close,
#tvcmsmobile-search .tvheader-sarch-display,
#tvcmsmobile-search .tvheader-search-display-icon,
#tvcmsmobile-search .tvsearch-open,
#tvcmsmobile-search .tvsearch-close {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
#_desktop_search form,
#tvcmsmobile-search form {
position: relative !important;
display: block !important;
width: 100% !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 28px !important;
background: transparent !important;
overflow: visible !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
#_desktop_search .tvheader-top-search,
#_desktop_search .tvheader-top-search-wrapper-info-box,
#tvcmsmobile-search .tvheader-top-search,
#tvcmsmobile-search .tvheader-top-search-wrapper-info-box {
position: relative !important;
display: block !important;
width: 100% !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
#_desktop_search input.tvcmssearch-words,
#_desktop_search input[type="text"].tvcmssearch-words,
#tvcmsmobile-search input.tvcmssearch-words,
#tvcmsmobile-search input[type="text"].tvcmssearch-words,
#tvcmsmobile-search input[name="s"] {
display: block !important;
width: 100% !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 58px 0 24px !important;
border: 1px solid #dedede !important;
border-radius: 28px !important;
background: #ffffff !important;
color: #222222 !important;
font-size: 15px !important;
font-style: italic !important;
line-height: 50px !important;
outline: none !important;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08) !important;
appearance: none !important;
-webkit-appearance: none !important;
box-sizing: border-box !important;
}
#_desktop_search input.tvcmssearch-words::placeholder,
#tvcmsmobile-search input.tvcmssearch-words::placeholder {
color: #999999 !important;
opacity: 1 !important;
font-style: italic !important;
}
#_desktop_search input.tvcmssearch-words:focus,
#tvcmsmobile-search input.tvcmssearch-words:focus {
border-color: #d8bf9d !important;
box-shadow: 0 8px 24px rgba(216, 191, 157, 0.22) !important;
}
#_desktop_search .tvheader-top-search-wrapper,
#tvcmsmobile-search .tvheader-top-search-wrapper {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
min-width: 54px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
z-index: 5 !important;
}
#_desktop_search .tvheader-search-btn,
#_desktop_search button[type="submit"],
#tvcmsmobile-search .tvheader-search-btn,
#tvcmsmobile-search button[type="submit"] {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
min-width: 54px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
color: #000000 !important;
cursor: pointer !important;
}
#_desktop_search .tvheader-search-btn i,
#_desktop_search button[type="submit"] i,
#tvcmsmobile-search .tvheader-search-btn i,
#tvcmsmobile-search button[type="submit"] i {
position: static !important;
display: block !important;
width: 54px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 27px !important;
line-height: 50px !important;
text-align: center !important;
}
#_desktop_search form::before,
#_desktop_search form::after,
#_desktop_search .tvsearch-header-display-wrappper::before,
#_desktop_search .tvsearch-header-display-wrappper::after,
#_desktop_search .tvheader-top-search::before,
#_desktop_search .tvheader-top-search::after,
#_desktop_search .tvheader-top-search-wrapper-info-box::before,
#_desktop_search .tvheader-top-search-wrapper-info-box::after,
#tvcmsmobile-search form::before,
#tvcmsmobile-search form::after,
#tvcmsmobile-search .tvsearch-header-display-wrappper::before,
#tvcmsmobile-search .tvsearch-header-display-wrappper::after,
#tvcmsmobile-search .tvheader-top-search::before,
#tvcmsmobile-search .tvheader-top-search::after,
#tvcmsmobile-search .tvheader-top-search-wrapper-info-box::before,
#tvcmsmobile-search .tvheader-top-search-wrapper-info-box::after {
display: none !important;
content: none !important;
}
@media (min-width: 992px) {
.tvcmsdesktop-top-second #_desktop_search,
#_desktop_search.tvcmssearch-wrapper {
width: 430px !important;
min-width: 430px !important;
max-width: 430px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
}
@media (max-width: 991px) {
.tvcmsmobile-header-search-logo-wrapper,
.tvcmsmobile-header-search {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
background: #ffffff !important;
box-sizing: border-box !important;
}
.tvcmsmobile-header-search {
padding: 0 16px 16px !important;
}
#tvcmsmobile-search {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
}
#tvcmsmobile-search form,
#tvcmsmobile-search .tvheader-top-search,
#tvcmsmobile-search .tvheader-top-search-wrapper-info-box,
#tvcmsmobile-search input.tvcmssearch-words {
height: 50px !important;
min-height: 50px !important;
}
#tvcmsmobile-search input.tvcmssearch-words {
padding-left: 20px !important;
padding-right: 58px !important;
border-radius: 28px !important;
}
}
#_desktop_search .tvsearch-result,
#tvcmsmobile-search .tvsearch-result {
position: absolute !important;
top: calc(100% + 8px) !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
z-index: 99999 !important;
}
#_desktop_search .tvcmssearch-dropdown,
#tvcmsmobile-search .tvcmssearch-dropdown {
width: 100% !important;
max-height: 70vh !important;
overflow-y: auto !important;
padding: 12px !important;
background: #ffffff !important;
border: 1px solid #e6e6e6 !important;
border-radius: 14px !important;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.15) !important;
}
@media (min-width: 992px) {
#_desktop_search .tvsearch-result {
width: 650px !important;
min-width: 650px !important;
max-width: 650px !important;
left: 0 !important;
right: auto !important;
}
}
/* =========================================================
EMALIA RYBNIK - SEARCH / MENU / SLIDER FINAL PATCH
PS 8.2.5 + ThemeVolty v1_ceramic_42
========================================================= */
/* Desktop: logo trochę niżej */
@media (min-width: 992px) {
.tv-header-logo,
.tv-header-logo a {
padding-top: 8px !important;
}
.tv-header-logo img {
margin-top: 8px !important;
}
/* Desktop: usuń strzałki przy menu z podmenu */
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper i,
#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .tvmenu-toggle-icon,
.tvcms-header-menu .tv-header-menu > li > .tvmenu-link-wrapper i {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
}
/* Desktop + mobile: poprawka pola wyszukiwania */
#_desktop_search form,
#tvcmsmobile-search form {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #d8bf9d !important;
border-radius: 28px !important;
background: #ffffff !important;
overflow: hidden !important;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08) !important;
box-sizing: border-box !important;
}
#_desktop_search .tvheader-top-search,
#_desktop_search .tvheader-top-search-wrapper-info-box,
#tvcmsmobile-search .tvheader-top-search,
#tvcmsmobile-search .tvheader-top-search-wrapper-info-box {
position: relative !important;
display: flex !important;
align-items: center !important;
flex: 1 1 auto !important;
width: 100% !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
#_desktop_search input.tvcmssearch-words,
#_desktop_search input[type="text"].tvcmssearch-words,
#tvcmsmobile-search input.tvcmssearch-words,
#tvcmsmobile-search input[type="text"].tvcmssearch-words,
#tvcmsmobile-search input[name="s"] {
display: block !important;
width: 100% !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 58px 0 20px !important;
border: 0 !important;
border-radius: 28px !important;
background: transparent !important;
color: #222222 !important;
font-size: 15px !important;
font-style: italic !important;
line-height: 50px !important;
outline: none !important;
box-shadow: none !important;
appearance: none !important;
-webkit-appearance: none !important;
box-sizing: border-box !important;
}
#_desktop_search .tvheader-top-search-wrapper,
#tvcmsmobile-search .tvheader-top-search-wrapper {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
min-width: 54px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
z-index: 5 !important;
}
#_desktop_search .tvheader-search-btn,
#_desktop_search button[type="submit"],
#tvcmsmobile-search .tvheader-search-btn,
#tvcmsmobile-search button[type="submit"] {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
min-width: 54px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #000000 !important;
cursor: pointer !important;
}
#_desktop_search .tvheader-search-btn i,
#_desktop_search button[type="submit"] i,
#tvcmsmobile-search .tvheader-search-btn i,
#tvcmsmobile-search button[type="submit"] i {
position: static !important;
display: block !important;
width: 54px !important;
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 27px !important;
line-height: 50px !important;
text-align: center !important;
}
/* Desktop + mobile: dropdown wyszukiwarki - pełne nazwy i lepszy układ */
#_desktop_search .tvcmssearch-dropdown,
#tvcmsmobile-search .tvcmssearch-dropdown {
padding: 12px !important;
}
#_desktop_search .tvsearch-dropdown-wrapper,
#tvcmsmobile-search .tvsearch-dropdown-wrapper {
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
width: 100% !important;
min-height: 112px !important;
height: auto !important;
padding: 14px !important;
margin: 0 0 12px 0 !important;
border: 1px solid #ececec !important;
box-sizing: border-box !important;
}
#_desktop_search .tvsearch-dropdown-wrapper:last-of-type,
#tvcmsmobile-search .tvsearch-dropdown-wrapper:last-of-type {
margin-bottom: 0 !important;
}
#_desktop_search .tvsearch-dropdown-img,
#tvcmsmobile-search .tvsearch-dropdown-img,
#_desktop_search .tvsearch-dropdown-image,
#tvcmsmobile-search .tvsearch-dropdown-image {
flex: 0 0 92px !important;
width: 92px !important;
max-width: 92px !important;
}
#_desktop_search .tvsearch-dropdown-img img,
#tvcmsmobile-search .tvsearch-dropdown-img img,
#_desktop_search .tvsearch-dropdown-image img,
#tvcmsmobile-search .tvsearch-dropdown-image img,
#_desktop_search .tvsearch-dropdown-wrapper img,
#tvcmsmobile-search .tvsearch-dropdown-wrapper img {
width: 92px !important;
height: 92px !important;
object-fit: contain !important;
}
#_desktop_search .tvsearch-dropdown-content-box,
#tvcmsmobile-search .tvsearch-dropdown-content-box {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
overflow: visible !important;
}
#_desktop_search .tvsearch-dropdown-title,
#_desktop_search .tvsearch-dropdown-title a,
#tvcmsmobile-search .tvsearch-dropdown-title,
#tvcmsmobile-search .tvsearch-dropdown-title a {
display: block !important;
width: 100% !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
word-break: break-word !important;
line-height: 1.35 !important;
max-height: none !important;
height: auto !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: initial !important;
}
#_desktop_search .tvsearch-dropdown-price,
#_desktop_search .price,
#tvcmsmobile-search .tvsearch-dropdown-price,
#tvcmsmobile-search .price {
margin-top: 8px !important;
display: block !important;
}
/* Desktop: dropdown nieco szerszy */
@media (min-width: 992px) {
#_desktop_search .tvsearch-result {
width: 720px !important;
min-width: 720px !important;
max-width: 720px !important;
}
}
/* Mobile: ukryj strzałki slidera + ustaw szukanie i wyniki */
@media (max-width: 991px) {
.tvmain-slider-next-pre-btn,
.tvcmsmain-slider-wrapper .owl-nav,
.tvcmsmain-slider-wrapper .tvmain-slider-next-pre-btn,
.tvcms-slider-offerbanner-wrapper .owl-nav,
.tvmain-slider-wrapper .owl-nav {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
#tvcmsmobile-search {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
}
#tvcmsmobile-search .tvcmssearch-dropdown {
max-height: 68vh !important;
}
#tvcmsmobile-search .tvsearch-dropdown-wrapper {
min-height: auto !important;
padding: 12px !important;
}
#tvcmsmobile-search .tvsearch-dropdown-img,
#tvcmsmobile-search .tvsearch-dropdown-image,
#tvcmsmobile-search .tvsearch-dropdown-wrapper img {
width: 82px !important;
max-width: 82px !important;
height: 82px !important;
object-fit: contain !important;
}
#tvcmsmobile-search .tvsearch-dropdown-title,
#tvcmsmobile-search .tvsearch-dropdown-title a {
font-size: 14px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL OVERRIDE 2026-04-29
Wklej NA SAM KONIEC custom.css
========================================================= */
/* -------------------------------
DESKTOP - LOGO / MENU
------------------------------- */
@media (min-width: 992px) {
/* logo niżej i trochę mniejsze */
.tvcmsdesktop-top-second .tv-header-logo,
.tvcmsdesktop-top-header-wrapper .tv-header-logo,
.header-1 .tv-header-logo {
padding-top: 12px !important;
padding-bottom: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.tvcmsdesktop-top-second .tv-header-logo img,
.tvcmsdesktop-top-header-wrapper .tv-header-logo img,
.header-1 .tv-header-logo img,
.tvcmsdesktop-top-second .tv-header-logo img.logo,
.tvcmsdesktop-top-header-wrapper .tv-header-logo img.logo,
.header-1 .tv-header-logo img.logo {
width: auto !important;
max-width: 110px !important;
max-height: 110px !important;
height: auto !important;
margin-top: 10px !important;
display: block !important;
}
.tvcmsdesktop-top-second .tvcmsdesktop-top-header-box,
.tvcmsdesktop-top-header-wrapper .tvcmsdesktop-top-header-box {
min-height: 150px !important;
align-items: center !important;
}
/* usuń strzałki / ikonki przy menu głównym */
#tvcmsdesktop-main-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper > i,
#tvcmsdesktop-main-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .material-icons,
#tvcmsdesktop-main-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .tvmenu-toggle-icon,
#tvcmsdesktop-main-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .tvmenu-icon,
#tvcmsdesktop-main-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .caret,
.tvcms-header-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper > i,
.tvcms-header-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .material-icons,
.tvcms-header-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .tvmenu-toggle-icon,
.tvcms-header-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .tvmenu-icon,
.tvcms-header-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .caret {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
font-size: 0 !important;
line-height: 0 !important;
}
}
/* -------------------------------
DESKTOP + MOBILE - WYNIKI WYSZUKIWANIA
przywrócenie poprawnego układu
------------------------------- */
#_desktop_search .tvsearch-dropdown-wrapper,
#tvcmsmobile-search .tvsearch-dropdown-wrapper,
#_mobile_search .tvsearch-dropdown-wrapper {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
float: none !important;
}
#_desktop_search .tvsearch-dropdown-wrapper > a,
#tvcmsmobile-search .tvsearch-dropdown-wrapper > a,
#_mobile_search .tvsearch-dropdown-wrapper > a {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) auto !important;
align-items: center !important;
column-gap: 10px !important;
width: 100% !important;
min-height: 64px !important;
padding: 8px 10px !important;
margin: 0 !important;
border: 0 !important;
border-bottom: 1px solid #eeeeee !important;
background: #ffffff !important;
color: #222222 !important;
text-decoration: none !important;
box-sizing: border-box !important;
}
#_desktop_search .tvsearch-dropdown-wrapper:last-child > a,
#tvcmsmobile-search .tvsearch-dropdown-wrapper:last-child > a,
#_mobile_search .tvsearch-dropdown-wrapper:last-child > a {
border-bottom: 0 !important;
}
#_desktop_search .tvsearch-dropdown-img-block,
#tvcmsmobile-search .tvsearch-dropdown-img-block,
#_mobile_search .tvsearch-dropdown-img-block {
width: 52px !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
background: transparent !important;
border: 0 !important;
}
#_desktop_search .tvsearch-dropdown-img-block img,
#tvcmsmobile-search .tvsearch-dropdown-img-block img,
#_mobile_search .tvsearch-dropdown-img-block img {
display: block !important;
width: 46px !important;
height: 46px !important;
max-width: 46px !important;
max-height: 46px !important;
object-fit: contain !important;
margin: 0 !important;
padding: 0 !important;
}
#_desktop_search .tvsearch-dropdown-content-box,
#tvcmsmobile-search .tvsearch-dropdown-content-box,
#_mobile_search .tvsearch-dropdown-content-box {
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
text-align: left !important;
}
#_desktop_search .tvsearch-dropdown-title,
#_desktop_search .tvsearch-dropdown-title a,
#tvcmsmobile-search .tvsearch-dropdown-title,
#tvcmsmobile-search .tvsearch-dropdown-title a,
#_mobile_search .tvsearch-dropdown-title,
#_mobile_search .tvsearch-dropdown-title a {
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: #222222 !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 400 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
#_desktop_search .tvsearch-dropdown-content-box .price,
#_desktop_search .product-price-and-shipping .price,
#tvcmsmobile-search .tvsearch-dropdown-content-box .price,
#tvcmsmobile-search .product-price-and-shipping .price,
#_mobile_search .tvsearch-dropdown-content-box .price,
#_mobile_search .product-price-and-shipping .price {
display: block !important;
margin: 0 !important;
padding: 0 !important;
color: #111111 !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
text-align: right !important;
white-space: nowrap !important;
}
#_desktop_search .product-price-and-shipping,
#tvcmsmobile-search .product-price-and-shipping,
#_mobile_search .product-price-and-shipping {
margin: 0 !important;
padding: 0 !important;
}
/* sam dropdown bardziej kompaktowy */
#_desktop_search .tvcmssearch-dropdown,
#tvcmsmobile-search .tvcmssearch-dropdown,
#_mobile_search .tvcmssearch-dropdown {
padding: 8px !important;
}
/* desktop */
@media (min-width: 992px) {
#_desktop_search .tvsearch-result {
width: 620px !important;
min-width: 620px !important;
max-width: 620px !important;
}
#_desktop_search .tvsearch-all-dropdown-wrapper {
max-height: 480px !important;
overflow-y: auto !important;
}
#_desktop_search .tvsearch-dropdown-wrapper > a {
grid-template-columns: 52px minmax(0, 1fr) auto !important;
min-height: 62px !important;
padding: 8px 10px !important;
}
#_desktop_search .tvsearch-dropdown-img-block {
width: 52px !important;
height: 52px !important;
}
#_desktop_search .tvsearch-dropdown-img-block img {
width: 46px !important;
height: 46px !important;
}
}
/* mobile */
@media (max-width: 991px) {
#tvcmsmobile-search .tvsearch-result,
#_mobile_search .tvsearch-result {
left: 0 !important;
right: 0 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
#tvcmsmobile-search .tvsearch-all-dropdown-wrapper,
#_mobile_search .tvsearch-all-dropdown-wrapper {
max-height: 60vh !important;
overflow-y: auto !important;
}
#tvcmsmobile-search .tvsearch-dropdown-wrapper > a,
#_mobile_search .tvsearch-dropdown-wrapper > a {
grid-template-columns: 42px minmax(0, 1fr) auto !important;
min-height: 52px !important;
padding: 6px 8px !important;
column-gap: 8px !important;
}
#tvcmsmobile-search .tvsearch-dropdown-img-block,
#_mobile_search .tvsearch-dropdown-img-block {
width: 42px !important;
height: 42px !important;
}
#tvcmsmobile-search .tvsearch-dropdown-img-block img,
#_mobile_search .tvsearch-dropdown-img-block img {
width: 36px !important;
height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
}
#tvcmsmobile-search .tvsearch-dropdown-title,
#tvcmsmobile-search .tvsearch-dropdown-title a,
#_mobile_search .tvsearch-dropdown-title,
#_mobile_search .tvsearch-dropdown-title a {
font-size: 12px !important;
}
#tvcmsmobile-search .tvsearch-dropdown-content-box .price,
#tvcmsmobile-search .product-price-and-shipping .price,
#_mobile_search .tvsearch-dropdown-content-box .price,
#_mobile_search .product-price-and-shipping .price {
font-size: 12px !important;
}
}
/* =========================================================
EMALIA RYBNIK - HEADER / SEARCH / CART FIX v4
PS 8.2.5 + ThemeVolty v1_ceramic_42
Wklej na sam koniec custom.css
========================================================= */
/* =========================================================
DESKTOP - LOGO NIŻEJ I MNIEJSZE
========================================================= */
@media (min-width: 992px) {
.tvcmsdesktop-top-second .tv-header-logo,
.tvcmsdesktop-top-header-wrapper .tv-header-logo,
#header .tv-header-logo {
padding-top: 22px !important;
padding-bottom: 8px !important;
overflow: visible !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.tvcmsdesktop-top-second .tv-header-logo img,
.tvcmsdesktop-top-header-wrapper .tv-header-logo img,
#header .tv-header-logo img,
#header .tv-header-logo img.logo {
width: auto !important;
height: auto !important;
max-width: 105px !important;
max-height: 105px !important;
margin-top: 14px !important;
display: block !important;
}
.tvcmsdesktop-top-second .tvcmsdesktop-top-header-box,
.tvcmsdesktop-top-header-wrapper .tvcmsdesktop-top-header-box {
min-height: 150px !important;
align-items: center !important;
}
}
/* =========================================================
DESKTOP - USUNIĘCIE STRZAŁEK PODMENU
========================================================= */
@media (min-width: 992px) {
#tvcmsdesktop-main-menu i,
#tvcmsdesktop-main-menu .material-icons,
#tvcmsdesktop-main-menu .tvmenu-toggle-icon,
#tvcmsdesktop-main-menu .tvmenu-icon,
#tvcmsdesktop-main-menu .caret,
#tvcmsdesktop-main-menu .fa,
#tvcmsdesktop-main-menu .fa-angle-down,
#tvcmsdesktop-main-menu .fa-chevron-down,
.tvcms-header-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper i,
.tvcms-header-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .material-icons,
.tvcms-header-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper .tvmenu-toggle-icon {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}
#tvcmsdesktop-main-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper a,
.tvcms-header-menu .tv-header-menu[data-depth="0"] > li > .tvmenu-link-wrapper a {
padding-right: 0 !important;
}
}
/* =========================================================
MOBILE - WYNIKI WYSZUKIWANIA
Nazwa zawijana, jeśli się nie mieści
========================================================= */
@media (max-width: 991px) {
#tvcmsmobile-search .tvsearch-dropdown-wrapper > a,
#_mobile_search .tvsearch-dropdown-wrapper > a {
display: grid !important;
grid-template-columns: 42px minmax(0, 1fr) !important;
align-items: center !important;
column-gap: 8px !important;
min-height: 56px !important;
padding: 6px 8px !important;
}
#tvcmsmobile-search .tvsearch-dropdown-img-block,
#_mobile_search .tvsearch-dropdown-img-block {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
}
#tvcmsmobile-search .tvsearch-dropdown-img-block img,
#_mobile_search .tvsearch-dropdown-img-block img {
width: 36px !important;
height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
object-fit: contain !important;
}
#tvcmsmobile-search .tvsearch-dropdown-content-box,
#_mobile_search .tvsearch-dropdown-content-box {
width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
#tvcmsmobile-search .tvsearch-dropdown-title,
#tvcmsmobile-search .tvsearch-dropdown-title a,
#_mobile_search .tvsearch-dropdown-title,
#_mobile_search .tvsearch-dropdown-title a {
display: block !important;
width: 100% !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
max-height: none !important;
height: auto !important;
font-size: 12px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
}
#tvcmsmobile-search .product-price-and-shipping,
#_mobile_search .product-price-and-shipping {
margin-top: 2px !important;
}
#tvcmsmobile-search .tvsearch-dropdown-content-box .price,
#tvcmsmobile-search .product-price-and-shipping .price,
#_mobile_search .tvsearch-dropdown-content-box .price,
#_mobile_search .product-price-and-shipping .price {
display: block !important;
text-align: left !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
}
/* =========================================================
DESKTOP - WYNIKI WYSZUKIWANIA KOMPAKTOWE
========================================================= */
@media (min-width: 992px) {
#_desktop_search .tvsearch-result {
width: 620px !important;
min-width: 620px !important;
max-width: 620px !important;
z-index: 99999 !important;
}
#_desktop_search .tvsearch-all-dropdown-wrapper {
max-height: 470px !important;
overflow-y: auto !important;
}
#_desktop_search .tvsearch-dropdown-wrapper > a {
display: grid !important;
grid-template-columns: 50px minmax(0, 1fr) auto !important;
align-items: center !important;
column-gap: 10px !important;
min-height: 58px !important;
padding: 7px 10px !important;
}
#_desktop_search .tvsearch-dropdown-img-block {
width: 50px !important;
height: 50px !important;
}
#_desktop_search .tvsearch-dropdown-img-block img {
width: 44px !important;
height: 44px !important;
max-width: 44px !important;
max-height: 44px !important;
object-fit: contain !important;
}
#_desktop_search .tvsearch-dropdown-title,
#_desktop_search .tvsearch-dropdown-title a {
display: block !important;
width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
}
#_desktop_search .tvsearch-dropdown-content-box .price,
#_desktop_search .product-price-and-shipping .price {
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
white-space: nowrap !important;
text-align: right !important;
}
}
/* =========================================================
KOSZYK DESKTOP - PANEL I KLIKALNOŚĆ
Naprawia sytuację, gdy panel wygląda jak wyszarzony
i nie można kliknąć „Wyświetl koszyk”
========================================================= */
.ttvcmscart-show-dropdown-right {
z-index: 10050 !important;
pointer-events: auto !important;
background: #ffffff !important;
opacity: 1 !important;
}
.ttvcmscart-show-dropdown-right * {
pointer-events: auto !important;
}
body.classicCartOpen .ttvcmscart-show-dropdown-right {
right: 0 !important;
visibility: visible !important;
opacity: 1 !important;
}
body.classicCartOpen .ttvcmscart-show-dropdown-right + .modal-backdrop-cart {
z-index: 1000 !important;
pointer-events: none !important;
background-color: rgba(0, 0, 0, 0.18) !important;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-btn-wrapper {
position: sticky !important;
bottom: 0 !important;
z-index: 20 !important;
display: flex !important;
width: 100% !important;
background: #ffffff !important;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-viewcart,
.ttvcmscart-show-dropdown-right .ttvcart-product-list-checkout {
width: 50% !important;
display: block !important;
float: none !important;
position: relative !important;
z-index: 21 !important;
}
.ttvcmscart-show-dropdown-right .ttvcart-product-list-viewcart a,
.ttvcmscart-show-dropdown-right .ttvcart-product-list-checkout a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 56px !important;
width: 100% !important;
pointer-events: auto !important;
cursor: pointer !important;
}
/* =========================================================
EMALIA RYBNIK - DESKTOP MENU: CAŁKOWITE UKRYCIE STRZAŁEK
ThemeVolty / tvcmsmegamenu
Działa na span.icon-drop-mobile oraz pseudo-elementy linków
========================================================= */
@media (min-width: 992px) {
/* Ukrycie oryginalnego elementu strzałki */
#tvdesktop-megamenu li.level-1.parent > span.icon-drop-mobile,
#tv-menu-horizontal li.level-1.parent > span.icon-drop-mobile,
.container_tv_megamenu li.level-1.parent > span.icon-drop-mobile,
li.level-1.parent > span.icon-drop-mobile {
display: none !important;
content: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}
/* Ukrycie strzałki generowanej jako ::before / ::after */
#tvdesktop-megamenu li.level-1.parent > span.icon-drop-mobile::before,
#tvdesktop-megamenu li.level-1.parent > span.icon-drop-mobile::after,
#tv-menu-horizontal li.level-1.parent > span.icon-drop-mobile::before,
#tv-menu-horizontal li.level-1.parent > span.icon-drop-mobile::after,
.container_tv_megamenu li.level-1.parent > span.icon-drop-mobile::before,
.container_tv_megamenu li.level-1.parent > span.icon-drop-mobile::after,
li.level-1.parent > span.icon-drop-mobile::before,
li.level-1.parent > span.icon-drop-mobile::after {
display: none !important;
content: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
/* Ukrycie strzałki generowanej przy linku menu */
#tvdesktop-megamenu li.level-1.parent > a::before,
#tvdesktop-megamenu li.level-1.parent > a::after,
#tvdesktop-megamenu li.level-1.parent > a span::before,
#tvdesktop-megamenu li.level-1.parent > a span::after,
#tv-menu-horizontal li.level-1.parent > a::before,
#tv-menu-horizontal li.level-1.parent > a::after,
#tv-menu-horizontal li.level-1.parent > a span::before,
#tv-menu-horizontal li.level-1.parent > a span::after,
.container_tv_megamenu li.level-1.parent > a::before,
.container_tv_megamenu li.level-1.parent > a::after,
.container_tv_megamenu li.level-1.parent > a span::before,
.container_tv_megamenu li.level-1.parent > a span::after {
display: none !important;
content: none !important;
opacity: 0 !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
border: 0 !important;
background: none !important;
}
/* Usunięcie zapasu miejsca po strzałce */
#tvdesktop-megamenu li.level-1.parent > a,
#tvdesktop-megamenu li.level-1.parent > a span,
#tv-menu-horizontal li.level-1.parent > a,
#tv-menu-horizontal li.level-1.parent > a span,
.container_tv_megamenu li.level-1.parent > a,
.container_tv_megamenu li.level-1.parent > a span {
padding-right: 0 !important;
margin-right: 0 !important;
background-image: none !important;
}
}
/* =========================================================
EMALIA RYBNIK - PRZELEWY24
PS 8.2.5 + ThemeVolty v1_ceramic_42
Zakres:
- potwierdzenie udanej płatności
- błąd / niepotwierdzona płatność
- ponowna płatność / repayment
- tryb P24: "Pokaż metody płatności osobno" = TAK
- desktop + tablet + mobile
Ważne:
- kod NIE rusza globalnego .container
- kod NIE zakłada, że payment-option-1 to konkretna metoda
- kolejność metod można zmieniać w panelu P24
========================================================= */
/* =========================================================
1. WSPÓLNE - TŁO / WRAPPER / SZEROKOŚĆ TREŚCI
========================================================= */
body[id*="przelewy24"],
body[id*="przelewy24"] #wrapper,
body#module-przelewy24payment-paymentSuccessful,
body#module-przelewy24payment-paymentSuccessful #wrapper,
body#module-przelewy24payment-repayment,
body#module-przelewy24payment-repayment #wrapper,
body#module-przelewy24-paymentSuccessful,
body#module-przelewy24-paymentSuccessful #wrapper {
background: #ffffff !important;
}
body[id*="przelewy24"] #wrapper {
padding-bottom: 40px !important;
}
/* Nie ruszamy globalnego .container, żeby nie zmieniać headera/menu */
body[id*="przelewy24"] #content-wrapper,
body[id*="przelewy24"] #content {
width: 100% !important;
max-width: 1180px !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
display: block !important;
}
/* Breadcrumb */
body[id*="przelewy24"] .breadcrumb,
body[id*="przelewy24"] nav.breadcrumb {
margin-bottom: 12px !important;
text-align: center !important;
}
/* =========================================================
2. WSPÓLNE - GŁÓWNA KARTA MODUŁU
========================================================= */
body[id*="przelewy24"] main .card,
body[id*="przelewy24"] main .p24-payment-return,
body[id*="przelewy24"] main .payment-confirmation,
body[id*="przelewy24"] main .page-content,
body[id*="przelewy24"] #content.card,
body[id*="przelewy24"] #content .card,
body[id*="przelewy24"] #content .p24-payment-return,
body[id*="przelewy24"] #content .payment-confirmation,
body[id*="przelewy24"] #content .page-content {
width: 100% !important;
max-width: 1180px !important;
min-height: 560px !important;
margin: 0 auto !important;
padding: 38px 40px 56px !important;
background: #ffffff !important;
border: 1px solid #eee4d8 !important;
border-radius: 14px !important;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04) !important;
box-sizing: border-box !important;
}
/* Wewnętrzne wrappery modułu */
body[id*="przelewy24"] #content .card > div,
body[id*="przelewy24"] #content .page-content > div,
body[id*="przelewy24"] #content .payment-confirmation > div,
body[id*="przelewy24"] #content .p24-payment-return > div {
max-width: 100% !important;
}
/* =========================================================
3. WSPÓLNE - LOGO PRZELEWY24
========================================================= */
body[id*="przelewy24"] #content img[src*="przelewy24-logo"],
body[id*="przelewy24"] #content .p24-logo img,
body[id*="przelewy24"] #content .przelewy24-logo img {
width: auto !important;
max-width: 360px !important;
height: auto !important;
display: block !important;
margin: 0 auto 26px !important;
}
/* Wyłączenie klikalności dużego logo Przelewy24 na stronie repayment */
body[id*="przelewy24"] #content .przelewy24-repayment__header a,
body[id*="przelewy24"] #content .przelewy24-repayment__header a[href*="przelewy24.pl"] {
pointer-events: none !important;
cursor: default !important;
text-decoration: none !important;
}
/* =========================================================
4. WSPÓLNE - NAGŁÓWKI I TEKSTY
========================================================= */
body[id*="przelewy24"] #content h1,
body[id*="przelewy24"] #content h2,
body[id*="przelewy24"] #content h3,
body[id*="przelewy24"] #content .h1,
body[id*="przelewy24"] #content .h2 {
font-size: 24px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
color: #1f1f1f !important;
text-align: center !important;
margin: 0 0 10px !important;
text-transform: uppercase !important;
}
body[id*="przelewy24"] #content h2,
body[id*="przelewy24"] #content h3,
body[id*="przelewy24"] #content .order-confirmation-title {
margin-top: 28px !important;
font-size: 23px !important;
}
body[id*="przelewy24"] #content p {
font-size: 14px !important;
line-height: 1.6 !important;
color: #5f5f5f !important;
text-align: center !important;
margin-bottom: 10px !important;
}
body[id*="przelewy24"] #content strong,
body[id*="przelewy24"] #content b {
color: #1f1f1f !important;
font-weight: 700 !important;
}
/* =========================================================
5. POTWIERDZENIE PŁATNOŚCI - KOMUNIKAT SUKCESU
========================================================= */
body[id*="przelewy24"] #content .alert-success,
body[id*="przelewy24"] #content .success,
body[id*="przelewy24"] #content .p24-success {
width: 100% !important;
max-width: 760px !important;
margin: 24px auto 30px !important;
padding: 16px 22px !important;
background: #e8f7e3 !important;
border: 1px solid #cfe8c7 !important;
border-radius: 10px !important;
color: #2d6b35 !important;
font-size: 14px !important;
line-height: 1.5 !important;
text-align: center !important;
box-sizing: border-box !important;
}
/* Ikona sukcesu */
body[id*="przelewy24"] #content .alert-success i,
body[id*="przelewy24"] #content .alert-success .material-icons,
body[id*="przelewy24"] #content .success i,
body[id*="przelewy24"] #content .success .material-icons,
body[id*="przelewy24"] #content .p24-success i,
body[id*="przelewy24"] #content .p24-success .material-icons {
color: #2d7a3a !important;
font-size: 22px !important;
line-height: 1 !important;
vertical-align: middle !important;
}
/* Ukrycie zdublowanego zielonego komunikatu */
body[id*="przelewy24"] #content .alert-success + .alert-success,
body[id*="przelewy24"] #content .success + .success,
body[id*="przelewy24"] #content .p24-success + .p24-success {
display: none !important;
}
/* =========================================================
6. POTWIERDZENIE PŁATNOŚCI - SZCZEGÓŁY ZAMÓWIENIA
========================================================= */
body[id*="przelewy24"] #content .order-confirmation-table,
body[id*="przelewy24"] #content .order-details,
body[id*="przelewy24"] #content .details,
body[id*="przelewy24"] #content dl,
body[id*="przelewy24"] #content ul {
width: 100% !important;
max-width: 620px !important;
margin: 26px auto 0 !important;
padding: 22px 26px !important;
background: #fbf7f1 !important;
border: 1px solid #eadcc9 !important;
border-radius: 12px !important;
text-align: center !important;
box-sizing: border-box !important;
}
body[id*="przelewy24"] #content .order-confirmation-table *,
body[id*="przelewy24"] #content .order-details *,
body[id*="przelewy24"] #content .details *,
body[id*="przelewy24"] #content dl *,
body[id*="przelewy24"] #content ul * {
color: #3f3f3f !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
/* Listy bez kropek */
body[id*="przelewy24"] #content ul {
list-style: none !important;
}
body[id*="przelewy24"] #content ul li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* Definicje dl/dt/dd */
body[id*="przelewy24"] #content dl dt,
body[id*="przelewy24"] #content dl dd {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
}
body[id*="przelewy24"] #content dl dd::after {
content: "\A " !important;
white-space: pre !important;
}
/* Dopisanie etykiety "Czas dostawy:" przed wartością np. 1-2 dni */
body[id*="przelewy24"] #content .order-confirmation-table em::before,
body[id*="przelewy24"] #content .order-details em::before,
body[id*="przelewy24"] #content .details em::before,
body[id*="przelewy24"] #content dl em::before,
body[id*="przelewy24"] #content ul em::before {
content: "Czas dostawy: ";
font-style: normal !important;
font-weight: 400 !important;
color: #3f3f3f !important;
}
body[id*="przelewy24"] #content .order-confirmation-table em,
body[id*="przelewy24"] #content .order-details em,
body[id*="przelewy24"] #content .details em,
body[id*="przelewy24"] #content dl em,
body[id*="przelewy24"] #content ul em {
font-style: normal !important;
}
/* =========================================================
7. BŁĄD PŁATNOŚCI - POMARAŃCZOWA RAMKA
========================================================= */
body[id*="przelewy24"] #content .alert-warning,
body[id*="przelewy24"] #content .alert-danger,
body[id*="przelewy24"] #content .error,
body[id*="przelewy24"] #content .p24-error,
body[id*="przelewy24"] #content .p24-fail {
width: 100% !important;
max-width: 760px !important;
margin: 24px auto 28px !important;
padding: 20px 24px !important;
background: #fff4ea !important;
border: 1px solid #e5a06d !important;
border-radius: 10px !important;
color: #4a3324 !important;
text-align: center !important;
box-sizing: border-box !important;
font-size: 0 !important;
line-height: 1.6 !important;
}
/* Ukrycie oryginalnego tekstu, jeśli moduł wstawia go bez możliwości łamania */
body[id*="przelewy24"] #content .alert-warning > *:not(i):not(.material-icons),
body[id*="przelewy24"] #content .alert-danger > *:not(i):not(.material-icons),
body[id*="przelewy24"] #content .error > *:not(i):not(.material-icons),
body[id*="przelewy24"] #content .p24-error > *:not(i):not(.material-icons),
body[id*="przelewy24"] #content .p24-fail > *:not(i):not(.material-icons) {
font-size: 0 !important;
}
/* Ikona błędu */
body[id*="przelewy24"] #content .alert-warning i,
body[id*="przelewy24"] #content .alert-warning .material-icons,
body[id*="przelewy24"] #content .alert-danger i,
body[id*="przelewy24"] #content .alert-danger .material-icons,
body[id*="przelewy24"] #content .error i,
body[id*="przelewy24"] #content .error .material-icons,
body[id*="przelewy24"] #content .p24-error i,
body[id*="przelewy24"] #content .p24-error .material-icons,
body[id*="przelewy24"] #content .p24-fail i,
body[id*="przelewy24"] #content .p24-fail .material-icons {
display: block !important;
margin: 0 auto 10px !important;
color: #8a4b22 !important;
font-size: 28px !important;
line-height: 1 !important;
}
/* Nowy tekst błędu w osobnych wierszach */
body[id*="przelewy24"] #content .alert-warning::after,
body[id*="przelewy24"] #content .alert-danger::after,
body[id*="przelewy24"] #content .error::after,
body[id*="przelewy24"] #content .p24-error::after,
body[id*="przelewy24"] #content .p24-fail::after {
content: "Nie udało się potwierdzić płatności.\A Spróbuj opłacić zamówienie ponownie.\A Jeśli płatność została pobrana z konta, skontaktuj się z nami: kontakt@emalia-rybnik.pl";
display: block !important;
white-space: pre-line !important;
font-size: 14px !important;
line-height: 1.7 !important;
font-weight: 400 !important;
color: #4a3324 !important;
text-align: center !important;
}
/* =========================================================
8. PRZYCISKI P24 - OGÓLNE
========================================================= */
body[id*="przelewy24"] #content a.btn,
body[id*="przelewy24"] #content button.btn,
body[id*="przelewy24"] #content .btn-primary,
body[id*="przelewy24"] #content .p24-repeat-payment,
body[id*="przelewy24"] #content a[href*="przelewy24"] {
text-transform: none !important;
}
/* =========================================================
9. REPAYMENT - STRONA PONOWNEJ PŁATNOŚCI
========================================================= */
body[id*="przelewy24"] #content .przelewy24-repayment {
width: 100% !important;
max-width: 760px !important;
margin: 0 auto !important;
text-align: center !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment__header {
margin-bottom: 28px !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment__header img {
width: auto !important;
max-width: 360px !important;
height: auto !important;
margin: 0 auto 26px !important;
display: block !important;
}
/* Układ kolumn modułu */
body[id*="przelewy24"] #content .przelewy24-repayment .row {
display: block !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment .col-xs-12,
body[id*="przelewy24"] #content .przelewy24-repayment .col-lg-7 {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* =========================================================
10. REPAYMENT - METODY PŁATNOŚCI OSOBNO
========================================================= */
/* Kontener metod */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options {
width: 100% !important;
max-width: 540px !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
/* Wrapper każdej metody */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options > div {
width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
/* Ukrycie technicznych bloków additional information i form */
body[id*="przelewy24"] #content .przelewy24-repayment .js-przelewy24-additional-information,
body[id*="przelewy24"] #content .przelewy24-repayment .js-payment-option-form,
body[id*="przelewy24"] #content .przelewy24-repayment .js-przelewy24-payment-option-form {
display: none !important;
}
/* Kafelek metody */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__payment-option {
width: 100% !important;
max-width: 540px !important;
min-height: 66px !important;
margin: 0 auto !important;
padding: 12px 16px !important;
background: #ffffff !important;
border: 1px solid #eadcc9 !important;
border-radius: 12px !important;
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: 24px minmax(0, 1fr) 150px !important;
align-items: center !important;
column-gap: 14px !important;
float: none !important;
clear: both !important;
text-align: left !important;
}
/* Aktywna metoda */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__payment-option:has(input[type="radio"]:checked) {
background: #fbf7f1 !important;
border-color: #d7bb91 !important;
box-shadow: 0 0 0 2px rgba(215, 187, 145, 0.18) !important;
}
/* Wrapper radio */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__radio,
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .custom-radio,
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .float-xs-left {
grid-column: 1 !important;
grid-row: 1 !important;
position: static !important;
float: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
/* Radio */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__radio input[type="radio"],
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options input.js-przelewy24-payment-input {
position: static !important;
float: none !important;
opacity: 1 !important;
appearance: auto !important;
-webkit-appearance: radio !important;
display: block !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
cursor: pointer !important;
accent-color: #d7bb91 !important;
}
/* Ukrycie sztucznego spana radio z motywu */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__radio > span,
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .custom-radio > span {
display: none !important;
}
/* Label metody */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label {
grid-column: 2 / 4 !important;
grid-row: 1 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 150px !important;
align-items: center !important;
column-gap: 14px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer !important;
text-align: left !important;
color: #1f1f1f !important;
}
/* Zabezpieczenie przed starym pseudo-tekstem */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label::after {
content: none !important;
display: none !important;
}
/* Nazwa metody */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label > span {
display: block !important;
grid-column: 1 !important;
margin: 0 !important;
padding: 0 !important;
color: #3f3f3f !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
text-align: left !important;
}
/* Logo metody */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img {
display: block !important;
grid-column: 2 !important;
width: auto !important;
height: auto !important;
max-width: 135px !important;
max-height: 42px !important;
margin: 0 auto !important;
padding: 0 !important;
object-fit: contain !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
transform: none !important;
}
/* BLIK */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img[src*="/154/"] {
max-width: 76px !important;
max-height: 32px !important;
}
/* Erste */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img[src*="/20/"] {
max-width: 105px !important;
max-height: 34px !important;
}
/* iPKO */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img[src*="/31/"] {
max-width: 130px !important;
max-height: 42px !important;
}
/* PayPo */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img[src*="/227/"] {
max-width: 92px !important;
max-height: 34px !important;
}
/* Przelewy24 */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img[src*="przelewy24-logo"] {
max-width: 105px !important;
max-height: 34px !important;
}
/* =========================================================
11. REPAYMENT - PRZYCISK FINALNY
========================================================= */
body[id*="przelewy24"] #content #payment-confirmation.przelewy24-repayment__submit-wrapper {
width: 100% !important;
max-width: 540px !important;
margin: 22px auto 0 !important;
padding: 0 !important;
text-align: center !important;
background: transparent !important;
border: 0 !important;
}
body[id*="przelewy24"] #content #payment-confirmation .js-przelewy24-repayment-submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 360px !important;
min-height: 48px !important;
margin: 0 auto !important;
padding: 13px 30px !important;
background: #d7bb91 !important;
border: 1px solid #d7bb91 !important;
border-radius: 8px !important;
color: #1f1f1f !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
box-shadow: none !important;
}
body[id*="przelewy24"] #content #payment-confirmation .js-przelewy24-repayment-submit:not(:disabled) {
cursor: pointer !important;
opacity: 1 !important;
}
body[id*="przelewy24"] #content #payment-confirmation .js-przelewy24-repayment-submit:disabled {
opacity: 0.65 !important;
cursor: not-allowed !important;
}
body[id*="przelewy24"] #content #payment-confirmation .js-przelewy24-repayment-submit:not(:disabled):hover {
background: #c9aa7c !important;
border-color: #c9aa7c !important;
}
/* =========================================================
12. DESKTOP
========================================================= */
@media (min-width: 1200px) {
body[id*="przelewy24"] #content-wrapper,
body[id*="przelewy24"] #content {
width: 1180px !important;
max-width: 1180px !important;
}
body[id*="przelewy24"] main .card,
body[id*="przelewy24"] main .p24-payment-return,
body[id*="przelewy24"] main .payment-confirmation,
body[id*="przelewy24"] main .page-content,
body[id*="przelewy24"] #content.card,
body[id*="przelewy24"] #content .card,
body[id*="przelewy24"] #content .p24-payment-return,
body[id*="przelewy24"] #content .payment-confirmation,
body[id*="przelewy24"] #content .page-content {
width: 1180px !important;
max-width: 1180px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body[id*="przelewy24"] #content-wrapper,
body[id*="przelewy24"] #content {
width: calc(100% - 40px) !important;
max-width: 1180px !important;
}
body[id*="przelewy24"] main .card,
body[id*="przelewy24"] main .p24-payment-return,
body[id*="przelewy24"] main .payment-confirmation,
body[id*="przelewy24"] main .page-content,
body[id*="przelewy24"] #content.card,
body[id*="przelewy24"] #content .card,
body[id*="przelewy24"] #content .p24-payment-return,
body[id*="przelewy24"] #content .payment-confirmation,
body[id*="przelewy24"] #content .page-content {
width: 100% !important;
max-width: 1180px !important;
}
}
/* =========================================================
13. TABLET
========================================================= */
@media (min-width: 768px) and (max-width: 991px) {
body[id*="przelewy24"] #content-wrapper,
body[id*="przelewy24"] #content {
width: calc(100% - 24px) !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body[id*="przelewy24"] main .card,
body[id*="przelewy24"] main .p24-payment-return,
body[id*="przelewy24"] main .payment-confirmation,
body[id*="przelewy24"] main .page-content,
body[id*="przelewy24"] #content.card,
body[id*="przelewy24"] #content .card,
body[id*="przelewy24"] #content .p24-payment-return,
body[id*="przelewy24"] #content .payment-confirmation,
body[id*="przelewy24"] #content .page-content {
width: 100% !important;
max-width: 100% !important;
min-height: auto !important;
padding: 30px 20px 38px !important;
}
body[id*="przelewy24"] #content img[src*="przelewy24-logo"],
body[id*="przelewy24"] #content .p24-logo img,
body[id*="przelewy24"] #content .przelewy24-logo img {
max-width: 320px !important;
}
}
/* =========================================================
14. MOBILE
========================================================= */
@media (max-width: 767px) {
body[id*="przelewy24"] #wrapper {
padding-bottom: 28px !important;
}
body[id*="przelewy24"] #content-wrapper,
body[id*="przelewy24"] #content {
width: 100% !important;
max-width: 100% !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
body[id*="przelewy24"] main .card,
body[id*="przelewy24"] main .p24-payment-return,
body[id*="przelewy24"] main .payment-confirmation,
body[id*="przelewy24"] main .page-content,
body[id*="przelewy24"] #content.card,
body[id*="przelewy24"] #content .card,
body[id*="przelewy24"] #content .p24-payment-return,
body[id*="przelewy24"] #content .payment-confirmation,
body[id*="przelewy24"] #content .page-content {
width: 100% !important;
max-width: 100% !important;
min-height: auto !important;
padding: 24px 14px 30px !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body[id*="przelewy24"] #content img[src*="przelewy24-logo"],
body[id*="przelewy24"] #content .p24-logo img,
body[id*="przelewy24"] #content .przelewy24-logo img {
max-width: 230px !important;
margin: 0 auto 22px !important;
}
body[id*="przelewy24"] #content h1,
body[id*="przelewy24"] #content h2,
body[id*="przelewy24"] #content h3,
body[id*="przelewy24"] #content .h1,
body[id*="przelewy24"] #content .h2 {
font-size: 19px !important;
line-height: 1.35 !important;
margin-bottom: 10px !important;
}
body[id*="przelewy24"] #content h2,
body[id*="przelewy24"] #content h3,
body[id*="przelewy24"] #content .order-confirmation-title {
margin-top: 22px !important;
font-size: 20px !important;
}
body[id*="przelewy24"] #content p {
font-size: 13px !important;
line-height: 1.55 !important;
}
/* Sukces mobile */
body[id*="przelewy24"] #content .alert-success,
body[id*="przelewy24"] #content .success,
body[id*="przelewy24"] #content .p24-success {
max-width: 100% !important;
margin: 18px auto 22px !important;
padding: 14px 14px !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
body[id*="przelewy24"] #content .alert-success i,
body[id*="przelewy24"] #content .alert-success .material-icons,
body[id*="przelewy24"] #content .success i,
body[id*="przelewy24"] #content .success .material-icons,
body[id*="przelewy24"] #content .p24-success i,
body[id*="przelewy24"] #content .p24-success .material-icons {
display: block !important;
margin: 0 auto 8px !important;
font-size: 26px !important;
}
/* Błąd mobile */
body[id*="przelewy24"] #content .alert-warning,
body[id*="przelewy24"] #content .alert-danger,
body[id*="przelewy24"] #content .error,
body[id*="przelewy24"] #content .p24-error,
body[id*="przelewy24"] #content .p24-fail {
max-width: 100% !important;
padding: 18px 14px !important;
}
body[id*="przelewy24"] #content .alert-warning::after,
body[id*="przelewy24"] #content .alert-danger::after,
body[id*="przelewy24"] #content .error::after,
body[id*="przelewy24"] #content .p24-error::after,
body[id*="przelewy24"] #content .p24-fail::after {
font-size: 13px !important;
line-height: 1.65 !important;
}
/* Szczegóły zamówienia mobile */
body[id*="przelewy24"] #content .order-confirmation-table,
body[id*="przelewy24"] #content .order-details,
body[id*="przelewy24"] #content .details,
body[id*="przelewy24"] #content dl,
body[id*="przelewy24"] #content ul {
max-width: 100% !important;
padding: 18px 14px !important;
margin-top: 20px !important;
border-radius: 10px !important;
}
body[id*="przelewy24"] #content .order-confirmation-table *,
body[id*="przelewy24"] #content .order-details *,
body[id*="przelewy24"] #content .details *,
body[id*="przelewy24"] #content dl *,
body[id*="przelewy24"] #content ul * {
font-size: 13px !important;
line-height: 1.65 !important;
}
/* Repayment mobile */
body[id*="przelewy24"] #content .przelewy24-repayment {
max-width: 100% !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment__header img {
max-width: 230px !important;
margin-bottom: 22px !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options {
max-width: 100% !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__payment-option {
grid-template-columns: 24px minmax(0, 1fr) 118px !important;
column-gap: 10px !important;
min-height: 64px !important;
padding: 12px 12px !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label {
grid-template-columns: minmax(0, 1fr) 118px !important;
column-gap: 10px !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label > span {
font-size: 13px !important;
line-height: 1.35 !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img {
max-width: 104px !important;
max-height: 36px !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img[src*="/154/"] {
max-width: 68px !important;
max-height: 30px !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img[src*="/31/"] {
max-width: 104px !important;
max-height: 38px !important;
}
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options .przelewy24-repayment__label img[src*="/227/"] {
max-width: 76px !important;
max-height: 30px !important;
}
body[id*="przelewy24"] #content #payment-confirmation.przelewy24-repayment__submit-wrapper {
max-width: 100% !important;
margin-top: 18px !important;
}
body[id*="przelewy24"] #content #payment-confirmation .js-przelewy24-repayment-submit {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
}
/* =========================================================
EMALIA RYBNIK - PRZELEWY24
Ukrycie menu kategorii na stronach płatności
========================================================= */
body[id*="przelewy24"] #tvdesktop-megamenu,
body[id*="przelewy24"] #tvmobile-megamenu,
body[id*="przelewy24"] .tvcms-header-menu,
body[id*="przelewy24"] .tvcmsmain-menu-wrapper,
body[id*="przelewy24"] .tvcmsmobile-header-menu {
display: none !important;
}
/* =========================================================
EMALIA RYBNIK - PRZELEWY24 / REPAYMENT
Przenieś metodę "Przelewy24" na pierwsze miejsce
Reszta metod zostaje w kolejności z modułu
========================================================= */
/* Lista metod jako flex, żeby działało sortowanie przez order */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
/* Każdy wrapper metody */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options > div {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
order: 10;
}
/* Przelewy24 zawsze jako pierwsza metoda
wykrywane po logo z modułu */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options > div:has(
.przelewy24-repayment__label img[src*="modules/przelewy24payment/views/img/przelewy24-logo"]
) {
order: -10 !important;
}
/* Gdyby moduł podmieniał ścieżkę logo, dodatkowe zabezpieczenie */
body[id*="przelewy24"] #content .przelewy24-repayment .payment-options > div:has(
.przelewy24-repayment__label img[src*="przelewy24-logo.svg"]
) {
order: -10 !important;
}
/* =========================================================
EMALIA RYBNIK - PRZELEWY24 / REPAYMENT
Ukrycie BLIK na stronie ponownej płatności
BLIK w sklepie zostaje aktywny w normalnym checkout
========================================================= */
body#module-przelewy24payment-repayment
#content
.przelewy24-repayment
.payment-options
> div:has(img[src*="/181/"]) {
display: none !important;
}
/* =========================================================
EMALIA RYBNIK - KONTO KLIENTA / SZCZEGÓŁY ZAMÓWIENIA
Przelewy24 - wyróżnienie linku "Zapłać ponownie"
PS 8.2.5 + ThemeVolty v1_ceramic_42
Co robi:
- zamienia link ponownej płatności P24 w widoczny przycisk
- działa tylko w szczegółach zamówienia klienta
========================================================= */
body#order-detail #content a[href*="przelewy24payment/repayment"],
body#order-detail #content a[href*="module/przelewy24payment/repayment"],
body#order-detail #content a[href*="repayment"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 180px !important;
min-height: 42px !important;
margin: 10px 0 0 !important;
padding: 11px 22px !important;
background: #d7bb91 !important;
border: 1px solid #d7bb91 !important;
border-radius: 6px !important;
color: #1f1f1f !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
box-shadow: none !important;
cursor: pointer !important;
}
body#order-detail #content a[href*="przelewy24payment/repayment"]:hover,
body#order-detail #content a[href*="module/przelewy24payment/repayment"]:hover,
body#order-detail #content a[href*="repayment"]:hover {
background: #c9aa7c !important;
border-color: #c9aa7c !important;
color: #1f1f1f !important;
text-decoration: none !important;
}
/* Mobile */
@media (max-width: 767px) {
body#order-detail #content a[href*="przelewy24payment/repayment"],
body#order-detail #content a[href*="module/przelewy24payment/repayment"],
body#order-detail #content a[href*="repayment"] {
width: 100% !important;
min-width: 0 !important;
margin-top: 12px !important;
}
}
/* =========================================================
EMALIA RYBNIK - KONTO KLIENTA / SZCZEGÓŁY ZAMÓWIENIA
Sekcja Przelewy24 nad adresami
========================================================= */
body#order-detail #content .er-p24-order-detail-box {
margin: 18px 0 18px !important;
padding: 18px 20px !important;
background: #fbf7f1 !important;
border: 1px solid #eadcc9 !important;
border-radius: 10px !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}
body#order-detail #content .er-p24-order-detail-box a[href*="repayment"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 180px !important;
min-height: 42px !important;
margin: 10px 0 0 !important;
padding: 11px 22px !important;
background: #d7bb91 !important;
border: 1px solid #d7bb91 !important;
border-radius: 6px !important;
color: #1f1f1f !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
box-shadow: none !important;
cursor: pointer !important;
}
body#order-detail #content .er-p24-order-detail-box a[href*="repayment"]:hover {
background: #c9aa7c !important;
border-color: #c9aa7c !important;
color: #1f1f1f !important;
text-decoration: none !important;
}
@media (max-width: 767px) {
body#order-detail #content .er-p24-order-detail-box {
padding: 16px 14px !important;
}
body#order-detail #content .er-p24-order-detail-box a[href*="repayment"] {
width: 100% !important;
min-width: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - CHECKOUT / HEADER
Ujednolicenie wyglądu nagłówka z normalnymi stronami
PS 8.2.5 + ThemeVolty v1_ceramic_42
Co robi:
- naprawia układ headera na stronie /zamowienie
- logo wraca na lewą stronę
- wyszukiwarka i koszyk wracają na prawą stronę
- ukrywa tekst "Skontaktuj się z nami" w checkout
- nie rusza mobile
========================================================= */
/* =========================================================
EMALIA RYBNIK - CHECKOUT / HEADER - KOSZYK
PS 8.2.5 + ThemeVolty v1_ceramic_42
Co robi:
- poprawia ikonę koszyka w headerze checkout
- przywraca widoczność licznika produktów
- ustawia licznik jak badge nad koszykiem
========================================================= */
/* =========================================================
EMALIA RYBNIK - CHECKOUT / HEADER DESKTOP - FINAL FIX
PS 8.2.5 + ThemeVolty v1_ceramic_42
Co robi:
- poprawia układ headera tylko na desktopie checkout
- oddziela wyszukiwarkę od ikon
- wyrównuje konto/kłódkę/koszyk
- poprawia licznik produktów przy koszyku
- nie rusza mobile
========================================================= */
/* =========================================================
EMALIA RYBNIK - CHECKOUT / HEADER DESKTOP - WYŚRODKOWANIE
PS 8.2.5 + ThemeVolty v1_ceramic_42
Co robi:
- poprawia zbyt duże przesunięcie headera w prawo na checkout
- centruje menu względem strony
- zmniejsza szerokość prawej sekcji
- zostawia mobile bez zmian
========================================================= */
/* Większe ekrany - można dać lekko szerszą wyszukiwarkę */
/* =========================================================
EMALIA RYBNIK - CHECKOUT / HEADER DESKTOP - FINAL CENTER
PS 8.2.5 + ThemeVolty v1_ceramic_42
Co robi:
- przesuwa logo, wyszukiwarkę i ikony bliżej środka
- zmniejsza szerokość roboczą headera checkout
- menu zostaje wyśrodkowane
- nie rusza mobile
========================================================= */
/* Bardzo szerokie ekrany */
/* =========================================================
EMALIA RYBNIK - CHECKOUT / HEADER FINAL
PS 8.2.5 + ThemeVolty v1_ceramic_42
Co robi:
- naprawia układ headera tylko na stronie checkout
- usuwa wpływ błędnych kolumn col-lg-6 / col-lg-8 / col-lg-2
- logo po lewej, wyszukiwarka + konto + koszyk po prawej
- menu wyśrodkowane pod spodem
- ukrywa "Skontaktuj się z nami" na checkout
- nie rusza mobile
========================================================= */
/* Większe desktop */
/* =========================================================
EMALIA RYBNIK – Kolory tekstów / linków / formularzy
Poprawa czytelności jasnoszarych i jasnobeżowych tekstów
========================================================= */
:root {
--emalia-text-black: #000000;
--emalia-link-color: #8A5A2B;
--emalia-link-hover: #000000;
--emalia-button-text: #ffffff;
}
/* =========================================================
1. GLOBALNE LINKI W TREŚCI STRONY
========================================================= */
/* Linki w głównej treści, CMS i breadcrumb */
#content a,
.page-content a,
.cms-page a,
.tvpage-header-title-wrapper a,
.breadcrumb a,
.breadcrumb li,
.breadcrumb span {
color: var(--emalia-link-color) !important;
}
/* Hover linków */
#content a:hover,
.page-content a:hover,
.cms-page a:hover,
.tvpage-header-title-wrapper a:hover,
.breadcrumb a:hover {
color: var(--emalia-link-hover) !important;
}
/* Aktualna pozycja w breadcrumb, np. Akcesoria */
.breadcrumb .current,
.breadcrumb li:last-child,
.breadcrumb li:last-child a,
.breadcrumb li:last-child span {
color: var(--emalia-link-color) !important;
}
/* Linki w treściach CMS, np. telefon, e-mail, regulamin */
.cms-description a,
.cms-description a span,
.page-cms a,
.page-cms a span,
#cms a,
#cms a span {
color: var(--emalia-link-color) !important;
font-weight: 500;
}
.cms-description a:hover,
.page-cms a:hover,
#cms a:hover {
color: var(--emalia-link-hover) !important;
}
/* =========================================================
2. SZCZEGÓŁY ZAMÓWIENIA / HISTORIA / PONOWNA PŁATNOŚĆ
========================================================= */
/* Główna zawartość szczegółów zamówienia */
.page-order-detail,
.page-order-detail *,
.page-order-follow,
.page-order-follow *,
#order-detail,
#order-detail *,
#order-detail-content,
#order-detail-content *,
#order-infos,
#order-infos * {
color: var(--emalia-text-black) !important;
}
/* Adres dostawy i adres do faktury */
#delivery-address,
#delivery-address *,
#invoice-address,
#invoice-address * {
color: var(--emalia-text-black) !important;
}
/* Znacznik address bez kursywy */
#delivery-address address,
#invoice-address address,
article.box address {
color: var(--emalia-text-black) !important;
font-style: normal;
}
/* Nagłówki adresów */
#delivery-address h4,
#invoice-address h4,
article.box h4 {
color: var(--emalia-text-black) !important;
}
/* Box Przelewy24 / link do ponownej płatności */
.page-order-detail .box,
.page-order-detail .box *,
.page-order-follow .box,
.page-order-follow .box *,
#order-detail .box,
#order-detail .box *,
#order-detail-content .box,
#order-detail-content .box * {
color: var(--emalia-text-black) !important;
}
/* Link Zapłać ponownie */
.page-order-detail .box a,
.page-order-follow .box a,
#order-detail .box a,
#order-detail-content .box a {
color: var(--emalia-text-black) !important;
font-weight: 600;
text-decoration: underline;
}
.page-order-detail .box a:hover,
.page-order-follow .box a:hover,
#order-detail .box a:hover,
#order-detail-content .box a:hover {
color: var(--emalia-link-color) !important;
}
/* Tabele produktów, historii zamówienia i dostawy */
#order-products,
#order-products *,
.page-order-detail table,
.page-order-detail table *,
.page-order-follow table,
.page-order-follow table *,
#order-detail table,
#order-detail table *,
#order-detail-content table,
#order-detail-content table *,
.table,
.table th,
.table td,
.table thead th,
.table tbody td {
color: var(--emalia-text-black) !important;
}
/* Lista korzyści konta klienta */
.page-order-detail ul,
.page-order-detail ul li,
.page-order-follow ul,
.page-order-follow ul li,
#order-detail ul,
#order-detail ul li,
#order-detail-content ul,
#order-detail-content ul li {
color: var(--emalia-text-black) !important;
}
/* Formularz ustalania hasła */
.page-order-detail .form-fields,
.page-order-detail .form-fields *,
.page-order-follow .form-fields,
.page-order-follow .form-fields *,
#order-detail .form-fields,
#order-detail .form-fields *,
#order-detail-content .form-fields,
#order-detail-content .form-fields * {
color: var(--emalia-text-black) !important;
}
/* Pola hasła w szczegółach zamówienia */
.page-order-detail .form-fields input[type="password"],
.page-order-follow .form-fields input[type="password"],
#order-detail .form-fields input[type="password"],
#order-detail-content .form-fields input[type="password"] {
color: var(--emalia-text-black) !important;
}
/* =========================================================
3. ŚLEDZENIE ZAMÓWIENIA GOŚCIA
========================================================= */
/* Cała treść strony śledzenia zamówienia gościa */
body#guest-tracking #content,
body#guest-tracking #content *,
body#guest-tracking .page-content,
body#guest-tracking .page-content *,
body#guest-tracking main,
body#guest-tracking main * {
color: var(--emalia-text-black) !important;
}
/* Linki na stronie gościa */
body#guest-tracking a {
color: var(--emalia-text-black) !important;
font-weight: 600;
}
body#guest-tracking a:hover {
color: var(--emalia-link-color) !important;
}
/* Formularze na stronie gościa */
body#guest-tracking input,
body#guest-tracking textarea,
body#guest-tracking select,
body#guest-tracking label,
body#guest-tracking label span {
color: var(--emalia-text-black) !important;
}
body#guest-tracking input::placeholder,
body#guest-tracking textarea::placeholder {
color: var(--emalia-text-black) !important;
opacity: 1;
}
/* =========================================================
4. DANE OSOBISTE / KONTO KLIENTA
Strona: /dane-osobiste
========================================================= */
/* Cała zawartość strony danych osobistych */
body#identity #content,
body#identity #content *,
body#identity .page-content,
body#identity .page-content *,
body#identity main,
body#identity main * {
color: var(--emalia-text-black) !important;
}
/* Etykiety pól formularza */
body#identity label,
body#identity label span,
body#identity .form-control-label,
body#identity .form-group label {
color: var(--emalia-text-black) !important;
}
/* Opisy pod polami, np. "Tylko litery..." */
body#identity .form-control-comment,
body#identity .help-block,
body#identity .form-text,
body#identity small {
color: var(--emalia-text-black) !important;
}
/* Checkboxy i opisy zgód */
body#identity .custom-checkbox,
body#identity .custom-checkbox *,
body#identity .checkbox,
body#identity .checkbox *,
body#identity .form-group .custom-checkbox label,
body#identity .form-group .custom-checkbox label span {
color: var(--emalia-text-black) !important;
}
/* Radio: Pan / Pani */
body#identity .radio-inline,
body#identity .radio-inline *,
body#identity .custom-radio,
body#identity .custom-radio * {
color: var(--emalia-text-black) !important;
}
/* Pola formularza */
body#identity input,
body#identity textarea,
body#identity select,
body#identity .form-control {
color: var(--emalia-text-black) !important;
}
body#identity input::placeholder,
body#identity textarea::placeholder {
color: var(--emalia-text-black) !important;
opacity: 1;
}
/* Linki na stronie danych osobistych */
body#identity a {
color: var(--emalia-text-black) !important;
}
body#identity a:hover {
color: var(--emalia-link-color) !important;
}
/* =========================================================
5. WYJĄTKI – PRZYCISKI I STATUSY
========================================================= */
/* Statusy zamówień mają zostać białe na kolorowym tle */
.badge,
.badge *,
.label,
.label *,
.label-pill,
.label-pill *,
span[class*="badge"],
span[class*="badge"] *,
span[class*="label"],
span[class*="label"] * {
color: var(--emalia-button-text) !important;
}
/* Przyciski POKAŻ / ZAPISZ / WYŚLIJ – biała czcionka */
body#identity button,
body#identity .btn,
body#identity .input-group-btn button,
body#identity .input-group-append button,
body#identity .form-footer .btn,
body#identity button[type="submit"],
body#guest-tracking button,
body#guest-tracking .btn,
body#guest-tracking button[type="submit"] {
color: var(--emalia-button-text) !important;
}
/* =========================================================
6. STOPKA
Czytelniejsze linki w stopce
========================================================= */
.footer-container a,
.tvcmsfooter a {
color: var(--emalia-link-color) !important;
}
.footer-container a:hover,
.tvcmsfooter a:hover {
color: var(--emalia-link-hover) !important;
}
/* =========================================================
EMALIA RYBNIK – CHECKOUT / THECHECKOUT
UWAGA: style checkoutu usunięte z custom.css.
Style koszyka jednostronicowego trzymaj tylko w module TheCheckout
Konfiguruj → Zaawansowany → Własne style CSS.
Dzięki temu custom.css nie nadpisuje struktury zgód ani walidacji.
========================================================= */
/* =========================================================
EMALIA RYBNIK – Przelewy24 / przycisk ponownej płatności
Tylko linki prowadzące do repayment
========================================================= */
a[href*="repayment"],
#content a[href*="repayment"],
.page-content a[href*="repayment"] {
color: #ffffff !important;
background-color: #000000 !important;
border: 1px solid #000000 !important;
text-decoration: none !important;
border-radius: 4px;
padding: 11px 22px;
display: inline-block;
font-weight: 600;
}
a[href*="repayment"]:hover,
#content a[href*="repayment"]:hover,
.page-content a[href*="repayment"]:hover {
color: #ffffff !important;
background-color: #8A5A2B !important;
border-color: #8A5A2B !important;
text-decoration: none !important;
}
/* =========================================================
EMALIA RYBNIK – Potwierdzenie zamówienia
Wymuszenie czarnej czcionki na stronie:
/potwierdzenie-zamowienia
========================================================= */
/* Cała treść strony potwierdzenia zamówienia */
body#order-confirmation #content,
body#order-confirmation #content *,
body#order-confirmation .page-content,
body#order-confirmation .page-content *,
body#order-confirmation main,
body#order-confirmation main * {
color: #000000 !important;
}
/* Zamówione produkty */
body#order-confirmation .order-confirmation-table,
body#order-confirmation .order-confirmation-table *,
body#order-confirmation .order-line,
body#order-confirmation .order-line * {
color: #000000 !important;
}
/* Szczegóły zamówienia po prawej stronie */
body#order-confirmation #order-details,
body#order-confirmation #order-details *,
body#order-confirmation .order-confirmation-details,
body#order-confirmation .order-confirmation-details * {
color: #000000 !important;
}
/* Blok płatności przelewem tradycyjnym */
body#order-confirmation .box,
body#order-confirmation .box *,
body#order-confirmation .payment-return,
body#order-confirmation .payment-return *,
body#order-confirmation section,
body#order-confirmation section * {
color: #000000 !important;
}
/* Tabela z danymi do przelewu */
body#order-confirmation table,
body#order-confirmation table *,
body#order-confirmation .table,
body#order-confirmation .table *,
body#order-confirmation td,
body#order-confirmation th {
color: #000000 !important;
}
/* Linki na stronie potwierdzenia */
body#order-confirmation a {
color: #000000 !important;
}
body#order-confirmation a:hover {
color: #8A5A2B !important;
}
/* Przyciski zostają z białą czcionką */
body#order-confirmation .btn,
body#order-confirmation button,
body#order-confirmation .btn *,
body#order-confirmation button * {
color: #ffffff !important;
}
/* ============================================================
EMALIA RYBNIK – Omnibus karta produktu
Naprawa niewidocznego tekstu "Najniższa cena z 30 dni..."
PS 8.2.5 / ThemeVolty v1_ceramic_42
============================================================ */
/* Wrapper ceny + omnibus */
.emalia-product-prices-wrap {
display: block !important;
width: 100% !important;
clear: both !important;
}
/* Kontener Omnibus pod ceną */
.emalia-product-prices-wrap .emalia-omnibus-price,
.product-prices + .emalia-omnibus-price,
.emalia-omnibus-price {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
clear: both !important;
margin: 6px 0 16px 0 !important;
padding: 0 !important;
position: relative !important;
z-index: 20 !important;
background: transparent !important;
border: 0 !important;
color: #222222 !important;
-webkit-text-fill-color: #222222 !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 400 !important;
text-align: left !important;
text-transform: none !important;
}
/* Label Omnibus */
.emalia-product-prices-wrap .emalia-omnibus-label,
.emalia-omnibus-price .emalia-omnibus-label,
span.emalia-omnibus-label {
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
color: #222222 !important;
-webkit-text-fill-color: #222222 !important;
background: transparent !important;
border: 0 !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
text-align: left !important;
text-transform: none !important;
}
/* Wartość Omnibus */
.emalia-product-prices-wrap .emalia-omnibus-value,
.emalia-omnibus-price .emalia-omnibus-value,
span.emalia-omnibus-value {
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
margin-left: 4px !important;
color: #222222 !important;
-webkit-text-fill-color: #222222 !important;
background: transparent !important;
border: 0 !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
text-align: left !important;
text-transform: none !important;
}
/* Gdy wartość jest pusta */
.emalia-omnibus-value:empty::after {
content: "—";
color: #222222 !important;
-webkit-text-fill-color: #222222 !important;
}
/* Mobile */
@media (max-width: 767px) {
.emalia-product-prices-wrap .emalia-omnibus-price,
.product-prices + .emalia-omnibus-price,
.emalia-omnibus-price {
margin: 5px 0 12px 0 !important;
font-size: 13px !important;
line-height: 1.35 !important;
}
.emalia-product-prices-wrap .emalia-omnibus-label,
.emalia-product-prices-wrap .emalia-omnibus-value,
.emalia-omnibus-price .emalia-omnibus-label,
.emalia-omnibus-price .emalia-omnibus-value {
font-size: 13px !important;
line-height: 1.35 !important;
}
}
/* ============================================================
EMALIA RYBNIK – LINK REGULAMINU W KOSZYKU
Dodaj do custom.css / globalnych stylów motywu
============================================================ */
body#cart .er-cart-terms-link,
body#checkout .er-cart-terms-link {
display: block;
margin: 10px 0 12px 0;
padding: 10px 12px;
background: #fff8ef;
border: 1px solid #ead8bf;
color: #111;
font-size: 13px;
line-height: 1.35;
text-align: center;
}
body#cart .er-cart-terms-link a,
body#checkout .er-cart-terms-link a {
color: #111;
font-weight: 700;
text-decoration: underline;
}
/* =========================================================
EMALIA RYBNIK - Przelewy24 - przyciski ponownej płatności
Działa na stronie potwierdzenia / ponowienia płatności P24
========================================================= */
.emalia-p24-repayment-actions {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 22px;
}
.emalia-p24-repayment-actions .btn {
min-width: 220px;
height: 44px;
padding: 11px 22px;
border-radius: 4px;
font-size: 15px;
font-weight: 700;
line-height: 20px;
text-align: center;
}
.emalia-p24-repayment-actions .emalia-p24-repayment-btn {
background: #000;
border-color: #000;
color: #fff;
}
.emalia-p24-repayment-actions .emalia-p24-repayment-btn:hover,
.emalia-p24-repayment-actions .emalia-p24-repayment-btn:focus {
background: #8b572a;
border-color: #8b572a;
color: #fff;
}
.emalia-p24-repayment-actions .emalia-p24-back-btn {
background: #fff;
border: 1px solid #d9c4a4;
color: #8b572a;
}
.emalia-p24-repayment-actions .emalia-p24-back-btn:hover,
.emalia-p24-repayment-actions .emalia-p24-back-btn:focus {
background: #f7efe5;
border-color: #8b572a;
color: #8b572a;
}
@media (max-width: 575px) {
.emalia-p24-repayment-actions {
flex-direction: column;
gap: 10px;
}
.emalia-p24-repayment-actions .btn {
width: 100%;
max-width: 300px;
}
}
/* =========================================================
EMALIA RYBNIK - HOMEPAGE SLIDER
FINAL
Dodać NA SAM KONIEC custom.css
========================================================= */
/* Wspólne */
.tvcms-slider-offerbanner-wrapper,
.tvcmsmain-slider-wrapper,
.tvcms-main-slider,
#tvmain-slider,
#tvmain-slider .owl-stage-outer,
#tvmain-slider .owl-stage,
#tvmain-slider .owl-item,
#tvmain-slider .tvimage.tvslider-list,
#tvmain-slider .tvimage.tvslider-list picture,
#tvmain-slider .tvimage.tvslider-list img {
overflow: hidden !important;
}
/* Desktop */
@media (min-width: 992px) {
.tvcms-slider-offerbanner-wrapper {
margin-bottom: 10px !important;
}
.tvcmsmain-slider-wrapper,
.tvcms-main-slider {
max-height: 460px !important;
}
#tvmain-slider {
height: 460px !important;
max-height: 460px !important;
aspect-ratio: auto !important;
}
#tvmain-slider .owl-stage-outer,
#tvmain-slider .owl-stage,
#tvmain-slider .owl-item,
#tvmain-slider .tvimage.tvslider-list,
#tvmain-slider .tvimage.tvslider-list picture,
#tvmain-slider .tvimage.tvslider-list img {
height: 460px !important;
max-height: 460px !important;
}
#tvmain-slider .tvimage.tvslider-list {
display: block !important;
}
#tvmain-slider .tvimage.tvslider-list picture {
display: block !important;
width: 100% !important;
}
#tvmain-slider .tvimage.tvslider-list img {
display: block !important;
width: 100% !important;
object-fit: cover !important;
object-position: center center !important;
}
}
/* Szerokie ekrany */
@media (min-width: 1400px) {
.tvcmsmain-slider-wrapper,
.tvcms-main-slider,
#tvmain-slider,
#tvmain-slider .owl-stage-outer,
#tvmain-slider .owl-stage,
#tvmain-slider .owl-item,
#tvmain-slider .tvimage.tvslider-list,
#tvmain-slider .tvimage.tvslider-list picture,
#tvmain-slider .tvimage.tvslider-list img {
height: 500px !important;
max-height: 500px !important;
}
}
/* Mobile i tablet - bez wymuszania wysokości */
@media (max-width: 991px) {
.tvcmsmain-slider-wrapper,
.tvcms-main-slider,
#tvmain-slider,
#tvmain-slider .owl-stage-outer,
#tvmain-slider .owl-stage,
#tvmain-slider .owl-item,
#tvmain-slider .tvimage.tvslider-list,
#tvmain-slider .tvimage.tvslider-list picture,
#tvmain-slider .tvimage.tvslider-list img {
height: auto !important;
max-height: none !important;
}
#tvmain-slider {
aspect-ratio: auto !important;
}
#tvmain-slider .tvimage.tvslider-list img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
}
/* =========================================================
EMALIA RYBNIK - ZALETY STRONY GŁÓWNEJ
Wymuszenie układu modułu emaliazaletyglownej
DODAJ NA SAM KONIEC custom.css
========================================================= */
.emalia-home-benefits {
padding: 18px 0 18px !important;
background: #f7f7f7 !important;
margin: 0 0 18px 0 !important;
}
.emalia-home-benefits > .container {
max-width: 1240px !important;
width: 100% !important;
margin: 0 auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.emalia-home-benefits__grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
align-items: stretch !important;
}
.emalia-home-benefits__item {
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
padding: 22px 20px !important;
min-height: 128px !important;
background: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
text-decoration: none !important;
transition: all 0.25s ease !important;
box-sizing: border-box !important;
}
.emalia-home-benefits__item:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06) !important;
border-color: #d9c2a3 !important;
}
.emalia-home-benefits__icon {
flex: 0 0 46px !important;
width: 46px !important;
height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.emalia-home-benefits__icon img {
display: block !important;
width: 46px !important;
height: 46px !important;
max-width: 46px !important;
max-height: 46px !important;
object-fit: contain !important;
}
.emalia-home-benefits__content {
flex: 1 1 auto !important;
}
.emalia-home-benefits__title {
margin: 0 0 6px 0 !important;
font-size: 18px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
color: #222222 !important;
letter-spacing: 0.2px !important;
}
.emalia-home-benefits__text {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.55 !important;
color: #666666 !important;
letter-spacing: 0.2px !important;
}
/* tablet */
@media (max-width: 1199px) {
.emalia-home-benefits > .container {
max-width: 100% !important;
}
.emalia-home-benefits__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* mobile */
@media (max-width: 767px) {
.emalia-home-benefits {
padding: 12px 0 12px !important;
}
.emalia-home-benefits > .container {
padding-left: 12px !important;
padding-right: 12px !important;
}
.emalia-home-benefits__grid {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.emalia-home-benefits__item {
padding: 16px 14px !important;
min-height: auto !important;
gap: 12px !important;
}
.emalia-home-benefits__icon {
flex: 0 0 38px !important;
width: 38px !important;
height: 38px !important;
}
.emalia-home-benefits__icon img {
width: 38px !important;
height: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
}
.emalia-home-benefits__title {
font-size: 16px !important;
margin-bottom: 4px !important;
}
.emalia-home-benefits__text {
font-size: 12px !important;
line-height: 1.45 !important;
}
}
/* =========================================================
EMALIA RYBNIK - ZALETY STRONY GŁÓWNEJ
Ostatni szlif
========================================================= */
.emalia-home-benefits {
padding: 12px 0 14px !important;
}
.emalia-home-benefits__grid {
gap: 14px !important;
}
.emalia-home-benefits__item {
padding: 18px 18px !important;
min-height: 112px !important;
}
.emalia-home-benefits__icon {
flex: 0 0 40px !important;
width: 40px !important;
height: 40px !important;
}
.emalia-home-benefits__icon img {
width: 40px !important;
height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
}
.emalia-home-benefits__title {
font-size: 16px !important;
margin-bottom: 4px !important;
}
.emalia-home-benefits__text {
font-size: 13px !important;
line-height: 1.45 !important;
color: #555555 !important;
}
@media (max-width: 767px) {
.emalia-home-benefits {
padding: 10px 0 12px !important;
}
.emalia-home-benefits__item {
padding: 14px 14px !important;
min-height: auto !important;
}
.emalia-home-benefits__title {
font-size: 15px !important;
}
.emalia-home-benefits__text {
font-size: 12px !important;
}
}
/* =========================================================
EMALIA RYBNIK - ZALETY STRONY GŁÓWNEJ
Ostatni szlif
========================================================= */
.emalia-home-benefits {
padding: 12px 0 14px !important;
}
.emalia-home-benefits__grid {
gap: 14px !important;
}
.emalia-home-benefits__item {
padding: 18px 18px !important;
min-height: 112px !important;
}
.emalia-home-benefits__icon {
flex: 0 0 40px !important;
width: 40px !important;
height: 40px !important;
}
.emalia-home-benefits__icon img {
width: 40px !important;
height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
}
.emalia-home-benefits__title {
font-size: 16px !important;
margin-bottom: 4px !important;
}
.emalia-home-benefits__text {
font-size: 13px !important;
line-height: 1.45 !important;
color: #555555 !important;
}
@media (max-width: 767px) {
.emalia-home-benefits {
padding: 10px 0 12px !important;
}
.emalia-home-benefits__item {
padding: 14px 14px !important;
min-height: auto !important;
}
.emalia-home-benefits__title {
font-size: 15px !important;
}
.emalia-home-benefits__text {
font-size: 12px !important;
}
}
/* =========================================================
EMALIA RYBNIK - ZALETY STRONY GŁÓWNEJ
Dopracowanie końcowe
DODAJ NA SAM KONIEC custom.css
========================================================= */
.emalia-home-benefits {
padding: 10px 0 12px !important;
}
.emalia-home-benefits__grid {
gap: 12px !important;
}
.emalia-home-benefits__item {
padding: 16px 16px !important;
min-height: 96px !important;
gap: 12px !important;
}
.emalia-home-benefits__icon {
flex: 0 0 34px !important;
width: 34px !important;
height: 34px !important;
}
.emalia-home-benefits__icon img {
width: 34px !important;
height: 34px !important;
max-width: 34px !important;
max-height: 34px !important;
}
.emalia-home-benefits__title {
font-size: 15px !important;
line-height: 1.2 !important;
margin-bottom: 3px !important;
}
.emalia-home-benefits__text {
font-size: 12px !important;
line-height: 1.35 !important;
color: #5f5f5f !important;
}
@media (max-width: 767px) {
.emalia-home-benefits {
padding: 8px 0 10px !important;
}
.emalia-home-benefits__grid {
gap: 8px !important;
}
.emalia-home-benefits__item {
padding: 13px 13px !important;
min-height: auto !important;
gap: 10px !important;
}
.emalia-home-benefits__icon {
flex: 0 0 30px !important;
width: 30px !important;
height: 30px !important;
}
.emalia-home-benefits__icon img {
width: 30px !important;
height: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
}
.emalia-home-benefits__title {
font-size: 14px !important;
margin-bottom: 2px !important;
}
.emalia-home-benefits__text {
font-size: 11px !important;
line-height: 1.3 !important;
}
}
/* =========================================================
EMALIA RYBNIK - HEADER DESKTOP
Kompaktowy header na desktopie
DODAJ NA SAM KONIEC custom.css
========================================================= */
@media (min-width: 992px) {
/* Główny obszar headera */
.header-top,
#header .header-top,
#header .tvheader-top-wrapper,
#header .tvcmsdesktop-top-header {
padding-top: 6px !important;
padding-bottom: 6px !important;
min-height: auto !important;
}
/* Wewnętrzny kontener headera */
#header .container,
#header .container-fluid {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Wiersz z logo i wyszukiwarką */
#header .row,
#header .tvheader-top-wrapper .row,
#header .header-top .row {
align-items: center !important;
min-height: auto !important;
}
/* Logo */
.tvheader-logo,
#header .tvheader-logo,
#header .navbar-brand,
#header #_desktop_logo,
#header #_desktop_logo a {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#header #_desktop_logo img,
#header .navbar-brand img,
#header .tvheader-logo img {
max-height: 96px !important;
width: auto !important;
}
/* Wyszukiwarka i ikony po prawej */
#search_widget,
.tvcmssearch,
.tvcms-header-search,
.tvheader-search-btn,
#_desktop_cart,
#_desktop_user_info,
#_desktop_wishlist,
#_desktop_compare {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Menu główne */
.header-nav,
#header .header-nav,
#header .tvcmsdesktop-megamenu {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
/* Sam pasek menu */
#header .tvcmsdesktop-megamenu .tv-menu,
#header .tvcmsdesktop-megamenu ul,
#header .tvcmsdesktop-megamenu .menu,
#header .tvcmsmegamenu-wrapper {
min-height: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Elementy menu */
#header .tvcmsdesktop-megamenu li,
#header .tvcmsdesktop-megamenu li a,
#header .tvcmsmegamenu-wrapper li,
#header .tvcmsmegamenu-wrapper li a {
padding-top: 8px !important;
padding-bottom: 8px !important;
line-height: 1.2 !important;
}
/* Odstęp między headerem a sliderem */
#wrapper,
.tv-main-div #wrapper,
.page-home {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Gdyby szablon dawał dodatkowy pionowy luz pod headerem */
#header {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - HEADER DESKTOP
Kompaktowy header na desktopie
DODAJ NA SAM KONIEC custom.css
========================================================= */
@media (min-width: 992px) {
/* Cały header */
#header {
height: auto !important;
min-height: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* Górny pasek z telefonem / darmową dostawą / logowaniem */
#header .tvcmsdesktop-top-header-wrapper,
#header .tvcmsdesktop-top-header,
#header .tvcmsdesktop-top-wrapper {
min-height: 0 !important;
height: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#header .tvcmsdesktop-contact,
#header .tvheader-offer-wrapper,
#header .tvheader-language-currency-wrapper {
padding-top: 4px !important;
padding-bottom: 4px !important;
min-height: 0 !important;
}
/* Drugi pasek: logo / menu / wyszukiwarka */
#header .tvcmsdesktop-top-second {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
#header .tvcmsdesktop-top-header-box {
align-items: center !important;
min-height: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Kolumny w drugim pasku */
#header .tvcms-header-logo-wrapper,
#header .tvcms-header-menu-offer-wrapper,
#header .tvcmsheader-nav-right {
padding-top: 0 !important;
padding-bottom: 0 !important;
min-height: 0 !important;
}
/* Logo */
#header #tvcmsdesktop-logo,
#header .tvcms-header-logo,
#header .tv-header-logo,
#header .tv-header-logo a {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
}
#header .tvcms-header-logo-wrapper {
display: flex !important;
align-items: center !important;
}
#header .tv-header-logo img,
#header .tvcms-header-logo img,
#header #tvcmsdesktop-logo img,
#header img.logo {
width: auto !important;
height: auto !important;
max-height: 78px !important;
}
/* Menu wrapper */
#header .tvcms-header-menu,
#header .tvcmsmain-menu-wrapper,
#header #tvdesktop-megamenu,
#header .container_tv_megamenu,
#header #tv-menu-horizontal,
#header #tv-menu-horizontal .menu-content {
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
/* Menu */
#header #tv-menu-horizontal .menu-content {
display: flex !important;
align-items: center !important;
justify-content: center !important;
column-gap: 14px !important;
row-gap: 0 !important;
}
#header #tv-menu-horizontal .menu-content > li {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
}
#header #tv-menu-horizontal .menu-content > li > a,
#header #tv-menu-horizontal .menu-content > li > span {
padding-top: 6px !important;
padding-bottom: 6px !important;
line-height: 1.1 !important;
}
/* Wyszukiwarka i prawa kolumna */
#header .tvcmsheader-nav-right {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
}
#header .tvcmssearch-wrapper,
#header .tvheader-compare,
#header .tv-contact-account-cart-wrapper,
#header .tvcms-header-cart {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Wysokość pola wyszukiwania */
#header .tvsearch-header-display-wrappper form,
#header .tvheader-top-search,
#header .tvheader-top-search-wrapper-info-box,
#header .tvcmssearch-words,
#header .tvheader-search-btn {
min-height: 0 !important;
}
#header .tvcmssearch-words {
height: 44px !important;
line-height: 44px !important;
}
#header .tvheader-search-btn {
height: 44px !important;
width: 44px !important;
}
}
/* =========================================================
EMALIA RYBNIK - HEADER DESKTOP
Ostatni szlif
DODAJ NA SAM KONIEC custom.css
========================================================= */
@media (min-width: 992px) {
#header .tv-header-logo img,
#header .tvcms-header-logo img,
#header #tvcmsdesktop-logo img,
#header img.logo {
max-height: 68px !important;
}
#header .tvcmsdesktop-top-second {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
#header .tvcmsdesktop-top-header-box {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#header #tv-menu-horizontal .menu-content > li > a,
#header #tv-menu-horizontal .menu-content > li > span {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
}
/* =========================================================
EMALIA RYBNIK - HEADER DESKTOP
Korekta pustej przestrzeni i proporcji logo/menu/search
DODAJ NA SAM KONIEC custom.css
========================================================= */
@media (min-width: 992px) {
/* Cały desktopowy drugi pasek headera */
#header .tvcmsdesktop-top-second {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
#header .tvcmsdesktop-top-header-box {
min-height: auto !important;
align-items: center !important;
}
/* Kolumny headera */
#header .tvcms-header-logo-wrapper,
#header .tvcms-header-menu-offer-wrapper,
#header .tvcmsheader-nav-right {
padding-top: 0 !important;
padding-bottom: 0 !important;
min-height: auto !important;
display: flex !important;
align-items: center !important;
}
/* Logo - trochę większe, ale bez pustego pola */
#header #tvcmsdesktop-logo,
#header .tvcms-header-logo,
#header .tv-header-logo,
#header .tv-header-logo a {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
height: auto !important;
min-height: auto !important;
}
#header .tvcms-header-logo-wrapper {
height: auto !important;
}
#header .tv-header-logo img,
#header .tvcms-header-logo img,
#header #tvcmsdesktop-logo img,
#header img.logo {
width: auto !important;
height: auto !important;
max-height: 82px !important;
display: block !important;
}
/* Środkowa kolumna z menu - zbicie pustki */
#header .tvcms-header-menu-offer-wrapper {
justify-content: center !important;
}
#header .tvcms-header-menu,
#header .tvcmsmain-menu-wrapper,
#header #tvdesktop-megamenu,
#header .container_tv_megamenu,
#header #tv-menu-horizontal,
#header #tv-menu-horizontal .menu-content {
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
height: auto !important;
}
#header #tv-menu-horizontal .menu-content {
display: flex !important;
align-items: center !important;
justify-content: center !important;
column-gap: 14px !important;
}
#header #tv-menu-horizontal .menu-content > li {
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
display: flex !important;
align-items: center !important;
}
#header #tv-menu-horizontal .menu-content > li > a,
#header #tv-menu-horizontal .menu-content > li > span {
padding-top: 4px !important;
padding-bottom: 4px !important;
line-height: 1.1 !important;
}
/* Prawa kolumna - search i ikony bardziej w jednej linii */
#header .tvcmsheader-nav-right {
justify-content: flex-end !important;
gap: 10px !important;
}
#header .tvcmssearch-wrapper,
#header .tvheader-compare,
#header .tv-contact-account-cart-wrapper,
#header .tvcms-header-cart,
#header #_desktop_search {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
}
/* Search wrapper */
#header .tvsearch-top-wrapper,
#header .tvsearch-header-display-wrappper,
#header .tvheader-top-search,
#header .tvheader-top-search-wrapper-info-box {
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
}
#header .tvsearch-header-display-wrappper form {
margin: 0 !important;
display: flex !important;
align-items: center !important;
}
#header .tvcmssearch-words {
height: 42px !important;
line-height: 42px !important;
}
#header .tvheader-search-btn {
width: 42px !important;
height: 42px !important;
}
/* Zmniejszenie pustki między top barem a drugim paskiem */
#header .tvcmsdesktop-top-header-wrapper {
margin-bottom: 0 !important;
}
/* Bez dodatkowego luzu przed sliderem */
#header {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - HEADER DESKTOP
Tylko powiększenie logo bez zmiany odstępów
DODAJ NA SAM KONIEC custom.css
========================================================= */
@media (min-width: 992px) {
#header .tv-header-logo img,
#header .tvcms-header-logo img,
#header #tvcmsdesktop-logo img,
#header img.logo {
width: auto !important;
height: auto !important;
max-height: 96px !important;
display: block !important;
}
}
/* =========================================================
EMALIA RYBNIK - HEADER DESKTOP
Bezpieczne wyśrodkowanie logo w lewej kolumnie
DODAJ NA SAM KONIEC custom.css
========================================================= */
@media (min-width: 992px) {
#header .tvcms-header-logo-wrapper {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#header #tvcmsdesktop-logo,
#header .tvcms-header-logo,
#header .tv-header-logo,
#header .tv-header-logo a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
}
}
/* =========================================================
EMALIA RYBNIK - MULTIBANNER1
3 kafelki pod sliderem
- desktop: 3 równe bannery obok siebie
- tablet/mobile: 2 lub 1 wiersz zależnie od szerokości
- ukrycie tylko naprawdę pustego 3. bannera
Moduł: ThemeVolty - MultiBanner1
========================================================= */
/* Główny wrapper modułu */
.tvcmsmultibanners {
width: 100%;
clear: both;
margin: 18px 0 24px 0 !important;
padding: 0 !important;
}
/* Kontener wewnętrzny */
.tvcmsmultibanners .container {
width: 100%;
max-width: 100%;
padding-left: 8px !important;
padding-right: 8px !important;
}
/* Wrapper wszystkich bannerów */
.tvmultibanner {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: space-between !important;
gap: 16px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* Pojedynczy banner - desktop 3 kolumny */
.tvmultibanner .tvmultibanner1-wrapper,
.tvmultibanner .tvmultibanner2-wrapper,
.tvmultibanner .tvmultibanner3-wrapper {
position: relative !important;
flex: 0 0 calc(33.333% - 11px) !important;
max-width: calc(33.333% - 11px) !important;
width: calc(33.333% - 11px) !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
background: #f8f6f3 !important;
border: 0 !important;
}
/* Ukrywaj tylko pusty 3. banner */
.tvmultibanner .tvmultibanner3-wrapper:empty,
.tvmultibanner .tvmultibanner3-wrapper:has(img[src=""]),
.tvmultibanner .tvmultibanner3-wrapper:has(a[href=""]) {
display: none !important;
}
/* Gdy 3. banner jest pusty - dwa pierwsze wracają do 2 kolumn */
.tvmultibanner:has(.tvmultibanner3-wrapper:empty) .tvmultibanner1-wrapper,
.tvmultibanner:has(.tvmultibanner3-wrapper:empty) .tvmultibanner2-wrapper,
.tvmultibanner:has(.tvmultibanner3-wrapper:has(img[src=""])) .tvmultibanner1-wrapper,
.tvmultibanner:has(.tvmultibanner3-wrapper:has(img[src=""])) .tvmultibanner2-wrapper,
.tvmultibanner:has(.tvmultibanner3-wrapper:has(a[href=""])) .tvmultibanner1-wrapper,
.tvmultibanner:has(.tvmultibanner3-wrapper:has(a[href=""])) .tvmultibanner2-wrapper {
flex: 0 0 calc(50% - 8px) !important;
max-width: calc(50% - 8px) !important;
width: calc(50% - 8px) !important;
}
/* Link bannera */
.tvmultibanner .tvbanner-hover-wrapper {
position: relative !important;
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
text-decoration: none !important;
line-height: 0 !important;
box-sizing: border-box !important;
}
/* Obrazek bannera */
.tvmultibanner .tvbanner-hover-wrapper img,
.tvmultibanner .tvbanner-hover-wrapper .tv-img-responsive,
.tvmultibanner .tvbanner-hover-wrapper .img-responsive {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
border: 0 !important;
}
/* Pusta warstwa tekstowa z modułu */
.tvmultibanner .tvmultibanner-content,
.tvmultibanner .right.tvmultibanner-content,
.tvmultibanner .left.tvmultibanner-content {
display: none !important;
}
/* Hover */
.tvmultibanner .tvbanner-hover-wrapper:after {
display: none !important;
}
.tvmultibanner .tvbanner-hover-wrapper:hover img {
transform: scale(1.015);
transition: transform 0.35s ease;
}
/* Tablet */
@media (max-width: 991px) {
.tvcmsmultibanners {
margin: 14px 0 20px 0 !important;
}
.tvmultibanner {
gap: 12px !important;
}
.tvmultibanner .tvmultibanner1-wrapper,
.tvmultibanner .tvmultibanner2-wrapper,
.tvmultibanner .tvmultibanner3-wrapper {
flex: 0 0 calc(50% - 6px) !important;
max-width: calc(50% - 6px) !important;
width: calc(50% - 6px) !important;
}
}
/* Mobile */
@media (max-width: 767px) {
.tvcmsmultibanners {
margin: 10px 0 18px 0 !important;
}
.tvcmsmultibanners .container {
padding-left: 10px !important;
padding-right: 10px !important;
}
.tvmultibanner {
gap: 8px !important;
}
.tvmultibanner .tvmultibanner1-wrapper,
.tvmultibanner .tvmultibanner2-wrapper,
.tvmultibanner .tvmultibanner3-wrapper {
flex: 0 0 calc(50% - 4px) !important;
max-width: calc(50% - 4px) !important;
width: calc(50% - 4px) !important;
}
}
/* Bardzo mały mobile */
@media (max-width: 480px) {
.tvmultibanner {
gap: 8px !important;
}
.tvmultibanner .tvmultibanner1-wrapper,
.tvmultibanner .tvmultibanner2-wrapper,
.tvmultibanner .tvmultibanner3-wrapper {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
}
/* =========================================================
EMALIA RYBNIK - Cookie Consent
Wygląd banera cookie i centrum preferencji
Dodaj na końcu custom.css
========================================================= */
#cc-main {
--cc-font-family: inherit;
--cc-modal-border-radius: 14px;
--cc-btn-border-radius: 7px;
--cc-primary-color: #2f353b;
--cc-secondary-color: #5f6870;
--cc-bg: #ffffff;
--cc-separator-border-color: #edf0f2;
--cc-footer-bg: #ffffff;
--cc-toggle-on-bg: #9a6a36;
--cc-toggle-off-bg: #66737f;
--cc-toggle-readonly-bg: #d9e0e5;
--cc-btn-primary-bg: #2f353b;
--cc-btn-primary-color: #ffffff;
--cc-btn-primary-hover-bg: #1f252a;
--cc-btn-secondary-bg: #edf2f5;
--cc-btn-secondary-color: #2f353b;
--cc-btn-secondary-hover-bg: #dfe7ec;
}
/* Główny baner */
#cc-main .cm {
max-width: 865px;
width: calc(100% - 28px);
border-radius: 14px;
border: 1px solid #eadfce;
box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18);
overflow: hidden;
}
/* Treść banera */
#cc-main .cm__body {
padding: 24px 26px;
}
/* Tytuł */
#cc-main .cm__title {
color: #2f353b;
font-size: 18px;
line-height: 1.35;
font-weight: 700;
letter-spacing: 0.02em;
}
/* Opis */
#cc-main .cm__desc {
color: #5a6269;
font-size: 14px;
line-height: 1.65;
letter-spacing: 0.02em;
}
/* Link polityki prywatności w treści */
#cc-main .emalia-cookie-policy-link {
display: inline-flex;
align-items: center;
color: #9a6a36;
font-weight: 600;
text-decoration: none;
}
#cc-main .emalia-cookie-policy-link:hover {
color: #70491f;
text-decoration: underline;
}
/* Przyciski w banerze */
#cc-main .cm__btns {
padding: 16px 20px;
border-left: 1px solid #edf0f2;
gap: 8px;
}
#cc-main .cm__btn {
min-height: 42px;
padding: 10px 18px;
font-size: 13px;
font-weight: 700;
border-radius: 7px;
}
/* Główny przycisk */
#cc-main .cm__btn[data-role="all"] {
background: #2f353b;
color: #ffffff;
border-color: #2f353b;
}
#cc-main .cm__btn[data-role="all"]:hover {
background: #1f252a;
border-color: #1f252a;
}
/* Dostosuj zgody */
#cc-main .cm__btn[data-role="show"] {
background: #f4ede3;
color: #4a3a2a;
border-color: #eadfce;
}
#cc-main .cm__btn[data-role="show"]:hover {
background: #eadfce;
}
/* Odrzuć wszystko */
#cc-main .cm__btn[data-role="necessary"] {
background: #66737f;
color: #ffffff;
border-color: #66737f;
}
#cc-main .cm__btn[data-role="necessary"]:hover {
background: #53606b;
border-color: #53606b;
}
/* Modal preferencji */
#cc-main .pm {
border-radius: 14px;
border: 1px solid #eadfce;
box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}
/* Nagłówek modala */
#cc-main .pm__header {
padding: 22px 24px 16px;
border-bottom: 1px solid #edf0f2;
}
#cc-main .pm__title {
color: #2f353b;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.02em;
}
/* Przycisk zamknięcia */
#cc-main .pm__close-btn {
width: 40px;
height: 40px;
border-radius: 8px;
background: #edf2f5;
color: #2f353b;
}
#cc-main .pm__close-btn:hover {
background: #dfe7ec;
}
/* Środek modala */
#cc-main .pm__body {
padding: 18px 24px 12px;
}
/* Sekcja informacyjna na górze */
#cc-main .pm__section:first-child {
padding-bottom: 12px;
}
#cc-main .pm__section-title {
color: #2f353b;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
}
#cc-main .pm__section-desc {
color: #5f6870;
font-size: 14px;
line-height: 1.6;
}
/* Belki kategorii */
#cc-main .pm__section--toggle {
margin-bottom: 8px;
border-radius: 7px;
background: #edf2f5;
border: 1px solid #edf2f5;
}
#cc-main .pm__section--toggle:hover {
border-color: #d9e0e5;
}
/* Badge "Zawsze aktywne" */
#cc-main .pm__badge {
background: #d9e0e5;
color: #ffffff;
border-radius: 999px;
padding: 4px 9px;
font-size: 11px;
font-weight: 700;
}
/* Stopka modala */
#cc-main .pm__footer {
padding: 16px 24px;
border-top: 1px solid #edf0f2;
background: #ffffff;
}
/* Przyciski w modalu */
#cc-main .pm__btn {
min-height: 42px;
padding: 10px 18px;
font-size: 13px;
font-weight: 700;
border-radius: 7px;
}
/* Zapisz preferencje bardziej widoczny */
#cc-main .pm__btn[data-role="save"] {
background: #f4ede3;
color: #4a3a2a;
border-color: #eadfce;
}
#cc-main .pm__btn[data-role="save"]:hover {
background: #eadfce;
}
/* Mobile */
@media (max-width: 767px) {
#cc-main .cm {
width: calc(100% - 20px);
max-width: none;
bottom: 10px;
border-radius: 12px;
}
#cc-main .cm__body {
padding: 20px 18px 14px;
}
#cc-main .cm__title {
font-size: 17px;
}
#cc-main .cm__desc {
font-size: 13px;
line-height: 1.55;
}
#cc-main .cm__btns {
padding: 12px 18px 18px;
border-left: 0;
border-top: 1px solid #edf0f2;
}
#cc-main .cm__btn {
width: 100%;
min-height: 42px;
}
#cc-main .pm {
width: calc(100% - 20px);
max-width: none;
max-height: 90vh;
border-radius: 12px;
}
#cc-main .pm__header {
padding: 18px 18px 14px;
}
#cc-main .pm__title {
font-size: 17px;
padding-right: 46px;
}
#cc-main .pm__body {
padding: 16px 18px 8px;
}
#cc-main .pm__footer {
padding: 14px 18px 18px;
}
#cc-main .pm__btn {
width: 100%;
min-height: 42px;
}
}
/* =========================================================
EMALIA RYBNIK - Cookie Consent poprawki po wdrożeniu
Dodaj na końcu custom.css, POD poprzednim kodem cookie
========================================================= */
/* Usunięcie niepotrzebnego scrolla w banerze cookie */
#cc-main .cm,
#cc-main .cm__body,
#cc-main .cm__texts,
#cc-main .cm__desc {
overflow: visible !important;
max-height: none !important;
}
/* Główny baner - trochę szerszy i spokojniejszy */
#cc-main .cm {
max-width: 880px !important;
border-radius: 14px !important;
}
/* Lepszy układ treści w banerze */
#cc-main .cm__body {
padding: 28px 34px !important;
}
/* Prawa kolumna z przyciskami */
#cc-main .cm__btns {
min-width: 300px;
padding: 28px 34px !important;
border-left: 1px solid #edf0f2;
}
/* Przyciski w banerze */
#cc-main .cm__btn {
min-height: 42px !important;
font-size: 13px !important;
border-radius: 7px !important;
}
/* Link polityki prywatności bliżej tekstu */
#cc-main .emalia-cookie-policy-link {
margin-top: 2px;
}
/* Modal preferencji - mniejsza wysokość, mniej pustego miejsca */
#cc-main .pm {
max-width: 690px !important;
max-height: none !important;
height: auto !important;
min-height: 0 !important;
}
/* Środek modala - mniej pustego miejsca */
#cc-main .pm__body {
padding: 18px 24px 18px !important;
max-height: none !important;
overflow: visible !important;
}
/* Sekcje w modalu */
#cc-main .pm__section {
margin-bottom: 8px !important;
}
/* Belki kategorii trochę niższe */
#cc-main .pm__section--toggle {
min-height: 58px;
}
/* Stopka modala bliżej treści */
#cc-main .pm__footer {
padding: 14px 24px 16px !important;
}
/* Przyciski w stopce modala */
#cc-main .pm__footer .pm__btn {
min-height: 42px !important;
}
/* Zapisz preferencje - bardziej widoczne */
#cc-main .pm__btn[data-role="save"] {
background: #2f353b !important;
color: #ffffff !important;
border-color: #2f353b !important;
}
#cc-main .pm__btn[data-role="save"]:hover {
background: #1f252a !important;
border-color: #1f252a !important;
}
/* Akceptuj wszystkie w modalu - kolor marki / beż */
#cc-main .pm__btn[data-role="all"] {
background: #9a6a36 !important;
color: #ffffff !important;
border-color: #9a6a36 !important;
}
#cc-main .pm__btn[data-role="all"]:hover {
background: #70491f !important;
border-color: #70491f !important;
}
/* Tylko niezbędne - neutralny jasny przycisk */
#cc-main .pm__btn[data-role="necessary"] {
background: #edf2f5 !important;
color: #2f353b !important;
border-color: #edf2f5 !important;
}
#cc-main .pm__btn[data-role="necessary"]:hover {
background: #dfe7ec !important;
}
/* Mobile */
@media (max-width: 767px) {
#cc-main .cm {
width: calc(100% - 20px) !important;
max-width: none !important;
}
#cc-main .cm__body {
padding: 20px 18px 14px !important;
}
#cc-main .cm__btns {
min-width: 0;
padding: 12px 18px 18px !important;
border-left: 0;
border-top: 1px solid #edf0f2;
}
#cc-main .pm {
width: calc(100% - 20px) !important;
max-width: none !important;
max-height: 90vh !important;
overflow: hidden !important;
}
#cc-main .pm__body {
max-height: calc(90vh - 170px) !important;
overflow-y: auto !important;
padding: 16px 18px 12px !important;
}
#cc-main .pm__footer {
padding: 14px 18px 18px !important;
}
#cc-main .pm__footer .pm__btn {
width: 100% !important;
}
}
/* =========================================================
EMALIA RYBNIK - Cookie Consent finalne dopracowanie
Dodaj na końcu custom.css, POD poprzednim kodem cookie
========================================================= */
/* Delikatnie niższy banner cookie */
#cc-main .cm__body {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
#cc-main .cm__btns {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
/* Przyciski w banerze trochę równiejsze wizualnie */
#cc-main .cm__btn {
min-height: 43px !important;
}
/* Dostosuj zgody - trochę lepszy kontrast */
#cc-main .cm__btn[data-role="show"] {
background: #f2e8da !important;
color: #4a3420 !important;
border-color: #dfcbb1 !important;
}
#cc-main .cm__btn[data-role="show"]:hover {
background: #ead9c2 !important;
border-color: #d3b992 !important;
}
/* Link polityki prywatności - bardziej elegancki */
#cc-main .emalia-cookie-policy-link {
color: #a46f35 !important;
font-weight: 700 !important;
}
#cc-main .emalia-cookie-policy-link:hover {
color: #70491f !important;
}
/* Mobile - bez zmian w logice, tylko spokojniejsze odstępy */
@media (max-width: 767px) {
#cc-main .cm__body {
padding-top: 18px !important;
padding-bottom: 12px !important;
}
#cc-main .cm__btns {
padding-top: 12px !important;
padding-bottom: 18px !important;
}
}
/* =========================================================
EMALIA RYBNIK - MULTIBANNER1
Dodatkowe spłaszczenie 3 kafelków
DODAJ NA SAM KONIEC custom.css
========================================================= */
.tvmultibanner .tvbanner-hover-wrapper img,
.tvmultibanner .tvbanner-hover-wrapper .tv-img-responsive,
.tvmultibanner .tvbanner-hover-wrapper .img-responsive {
aspect-ratio: 401 / 232 !important;
object-fit: cover !important;
}
/* Desktop */
@media (min-width: 992px) {
.tvmultibanner .tvmultibanner1-wrapper,
.tvmultibanner .tvmultibanner2-wrapper,
.tvmultibanner .tvmultibanner3-wrapper {
flex: 0 0 calc(33.333% - 11px) !important;
max-width: calc(33.333% - 11px) !important;
width: calc(33.333% - 11px) !important;
}
.tvmultibanner .tvbanner-hover-wrapper img,
.tvmultibanner .tvbanner-hover-wrapper .tv-img-responsive,
.tvmultibanner .tvbanner-hover-wrapper .img-responsive {
max-height: 235px !important;
min-height: 235px !important;
}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
.tvmultibanner .tvbanner-hover-wrapper img,
.tvmultibanner .tvbanner-hover-wrapper .tv-img-responsive,
.tvmultibanner .tvbanner-hover-wrapper .img-responsive {
max-height: 200px !important;
min-height: 200px !important;
}
}
/* Mobile */
@media (max-width: 767px) {
.tvmultibanner .tvbanner-hover-wrapper img,
.tvmultibanner .tvbanner-hover-wrapper .tv-img-responsive,
.tvmultibanner .tvbanner-hover-wrapper .img-responsive {
max-height: 165px !important;
min-height: 165px !important;
}
}
/* Bardzo mały mobile */
@media (max-width: 480px) {
.tvmultibanner .tvbanner-hover-wrapper img,
.tvmultibanner .tvbanner-hover-wrapper .tv-img-responsive,
.tvmultibanner .tvbanner-hover-wrapper .img-responsive {
max-height: 145px !important;
min-height: 145px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY CSS SLIDERA STRONY GŁÓWNEJ
Moduł: ThemeVolty Slider / tvcmsslider
Działa dla desktop + mobile
Wklej na końcu custom.css po usunięciu wcześniejszych kodów slidera
========================================================= */
/* Główny wrapper slidera */
.tvcms-slider-offerbanner-wrapper {
overflow: hidden !important;
}
/* Link / slajd */
.tvcms-slider-offerbanner-wrapper .tvslider-list,
.tvcms-slider-offerbanner-wrapper .tvimage {
position: relative !important;
display: block !important;
overflow: hidden !important;
}
/* Obraz slidera */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-img {
width: 100% !important;
height: auto !important;
display: block !important;
object-fit: cover !important;
}
/* Kontener tekstu na slajdzie */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-content-inner {
position: absolute !important;
top: 50% !important;
right: 7% !important;
left: auto !important;
bottom: auto !important;
width: 520px !important;
max-width: 42% !important;
transform: translateY(-50%) !important;
z-index: 5 !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
background: transparent !important;
}
/* Wewnętrzny box treści */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-contant {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
background: transparent !important;
}
/* Tytuł slidera */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-title {
display: block !important;
margin: 0 0 34px 0 !important;
padding: 0 !important;
font-size: 30px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
letter-spacing: 1px !important;
text-transform: none !important;
color: #111111 !important;
text-align: center !important;
white-space: normal !important;
}
/* Opis slidera */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info {
display: block !important;
margin: 0 0 28px 0 !important;
padding: 0 !important;
font-size: 14px !important;
line-height: 1.6 !important;
font-weight: 400 !important;
letter-spacing: 0.8px !important;
text-transform: none !important;
color: #111111 !important;
text-align: center !important;
background: transparent !important;
}
/* Czyszczenie elementów z edytora HTML wewnątrz opisu */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info p,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info span,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info div,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info code,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info pre {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important;
text-transform: inherit !important;
color: inherit !important;
white-space: normal !important;
}
/* Ukrycie pustych paragrafów w opisie */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info p:empty {
display: none !important;
}
/* Kontener przycisku */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-btn {
display: block !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
/* Przycisk slidera */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn-primary {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 250px !important;
height: 58px !important;
padding: 0 32px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #dcc39e !important;
box-shadow: none !important;
color: #111111 !important;
text-align: center !important;
text-decoration: none !important;
cursor: pointer !important;
}
/* Tekst w przycisku */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button span {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 500 !important;
letter-spacing: 0.4px !important;
text-transform: uppercase !important;
color: #111111 !important;
}
/* Hover przycisku */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button:hover,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn:hover,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn-primary:hover {
background: #c9a979 !important;
color: #ffffff !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button:hover span {
color: #ffffff !important;
}
/* Strzałki slidera */
.tvcms-slider-offerbanner-wrapper .tvcmsmain-prev,
.tvcms-slider-offerbanner-wrapper .tvcmsmain-next {
width: 42px !important;
height: 42px !important;
background: #111111 !important;
color: #ffffff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 1 !important;
z-index: 8 !important;
}
.tvcms-slider-offerbanner-wrapper .tvcmsmain-prev:hover,
.tvcms-slider-offerbanner-wrapper .tvcmsmain-next:hover {
background: #dcc39e !important;
color: #111111 !important;
}
/* Kropki slidera */
.tvcms-slider-offerbanner-wrapper .owl-dots {
position: absolute !important;
left: 50% !important;
bottom: 16px !important;
transform: translateX(-50%) !important;
z-index: 9 !important;
margin: 0 !important;
}
.tvcms-slider-offerbanner-wrapper .owl-dot span {
width: 10px !important;
height: 10px !important;
margin: 0 4px !important;
background: rgba(220, 195, 158, 0.65) !important;
border-radius: 50% !important;
}
.tvcms-slider-offerbanner-wrapper .owl-dot.active span {
background: #dcc39e !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 991px) {
.tvcms-slider-offerbanner-wrapper .tvmain-slider-content-inner {
right: 5% !important;
width: 380px !important;
max-width: 45% !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-title {
margin-bottom: 20px !important;
font-size: 22px !important;
line-height: 1.25 !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info {
margin-bottom: 18px !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn-primary {
min-width: 190px !important;
height: 46px !important;
padding: 0 22px !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button span {
font-size: 12px !important;
}
}
/* =========================================================
MOBILE
Na mobile ukrywamy opis, bo slider ma mało wysokości.
Zostaje tytuł + przycisk.
========================================================= */
@media (max-width: 767px) {
.tvcms-slider-offerbanner-wrapper .tvmain-slider-content-inner {
top: 50% !important;
right: 3.5% !important;
left: auto !important;
width: 50% !important;
max-width: 50% !important;
transform: translateY(-50%) !important;
text-align: center !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-title {
margin: 0 0 14px 0 !important;
font-size: 11px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
letter-spacing: 0.5px !important;
color: #111111 !important;
text-align: center !important;
white-space: normal !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info {
display: none !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-btn {
display: block !important;
text-align: center !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn-primary {
min-width: 130px !important;
width: auto !important;
height: 34px !important;
padding: 0 12px !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button span {
font-size: 8.5px !important;
line-height: 1 !important;
letter-spacing: 0.3px !important;
white-space: nowrap !important;
}
.tvcms-slider-offerbanner-wrapper .owl-dots {
bottom: 8px !important;
}
.tvcms-slider-offerbanner-wrapper .owl-dot span {
width: 8px !important;
height: 8px !important;
}
.tvcms-slider-offerbanner-wrapper .tvcmsmain-prev,
.tvcms-slider-offerbanner-wrapper .tvcmsmain-next {
width: 30px !important;
height: 30px !important;
}
.tvcms-slider-offerbanner-wrapper .tvcmsmain-prev i,
.tvcms-slider-offerbanner-wrapper .tvcmsmain-next i {
font-size: 18px !important;
}
}
/* Bardzo małe telefony */
@media (max-width: 420px) {
.tvcms-slider-offerbanner-wrapper .tvmain-slider-content-inner {
right: 3% !important;
width: 51% !important;
max-width: 51% !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-title {
margin-bottom: 12px !important;
font-size: 10.5px !important;
line-height: 1.2 !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn-primary {
min-width: 122px !important;
height: 32px !important;
padding: 0 10px !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button span {
font-size: 8px !important;
}
}
/* =========================================================
EMALIA RYBNIK - slider: większe teksty desktop + mobile
Dodaj na końcu custom.css
========================================================= */
/* DESKTOP */
@media (min-width: 992px) {
.tvcms-slider-offerbanner-wrapper .tvmain-slider-content-inner {
right: 7% !important;
width: 560px !important;
max-width: 44% !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-title {
margin: 0 0 30px 0 !important;
font-size: 34px !important;
line-height: 1.22 !important;
font-weight: 500 !important;
letter-spacing: 0.8px !important;
color: #111111 !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info {
display: block !important;
margin: 0 0 30px 0 !important;
font-size: 17px !important;
line-height: 1.55 !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
color: #111111 !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info p,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info span,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info div,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info code,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info pre {
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important;
color: inherit !important;
font-family: inherit !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn-primary {
min-width: 270px !important;
height: 62px !important;
padding: 0 34px !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button span {
font-size: 16px !important;
font-weight: 500 !important;
letter-spacing: 0.4px !important;
}
}
/* TABLET */
@media (min-width: 768px) and (max-width: 991px) {
.tvcms-slider-offerbanner-wrapper .tvmain-slider-content-inner {
right: 5% !important;
width: 430px !important;
max-width: 48% !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-title {
margin: 0 0 22px 0 !important;
font-size: 26px !important;
line-height: 1.22 !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info {
display: block !important;
margin: 0 0 22px 0 !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn-primary {
min-width: 210px !important;
height: 50px !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button span {
font-size: 13px !important;
}
}
/* MOBILE */
@media (max-width: 767px) {
.tvcms-slider-offerbanner-wrapper .tvmain-slider-content-inner {
top: 50% !important;
right: 4% !important;
width: 52% !important;
max-width: 52% !important;
transform: translateY(-50%) !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-title {
display: block !important;
margin: 0 0 14px 0 !important;
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
color: #111111 !important;
text-align: center !important;
white-space: normal !important;
}
/* Na mobile opis nadal ukryty, żeby nie psuł slidera */
.tvcms-slider-offerbanner-wrapper .tvmain-slider-info {
display: none !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn-primary {
min-width: 150px !important;
height: 38px !important;
padding: 0 14px !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button span {
font-size: 9.5px !important;
line-height: 1 !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
white-space: nowrap !important;
}
}
/* MAŁE TELEFONY */
@media (max-width: 420px) {
.tvcms-slider-offerbanner-wrapper .tvmain-slider-content-inner {
right: 3% !important;
width: 54% !important;
max-width: 54% !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-title {
margin-bottom: 12px !important;
font-size: 12px !important;
line-height: 1.2 !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn,
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button.btn-primary {
min-width: 140px !important;
height: 36px !important;
padding: 0 12px !important;
}
.tvcms-slider-offerbanner-wrapper .tvmain-slider-button span {
font-size: 9px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY CSS HOME PRODUKTY PREMIUM v2
Moduły:
- ThemeVolty New Product / tvcmsnewproducts
- ThemeVolty Featured Product / tvcmsfeaturedproducts
- ThemeVolty Best Seller / tvcmsbestsellerproducts
- ThemeVolty Footer Product / tvcmsfooterproduct
Efekt:
- 3 spójne sekcje: Nowości / Polecane / Bestsellery
- szeroko prawie na cały ekran
- mniej pustego miejsca
- większe zdjęcia
- bardziej premium wygląd
- mobile: ciaśniej, czytelniej, bez dużych przerw
Wklej na końcu custom.css po usunięciu wcześniejszych kodów
dla tych sekcji.
========================================================= */
/* =========================================================
1. UKRYCIE STAREGO DOLNEGO MODUŁU
Stary moduł robił małe boksy Nowości/Bestsellery pod sekcjami.
========================================================= */
#index .tvfooter-product-box-layout {
display: none !important;
}
/* =========================================================
2. WSPÓLNY UKŁAD SEKCJI
========================================================= */
#index .tvcmsnew-product,
#index .tvcmsfeatured-product,
#index .tvcmsbest-seller-product,
#index .tvnew-product,
#index .tvfeatured-product,
#index .tvbest-seller-product {
width: 100% !important;
max-width: 100% !important;
margin: 20px 0 26px 0 !important;
padding: 0 !important;
background: #ffffff !important;
overflow: hidden !important;
}
/* Kontener prawie na całą szerokość strony */
#index .tvcmsnew-product .container,
#index .tvcmsfeatured-product .container,
#index .tvcmsbest-seller-product .container,
#index .tvnew-product .container,
#index .tvfeatured-product .container,
#index .tvbest-seller-product .container {
width: 100% !important;
max-width: 1540px !important;
padding-left: 18px !important;
padding-right: 18px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Reset zbędnych marginesów modułu */
#index .tvcmsnew-product .tvcmstab-product,
#index .tvcmsfeatured-product .tvcmstab-product,
#index .tvcmsbest-seller-product .tvcmstab-product,
#index .tvnew-product .tvcmstab-product,
#index .tvfeatured-product .tvcmstab-product,
#index .tvbest-seller-product .tvcmstab-product,
#index .tvcmsnew-product .tvproduct-wrapper-info-box,
#index .tvcmsfeatured-product .tvproduct-wrapper-info-box,
#index .tvcmsbest-seller-product .tvproduct-wrapper-info-box,
#index .tvnew-product .tvproduct-wrapper-info-box,
#index .tvfeatured-product .tvproduct-wrapper-info-box,
#index .tvbest-seller-product .tvproduct-wrapper-info-box {
margin: 0 !important;
padding: 0 !important;
}
/* =========================================================
3. NAGŁÓWKI SEKCJI
========================================================= */
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper,
#index .tvcmsnew-product .tvcms-main-title,
#index .tvcmsfeatured-product .tvcms-main-title,
#index .tvcmsbest-seller-product .tvcms-main-title,
#index .tvnew-product .tvcms-main-title,
#index .tvfeatured-product .tvcms-main-title,
#index .tvbest-seller-product .tvcms-main-title {
width: 100% !important;
margin: 0 0 18px 0 !important;
padding: 0 !important;
text-align: center !important;
}
#index .tvcmsnew-product .tvmain-title,
#index .tvcmsfeatured-product .tvmain-title,
#index .tvcmsbest-seller-product .tvmain-title,
#index .tvnew-product .tvmain-title,
#index .tvfeatured-product .tvmain-title,
#index .tvbest-seller-product .tvmain-title {
display: block !important;
width: 100% !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
}
#index .tvcmsnew-product .tvmain-title h2,
#index .tvcmsfeatured-product .tvmain-title h2,
#index .tvcmsbest-seller-product .tvmain-title h2,
#index .tvnew-product .tvmain-title h2,
#index .tvfeatured-product .tvmain-title h2,
#index .tvbest-seller-product .tvmain-title h2 {
display: inline-block !important;
position: relative !important;
margin: 0 auto !important;
padding: 0 0 12px 0 !important;
color: #000000 !important;
font-size: 30px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
letter-spacing: -0.025em !important;
text-transform: none !important;
}
/* Delikatna kreska premium */
#index .tvcmsnew-product .tvmain-title h2::after,
#index .tvcmsfeatured-product .tvmain-title h2::after,
#index .tvcmsbest-seller-product .tvmain-title h2::after,
#index .tvnew-product .tvmain-title h2::after,
#index .tvfeatured-product .tvmain-title h2::after,
#index .tvbest-seller-product .tvmain-title h2::after {
content: "" !important;
position: absolute !important;
left: 50% !important;
bottom: 0 !important;
width: 108px !important;
height: 2px !important;
transform: translateX(-50%) !important;
background: #d9c2a3 !important;
}
/* =========================================================
4. SLIDER / OWL
========================================================= */
#index .tvcmsnew-product .owl-stage-outer,
#index .tvcmsfeatured-product .owl-stage-outer,
#index .tvcmsbest-seller-product .owl-stage-outer,
#index .tvnew-product .owl-stage-outer,
#index .tvfeatured-product .owl-stage-outer,
#index .tvbest-seller-product .owl-stage-outer {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
#index .tvcmsnew-product .owl-stage,
#index .tvcmsfeatured-product .owl-stage,
#index .tvcmsbest-seller-product .owl-stage,
#index .tvnew-product .owl-stage,
#index .tvfeatured-product .owl-stage,
#index .tvbest-seller-product .owl-stage {
margin-left: 0 !important;
display: flex !important;
align-items: stretch !important;
}
/* Mniejsze przerwy między produktami */
#index .tvcmsnew-product .owl-item,
#index .tvcmsfeatured-product .owl-item,
#index .tvcmsbest-seller-product .owl-item,
#index .tvnew-product .owl-item,
#index .tvfeatured-product .owl-item,
#index .tvbest-seller-product .owl-item {
padding-left: 10px !important;
padding-right: 10px !important;
}
/* =========================================================
5. KARTA PRODUKTU PREMIUM
========================================================= */
#index .tvcmsnew-product .tvproduct-wrapper,
#index .tvcmsfeatured-product .tvproduct-wrapper,
#index .tvcmsbest-seller-product .tvproduct-wrapper,
#index .tvnew-product .tvproduct-wrapper,
#index .tvfeatured-product .tvproduct-wrapper,
#index .tvbest-seller-product .tvproduct-wrapper {
position: relative !important;
height: 100% !important;
margin: 0 !important;
padding: 14px 12px 16px 12px !important;
background: #ffffff !important;
border: 1px solid transparent !important;
border-radius: 16px !important;
box-shadow: none !important;
text-align: center !important;
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}
#index .tvcmsnew-product .tvproduct-wrapper:hover,
#index .tvcmsfeatured-product .tvproduct-wrapper:hover,
#index .tvcmsbest-seller-product .tvproduct-wrapper:hover,
#index .tvnew-product .tvproduct-wrapper:hover,
#index .tvfeatured-product .tvproduct-wrapper:hover,
#index .tvbest-seller-product .tvproduct-wrapper:hover {
transform: translateY(-3px) !important;
border-color: #eee8df !important;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.055) !important;
}
/* =========================================================
6. OBRAZEK PRODUKTU
========================================================= */
#index .tvcmsnew-product .tvproduct-image,
#index .tvcmsfeatured-product .tvproduct-image,
#index .tvcmsbest-seller-product .tvproduct-image,
#index .tvnew-product .tvproduct-image,
#index .tvfeatured-product .tvproduct-image,
#index .tvbest-seller-product .tvproduct-image {
width: 100% !important;
min-height: 210px !important;
height: 210px !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
}
#index .tvcmsnew-product .tvproduct-image a,
#index .tvcmsfeatured-product .tvproduct-image a,
#index .tvcmsbest-seller-product .tvproduct-image a,
#index .tvnew-product .tvproduct-image a,
#index .tvfeatured-product .tvproduct-image a,
#index .tvbest-seller-product .tvproduct-image a {
display: flex !important;
width: 100% !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
}
#index .tvcmsnew-product .tvproduct-image img,
#index .tvcmsfeatured-product .tvproduct-image img,
#index .tvcmsbest-seller-product .tvproduct-image img,
#index .tvnew-product .tvproduct-image img,
#index .tvfeatured-product .tvproduct-image img,
#index .tvbest-seller-product .tvproduct-image img {
display: block !important;
max-height: 198px !important;
width: auto !important;
object-fit: contain !important;
margin: 0 auto !important;
transition: transform 0.22s ease !important;
}
#index .tvcmsnew-product .tvproduct-wrapper:hover .tvproduct-image img,
#index .tvcmsfeatured-product .tvproduct-wrapper:hover .tvproduct-image img,
#index .tvcmsbest-seller-product .tvproduct-wrapper:hover .tvproduct-image img,
#index .tvnew-product .tvproduct-wrapper:hover .tvproduct-image img,
#index .tvfeatured-product .tvproduct-wrapper:hover .tvproduct-image img,
#index .tvbest-seller-product .tvproduct-wrapper:hover .tvproduct-image img {
transform: scale(1.035) !important;
}
/* Drugie zdjęcie hover ukrywamy, żeby nie robiło chaosu */
#index .tvcmsnew-product .tvproduct-hover-img,
#index .tvcmsfeatured-product .tvproduct-hover-img,
#index .tvcmsbest-seller-product .tvproduct-hover-img,
#index .tvnew-product .tvproduct-hover-img,
#index .tvfeatured-product .tvproduct-hover-img,
#index .tvbest-seller-product .tvproduct-hover-img {
display: none !important;
}
/* =========================================================
7. ETYKIETA "NOWY"
========================================================= */
#index .tvcmsnew-product .tvproduct-flags,
#index .tvcmsfeatured-product .tvproduct-flags,
#index .tvcmsbest-seller-product .tvproduct-flags,
#index .tvnew-product .tvproduct-flags,
#index .tvfeatured-product .tvproduct-flags,
#index .tvbest-seller-product .tvproduct-flags {
left: 12px !important;
right: auto !important;
top: 10px !important;
text-align: left !important;
}
#index .tvcmsnew-product .tvproduct-flags li,
#index .tvcmsfeatured-product .tvproduct-flags li,
#index .tvcmsbest-seller-product .tvproduct-flags li,
#index .tvnew-product .tvproduct-flags li,
#index .tvfeatured-product .tvproduct-flags li,
#index .tvbest-seller-product .tvproduct-flags li {
font-size: 11px !important;
line-height: 1 !important;
font-weight: 500 !important;
color: #000000 !important;
text-transform: none !important;
}
/* =========================================================
8. IKONY AKCJI
========================================================= */
#index .tvcmsnew-product .tvproduct-hover-btn,
#index .tvcmsfeatured-product .tvproduct-hover-btn,
#index .tvcmsbest-seller-product .tvproduct-hover-btn,
#index .tvnew-product .tvproduct-hover-btn,
#index .tvfeatured-product .tvproduct-hover-btn,
#index .tvbest-seller-product .tvproduct-hover-btn {
margin-top: 4px !important;
margin-bottom: 8px !important;
display: flex !important;
justify-content: center !important;
gap: 8px !important;
}
/* Ciemniejsze po hover, złote na start */
#index .tvcmsnew-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvcmsfeatured-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvcmsbest-seller-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvnew-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvfeatured-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvbest-seller-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvcmsnew-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvcmsfeatured-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvcmsbest-seller-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvnew-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvfeatured-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvbest-seller-product .tvproduct-quick-btn .tvproduct-quick-icon {
background: #d9c2a3 !important;
color: #000000 !important;
box-shadow: none !important;
}
#index .tvcmsnew-product .tvproduct-cart-btn:hover .tvproduct-add-to-cart,
#index .tvcmsfeatured-product .tvproduct-cart-btn:hover .tvproduct-add-to-cart,
#index .tvcmsbest-seller-product .tvproduct-cart-btn:hover .tvproduct-add-to-cart,
#index .tvnew-product .tvproduct-cart-btn:hover .tvproduct-add-to-cart,
#index .tvfeatured-product .tvproduct-cart-btn:hover .tvproduct-add-to-cart,
#index .tvbest-seller-product .tvproduct-cart-btn:hover .tvproduct-add-to-cart,
#index .tvcmsnew-product .tvproduct-quick-btn:hover .tvproduct-quick-icon,
#index .tvcmsfeatured-product .tvproduct-quick-btn:hover .tvproduct-quick-icon,
#index .tvcmsbest-seller-product .tvproduct-quick-btn:hover .tvproduct-quick-icon,
#index .tvnew-product .tvproduct-quick-btn:hover .tvproduct-quick-icon,
#index .tvfeatured-product .tvproduct-quick-btn:hover .tvproduct-quick-icon,
#index .tvbest-seller-product .tvproduct-quick-btn:hover .tvproduct-quick-icon {
background: #2b2b2b !important;
color: #ffffff !important;
}
/* =========================================================
9. GWIAZDKI
========================================================= */
#index .tvcmsnew-product .tvall-product-star-icon,
#index .tvcmsfeatured-product .tvall-product-star-icon,
#index .tvcmsbest-seller-product .tvall-product-star-icon,
#index .tvnew-product .tvall-product-star-icon,
#index .tvfeatured-product .tvall-product-star-icon,
#index .tvbest-seller-product .tvall-product-star-icon {
margin: 0 0 6px 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
#index .tvcmsnew-product .star_content,
#index .tvcmsfeatured-product .star_content,
#index .tvcmsbest-seller-product .star_content,
#index .tvnew-product .star_content,
#index .tvfeatured-product .star_content,
#index .tvbest-seller-product .star_content {
display: flex !important;
justify-content: center !important;
gap: 1px !important;
}
#index .tvcmsnew-product .star i,
#index .tvcmsfeatured-product .star i,
#index .tvcmsbest-seller-product .star i,
#index .tvnew-product .star i,
#index .tvfeatured-product .star i,
#index .tvbest-seller-product .star i {
font-size: 14px !important;
color: #d7d7d7 !important;
}
#index .tvcmsnew-product .star.star_on i,
#index .tvcmsfeatured-product .star.star_on i,
#index .tvcmsbest-seller-product .star.star_on i,
#index .tvnew-product .star.star_on i,
#index .tvfeatured-product .star.star_on i,
#index .tvbest-seller-product .star.star_on i {
color: #f4b400 !important;
}
/* =========================================================
10. NAZWA PRODUKTU
========================================================= */
#index .tvcmsnew-product .tvproduct-name,
#index .tvcmsfeatured-product .tvproduct-name,
#index .tvcmsbest-seller-product .tvproduct-name,
#index .tvnew-product .tvproduct-name,
#index .tvfeatured-product .tvproduct-name,
#index .tvbest-seller-product .tvproduct-name,
#index .tvcmsnew-product .product-title,
#index .tvcmsfeatured-product .product-title,
#index .tvcmsbest-seller-product .product-title,
#index .tvnew-product .product-title,
#index .tvfeatured-product .product-title,
#index .tvbest-seller-product .product-title {
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
#index .tvcmsnew-product .tvproduct-name a,
#index .tvcmsfeatured-product .tvproduct-name a,
#index .tvcmsbest-seller-product .tvproduct-name a,
#index .tvnew-product .tvproduct-name a,
#index .tvfeatured-product .tvproduct-name a,
#index .tvbest-seller-product .tvproduct-name a,
#index .tvcmsnew-product .product-title a,
#index .tvcmsfeatured-product .product-title a,
#index .tvcmsbest-seller-product .product-title a,
#index .tvnew-product .product-title a,
#index .tvfeatured-product .product-title a,
#index .tvbest-seller-product .product-title a {
color: #000000 !important;
text-decoration: none !important;
}
#index .tvcmsnew-product .tvproduct-name h6,
#index .tvcmsfeatured-product .tvproduct-name h6,
#index .tvcmsbest-seller-product .tvproduct-name h6,
#index .tvnew-product .tvproduct-name h6,
#index .tvfeatured-product .tvproduct-name h6,
#index .tvbest-seller-product .tvproduct-name h6,
#index .tvcmsnew-product .product-title h6,
#index .tvcmsfeatured-product .product-title h6,
#index .tvcmsbest-seller-product .product-title h6,
#index .tvnew-product .product-title h6,
#index .tvfeatured-product .product-title h6,
#index .tvbest-seller-product .product-title h6 {
display: -webkit-box !important;
min-height: 38px !important;
max-height: 38px !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: hidden !important;
color: #000000 !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.01em !important;
white-space: normal !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
/* =========================================================
11. CENA
========================================================= */
#index .tvcmsnew-product .tv-product-price,
#index .tvcmsfeatured-product .tv-product-price,
#index .tvcmsbest-seller-product .tv-product-price,
#index .tvnew-product .tv-product-price,
#index .tvfeatured-product .tv-product-price,
#index .tvbest-seller-product .tv-product-price,
#index .tvcmsnew-product .product-price-and-shipping,
#index .tvcmsfeatured-product .product-price-and-shipping,
#index .tvcmsbest-seller-product .product-price-and-shipping,
#index .tvnew-product .product-price-and-shipping,
#index .tvfeatured-product .product-price-and-shipping,
#index .tvbest-seller-product .product-price-and-shipping {
margin: 0 !important;
padding: 0 !important;
}
#index .tvcmsnew-product .price,
#index .tvcmsfeatured-product .price,
#index .tvcmsbest-seller-product .price,
#index .tvnew-product .price,
#index .tvfeatured-product .price,
#index .tvbest-seller-product .price {
color: #000000 !important;
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
#index .tvcmsnew-product .regular-price,
#index .tvcmsfeatured-product .regular-price,
#index .tvcmsbest-seller-product .regular-price,
#index .tvnew-product .regular-price,
#index .tvfeatured-product .regular-price,
#index .tvbest-seller-product .regular-price {
margin-left: 6px !important;
color: #999999 !important;
font-size: 12px !important;
font-weight: 400 !important;
text-decoration: line-through !important;
}
/* Ukrycie tekstu typu "-10%wyłączony" */
#index .tvcmsnew-product .discount-percentage,
#index .tvcmsfeatured-product .discount-percentage,
#index .tvcmsbest-seller-product .discount-percentage,
#index .tvnew-product .discount-percentage,
#index .tvfeatured-product .discount-percentage,
#index .tvbest-seller-product .discount-percentage,
#index .tvcmsnew-product .discount-product,
#index .tvcmsfeatured-product .discount-product,
#index .tvcmsbest-seller-product .discount-product,
#index .tvnew-product .discount-product,
#index .tvfeatured-product .discount-product,
#index .tvbest-seller-product .discount-product,
#index .tvcmsnew-product .tvproduct-discount-price,
#index .tvcmsfeatured-product .tvproduct-discount-price,
#index .tvcmsbest-seller-product .tvproduct-discount-price,
#index .tvnew-product .tvproduct-discount-price,
#index .tvfeatured-product .tvproduct-discount-price,
#index .tvbest-seller-product .tvproduct-discount-price {
display: none !important;
}
/* =========================================================
12. STRZAŁKI SLIDERÓW
========================================================= */
#index .tvcmsnew-product .tvcms-next-pre-btn,
#index .tvcmsfeatured-product .tvcms-next-pre-btn,
#index .tvcmsbest-seller-product .tvcms-next-pre-btn,
#index .tvnew-product .tvcms-next-pre-btn,
#index .tvfeatured-product .tvcms-next-pre-btn,
#index .tvbest-seller-product .tvcms-next-pre-btn,
#index .tvcmsnew-product .tvcmsprev-next-wrapper,
#index .tvcmsfeatured-product .tvcmsprev-next-wrapper,
#index .tvcmsbest-seller-product .tvcmsprev-next-wrapper,
#index .tvnew-product .tvcmsprev-next-wrapper,
#index .tvfeatured-product .tvcmsprev-next-wrapper,
#index .tvbest-seller-product .tvcmsprev-next-wrapper {
width: 100% !important;
margin-top: 12px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
}
#index .tvcmsnew-product .tvcmsprev-btn,
#index .tvcmsnew-product .tvcmsnext-btn,
#index .tvcmsfeatured-product .tvcmsprev-btn,
#index .tvcmsfeatured-product .tvcmsnext-btn,
#index .tvcmsbest-seller-product .tvcmsprev-btn,
#index .tvcmsbest-seller-product .tvcmsnext-btn,
#index .tvnew-product .tvcmsprev-btn,
#index .tvnew-product .tvcmsnext-btn,
#index .tvfeatured-product .tvcmsprev-btn,
#index .tvfeatured-product .tvcmsnext-btn,
#index .tvbest-seller-product .tvcmsprev-btn,
#index .tvbest-seller-product .tvcmsnext-btn {
position: static !important;
width: 36px !important;
height: 36px !important;
margin: 0 !important;
transform: none !important;
background: #2b2b2b !important;
border: 1px solid #2b2b2b !important;
color: #ffffff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: background 0.22s ease, border-color 0.22s ease !important;
}
#index .tvcmsnew-product .tvcmsprev-btn:hover,
#index .tvcmsnew-product .tvcmsnext-btn:hover,
#index .tvcmsfeatured-product .tvcmsprev-btn:hover,
#index .tvcmsfeatured-product .tvcmsnext-btn:hover,
#index .tvcmsbest-seller-product .tvcmsprev-btn:hover,
#index .tvcmsbest-seller-product .tvcmsnext-btn:hover,
#index .tvnew-product .tvcmsprev-btn:hover,
#index .tvnew-product .tvcmsnext-btn:hover,
#index .tvfeatured-product .tvcmsprev-btn:hover,
#index .tvfeatured-product .tvcmsnext-btn:hover,
#index .tvbest-seller-product .tvcmsprev-btn:hover,
#index .tvbest-seller-product .tvcmsnext-btn:hover {
background: #b89563 !important;
border-color: #b89563 !important;
}
#index .tvcmsnew-product .tvcmsprev-btn i,
#index .tvcmsnew-product .tvcmsnext-btn i,
#index .tvcmsfeatured-product .tvcmsprev-btn i,
#index .tvcmsfeatured-product .tvcmsnext-btn i,
#index .tvcmsbest-seller-product .tvcmsprev-btn i,
#index .tvcmsbest-seller-product .tvcmsnext-btn i,
#index .tvnew-product .tvcmsprev-btn i,
#index .tvnew-product .tvcmsnext-btn i,
#index .tvfeatured-product .tvcmsprev-btn i,
#index .tvfeatured-product .tvcmsnext-btn i,
#index .tvbest-seller-product .tvcmsprev-btn i,
#index .tvbest-seller-product .tvcmsnext-btn i {
color: #ffffff !important;
font-size: 22px !important;
line-height: 1 !important;
}
/* =========================================================
13. DESKTOP - WERSJA SZEROKA
========================================================= */
@media (min-width: 992px) {
#index .tvcmsnew-product,
#index .tvcmsfeatured-product,
#index .tvcmsbest-seller-product,
#index .tvnew-product,
#index .tvfeatured-product,
#index .tvbest-seller-product {
margin-top: 16px !important;
margin-bottom: 22px !important;
}
#index .tvcmsnew-product .container,
#index .tvcmsfeatured-product .container,
#index .tvcmsbest-seller-product .container,
#index .tvnew-product .container,
#index .tvfeatured-product .container,
#index .tvbest-seller-product .container {
max-width: 1580px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
#index .tvcmsnew-product .tvproduct-image,
#index .tvcmsfeatured-product .tvproduct-image,
#index .tvcmsbest-seller-product .tvproduct-image,
#index .tvnew-product .tvproduct-image,
#index .tvfeatured-product .tvproduct-image,
#index .tvbest-seller-product .tvproduct-image {
min-height: 218px !important;
height: 218px !important;
}
#index .tvcmsnew-product .tvproduct-image img,
#index .tvcmsfeatured-product .tvproduct-image img,
#index .tvcmsbest-seller-product .tvproduct-image img,
#index .tvnew-product .tvproduct-image img,
#index .tvfeatured-product .tvproduct-image img,
#index .tvbest-seller-product .tvproduct-image img {
max-height: 204px !important;
}
}
/* =========================================================
14. TABLET
========================================================= */
@media (max-width: 991px) {
#index .tvcmsnew-product,
#index .tvcmsfeatured-product,
#index .tvcmsbest-seller-product,
#index .tvnew-product,
#index .tvfeatured-product,
#index .tvbest-seller-product {
margin: 16px 0 20px 0 !important;
}
#index .tvcmsnew-product .tvmain-title h2,
#index .tvcmsfeatured-product .tvmain-title h2,
#index .tvcmsbest-seller-product .tvmain-title h2,
#index .tvnew-product .tvmain-title h2,
#index .tvfeatured-product .tvmain-title h2,
#index .tvbest-seller-product .tvmain-title h2 {
font-size: 26px !important;
}
#index .tvcmsnew-product .tvproduct-image,
#index .tvcmsfeatured-product .tvproduct-image,
#index .tvcmsbest-seller-product .tvproduct-image,
#index .tvnew-product .tvproduct-image,
#index .tvfeatured-product .tvproduct-image,
#index .tvbest-seller-product .tvproduct-image {
min-height: 180px !important;
height: 180px !important;
}
#index .tvcmsnew-product .tvproduct-image img,
#index .tvcmsfeatured-product .tvproduct-image img,
#index .tvcmsbest-seller-product .tvproduct-image img,
#index .tvnew-product .tvproduct-image img,
#index .tvfeatured-product .tvproduct-image img,
#index .tvbest-seller-product .tvproduct-image img {
max-height: 166px !important;
}
}
/* =========================================================
15. MOBILE
========================================================= */
@media (max-width: 575px) {
#index .tvcmsnew-product,
#index .tvcmsfeatured-product,
#index .tvcmsbest-seller-product,
#index .tvnew-product,
#index .tvfeatured-product,
#index .tvbest-seller-product {
margin: 12px 0 16px 0 !important;
}
#index .tvcmsnew-product .container,
#index .tvcmsfeatured-product .container,
#index .tvcmsbest-seller-product .container,
#index .tvnew-product .container,
#index .tvfeatured-product .container,
#index .tvbest-seller-product .container {
padding-left: 8px !important;
padding-right: 8px !important;
}
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper,
#index .tvcmsnew-product .tvcms-main-title,
#index .tvcmsfeatured-product .tvcms-main-title,
#index .tvcmsbest-seller-product .tvcms-main-title,
#index .tvnew-product .tvcms-main-title,
#index .tvfeatured-product .tvcms-main-title,
#index .tvbest-seller-product .tvcms-main-title {
margin-bottom: 10px !important;
}
#index .tvcmsnew-product .tvmain-title h2,
#index .tvcmsfeatured-product .tvmain-title h2,
#index .tvcmsbest-seller-product .tvmain-title h2,
#index .tvnew-product .tvmain-title h2,
#index .tvfeatured-product .tvmain-title h2,
#index .tvbest-seller-product .tvmain-title h2 {
font-size: 22px !important;
padding-bottom: 9px !important;
}
#index .tvcmsnew-product .tvmain-title h2::after,
#index .tvcmsfeatured-product .tvmain-title h2::after,
#index .tvcmsbest-seller-product .tvmain-title h2::after,
#index .tvnew-product .tvmain-title h2::after,
#index .tvfeatured-product .tvmain-title h2::after,
#index .tvbest-seller-product .tvmain-title h2::after {
width: 86px !important;
}
/* Mniej przerw między kartami na mobile */
#index .tvcmsnew-product .owl-item,
#index .tvcmsfeatured-product .owl-item,
#index .tvcmsbest-seller-product .owl-item,
#index .tvnew-product .owl-item,
#index .tvfeatured-product .owl-item,
#index .tvbest-seller-product .owl-item {
padding-left: 4px !important;
padding-right: 4px !important;
}
#index .tvcmsnew-product .tvproduct-wrapper,
#index .tvcmsfeatured-product .tvproduct-wrapper,
#index .tvcmsbest-seller-product .tvproduct-wrapper,
#index .tvnew-product .tvproduct-wrapper,
#index .tvfeatured-product .tvproduct-wrapper,
#index .tvbest-seller-product .tvproduct-wrapper {
padding: 8px 5px 10px 5px !important;
border-radius: 12px !important;
}
/* Zdjęcia mobile - większe, ale bez dużego powietrza */
#index .tvcmsnew-product .tvproduct-image,
#index .tvcmsfeatured-product .tvproduct-image,
#index .tvcmsbest-seller-product .tvproduct-image,
#index .tvnew-product .tvproduct-image,
#index .tvfeatured-product .tvproduct-image,
#index .tvbest-seller-product .tvproduct-image {
min-height: 132px !important;
height: 132px !important;
margin-bottom: 4px !important;
}
#index .tvcmsnew-product .tvproduct-image img,
#index .tvcmsfeatured-product .tvproduct-image img,
#index .tvcmsbest-seller-product .tvproduct-image img,
#index .tvnew-product .tvproduct-image img,
#index .tvfeatured-product .tvproduct-image img,
#index .tvbest-seller-product .tvproduct-image img {
max-height: 126px !important;
}
/* Ikony mobile */
#index .tvcmsnew-product .tvproduct-hover-btn,
#index .tvcmsfeatured-product .tvproduct-hover-btn,
#index .tvcmsbest-seller-product .tvproduct-hover-btn,
#index .tvnew-product .tvproduct-hover-btn,
#index .tvfeatured-product .tvproduct-hover-btn,
#index .tvbest-seller-product .tvproduct-hover-btn {
margin-top: 2px !important;
margin-bottom: 6px !important;
gap: 7px !important;
}
#index .tvcmsnew-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvcmsfeatured-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvcmsbest-seller-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvnew-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvfeatured-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvbest-seller-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvcmsnew-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvcmsfeatured-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvcmsbest-seller-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvnew-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvfeatured-product .tvproduct-quick-btn .tvproduct-quick-icon,
#index .tvbest-seller-product .tvproduct-quick-btn .tvproduct-quick-icon {
width: 32px !important;
height: 32px !important;
}
#index .tvcmsnew-product .tvproduct-add-to-cart-label,
#index .tvcmsfeatured-product .tvproduct-add-to-cart-label,
#index .tvcmsbest-seller-product .tvproduct-add-to-cart-label,
#index .tvnew-product .tvproduct-add-to-cart-label,
#index .tvfeatured-product .tvproduct-add-to-cart-label,
#index .tvbest-seller-product .tvproduct-add-to-cart-label,
#index .tvcmsnew-product .tvproduct-cart-btn .tvproduct-add-to-cart i,
#index .tvcmsfeatured-product .tvproduct-cart-btn .tvproduct-add-to-cart i,
#index .tvcmsbest-seller-product .tvproduct-cart-btn .tvproduct-add-to-cart i,
#index .tvnew-product .tvproduct-cart-btn .tvproduct-add-to-cart i,
#index .tvfeatured-product .tvproduct-cart-btn .tvproduct-add-to-cart i,
#index .tvbest-seller-product .tvproduct-cart-btn .tvproduct-add-to-cart i,
#index .tvcmsnew-product .tvproduct-quick-btn i,
#index .tvcmsfeatured-product .tvproduct-quick-btn i,
#index .tvcmsbest-seller-product .tvproduct-quick-btn i,
#index .tvnew-product .tvproduct-quick-btn i,
#index .tvfeatured-product .tvproduct-quick-btn i,
#index .tvbest-seller-product .tvproduct-quick-btn i {
width: 32px !important;
height: 32px !important;
padding: 6px !important;
font-size: 18px !important;
}
/* Tytuł produktu mobile */
#index .tvcmsnew-product .tvproduct-name h6,
#index .tvcmsfeatured-product .tvproduct-name h6,
#index .tvcmsbest-seller-product .tvproduct-name h6,
#index .tvnew-product .tvproduct-name h6,
#index .tvfeatured-product .tvproduct-name h6,
#index .tvbest-seller-product .tvproduct-name h6,
#index .tvcmsnew-product .product-title h6,
#index .tvcmsfeatured-product .product-title h6,
#index .tvcmsbest-seller-product .product-title h6,
#index .tvnew-product .product-title h6,
#index .tvfeatured-product .product-title h6,
#index .tvbest-seller-product .product-title h6 {
min-height: 34px !important;
max-height: 34px !important;
font-size: 11.5px !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
}
/* Cena mobile */
#index .tvcmsnew-product .price,
#index .tvcmsfeatured-product .price,
#index .tvcmsbest-seller-product .price,
#index .tvnew-product .price,
#index .tvfeatured-product .price,
#index .tvbest-seller-product .price {
font-size: 15px !important;
}
#index .tvcmsnew-product .regular-price,
#index .tvcmsfeatured-product .regular-price,
#index .tvcmsbest-seller-product .regular-price,
#index .tvnew-product .regular-price,
#index .tvfeatured-product .regular-price,
#index .tvbest-seller-product .regular-price {
font-size: 11px !important;
}
/* Strzałki mobile */
#index .tvcmsnew-product .tvcms-next-pre-btn,
#index .tvcmsfeatured-product .tvcms-next-pre-btn,
#index .tvcmsbest-seller-product .tvcms-next-pre-btn,
#index .tvnew-product .tvcms-next-pre-btn,
#index .tvfeatured-product .tvcms-next-pre-btn,
#index .tvbest-seller-product .tvcms-next-pre-btn,
#index .tvcmsnew-product .tvcmsprev-next-wrapper,
#index .tvcmsfeatured-product .tvcmsprev-next-wrapper,
#index .tvcmsbest-seller-product .tvcmsprev-next-wrapper,
#index .tvnew-product .tvcmsprev-next-wrapper,
#index .tvfeatured-product .tvcmsprev-next-wrapper,
#index .tvbest-seller-product .tvcmsprev-next-wrapper {
margin-top: 8px !important;
}
#index .tvcmsnew-product .tvcmsprev-btn,
#index .tvcmsnew-product .tvcmsnext-btn,
#index .tvcmsfeatured-product .tvcmsprev-btn,
#index .tvcmsfeatured-product .tvcmsnext-btn,
#index .tvcmsbest-seller-product .tvcmsprev-btn,
#index .tvcmsbest-seller-product .tvcmsnext-btn,
#index .tvnew-product .tvcmsprev-btn,
#index .tvnew-product .tvcmsnext-btn,
#index .tvfeatured-product .tvcmsprev-btn,
#index .tvfeatured-product .tvcmsnext-btn,
#index .tvbest-seller-product .tvcmsprev-btn,
#index .tvbest-seller-product .tvcmsnext-btn {
width: 34px !important;
height: 34px !important;
}
}
/* =========================================================
16. BARDZO MAŁE TELEFONY
========================================================= */
@media (max-width: 380px) {
#index .tvcmsnew-product .tvproduct-image,
#index .tvcmsfeatured-product .tvproduct-image,
#index .tvcmsbest-seller-product .tvproduct-image,
#index .tvnew-product .tvproduct-image,
#index .tvfeatured-product .tvproduct-image,
#index .tvbest-seller-product .tvproduct-image {
min-height: 120px !important;
height: 120px !important;
}
#index .tvcmsnew-product .tvproduct-image img,
#index .tvcmsfeatured-product .tvproduct-image img,
#index .tvcmsbest-seller-product .tvproduct-image img,
#index .tvnew-product .tvproduct-image img,
#index .tvfeatured-product .tvproduct-image img,
#index .tvbest-seller-product .tvproduct-image img {
max-height: 114px !important;
}
#index .tvcmsnew-product .tvproduct-name h6,
#index .tvcmsfeatured-product .tvproduct-name h6,
#index .tvcmsbest-seller-product .tvproduct-name h6,
#index .tvnew-product .tvproduct-name h6,
#index .tvfeatured-product .tvproduct-name h6,
#index .tvbest-seller-product .tvproduct-name h6,
#index .tvcmsnew-product .product-title h6,
#index .tvcmsfeatured-product .product-title h6,
#index .tvcmsbest-seller-product .product-title h6,
#index .tvnew-product .product-title h6,
#index .tvfeatured-product .product-title h6,
#index .tvbest-seller-product .product-title h6 {
font-size: 11px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNE DOPIESZCZENIE SEKCJI PRODUKTÓW HOME
Moduły:
- ThemeVolty New Product / tvcmsnewproducts
- ThemeVolty Featured Product / tvcmsfeaturedproducts
- ThemeVolty Best Seller / tvcmsbestsellerproducts
Cel:
- mniej powietrza
- większe zdjęcia
- ukrycie etykiety "Nowy"
- lepsze ikony akcji na mobile
- bardziej premium wygląd
Wklej na końcu custom.css
========================================================= */
/* Desktop - lekko większe produkty i mniej odstępów między sekcjami */
@media (min-width: 992px) {
#index .tvcmsnew-product,
#index .tvcmsfeatured-product,
#index .tvcmsbest-seller-product,
#index .tvnew-product,
#index .tvfeatured-product,
#index .tvbest-seller-product {
margin-top: 10px !important;
margin-bottom: 18px !important;
}
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper {
margin-bottom: 10px !important;
}
#index .tvcmsnew-product .tvproduct-image,
#index .tvcmsfeatured-product .tvproduct-image,
#index .tvcmsbest-seller-product .tvproduct-image,
#index .tvnew-product .tvproduct-image,
#index .tvfeatured-product .tvproduct-image,
#index .tvbest-seller-product .tvproduct-image {
min-height: 235px !important;
height: 235px !important;
}
#index .tvcmsnew-product .tvproduct-image img,
#index .tvcmsfeatured-product .tvproduct-image img,
#index .tvcmsbest-seller-product .tvproduct-image img,
#index .tvnew-product .tvproduct-image img,
#index .tvfeatured-product .tvproduct-image img,
#index .tvbest-seller-product .tvproduct-image img {
max-height: 222px !important;
}
}
/* Mobile - ciaśniej, czytelniej, mniej powietrza */
@media (max-width: 575px) {
#index .tvcmsnew-product,
#index .tvcmsfeatured-product,
#index .tvcmsbest-seller-product,
#index .tvnew-product,
#index .tvfeatured-product,
#index .tvbest-seller-product {
margin-top: 8px !important;
margin-bottom: 12px !important;
}
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper {
margin-bottom: 6px !important;
}
#index .tvcmsnew-product .tvmain-title h2,
#index .tvcmsfeatured-product .tvmain-title h2,
#index .tvcmsbest-seller-product .tvmain-title h2,
#index .tvnew-product .tvmain-title h2,
#index .tvfeatured-product .tvmain-title h2,
#index .tvbest-seller-product .tvmain-title h2 {
font-size: 21px !important;
padding-bottom: 8px !important;
}
/* Miniaturki mobile - trochę większe, ale bez pustych przerw */
#index .tvcmsnew-product .tvproduct-image,
#index .tvcmsfeatured-product .tvproduct-image,
#index .tvcmsbest-seller-product .tvproduct-image,
#index .tvnew-product .tvproduct-image,
#index .tvfeatured-product .tvproduct-image,
#index .tvbest-seller-product .tvproduct-image {
min-height: 140px !important;
height: 140px !important;
margin-bottom: 2px !important;
}
#index .tvcmsnew-product .tvproduct-image img,
#index .tvcmsfeatured-product .tvproduct-image img,
#index .tvcmsbest-seller-product .tvproduct-image img,
#index .tvnew-product .tvproduct-image img,
#index .tvfeatured-product .tvproduct-image img,
#index .tvbest-seller-product .tvproduct-image img {
max-height: 136px !important;
}
/* Ikony akcji ustawione normalnie pod zdjęciem, bez pływania z boku */
#index .tvcmsnew-product .tvproduct-hover-btn,
#index .tvcmsfeatured-product .tvproduct-hover-btn,
#index .tvcmsbest-seller-product .tvproduct-hover-btn,
#index .tvnew-product .tvproduct-hover-btn,
#index .tvfeatured-product .tvproduct-hover-btn,
#index .tvbest-seller-product .tvproduct-hover-btn {
position: static !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 6px !important;
margin: 2px 0 5px 0 !important;
width: 100% !important;
}
/* Na mobile zostawiamy tylko koszyk - szybki podgląd ukrywamy */
#index .tvcmsnew-product .tvproduct-quick-btn,
#index .tvcmsfeatured-product .tvproduct-quick-btn,
#index .tvcmsbest-seller-product .tvproduct-quick-btn,
#index .tvnew-product .tvproduct-quick-btn,
#index .tvfeatured-product .tvproduct-quick-btn,
#index .tvbest-seller-product .tvproduct-quick-btn {
display: none !important;
}
#index .tvcmsnew-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvcmsfeatured-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvcmsbest-seller-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvnew-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvfeatured-product .tvproduct-cart-btn .tvproduct-add-to-cart,
#index .tvbest-seller-product .tvproduct-cart-btn .tvproduct-add-to-cart {
width: 34px !important;
height: 34px !important;
background: #d9c2a3 !important;
color: #000000 !important;
}
/* Mniejsze przerwy w treści produktu */
#index .tvcmsnew-product .tvall-product-star-icon,
#index .tvcmsfeatured-product .tvall-product-star-icon,
#index .tvcmsbest-seller-product .tvall-product-star-icon,
#index .tvnew-product .tvall-product-star-icon,
#index .tvfeatured-product .tvall-product-star-icon,
#index .tvbest-seller-product .tvall-product-star-icon {
margin-bottom: 4px !important;
}
#index .tvcmsnew-product .tvproduct-name,
#index .tvcmsfeatured-product .tvproduct-name,
#index .tvcmsbest-seller-product .tvproduct-name,
#index .tvnew-product .tvproduct-name,
#index .tvfeatured-product .tvproduct-name,
#index .tvbest-seller-product .tvproduct-name,
#index .tvcmsnew-product .product-title,
#index .tvcmsfeatured-product .product-title,
#index .tvcmsbest-seller-product .product-title,
#index .tvnew-product .product-title,
#index .tvfeatured-product .product-title,
#index .tvbest-seller-product .product-title {
margin-bottom: 5px !important;
}
#index .tvcmsnew-product .tvproduct-name h6,
#index .tvcmsfeatured-product .tvproduct-name h6,
#index .tvcmsbest-seller-product .tvproduct-name h6,
#index .tvnew-product .tvproduct-name h6,
#index .tvfeatured-product .tvproduct-name h6,
#index .tvbest-seller-product .tvproduct-name h6,
#index .tvcmsnew-product .product-title h6,
#index .tvcmsfeatured-product .product-title h6,
#index .tvcmsbest-seller-product .product-title h6,
#index .tvnew-product .product-title h6,
#index .tvfeatured-product .product-title h6,
#index .tvbest-seller-product .product-title h6 {
min-height: 32px !important;
max-height: 32px !important;
font-size: 11px !important;
line-height: 1.28 !important;
}
#index .tvcmsnew-product .price,
#index .tvcmsfeatured-product .price,
#index .tvcmsbest-seller-product .price,
#index .tvnew-product .price,
#index .tvfeatured-product .price,
#index .tvbest-seller-product .price {
font-size: 15px !important;
}
/* Strzałki bliżej produktów */
#index .tvcmsnew-product .tvcms-next-pre-btn,
#index .tvcmsfeatured-product .tvcms-next-pre-btn,
#index .tvcmsbest-seller-product .tvcms-next-pre-btn,
#index .tvnew-product .tvcms-next-pre-btn,
#index .tvfeatured-product .tvcms-next-pre-btn,
#index .tvbest-seller-product .tvcms-next-pre-btn,
#index .tvcmsnew-product .tvcmsprev-next-wrapper,
#index .tvcmsfeatured-product .tvcmsprev-next-wrapper,
#index .tvcmsbest-seller-product .tvcmsprev-next-wrapper,
#index .tvnew-product .tvcmsprev-next-wrapper,
#index .tvfeatured-product .tvcmsprev-next-wrapper,
#index .tvbest-seller-product .tvcmsprev-next-wrapper {
margin-top: 5px !important;
}
#index .tvcmsnew-product .tvcmsprev-btn,
#index .tvcmsnew-product .tvcmsnext-btn,
#index .tvcmsfeatured-product .tvcmsprev-btn,
#index .tvcmsfeatured-product .tvcmsnext-btn,
#index .tvcmsbest-seller-product .tvcmsprev-btn,
#index .tvcmsbest-seller-product .tvcmsnext-btn,
#index .tvnew-product .tvcmsprev-btn,
#index .tvnew-product .tvcmsnext-btn,
#index .tvfeatured-product .tvcmsprev-btn,
#index .tvfeatured-product .tvcmsnext-btn,
#index .tvbest-seller-product .tvcmsprev-btn,
#index .tvbest-seller-product .tvcmsnext-btn {
width: 32px !important;
height: 32px !important;
}
}
/* Newsletter trochę bliżej sekcji produktów */
#index .tvcms-newsletter-wrapper,
#index .tvnewsletter-block,
#index .footer-before {
margin-top: 24px !important;
}
/* =========================================================
EMALIA RYBNIK - STRZAŁKI OBOK TYTUŁÓW SEKCJI PRODUKTOWYCH
Moduły:
- ThemeVolty New Product / tvcmsnewproducts
- ThemeVolty Featured Product / tvcmsfeaturedproducts
- ThemeVolty Best Seller / tvcmsbestsellerproducts
Cel:
- przenosi strzałki sliderów obok tytułów sekcji
- skraca wysokość strony
- zmniejsza ilość pustego miejsca
- działa desktop + mobile
Wklej na końcu custom.css
========================================================= */
/* Główny nagłówek sekcji jako flex: tytuł + strzałki */
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper {
position: relative !important;
display: flex !important;
align-items: flex-end !important;
justify-content: center !important;
width: 100% !important;
max-width: 1540px !important;
margin: 0 auto 12px auto !important;
padding: 0 18px !important;
text-align: center !important;
}
/* Tytuł zostaje na środku */
#index .tvcmsnew-product .tvcms-main-title,
#index .tvcmsfeatured-product .tvcms-main-title,
#index .tvcmsbest-seller-product .tvcms-main-title,
#index .tvnew-product .tvcms-main-title,
#index .tvfeatured-product .tvcms-main-title,
#index .tvbest-seller-product .tvcms-main-title,
#index .tvcmsnew-product .tv-main-title,
#index .tvcmsfeatured-product .tv-main-title,
#index .tvcmsbest-seller-product .tv-main-title,
#index .tvnew-product .tv-main-title,
#index .tvfeatured-product .tv-main-title,
#index .tvbest-seller-product .tv-main-title {
width: auto !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
/* Sam tytuł */
#index .tvcmsnew-product .tvmain-title h2,
#index .tvcmsfeatured-product .tvmain-title h2,
#index .tvcmsbest-seller-product .tvmain-title h2,
#index .tvnew-product .tvmain-title h2,
#index .tvfeatured-product .tvmain-title h2,
#index .tvbest-seller-product .tvmain-title h2 {
margin: 0 !important;
padding: 0 0 10px 0 !important;
}
/* Kontenery strzałek ustawione absolutnie po prawej stronie tytułu */
#index .tvcmsnew-product .tvcms-next-pre-btn,
#index .tvcmsfeatured-product .tvcms-next-pre-btn,
#index .tvcmsbest-seller-product .tvcms-next-pre-btn,
#index .tvnew-product .tvcms-next-pre-btn,
#index .tvfeatured-product .tvcms-next-pre-btn,
#index .tvbest-seller-product .tvcms-next-pre-btn,
#index .tvcmsnew-product .tvcmsprev-next-wrapper,
#index .tvcmsfeatured-product .tvcmsprev-next-wrapper,
#index .tvcmsbest-seller-product .tvcmsprev-next-wrapper,
#index .tvnew-product .tvcmsprev-next-wrapper,
#index .tvfeatured-product .tvcmsprev-next-wrapper,
#index .tvbest-seller-product .tvcmsprev-next-wrapper {
position: absolute !important;
right: 18px !important;
bottom: 4px !important;
width: auto !important;
margin: 0 !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 6px !important;
}
/* Przyciski strzałek przy tytule */
#index .tvcmsnew-product .tvcmsprev-btn,
#index .tvcmsnew-product .tvcmsnext-btn,
#index .tvcmsfeatured-product .tvcmsprev-btn,
#index .tvcmsfeatured-product .tvcmsnext-btn,
#index .tvcmsbest-seller-product .tvcmsprev-btn,
#index .tvcmsbest-seller-product .tvcmsnext-btn,
#index .tvnew-product .tvcmsprev-btn,
#index .tvnew-product .tvcmsnext-btn,
#index .tvfeatured-product .tvcmsprev-btn,
#index .tvfeatured-product .tvcmsnext-btn,
#index .tvbest-seller-product .tvcmsprev-btn,
#index .tvbest-seller-product .tvcmsnext-btn {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
margin: 0 !important;
position: static !important;
transform: none !important;
background: #2b2b2b !important;
border: 1px solid #2b2b2b !important;
color: #ffffff !important;
}
/* Ikony w strzałkach */
#index .tvcmsnew-product .tvcmsprev-btn i,
#index .tvcmsnew-product .tvcmsnext-btn i,
#index .tvcmsfeatured-product .tvcmsprev-btn i,
#index .tvcmsfeatured-product .tvcmsnext-btn i,
#index .tvcmsbest-seller-product .tvcmsprev-btn i,
#index .tvcmsbest-seller-product .tvcmsnext-btn i,
#index .tvnew-product .tvcmsprev-btn i,
#index .tvnew-product .tvcmsnext-btn i,
#index .tvfeatured-product .tvcmsprev-btn i,
#index .tvfeatured-product .tvcmsnext-btn i,
#index .tvbest-seller-product .tvcmsprev-btn i,
#index .tvbest-seller-product .tvcmsnext-btn i {
font-size: 21px !important;
color: #ffffff !important;
}
/* Hover */
#index .tvcmsnew-product .tvcmsprev-btn:hover,
#index .tvcmsnew-product .tvcmsnext-btn:hover,
#index .tvcmsfeatured-product .tvcmsprev-btn:hover,
#index .tvcmsfeatured-product .tvcmsnext-btn:hover,
#index .tvcmsbest-seller-product .tvcmsprev-btn:hover,
#index .tvcmsbest-seller-product .tvcmsnext-btn:hover,
#index .tvnew-product .tvcmsprev-btn:hover,
#index .tvnew-product .tvcmsnext-btn:hover,
#index .tvfeatured-product .tvcmsprev-btn:hover,
#index .tvfeatured-product .tvcmsnext-btn:hover,
#index .tvbest-seller-product .tvcmsprev-btn:hover,
#index .tvbest-seller-product .tvcmsnext-btn:hover {
background: #b89563 !important;
border-color: #b89563 !important;
}
/* Usuwamy miejsce po strzałkach, które wcześniej były pod produktami */
#index .tvcmsnew-product .tvcmsprev-next-wrapper:not(.tvcmsmain-title-wrapper *),
#index .tvcmsfeatured-product .tvcmsprev-next-wrapper:not(.tvcmsmain-title-wrapper *),
#index .tvcmsbest-seller-product .tvcmsprev-next-wrapper:not(.tvcmsmain-title-wrapper *),
#index .tvnew-product .tvcmsprev-next-wrapper:not(.tvcmsmain-title-wrapper *),
#index .tvfeatured-product .tvcmsprev-next-wrapper:not(.tvcmsmain-title-wrapper *),
#index .tvbest-seller-product .tvcmsprev-next-wrapper:not(.tvcmsmain-title-wrapper *) {
margin-top: 0 !important;
}
/* Desktop - lekko ciaśniej po przeniesieniu strzałek */
@media (min-width: 992px) {
#index .tvcmsnew-product,
#index .tvcmsfeatured-product,
#index .tvcmsbest-seller-product,
#index .tvnew-product,
#index .tvfeatured-product,
#index .tvbest-seller-product {
margin-top: 8px !important;
margin-bottom: 14px !important;
}
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper {
margin-bottom: 8px !important;
}
}
/* Mobile - tytuł po lewej, strzałki po prawej */
@media (max-width: 575px) {
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper {
justify-content: space-between !important;
align-items: flex-end !important;
min-height: 38px !important;
margin-bottom: 6px !important;
padding: 0 10px !important;
text-align: left !important;
}
/* Na mobile tytuł dajemy z lewej, jest bardziej kompaktowo */
#index .tvcmsnew-product .tvcms-main-title,
#index .tvcmsfeatured-product .tvcms-main-title,
#index .tvcmsbest-seller-product .tvcms-main-title,
#index .tvnew-product .tvcms-main-title,
#index .tvfeatured-product .tvcms-main-title,
#index .tvbest-seller-product .tvcms-main-title,
#index .tvcmsnew-product .tv-main-title,
#index .tvcmsfeatured-product .tv-main-title,
#index .tvcmsbest-seller-product .tv-main-title,
#index .tvnew-product .tv-main-title,
#index .tvfeatured-product .tv-main-title,
#index .tvbest-seller-product .tv-main-title {
margin: 0 !important;
text-align: left !important;
}
#index .tvcmsnew-product .tvmain-title,
#index .tvcmsfeatured-product .tvmain-title,
#index .tvcmsbest-seller-product .tvmain-title,
#index .tvnew-product .tvmain-title,
#index .tvfeatured-product .tvmain-title,
#index .tvbest-seller-product .tvmain-title {
text-align: left !important;
}
#index .tvcmsnew-product .tvmain-title h2,
#index .tvcmsfeatured-product .tvmain-title h2,
#index .tvcmsbest-seller-product .tvmain-title h2,
#index .tvnew-product .tvmain-title h2,
#index .tvfeatured-product .tvmain-title h2,
#index .tvbest-seller-product .tvmain-title h2 {
margin: 0 !important;
font-size: 21px !important;
padding-bottom: 8px !important;
}
/* Kreska pod tytułem wyrównana do lewej */
#index .tvcmsnew-product .tvmain-title h2::after,
#index .tvcmsfeatured-product .tvmain-title h2::after,
#index .tvcmsbest-seller-product .tvmain-title h2::after,
#index .tvnew-product .tvmain-title h2::after,
#index .tvfeatured-product .tvmain-title h2::after,
#index .tvbest-seller-product .tvmain-title h2::after {
left: 0 !important;
transform: none !important;
width: 72px !important;
}
/* Strzałki po prawej */
#index .tvcmsnew-product .tvcms-next-pre-btn,
#index .tvcmsfeatured-product .tvcms-next-pre-btn,
#index .tvcmsbest-seller-product .tvcms-next-pre-btn,
#index .tvnew-product .tvcms-next-pre-btn,
#index .tvfeatured-product .tvcms-next-pre-btn,
#index .tvbest-seller-product .tvcms-next-pre-btn,
#index .tvcmsnew-product .tvcmsprev-next-wrapper,
#index .tvcmsfeatured-product .tvcmsprev-next-wrapper,
#index .tvcmsbest-seller-product .tvcmsprev-next-wrapper,
#index .tvnew-product .tvcmsprev-next-wrapper,
#index .tvfeatured-product .tvcmsprev-next-wrapper,
#index .tvbest-seller-product .tvcmsprev-next-wrapper {
position: static !important;
right: auto !important;
bottom: auto !important;
margin: 0 0 2px 0 !important;
width: auto !important;
flex: 0 0 auto !important;
gap: 5px !important;
}
#index .tvcmsnew-product .tvcmsprev-btn,
#index .tvcmsnew-product .tvcmsnext-btn,
#index .tvcmsfeatured-product .tvcmsprev-btn,
#index .tvcmsfeatured-product .tvcmsnext-btn,
#index .tvcmsbest-seller-product .tvcmsprev-btn,
#index .tvcmsbest-seller-product .tvcmsnext-btn,
#index .tvnew-product .tvcmsprev-btn,
#index .tvnew-product .tvcmsnext-btn,
#index .tvfeatured-product .tvcmsprev-btn,
#index .tvfeatured-product .tvcmsnext-btn,
#index .tvbest-seller-product .tvcmsprev-btn,
#index .tvbest-seller-product .tvcmsnext-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
}
#index .tvcmsnew-product .tvcmsprev-btn i,
#index .tvcmsnew-product .tvcmsnext-btn i,
#index .tvcmsfeatured-product .tvcmsprev-btn i,
#index .tvcmsfeatured-product .tvcmsnext-btn i,
#index .tvcmsbest-seller-product .tvcmsprev-btn i,
#index .tvcmsbest-seller-product .tvcmsnext-btn i,
#index .tvnew-product .tvcmsprev-btn i,
#index .tvnew-product .tvcmsnext-btn i,
#index .tvfeatured-product .tvcmsprev-btn i,
#index .tvfeatured-product .tvcmsnext-btn i,
#index .tvbest-seller-product .tvcmsprev-btn i,
#index .tvbest-seller-product .tvcmsnext-btn i {
font-size: 20px !important;
}
}
/* =========================================================
EMALIA RYBNIK - STRZAŁKI NA WYSOKOŚCI NAZWY SEKCJI
Moduły:
- ThemeVolty New Product / tvcmsnewproducts
- ThemeVolty Featured Product / tvcmsfeaturedproducts
- ThemeVolty Best Seller / tvcmsbestsellerproducts
Działa dla desktop + mobile
Wklej na końcu custom.css
========================================================= */
/* =========================================================
SEKCJE PRODUKTOWE - kontener bazowy
========================================================= */
#index .tvcmsnew-product,
#index .tvcmsfeatured-product,
#index .tvcmsbest-seller-product,
#index .tvnew-product,
#index .tvfeatured-product,
#index .tvbest-seller-product {
position: relative !important;
}
/* =========================================================
NAGŁÓWEK SEKCJI
========================================================= */
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper,
#index .tvcmsnew-product .tvcms-main-title,
#index .tvcmsfeatured-product .tvcms-main-title,
#index .tvcmsbest-seller-product .tvcms-main-title,
#index .tvnew-product .tvcms-main-title,
#index .tvfeatured-product .tvcms-main-title,
#index .tvbest-seller-product .tvcms-main-title {
position: relative !important;
width: 100% !important;
}
#index .tvcmsnew-product .tvmain-title,
#index .tvcmsfeatured-product .tvmain-title,
#index .tvcmsbest-seller-product .tvmain-title,
#index .tvnew-product .tvmain-title,
#index .tvfeatured-product .tvmain-title,
#index .tvbest-seller-product .tvmain-title {
width: 100% !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
}
#index .tvcmsnew-product .tvmain-title h2,
#index .tvcmsfeatured-product .tvmain-title h2,
#index .tvcmsbest-seller-product .tvmain-title h2,
#index .tvnew-product .tvmain-title h2,
#index .tvfeatured-product .tvmain-title h2,
#index .tvbest-seller-product .tvmain-title h2 {
display: inline-block !important;
position: relative !important;
margin: 0 auto !important;
padding: 0 0 10px 0 !important;
}
/* =========================================================
STRZAŁKI - DESKTOP
Ustawienie na wysokości nazwy sekcji, po prawej stronie
========================================================= */
@media (min-width: 768px) {
#index .tvcmsnew-product .tvcms-next-pre-btn,
#index .tvcmsfeatured-product .tvcms-next-pre-btn,
#index .tvcmsbest-seller-product .tvcms-next-pre-btn,
#index .tvnew-product .tvcms-next-pre-btn,
#index .tvfeatured-product .tvcms-next-pre-btn,
#index .tvbest-seller-product .tvcms-next-pre-btn,
#index .tvcmsnew-product .tvcmsprev-next-wrapper,
#index .tvcmsfeatured-product .tvcmsprev-next-wrapper,
#index .tvcmsbest-seller-product .tvcmsprev-next-wrapper,
#index .tvnew-product .tvcmsprev-next-wrapper,
#index .tvfeatured-product .tvcmsprev-next-wrapper,
#index .tvbest-seller-product .tvcmsprev-next-wrapper {
position: absolute !important;
top: 6px !important;
right: 12px !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
z-index: 5 !important;
}
#index .tvcmsnew-product .tvcmsprev-btn,
#index .tvcmsnew-product .tvcmsnext-btn,
#index .tvcmsfeatured-product .tvcmsprev-btn,
#index .tvcmsfeatured-product .tvcmsnext-btn,
#index .tvcmsbest-seller-product .tvcmsprev-btn,
#index .tvcmsbest-seller-product .tvcmsnext-btn,
#index .tvnew-product .tvcmsprev-btn,
#index .tvnew-product .tvcmsnext-btn,
#index .tvfeatured-product .tvcmsprev-btn,
#index .tvfeatured-product .tvcmsnext-btn,
#index .tvbest-seller-product .tvcmsprev-btn,
#index .tvbest-seller-product .tvcmsnext-btn {
position: static !important;
transform: none !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
margin: 0 !important;
}
/* Mniej miejsca pod nagłówkiem, bo strzałki nie są już na dole */
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper {
margin-bottom: 8px !important;
min-height: 42px !important;
}
/* Usuwamy dodatkowy odstęp po dawnym położeniu strzałek */
#index .tvcmsnew-product .tvcmsprev-next-wrapper,
#index .tvcmsfeatured-product .tvcmsprev-next-wrapper,
#index .tvcmsbest-seller-product .tvcmsprev-next-wrapper,
#index .tvnew-product .tvcmsprev-next-wrapper,
#index .tvfeatured-product .tvcmsprev-next-wrapper,
#index .tvbest-seller-product .tvcmsprev-next-wrapper {
margin-top: 0 !important;
}
}
/* =========================================================
STRZAŁKI - MOBILE
Tytuł po lewej, strzałki po prawej - na jednej wysokości
========================================================= */
@media (max-width: 767px) {
#index .tvcmsnew-product .tvcmsmain-title-wrapper,
#index .tvcmsfeatured-product .tvcmsmain-title-wrapper,
#index .tvcmsbest-seller-product .tvcmsmain-title-wrapper,
#index .tvnew-product .tvcmsmain-title-wrapper,
#index .tvfeatured-product .tvcmsmain-title-wrapper,
#index .tvbest-seller-product .tvcmsmain-title-wrapper {
position: relative !important;
min-height: 38px !important;
margin-bottom: 6px !important;
padding-right: 82px !important;
}
#index .tvcmsnew-product .tvmain-title,
#index .tvcmsfeatured-product .tvmain-title,
#index .tvcmsbest-seller-product .tvmain-title,
#index .tvnew-product .tvmain-title,
#index .tvfeatured-product .tvmain-title,
#index .tvbest-seller-product .tvmain-title {
text-align: left !important;
}
#index .tvcmsnew-product .tvmain-title h2,
#index .tvcmsfeatured-product .tvmain-title h2,
#index .tvcmsbest-seller-product .tvmain-title h2,
#index .tvnew-product .tvmain-title h2,
#index .tvfeatured-product .tvmain-title h2,
#index .tvbest-seller-product .tvmain-title h2 {
margin: 0 !important;
font-size: 21px !important;
padding-bottom: 8px !important;
}
/* Kreska pod tytułem wyrównana do lewej */
#index .tvcmsnew-product .tvmain-title h2::after,
#index .tvcmsfeatured-product .tvmain-title h2::after,
#index .tvcmsbest-seller-product .tvmain-title h2::after,
#index .tvnew-product .tvmain-title h2::after,
#index .tvfeatured-product .tvmain-title h2::after,
#index .tvbest-seller-product .tvmain-title h2::after {
left: 0 !important;
transform: none !important;
}
#index .tvcmsnew-product .tvcms-next-pre-btn,
#index .tvcmsfeatured-product .tvcms-next-pre-btn,
#index .tvcmsbest-seller-product .tvcms-next-pre-btn,
#index .tvnew-product .tvcms-next-pre-btn,
#index .tvfeatured-product .tvcms-next-pre-btn,
#index .tvbest-seller-product .tvcms-next-pre-btn,
#index .tvcmsnew-product .tvcmsprev-next-wrapper,
#index .tvcmsfeatured-product .tvcmsprev-next-wrapper,
#index .tvcmsbest-seller-product .tvcmsprev-next-wrapper,
#index .tvnew-product .tvcmsprev-next-wrapper,
#index .tvfeatured-product .tvcmsprev-next-wrapper,
#index .tvbest-seller-product .tvcmsprev-next-wrapper {
position: absolute !important;
top: 1px !important;
right: 8px !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 5px !important;
z-index: 5 !important;
}
#index .tvcmsnew-product .tvcmsprev-btn,
#index .tvcmsnew-product .tvcmsnext-btn,
#index .tvcmsfeatured-product .tvcmsprev-btn,
#index .tvcmsfeatured-product .tvcmsnext-btn,
#index .tvcmsbest-seller-product .tvcmsprev-btn,
#index .tvcmsbest-seller-product .tvcmsnext-btn,
#index .tvnew-product .tvcmsprev-btn,
#index .tvnew-product .tvcmsnext-btn,
#index .tvfeatured-product .tvcmsprev-btn,
#index .tvfeatured-product .tvcmsnext-btn,
#index .tvbest-seller-product .tvcmsprev-btn,
#index .tvbest-seller-product .tvcmsnext-btn {
position: static !important;
transform: none !important;
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
margin: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - MIKROKOREKTA ODSTĘPÓW SEKCJI PRODUKTOWYCH HOME
Moduły: ThemeVolty New / Featured / Best Seller
Wklej na końcu custom.css
========================================================= */
@media (max-width: 575px) {
#index .tvcmsnew-product,
#index .tvcmsfeatured-product,
#index .tvcmsbest-seller-product,
#index .tvnew-product,
#index .tvfeatured-product,
#index .tvbest-seller-product {
margin-bottom: 8px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY CSS LISTINGU KATEGORII
Moduł/szablon: ThemeVolty / product-grid-view + product-grid-view2
Działa dla: kategorie, wyszukiwarka, promocje, nowości
Co robi:
- NIE zmniejsza miniatur produktów
- przywraca przyciski na miniaturze produktu jak w ThemeVolty
- pokazuje koszyk + porównanie
- ukrywa tylko szybki podgląd / wishlistę, jeśli nie są potrzebne
- zmniejsza odstępy między wierszami produktów
- porządkuje naklejki NOWOŚĆ / PROMOCJA
- poprawia nazwę, cenę i hover
- działa desktop + mobile
Wklej na końcu custom.css po usunięciu wcześniejszych bloków listingu/kategorii
========================================================= */
/* =========================================================
1. ZAKRES - TYLKO LISTING PRODUKTÓW
========================================================= */
body#category #js-product-list .tvproduct-wrapper,
body#search #js-product-list .tvproduct-wrapper,
body#prices-drop #js-product-list .tvproduct-wrapper,
body#new-products #js-product-list .tvproduct-wrapper {
position: relative !important;
overflow: visible !important;
}
body#category #js-product-list .tvall-product-wrapper-info-box,
body#search #js-product-list .tvall-product-wrapper-info-box,
body#prices-drop #js-product-list .tvall-product-wrapper-info-box,
body#new-products #js-product-list .tvall-product-wrapper-info-box {
position: relative !important;
overflow: visible !important;
}
/* =========================================================
2. DESKTOP - MNIEJSZE ODSTĘPY BEZ ZMIANY MINIATUR
========================================================= */
@media (min-width: 992px) {
body#category #js-product-list .tv-grid-list-wrapper-info-box,
body#search #js-product-list .tv-grid-list-wrapper-info-box,
body#prices-drop #js-product-list .tv-grid-list-wrapper-info-box,
body#new-products #js-product-list .tv-grid-list-wrapper-info-box {
margin-bottom: 6px !important;
}
body#category #js-product-list .tvproduct-wrapper.grid,
body#category #js-product-list .tvproduct-wrapper.grid-2,
body#search #js-product-list .tvproduct-wrapper.grid,
body#search #js-product-list .tvproduct-wrapper.grid-2,
body#prices-drop #js-product-list .tvproduct-wrapper.grid,
body#prices-drop #js-product-list .tvproduct-wrapper.grid-2,
body#new-products #js-product-list .tvproduct-wrapper.grid,
body#new-products #js-product-list .tvproduct-wrapper.grid-2 {
margin-bottom: 4px !important;
padding-bottom: 0 !important;
}
body#category #js-product-list .tvall-product-wrapper-info-box,
body#search #js-product-list .tvall-product-wrapper-info-box,
body#prices-drop #js-product-list .tvall-product-wrapper-info-box,
body#new-products #js-product-list .tvall-product-wrapper-info-box {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
}
/* =========================================================
3. HOVER KARTY - DELIKATNY, BEZ RUSZANIA ZDJĘCIA
========================================================= */
@media (min-width: 992px) {
body#category #js-product-list .tvproduct-wrapper:hover,
body#search #js-product-list .tvproduct-wrapper:hover,
body#prices-drop #js-product-list .tvproduct-wrapper:hover,
body#new-products #js-product-list .tvproduct-wrapper:hover {
z-index: 20 !important;
}
body#category #js-product-list .tvproduct-wrapper:hover .tvall-product-wrapper-info-box,
body#search #js-product-list .tvproduct-wrapper:hover .tvall-product-wrapper-info-box,
body#prices-drop #js-product-list .tvproduct-wrapper:hover .tvall-product-wrapper-info-box,
body#new-products #js-product-list .tvproduct-wrapper:hover .tvall-product-wrapper-info-box {
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
}
}
/* =========================================================
4. NAKLEJKI NOWOŚĆ / PROMOCJA
========================================================= */
body#category #js-product-list .emalia-product-flags-main,
body#category #js-product-list .tvproduct-sale-pack-wrapper,
body#category #js-product-list .tvproduct-online-new-wrapper,
body#search #js-product-list .emalia-product-flags-main,
body#search #js-product-list .tvproduct-sale-pack-wrapper,
body#search #js-product-list .tvproduct-online-new-wrapper,
body#prices-drop #js-product-list .emalia-product-flags-main,
body#prices-drop #js-product-list .tvproduct-sale-pack-wrapper,
body#prices-drop #js-product-list .tvproduct-online-new-wrapper,
body#new-products #js-product-list .emalia-product-flags-main,
body#new-products #js-product-list .tvproduct-sale-pack-wrapper,
body#new-products #js-product-list .tvproduct-online-new-wrapper {
position: absolute !important;
top: 10px !important;
left: 10px !important;
right: auto !important;
bottom: auto !important;
z-index: 25 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
text-align: left !important;
}
body#category #js-product-list .emalia-product-flags-main li,
body#category #js-product-list .tvproduct-sale-pack-wrapper li,
body#category #js-product-list .tvproduct-online-new-wrapper li,
body#search #js-product-list .emalia-product-flags-main li,
body#search #js-product-list .tvproduct-sale-pack-wrapper li,
body#search #js-product-list .tvproduct-online-new-wrapper li,
body#prices-drop #js-product-list .emalia-product-flags-main li,
body#prices-drop #js-product-list .tvproduct-sale-pack-wrapper li,
body#prices-drop #js-product-list .tvproduct-online-new-wrapper li,
body#new-products #js-product-list .emalia-product-flags-main li,
body#new-products #js-product-list .tvproduct-sale-pack-wrapper li,
body#new-products #js-product-list .tvproduct-online-new-wrapper li {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 68px !important;
min-height: 20px !important;
margin: 0 0 4px 0 !important;
padding: 4px 8px !important;
background: #ffffff !important;
border-radius: 4px !important;
font-size: 8px !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
box-shadow: none !important;
}
body#category #js-product-list .emalia-product-flag-promo,
body#search #js-product-list .emalia-product-flag-promo,
body#prices-drop #js-product-list .emalia-product-flag-promo,
body#new-products #js-product-list .emalia-product-flag-promo {
border: 1px solid #e53935 !important;
color: #e53935 !important;
}
body#category #js-product-list .emalia-product-flag-new,
body#search #js-product-list .emalia-product-flag-new,
body#prices-drop #js-product-list .emalia-product-flag-new,
body#new-products #js-product-list .emalia-product-flag-new {
border: 1px solid #2f8f8a !important;
color: #2f8f8a !important;
}
/* =========================================================
5. UKRYCIE DODATKOWYCH OZNACZEŃ RABATU THEMEVOLTY
========================================================= */
body#category #js-product-list .tvproduct-discount-price,
body#category #js-product-list .discount-product,
body#search #js-product-list .tvproduct-discount-price,
body#search #js-product-list .discount-product,
body#prices-drop #js-product-list .tvproduct-discount-price,
body#prices-drop #js-product-list .discount-product,
body#new-products #js-product-list .tvproduct-discount-price,
body#new-products #js-product-list .discount-product {
display: none !important;
}
/* =========================================================
6. PRZYCISKI NA MINIATURZE - KOSZYK + PORÓWNANIE
========================================================= */
/* Kontener przycisków wraca na miniaturę produktu */
body#category #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#search #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#prices-drop #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#new-products #js-product-list .tvproduct-wrapper .tvproduct-btn-color {
position: absolute !important;
left: 50% !important;
right: auto !important;
top: auto !important;
bottom: 18px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 35 !important;
transform: translateX(-50%) !important;
transition: none !important;
}
/* Przyciski wewnątrz bez rozjazdów */
body#category #js-product-list .tvproduct-wrapper .tvproduct-hover-btn,
body#category #js-product-list .tvproduct-wrapper .tvproduct-cart-btn,
body#category #js-product-list .tvproduct-wrapper .tvcompare-wrapper,
body#search #js-product-list .tvproduct-wrapper .tvproduct-hover-btn,
body#search #js-product-list .tvproduct-wrapper .tvproduct-cart-btn,
body#search #js-product-list .tvproduct-wrapper .tvcompare-wrapper,
body#prices-drop #js-product-list .tvproduct-wrapper .tvproduct-hover-btn,
body#prices-drop #js-product-list .tvproduct-wrapper .tvproduct-cart-btn,
body#prices-drop #js-product-list .tvproduct-wrapper .tvcompare-wrapper,
body#new-products #js-product-list .tvproduct-wrapper .tvproduct-hover-btn,
body#new-products #js-product-list .tvproduct-wrapper .tvproduct-cart-btn,
body#new-products #js-product-list .tvproduct-wrapper .tvcompare-wrapper {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
background: transparent !important;
}
/* Ukrywamy szybki podgląd i wishlistę, zostawiamy koszyk + porównanie */
body#category #js-product-list .tvproduct-quick-btn,
body#category #js-product-list .tvproduct-quick-view,
body#category #js-product-list .tvproduct-wishlist,
body#category #js-product-list .tvproduct-zoom,
body#search #js-product-list .tvproduct-quick-btn,
body#search #js-product-list .tvproduct-quick-view,
body#search #js-product-list .tvproduct-wishlist,
body#search #js-product-list .tvproduct-zoom,
body#prices-drop #js-product-list .tvproduct-quick-btn,
body#prices-drop #js-product-list .tvproduct-quick-view,
body#prices-drop #js-product-list .tvproduct-wishlist,
body#prices-drop #js-product-list .tvproduct-zoom,
body#new-products #js-product-list .tvproduct-quick-btn,
body#new-products #js-product-list .tvproduct-quick-view,
body#new-products #js-product-list .tvproduct-wishlist,
body#new-products #js-product-list .tvproduct-zoom {
display: none !important;
}
/* =========================================================
7. WYGLĄD PRZYCISKÓW - KOSZYK + PORÓWNANIE
========================================================= */
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#category #js-product-list .tvcompare-wrapper a,
body#category #js-product-list .tvcompare-wrapper button,
body#category #js-product-list .tvproduct-compare,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#search #js-product-list .tvcompare-wrapper a,
body#search #js-product-list .tvcompare-wrapper button,
body#search #js-product-list .tvproduct-compare,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#prices-drop #js-product-list .tvcompare-wrapper a,
body#prices-drop #js-product-list .tvcompare-wrapper button,
body#prices-drop #js-product-list .tvproduct-compare,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#new-products #js-product-list .tvcompare-wrapper a,
body#new-products #js-product-list .tvcompare-wrapper button,
body#new-products #js-product-list .tvproduct-compare {
position: relative !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 50% !important;
background: #d9c2a3 !important;
color: #000000 !important;
line-height: 1 !important;
text-align: center !important;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.12) !important;
overflow: hidden !important;
transform: none !important;
transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}
/* Ikony w przyciskach */
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#category #js-product-list .tvcompare-wrapper i,
body#category #js-product-list .tvcompare-wrapper .material-icons,
body#category #js-product-list .tvproduct-compare i,
body#category #js-product-list .tvproduct-compare .material-icons,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#search #js-product-list .tvcompare-wrapper i,
body#search #js-product-list .tvcompare-wrapper .material-icons,
body#search #js-product-list .tvproduct-compare i,
body#search #js-product-list .tvproduct-compare .material-icons,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#prices-drop #js-product-list .tvcompare-wrapper i,
body#prices-drop #js-product-list .tvcompare-wrapper .material-icons,
body#prices-drop #js-product-list .tvproduct-compare i,
body#prices-drop #js-product-list .tvproduct-compare .material-icons,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#new-products #js-product-list .tvcompare-wrapper i,
body#new-products #js-product-list .tvcompare-wrapper .material-icons,
body#new-products #js-product-list .tvproduct-compare i,
body#new-products #js-product-list .tvproduct-compare .material-icons {
width: 44px !important;
height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 22px !important;
line-height: 1 !important;
text-align: center !important;
transform: translateY(1px) !important;
}
/* Ukrywa ikony oznaczone przez ThemeVolty jako hide */
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.hide,
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.hide,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.hide,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.hide,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.hide,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.hide,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.hide,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.hide {
display: none !important;
}
/* Produkty dostępne: ukryj ikonę niedostępności */
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.out-of-stock,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.out-of-stock,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.out-of-stock,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.out-of-stock {
display: none !important;
}
/* Produkty niedostępne: pokaż ikonę niedostępności zamiast koszyka */
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.tvproduct-out-of-stock i.add-cart,
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.disable i.add-cart,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.tvproduct-out-of-stock i.add-cart,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.disable i.add-cart,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.tvproduct-out-of-stock i.add-cart,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.disable i.add-cart,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.tvproduct-out-of-stock i.add-cart,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.disable i.add-cart {
display: none !important;
}
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.tvproduct-out-of-stock i.out-of-stock,
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.disable i.out-of-stock,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.tvproduct-out-of-stock i.out-of-stock,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.disable i.out-of-stock,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.tvproduct-out-of-stock i.out-of-stock,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.disable i.out-of-stock,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.tvproduct-out-of-stock i.out-of-stock,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart.disable i.out-of-stock {
display: flex !important;
}
/* =========================================================
8. HOVER PRZYCISKÓW
========================================================= */
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover,
body#category #js-product-list .tvcompare-wrapper a:hover,
body#category #js-product-list .tvcompare-wrapper button:hover,
body#category #js-product-list .tvproduct-compare:hover,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover,
body#search #js-product-list .tvcompare-wrapper a:hover,
body#search #js-product-list .tvcompare-wrapper button:hover,
body#search #js-product-list .tvproduct-compare:hover,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover,
body#prices-drop #js-product-list .tvcompare-wrapper a:hover,
body#prices-drop #js-product-list .tvcompare-wrapper button:hover,
body#prices-drop #js-product-list .tvproduct-compare:hover,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover,
body#new-products #js-product-list .tvcompare-wrapper a:hover,
body#new-products #js-product-list .tvcompare-wrapper button:hover,
body#new-products #js-product-list .tvproduct-compare:hover {
background: #222222 !important;
color: #ffffff !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover i,
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover .material-icons,
body#category #js-product-list .tvcompare-wrapper a:hover i,
body#category #js-product-list .tvcompare-wrapper button:hover i,
body#category #js-product-list .tvproduct-compare:hover i,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover i,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover .material-icons,
body#search #js-product-list .tvcompare-wrapper a:hover i,
body#search #js-product-list .tvcompare-wrapper button:hover i,
body#search #js-product-list .tvproduct-compare:hover i,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover i,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover .material-icons,
body#prices-drop #js-product-list .tvcompare-wrapper a:hover i,
body#prices-drop #js-product-list .tvcompare-wrapper button:hover i,
body#prices-drop #js-product-list .tvproduct-compare:hover i,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover i,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover .material-icons,
body#new-products #js-product-list .tvcompare-wrapper a:hover i,
body#new-products #js-product-list .tvcompare-wrapper button:hover i,
body#new-products #js-product-list .tvproduct-compare:hover i {
color: #ffffff !important;
}
/* =========================================================
9. NAZWA PRODUKTU - CZYTELNIEJ, BEZ POWIĘKSZANIA KARTY
========================================================= */
body#category #js-product-list .product-title,
body#category #js-product-list .tvproduct-name,
body#search #js-product-list .product-title,
body#search #js-product-list .tvproduct-name,
body#prices-drop #js-product-list .product-title,
body#prices-drop #js-product-list .tvproduct-name,
body#new-products #js-product-list .product-title,
body#new-products #js-product-list .tvproduct-name {
margin-top: 6px !important;
margin-bottom: 4px !important;
text-align: center !important;
}
body#category #js-product-list .product-title a,
body#category #js-product-list .tvproduct-name a,
body#search #js-product-list .product-title a,
body#search #js-product-list .tvproduct-name a,
body#prices-drop #js-product-list .product-title a,
body#prices-drop #js-product-list .tvproduct-name a,
body#new-products #js-product-list .product-title a,
body#new-products #js-product-list .tvproduct-name a {
color: #111111 !important;
font-size: 12px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
text-transform: uppercase !important;
}
body#category #js-product-list .product-title a:hover,
body#category #js-product-list .tvproduct-name a:hover,
body#search #js-product-list .product-title a:hover,
body#search #js-product-list .tvproduct-name a:hover,
body#prices-drop #js-product-list .product-title a:hover,
body#prices-drop #js-product-list .tvproduct-name a:hover,
body#new-products #js-product-list .product-title a:hover,
body#new-products #js-product-list .tvproduct-name a:hover {
color: #8a6a3d !important;
}
/* =========================================================
10. CENA PRODUKTU
========================================================= */
body#category #js-product-list .product-price-and-shipping,
body#category #js-product-list .tvproduct-price,
body#search #js-product-list .product-price-and-shipping,
body#search #js-product-list .tvproduct-price,
body#prices-drop #js-product-list .product-price-and-shipping,
body#prices-drop #js-product-list .tvproduct-price,
body#new-products #js-product-list .product-price-and-shipping,
body#new-products #js-product-list .tvproduct-price {
margin-top: 3px !important;
text-align: center !important;
}
body#category #js-product-list .price,
body#category #js-product-list .product-price,
body#search #js-product-list .price,
body#search #js-product-list .product-price,
body#prices-drop #js-product-list .price,
body#prices-drop #js-product-list .product-price,
body#new-products #js-product-list .price,
body#new-products #js-product-list .product-price {
color: #111111 !important;
font-size: 14px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
}
body#category #js-product-list .regular-price,
body#search #js-product-list .regular-price,
body#prices-drop #js-product-list .regular-price,
body#new-products #js-product-list .regular-price {
margin-left: 5px !important;
color: #9c9c9c !important;
font-size: 11px !important;
font-weight: 400 !important;
text-decoration: line-through !important;
}
/* =========================================================
11. MOBILE - KOSZYK + PORÓWNANIE NA MINIATURZE
========================================================= */
@media (max-width: 575px) {
body#category #js-product-list .tv-grid-list-wrapper-info-box,
body#search #js-product-list .tv-grid-list-wrapper-info-box,
body#prices-drop #js-product-list .tv-grid-list-wrapper-info-box,
body#new-products #js-product-list .tv-grid-list-wrapper-info-box {
margin-bottom: 10px !important;
}
body#category #js-product-list .tvproduct-wrapper.grid,
body#category #js-product-list .tvproduct-wrapper.grid-2,
body#search #js-product-list .tvproduct-wrapper.grid,
body#search #js-product-list .tvproduct-wrapper.grid-2,
body#prices-drop #js-product-list .tvproduct-wrapper.grid,
body#prices-drop #js-product-list .tvproduct-wrapper.grid-2,
body#new-products #js-product-list .tvproduct-wrapper.grid,
body#new-products #js-product-list .tvproduct-wrapper.grid-2 {
margin-bottom: 6px !important;
}
body#category #js-product-list .emalia-product-flags-main,
body#category #js-product-list .tvproduct-sale-pack-wrapper,
body#category #js-product-list .tvproduct-online-new-wrapper,
body#search #js-product-list .emalia-product-flags-main,
body#search #js-product-list .tvproduct-sale-pack-wrapper,
body#search #js-product-list .tvproduct-online-new-wrapper,
body#prices-drop #js-product-list .emalia-product-flags-main,
body#prices-drop #js-product-list .tvproduct-sale-pack-wrapper,
body#prices-drop #js-product-list .tvproduct-online-new-wrapper,
body#new-products #js-product-list .emalia-product-flags-main,
body#new-products #js-product-list .tvproduct-sale-pack-wrapper,
body#new-products #js-product-list .tvproduct-online-new-wrapper {
top: 7px !important;
left: 7px !important;
}
body#category #js-product-list .emalia-product-flags-main li,
body#category #js-product-list .tvproduct-sale-pack-wrapper li,
body#category #js-product-list .tvproduct-online-new-wrapper li,
body#search #js-product-list .emalia-product-flags-main li,
body#search #js-product-list .tvproduct-sale-pack-wrapper li,
body#search #js-product-list .tvproduct-online-new-wrapper li,
body#prices-drop #js-product-list .emalia-product-flags-main li,
body#prices-drop #js-product-list .tvproduct-sale-pack-wrapper li,
body#prices-drop #js-product-list .tvproduct-online-new-wrapper li,
body#new-products #js-product-list .emalia-product-flags-main li,
body#new-products #js-product-list .tvproduct-sale-pack-wrapper li,
body#new-products #js-product-list .tvproduct-online-new-wrapper li {
min-width: 60px !important;
min-height: 18px !important;
padding: 4px 7px !important;
font-size: 8px !important;
}
body#category #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#search #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#prices-drop #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#new-products #js-product-list .tvproduct-wrapper .tvproduct-btn-color {
bottom: 10px !important;
gap: 7px !important;
}
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#category #js-product-list .tvcompare-wrapper a,
body#category #js-product-list .tvcompare-wrapper button,
body#category #js-product-list .tvproduct-compare,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#search #js-product-list .tvcompare-wrapper a,
body#search #js-product-list .tvcompare-wrapper button,
body#search #js-product-list .tvproduct-compare,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#prices-drop #js-product-list .tvcompare-wrapper a,
body#prices-drop #js-product-list .tvcompare-wrapper button,
body#prices-drop #js-product-list .tvproduct-compare,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#new-products #js-product-list .tvcompare-wrapper a,
body#new-products #js-product-list .tvcompare-wrapper button,
body#new-products #js-product-list .tvproduct-compare {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
}
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#category #js-product-list .tvcompare-wrapper i,
body#category #js-product-list .tvcompare-wrapper .material-icons,
body#category #js-product-list .tvproduct-compare i,
body#category #js-product-list .tvproduct-compare .material-icons,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#search #js-product-list .tvcompare-wrapper i,
body#search #js-product-list .tvcompare-wrapper .material-icons,
body#search #js-product-list .tvproduct-compare i,
body#search #js-product-list .tvproduct-compare .material-icons,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#prices-drop #js-product-list .tvcompare-wrapper i,
body#prices-drop #js-product-list .tvcompare-wrapper .material-icons,
body#prices-drop #js-product-list .tvproduct-compare i,
body#prices-drop #js-product-list .tvproduct-compare .material-icons,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#new-products #js-product-list .tvcompare-wrapper i,
body#new-products #js-product-list .tvcompare-wrapper .material-icons,
body#new-products #js-product-list .tvproduct-compare i,
body#new-products #js-product-list .tvproduct-compare .material-icons {
width: 38px !important;
height: 38px !important;
font-size: 19px !important;
}
body#category #js-product-list .product-title a,
body#category #js-product-list .tvproduct-name a,
body#search #js-product-list .product-title a,
body#search #js-product-list .tvproduct-name a,
body#prices-drop #js-product-list .product-title a,
body#prices-drop #js-product-list .tvproduct-name a,
body#new-products #js-product-list .product-title a,
body#new-products #js-product-list .tvproduct-name a {
font-size: 11px !important;
line-height: 1.22 !important;
}
body#category #js-product-list .price,
body#category #js-product-list .product-price,
body#search #js-product-list .price,
body#search #js-product-list .product-price,
body#prices-drop #js-product-list .price,
body#prices-drop #js-product-list .product-price,
body#new-products #js-product-list .price,
body#new-products #js-product-list .product-price {
font-size: 13px !important;
}
}
/* =========================================================
EMALIA RYBNIK - POPRAWKA IKON NA MINIATURACH PRODUKTÓW
Moduł/szablon: ThemeVolty / listing kategorii
Działa dla desktop + mobile
Co robi:
- usuwa czarną ikonkę minusa / niedostępności z hovera
- zostawia koszyk + ikonkę porównania ze strzałkami
- wymusza widoczność porównania na mobile
- NIE zmienia rozmiaru miniatur produktów
Wklej na sam koniec custom.css
========================================================= */
/* =========================================================
1. USUŃ IKONKĘ MINUSA / NIEDOSTĘPNOŚCI Z LISTINGU
========================================================= */
body#category #js-product-list .tvproduct-btn-color i.out-of-stock,
body#category #js-product-list .tvproduct-btn-color .out-of-stock,
body#category #js-product-list .tvproduct-btn-color i.remove,
body#category #js-product-list .tvproduct-btn-color .remove,
body#category #js-product-list .tvproduct-btn-color i.remove-compare,
body#category #js-product-list .tvproduct-btn-color .remove-compare,
body#category #js-product-list .tvproduct-btn-color i.tvproduct-remove-compare,
body#category #js-product-list .tvproduct-btn-color .tvproduct-remove-compare,
body#category #js-product-list .tvproduct-btn-color .tvproduct-compare-remove,
body#search #js-product-list .tvproduct-btn-color i.out-of-stock,
body#search #js-product-list .tvproduct-btn-color .out-of-stock,
body#search #js-product-list .tvproduct-btn-color i.remove,
body#search #js-product-list .tvproduct-btn-color .remove,
body#search #js-product-list .tvproduct-btn-color i.remove-compare,
body#search #js-product-list .tvproduct-btn-color .remove-compare,
body#search #js-product-list .tvproduct-btn-color i.tvproduct-remove-compare,
body#search #js-product-list .tvproduct-btn-color .tvproduct-remove-compare,
body#search #js-product-list .tvproduct-btn-color .tvproduct-compare-remove,
body#prices-drop #js-product-list .tvproduct-btn-color i.out-of-stock,
body#prices-drop #js-product-list .tvproduct-btn-color .out-of-stock,
body#prices-drop #js-product-list .tvproduct-btn-color i.remove,
body#prices-drop #js-product-list .tvproduct-btn-color .remove,
body#prices-drop #js-product-list .tvproduct-btn-color i.remove-compare,
body#prices-drop #js-product-list .tvproduct-btn-color .remove-compare,
body#prices-drop #js-product-list .tvproduct-btn-color i.tvproduct-remove-compare,
body#prices-drop #js-product-list .tvproduct-btn-color .tvproduct-remove-compare,
body#prices-drop #js-product-list .tvproduct-btn-color .tvproduct-compare-remove,
body#new-products #js-product-list .tvproduct-btn-color i.out-of-stock,
body#new-products #js-product-list .tvproduct-btn-color .out-of-stock,
body#new-products #js-product-list .tvproduct-btn-color i.remove,
body#new-products #js-product-list .tvproduct-btn-color .remove,
body#new-products #js-product-list .tvproduct-btn-color i.remove-compare,
body#new-products #js-product-list .tvproduct-btn-color .remove-compare,
body#new-products #js-product-list .tvproduct-btn-color i.tvproduct-remove-compare,
body#new-products #js-product-list .tvproduct-btn-color .tvproduct-remove-compare,
body#new-products #js-product-list .tvproduct-btn-color .tvproduct-compare-remove {
display: none !important;
}
/* =========================================================
2. WYMUSZENIE: KOSZYK + PORÓWNANIE NA DESKTOP I MOBILE
========================================================= */
body#category #js-product-list .tvproduct-cart-btn,
body#category #js-product-list .tvcompare-wrapper,
body#category #js-product-list .tvproduct-compare,
body#search #js-product-list .tvproduct-cart-btn,
body#search #js-product-list .tvcompare-wrapper,
body#search #js-product-list .tvproduct-compare,
body#prices-drop #js-product-list .tvproduct-cart-btn,
body#prices-drop #js-product-list .tvcompare-wrapper,
body#prices-drop #js-product-list .tvproduct-compare,
body#new-products #js-product-list .tvproduct-cart-btn,
body#new-products #js-product-list .tvcompare-wrapper,
body#new-products #js-product-list .tvproduct-compare {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
}
/* =========================================================
3. UKŁAD PRZYCISKÓW NA MINIATURZE
========================================================= */
body#category #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#search #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#prices-drop #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#new-products #js-product-list .tvproduct-wrapper .tvproduct-btn-color {
position: absolute !important;
left: 50% !important;
right: auto !important;
bottom: 18px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 40 !important;
transform: translateX(-50%) !important;
}
/* =========================================================
4. WYGLĄD KOSZYKA I PORÓWNANIA
========================================================= */
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#category #js-product-list .tvcompare-wrapper a,
body#category #js-product-list .tvcompare-wrapper button,
body#category #js-product-list .tvproduct-compare,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#search #js-product-list .tvcompare-wrapper a,
body#search #js-product-list .tvcompare-wrapper button,
body#search #js-product-list .tvproduct-compare,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#prices-drop #js-product-list .tvcompare-wrapper a,
body#prices-drop #js-product-list .tvcompare-wrapper button,
body#prices-drop #js-product-list .tvproduct-compare,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#new-products #js-product-list .tvcompare-wrapper a,
body#new-products #js-product-list .tvcompare-wrapper button,
body#new-products #js-product-list .tvproduct-compare {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 50% !important;
background: #d9c2a3 !important;
color: #000000 !important;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.12) !important;
overflow: hidden !important;
}
/* =========================================================
5. IKONY WEWNĄTRZ PRZYCISKÓW
========================================================= */
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.add-cart,
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.add-cart,
body#category #js-product-list .tvcompare-wrapper i,
body#category #js-product-list .tvcompare-wrapper .material-icons,
body#category #js-product-list .tvproduct-compare i,
body#category #js-product-list .tvproduct-compare .material-icons,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.add-cart,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.add-cart,
body#search #js-product-list .tvcompare-wrapper i,
body#search #js-product-list .tvcompare-wrapper .material-icons,
body#search #js-product-list .tvproduct-compare i,
body#search #js-product-list .tvproduct-compare .material-icons,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.add-cart,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.add-cart,
body#prices-drop #js-product-list .tvcompare-wrapper i,
body#prices-drop #js-product-list .tvcompare-wrapper .material-icons,
body#prices-drop #js-product-list .tvproduct-compare i,
body#prices-drop #js-product-list .tvproduct-compare .material-icons,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.add-cart,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.add-cart,
body#new-products #js-product-list .tvcompare-wrapper i,
body#new-products #js-product-list .tvcompare-wrapper .material-icons,
body#new-products #js-product-list .tvproduct-compare i,
body#new-products #js-product-list .tvproduct-compare .material-icons {
width: 44px !important;
height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 22px !important;
line-height: 1 !important;
text-align: center !important;
transform: translateY(1px) !important;
}
/* =========================================================
6. HOVER
========================================================= */
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover,
body#category #js-product-list .tvcompare-wrapper a:hover,
body#category #js-product-list .tvcompare-wrapper button:hover,
body#category #js-product-list .tvproduct-compare:hover,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover,
body#search #js-product-list .tvcompare-wrapper a:hover,
body#search #js-product-list .tvcompare-wrapper button:hover,
body#search #js-product-list .tvproduct-compare:hover,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover,
body#prices-drop #js-product-list .tvcompare-wrapper a:hover,
body#prices-drop #js-product-list .tvcompare-wrapper button:hover,
body#prices-drop #js-product-list .tvproduct-compare:hover,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover,
body#new-products #js-product-list .tvcompare-wrapper a:hover,
body#new-products #js-product-list .tvcompare-wrapper button:hover,
body#new-products #js-product-list .tvproduct-compare:hover {
background: #222222 !important;
color: #ffffff !important;
}
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover i,
body#category #js-product-list .tvcompare-wrapper a:hover i,
body#category #js-product-list .tvcompare-wrapper button:hover i,
body#category #js-product-list .tvproduct-compare:hover i,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover i,
body#search #js-product-list .tvcompare-wrapper a:hover i,
body#search #js-product-list .tvcompare-wrapper button:hover i,
body#search #js-product-list .tvproduct-compare:hover i,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover i,
body#prices-drop #js-product-list .tvcompare-wrapper a:hover i,
body#prices-drop #js-product-list .tvcompare-wrapper button:hover i,
body#prices-drop #js-product-list .tvproduct-compare:hover i,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart:hover i,
body#new-products #js-product-list .tvcompare-wrapper a:hover i,
body#new-products #js-product-list .tvcompare-wrapper button:hover i,
body#new-products #js-product-list .tvproduct-compare:hover i {
color: #ffffff !important;
}
/* =========================================================
7. MOBILE - KOSZYK + PORÓWNANIE
========================================================= */
@media (max-width: 575px) {
body#category #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#search #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#prices-drop #js-product-list .tvproduct-wrapper .tvproduct-btn-color,
body#new-products #js-product-list .tvproduct-wrapper .tvproduct-btn-color {
bottom: 10px !important;
gap: 7px !important;
}
body#category #js-product-list .tvproduct-cart-btn,
body#category #js-product-list .tvcompare-wrapper,
body#category #js-product-list .tvproduct-compare,
body#search #js-product-list .tvproduct-cart-btn,
body#search #js-product-list .tvcompare-wrapper,
body#search #js-product-list .tvproduct-compare,
body#prices-drop #js-product-list .tvproduct-cart-btn,
body#prices-drop #js-product-list .tvcompare-wrapper,
body#prices-drop #js-product-list .tvproduct-compare,
body#new-products #js-product-list .tvproduct-cart-btn,
body#new-products #js-product-list .tvcompare-wrapper,
body#new-products #js-product-list .tvproduct-compare {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
}
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#category #js-product-list .tvcompare-wrapper a,
body#category #js-product-list .tvcompare-wrapper button,
body#category #js-product-list .tvproduct-compare,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#search #js-product-list .tvcompare-wrapper a,
body#search #js-product-list .tvcompare-wrapper button,
body#search #js-product-list .tvproduct-compare,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#prices-drop #js-product-list .tvcompare-wrapper a,
body#prices-drop #js-product-list .tvcompare-wrapper button,
body#prices-drop #js-product-list .tvproduct-compare,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart,
body#new-products #js-product-list .tvcompare-wrapper a,
body#new-products #js-product-list .tvcompare-wrapper button,
body#new-products #js-product-list .tvproduct-compare {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
}
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.add-cart,
body#category #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.add-cart,
body#category #js-product-list .tvcompare-wrapper i,
body#category #js-product-list .tvcompare-wrapper .material-icons,
body#category #js-product-list .tvproduct-compare i,
body#category #js-product-list .tvproduct-compare .material-icons,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.add-cart,
body#search #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.add-cart,
body#search #js-product-list .tvcompare-wrapper i,
body#search #js-product-list .tvcompare-wrapper .material-icons,
body#search #js-product-list .tvproduct-compare i,
body#search #js-product-list .tvproduct-compare .material-icons,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.add-cart,
body#prices-drop #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.add-cart,
body#prices-drop #js-product-list .tvcompare-wrapper i,
body#prices-drop #js-product-list .tvcompare-wrapper .material-icons,
body#prices-drop #js-product-list .tvproduct-compare i,
body#prices-drop #js-product-list .tvproduct-compare .material-icons,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart i.add-cart,
body#new-products #js-product-list .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.add-cart,
body#new-products #js-product-list .tvcompare-wrapper i,
body#new-products #js-product-list .tvcompare-wrapper .material-icons,
body#new-products #js-product-list .tvproduct-compare i,
body#new-products #js-product-list .tvproduct-compare .material-icons {
width: 38px !important;
height: 38px !important;
font-size: 19px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNA KOREKTA IKONY PORÓWNANIA
Moduł: ThemeVolty - Porównanie produktów / tvcmsproductcompare
Widok: grid, grid-2, list, list-2, catelog
Działa desktop + mobile
Co robi:
- usuwa ikonkę minusa
- zostawia tylko ikonkę porównania / strzałek
- centruje ikonę jak w pierwszym widoku siatki
Wklej na sam koniec custom.css po usunięciu wcześniejszych testowych bloków porównania
========================================================= */
/* =========================================================
1. WRAPPER PORÓWNANIA
========================================================= */
#products .tvcompare-wrapper,
#js-product-list .tvcompare-wrapper,
#products .tvall-product-btn-list .tvcompare-wrapper,
#js-product-list .tvall-product-btn-list .tvcompare-wrapper,
#products .tvcatlog-button-wrapper .tvcompare-wrapper,
#js-product-list .tvcatlog-button-wrapper .tvcompare-wrapper {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
margin: 0 5px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 50% !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
/* =========================================================
2. PRZYCISK PORÓWNANIA
========================================================= */
#products .tvcompare-wrapper .tvproduct-compare,
#products .tvcompare-wrapper .tvproduct-compare-icon,
#products .tvcompare-wrapper .tvcmsproduct-compare-btn,
#js-product-list .tvcompare-wrapper .tvproduct-compare,
#js-product-list .tvcompare-wrapper .tvproduct-compare-icon,
#js-product-list .tvcompare-wrapper .tvcmsproduct-compare-btn {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
background: #d9c2a3 !important;
color: #000000 !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.12) !important;
overflow: hidden !important;
line-height: 1 !important;
text-align: center !important;
}
/* =========================================================
3. UKRYCIE MINUSA
========================================================= */
#products .tvcompare-wrapper i.remove,
#products .tvcompare-wrapper .material-icons.remove,
#js-product-list .tvcompare-wrapper i.remove,
#js-product-list .tvcompare-wrapper .material-icons.remove {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
/* =========================================================
4. IKONA STRZAŁEK - CENTROWANIE
========================================================= */
#products .tvcompare-wrapper i.add,
#products .tvcompare-wrapper .material-icons.add,
#js-product-list .tvcompare-wrapper i.add,
#js-product-list .tvcompare-wrapper .material-icons.add {
position: absolute !important;
top: 0 !important;
left: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
color: #000000 !important;
font-family: "Material Icons" !important;
font-size: 20px !important;
font-weight: normal !important;
line-height: 40px !important;
text-align: center !important;
opacity: 1 !important;
visibility: visible !important;
transform: translateX(-1px) !important;
}
/* =========================================================
5. HOVER
========================================================= */
#products .tvcompare-wrapper:hover .tvproduct-compare,
#products .tvcompare-wrapper:hover .tvproduct-compare-icon,
#products .tvcompare-wrapper:hover .tvcmsproduct-compare-btn,
#js-product-list .tvcompare-wrapper:hover .tvproduct-compare,
#js-product-list .tvcompare-wrapper:hover .tvproduct-compare-icon,
#js-product-list .tvcompare-wrapper:hover .tvcmsproduct-compare-btn {
background: #000000 !important;
color: #ffffff !important;
}
#products .tvcompare-wrapper:hover i.add,
#products .tvcompare-wrapper:hover .material-icons.add,
#js-product-list .tvcompare-wrapper:hover i.add,
#js-product-list .tvcompare-wrapper:hover .material-icons.add {
color: #ffffff !important;
}
/* =========================================================
6. MOBILE
========================================================= */
@media (max-width: 575px) {
#products .tvcompare-wrapper,
#js-product-list .tvcompare-wrapper,
#products .tvall-product-btn-list .tvcompare-wrapper,
#js-product-list .tvall-product-btn-list .tvcompare-wrapper,
#products .tvcatlog-button-wrapper .tvcompare-wrapper,
#js-product-list .tvcatlog-button-wrapper .tvcompare-wrapper {
width: 38px !important;
height: 38px !important;
margin: 0 4px !important;
}
#products .tvcompare-wrapper .tvproduct-compare,
#products .tvcompare-wrapper .tvproduct-compare-icon,
#products .tvcompare-wrapper .tvcmsproduct-compare-btn,
#js-product-list .tvcompare-wrapper .tvproduct-compare,
#js-product-list .tvcompare-wrapper .tvproduct-compare-icon,
#js-product-list .tvcompare-wrapper .tvcmsproduct-compare-btn {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
}
#products .tvcompare-wrapper i.add,
#products .tvcompare-wrapper .material-icons.add,
#js-product-list .tvcompare-wrapper i.add,
#js-product-list .tvcompare-wrapper .material-icons.add {
width: 38px !important;
height: 38px !important;
font-size: 19px !important;
line-height: 38px !important;
transform: translateX(-1px) !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY CSS GÓRY KATEGORII V2
Widok: strona kategorii / category-header-block
Szablon: ThemeVolty Ceramic
Co robi:
- trafia w realne klasy HTML kategorii
- poprawia box kategorii
- ustawia podkategorie jako eleganckie chipy/linki
- poprawia opis kategorii i przycisk "Czytaj dalej"
- skraca wysokość sekcji na mobile
Wklej na sam koniec custom.css po usunięciu poprzedniego bloku góry kategorii
========================================================= */
/* =========================================================
1. GŁÓWNY BOX GÓRY KATEGORII
========================================================= */
body#category #js-product-list-header.category-header-block {
margin-bottom: 18px !important;
}
body#category #js-product-list-header .block-category {
margin: 0 0 18px !important;
padding: 26px 28px 24px !important;
background: #ffffff !important;
border: 1px solid #eee5d9 !important;
border-radius: 4px !important;
box-shadow: none !important;
}
body#category #js-product-list-header .block-category-inner {
width: 100% !important;
}
/* =========================================================
2. TYTUŁ KATEGORII
========================================================= */
body#category #js-product-list-header .category-title {
margin: 0 0 22px !important;
padding: 0 0 18px !important;
border-bottom: 1px solid #eee5d9 !important;
color: #111111 !important;
font-size: 30px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
text-transform: uppercase !important;
}
/* =========================================================
3. PODKATEGORIE - NAGŁÓWEK
========================================================= */
body#category #js-product-list-header .category-subcategories-wrap {
margin: 0 0 26px !important;
padding: 0 !important;
}
body#category #js-product-list-header .category-subcategories-title {
margin: 0 0 14px !important;
padding: 0 !important;
color: #111111 !important;
font-size: 17px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
}
/* =========================================================
4. PODKATEGORIE - CHIPY
========================================================= */
body#category #js-product-list-header .subcategory-grid {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px 12px !important;
margin: 0 !important;
padding: 0 !important;
}
body#category #js-product-list-header .subcategory-item {
display: block !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body#category #js-product-list-header .subcategory-image-link {
display: none !important;
}
body#category #js-product-list-header .subcategory-name {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
padding: 8px 15px !important;
background: #fbf8f3 !important;
border: 1px solid #eee5d9 !important;
border-radius: 999px !important;
color: #222222 !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
text-align: center !important;
text-decoration: none !important;
transition: all 0.18s ease !important;
}
body#category #js-product-list-header .subcategory-name:hover {
background: #d9c2a3 !important;
border-color: #d9c2a3 !important;
color: #111111 !important;
text-decoration: none !important;
}
/* =========================================================
5. OPIS KATEGORII
========================================================= */
body#category #js-product-list-header .category-description-wrap {
margin: 0 !important;
padding: 0 !important;
}
body#category #js-product-list-header .category-description {
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
color: #333333 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
body#category #js-product-list-header .category-description.is-collapsed {
max-height: 78px !important;
overflow: hidden !important;
position: relative !important;
}
body#category #js-product-list-header .category-description.is-collapsed::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 34px !important;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0),
#ffffff
) !important;
pointer-events: none !important;
}
body#category #js-product-list-header .category-description h2 {
margin: 0 0 10px !important;
color: #111111 !important;
font-size: 25px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: 0.005em !important;
text-transform: none !important;
}
body#category #js-product-list-header .category-description p {
margin: 0 0 8px !important;
color: #333333 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
/* =========================================================
6. PRZYCISK CZYTAJ DALEJ
========================================================= */
body#category #js-product-list-header .category-description-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 10px 0 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: #b89563 !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
text-decoration: none !important;
cursor: pointer !important;
}
body#category #js-product-list-header .category-description-toggle:hover {
color: #111111 !important;
text-decoration: underline !important;
}
/* =========================================================
7. MOBILE
========================================================= */
@media (max-width: 575px) {
body#category #js-product-list-header.category-header-block {
margin-bottom: 14px !important;
}
body#category #js-product-list-header .block-category {
margin-bottom: 14px !important;
padding: 18px 14px 16px !important;
}
body#category #js-product-list-header .category-title {
margin-bottom: 16px !important;
padding-bottom: 14px !important;
font-size: 25px !important;
line-height: 1.15 !important;
}
body#category #js-product-list-header .category-subcategories-wrap {
margin-bottom: 18px !important;
}
body#category #js-product-list-header .category-subcategories-title {
margin-bottom: 10px !important;
font-size: 15px !important;
}
body#category #js-product-list-header .subcategory-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
}
body#category #js-product-list-header .subcategory-item {
width: 100% !important;
}
body#category #js-product-list-header .subcategory-name {
width: 100% !important;
min-height: 32px !important;
padding: 7px 8px !important;
border-radius: 6px !important;
font-size: 12px !important;
line-height: 1.2 !important;
}
body#category #js-product-list-header .category-description {
font-size: 12.5px !important;
line-height: 1.5 !important;
}
body#category #js-product-list-header .category-description.is-collapsed {
max-height: 68px !important;
}
body#category #js-product-list-header .category-description h2 {
margin-bottom: 7px !important;
font-size: 22px !important;
line-height: 1.18 !important;
}
body#category #js-product-list-header .category-description p {
margin-bottom: 6px !important;
font-size: 12.5px !important;
line-height: 1.5 !important;
}
body#category #js-product-list-header .category-description-toggle {
margin-top: 8px !important;
font-size: 12.5px !important;
}
}
/* =========================================================
EMALIA RYBNIK - KOMPAKTOWA GÓRA KATEGORII
Widok: strona kategorii / category-header-block
Szablon: ThemeVolty Ceramic
Co robi:
- zmniejsza wysokość boxa kategorii
- zmniejsza odstępy między tytułem, podkategoriami i opisem
- robi mniejsze chipy podkategorii na mobile
- skraca widoczny opis kategorii
- NIE rusza listingu produktów
Wklej na sam koniec custom.css
========================================================= */
/* =========================================================
1. DESKTOP - MNIEJSZY BOX KATEGORII
========================================================= */
body#category #js-product-list-header .block-category {
margin-bottom: 14px !important;
padding: 22px 26px 20px !important;
}
body#category #js-product-list-header .category-title {
margin-bottom: 16px !important;
padding-bottom: 14px !important;
font-size: 28px !important;
line-height: 1.12 !important;
}
body#category #js-product-list-header .category-subcategories-wrap {
margin-bottom: 20px !important;
}
body#category #js-product-list-header .category-subcategories-title {
margin-bottom: 10px !important;
font-size: 16px !important;
}
/* =========================================================
2. DESKTOP - MNIEJSZE CHIPY PODKATEGORII
========================================================= */
body#category #js-product-list-header .subcategory-grid {
gap: 8px 10px !important;
}
body#category #js-product-list-header .subcategory-name {
min-height: 30px !important;
padding: 6px 13px !important;
font-size: 12.5px !important;
line-height: 1.2 !important;
}
/* =========================================================
3. DESKTOP - KRÓTSZY OPIS
========================================================= */
body#category #js-product-list-header .category-description.is-collapsed {
max-height: 66px !important;
}
body#category #js-product-list-header .category-description.is-collapsed::after {
height: 30px !important;
}
body#category #js-product-list-header .category-description h2 {
margin-bottom: 7px !important;
font-size: 24px !important;
line-height: 1.18 !important;
}
body#category #js-product-list-header .category-description p {
margin-bottom: 5px !important;
font-size: 13.5px !important;
line-height: 1.5 !important;
}
body#category #js-product-list-header .category-description-toggle {
margin-top: 6px !important;
}
/* =========================================================
4. MOBILE - KOMPAKTOWA GÓRA KATEGORII
========================================================= */
@media (max-width: 575px) {
body#category #js-product-list-header.category-header-block {
margin-bottom: 12px !important;
}
body#category #js-product-list-header .block-category {
margin-bottom: 12px !important;
padding: 15px 12px 14px !important;
}
body#category #js-product-list-header .category-title {
margin-bottom: 12px !important;
padding-bottom: 11px !important;
font-size: 23px !important;
line-height: 1.1 !important;
}
body#category #js-product-list-header .category-subcategories-wrap {
margin-bottom: 14px !important;
}
body#category #js-product-list-header .category-subcategories-title {
margin-bottom: 8px !important;
font-size: 14px !important;
line-height: 1.1 !important;
}
body#category #js-product-list-header .subcategory-grid {
grid-template-columns: 1fr 1fr !important;
gap: 6px !important;
}
body#category #js-product-list-header .subcategory-name {
min-height: 29px !important;
padding: 6px 6px !important;
border-radius: 5px !important;
font-size: 11.5px !important;
line-height: 1.15 !important;
}
body#category #js-product-list-header .category-description.is-collapsed {
max-height: 56px !important;
}
body#category #js-product-list-header .category-description.is-collapsed::after {
height: 28px !important;
}
body#category #js-product-list-header .category-description h2 {
margin-bottom: 5px !important;
font-size: 20px !important;
line-height: 1.12 !important;
}
body#category #js-product-list-header .category-description p {
margin-bottom: 4px !important;
font-size: 12px !important;
line-height: 1.38 !important;
}
body#category #js-product-list-header .category-description-toggle {
margin-top: 5px !important;
font-size: 12px !important;
line-height: 1.1 !important;
}
}
/* =========================================================
5. BARDZO MAŁE TELEFONY
========================================================= */
@media (max-width: 374px) {
body#category #js-product-list-header .subcategory-name {
font-size: 11px !important;
padding-left: 4px !important;
padding-right: 4px !important;
}
body#category #js-product-list-header .category-description h2 {
font-size: 19px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY CSS LISTINGU: SORTOWANIE / FILTRY / AKTYWNE FILTRY
Moduł: ps_facetedsearch + ThemeVolty listing
Wymaga TPL z wrapperem: .emalia-listing-controls-card
Działa dla desktop + tablet + mobile
Wklejony jako jedyny końcowy blok dla filtrów listingu
========================================================= */
/* ---------------------------------------------------------
1. Bezpieczne ukrycie przełączników widoku produktów
Zostawiamy domyślną siatkę, ukrywamy list/grid/list-2/catelog.
--------------------------------------------------------- */
#category .tvcmsproduct-grid-list,
#category .tv-grid-list-all-wrapper,
#category .tvproduct-view,
#category .tvproduct-grid,
#category .tvproduct-grid-2,
#category .tvproduct-list,
#category .tvproduct-list-2,
#category .tvproduct-catelog {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
/* ---------------------------------------------------------
2. Wspólna ramka listingu po zmianie TPL
--------------------------------------------------------- */
#category .emalia-listing-controls-card {
display: block !important;
margin: 0 0 22px !important;
padding: 14px 16px !important;
border: 1px solid #eadfce !important;
border-radius: 4px !important;
background: #fff !important;
box-shadow: none !important;
overflow: visible !important;
}
#category .emalia-listing-controls-main,
#category .emalia-listing-controls-active {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
#category .emalia-listing-controls-main #js-product-list-top.products-selection,
#category .emalia-listing-controls-main .products-selection {
display: grid !important;
grid-template-columns: 1fr auto !important;
align-items: center !important;
gap: 18px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* ---------------------------------------------------------
3. Desktop: lewa strona Filtry + liczba, prawa Sortuj wg
--------------------------------------------------------- */
#category .tv-left-search-totle-product {
display: inline-flex !important;
align-items: center !important;
gap: 16px !important;
width: auto !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
}
#category .tv-left-search-totle-product .tvcms-left-column-wrapper {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-width: 108px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 13px !important;
border: 1px solid #d9c2a3 !important;
border-radius: 4px !important;
background: #fffaf4 !important;
color: #111 !important;
white-space: nowrap !important;
cursor: pointer !important;
box-shadow: none !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper:hover {
background: #f8f1e7 !important;
border-color: #b89563 !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper svg {
display: block !important;
width: 20px !important;
height: auto !important;
flex: 0 0 auto !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper span {
display: inline-block !important;
font-size: 0 !important;
color: transparent !important;
line-height: 1 !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper span::after {
content: "Filtry" !important;
display: inline-block !important;
font-size: 13px !important;
font-weight: 800 !important;
color: #111 !important;
line-height: 1 !important;
}
/* Nie używamy dodatkowego przycisku z wcześniejszych prób JS */
#category .emalia-mobile-filter-open {
display: none !important;
}
#category .tv-left-search-totle-product .tv-total-product {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
}
#category .tv-left-search-totle-product .tv-total-product-number {
margin: 0 !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#category .tvall-page-shortby {
display: block !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
}
#category .tvall-page-shortby .sort-by-row {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
width: auto !important;
margin: 0 !important;
}
#category .tvall-page-shortby .sort-by {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#category .tvall-page-shortby .products-sort-order {
display: block !important;
width: 230px !important;
max-width: 230px !important;
margin: 0 !important;
padding: 0 !important;
}
#category .tvall-page-shortby .products-sort-order .select-title {
width: 100% !important;
min-height: 38px !important;
padding: 9px 34px 9px 12px !important;
border: 1px solid #eadfce !important;
border-radius: 3px !important;
background: #fffdf9 !important;
color: #111 !important;
font-size: 13px !important;
box-shadow: none !important;
}
#category .tvall-page-shortby .products-sort-order .dropdown-menu {
min-width: 100% !important;
}
/* ---------------------------------------------------------
4. Aktywne filtry w tej samej ramce
--------------------------------------------------------- */
#category .emalia-listing-controls-active {
margin-top: 13px !important;
}
#category .emalia-listing-controls-active #js-active-search-filters.active_filters {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .active-filter-title {
display: inline-flex !important;
align-items: center !important;
margin: 0 12px 0 0 !important;
padding: 0 !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
#category .emalia-listing-controls-active #js-active-search-filters ul {
display: inline-flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .filter-block {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 !important;
padding: 8px 11px !important;
border: 1px solid #eadfce !important;
border-radius: 3px !important;
background: #fffdf9 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
box-shadow: 0 1px 4px rgba(0,0,0,.03) !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .filter-block .close {
opacity: 1 !important;
color: #111 !important;
font-size: 18px !important;
line-height: 1 !important;
}
/* ---------------------------------------------------------
5. Tablet / mobile: kolejność Sortuj wg / Filtry / Aktywne filtry
--------------------------------------------------------- */
@media (max-width: 1199px) {
#category .emalia-listing-controls-card {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
margin: 10px 0 14px !important;
padding: 10px !important;
}
#category .emalia-listing-controls-main,
#category .emalia-listing-controls-main #js-product-list-top.products-selection,
#category .emalia-listing-controls-main .products-selection {
display: contents !important;
}
#category .tvall-page-shortby {
order: 1 !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
}
#category .tvall-page-shortby .sort-by-row {
justify-content: flex-start !important;
width: 100% !important;
}
#category .tvall-page-shortby .sort-by {
display: none !important;
}
#category .tvall-page-shortby .products-sort-order {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
}
#category .tvall-page-shortby .products-sort-order::before {
content: "Sortuj wg:" !important;
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#category .tvall-page-shortby .products-sort-order .select-title {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
min-height: 36px !important;
font-size: 12px !important;
}
#category .tv-left-search-totle-product {
order: 2 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 0 10px !important;
border-bottom: 1px solid #f3eadc !important;
}
#category .tv-left-search-totle-product .tvcms-left-column-wrapper {
display: inline-flex !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper {
min-width: 94px !important;
min-height: 36px !important;
padding: 0 12px !important;
}
#category .tv-left-search-totle-product .tv-total-product-number {
font-size: 13px !important;
}
#category .emalia-listing-controls-active {
order: 3 !important;
display: block !important;
width: 100% !important;
margin: 10px 0 0 !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .active-filter-title {
display: block !important;
margin: 0 0 8px !important;
font-size: 14px !important;
}
#category .emalia-listing-controls-active #js-active-search-filters ul {
display: flex !important;
gap: 6px !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .filter-block {
padding: 7px 9px !important;
font-size: 12px !important;
}
}
/* ---------------------------------------------------------
6. Panel filtrów dla tablet/mobile - stabilizacja ThemeVolty
--------------------------------------------------------- */
@media (max-width: 1199px) {
body#category #left-column {
display: block !important;
position: fixed !important;
top: 0 !important;
left: -110% !important;
z-index: 9999 !important;
width: 420px !important;
max-width: 92vw !important;
height: 100vh !important;
max-height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
overflow-y: auto !important;
overflow-x: hidden !important;
box-shadow: 12px 0 28px rgba(0,0,0,.18) !important;
transition: left .25s ease !important;
visibility: visible !important;
opacity: 1 !important;
}
body#category #left-column.open {
left: 0 !important;
}
body#category .modal-backdrop.fade.in {
z-index: 9998 !important;
opacity: .55 !important;
background: #000 !important;
}
body#category #left-column .tvleft-column-close-btn,
body#category #left-column .tvleft-column-close-btn i {
color: #111 !important;
opacity: 1 !important;
}
body#category #left-column #search_filters,
body#category #left-column #search_filters_wrapper {
width: 100% !important;
max-width: 100% !important;
background: #fff !important;
}
body#category #left-column .tvleft-right-title-wrapper,
body#category #left-column .tvcategory-title-wrapper {
background: #d9c2a3 !important;
color: #111 !important;
padding: 10px 14px !important;
}
body#category #left-column #search_filters .facet,
body#category #left-column #search_filters .tvfilter-dropdown-wrapper {
margin: 0 !important;
padding: 10px 14px !important;
border-bottom: 1px solid #f3eadc !important;
}
body#category #left-column #search_filters .facet-title {
font-size: 13px !important;
font-weight: 800 !important;
color: #111 !important;
text-transform: uppercase !important;
}
body#category #left-column #search_filters .facet-label {
display: flex !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
margin: 0 0 8px !important;
color: #222 !important;
font-size: 13px !important;
line-height: 1.3 !important;
}
}
@media (max-width: 480px) {
#category .emalia-listing-controls-card {
padding: 10px !important;
}
#category .tv-left-search-totle-product {
gap: 8px !important;
}
body#category #left-column {
width: 390px !important;
max-width: 94vw !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY FIX: OPIS KATEGORII + PANEL FILTRÓW
Moduł: ps_facetedsearch + ThemeVolty listing
Działa dla desktop + tablet + mobile
Wklej NA SAMYM KOŃCU custom.css
========================================================= */
/* =========================================================
1. OPIS KATEGORII - BEZ CHECKBOXA I BEZ ROZWIJANIA PO FILTROWANIU
========================================================= */
#category #emalia-category-description-toggle,
#category .emalia-category-description-toggle,
#category .emalia-category-header-box input[type="checkbox"],
#category .block-category input[type="checkbox"] {
position: absolute !important;
left: -99999px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
}
#category .emalia-category-header-box {
margin: 0 auto 20px !important;
padding: 22px 26px 20px !important;
border: 1px solid #eadfce !important;
border-radius: 4px !important;
background: #fff !important;
}
#category .emalia-category-title,
#category .emalia-category-header-box h1 {
margin: 0 0 16px !important;
padding: 0 0 14px !important;
border-bottom: 1px solid #eadfce !important;
color: #111 !important;
font-size: 26px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
#category .emalia-category-section-title {
margin: 0 0 10px !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
#category .emalia-category-subcategories {
display: block !important;
margin: 0 0 24px !important;
}
#category .emalia-category-subcategories-list {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px 10px !important;
}
#category .emalia-category-subcategory-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 30px !important;
padding: 0 14px !important;
border: 1px solid #eadfce !important;
border-radius: 999px !important;
background: #fffdf9 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: none !important;
}
#category .emalia-category-subcategory-link:hover {
border-color: #d9c2a3 !important;
background: #f8f1e7 !important;
color: #111 !important;
text-decoration: none !important;
}
#category .emalia-category-description-wrap {
position: relative !important;
margin: 0 !important;
}
#category .emalia-category-description {
position: relative !important;
max-height: 70px !important;
overflow: hidden !important;
color: #666 !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
}
#category .emalia-category-description::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 34px !important;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff) !important;
pointer-events: none !important;
}
#category .emalia-category-description h2,
#category .emalia-category-description h3,
#category .emalia-category-description h4,
#category .emalia-category-description strong,
#category .emalia-category-description b {
font-weight: 500 !important;
}
#category .emalia-category-description h2,
#category .emalia-category-description h3,
#category .emalia-category-description h4 {
margin: 0 0 6px !important;
color: #111 !important;
line-height: 1.25 !important;
text-transform: none !important;
}
#category .emalia-category-description h2 {
font-size: 18px !important;
}
#category .emalia-category-description h3 {
font-size: 16px !important;
}
#category .emalia-category-description h4 {
font-size: 15px !important;
}
#category .emalia-category-description p {
margin: 0 0 7px !important;
}
#category .emalia-category-description-more,
#category .emalia-category-description-more-open {
display: inline-flex !important;
margin-top: 6px !important;
color: #b89563 !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-decoration: none !important;
cursor: pointer !important;
}
#category .emalia-category-description-more-close {
display: none !important;
}
#category .emalia-category-header-box.is-open .emalia-category-description,
#category .emalia-category-description-wrap.is-open .emalia-category-description {
max-height: none !important;
}
#category .emalia-category-header-box.is-open .emalia-category-description::after,
#category .emalia-category-description-wrap.is-open .emalia-category-description::after {
display: none !important;
}
#category .emalia-category-header-box.is-open .emalia-category-description-more-open,
#category .emalia-category-description-wrap.is-open .emalia-category-description-more-open {
display: none !important;
}
#category .emalia-category-header-box.is-open .emalia-category-description-more-close,
#category .emalia-category-description-wrap.is-open .emalia-category-description-more-close {
display: inline-flex !important;
}
/* Awaryjnie: jeżeli po AJAX opis wróci jako klasyczny blok bez naszych klas */
#category .block-category #category-description {
max-height: 70px !important;
overflow: hidden !important;
color: #666 !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
}
#category .block-category #category-description h2,
#category .block-category #category-description h3,
#category .block-category #category-description strong,
#category .block-category #category-description b {
font-weight: 500 !important;
}
#category .block-category #category-description h2 {
font-size: 18px !important;
}
#category .block-category #category-description h3 {
font-size: 16px !important;
}
/* =========================================================
2. MOBILE - HEADER KATEGORII
========================================================= */
@media (max-width: 767px) {
#category .emalia-category-header-box {
margin: 0 0 12px !important;
padding: 14px 12px 16px !important;
}
#category .emalia-category-title,
#category .emalia-category-header-box h1 {
margin: 0 0 14px !important;
padding: 0 0 12px !important;
font-size: 21px !important;
}
#category .emalia-category-subcategories-list {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 6px !important;
}
#category .emalia-category-subcategory-link {
width: 100% !important;
min-height: 30px !important;
padding: 0 8px !important;
border-radius: 4px !important;
font-size: 11px !important;
text-align: center !important;
}
#category .emalia-category-description {
max-height: 64px !important;
font-size: 13px !important;
line-height: 1.42 !important;
}
#category .emalia-category-description h2 {
font-size: 17px !important;
}
#category .emalia-category-description h3 {
font-size: 15px !important;
}
}
/* =========================================================
3. PANEL FILTRÓW - ZAMYKANIE NA MAŁYM MOBILE/TABLET
========================================================= */
.emalia-filter-panel-close,
.emalia-filter-force-close {
display: none;
}
@media (max-width: 1199px) {
#left-column.emalia-filter-panel,
.emalia-filter-panel {
position: fixed !important;
top: 0 !important;
left: -110% !important;
z-index: 9999 !important;
width: 420px !important;
max-width: 92vw !important;
height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
overflow-y: auto !important;
overflow-x: hidden !important;
box-shadow: 12px 0 28px rgba(0,0,0,.18) !important;
transition: left .25s ease !important;
}
body.emalia-filter-panel-open #left-column.emalia-filter-panel,
body.emalia-filter-panel-open .emalia-filter-panel {
left: 0 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.emalia-filter-panel-open {
overflow: hidden !important;
}
.emalia-filter-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 9998 !important;
background: rgba(17,17,17,.48) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.emalia-filter-panel-open .emalia-filter-overlay {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.emalia-filter-panel-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
position: sticky !important;
top: 0 !important;
z-index: 50 !important;
padding: 12px 14px !important;
border-bottom: 1px solid #eadfce !important;
background: #fff !important;
}
.emalia-filter-panel-title {
color: #111 !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
.emalia-filter-panel-close,
.emalia-filter-force-close {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: #fff !important;
color: #111 !important;
font-size: 28px !important;
line-height: 1 !important;
cursor: pointer !important;
}
/* Przycisk awaryjny zawsze widoczny w prawym górnym rogu panelu */
.emalia-filter-force-close {
position: fixed !important;
top: 8px !important;
left: min(366px, calc(92vw - 44px)) !important;
z-index: 10001 !important;
box-shadow: 0 4px 14px rgba(0,0,0,.14) !important;
}
}
@media (max-width: 380px) {
#left-column.emalia-filter-panel,
.emalia-filter-panel {
width: 340px !important;
max-width: 90vw !important;
}
.emalia-filter-force-close {
left: calc(90vw - 44px) !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL V3: LISTING, OPIS KATEGORII, FILTRY
Moduł: ps_facetedsearch + ThemeVolty listing
Działa desktop + tablet + mobile
Wklejony NA SAMYM KOŃCU custom.css
========================================================= */
/* =========================================================
1. OPIS KATEGORII - NAPRAWA CHECKBOXA I TYPOGRAFII
========================================================= */
#category #emalia-category-description-toggle,
#category .emalia-category-description-toggle,
#category .emalia-category-header-box input[type="checkbox"],
#category #js-product-list-header input[type="checkbox"],
#category .block-category input[type="checkbox"],
#category #main > input[type="checkbox"] {
position: absolute !important;
left: -99999px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
}
#category .emalia-category-description,
#category .block-category #category-description,
#category #category-description {
max-height: 72px !important;
overflow: hidden !important;
color: #666 !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
}
#category .emalia-category-description strong,
#category .emalia-category-description b,
#category .block-category #category-description strong,
#category .block-category #category-description b,
#category #category-description strong,
#category #category-description b {
font-weight: 500 !important;
}
#category .emalia-category-description h2,
#category .emalia-category-description h3,
#category .emalia-category-description h4,
#category .block-category #category-description h2,
#category .block-category #category-description h3,
#category .block-category #category-description h4,
#category #category-description h2,
#category #category-description h3,
#category #category-description h4 {
margin: 0 0 5px !important;
color: #111 !important;
font-weight: 500 !important;
line-height: 1.25 !important;
text-transform: none !important;
}
#category .emalia-category-description h2,
#category .block-category #category-description h2,
#category #category-description h2 {
font-size: 17px !important;
}
#category .emalia-category-description h3,
#category .block-category #category-description h3,
#category #category-description h3 {
font-size: 15px !important;
}
#category .emalia-category-description p,
#category .block-category #category-description p,
#category #category-description p {
margin: 0 0 6px !important;
}
#category .emalia-category-description::after {
height: 34px !important;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff) !important;
}
#category .emalia-category-description-more,
#category .emalia-category-description-more-open,
#category .emalia-category-read-more {
color: #b89563 !important;
font-size: 13px !important;
font-weight: 700 !important;
text-decoration: none !important;
}
#category .emalia-category-description-more:hover,
#category .emalia-category-description-more-open:hover,
#category .emalia-category-read-more:hover {
color: #111 !important;
text-decoration: none !important;
}
@media (max-width: 1199px) {
#category .emalia-category-description,
#category .block-category #category-description,
#category #category-description {
max-height: 64px !important;
font-size: 12px !important;
line-height: 1.42 !important;
}
#category .emalia-category-description h2,
#category .block-category #category-description h2,
#category #category-description h2 {
font-size: 16px !important;
font-weight: 500 !important;
}
#category .emalia-category-description h3,
#category .block-category #category-description h3,
#category #category-description h3 {
font-size: 14px !important;
font-weight: 500 !important;
}
}
/* =========================================================
2. RAMKA LISTINGU - KOLEJNOŚĆ NA KAŻDYM EKRANIE
Sortuj wg: [Dostępne]
20 produktów [Filtry]
Aktywne filtry [Pojemność: 2 l]
========================================================= */
#category .emalia-listing-controls-card {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
margin: 0 0 22px !important;
padding: 14px 16px !important;
border: 1px solid #eadfce !important;
border-radius: 4px !important;
background: #fff !important;
box-shadow: none !important;
overflow: visible !important;
}
#category .emalia-listing-controls-main,
#category .emalia-listing-controls-main #js-product-list-top.products-selection,
#category .emalia-listing-controls-main .products-selection {
display: contents !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* 1. Sortowanie */
#category .tvall-page-shortby {
order: 1 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 12px !important;
padding: 0 !important;
float: none !important;
}
#category .tvall-page-shortby .sort-by-row {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
width: 100% !important;
margin: 0 !important;
}
#category .tvall-page-shortby .sort-by {
display: none !important;
}
#category .tvall-page-shortby .products-sort-order {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
#category .tvall-page-shortby .products-sort-order::before {
content: "Sortuj wg:" !important;
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#category .tvall-page-shortby .products-sort-order .select-title {
flex: 0 1 260px !important;
width: 260px !important;
max-width: 100% !important;
min-height: 38px !important;
padding: 9px 34px 9px 12px !important;
border: 1px solid #eadfce !important;
border-radius: 3px !important;
background: #fffdf9 !important;
color: #111 !important;
font-size: 13px !important;
box-shadow: none !important;
}
/* 2. Liczba produktów + Filtry */
#category .tv-left-search-totle-product {
order: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 0 12px !important;
border-bottom: 1px solid #f3eadc !important;
float: none !important;
}
#category .tv-left-search-totle-product .tv-total-product {
order: 1 !important;
display: inline-flex !important;
align-items: center !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
}
#category .tv-left-search-totle-product .tv-total-product-number {
margin: 0 !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#category .tv-left-search-totle-product .tvcms-left-column-wrapper {
order: 2 !important;
display: inline-flex !important;
align-items: center !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-width: 104px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 13px !important;
border: 1px solid #d9c2a3 !important;
border-radius: 4px !important;
background: #fffaf4 !important;
color: #111 !important;
white-space: nowrap !important;
cursor: pointer !important;
box-shadow: none !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper span {
display: inline-block !important;
font-size: 0 !important;
color: transparent !important;
line-height: 1 !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper span::after {
content: "Filtry" !important;
display: inline-block !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
#category .emalia-mobile-filter-open {
display: none !important;
}
/* 3. Aktywne filtry */
#category .emalia-listing-controls-active {
order: 3 !important;
display: block !important;
width: 100% !important;
margin: 12px 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
#category .emalia-listing-controls-active #js-active-search-filters.active_filters {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .active-filter-title {
display: inline-flex !important;
align-items: center !important;
margin: 0 12px 0 0 !important;
padding: 0 !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
#category .emalia-listing-controls-active #js-active-search-filters ul {
display: inline-flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .filter-block {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 !important;
padding: 8px 11px !important;
border: 1px solid #eadfce !important;
border-radius: 3px !important;
background: #fffdf9 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .filter-block .close {
opacity: 1 !important;
color: #111 !important;
font-size: 18px !important;
line-height: 1 !important;
}
@media (max-width: 1199px) {
#category .emalia-listing-controls-card {
margin: 10px 0 14px !important;
padding: 10px !important;
}
#category .tvall-page-shortby {
margin: 0 0 10px !important;
}
#category .tvall-page-shortby .products-sort-order::before {
font-size: 13px !important;
}
#category .tvall-page-shortby .products-sort-order .select-title {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
min-height: 36px !important;
font-size: 12px !important;
}
#category .tv-left-search-totle-product {
gap: 10px !important;
padding: 0 0 10px !important;
}
#category .tv-left-search-totle-product .tv-total-product-number {
font-size: 13px !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper {
min-width: 92px !important;
min-height: 36px !important;
padding: 0 12px !important;
}
#category .emalia-listing-controls-active {
margin: 10px 0 0 !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .active-filter-title {
display: inline-flex !important;
margin: 0 10px 0 0 !important;
font-size: 14px !important;
}
#category .emalia-listing-controls-active #js-active-search-filters ul {
display: inline-flex !important;
gap: 6px !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .filter-block {
padding: 7px 9px !important;
font-size: 12px !important;
}
}
@media (max-width: 380px) {
#category .tv-left-search-totle-product {
gap: 8px !important;
}
#category .tv-left-search-totle-product .tv-total-product-number {
font-size: 12px !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper {
min-width: 88px !important;
padding: 0 10px !important;
}
}
/* =========================================================
3. PANEL FILTRÓW - WŁASNY PANEL, BEZ NATYWNEGO SZAREGO STANU THEMEVOLTY
========================================================= */
@media (max-width: 1199px) {
body#category #left-column.emalia-filter-panel,
body#category .emalia-filter-panel {
display: block !important;
position: fixed !important;
top: 0 !important;
left: -110% !important;
z-index: 10000 !important;
width: 420px !important;
max-width: 92vw !important;
height: 100vh !important;
max-height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
overflow-y: auto !important;
overflow-x: hidden !important;
box-shadow: 12px 0 28px rgba(0,0,0,.18) !important;
transition: left .25s ease !important;
visibility: hidden !important;
opacity: 1 !important;
pointer-events: none !important;
}
body#category.emalia-filter-panel-open #left-column.emalia-filter-panel,
body#category.emalia-filter-panel-open .emalia-filter-panel,
body.emalia-filter-panel-open #left-column.emalia-filter-panel,
body.emalia-filter-panel-open .emalia-filter-panel {
left: 0 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.emalia-filter-panel-open {
overflow: hidden !important;
}
.emalia-filter-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 9999 !important;
background: rgba(17,17,17,.48) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.emalia-filter-panel-open .emalia-filter-overlay {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.emalia-filter-panel-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
position: sticky !important;
top: 0 !important;
z-index: 60 !important;
padding: 12px 14px !important;
border-bottom: 1px solid #eadfce !important;
background: #fff !important;
}
.emalia-filter-panel-title {
color: #111 !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
.emalia-filter-panel-close,
.emalia-filter-force-close {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: #fff !important;
color: #111 !important;
font-size: 28px !important;
line-height: 1 !important;
cursor: pointer !important;
}
.emalia-filter-force-close {
position: fixed !important;
top: 8px !important;
left: min(366px, calc(92vw - 44px)) !important;
z-index: 10002 !important;
box-shadow: 0 4px 14px rgba(0,0,0,.14) !important;
}
/* Ukrycie natywnych overlayów ThemeVolty, żeby nie zostawało samo szare tło */
.modal-backdrop,
.tvleft-right-overlay,
.tv-left-pannal-overlay,
.tvcms-left-column-overlay {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 380px) {
body#category #left-column.emalia-filter-panel,
body#category .emalia-filter-panel {
width: 340px !important;
max-width: 90vw !important;
}
.emalia-filter-force-close {
left: calc(90vw - 44px) !important;
}
}
/* EMALIA RYBNIK - przycisk Czytaj dalej jako link */
#category button.emalia-category-description-more {
border: 0 !important;
background: transparent !important;
padding: 0 !important;
appearance: none !important;
}
/* =========================================================
EMALIA RYBNIK - FINALNY FIX LISTINGU KATEGORII
Moduł: ps_facetedsearch + ThemeVolty listing
Cel:
- kolejność: Sortuj wg / produkty + Filtry / Aktywne filtry
- równe pola: Dostępne / Filtry / aktywne filtry
- lżejszy opis kategorii
- stabilny panel filtrów tablet/mobile
Wklej NA SAMYM KOŃCU custom.css
========================================================= */
/* =========================================================
1. OPIS KATEGORII - LŻEJSZA TYPOGRAFIA + BRAK CHECKBOXA
========================================================= */
#category #emalia-category-description-toggle,
#category .emalia-category-description-toggle,
#category .emalia-category-header-box input[type="checkbox"] {
position: absolute !important;
left: -99999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
#category .emalia-category-description {
max-height: 74px !important;
overflow: hidden !important;
font-size: 13px !important;
line-height: 1.48 !important;
color: #666 !important;
}
#category .emalia-category-description h2,
#category .emalia-category-description h3 {
margin: 0 0 6px !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: #111 !important;
}
#category .emalia-category-description p {
margin: 0 0 7px !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.48 !important;
}
#category .emalia-category-description strong,
#category .emalia-category-description b {
font-weight: 600 !important;
}
@media (max-width: 1199px) {
#category .emalia-category-description {
max-height: 66px !important;
font-size: 12.5px !important;
line-height: 1.42 !important;
}
#category .emalia-category-description h2,
#category .emalia-category-description h3 {
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.22 !important;
}
#category .emalia-category-description p {
font-size: 12.5px !important;
line-height: 1.42 !important;
}
}
/* =========================================================
2. UKRYCIE WYBORU WIDOKU PRODUKTÓW
========================================================= */
#category .tv-grid-list-all-wrapper,
#category .tvcmsproduct-grid-list,
#category .tvproduct-view,
#category .tvproduct-grid,
#category .tvproduct-grid-2,
#category .tvproduct-list,
#category .tvproduct-list-2,
#category .tvproduct-catelog {
display: none !important;
visibility: hidden !important;
width: 0 !important;
max-width: 0 !important;
height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
/* =========================================================
3. WSPÓLNA RAMKA LISTINGU
Kolejność:
1. Sortuj wg: [Dostępne]
2. 20 produktów [Filtry]
3. Aktywne filtry [Pojemność: 2 l]
========================================================= */
#category .emalia-listing-controls-card {
--emalia-label-width: 132px;
--emalia-field-width: 270px;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
margin: 0 0 22px !important;
padding: 14px 16px !important;
border: 1px solid #eadfce !important;
border-radius: 4px !important;
background: #fff !important;
box-shadow: none !important;
overflow: visible !important;
}
#category .emalia-listing-controls-main {
display: contents !important;
}
#category .emalia-listing-controls-main #js-product-list-top.products-selection,
#category .emalia-listing-controls-main .products-selection {
display: contents !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* =========================================================
4. WIERSZ 1 - SORTUJ WG
========================================================= */
#category .tvall-page-shortby {
order: 1 !important;
display: grid !important;
grid-template-columns: var(--emalia-label-width) var(--emalia-field-width) !important;
align-items: center !important;
column-gap: 10px !important;
width: auto !important;
max-width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
}
#category .tvall-page-shortby .sort-by-row,
#category .tvall-page-shortby .products-sort-order {
display: contents !important;
}
#category .tvall-page-shortby .sort-by {
display: none !important;
}
#category .tvall-page-shortby .products-sort-order::before {
content: "Sortuj wg:" !important;
grid-column: 1 !important;
display: flex !important;
align-items: center !important;
min-height: 38px !important;
margin: 0 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#category .tvall-page-shortby .products-sort-order .select-title {
grid-column: 2 !important;
display: flex !important;
align-items: center !important;
width: var(--emalia-field-width) !important;
max-width: var(--emalia-field-width) !important;
min-height: 38px !important;
padding: 9px 34px 9px 12px !important;
border: 1px solid #eadfce !important;
border-radius: 4px !important;
background: #fffdf9 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
box-shadow: none !important;
}
/* =========================================================
5. WIERSZ 2 - LICZBA PRODUKTÓW + FILTRY
========================================================= */
#category .tv-left-search-totle-product {
order: 2 !important;
display: grid !important;
grid-template-columns: var(--emalia-label-width) var(--emalia-field-width) !important;
align-items: center !important;
column-gap: 10px !important;
width: auto !important;
max-width: 100% !important;
margin: 0 0 10px !important;
padding: 0 0 10px !important;
border-bottom: 1px solid #f3eadc !important;
}
#category .tv-left-search-totle-product .tv-total-product {
grid-column: 1 !important;
grid-row: 1 !important;
display: flex !important;
align-items: center !important;
width: var(--emalia-label-width) !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
}
#category .tv-left-search-totle-product .tv-total-product-number {
margin: 0 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#category .tv-left-search-totle-product .tvcms-left-column-wrapper {
grid-column: 2 !important;
grid-row: 1 !important;
display: flex !important;
align-items: center !important;
width: var(--emalia-field-width) !important;
max-width: var(--emalia-field-width) !important;
margin: 0 !important;
padding: 0 !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper,
#category .emalia-mobile-filter-open {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: var(--emalia-field-width) !important;
max-width: var(--emalia-field-width) !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 12px !important;
border: 1px solid #d9c2a3 !important;
border-radius: 4px !important;
background: #fffaf4 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
cursor: pointer !important;
box-shadow: none !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper svg {
display: block !important;
width: 20px !important;
height: auto !important;
flex: 0 0 auto !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper span {
display: inline-block !important;
font-size: 0 !important;
color: transparent !important;
line-height: 1 !important;
}
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper span::after,
#category .emalia-mobile-filter-open {
content: "Filtry" !important;
font-size: 13px !important;
font-weight: 800 !important;
color: #111 !important;
}
/* =========================================================
6. WIERSZ 3 - AKTYWNE FILTRY
========================================================= */
#category .emalia-listing-controls-active {
order: 3 !important;
display: block !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
#category .emalia-listing-controls-active #js-active-search-filters.active_filters {
display: grid !important;
grid-template-columns: var(--emalia-label-width) var(--emalia-field-width) !important;
align-items: start !important;
column-gap: 10px !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .active-filter-title {
grid-column: 1 !important;
display: flex !important;
align-items: center !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#category .emalia-listing-controls-active #js-active-search-filters ul {
grid-column: 2 !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
width: var(--emalia-field-width) !important;
max-width: var(--emalia-field-width) !important;
margin: 0 !important;
padding: 0 !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .filter-block {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
width: var(--emalia-field-width) !important;
max-width: var(--emalia-field-width) !important;
min-height: 38px !important;
margin: 0 !important;
padding: 8px 11px !important;
border: 1px solid #eadfce !important;
border-radius: 4px !important;
background: #fffdf9 !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .filter-block .close {
flex: 0 0 auto !important;
opacity: 1 !important;
color: #111 !important;
font-size: 18px !important;
line-height: 1 !important;
}
/* =========================================================
7. TABLET + MOBILE - STAŁE SZEROKOŚCI W RAMCE
========================================================= */
@media (max-width: 1199px) {
#category .emalia-listing-controls-card {
--emalia-label-width: 92px;
--emalia-field-width: minmax(0, 1fr);
margin: 10px 0 14px !important;
padding: 10px !important;
}
#category .tvall-page-shortby,
#category .tv-left-search-totle-product,
#category .emalia-listing-controls-active #js-active-search-filters.active_filters {
grid-template-columns: 92px minmax(0, 1fr) !important;
width: 100% !important;
}
#category .tvall-page-shortby .products-sort-order .select-title,
#category .tv-left-search-totle-product .tvcms-left-column-wrapper,
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper,
#category .emalia-mobile-filter-open,
#category .emalia-listing-controls-active #js-active-search-filters ul,
#category .emalia-listing-controls-active #js-active-search-filters .filter-block {
width: 100% !important;
max-width: 100% !important;
}
#category .tvall-page-shortby .products-sort-order::before,
#category .tv-left-search-totle-product .tv-total-product,
#category .emalia-listing-controls-active #js-active-search-filters .active-filter-title {
width: 92px !important;
max-width: 92px !important;
font-size: 12px !important;
}
#category .tv-left-search-totle-product .tv-total-product-number,
#category .tvall-page-shortby .products-sort-order .select-title,
#category .tv-left-search-totle-product .tv-left-pannal-btn-wrapper span::after,
#category .emalia-listing-controls-active #js-active-search-filters .filter-block {
font-size: 12px !important;
}
}
/* =========================================================
8. MAŁY MOBILE - SKRACANIE DŁUGICH AKTYWNYCH FILTRÓW
========================================================= */
@media (max-width: 430px) {
#category .emalia-listing-controls-card {
--emalia-label-width: 88px;
}
#category .tvall-page-shortby,
#category .tv-left-search-totle-product,
#category .emalia-listing-controls-active #js-active-search-filters.active_filters {
grid-template-columns: 88px minmax(0, 1fr) !important;
}
#category .tvall-page-shortby .products-sort-order::before,
#category .tv-left-search-totle-product .tv-total-product,
#category .emalia-listing-controls-active #js-active-search-filters .active-filter-title {
width: 88px !important;
max-width: 88px !important;
}
#category .emalia-listing-controls-active #js-active-search-filters .filter-block {
overflow: hidden !important;
text-overflow: ellipsis !important;
}
}
/* =========================================================
9. PANEL FILTRÓW TABLET/MOBILE - WIDOCZNY CLOSE
========================================================= */
.emalia-filter-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 9998 !important;
background: rgba(17, 17, 17, 0.48) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.emalia-filter-panel-open .emalia-filter-overlay {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.emalia-filter-panel-open {
overflow: hidden !important;
}
@media (max-width: 1199px) {
.emalia-filter-panel {
position: fixed !important;
top: 0 !important;
left: -110% !important;
z-index: 9999 !important;
width: 390px !important;
max-width: 88vw !important;
height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
overflow-y: auto !important;
overflow-x: hidden !important;
box-shadow: 12px 0 28px rgba(0, 0, 0, 0.18) !important;
}
body.emalia-filter-panel-open .emalia-filter-panel {
left: 0 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.emalia-filter-panel-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
position: sticky !important;
top: 0 !important;
z-index: 30 !important;
padding: 12px 14px !important;
background: #fff !important;
border-bottom: 1px solid #eadfce !important;
}
.emalia-filter-panel-title {
font-size: 16px !important;
font-weight: 800 !important;
color: #111 !important;
}
.emalia-filter-panel-close {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
border: 0 !important;
background: transparent !important;
color: #111 !important;
font-size: 28px !important;
line-height: 1 !important;
cursor: pointer !important;
}
}
/* =========================================================
EMALIA RYBNIK - DELIKATNA POPRAWKA KARTY PRODUKTU v3
Moduł/szablon: ThemeVolty product page / karta produktu
Działa dla desktop + mobile
Co robi:
- zmniejsza H2 i H3 tylko w opisie produktu
- nie rusza produktów powiązanych
- poprawia czytelność treści opisu
- na mobile nazwa produktu ma maksymalnie 2 linie
Wklej na końcu custom.css po usunięciu wcześniejszych bloków:
"DELIKATNA POPRAWKA KARTY PRODUKTU",
"MOBILE KARTA PRODUKTU / MNIEJ PUSTEGO MIEJSCA",
"MOBILE ŚCIEŻKA KATEGORII / BREADCRUMB COMPACT"
========================================================= */
/* =========================================================
1. OPIS PRODUKTU - MNIEJSZE NAGŁÓWKI H2 / H3
========================================================= */
body#product .tvproduct-description-tab #tab-content h2,
body#product #description h2,
.page-product .tvproduct-description-tab #tab-content h2,
.page-product #description h2 {
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
margin: 22px 0 8px 0 !important;
padding: 0 !important;
color: #111111 !important;
}
body#product .tvproduct-description-tab #tab-content h3,
body#product #description h3,
.page-product .tvproduct-description-tab #tab-content h3,
.page-product #description h3 {
font-size: 17px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
margin: 18px 0 7px 0 !important;
padding: 0 !important;
color: #111111 !important;
}
/* =========================================================
2. OPIS PRODUKTU - TEKST, AKAPITY I LISTY
========================================================= */
body#product .tvproduct-description-tab #tab-content,
body#product #description,
.page-product .tvproduct-description-tab #tab-content,
.page-product #description {
font-size: 14px !important;
line-height: 1.62 !important;
color: #222222 !important;
}
body#product .tvproduct-description-tab #tab-content p,
body#product #description p,
.page-product .tvproduct-description-tab #tab-content p,
.page-product #description p {
font-size: 14px !important;
line-height: 1.62 !important;
margin: 0 0 12px 0 !important;
padding: 0 !important;
color: #222222 !important;
}
body#product .tvproduct-description-tab #tab-content ul,
body#product #description ul,
.page-product .tvproduct-description-tab #tab-content ul,
.page-product #description ul {
margin: 8px 0 16px 20px !important;
padding: 0 !important;
}
body#product .tvproduct-description-tab #tab-content li,
body#product #description li,
.page-product .tvproduct-description-tab #tab-content li,
.page-product #description li {
font-size: 14px !important;
line-height: 1.58 !important;
margin-bottom: 5px !important;
padding: 0 !important;
color: #222222 !important;
}
/* =========================================================
3. MOBILE - MNIEJSZE H2 / H3 W OPISIE
========================================================= */
@media (max-width: 767px) {
body#product .tvproduct-description-tab #tab-content,
body#product #description,
.page-product .tvproduct-description-tab #tab-content,
.page-product #description {
font-size: 13px !important;
line-height: 1.58 !important;
}
body#product .tvproduct-description-tab #tab-content h2,
body#product #description h2,
.page-product .tvproduct-description-tab #tab-content h2,
.page-product #description h2 {
font-size: 18px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
margin: 18px 0 7px 0 !important;
padding: 0 !important;
}
body#product .tvproduct-description-tab #tab-content h3,
body#product #description h3,
.page-product .tvproduct-description-tab #tab-content h3,
.page-product #description h3 {
font-size: 16px !important;
line-height: 1.32 !important;
font-weight: 600 !important;
margin: 16px 0 6px 0 !important;
padding: 0 !important;
}
body#product .tvproduct-description-tab #tab-content p,
body#product #description p,
.page-product .tvproduct-description-tab #tab-content p,
.page-product #description p {
font-size: 13px !important;
line-height: 1.58 !important;
margin-bottom: 10px !important;
}
body#product .tvproduct-description-tab #tab-content li,
body#product #description li,
.page-product .tvproduct-description-tab #tab-content li,
.page-product #description li {
font-size: 13px !important;
line-height: 1.55 !important;
margin-bottom: 4px !important;
}
}
/* =========================================================
4. MOBILE - NAZWA PRODUKTU MAX 2 LINIE
========================================================= */
@media (max-width: 767px) {
body#product .tv-product-page-content h1,
.page-product .tv-product-page-content h1 {
display: -webkit-box !important;
max-width: 100% !important;
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
margin-bottom: 8px !important;
/* Maksymalnie 2 linie zamiast ucinania po jednej linii */
white-space: normal !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
/* Nie łamie słów w połowie, tylko po spacjach */
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
}
/* =========================================================
EMALIA RYBNIK - MOBILE KARTA PRODUKTU / MNIEJ PUSTEGO MIEJSCA
Moduł/szablon: ThemeVolty product page
Działa tylko na mobile
Co robi:
- zmniejsza puste miejsce nad zdjęciem produktu
- podnosi wizualnie kartę produktu
- nie rusza produktów powiązanych
========================================================= */
@media (max-width: 767px) {
/* Główna karta produktu - mniej powietrza */
body#product .tvproduct-page-wrapper,
.page-product .tvproduct-page-wrapper {
padding-top: 0 !important;
margin-top: 0 !important;
}
body#product .tvproduct-image-slider,
body#product .product-cover,
.page-product .tvproduct-image-slider,
.page-product .product-cover {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Zdjęcie produktu bliżej góry */
body#product .product-cover img,
.page-product .product-cover img {
margin-top: -18px !important;
}
/* Ograniczenie wysokości pustej przestrzeni wokół zdjęcia */
body#product .product-cover,
.page-product .product-cover {
min-height: auto !important;
padding-top: 0 !important;
padding-bottom: 8px !important;
}
/* Sekcja informacji produktu bliżej zdjęcia */
body#product .tv-product-page-content,
.page-product .tv-product-page-content {
margin-top: -8px !important;
padding-top: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - GLOBALNY MOBILE BREADCRUMB COMPACT
Moduł/szablon: ThemeVolty breadcrumb
Działa dla: produkt, kategoria/listing, CMS i pozostałe strony
Co robi:
- ujednolica ścieżkę kategorii na mobile
- zmniejsza odstępy
- ustawia breadcrumb w jednej linii
- pozwala przewijać poziomo, jeśli ścieżka jest długa
- nie ukrywa kategorii i nie zmienia desktopu
========================================================= */
@media (max-width: 767px) {
/* Główny kontener ścieżki */
#wrapper .breadcrumb {
margin: 0 0 8px 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
text-align: left !important;
overflow: hidden !important;
}
/* Lista elementów breadcrumb */
#wrapper .breadcrumb ol,
#wrapper .breadcrumb ul {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 0 4px 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
white-space: nowrap !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
}
#wrapper .breadcrumb ol::-webkit-scrollbar,
#wrapper .breadcrumb ul::-webkit-scrollbar {
display: none !important;
}
/* Pojedynczy element ścieżki */
#wrapper .breadcrumb li {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 1.25 !important;
white-space: nowrap !important;
}
/* Linki i tekst */
#wrapper .breadcrumb li a,
#wrapper .breadcrumb li span {
display: inline-flex !important;
align-items: center !important;
font-size: 11px !important;
line-height: 1.25 !important;
margin: 0 !important;
padding: 0 !important;
color: #8a623b !important;
white-space: nowrap !important;
}
/* Separator - bez dużych spacji */
#wrapper .breadcrumb li:after {
margin: 0 4px !important;
padding: 0 !important;
color: #c6a77f !important;
line-height: 1 !important;
}
/* Ikona domu */
#wrapper .breadcrumb i,
#wrapper .breadcrumb .material-icons {
font-size: 12px !important;
margin: 0 3px 0 0 !important;
padding: 0 !important;
line-height: 1 !important;
color: #8a623b !important;
}
/* Mniej pustego miejsca pod headerem na podstronach */
#wrapper {
padding-top: 8px !important;
}
/* Na stronie głównej bez zmian */
body#index #wrapper {
padding-top: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - ZAKŁADKI KARTY PRODUKTU DESKTOP + MOBILE
Moduł/szablon: ThemeVolty product page / product tabs
Działa dla desktop + mobile
Co robi:
- poprawia wygląd zakładek Opis / Szczegóły produktu / Recenzje
- desktop: eleganckie zakładki poziome
- mobile: zakładki jako czytelne przyciski jeden pod drugim
Wklej zamiast wcześniejszego bloku zakładek mobile
========================================================= */
/* =========================================================
1. DESKTOP / TABLET - ZAKŁADKI POZIOME PREMIUM
========================================================= */
body#product .tvproduct-description-tab,
.page-product .tvproduct-description-tab {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
body#product .tvproduct-description-tab .nav-tabs,
.page-product .tvproduct-description-tab .nav-tabs {
display: flex !important;
align-items: center !important;
gap: 8px !important;
border: none !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
background: transparent !important;
}
body#product .tvproduct-description-tab .nav-tabs li.nav-item,
.page-product .tvproduct-description-tab .nav-tabs li.nav-item {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
body#product .tvproduct-description-tab .nav-tabs .nav-item .nav-link,
.page-product .tvproduct-description-tab .nav-tabs .nav-item .nav-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
padding: 10px 22px !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
text-align: center !important;
text-transform: none !important;
color: #3a2a1d !important;
background: #ffffff !important;
border: 1px solid #eadcc9 !important;
border-radius: 4px !important;
box-shadow: none !important;
transition: all 0.18s ease-in-out !important;
}
body#product .tvproduct-description-tab .nav-tabs .nav-item .nav-link.active,
body#product .tvproduct-description-tab .nav-tabs .nav-item .nav-link:hover,
.page-product .tvproduct-description-tab .nav-tabs .nav-item .nav-link.active,
.page-product .tvproduct-description-tab .nav-tabs .nav-item .nav-link:hover {
color: #000000 !important;
background: #f7efe4 !important;
border-color: #d9c2a3 !important;
}
/* Treść zakładki */
body#product .tvproduct-description-tab #tab-content,
.page-product .tvproduct-description-tab #tab-content {
padding: 22px 24px !important;
margin-top: 0 !important;
border: 1px solid #eeeeee !important;
border-radius: 4px !important;
background: #ffffff !important;
}
/* =========================================================
2. MOBILE - ZAKŁADKI JEDNA POD DRUGĄ
========================================================= */
@media (max-width: 767px) {
body#product .tvproduct-description-tab,
.page-product .tvproduct-description-tab {
margin-top: 14px !important;
margin-bottom: 14px !important;
}
body#product .tvproduct-description-tab .nav-tabs,
.page-product .tvproduct-description-tab .nav-tabs {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 7px !important;
border: none !important;
margin: 0 0 12px 0 !important;
padding: 0 !important;
background: transparent !important;
}
body#product .tvproduct-description-tab .nav-tabs li.nav-item,
.page-product .tvproduct-description-tab .nav-tabs li.nav-item {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
body#product .tvproduct-description-tab .nav-tabs .nav-item .nav-link,
.page-product .tvproduct-description-tab .nav-tabs .nav-item .nav-link {
width: 100% !important;
min-height: 38px !important;
padding: 9px 12px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
color: #3a2a1d !important;
background: #ffffff !important;
border: 1px solid #eadcc9 !important;
border-radius: 4px !important;
}
body#product .tvproduct-description-tab .nav-tabs .nav-item .nav-link.active,
body#product .tvproduct-description-tab .nav-tabs .nav-item .nav-link:hover,
.page-product .tvproduct-description-tab .nav-tabs .nav-item .nav-link.active,
.page-product .tvproduct-description-tab .nav-tabs .nav-item .nav-link:hover {
color: #000000 !important;
background: #f7efe4 !important;
border-color: #d9c2a3 !important;
}
body#product .tvproduct-description-tab #tab-content,
.page-product .tvproduct-description-tab #tab-content {
padding: 14px 12px !important;
margin-top: 0 !important;
border: 1px solid #eeeeee !important;
border-radius: 4px !important;
background: #ffffff !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY STICKY + BUYBOX PRODUKTU v6
Moduł/szablon: ThemeVolty product page / tvfooter-product-sticky-bottom
Działa dla desktop + mobile
Co robi:
- poprawia ikonę koszyka w przycisku
- desktop: sticky bez licznika, tylko miniatura + nazwa + cena + przycisk
- mobile: naprawia licznik w głównym buyboxie
- mobile: dolny sticky ma miniaturę + cenę + Dodaj do koszyka
- mobile: sticky pokazuje się dopiero po scrollu przez JS
Wklej na końcu custom.css po usunięciu wcześniejszych bloków sticky
========================================================= */
/* =========================================================
1. GLOBALNIE - CZYTELNA IKONA KOSZYKA W ADD TO CART
========================================================= */
body#product button.add-to-cart i.material-icons.shopping-cart,
.page-product button.add-to-cart i.material-icons.shopping-cart {
font-family: "Material Icons" !important;
font-weight: 400 !important;
font-style: normal !important;
font-size: 0 !important;
line-height: 1 !important;
color: #000000 !important;
margin: 0 6px 0 0 !important;
padding: 0 !important;
width: 16px !important;
height: 16px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-transform: none !important;
letter-spacing: normal !important;
font-feature-settings: "liga" !important;
-webkit-font-feature-settings: "liga" !important;
}
body#product button.add-to-cart i.material-icons.shopping-cart::before,
.page-product button.add-to-cart i.material-icons.shopping-cart::before {
content: "shopping_cart" !important;
font-family: "Material Icons" !important;
font-weight: 400 !important;
font-style: normal !important;
font-size: 15px !important;
line-height: 1 !important;
color: #000000 !important;
text-transform: none !important;
letter-spacing: normal !important;
font-feature-settings: "liga" !important;
-webkit-font-feature-settings: "liga" !important;
}
/* =========================================================
2. DESKTOP - STICKY BEZ LICZNIKA
========================================================= */
@media (min-width: 768px) {
body#product .tvfooter-product-sticky-bottom,
.page-product .tvfooter-product-sticky-bottom {
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.05) !important;
padding: 8px 0 !important;
z-index: 90 !important;
}
body#product .tvfooter-product-sticky-bottom .container,
.page-product .tvfooter-product-sticky-bottom .container {
max-width: 760px !important;
width: 100% !important;
margin: 0 auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(280px, 380px) auto !important;
align-items: center !important;
justify-content: center !important;
gap: 32px !important;
width: 100% !important;
margin: 0 auto !important;
}
body#product .tvfooter-product-sticky-bottom .product-quantity,
body#product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
body#product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
body#product .tvfooter-product-sticky-bottom .emalia-product-links,
body#product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
body#product .tvfooter-product-sticky-bottom .tvproduct-size-custom,
body#product .tvfooter-product-sticky-bottom .regular-price,
body#product .tvfooter-product-sticky-bottom .discount,
body#product .tvfooter-product-sticky-bottom .lowest-price-30-info,
body#product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label,
.page-product .tvfooter-product-sticky-bottom .product-quantity,
.page-product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
.page-product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
.page-product .tvfooter-product-sticky-bottom .emalia-product-links,
.page-product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
.page-product .tvfooter-product-sticky-bottom .tvproduct-size-custom,
.page-product .tvfooter-product-sticky-bottom .regular-price,
.page-product .tvfooter-product-sticky-bottom .discount,
.page-product .tvfooter-product-sticky-bottom .lowest-price-30-info,
.page-product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label {
display: none !important;
}
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
display: flex !important;
align-items: center !important;
gap: 12px !important;
min-width: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .product-image,
.page-product .tvfooter-product-sticky-bottom .product-image {
width: 52px !important;
min-width: 52px !important;
height: 52px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .tvfooter-product-sticky-bottom .product-image img,
.page-product .tvfooter-product-sticky-bottom .product-image img {
max-width: 52px !important;
max-height: 52px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 250px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #222222 !important;
margin: 0 0 4px 0 !important;
padding: 0 !important;
text-transform: uppercase !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 17px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data,
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data form,
body#product .tvfooter-product-sticky-bottom .product-add-to-cart,
body#product .tvfooter-product-sticky-bottom .tv-product-page-add-to-cart-wrapper,
body#product .tvfooter-product-sticky-bottom .tvcart-btn-model,
.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data,
.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data form,
.page-product .tvfooter-product-sticky-bottom .product-add-to-cart,
.page-product .tvfooter-product-sticky-bottom .tv-product-page-add-to-cart-wrapper,
.page-product .tvfooter-product-sticky-bottom .tvcart-btn-model {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart,
.page-product .tvfooter-product-sticky-bottom .add-to-cart {
height: 40px !important;
min-height: 40px !important;
padding: 0 34px !important;
margin: 0 !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
box-shadow: none !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart span,
.page-product .tvfooter-product-sticky-bottom .add-to-cart span {
color: #000000 !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
}
/* =========================================================
3. MOBILE - GŁÓWNY BUYBOX: LICZNIK + PRZYCISK
========================================================= */
@media (max-width: 767px) {
body#product .emalia-product-buybox .product-actions,
.page-product .emalia-product-buybox .product-actions {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
margin-top: 8px !important;
}
body#product .emalia-product-buybox .product-add-to-cart,
.page-product .emalia-product-buybox .product-add-to-cart {
display: flex !important;
align-items: stretch !important;
flex-wrap: nowrap !important;
gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .control-label,
.page-product .emalia-product-buybox .control-label {
display: none !important;
}
body#product .emalia-product-buybox .product-quantity,
.page-product .emalia-product-buybox .product-quantity {
flex: 0 0 92px !important;
width: 92px !important;
max-width: 92px !important;
min-width: 92px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .qty,
.page-product .emalia-product-buybox .qty {
width: 92px !important;
max-width: 92px !important;
min-width: 92px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin,
.page-product .emalia-product-buybox .bootstrap-touchspin {
width: 92px !important;
height: 38px !important;
display: grid !important;
grid-template-columns: 38px 27px 27px !important;
align-items: stretch !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-product-buybox input[name="qty"],
.page-product .emalia-product-buybox input[name="qty"] {
grid-column: 1 !important;
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #111111 !important;
background: #ffffff !important;
box-shadow: none !important;
}
body#product .emalia-product-buybox .input-group-btn-vertical,
.page-product .emalia-product-buybox .input-group-btn-vertical {
grid-column: 2 / 4 !important;
width: 54px !important;
height: 38px !important;
display: contents !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-product-buybox .btn-touchspin,
.page-product .emalia-product-buybox .btn-touchspin {
width: 27px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-left: 1px solid #eeeeee !important;
background: #fafafa !important;
box-shadow: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #111111 !important;
position: static !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down,
.page-product .emalia-product-buybox .bootstrap-touchspin-down {
grid-column: 2 !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up,
.page-product .emalia-product-buybox .bootstrap-touchspin-up {
grid-column: 3 !important;
}
body#product .emalia-product-buybox .btn-touchspin i,
.page-product .emalia-product-buybox .btn-touchspin i {
font-size: 0 !important;
line-height: 1 !important;
color: #111111 !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down i::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down i::before {
content: "−" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;
color: #111111 !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up i::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up i::before {
content: "+" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;
color: #111111 !important;
}
body#product .emalia-product-buybox .tv-product-page-add-to-cart-wrapper,
.page-product .emalia-product-buybox .tv-product-page-add-to-cart-wrapper {
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: 38px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .tvcart-btn-model,
.page-product .emalia-product-buybox .tvcart-btn-model {
width: 100% !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .add-to-cart,
.page-product .emalia-product-buybox .add-to-cart {
width: 100% !important;
max-width: 100% !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
color: #000000 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .add-to-cart span,
.page-product .emalia-product-buybox .add-to-cart span {
color: #000000 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body#product .emalia-product-buybox .tvproduct-wishlist-compare,
body#product .emalia-product-buybox .tvproduct-stock-social,
.page-product .emalia-product-buybox .tvproduct-wishlist-compare,
.page-product .emalia-product-buybox .tvproduct-stock-social {
display: none !important;
}
}
/* =========================================================
4. MOBILE - DOLNY STICKY UKRYTY DO SCROLLA
========================================================= */
@media (max-width: 767px) {
body#product,
body.page-product {
padding-bottom: 74px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
display: block !important;
visibility: visible !important;
opacity: 0 !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: auto !important;
z-index: 9999 !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -5px 18px rgba(0, 0, 0, 0.08) !important;
padding: 7px 8px !important;
margin: 0 !important;
transform: translateY(110%) !important;
transition: transform 0.22s ease, opacity 0.22s ease !important;
pointer-events: none !important;
}
body#product.emalia-product-sticky-visible .tvfooter-product-sticky-bottom,
body.page-product.emalia-product-sticky-visible .tvfooter-product-sticky-bottom {
opacity: 1 !important;
transform: translateY(0) !important;
pointer-events: auto !important;
}
body#product .tvfooter-product-sticky-bottom .container,
body.page-product .tvfooter-product-sticky-bottom .container {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 148px !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .product-quantity,
body#product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
body#product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
body#product .tvfooter-product-sticky-bottom .emalia-product-links,
body#product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
body#product .tvfooter-product-sticky-bottom .tvproduct-size-custom,
body#product .tvfooter-product-sticky-bottom .regular-price,
body#product .tvfooter-product-sticky-bottom .discount,
body#product .tvfooter-product-sticky-bottom .lowest-price-30-info,
body#product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label,
body.page-product .tvfooter-product-sticky-bottom .product-quantity,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
body.page-product .tvfooter-product-sticky-bottom .emalia-product-links,
body.page-product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-size-custom,
body.page-product .tvfooter-product-sticky-bottom .regular-price,
body.page-product .tvfooter-product-sticky-bottom .discount,
body.page-product .tvfooter-product-sticky-bottom .lowest-price-30-info,
body.page-product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label {
display: none !important;
}
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
display: flex !important;
align-items: center !important;
gap: 7px !important;
min-width: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .tvfooter-product-sticky-bottom .product-image img,
body.page-product .tvfooter-product-sticky-bottom .product-image img {
max-width: 38px !important;
max-height: 38px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 135px !important;
font-size: 10px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
text-transform: uppercase !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data,
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data form,
body#product .tvfooter-product-sticky-bottom .product-add-to-cart,
body#product .tvfooter-product-sticky-bottom .tv-product-page-add-to-cart-wrapper,
body#product .tvfooter-product-sticky-bottom .tvcart-btn-model,
body.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data,
body.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data form,
body.page-product .tvfooter-product-sticky-bottom .product-add-to-cart,
body.page-product .tvfooter-product-sticky-bottom .tv-product-page-add-to-cart-wrapper,
body.page-product .tvfooter-product-sticky-bottom .tvcart-btn-model {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart,
body.page-product .tvfooter-product-sticky-bottom .add-to-cart {
width: 148px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
color: #000000 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
box-shadow: none !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart span,
body.page-product .tvfooter-product-sticky-bottom .add-to-cart span {
color: #000000 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
}
/* =========================================================
EMALIA RYBNIK - PATCH MOBILE BUYBOX + STICKY v7
Moduł/szablon: ThemeVolty product page / karta produktu
Działa dla desktop + mobile
Co robi:
- poprawia licznik ilości na mobile
- poprawia szerokość nazwy produktu na mobile
- poprawia ikonę koszyka
- wymusza widoczny przycisk Dodaj do koszyka w dolnym sticky mobile
Wklej na sam koniec custom.css
========================================================= */
/* =========================================================
1. IKONA KOSZYKA - CZYTELNA GLOBALNIE
========================================================= */
body#product button.add-to-cart i.material-icons.shopping-cart,
.page-product button.add-to-cart i.material-icons.shopping-cart {
font-size: 0 !important;
font-weight: 400 !important;
margin: 0 6px 0 0 !important;
width: 15px !important;
height: 15px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-transform: none !important;
letter-spacing: normal !important;
line-height: 1 !important;
}
body#product button.add-to-cart i.material-icons.shopping-cart::before,
.page-product button.add-to-cart i.material-icons.shopping-cart::before {
content: "shopping_cart" !important;
font-family: "Material Icons" !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: #000000 !important;
text-transform: none !important;
letter-spacing: normal !important;
}
/* =========================================================
2. MOBILE - NAZWA PRODUKTU SZERZEJ, BEZ SZTUCZNEGO ZAWĘŻANIA
========================================================= */
@media (max-width: 767px) {
body#product .tv-product-page-content h1,
body#product .emalia-product-buybox h1,
.page-product .tv-product-page-content h1,
.page-product .emalia-product-buybox h1 {
width: 100% !important;
max-width: 100% !important;
display: block !important;
font-size: 15px !important;
line-height: 1.18 !important;
font-weight: 700 !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
}
/* =========================================================
3. MOBILE - GŁÓWNY BUYBOX: LICZNIK + DODAJ DO KOSZYKA
========================================================= */
@media (max-width: 767px) {
body#product .emalia-product-buybox .product-add-to-cart,
.page-product .emalia-product-buybox .product-add-to-cart {
display: grid !important;
grid-template-columns: 90px minmax(0, 1fr) !important;
align-items: stretch !important;
column-gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .product-quantity,
.page-product .emalia-product-buybox .product-quantity {
display: block !important;
width: 90px !important;
min-width: 90px !important;
max-width: 90px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .control-label,
.page-product .emalia-product-buybox .control-label {
display: none !important;
}
body#product .emalia-product-buybox .qty,
.page-product .emalia-product-buybox .qty {
width: 90px !important;
min-width: 90px !important;
max-width: 90px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin,
.page-product .emalia-product-buybox .bootstrap-touchspin {
width: 90px !important;
height: 38px !important;
display: flex !important;
align-items: stretch !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox input[name="qty"],
.page-product .emalia-product-buybox input[name="qty"] {
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-right: 1px solid #eeeeee !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #111111 !important;
background: #ffffff !important;
box-shadow: none !important;
}
body#product .emalia-product-buybox .input-group-btn-vertical,
.page-product .emalia-product-buybox .input-group-btn-vertical {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 38px !important;
display: flex !important;
flex-direction: row-reverse !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-product-buybox .btn-touchspin,
.page-product .emalia-product-buybox .btn-touchspin {
position: static !important;
width: 27px !important;
min-width: 27px !important;
max-width: 27px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid #eeeeee !important;
background: #fafafa !important;
box-shadow: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
color: #111111 !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before {
content: "−" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;
color: #111111 !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
content: "+" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;
color: #111111 !important;
}
body#product .emalia-product-buybox .btn-touchspin i,
.page-product .emalia-product-buybox .btn-touchspin i {
display: none !important;
}
body#product .emalia-product-buybox .tv-product-page-add-to-cart-wrapper,
.page-product .emalia-product-buybox .tv-product-page-add-to-cart-wrapper {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .tvcart-btn-model,
.page-product .emalia-product-buybox .tvcart-btn-model {
display: block !important;
width: 100% !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .add-to-cart,
.page-product .emalia-product-buybox .add-to-cart {
width: 100% !important;
max-width: 100% !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
box-shadow: none !important;
color: #000000 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .add-to-cart span,
.page-product .emalia-product-buybox .add-to-cart span {
font-size: 10px !important;
font-weight: 800 !important;
color: #000000 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body#product .emalia-product-buybox .tvproduct-wishlist-compare,
body#product .emalia-product-buybox .tvproduct-stock-social,
.page-product .emalia-product-buybox .tvproduct-wishlist-compare,
.page-product .emalia-product-buybox .tvproduct-stock-social {
display: none !important;
}
}
/* =========================================================
4. MOBILE - DOLNY STICKY: WYMUSZENIE WIDOCZNEGO BUYBOXA
========================================================= */
@media (max-width: 767px) {
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
display: block !important;
visibility: visible !important;
opacity: 0 !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: auto !important;
z-index: 9999 !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -5px 18px rgba(0, 0, 0, 0.08) !important;
padding: 7px 8px !important;
margin: 0 !important;
transform: translateY(110%) !important;
transition: transform 0.22s ease, opacity 0.22s ease !important;
pointer-events: none !important;
}
body#product.emalia-product-sticky-visible .tvfooter-product-sticky-bottom,
body.page-product.emalia-product-sticky-visible .tvfooter-product-sticky-bottom {
opacity: 1 !important;
transform: translateY(0) !important;
pointer-events: auto !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 150px !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
grid-column: 1 !important;
display: flex !important;
align-items: center !important;
gap: 7px !important;
min-width: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data,
body.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data {
grid-column: 2 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 150px !important;
max-width: 150px !important;
min-width: 150px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data form,
body#product .tvfooter-product-sticky-bottom .product-add-to-cart,
body#product .tvfooter-product-sticky-bottom .tv-product-page-add-to-cart-wrapper,
body#product .tvfooter-product-sticky-bottom .tvcart-btn-model,
body.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data form,
body.page-product .tvfooter-product-sticky-bottom .product-add-to-cart,
body.page-product .tvfooter-product-sticky-bottom .tv-product-page-add-to-cart-wrapper,
body.page-product .tvfooter-product-sticky-bottom .tvcart-btn-model {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 150px !important;
max-width: 150px !important;
min-width: 150px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body#product .tvfooter-product-sticky-bottom .product-quantity,
body#product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
body#product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
body#product .tvfooter-product-sticky-bottom .emalia-product-links,
body#product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
body#product .tvfooter-product-sticky-bottom .tvproduct-size-custom,
body.page-product .tvfooter-product-sticky-bottom .product-quantity,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
body.page-product .tvfooter-product-sticky-bottom .emalia-product-links,
body.page-product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-size-custom {
display: none !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart,
body.page-product .tvfooter-product-sticky-bottom .add-to-cart {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
width: 150px !important;
max-width: 150px !important;
min-width: 150px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart span,
body.page-product .tvfooter-product-sticky-bottom .add-to-cart span {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
color: #000000 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
}
/* =========================================================
EMALIA RYBNIK - PATCH MOBILE LICZNIK + STICKY CTA v8
Moduł/szablon: ThemeVolty product page / karta produktu
Działa dla mobile + sticky desktop/mobile
Co robi:
- naprawia licznik ilości w głównym buyboxie mobile
- ustawia kolejność: [ilość] [-] [+]
- poprawia ikonę koszyka
- przygotowuje dolny sticky mobile pod przycisk tworzony JS-em
Wklej na sam koniec custom.css
========================================================= */
/* =========================================================
1. GLOBALNIE - IKONA KOSZYKA
========================================================= */
body#product button.add-to-cart i.material-icons.shopping-cart,
.page-product button.add-to-cart i.material-icons.shopping-cart,
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart,
.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart {
font-size: 0 !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
margin: 0 6px 0 0 !important;
padding: 0 !important;
width: 15px !important;
height: 15px !important;
color: #000000 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-transform: none !important;
letter-spacing: normal !important;
}
body#product button.add-to-cart i.material-icons.shopping-cart::before,
.page-product button.add-to-cart i.material-icons.shopping-cart::before,
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before,
.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before {
content: "shopping_cart" !important;
font-family: "Material Icons" !important;
font-size: 15px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
color: #000000 !important;
text-transform: none !important;
letter-spacing: normal !important;
}
/* =========================================================
2. MOBILE - LICZNIK W GŁÓWNYM BUYBOXIE
========================================================= */
@media (max-width: 767px) {
body#product .emalia-product-buybox .product-add-to-cart,
.page-product .emalia-product-buybox .product-add-to-cart {
display: grid !important;
grid-template-columns: 92px minmax(0, 1fr) !important;
align-items: stretch !important;
column-gap: 7px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
overflow: hidden !important;
float: none !important;
clear: both !important;
}
body#product .emalia-product-buybox .control-label,
.page-product .emalia-product-buybox .control-label {
display: none !important;
}
body#product .emalia-product-buybox .product-quantity,
.page-product .emalia-product-buybox .product-quantity,
body#product .emalia-product-buybox .qty,
.page-product .emalia-product-buybox .qty {
width: 92px !important;
min-width: 92px !important;
max-width: 92px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
float: none !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin,
.page-product .emalia-product-buybox .bootstrap-touchspin {
width: 92px !important;
min-width: 92px !important;
max-width: 92px !important;
height: 38px !important;
display: flex !important;
align-items: stretch !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
box-shadow: none !important;
}
body#product .emalia-product-buybox input[name="qty"],
.page-product .emalia-product-buybox input[name="qty"] {
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-right: 1px solid #eeeeee !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #111111 !important;
background: #ffffff !important;
box-shadow: none !important;
border-radius: 0 !important;
}
body#product .emalia-product-buybox .input-group-btn-vertical,
.page-product .emalia-product-buybox .input-group-btn-vertical {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 38px !important;
display: flex !important;
flex-direction: row-reverse !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
}
body#product .emalia-product-buybox .btn-touchspin,
.page-product .emalia-product-buybox .btn-touchspin {
position: static !important;
width: 27px !important;
min-width: 27px !important;
max-width: 27px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid #eeeeee !important;
background: #fafafa !important;
color: #111111 !important;
box-shadow: none !important;
border-radius: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
line-height: 1 !important;
}
body#product .emalia-product-buybox .btn-touchspin i,
.page-product .emalia-product-buybox .btn-touchspin i {
display: none !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before {
content: "−" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;
color: #111111 !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
content: "+" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;
color: #111111 !important;
}
body#product .emalia-product-buybox .tv-product-page-add-to-cart-wrapper,
.page-product .emalia-product-buybox .tv-product-page-add-to-cart-wrapper {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 38px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .tvcart-btn-model,
.page-product .emalia-product-buybox .tvcart-btn-model {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .add-to-cart,
.page-product .emalia-product-buybox .add-to-cart {
width: 100% !important;
max-width: 100% !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
box-shadow: none !important;
color: #000000 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .add-to-cart span,
.page-product .emalia-product-buybox .add-to-cart span {
font-size: 10px !important;
font-weight: 800 !important;
color: #000000 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body#product .emalia-product-buybox .tvproduct-wishlist-compare,
body#product .emalia-product-buybox .tvproduct-stock-social,
.page-product .emalia-product-buybox .tvproduct-wishlist-compare,
.page-product .emalia-product-buybox .tvproduct-stock-social {
display: none !important;
}
}
/* =========================================================
3. MOBILE - DOLNY STICKY Z PRZYCISKIEM DODAJ DO KOSZYKA
Przycisk .emalia-mobile-sticky-cart-btn tworzy JS
========================================================= */
@media (max-width: 767px) {
body#product,
body.page-product {
padding-bottom: 76px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
display: block !important;
visibility: visible !important;
opacity: 0 !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: auto !important;
z-index: 9999 !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -5px 18px rgba(0, 0, 0, 0.08) !important;
padding: 7px 8px !important;
margin: 0 !important;
transform: translateY(110%) !important;
transition: transform 0.22s ease, opacity 0.22s ease !important;
pointer-events: none !important;
}
body#product.emalia-product-sticky-visible .tvfooter-product-sticky-bottom,
body.page-product.emalia-product-sticky-visible .tvfooter-product-sticky-bottom {
opacity: 1 !important;
transform: translateY(0) !important;
pointer-events: auto !important;
}
body#product .tvfooter-product-sticky-bottom .container,
body.page-product .tvfooter-product-sticky-bottom .container {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 150px !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
grid-column: 1 !important;
display: flex !important;
align-items: center !important;
gap: 7px !important;
min-width: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .tvfooter-product-sticky-bottom .product-image img,
body.page-product .tvfooter-product-sticky-bottom .product-image img {
max-width: 38px !important;
max-height: 38px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 135px !important;
font-size: 10px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
text-transform: uppercase !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
body#product .tvfooter-product-sticky-bottom .product-quantity,
body#product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
body#product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
body#product .tvfooter-product-sticky-bottom .emalia-product-links,
body#product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
body#product .tvfooter-product-sticky-bottom .tvproduct-size-custom,
body.page-product .tvfooter-product-sticky-bottom .product-quantity,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
body.page-product .tvfooter-product-sticky-bottom .emalia-product-links,
body.page-product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-size-custom {
display: none !important;
}
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data,
body.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data {
grid-column: 2 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 150px !important;
max-width: 150px !important;
min-width: 150px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
width: 150px !important;
max-width: 150px !important;
min-width: 150px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
cursor: pointer !important;
}
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
display: inline-block !important;
color: #000000 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
}
/* =========================================================
EMALIA RYBNIK - PATCH MOBILE LICZNIK + STICKY CTA v9
Moduł/szablon: ThemeVolty product page / karta produktu
Działa tylko mobile
Co robi:
- naprawia licznik w głównym buyboxie
- wymusza układ: [ilość] [-] [+]
- przygotowuje prawą kolumnę sticky pod przycisk dodawany JS-em
Wklej na sam koniec custom.css
========================================================= */
@media (max-width: 767px) {
/* =====================================================
1. GŁÓWNY BUYBOX - LICZNIK I PRZYCISK
===================================================== */
body#product .emalia-product-buybox .product-add-to-cart,
.page-product .emalia-product-buybox .product-add-to-cart {
display: grid !important;
grid-template-columns: 92px minmax(0, 1fr) !important;
gap: 7px !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .product-quantity,
body#product .emalia-product-buybox .qty,
.page-product .emalia-product-buybox .product-quantity,
.page-product .emalia-product-buybox .qty {
width: 92px !important;
min-width: 92px !important;
max-width: 92px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .control-label,
.page-product .emalia-product-buybox .control-label {
display: none !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin,
.page-product .emalia-product-buybox .bootstrap-touchspin {
width: 92px !important;
height: 38px !important;
display: flex !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
overflow: hidden !important;
box-shadow: none !important;
}
body#product .emalia-product-buybox input[name="qty"],
.page-product .emalia-product-buybox input[name="qty"] {
order: 1 !important;
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-right: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
text-align: center !important;
color: #111111 !important;
font-size: 13px !important;
font-weight: 700 !important;
}
body#product .emalia-product-buybox .input-group-btn-vertical,
.page-product .emalia-product-buybox .input-group-btn-vertical {
order: 2 !important;
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 38px !important;
display: flex !important;
flex-direction: row-reverse !important;
align-items: stretch !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-product-buybox .btn-touchspin,
.page-product .emalia-product-buybox .btn-touchspin {
position: static !important;
width: 27px !important;
min-width: 27px !important;
max-width: 27px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #fafafa !important;
box-shadow: none !important;
color: #111111 !important;
font-size: 0 !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .emalia-product-buybox .btn-touchspin i,
.page-product .emalia-product-buybox .btn-touchspin i {
display: none !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before {
content: "−" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #111111 !important;
line-height: 1 !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
content: "+" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #111111 !important;
line-height: 1 !important;
}
body#product .emalia-product-buybox .tv-product-page-add-to-cart-wrapper,
.page-product .emalia-product-buybox .tv-product-page-add-to-cart-wrapper {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .tvcart-btn-model,
.page-product .emalia-product-buybox .tvcart-btn-model {
width: 100% !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-product-buybox .add-to-cart,
.page-product .emalia-product-buybox .add-to-cart {
width: 100% !important;
max-width: 100% !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .add-to-cart span,
.page-product .emalia-product-buybox .add-to-cart span {
font-size: 10px !important;
font-weight: 800 !important;
color: #000000 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body#product .emalia-product-buybox .tvproduct-wishlist-compare,
body#product .emalia-product-buybox .tvproduct-stock-social,
.page-product .emalia-product-buybox .tvproduct-wishlist-compare,
.page-product .emalia-product-buybox .tvproduct-stock-social {
display: none !important;
}
/* =====================================================
2. MOBILE STICKY - PRAWY SLOT NA PRZYCISK Z JS
===================================================== */
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 150px !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
}
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
grid-column: 2 !important;
width: 150px !important;
min-width: 150px !important;
max-width: 150px !important;
height: 42px !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 150px !important;
min-width: 150px !important;
max-width: 150px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
cursor: pointer !important;
}
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
color: #000000 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
}
/* =========================================================
EMALIA RYBNIK - PATCH STICKY MOBILE v10
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa dla desktop + mobile
Co robi:
- usuwa dodatkowy JS-owy przycisk sticky z desktopu
- zmniejsza wysokość sticky na mobile
- poprawia licznik ilości na mobile
- ukrywa sticky, gdy otwarte jest okno "Produkt dodany do koszyka"
Wklej na sam koniec custom.css
========================================================= */
/* =========================================================
1. DESKTOP - UKRYJ JS-OWY PRZYCISK MOBILE
========================================================= */
@media (min-width: 768px) {
body#product .emalia-mobile-sticky-cta-slot,
body.page-product .emalia-mobile-sticky-cta-slot,
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
}
/* =========================================================
2. MOBILE - LICZNIK ILOŚCI W GŁÓWNYM BUYBOXIE
========================================================= */
@media (max-width: 767px) {
body#product .emalia-product-buybox .product-add-to-cart,
.page-product .emalia-product-buybox .product-add-to-cart {
display: grid !important;
grid-template-columns: 94px minmax(0, 1fr) !important;
gap: 7px !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .product-quantity,
body#product .emalia-product-buybox .qty,
.page-product .emalia-product-buybox .product-quantity,
.page-product .emalia-product-buybox .qty {
width: 94px !important;
min-width: 94px !important;
max-width: 94px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin,
.page-product .emalia-product-buybox .bootstrap-touchspin {
width: 94px !important;
height: 38px !important;
display: flex !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
overflow: hidden !important;
box-shadow: none !important;
border-radius: 0 !important;
}
body#product .emalia-product-buybox input[name="qty"],
.page-product .emalia-product-buybox input[name="qty"] {
order: 1 !important;
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-right: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
text-align: center !important;
color: #111111 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 38px !important;
}
body#product .emalia-product-buybox .input-group-btn-vertical,
.page-product .emalia-product-buybox .input-group-btn-vertical {
order: 2 !important;
width: 56px !important;
min-width: 56px !important;
max-width: 56px !important;
height: 38px !important;
display: flex !important;
flex-direction: row-reverse !important;
align-items: stretch !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-product-buybox .btn-touchspin,
.page-product .emalia-product-buybox .btn-touchspin {
position: static !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #fafafa !important;
box-shadow: none !important;
color: #111111 !important;
font-size: 0 !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .emalia-product-buybox .btn-touchspin i,
.page-product .emalia-product-buybox .btn-touchspin i {
display: none !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before {
content: "−" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #111111 !important;
line-height: 1 !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
content: "+" !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #111111 !important;
line-height: 1 !important;
}
}
/* =========================================================
3. MOBILE - NIŻSZY, LŻEJSZY STICKY
========================================================= */
@media (max-width: 767px) {
body#product,
body.page-product {
padding-bottom: 64px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
min-height: 58px !important;
padding: 6px 8px !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 142px !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-height: 46px !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
}
body#product .tvfooter-product-sticky-bottom .product-image img,
body.page-product .tvfooter-product-sticky-bottom .product-image img {
max-width: 34px !important;
max-height: 34px !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 130px !important;
font-size: 9px !important;
line-height: 1.15 !important;
margin: 0 0 2px 0 !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 12px !important;
line-height: 1 !important;
}
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
grid-column: 2 !important;
width: 142px !important;
min-width: 142px !important;
max-width: 142px !important;
height: 38px !important;
}
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 142px !important;
min-width: 142px !important;
max-width: 142px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 7px !important;
font-size: 9px !important;
}
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
font-size: 9px !important;
}
}
/* =========================================================
4. MOBILE - UKRYJ STICKY, GDY OTWARTY MODAL KOSZYKA
========================================================= */
@media (max-width: 767px) {
body#product.modal-open .tvfooter-product-sticky-bottom,
body.page-product.modal-open .tvfooter-product-sticky-bottom,
body.modal-open .tvfooter-product-sticky-bottom {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(110%) !important;
}
}
/* =========================================================
EMALIA RYBNIK - PATCH MOBILE STICKY COMPACT + LICZNIK v11
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa dla mobile + nagłówek sekcji cross-selling
Co robi:
- wyrównuje minus i plus w liczniku
- zmniejsza sticky mobile
- ukrywa miniaturę w sticky mobile
- ustawia sticky jako: nazwa/cena + przycisk
- nie rusza desktopu
Wklej na sam koniec custom.css
========================================================= */
/* =========================================================
1. MOBILE - LICZNIK: RÓWNY MINUS I PLUS
========================================================= */
@media (max-width: 767px) {
body#product .emalia-product-buybox .bootstrap-touchspin,
.page-product .emalia-product-buybox .bootstrap-touchspin {
width: 94px !important;
min-width: 94px !important;
max-width: 94px !important;
height: 38px !important;
display: flex !important;
align-items: stretch !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
overflow: hidden !important;
box-shadow: none !important;
}
body#product .emalia-product-buybox input[name="qty"],
.page-product .emalia-product-buybox input[name="qty"] {
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-right: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
text-align: center !important;
color: #111111 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 38px !important;
}
body#product .emalia-product-buybox .input-group-btn-vertical,
.page-product .emalia-product-buybox .input-group-btn-vertical {
width: 56px !important;
min-width: 56px !important;
max-width: 56px !important;
height: 38px !important;
display: flex !important;
flex-direction: row-reverse !important;
align-items: stretch !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-product-buybox .btn-touchspin,
.page-product .emalia-product-buybox .btn-touchspin {
position: static !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #fafafa !important;
box-shadow: none !important;
color: #111111 !important;
font-size: 0 !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .emalia-product-buybox .btn-touchspin i,
.page-product .emalia-product-buybox .btn-touchspin i {
display: none !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before {
content: "−" !important;
font-family: Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: #111111 !important;
transform: translateY(-1px) !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
content: "+" !important;
font-family: Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: #111111 !important;
transform: translateY(-1px) !important;
}
}
/* =========================================================
2. MOBILE - STICKY KOMPAKTOWY BEZ MINIATURY
========================================================= */
@media (max-width: 767px) {
body#product,
body.page-product {
padding-bottom: 58px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
min-height: 52px !important;
padding: 6px 8px !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.08) !important;
}
body#product .tvfooter-product-sticky-bottom .container,
body.page-product .tvfooter-product-sticky-bottom .container {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 138px !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-height: 40px !important;
margin: 0 !important;
}
/* Ukrywamy miniaturę, żeby sticky było niższe i czystsze */
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
display: none !important;
}
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
grid-column: 1 !important;
display: block !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price {
min-width: 0 !important;
width: 100% !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 100% !important;
font-size: 9px !important;
line-height: 1.12 !important;
font-weight: 800 !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
color: #222222 !important;
text-transform: uppercase !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 12px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
grid-column: 2 !important;
width: 138px !important;
min-width: 138px !important;
max-width: 138px !important;
height: 38px !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 138px !important;
min-width: 138px !important;
max-width: 138px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 7px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
cursor: pointer !important;
}
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
color: #000000 !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart {
margin-right: 4px !important;
}
}
/* =========================================================
3. NAGŁÓWEK CROSS-SELLING - MNIEJSZY I BEZ CAPSLOCKA
========================================================= */
body#product .tvcross-selling-product .tvmain-title h2,
body#product .tvcross-selling-product h2,
body#product .tvcmscrossselling-product .tvmain-title h2,
body#product .tvcmscrossselling-product h2,
.page-product .tvcross-selling-product .tvmain-title h2,
.page-product .tvcross-selling-product h2,
.page-product .tvcmscrossselling-product .tvmain-title h2,
.page-product .tvcmscrossselling-product h2 {
text-transform: none !important;
font-size: 26px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
}
@media (max-width: 767px) {
body#product .tvcross-selling-product .tvmain-title h2,
body#product .tvcross-selling-product h2,
body#product .tvcmscrossselling-product .tvmain-title h2,
body#product .tvcmscrossselling-product h2,
.page-product .tvcross-selling-product .tvmain-title h2,
.page-product .tvcross-selling-product h2,
.page-product .tvcmscrossselling-product .tvmain-title h2,
.page-product .tvcmscrossselling-product h2 {
font-size: 20px !important;
line-height: 1.3 !important;
}
}
/* =========================================================
EMALIA RYBNIK - PATCH MOBILE STICKY COMPACT v12
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa dla mobile + nagłówek cross-selling
Co robi:
- poprawia nagłówek "Klienci którzy..."
- wyrównuje minus i plus w liczniku
- zmniejsza sticky mobile
- ukrywa miniaturę w sticky mobile
- układa sticky: nazwa/cena + mały przycisk
Wklej na sam koniec custom.css
========================================================= */
/* =========================================================
1. CROSS-SELLING - TEKST JAK W ZDANIU, BEZ CAPITALIZE
========================================================= */
body#product .tvcross-selling-main-title-wrapper h2,
body#product .tvcmscrossselling-product h2,
body#product .tvcross-selling-product h2,
body#product .tvcms-main-title h2,
body#product .tvmain-title h2,
.page-product .tvcross-selling-main-title-wrapper h2,
.page-product .tvcmscrossselling-product h2,
.page-product .tvcross-selling-product h2,
.page-product .tvcms-main-title h2,
.page-product .tvmain-title h2 {
text-transform: none !important;
background: transparent !important;
font-size: 26px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
@media (max-width: 767px) {
body#product .tvcross-selling-main-title-wrapper h2,
body#product .tvcmscrossselling-product h2,
body#product .tvcross-selling-product h2,
body#product .tvcms-main-title h2,
body#product .tvmain-title h2,
.page-product .tvcross-selling-main-title-wrapper h2,
.page-product .tvcmscrossselling-product h2,
.page-product .tvcross-selling-product h2,
.page-product .tvcms-main-title h2,
.page-product .tvmain-title h2 {
font-size: 20px !important;
line-height: 1.3 !important;
text-align: left !important;
}
}
/* =========================================================
2. MOBILE - LICZNIK: MINUS I PLUS TAKIE SAME
========================================================= */
@media (max-width: 767px) {
body#product .emalia-product-buybox .product-add-to-cart,
.page-product .emalia-product-buybox .product-add-to-cart {
display: grid !important;
grid-template-columns: 94px minmax(0, 1fr) !important;
gap: 7px !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .product-quantity,
body#product .emalia-product-buybox .qty,
.page-product .emalia-product-buybox .product-quantity,
.page-product .emalia-product-buybox .qty {
width: 94px !important;
min-width: 94px !important;
max-width: 94px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin,
.page-product .emalia-product-buybox .bootstrap-touchspin {
width: 94px !important;
height: 38px !important;
display: flex !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
overflow: hidden !important;
box-shadow: none !important;
}
body#product .emalia-product-buybox input[name="qty"],
.page-product .emalia-product-buybox input[name="qty"] {
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-right: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
text-align: center !important;
color: #111111 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 38px !important;
}
body#product .emalia-product-buybox .input-group-btn-vertical,
.page-product .emalia-product-buybox .input-group-btn-vertical {
width: 56px !important;
min-width: 56px !important;
max-width: 56px !important;
height: 38px !important;
display: flex !important;
flex-direction: row-reverse !important;
align-items: stretch !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-product-buybox .btn-touchspin,
.page-product .emalia-product-buybox .btn-touchspin {
position: static !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #fafafa !important;
box-shadow: none !important;
color: #111111 !important;
font-size: 0 !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .emalia-product-buybox .btn-touchspin i,
.page-product .emalia-product-buybox .btn-touchspin i {
display: none !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before,
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
font-family: Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: #111111 !important;
display: block !important;
transform: translateY(-1px) !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before {
content: "−" !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
content: "+" !important;
}
}
/* =========================================================
3. MOBILE - STICKY KOMPAKTOWY BEZ MINIATURY
========================================================= */
@media (max-width: 767px) {
body#product,
body.page-product {
padding-bottom: 54px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
min-height: 48px !important;
padding: 5px 8px !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.08) !important;
}
body#product .tvfooter-product-sticky-bottom .container,
body.page-product .tvfooter-product-sticky-bottom .container {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 132px !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-height: 38px !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
display: none !important;
}
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
grid-column: 1 !important;
display: block !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price {
width: 100% !important;
min-width: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 100% !important;
font-size: 8.5px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
color: #222222 !important;
text-transform: uppercase !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 11px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
grid-column: 2 !important;
width: 132px !important;
min-width: 132px !important;
max-width: 132px !important;
height: 36px !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 132px !important;
min-width: 132px !important;
max-width: 132px !important;
height: 36px !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 6px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
font-size: 8.5px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
cursor: pointer !important;
}
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
color: #000000 !important;
font-size: 8.5px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart {
margin-right: 3px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL PATCH MOBILE LICZNIK + STICKY v13
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa tylko mobile
Co robi:
- wyrównuje minus i plus w liczniku
- zmniejsza dolny sticky
- ukrywa miniaturę w sticky
- robi bardziej kompaktowy przycisk sticky
- nie rusza desktopu
Wklej na sam koniec custom.css
========================================================= */
@media (max-width: 767px) {
/* =====================================================
1. LICZNIK W GŁÓWNYM BUYBOXIE - RÓWNY MINUS I PLUS
===================================================== */
body#product .emalia-product-buybox .product-add-to-cart,
.page-product .emalia-product-buybox .product-add-to-cart {
display: grid !important;
grid-template-columns: 94px minmax(0, 1fr) !important;
gap: 7px !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .product-quantity,
body#product .emalia-product-buybox .qty,
.page-product .emalia-product-buybox .product-quantity,
.page-product .emalia-product-buybox .qty {
width: 94px !important;
min-width: 94px !important;
max-width: 94px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin,
.page-product .emalia-product-buybox .bootstrap-touchspin {
width: 94px !important;
height: 38px !important;
display: flex !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
overflow: hidden !important;
box-shadow: none !important;
border-radius: 0 !important;
}
body#product .emalia-product-buybox input[name="qty"],
.page-product .emalia-product-buybox input[name="qty"] {
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-right: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
text-align: center !important;
color: #111111 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 38px !important;
}
body#product .emalia-product-buybox .input-group-btn-vertical,
.page-product .emalia-product-buybox .input-group-btn-vertical {
width: 56px !important;
min-width: 56px !important;
max-width: 56px !important;
height: 38px !important;
display: flex !important;
flex-direction: row-reverse !important;
align-items: stretch !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-product-buybox .btn-touchspin,
.page-product .emalia-product-buybox .btn-touchspin {
position: static !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #fafafa !important;
box-shadow: none !important;
color: #111111 !important;
font-size: 0 !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .emalia-product-buybox .btn-touchspin i,
.page-product .emalia-product-buybox .btn-touchspin i {
display: none !important;
}
/* Usuwamy wcześniejsze symbole z pseudo-elementów, żeby się nie dublowały */
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
font-family: Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: #111111 !important;
display: block !important;
transform: translateY(-1px) !important;
width: auto !important;
height: auto !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before {
content: "-" !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
content: "+" !important;
}
/* =====================================================
2. STICKY MOBILE - NIŻSZY I BARDZIEJ KOMPAKTOWY
===================================================== */
body#product,
body.page-product {
padding-bottom: 50px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
min-height: 44px !important;
height: auto !important;
padding: 4px 8px !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.08) !important;
}
body#product .tvfooter-product-sticky-bottom .container,
body.page-product .tvfooter-product-sticky-bottom .container {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 126px !important;
align-items: center !important;
gap: 7px !important;
width: 100% !important;
min-height: 36px !important;
margin: 0 !important;
}
/* Miniatura w sticky ukryta */
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
display: none !important;
}
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
grid-column: 1 !important;
display: block !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price {
width: 100% !important;
min-width: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 100% !important;
font-size: 8px !important;
line-height: 1.08 !important;
font-weight: 800 !important;
margin: 0 0 1px 0 !important;
padding: 0 !important;
color: #222222 !important;
text-transform: uppercase !important;
letter-spacing: 0.2px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 10.5px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
grid-column: 2 !important;
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
height: 34px !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 0 6px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
font-size: 8px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
cursor: pointer !important;
}
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
color: #000000 !important;
font-size: 8px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart {
margin-right: 3px !important;
width: 12px !important;
height: 12px !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before {
font-size: 12px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL PATCH MOBILE STICKY COMPACT v14
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa tylko mobile
Co robi:
- zmniejsza sticky mobile
- w sticky pokazuje nazwę + cenę + mały przycisk z ikoną koszyka
- ukrywa tekst "Dodaj do koszyka" tylko w sticky mobile
- wyrównuje minus i plus w liczniku głównego buyboxa
Wklej na sam koniec custom.css
========================================================= */
@media (max-width: 767px) {
/* =====================================================
1. LICZNIK - MINUS I PLUS RÓWNE
===================================================== */
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
font-family: Arial, sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: #111111 !important;
display: block !important;
width: 12px !important;
height: 12px !important;
text-align: center !important;
transform: translateY(-1px) !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before {
content: "-" !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
content: "+" !important;
}
/* =====================================================
2. STICKY MOBILE - KOMPAKTOWY BUYBOX
===================================================== */
body#product,
body.page-product {
padding-bottom: 46px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
min-height: 42px !important;
padding: 4px 8px !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.08) !important;
}
body#product .tvfooter-product-sticky-bottom .container,
body.page-product .tvfooter-product-sticky-bottom .container {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 42px !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-height: 34px !important;
margin: 0 !important;
}
/* Bez miniatury */
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
display: none !important;
}
/* Lewa część: nazwa + cena */
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
grid-column: 1 !important;
display: block !important;
min-width: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price {
width: 100% !important;
min-width: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 100% !important;
font-size: 8.5px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
margin: 0 0 1px 0 !important;
padding: 0 !important;
color: #222222 !important;
text-transform: uppercase !important;
letter-spacing: 0.2px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 10.5px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
/* Prawa część: sam przycisk ikony */
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
grid-column: 2 !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 34px !important;
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
line-height: 1 !important;
overflow: hidden !important;
cursor: pointer !important;
}
/* Ukrywa tekst "Dodaj do koszyka" tylko w sticky */
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
display: none !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart {
margin: 0 !important;
width: 15px !important;
height: 15px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before {
font-size: 15px !important;
line-height: 1 !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL PATCH MOBILE STICKY HEIGHT v15
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa tylko mobile
Co robi:
- usuwa pusty środkowy slot #bottom_sticky_data ze sticky
- ustawia sticky w jednym rzędzie: nazwa/cena + ikona koszyka
- zmniejsza wysokość sticky
- nie rusza desktopu
Wklej na sam koniec custom.css
========================================================= */
@media (max-width: 767px) {
/* Cały pasek sticky niższy */
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
min-height: 38px !important;
height: auto !important;
padding: 3px 8px !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.08) !important;
}
body#product,
body.page-product {
padding-bottom: 44px !important;
}
/* Najważniejsze: ukrywa pusty środkowy wrapper z #bottom_sticky_data */
body#product .tvfooter-product-sticky-bottom .tvflex-items > div:has(#bottom_sticky_data),
body.page-product .tvfooter-product-sticky-bottom .tvflex-items > div:has(#bottom_sticky_data) {
display: none !important;
}
/* Awaryjnie ukrywa sam pusty produktowy buybox sticky */
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data,
body.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data {
display: none !important;
}
/* Jeden rząd: lewa część + mała ikonka koszyka */
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 38px !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-height: 32px !important;
margin: 0 !important;
padding: 0 !important;
}
/* Bez miniatury */
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
display: none !important;
}
/* Lewa część: nazwa + cena */
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
grid-column: 1 !important;
display: block !important;
min-width: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 100% !important;
font-size: 8px !important;
line-height: 1.05 !important;
font-weight: 800 !important;
margin: 0 0 1px 0 !important;
padding: 0 !important;
color: #222222 !important;
text-transform: uppercase !important;
letter-spacing: 0.15px !important;
display: -webkit-box !important;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 10px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
/* Ukrycie zbędnych cen/promocji w sticky */
body#product .tvfooter-product-sticky-bottom .regular-price,
body#product .tvfooter-product-sticky-bottom .discount,
body#product .tvfooter-product-sticky-bottom .lowest-price-30-info,
body#product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label,
body.page-product .tvfooter-product-sticky-bottom .regular-price,
body.page-product .tvfooter-product-sticky-bottom .discount,
body.page-product .tvfooter-product-sticky-bottom .lowest-price-30-info,
body.page-product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label {
display: none !important;
}
/* Slot z przyciskiem */
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
grid-column: 2 !important;
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 32px !important;
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
/* Przycisk jako sama ikona */
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 32px !important;
min-height: 32px !important;
margin: 0 !important;
padding: 0 !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
line-height: 1 !important;
overflow: hidden !important;
cursor: pointer !important;
}
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
display: none !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart {
margin: 0 !important;
width: 15px !important;
height: 15px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before {
font-size: 15px !important;
line-height: 1 !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL PATCH MOBILE STICKY LOW BAR v16
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa tylko mobile
Co robi:
- wymusza niski pasek sticky
- usuwa puste miejsce w sticky
- układa: nazwa + cena po lewej, ikona koszyka po prawej
- ukrywa miniaturę i pusty slot #bottom_sticky_data
- nie rusza desktopu
Wklej na sam koniec custom.css
========================================================= */
@media (max-width: 767px) {
/* Rezerwa pod niski sticky */
body#product,
body.page-product {
padding-bottom: 42px !important;
}
/* Cały dolny pasek */
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.08) !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .container,
body.page-product .tvfooter-product-sticky-bottom .container {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
padding: 0 8px !important;
margin: 0 !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
position: relative !important;
display: block !important;
width: 100% !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
/* Ukrywa miniaturę */
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
display: none !important;
}
/* Ukrywa pusty slot z oryginalnym sticky buyboxem */
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data,
body.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data,
body#product .tvfooter-product-sticky-bottom .tvflex-items > div:has(#bottom_sticky_data),
body.page-product .tvfooter-product-sticky-bottom .tvflex-items > div:has(#bottom_sticky_data) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
/* Lewa część: nazwa + cena */
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
position: absolute !important;
left: 0 !important;
top: 4px !important;
right: 48px !important;
bottom: 3px !important;
display: block !important;
width: auto !important;
min-width: 0 !important;
height: 31px !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price {
display: block !important;
width: 100% !important;
height: 31px !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
display: block !important;
width: 100% !important;
max-width: 100% !important;
font-size: 8px !important;
line-height: 1.05 !important;
font-weight: 800 !important;
letter-spacing: 0.15px !important;
text-transform: uppercase !important;
color: #222222 !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body#product .tvfooter-product-sticky-bottom .product-prices,
body.page-product .tvfooter-product-sticky-bottom .product-prices,
body#product .tvfooter-product-sticky-bottom .product-price,
body.page-product .tvfooter-product-sticky-bottom .product-price {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body#product .tvfooter-product-sticky-bottom .current-price,
body.page-product .tvfooter-product-sticky-bottom .current-price {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
display: block !important;
font-size: 10px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
margin: 0 !important;
padding: 0 !important;
}
/* Ukrywa zbędne ceny/promocje w sticky */
body#product .tvfooter-product-sticky-bottom .regular-price,
body#product .tvfooter-product-sticky-bottom .discount,
body#product .tvfooter-product-sticky-bottom .lowest-price-30-info,
body#product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label,
body.page-product .tvfooter-product-sticky-bottom .regular-price,
body.page-product .tvfooter-product-sticky-bottom .discount,
body.page-product .tvfooter-product-sticky-bottom .lowest-price-30-info,
body.page-product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label {
display: none !important;
}
/* Prawa część: slot przycisku */
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
position: absolute !important;
right: 0 !important;
top: 4px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
visibility: visible !important;
opacity: 1 !important;
overflow: hidden !important;
}
/* Sam przycisk ikony */
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
line-height: 1 !important;
overflow: hidden !important;
cursor: pointer !important;
}
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
display: none !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart {
margin: 0 !important;
padding: 0 !important;
width: 14px !important;
height: 14px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before {
font-size: 14px !important;
line-height: 1 !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL PATCH STICKY + LICZNIK v18
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa dla desktop + mobile
Co robi:
- desktop: delikatnie zmniejsza wysokość sticky
- mobile: wyrównuje ramki minusa i plusa
- mobile: zostawia kompaktowy sticky
Wklej na sam koniec custom.css
========================================================= */
/* =========================================================
DESKTOP - DELIKATNIE NIŻSZY STICKY
========================================================= */
@media (min-width: 768px) {
body#product .tvfooter-product-sticky-bottom,
.page-product .tvfooter-product-sticky-bottom {
min-height: 46px !important;
height: 46px !important;
max-height: 46px !important;
padding: 3px 0 !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .container,
.page-product .tvfooter-product-sticky-bottom .container {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
.page-product .tvfooter-product-sticky-bottom .tvflex-items {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
align-items: center !important;
}
body#product .tvfooter-product-sticky-bottom .product-image,
.page-product .tvfooter-product-sticky-bottom .product-image {
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
display: flex !important;
align-items: center !important;
}
body#product .tvfooter-product-sticky-bottom .product-image img,
.page-product .tvfooter-product-sticky-bottom .product-image img {
max-width: 34px !important;
max-height: 34px !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
font-size: 9px !important;
line-height: 1.1 !important;
margin: 0 0 2px 0 !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 12px !important;
line-height: 1 !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart,
.page-product .tvfooter-product-sticky-bottom .add-to-cart {
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
padding: 0 22px !important;
font-size: 10px !important;
gap: 6px !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart span,
.page-product .tvfooter-product-sticky-bottom .add-to-cart span {
font-size: 10px !important;
line-height: 1 !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart i.material-icons.shopping-cart::before,
.page-product .tvfooter-product-sticky-bottom .add-to-cart i.material-icons.shopping-cart::before {
font-size: 13px !important;
line-height: 1 !important;
}
}
/* =========================================================
MOBILE - LICZNIK: RÓWNE RAMKI MINUSA I PLUSA
========================================================= */
@media (max-width: 767px) {
body#product .emalia-product-buybox .product-add-to-cart,
.page-product .emalia-product-buybox .product-add-to-cart {
display: grid !important;
grid-template-columns: 96px minmax(0, 1fr) !important;
gap: 7px !important;
align-items: stretch !important;
}
body#product .emalia-product-buybox .product-quantity,
body#product .emalia-product-buybox .qty,
.page-product .emalia-product-buybox .product-quantity,
.page-product .emalia-product-buybox .qty {
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin,
.page-product .emalia-product-buybox .bootstrap-touchspin {
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
height: 38px !important;
min-height: 38px !important;
display: flex !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
overflow: hidden !important;
box-shadow: none !important;
border-radius: 0 !important;
}
body#product .emalia-product-buybox input[name="qty"],
.page-product .emalia-product-buybox input[name="qty"] {
order: 1 !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-right: 1px solid #eeeeee !important;
border-radius: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
text-align: center !important;
color: #111111 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 38px !important;
}
body#product .emalia-product-buybox .input-group-btn-vertical,
.page-product .emalia-product-buybox .input-group-btn-vertical {
order: 2 !important;
width: 56px !important;
min-width: 56px !important;
max-width: 56px !important;
height: 38px !important;
min-height: 38px !important;
display: flex !important;
flex-direction: row-reverse !important;
align-items: stretch !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down,
body#product .emalia-product-buybox .bootstrap-touchspin-up,
.page-product .emalia-product-buybox .bootstrap-touchspin-down,
.page-product .emalia-product-buybox .bootstrap-touchspin-up {
flex: 0 0 28px !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #fafafa !important;
border: 0 !important;
border-left: 1px solid #eeeeee !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
box-sizing: border-box !important;
color: transparent !important;
font-size: 0 !important;
line-height: 1 !important;
}
body#product .emalia-product-buybox .btn-touchspin i,
.page-product .emalia-product-buybox .btn-touchspin i,
body#product .emalia-product-buybox .btn-touchspin i::before,
.page-product .emalia-product-buybox .btn-touchspin i::before {
display: none !important;
content: none !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: #111111 !important;
text-align: center !important;
transform: none !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-down::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-down::before {
content: "−" !important;
}
body#product .emalia-product-buybox .bootstrap-touchspin-up::before,
.page-product .emalia-product-buybox .bootstrap-touchspin-up::before {
content: "+" !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL PATCH DESKTOP STICKY v19
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa tylko desktop
Co robi:
- przywraca czytelny wygląd desktopowego sticky
- zostawia pasek niższy niż wcześniej, żeby mniej zasłaniał Copyright
- ukrywa mobilny JS-owy przycisk na desktopie
- nie rusza mobile
Wklej na sam koniec custom.css
========================================================= */
@media (min-width: 768px) {
/* Ukrycie mobilnego przycisku JS na desktopie */
body#product .emalia-mobile-sticky-cta-slot,
body#product .emalia-mobile-sticky-cart-btn,
.page-product .emalia-mobile-sticky-cta-slot,
.page-product .emalia-mobile-sticky-cart-btn {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Główny pasek sticky desktop */
body#product .tvfooter-product-sticky-bottom,
.page-product .tvfooter-product-sticky-bottom {
min-height: 54px !important;
height: 54px !important;
max-height: 54px !important;
padding: 6px 0 !important;
background: #ffffff !important;
border-top: 1px solid #eeeeee !important;
box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.05) !important;
overflow: hidden !important;
z-index: 90 !important;
}
body#product .tvfooter-product-sticky-bottom .container,
.page-product .tvfooter-product-sticky-bottom .container {
max-width: 820px !important;
width: 100% !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding-left: 15px !important;
padding-right: 15px !important;
margin: 0 auto !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(300px, 390px) auto !important;
align-items: center !important;
justify-content: center !important;
gap: 34px !important;
width: 100% !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
margin: 0 auto !important;
padding: 0 !important;
}
/* Ukrywamy zbędne elementy w desktopowym sticky */
body#product .tvfooter-product-sticky-bottom .product-quantity,
body#product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
body#product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
body#product .tvfooter-product-sticky-bottom .emalia-product-links,
body#product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
body#product .tvfooter-product-sticky-bottom .tvproduct-size-custom,
body#product .tvfooter-product-sticky-bottom .regular-price,
body#product .tvfooter-product-sticky-bottom .discount,
body#product .tvfooter-product-sticky-bottom .lowest-price-30-info,
body#product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label,
.page-product .tvfooter-product-sticky-bottom .product-quantity,
.page-product .tvfooter-product-sticky-bottom .tvproduct-wishlist-compare,
.page-product .tvfooter-product-sticky-bottom .tvproduct-stock-social,
.page-product .tvfooter-product-sticky-bottom .emalia-product-links,
.page-product .tvfooter-product-sticky-bottom .emalia-inpost-banner,
.page-product .tvfooter-product-sticky-bottom .tvproduct-size-custom,
.page-product .tvfooter-product-sticky-bottom .regular-price,
.page-product .tvfooter-product-sticky-bottom .discount,
.page-product .tvfooter-product-sticky-bottom .lowest-price-30-info,
.page-product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label {
display: none !important;
}
/* Lewa część: miniatura + nazwa + cena */
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
display: flex !important;
align-items: center !important;
gap: 10px !important;
min-width: 0 !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .product-image,
.page-product .tvfooter-product-sticky-bottom .product-image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .product-image img,
.page-product .tvfooter-product-sticky-bottom .product-image img {
max-width: 42px !important;
max-height: 42px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price,
.page-product .tvfooter-product-sticky-bottom .tvtitle-price {
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
max-width: 270px !important;
font-size: 11px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
color: #222222 !important;
margin: 0 0 3px 0 !important;
padding: 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.1px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .product-prices,
body#product .tvfooter-product-sticky-bottom .product-price,
.page-product .tvfooter-product-sticky-bottom .product-prices,
.page-product .tvfooter-product-sticky-bottom .product-price {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
.page-product .tvfooter-product-sticky-bottom .current-price .price {
font-size: 15px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
margin: 0 !important;
padding: 0 !important;
}
/* Prawa część: przycisk */
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data,
body#product .tvfooter-product-sticky-bottom #bottom_sticky_data form,
body#product .tvfooter-product-sticky-bottom .product-add-to-cart,
body#product .tvfooter-product-sticky-bottom .tv-product-page-add-to-cart-wrapper,
body#product .tvfooter-product-sticky-bottom .tvcart-btn-model,
.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data,
.page-product .tvfooter-product-sticky-bottom #bottom_sticky_data form,
.page-product .tvfooter-product-sticky-bottom .product-add-to-cart,
.page-product .tvfooter-product-sticky-bottom .tv-product-page-add-to-cart-wrapper,
.page-product .tvfooter-product-sticky-bottom .tvcart-btn-model {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart,
.page-product .tvfooter-product-sticky-bottom .add-to-cart {
height: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
padding: 0 30px !important;
margin: 0 !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
box-shadow: none !important;
color: #000000 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
font-size: 11px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart span,
.page-product .tvfooter-product-sticky-bottom .add-to-cart span {
color: #000000 !important;
font-size: 11px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart i.material-icons.shopping-cart,
.page-product .tvfooter-product-sticky-bottom .add-to-cart i.material-icons.shopping-cart {
margin: 0 4px 0 0 !important;
width: 14px !important;
height: 14px !important;
}
body#product .tvfooter-product-sticky-bottom .add-to-cart i.material-icons.shopping-cart::before,
.page-product .tvfooter-product-sticky-bottom .add-to-cart i.material-icons.shopping-cart::before {
font-size: 14px !important;
line-height: 1 !important;
}
}
/* =========================================================
EMALIA RYBNIK - MOBILE STICKY CTA TEXT v20
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa tylko mobile
Co robi:
- dodaje tekst "Do koszyka" w mobilnym sticky
- zostawia niski sticky
- lekko poszerza przycisk sticky
Wklej na sam koniec custom.css
========================================================= */
@media (max-width: 767px) {
/* Pasek zostaje niski, ale dostaje trochę więcej miejsca na przycisk */
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 96px !important;
align-items: center !important;
gap: 8px !important;
}
/* Lewa część trochę węższa przez szerszy przycisk */
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
right: 104px !important;
}
/* Slot przycisku */
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
position: absolute !important;
right: 0 !important;
top: 4px !important;
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
/* Sam przycisk */
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
color: #000000 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
font-size: 0 !important;
line-height: 1 !important;
overflow: hidden !important;
cursor: pointer !important;
}
/* Ukrywamy oryginalny długi napis */
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
display: none !important;
}
/* Ikona koszyka */
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart {
margin: 0 !important;
padding: 0 !important;
width: 13px !important;
height: 13px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
line-height: 1 !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before {
font-size: 13px !important;
line-height: 1 !important;
}
/* Krótszy napis w przycisku */
body#product .emalia-mobile-sticky-cart-btn::after,
body.page-product .emalia-mobile-sticky-cart-btn::after {
content: "Do koszyka" !important;
display: inline-block !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
color: #000000 !important;
white-space: nowrap !important;
}
}
/* =========================================================
EMALIA RYBNIK - FIX ZDUBLOWANEJ IKONY STICKY MOBILE v21
Moduł/szablon: ThemeVolty product page / mobile sticky add to cart
Działa tylko mobile
Co robi:
- usuwa zdublowaną ikonę koszyka w mobilnym sticky
- zostawia jedną ikonę + napis "Do koszyka"
Wklej na sam koniec custom.css
========================================================= */
@media (max-width: 767px) {
/* Czyścimy ikonę w sticky, żeby nie dublowała glyph + ::before */
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart {
font-family: "Material Icons" !important;
font-size: 13px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1 !important;
width: 13px !important;
min-width: 13px !important;
max-width: 13px !important;
height: 13px !important;
min-height: 13px !important;
max-height: 13px !important;
margin: 0 4px 0 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #000000 !important;
text-transform: none !important;
letter-spacing: normal !important;
overflow: hidden !important;
}
/* Usuwamy dodatkową ikonę z pseudo-elementu */
body#product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons.shopping-cart::before {
content: none !important;
display: none !important;
}
/* Ukrywamy oryginalny długi tekst z JS */
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
display: none !important;
}
/* Dodajemy krótki napis tylko raz */
body#product .emalia-mobile-sticky-cart-btn::after,
body.page-product .emalia-mobile-sticky-cart-btn::after {
content: "Do koszyka" !important;
display: inline-block !important;
font-size: 8.5px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
color: #000000 !important;
white-space: nowrap !important;
}
/* Przycisk zostaje kompaktowy */
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
padding: 0 7px !important;
font-size: 0 !important;
line-height: 1 !important;
overflow: hidden !important;
}
}
/* =========================================================
EMALIA RYBNIK - MOBILE STICKY SAFE AREA v22
Moduł/szablon: ThemeVolty product page / sticky add to cart
Działa tylko mobile
Co robi:
- odsuwa sticky od lewej i prawej krawędzi
- dodaje bezpieczny odstęp od dołu ekranu
- zaokrągla pasek sticky
- zapobiega ucinaniu przy rogach telefonu
Wklej na sam koniec custom.css
========================================================= */
@media (max-width: 767px) {
body#product,
body.page-product {
padding-bottom: 56px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
position: fixed !important;
left: 8px !important;
right: 8px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 6px) !important;
width: auto !important;
max-width: none !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
border: 1px solid #ececec !important;
border-radius: 8px !important;
background: #ffffff !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10) !important;
overflow: hidden !important;
z-index: 999 !important;
}
body#product .tvfooter-product-sticky-bottom .container,
body.page-product .tvfooter-product-sticky-bottom .container {
width: 100% !important;
max-width: 100% !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
padding: 0 8px !important;
margin: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
}
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
left: 0 !important;
right: 102px !important;
}
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
right: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL PATCH KARTA PRODUKTU v29
Moduł/szablon: ThemeVolty product page / tvcmsproduct
Działa dla desktop + mobile
Co robi:
- ujednolica typografię karty produktu
- zmniejsza nazwy produktów w sekcji „Może Ci się również spodobać”
- poprawia zapis nagłówka cross-selling przez JS + zabezpiecza CSS
- desktop: sekcja Wysyłka / Dostawa / Zwrot jako eleganckie kafelki
- mobile: lepsze kafelki Wysyłka / Dostawa / Zwrot
- mobile: lepsze zakładki Opis / Szczegóły / Recenzje
- mobile: przyciski cross-selling jako kółka z ikoną na środku
- mobile: zmniejsza powietrze w newsletterze / stopce
- mobile: breadcrumb w jednym poziomym, przesuwanym wierszu
Wklej na końcu custom.css
========================================================= */
/* =========================================================
1. TYPOGRAFIA PRODUKTU - DESKTOP + MOBILE
========================================================= */
body#product,
body.page-product {
color: #222222 !important;
}
body#product .product-description,
body#product .product-information,
body#product .product-description p,
body#product .product-description li,
body#product .tab-content,
body#product .tab-content p,
body.page-product .product-description,
body.page-product .product-information,
body.page-product .product-description p,
body.page-product .product-description li,
body.page-product .tab-content,
body.page-product .tab-content p {
font-weight: 400 !important;
letter-spacing: 0 !important;
}
body#product .product-description h2,
body#product .product-description h3,
body#product .tab-content h2,
body#product .tab-content h3,
body.page-product .product-description h2,
body.page-product .product-description h3,
body.page-product .tab-content h2,
body.page-product .tab-content h3 {
font-weight: 700 !important;
color: #111111 !important;
letter-spacing: 0 !important;
}
@media (min-width: 768px) {
body#product .product-description,
body#product .tab-content,
body.page-product .product-description,
body.page-product .tab-content {
font-size: 14px !important;
line-height: 1.7 !important;
}
body#product .product-description h2,
body#product .tab-content h2,
body.page-product .product-description h2,
body.page-product .tab-content h2 {
font-size: 22px !important;
line-height: 1.25 !important;
margin: 24px 0 12px 0 !important;
}
body#product .product-description h3,
body#product .tab-content h3,
body.page-product .product-description h3,
body.page-product .tab-content h3 {
font-size: 18px !important;
line-height: 1.3 !important;
margin: 20px 0 10px 0 !important;
}
}
@media (max-width: 767px) {
body#product .product-description,
body#product .tab-content,
body.page-product .product-description,
body.page-product .tab-content {
font-size: 13px !important;
line-height: 1.6 !important;
}
body#product .product-description h2,
body#product .tab-content h2,
body.page-product .product-description h2,
body.page-product .tab-content h2 {
font-size: 19px !important;
line-height: 1.22 !important;
margin: 18px 0 10px 0 !important;
}
body#product .product-description h3,
body#product .tab-content h3,
body.page-product .product-description h3,
body.page-product .tab-content h3 {
font-size: 16px !important;
line-height: 1.25 !important;
margin: 16px 0 8px 0 !important;
}
}
/* =========================================================
2. „MOŻE CI SIĘ RÓWNIEŻ SPODOBAĆ” - MNIEJSZE NAZWY
========================================================= */
body#product .tvcmslike-product .product-title,
body#product .tvcmslike-product .product-title a,
body#product .tvcmslike-product .tvproduct-name,
body#product .tvcmslike-product .tvproduct-name a,
body#product .tvcmslike-product .product_name,
body#product .tvcmslike-product h6,
body#product .tvcmslike-product h6 a,
body.page-product .tvcmslike-product .product-title,
body.page-product .tvcmslike-product .product-title a,
body.page-product .tvcmslike-product .tvproduct-name,
body.page-product .tvcmslike-product .tvproduct-name a,
body.page-product .tvcmslike-product .product_name,
body.page-product .tvcmslike-product h6,
body.page-product .tvcmslike-product h6 a {
font-weight: 600 !important;
letter-spacing: 0.15px !important;
text-transform: uppercase !important;
color: #111111 !important;
}
@media (min-width: 768px) {
body#product .tvcmslike-product .product-title,
body#product .tvcmslike-product .product-title a,
body#product .tvcmslike-product .tvproduct-name,
body#product .tvcmslike-product .tvproduct-name a,
body#product .tvcmslike-product h6,
body#product .tvcmslike-product h6 a,
body.page-product .tvcmslike-product .product-title,
body.page-product .tvcmslike-product .product-title a,
body.page-product .tvcmslike-product .tvproduct-name,
body.page-product .tvcmslike-product .tvproduct-name a,
body.page-product .tvcmslike-product h6,
body.page-product .tvcmslike-product h6 a {
font-size: 12px !important;
line-height: 1.28 !important;
}
}
@media (max-width: 767px) {
body#product .tvcmslike-product .product-title,
body#product .tvcmslike-product .product-title a,
body#product .tvcmslike-product .tvproduct-name,
body#product .tvcmslike-product .tvproduct-name a,
body#product .tvcmslike-product h6,
body#product .tvcmslike-product h6 a,
body.page-product .tvcmslike-product .product-title,
body.page-product .tvcmslike-product .product-title a,
body.page-product .tvcmslike-product .tvproduct-name,
body.page-product .tvcmslike-product .tvproduct-name a,
body.page-product .tvcmslike-product h6,
body.page-product .tvcmslike-product h6 a {
font-size: 10.5px !important;
line-height: 1.22 !important;
font-weight: 600 !important;
}
}
/* =========================================================
3. CROSS-SELLING - NAGŁÓWEK BEZ CAPSLOCKA
Tekst właściwy poprawia JS, CSS pilnuje braku text-transform.
========================================================= */
body#product .tvcross-selling-main-title-wrapper h2,
body#product .tvcross-selling-main-title-wrapper .tvmain-title h2,
body.page-product .tvcross-selling-main-title-wrapper h2,
body.page-product .tvcross-selling-main-title-wrapper .tvmain-title h2 {
text-transform: none !important;
letter-spacing: 0 !important;
}
/* =========================================================
4. DESKTOP - WYSYŁKA / DOSTAWA / ZWROT JAK KAFELKI
========================================================= */
@media (min-width: 768px) {
body#product .emalia-product-links,
body.page-product .emalia-product-links {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
max-width: 620px !important;
margin: 18px 0 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body#product .emalia-product-link,
body.page-product .emalia-product-link {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-height: 38px !important;
padding: 8px 10px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
border-radius: 4px !important;
color: #222222 !important;
font-size: 12px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
text-decoration: none !important;
box-shadow: none !important;
transition: border-color .2s ease, background .2s ease !important;
}
body#product .emalia-product-link:hover,
body.page-product .emalia-product-link:hover {
background: #fbf4eb !important;
border-color: #d9c2a3 !important;
}
body#product .emalia-product-link::before,
body.page-product .emalia-product-link::before {
content: "✓" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 17px !important;
min-width: 17px !important;
height: 17px !important;
margin-right: 8px !important;
border-radius: 50% !important;
background: #f5eee4 !important;
color: #8a5f32 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
body#product .emalia-product-link span,
body.page-product .emalia-product-link span {
color: #222222 !important;
font-size: 12px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
}
}
/* =========================================================
5. MOBILE - WYSYŁKA / DOSTAWA / ZWROT ŁADNIEJ
========================================================= */
@media (max-width: 767px) {
body#product .emalia-product-links,
body.page-product .emalia-product-links {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 5px !important;
width: 100% !important;
margin: 9px 0 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body#product .emalia-product-link,
body.page-product .emalia-product-link {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-height: 30px !important;
padding: 6px 9px !important;
background: #fffaf4 !important;
border: 1px solid #ead8bf !important;
border-radius: 4px !important;
color: #222222 !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
text-decoration: none !important;
}
body#product .emalia-product-link::before,
body.page-product .emalia-product-link::before {
content: "✓" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 15px !important;
min-width: 15px !important;
height: 15px !important;
margin-right: 7px !important;
border-radius: 50% !important;
background: #f0e1ce !important;
color: #7d552b !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
body#product .emalia-product-link span,
body.page-product .emalia-product-link span {
color: #222222 !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
}
}
/* =========================================================
6. MOBILE - ZAKŁADKI OPIS / SZCZEGÓŁY / RECENZJE
========================================================= */
@media (max-width: 767px) {
body#product .tabs,
body.page-product .tabs {
margin: 12px 8px 16px 8px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body#product .tabs .nav-tabs,
body.page-product .tabs .nav-tabs {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body#product .tabs .nav-tabs .nav-item,
body.page-product .tabs .nav-tabs .nav-item {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tabs .nav-tabs .nav-link,
body.page-product .tabs .nav-tabs .nav-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 34px !important;
margin: 0 !important;
padding: 8px 12px !important;
background: #ffffff !important;
border: 1px solid #ead8bf !important;
border-radius: 4px !important;
color: #111111 !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: none !important;
}
body#product .tabs .nav-tabs .nav-link.active,
body.page-product .tabs .nav-tabs .nav-link.active {
background: #fbf4eb !important;
border-color: #d9c2a3 !important;
color: #7d552b !important;
}
body#product .tabs .tab-content,
body.page-product .tabs .tab-content {
margin-top: 12px !important;
padding: 14px 13px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
border-radius: 4px !important;
}
}
/* =========================================================
7. MOBILE - CROSS-SELLING: OKRĄGŁE PRZYCISKI IKON
========================================================= */
@media (max-width: 767px) {
body#product .tvcmscross-selling-product .tvproduct-cart-btn,
body#product .tvcmscross-selling-product .tvproduct-add-to-cart,
body#product .tvcmscross-selling-product .add-to-cart,
body#product .tvcmscross-selling-product .tvall-inner-btn,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn,
body.page-product .tvcmscross-selling-product .tvproduct-add-to-cart,
body.page-product .tvcmscross-selling-product .add-to-cart,
body.page-product .tvcmscross-selling-product .tvall-inner-btn {
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 50% !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
line-height: 1 !important;
color: #000000 !important;
overflow: hidden !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn span,
body#product .tvcmscross-selling-product .tvproduct-add-to-cart span,
body#product .tvcmscross-selling-product .add-to-cart span,
body#product .tvcmscross-selling-product .tvall-inner-btn span,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn span,
body.page-product .tvcmscross-selling-product .tvproduct-add-to-cart span,
body.page-product .tvcmscross-selling-product .add-to-cart span,
body.page-product .tvcmscross-selling-product .tvall-inner-btn span {
display: none !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn i,
body#product .tvcmscross-selling-product .tvproduct-add-to-cart i,
body#product .tvcmscross-selling-product .add-to-cart i,
body#product .tvcmscross-selling-product .tvall-inner-btn i,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn i,
body.page-product .tvcmscross-selling-product .tvproduct-add-to-cart i,
body.page-product .tvcmscross-selling-product .add-to-cart i,
body.page-product .tvcmscross-selling-product .tvall-inner-btn i {
margin: 0 !important;
padding: 0 !important;
width: 18px !important;
height: 18px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
line-height: 1 !important;
color: #000000 !important;
}
body#product .tvcmscross-selling-product .tvproduct-wishlist-compare button,
body#product .tvcmscross-selling-product .tvcompare-wrapper button,
body.page-product .tvcmscross-selling-product .tvproduct-wishlist-compare button,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper button {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 !important;
border-radius: 50% !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
}
/* =========================================================
8. MOBILE - NEWSLETTER / STOPKA MNIEJ POWIETRZA
========================================================= */
@media (max-width: 767px) {
body#product .footer-container,
body.page-product .footer-container {
margin-top: 18px !important;
}
body#product .tvcmsnewsletterpopup,
body#product .tvcmsnewsletter,
body#product .tvnewsletter-wrapper,
body#product .footer-before,
body#product .footer-container .container,
body.page-product .tvcmsnewsletterpopup,
body.page-product .tvcmsnewsletter,
body.page-product .tvnewsletter-wrapper,
body.page-product .footer-before,
body.page-product .footer-container .container {
padding-top: 22px !important;
padding-bottom: 20px !important;
}
body#product .tvnewsletter-title,
body#product .block_newsletter h2,
body#product .newsletter h2,
body.page-product .tvnewsletter-title,
body.page-product .block_newsletter h2,
body.page-product .newsletter h2 {
margin-top: 0 !important;
margin-bottom: 12px !important;
font-size: 24px !important;
line-height: 1.15 !important;
}
body#product .block_newsletter,
body#product .newsletter,
body.page-product .block_newsletter,
body.page-product .newsletter {
padding-top: 22px !important;
padding-bottom: 22px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body#product .footer-container .links,
body.page-product .footer-container .links {
margin-top: 10px !important;
}
body#product .footer-container .footer-after,
body#product .tvcopylink,
body#product .tvcmscopylink,
body.page-product .footer-container .footer-after,
body.page-product .tvcopylink,
body.page-product .tvcmscopylink {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
}
/* =========================================================
9. MOBILE - BREADCRUMB W JEDNYM PRZESUWANYM WIERSZU
========================================================= */
@media (max-width: 767px) {
body .breadcrumb,
body .breadcrumb ol,
body .tvbreadcrumb,
body .tvbreadcrumb ol,
body .breadcrumb-wrapper,
body .tvbreadcrumb-wrapper {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 7px 10px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
white-space: nowrap !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
text-align: left !important;
}
body .breadcrumb::-webkit-scrollbar,
body .breadcrumb ol::-webkit-scrollbar,
body .tvbreadcrumb::-webkit-scrollbar,
body .tvbreadcrumb ol::-webkit-scrollbar,
body .breadcrumb-wrapper::-webkit-scrollbar,
body .tvbreadcrumb-wrapper::-webkit-scrollbar {
display: none !important;
}
body .breadcrumb li,
body .breadcrumb ol li,
body .tvbreadcrumb li,
body .tvbreadcrumb ol li {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
text-align: left !important;
}
body .breadcrumb a,
body .breadcrumb span,
body .tvbreadcrumb a,
body .tvbreadcrumb span {
display: inline-flex !important;
align-items: center !important;
color: #8a5f32 !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
text-decoration: none !important;
}
body .breadcrumb li::after,
body .breadcrumb ol li::after,
body .tvbreadcrumb li::after,
body .tvbreadcrumb ol li::after {
display: inline-flex !important;
flex: 0 0 auto !important;
margin: 0 7px !important;
color: #b89563 !important;
white-space: nowrap !important;
}
body .breadcrumb li:last-child,
body .breadcrumb ol li:last-child,
body .tvbreadcrumb li:last-child,
body .tvbreadcrumb ol li:last-child {
max-width: none !important;
overflow: visible !important;
text-overflow: unset !important;
white-space: nowrap !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL PATCH v35
Moduł: karta produktu / powiązane / cross-selling / newsletter / sticky mobile
Działa dla desktop + mobile
WAŻNE:
Usuń wcześniejsze bloki v30 / v31 / v32 / v33 / v34.
Ten blok ma być jedynym końcowym blokiem dla tych sekcji.
========================================================= */
/* =========================================================
2. "KLIENCI KTÓRZY ZAKUPILI..."
- nagłówek spokojniejszy
- nazwy produktów spójne z sekcją powiązaną
========================================================= */
body#product .tvcross-selling-main-title-wrapper,
body.page-product .tvcross-selling-main-title-wrapper {
margin: 22px 0 16px 0 !important;
padding: 0 !important;
}
body#product .tvcross-selling-main-title-wrapper .tvmain-title,
body.page-product .tvcross-selling-main-title-wrapper .tvmain-title {
text-align: center !important;
}
body#product .tvcross-selling-main-title-wrapper .tvmain-title h2,
body.page-product .tvcross-selling-main-title-wrapper .tvmain-title h2 {
display: inline-block !important;
margin: 0 !important;
padding: 0 0 10px 0 !important;
font-family: "Poppins", sans-serif !important;
font-size: 21px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #000000 !important;
}
body#product .tvcmscross-selling-product .tvproduct-name a h6,
body#product .tvcmscross-selling-product .product-title a h6,
body#product .tvcmscross-selling-product h6,
body.page-product .tvcmscross-selling-product .tvproduct-name a h6,
body.page-product .tvcmscross-selling-product .product-title a h6,
body.page-product .tvcmscross-selling-product h6 {
display: block !important;
max-width: 220px !important;
min-height: 32px !important;
max-height: 38px !important;
margin: 0 auto 6px auto !important;
padding: 0 !important;
font-family: "Poppins", sans-serif !important;
font-size: 12px !important;
line-height: 1.18 !important;
font-weight: 500 !important;
letter-spacing: 0.1px !important;
text-transform: uppercase !important;
text-align: center !important;
color: #111111 !important;
overflow: hidden !important;
}
@media (max-width: 767px) {
body#product .tvcross-selling-main-title-wrapper,
body.page-product .tvcross-selling-main-title-wrapper {
margin: 18px 0 10px 0 !important;
padding: 0 15px !important;
}
body#product .tvcross-selling-main-title-wrapper .tvmain-title,
body.page-product .tvcross-selling-main-title-wrapper .tvmain-title {
text-align: left !important;
}
body#product .tvcross-selling-main-title-wrapper .tvmain-title h2,
body.page-product .tvcross-selling-main-title-wrapper .tvmain-title h2 {
font-size: 18px !important;
line-height: 1.25 !important;
}
body#product .tvcmscross-selling-product .tvproduct-name a h6,
body#product .tvcmscross-selling-product .product-title a h6,
body#product .tvcmscross-selling-product h6,
body.page-product .tvcmscross-selling-product .tvproduct-name a h6,
body.page-product .tvcmscross-selling-product .product-title a h6,
body.page-product .tvcmscross-selling-product h6 {
max-width: 150px !important;
min-height: 38px !important;
max-height: 44px !important;
font-size: 11px !important;
line-height: 1.15 !important;
font-weight: 500 !important;
}
}
/* =========================================================
4. MOBILE STICKY - przywrócenie dolnego paska
========================================================= */
@media (max-width: 767px) {
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: fixed !important;
left: 8px !important;
right: 8px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 6px) !important;
width: auto !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
border-radius: 8px !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10) !important;
overflow: hidden !important;
z-index: 9999 !important;
}
body#product .tvfooter-product-sticky-bottom .container,
body.page-product .tvfooter-product-sticky-bottom .container {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
height: 40px !important;
margin: 0 !important;
padding: 0 8px !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .tvflex-items,
body.page-product .tvfooter-product-sticky-bottom .tvflex-items {
position: relative !important;
display: block !important;
width: 100% !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvfooter-product-sticky-bottom .tvproduct-image-title-price,
body.page-product .tvfooter-product-sticky-bottom .tvproduct-image-title-price {
position: absolute !important;
left: 0 !important;
top: 5px !important;
right: 108px !important;
height: 30px !important;
overflow: hidden !important;
}
body#product .tvfooter-product-sticky-bottom .product-image,
body.page-product .tvfooter-product-sticky-bottom .product-image {
display: none !important;
}
body#product .tvfooter-product-sticky-bottom .tvtitle-price h1,
body.page-product .tvfooter-product-sticky-bottom .tvtitle-price h1 {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
color: #222222 !important;
font-size: 8.5px !important;
line-height: 1.08 !important;
font-weight: 800 !important;
text-transform: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body#product .tvfooter-product-sticky-bottom .current-price .price,
body.page-product .tvfooter-product-sticky-bottom .current-price .price {
display: block !important;
color: #d3b58c !important;
font-size: 10.5px !important;
line-height: 1 !important;
font-weight: 800 !important;
}
body#product .tvfooter-product-sticky-bottom .regular-price,
body#product .tvfooter-product-sticky-bottom .discount,
body#product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label,
body.page-product .tvfooter-product-sticky-bottom .regular-price,
body.page-product .tvfooter-product-sticky-bottom .discount,
body.page-product .tvfooter-product-sticky-bottom .tax-shipping-delivery-label {
display: none !important;
}
body#product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot,
body.page-product .tvfooter-product-sticky-bottom .emalia-mobile-sticky-cta-slot {
position: absolute !important;
right: 0 !important;
top: 5px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100px !important;
height: 30px !important;
}
body#product .emalia-mobile-sticky-cart-btn,
body.page-product .emalia-mobile-sticky-cart-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100px !important;
height: 30px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 4px !important;
color: #000000 !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 1 !important;
}
body#product .emalia-mobile-sticky-cart-btn span,
body.page-product .emalia-mobile-sticky-cart-btn span {
display: none !important;
}
body#product .emalia-mobile-sticky-cart-btn::after,
body.page-product .emalia-mobile-sticky-cart-btn::after {
content: "Do koszyka" !important;
display: inline-block !important;
color: #000000 !important;
font-size: 8.5px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body#product .emalia-mobile-sticky-cart-btn i.material-icons,
body.page-product .emalia-mobile-sticky-cart-btn i.material-icons {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 13px !important;
height: 13px !important;
margin: 0 3px 0 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 13px !important;
line-height: 1 !important;
}
}
/* =========================================================
5. STRZAŁKA DO GÓRY - nad sticky
========================================================= */
#emaliaBackToTop.emalia-back-to-top,
body#product #emaliaBackToTop,
body.page-product #emaliaBackToTop {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
position: fixed !important;
z-index: 10050 !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
background: #d9c2a3 !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
color: #111111 !important;
cursor: pointer !important;
pointer-events: auto !important;
}
@media (min-width: 768px) {
#emaliaBackToTop.emalia-back-to-top,
body#product #emaliaBackToTop,
body.page-product #emaliaBackToTop {
right: 24px !important;
bottom: 82px !important;
}
}
@media (max-width: 767px) {
#emaliaBackToTop.emalia-back-to-top,
body#product #emaliaBackToTop,
body.page-product #emaliaBackToTop {
right: 18px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 66px) !important;
width: 40px !important;
height: 40px !important;
}
}
/* =========================================================
6. NEWSLETTER - mniej szarego tła / mniej powietrza
========================================================= */
body#product .er-footer-newsletter,
body.page-product .er-footer-newsletter {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body#product .er-footer-newsletter .tvcms-newsletter-wrapper,
body#product .er-footer-newsletter .tvcms-newsletter-inner,
body#product .er-footer-newsletter .block_newsletter,
body#product .er-footer-newsletter .tv-newsletter-wrapeer,
body#product .er-footer-newsletter .tvnewsletter-block,
body.page-product .er-footer-newsletter .tvcms-newsletter-wrapper,
body.page-product .er-footer-newsletter .tvcms-newsletter-inner,
body.page-product .er-footer-newsletter .block_newsletter,
body.page-product .er-footer-newsletter .tv-newsletter-wrapeer,
body.page-product .er-footer-newsletter .tvnewsletter-block {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
body#product .er-footer-newsletter,
body.page-product .er-footer-newsletter {
padding-top: 16px !important;
padding-bottom: 20px !important;
}
}
@media (max-width: 767px) {
body#product .er-footer-newsletter,
body.page-product .er-footer-newsletter {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
body#product .er-footer-newsletter .tvcms-newsletter-wrapper,
body#product .er-footer-newsletter .tvcms-newsletter-inner,
body.page-product .er-footer-newsletter .tvcms-newsletter-wrapper,
body.page-product .er-footer-newsletter .tvcms-newsletter-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body#product .er-footer-newsletter .tvnewsletter-block,
body.page-product .er-footer-newsletter .tvnewsletter-block {
padding: 0 14px !important;
}
body#product .er-footer-newsletter .tvnewsletter-lable-wrapper,
body.page-product .er-footer-newsletter .tvnewsletter-lable-wrapper {
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
body#product .er-footer-newsletter .tvnewsletter-title,
body.page-product .er-footer-newsletter .tvnewsletter-title {
margin: 0 !important;
padding-bottom: 7px !important;
font-size: 22px !important;
line-height: 1.2 !important;
}
body#product .er-footer-newsletter .tvnewsleeter-input-button-wraper,
body.page-product .er-footer-newsletter .tvnewsleeter-input-button-wraper {
margin: 0 !important;
}
body#product .er-footer-newsletter .input-wrapper input,
body#product .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn,
body.page-product .er-footer-newsletter .input-wrapper input,
body.page-product .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn {
height: 38px !important;
min-height: 38px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL PATCH v36
Moduł: karta produktu / powiązane / cross-selling / newsletter / mobile sticky
Działa dla desktop + mobile
Wklej na końcu custom.css po usunięciu wcześniejszych bloków v30-v35
========================================================= */
/* =========================================================
1. "MOŻE CI SIĘ RÓWNIEŻ SPODOBAĆ"
Nazwa produktu wyśrodkowana + ukrycie marki
========================================================= */
body#product .emalia-related-products__brand,
body.page-product .emalia-related-products__brand,
body#product .emalia-related-products .product-brand,
body.page-product .emalia-related-products .product-brand,
body#product .emalia-related-products .tvproduct-brand,
body.page-product .emalia-related-products .tvproduct-brand,
body#product .emalia-related-products .manufacturer,
body.page-product .emalia-related-products .manufacturer,
body#product .emalia-related-products .product-manufacturer,
body.page-product .emalia-related-products .product-manufacturer {
display: none !important;
}
body#product .emalia-related-products,
body.page-product .emalia-related-products {
text-align: center !important;
}
body#product .emalia-related-products__item,
body.page-product .emalia-related-products__item,
body#product .emalia-related-products .product-miniature,
body.page-product .emalia-related-products .product-miniature {
text-align: center !important;
}
/* =========================================================
EMALIA RYBNIK - PRODUKTY POWIĄZANE: NAZWA / MARKA / CENA
Moduł: własna sekcja "Może Ci się również spodobać"
Dotyczy: .emalia-related-products__content
Działa desktop + mobile
Wklej zamiast wcześniejszych reguł dla:
.emalia-related-products__name
.emalia-related-products__brand
.emalia-related-products__price
========================================================= */
/* Cała treść produktu jako wyśrodkowana kolumna */
body#product .emalia-related-products__content,
body.page-product .emalia-related-products__content {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 230px !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
/* Nazwa produktu */
body#product .emalia-related-products__name,
body.page-product .emalia-related-products__name {
display: block !important;
width: 100% !important;
max-width: 230px !important;
margin: 0 auto 6px auto !important;
padding: 0 !important;
text-align: center !important;
overflow: hidden !important;
}
/* Link w nazwie produktu */
body#product .emalia-related-products__name a,
body.page-product .emalia-related-products__name a {
display: block !important;
width: 100% !important;
max-width: 230px !important;
margin: 0 auto !important;
padding: 0 !important;
color: #111111 !important;
font-family: "Poppins", sans-serif !important;
font-size: 12px !important;
line-height: 1.18 !important;
font-weight: 500 !important;
letter-spacing: 0.1px !important;
text-transform: uppercase !important;
text-align: center !important;
text-decoration: none !important;
white-space: normal !important;
overflow: hidden !important;
}
/* Marka - ukryta w tej sekcji */
body#product .emalia-related-products__brand,
body.page-product .emalia-related-products__brand {
display: none !important;
}
/* Cena - dokładnie pod środkiem nazwy */
body#product .emalia-related-products__price,
body.page-product .emalia-related-products__price {
display: block !important;
width: 100% !important;
max-width: 230px !important;
margin: 0 auto !important;
padding: 0 !important;
color: #000000 !important;
font-family: "Poppins", sans-serif !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
text-align: center !important;
}
/* Desktop - kontrola wysokości nazwy */
@media (min-width: 768px) {
body#product .emalia-related-products__name,
body.page-product .emalia-related-products__name {
min-height: 30px !important;
max-height: 44px !important;
}
body#product .emalia-related-products__name a,
body.page-product .emalia-related-products__name a {
font-size: 12px !important;
line-height: 1.18 !important;
}
}
/* Mobile - krótsza szerokość jak na karcie */
@media (max-width: 767px) {
body#product .emalia-related-products__content,
body.page-product .emalia-related-products__content,
body#product .emalia-related-products__name,
body.page-product .emalia-related-products__name,
body#product .emalia-related-products__name a,
body.page-product .emalia-related-products__name a,
body#product .emalia-related-products__price,
body.page-product .emalia-related-products__price {
max-width: 150px !important;
}
body#product .emalia-related-products__name,
body.page-product .emalia-related-products__name {
min-height: 38px !important;
max-height: 48px !important;
}
body#product .emalia-related-products__name a,
body.page-product .emalia-related-products__name a {
font-size: 11px !important;
line-height: 1.15 !important;
}
body#product .emalia-related-products__price,
body.page-product .emalia-related-products__price {
font-size: 13px !important;
line-height: 1.2 !important;
}
}
/* =========================================================
2. "KLIENCI KTÓRZY ZAKUPILI..."
Nagłówek + nazwy produktów
========================================================= */
body#product .tvcross-selling-main-title-wrapper,
body.page-product .tvcross-selling-main-title-wrapper {
margin: 22px 0 16px 0 !important;
padding: 0 !important;
}
body#product .tvcross-selling-main-title-wrapper .tvmain-title,
body.page-product .tvcross-selling-main-title-wrapper .tvmain-title {
text-align: center !important;
}
body#product .tvcross-selling-main-title-wrapper .tvmain-title h2,
body.page-product .tvcross-selling-main-title-wrapper .tvmain-title h2 {
display: inline-block !important;
margin: 0 !important;
padding: 0 0 10px 0 !important;
color: #000000 !important;
font-family: "Poppins", sans-serif !important;
font-size: 21px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body#product .tvcmscross-selling-product .tvproduct-name a h6,
body#product .tvcmscross-selling-product .product-title a h6,
body#product .tvcmscross-selling-product h6,
body.page-product .tvcmscross-selling-product .tvproduct-name a h6,
body.page-product .tvcmscross-selling-product .product-title a h6,
body.page-product .tvcmscross-selling-product h6 {
display: block !important;
max-width: 220px !important;
min-height: 32px !important;
max-height: 38px !important;
margin: 0 auto 6px auto !important;
padding: 0 !important;
color: #111111 !important;
font-family: "Poppins", sans-serif !important;
font-size: 12px !important;
line-height: 1.18 !important;
font-weight: 500 !important;
letter-spacing: 0.1px !important;
text-transform: uppercase !important;
text-align: center !important;
overflow: hidden !important;
}
@media (max-width: 767px) {
body#product .tvcross-selling-main-title-wrapper,
body.page-product .tvcross-selling-main-title-wrapper {
margin: 18px 0 10px 0 !important;
padding: 0 15px !important;
}
body#product .tvcross-selling-main-title-wrapper .tvmain-title,
body.page-product .tvcross-selling-main-title-wrapper .tvmain-title {
text-align: left !important;
}
body#product .tvcross-selling-main-title-wrapper .tvmain-title h2,
body.page-product .tvcross-selling-main-title-wrapper .tvmain-title h2 {
font-size: 18px !important;
line-height: 1.25 !important;
}
body#product .tvcmscross-selling-product .tvproduct-name a h6,
body#product .tvcmscross-selling-product .product-title a h6,
body#product .tvcmscross-selling-product h6,
body.page-product .tvcmscross-selling-product .tvproduct-name a h6,
body.page-product .tvcmscross-selling-product .product-title a h6,
body.page-product .tvcmscross-selling-product h6 {
max-width: 150px !important;
min-height: 38px !important;
max-height: 44px !important;
font-size: 11px !important;
line-height: 1.15 !important;
}
}
/* =========================================================
4. NEWSLETTER / STOPKA - mniej szarego tła
========================================================= */
body#product .er-footer-newsletter,
body.page-product .er-footer-newsletter {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body#product .er-footer-newsletter .tvcms-newsletter-wrapper,
body#product .er-footer-newsletter .tvcms-newsletter-inner,
body#product .er-footer-newsletter .block_newsletter,
body#product .er-footer-newsletter .tv-newsletter-wrapeer,
body#product .er-footer-newsletter .tvnewsletter-block,
body.page-product .er-footer-newsletter .tvcms-newsletter-wrapper,
body.page-product .er-footer-newsletter .tvcms-newsletter-inner,
body.page-product .er-footer-newsletter .block_newsletter,
body.page-product .er-footer-newsletter .tv-newsletter-wrapeer,
body.page-product .er-footer-newsletter .tvnewsletter-block {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
body#product .er-footer-newsletter,
body.page-product .er-footer-newsletter {
padding-top: 12px !important;
padding-bottom: 14px !important;
}
body#product #footer .er-footer-main,
body.page-product #footer .er-footer-main {
padding-top: 10px !important;
}
}
@media (max-width: 767px) {
body#product .er-footer-newsletter,
body.page-product .er-footer-newsletter {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
body#product .er-footer-newsletter .tvcms-newsletter-wrapper,
body#product .er-footer-newsletter .tvcms-newsletter-inner,
body.page-product .er-footer-newsletter .tvcms-newsletter-wrapper,
body.page-product .er-footer-newsletter .tvcms-newsletter-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body#product .er-footer-newsletter .tvnewsletter-block,
body.page-product .er-footer-newsletter .tvnewsletter-block {
padding: 0 14px !important;
}
body#product .er-footer-newsletter .tvnewsletter-lable-wrapper,
body.page-product .er-footer-newsletter .tvnewsletter-lable-wrapper {
margin: 0 0 6px 0 !important;
padding: 0 !important;
}
body#product .er-footer-newsletter .tvnewsletter-title,
body.page-product .er-footer-newsletter .tvnewsletter-title {
margin: 0 !important;
padding-bottom: 6px !important;
font-size: 22px !important;
line-height: 1.2 !important;
}
body#product .er-footer-newsletter .input-wrapper input,
body#product .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn,
body.page-product .er-footer-newsletter .input-wrapper input,
body.page-product .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn {
height: 38px !important;
min-height: 38px !important;
}
body#product #footer .er-footer-main,
body.page-product #footer .er-footer-main {
padding-top: 6px !important;
}
body#product #footer .er-footer-bottom,
body.page-product #footer .er-footer-bottom {
margin-top: 6px !important;
}
}
/* =========================================================
5. STRZAŁKA DO GÓRY
========================================================= */
#emaliaBackToTop.emalia-back-to-top,
body#product #emaliaBackToTop,
body.page-product #emaliaBackToTop {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
position: fixed !important;
z-index: 10050 !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
background: #d9c2a3 !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
color: #111111 !important;
cursor: pointer !important;
pointer-events: auto !important;
}
@media (min-width: 768px) {
#emaliaBackToTop.emalia-back-to-top,
body#product #emaliaBackToTop,
body.page-product #emaliaBackToTop {
right: 24px !important;
bottom: 82px !important;
}
}
@media (max-width: 767px) {
#emaliaBackToTop.emalia-back-to-top,
body#product #emaliaBackToTop,
body.page-product #emaliaBackToTop {
right: 18px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 66px) !important;
width: 40px !important;
height: 40px !important;
}
}
/* =========================================================
EMALIA RYBNIK - CROSS-SELLING IKONY JAK NA STRONIE GŁÓWNEJ
Moduł: ThemeVolty / tvcmscross-selling-product
Sekcja: Klienci którzy zakupili ten produkt kupili również
Działa desktop + mobile
Wstaw zamiast wcześniejszego fragmentu CROSS-SELLING - przyciski akcji
========================================================= */
/* Produkt w cross-selling jako karta z ikonami na zdjęciu */
body#product .tvcmscross-selling-product .tvproduct-wrapper,
body.page-product .tvcmscross-selling-product .tvproduct-wrapper {
position: relative !important;
}
body#product .tvcmscross-selling-product .tvproduct-image,
body.page-product .tvcmscross-selling-product .tvproduct-image {
position: relative !important;
}
/* Wrapper ikon dokładnie jak na stronie głównej: na zdjęciu produktu */
body#product .tvcmscross-selling-product .tvproduct-btn-color,
body.page-product .tvcmscross-selling-product .tvproduct-btn-color {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
position: absolute !important;
left: 50% !important;
bottom: 18px !important;
top: auto !important;
right: auto !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
transform: translateX(-50%) !important;
z-index: 8 !important;
}
body#product .tvcmscross-selling-product .tvproduct-hover-btn,
body.page-product .tvcmscross-selling-product .tvproduct-hover-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
/* Pokazujemy wszystkie 3 akcje: koszyk, porównanie, szybki podgląd */
body#product .tvcmscross-selling-product .tvproduct-cart-btn,
body#product .tvcmscross-selling-product .tvcompare-wrapper,
body#product .tvcmscross-selling-product .tvproduct-quick-btn,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
background: #d9c2a3 !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
overflow: hidden !important;
transform: none !important;
pointer-events: auto !important;
}
/* Formularz koszyka */
body#product .tvcmscross-selling-product .tvproduct-cart-btn form,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn form {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
}
/* Klikalne elementy wewnątrz kółek */
body#product .tvcmscross-selling-product .tvproduct-cart-btn button,
body#product .tvcmscross-selling-product .tvproduct-cart-btn .add-to-cart,
body#product .tvcmscross-selling-product .tvproduct-cart-btn .tvproduct-add-to-cart,
body#product .tvcmscross-selling-product .tvcompare-wrapper .tvproduct-compare,
body#product .tvcmscross-selling-product .tvcompare-wrapper .tvcmsproduct-compare-btn,
body#product .tvcmscross-selling-product .tvproduct-quick-btn a,
body#product .tvcmscross-selling-product .tvproduct-quick-icon,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn button,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn .add-to-cart,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn .tvproduct-add-to-cart,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper .tvproduct-compare,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper .tvcmsproduct-compare-btn,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn a,
body.page-product .tvcmscross-selling-product .tvproduct-quick-icon {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
color: #000000 !important;
text-decoration: none !important;
cursor: pointer !important;
font-size: 0 !important;
line-height: 1 !important;
}
/* Ikony Material Icons — bez ukrywania porównania i podglądu */
body#product .tvcmscross-selling-product .tvproduct-cart-btn i,
body#product .tvcmscross-selling-product .tvcompare-wrapper i,
body#product .tvcmscross-selling-product .tvproduct-quick-btn i,
body#product .tvcmscross-selling-product .tvproduct-quick-icon i,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn i,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper i,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn i,
body.page-product .tvcmscross-selling-product .tvproduct-quick-icon i {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 19px !important;
line-height: 1 !important;
}
/* Ukrywamy tylko techniczne ikony ukryte przez moduł */
body#product .tvcmscross-selling-product .tvproduct-cart-btn i.out-of-stock,
body#product .tvcmscross-selling-product .tvcompare-wrapper i.remove.hide,
body#product .tvcmscross-selling-product .tvcompare-wrapper i.hide,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn i.out-of-stock,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper i.remove.hide,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper i.hide {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
/* Teksty etykiet ukryte, zostają same ikonki */
body#product .tvcmscross-selling-product .tvproduct-cart-btn span,
body#product .tvcmscross-selling-product .tvproduct-quick-btn span,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn span,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn span {
display: none !important;
}
/* Hover desktop jak w eleganckich kafelkach */
@media (min-width: 768px) {
body#product .tvcmscross-selling-product .tvproduct-cart-btn:hover,
body#product .tvcmscross-selling-product .tvcompare-wrapper:hover,
body#product .tvcmscross-selling-product .tvproduct-quick-btn:hover,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn:hover,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper:hover,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn:hover {
background: #c7ad87 !important;
}
}
/* Mobile - mniejsze ikonki i bliżej zdjęcia */
@media (max-width: 767px) {
body#product .tvcmscross-selling-product .tvproduct-btn-color,
body.page-product .tvcmscross-selling-product .tvproduct-btn-color {
bottom: 10px !important;
}
body#product .tvcmscross-selling-product .tvproduct-hover-btn,
body.page-product .tvcmscross-selling-product .tvproduct-hover-btn {
gap: 7px !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn,
body#product .tvcmscross-selling-product .tvcompare-wrapper,
body#product .tvcmscross-selling-product .tvproduct-quick-btn,
body#product .tvcmscross-selling-product .tvproduct-cart-btn form,
body#product .tvcmscross-selling-product .tvproduct-cart-btn button,
body#product .tvcmscross-selling-product .tvproduct-cart-btn .add-to-cart,
body#product .tvcmscross-selling-product .tvproduct-cart-btn .tvproduct-add-to-cart,
body#product .tvcmscross-selling-product .tvcompare-wrapper .tvproduct-compare,
body#product .tvcmscross-selling-product .tvcompare-wrapper .tvcmsproduct-compare-btn,
body#product .tvcmscross-selling-product .tvproduct-quick-btn a,
body#product .tvcmscross-selling-product .tvproduct-quick-icon,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn form,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn button,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn .add-to-cart,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn .tvproduct-add-to-cart,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper .tvproduct-compare,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper .tvcmsproduct-compare-btn,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn a,
body.page-product .tvcmscross-selling-product .tvproduct-quick-icon {
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn i,
body#product .tvcmscross-selling-product .tvcompare-wrapper i,
body#product .tvcmscross-selling-product .tvproduct-quick-btn i,
body#product .tvcmscross-selling-product .tvproduct-quick-icon i,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn i,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper i,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn i,
body.page-product .tvcmscross-selling-product .tvproduct-quick-icon i {
width: 34px !important;
height: 34px !important;
font-size: 17px !important;
}
}
/* =========================================================
EMALIA RYBNIK - QUICK VIEW MOBILE FIX
Moduł: ThemeVolty Quick View / product modal
Działa głównie mobile, bez ruszania pełnej karty produktu
Wklej na końcu custom.css
========================================================= */
/* =========================================================
1. QUICK VIEW - ukrycie sekcji powiązanych wewnątrz modala
========================================================= */
@media (max-width: 767px) {
.modal.quickview .emalia-related-products,
.modal.quickview .js-emalia-related-products,
.modal .modal-dialog .emalia-related-products,
.modal .modal-dialog .js-emalia-related-products {
display: none !important;
visibility: hidden !important;
height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
}
/* =========================================================
2. QUICK VIEW - rozmiar i układ modala mobile
========================================================= */
@media (max-width: 767px) {
.modal.quickview,
.modal[id*="quickview"],
.modal[id*="quick-view"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
.modal.quickview .modal-dialog,
.modal[id*="quickview"] .modal-dialog,
.modal[id*="quick-view"] .modal-dialog,
.modal .modal-dialog {
width: calc(100% - 20px) !important;
max-width: 390px !important;
margin: 10px auto !important;
}
.modal.quickview .modal-content,
.modal[id*="quickview"] .modal-content,
.modal[id*="quick-view"] .modal-content,
.modal .modal-dialog .modal-content {
border-radius: 10px !important;
border: 1px solid #eeeeee !important;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.18) !important;
overflow: hidden !important;
max-height: calc(100vh - 20px) !important;
}
.modal.quickview .modal-body,
.modal[id*="quickview"] .modal-body,
.modal[id*="quick-view"] .modal-body,
.modal .modal-dialog .modal-body {
padding: 16px !important;
max-height: calc(100vh - 20px) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
.modal.quickview .modal-body > .row,
.modal[id*="quickview"] .modal-body > .row,
.modal[id*="quick-view"] .modal-body > .row,
.modal .modal-dialog .modal-body > .row {
display: block !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.modal.quickview .tvquickview-prod-img,
.modal.quickview .tvquickview-prod-details,
.modal[id*="quickview"] .tvquickview-prod-img,
.modal[id*="quickview"] .tvquickview-prod-details,
.modal[id*="quick-view"] .tvquickview-prod-img,
.modal[id*="quick-view"] .tvquickview-prod-details,
.modal .modal-dialog .tvquickview-prod-img,
.modal .modal-dialog .tvquickview-prod-details {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
/* =========================================================
3. QUICK VIEW - zdjęcie produktu mobile
========================================================= */
@media (max-width: 767px) {
.modal.quickview .tvquickview-prod-img,
.modal[id*="quickview"] .tvquickview-prod-img,
.modal[id*="quick-view"] .tvquickview-prod-img,
.modal .modal-dialog .tvquickview-prod-img {
margin-bottom: 12px !important;
}
.modal.quickview .images-container,
.modal[id*="quickview"] .images-container,
.modal[id*="quick-view"] .images-container,
.modal .modal-dialog .images-container {
margin: 0 !important;
padding: 0 !important;
}
.modal.quickview .product-cover,
.modal[id*="quickview"] .product-cover,
.modal[id*="quick-view"] .product-cover,
.modal .modal-dialog .product-cover {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 auto !important;
}
.modal.quickview .tvproduct-image-slider,
.modal[id*="quickview"] .tvproduct-image-slider,
.modal[id*="quick-view"] .tvproduct-image-slider,
.modal .modal-dialog .tvproduct-image-slider {
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
.modal.quickview .js-qv-product-cover,
.modal[id*="quickview"] .js-qv-product-cover,
.modal[id*="quick-view"] .js-qv-product-cover,
.modal .modal-dialog .js-qv-product-cover {
display: block !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: 260px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
.modal.quickview .tvvertical-slider,
.modal[id*="quickview"] .tvvertical-slider,
.modal[id*="quick-view"] .tvvertical-slider,
.modal .modal-dialog .tvvertical-slider {
display: none !important;
}
.modal.quickview .layer,
.modal[id*="quickview"] .layer,
.modal[id*="quick-view"] .layer,
.modal .modal-dialog .layer {
display: none !important;
}
}
/* =========================================================
4. QUICK VIEW - zamknięcie modala
========================================================= */
@media (max-width: 767px) {
.modal.quickview .tvmodel-close,
.modal[id*="quickview"] .tvmodel-close,
.modal[id*="quick-view"] .tvmodel-close,
.modal .modal-dialog .tvmodel-close {
position: absolute !important;
top: 8px !important;
right: 8px !important;
z-index: 20 !important;
width: 34px !important;
height: 34px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #ffffff !important;
border-radius: 50% !important;
border: 1px solid #eeeeee !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10) !important;
opacity: 1 !important;
}
.modal.quickview .tvmodel-close span,
.modal[id*="quickview"] .tvmodel-close span,
.modal[id*="quick-view"] .tvmodel-close span,
.modal .modal-dialog .tvmodel-close span {
color: #000000 !important;
font-size: 26px !important;
line-height: 1 !important;
font-weight: 400 !important;
}
}
/* =========================================================
5. QUICK VIEW - teksty, cena, opis
========================================================= */
@media (max-width: 767px) {
.modal.quickview .tvquickview-main-title,
.modal[id*="quickview"] .tvquickview-main-title,
.modal[id*="quick-view"] .tvquickview-main-title,
.modal .modal-dialog .tvquickview-main-title {
margin: 0 0 8px 0 !important;
padding: 0 !important;
color: #222222 !important;
font-size: 22px !important;
line-height: 1.16 !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.modal.quickview .tvall-product-star-icon,
.modal[id*="quickview"] .tvall-product-star-icon,
.modal[id*="quick-view"] .tvall-product-star-icon,
.modal .modal-dialog .tvall-product-star-icon {
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
.modal.quickview .product-prices,
.modal[id*="quickview"] .product-prices,
.modal[id*="quick-view"] .product-prices,
.modal .modal-dialog .product-prices {
margin: 0 0 12px 0 !important;
padding: 0 !important;
}
.modal.quickview .current-price .price,
.modal[id*="quickview"] .current-price .price,
.modal[id*="quick-view"] .current-price .price,
.modal .modal-dialog .current-price .price {
color: #d3b58c !important;
font-size: 24px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
}
.modal.quickview #product-description-short,
.modal[id*="quickview"] #product-description-short,
.modal[id*="quick-view"] #product-description-short,
.modal .modal-dialog #product-description-short {
margin: 0 0 14px 0 !important;
padding: 0 !important;
}
.modal.quickview #product-description-short p,
.modal[id*="quickview"] #product-description-short p,
.modal[id*="quick-view"] #product-description-short p,
.modal .modal-dialog #product-description-short p {
margin: 0 !important;
color: #222222 !important;
font-size: 14px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}
}
/* =========================================================
6. QUICK VIEW - ilość i przycisk Dodaj do koszyka
========================================================= */
@media (max-width: 767px) {
.modal.quickview .product-add-to-cart,
.modal[id*="quickview"] .product-add-to-cart,
.modal[id*="quick-view"] .product-add-to-cart,
.modal .modal-dialog .product-add-to-cart {
margin: 0 !important;
padding: 0 !important;
}
.modal.quickview .product-quantity,
.modal[id*="quickview"] .product-quantity,
.modal[id*="quick-view"] .product-quantity,
.modal .modal-dialog .product-quantity {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 0 12px 0 !important;
}
.modal.quickview .product-quantity .control-label,
.modal[id*="quickview"] .product-quantity .control-label,
.modal[id*="quick-view"] .product-quantity .control-label,
.modal .modal-dialog .product-quantity .control-label {
display: none !important;
}
.modal.quickview .product-quantity .qty,
.modal[id*="quickview"] .product-quantity .qty,
.modal[id*="quick-view"] .product-quantity .qty,
.modal .modal-dialog .product-quantity .qty {
margin: 0 !important;
}
.modal.quickview .bootstrap-touchspin,
.modal[id*="quickview"] .bootstrap-touchspin,
.modal[id*="quick-view"] .bootstrap-touchspin,
.modal .modal-dialog .bootstrap-touchspin {
display: flex !important;
align-items: center !important;
width: 116px !important;
height: 40px !important;
}
.modal.quickview #quantity_wanted,
.modal[id*="quickview"] #quantity_wanted,
.modal[id*="quick-view"] #quantity_wanted,
.modal .modal-dialog #quantity_wanted {
width: 42px !important;
height: 40px !important;
min-height: 40px !important;
text-align: center !important;
border: 1px solid #eeeeee !important;
box-shadow: none !important;
}
.modal.quickview .input-group-btn-vertical,
.modal[id*="quickview"] .input-group-btn-vertical,
.modal[id*="quick-view"] .input-group-btn-vertical,
.modal .modal-dialog .input-group-btn-vertical {
display: flex !important;
flex-direction: row-reverse !important;
width: 74px !important;
height: 40px !important;
}
.modal.quickview .btn-touchspin,
.modal[id*="quickview"] .btn-touchspin,
.modal[id*="quick-view"] .btn-touchspin,
.modal .modal-dialog .btn-touchspin {
width: 37px !important;
height: 40px !important;
min-height: 40px !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
box-shadow: none !important;
}
.modal.quickview .tv-product-page-add-to-cart-wrapper,
.modal[id*="quickview"] .tv-product-page-add-to-cart-wrapper,
.modal[id*="quick-view"] .tv-product-page-add-to-cart-wrapper,
.modal .modal-dialog .tv-product-page-add-to-cart-wrapper {
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.modal.quickview .tvcart-btn-model,
.modal[id*="quickview"] .tvcart-btn-model,
.modal[id*="quick-view"] .tvcart-btn-model,
.modal .modal-dialog .tvcart-btn-model {
width: 100% !important;
margin: 0 0 12px 0 !important;
}
.modal.quickview .tvcart-btn-model .add-to-cart,
.modal[id*="quickview"] .tvcart-btn-model .add-to-cart,
.modal[id*="quick-view"] .tvcart-btn-model .add-to-cart,
.modal .modal-dialog .tvcart-btn-model .add-to-cart {
width: 100% !important;
height: 48px !important;
min-height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 4px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10) !important;
color: #000000 !important;
font-size: 13px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
}
.modal.quickview .tvproduct-wishlist-compare,
.modal[id*="quickview"] .tvproduct-wishlist-compare,
.modal[id*="quick-view"] .tvproduct-wishlist-compare,
.modal .modal-dialog .tvproduct-wishlist-compare {
display: none !important;
}
.modal.quickview .tvproduct-stock-social,
.modal[id*="quickview"] .tvproduct-stock-social,
.modal[id*="quick-view"] .tvproduct-stock-social,
.modal .modal-dialog .tvproduct-stock-social {
display: none !important;
}
}
/* =========================================================
EMALIA RYBNIK - QUICK VIEW IMAGE FIX + MOBILE STICKY v39
Szablon: ThemeVolty v1_ceramic_42 / PrestaShop 8.2.5
Naprawia:
- quick view w cross-selling: pobiera zdjęcie dokładnie z klikniętego kafelka
- mobile sticky "Do koszyka"
========================================================= */
(function () {
'use strict';
var emaliaQuickViewImageUrl = null;
var emaliaQuickViewLockTimer = null;
/* =========================================================
1. QUICK VIEW - pobranie zdjęcia z dokładnie klikniętego kafelka
========================================================= */
function emaliaNormalizeUrl(url) {
if (!url) {
return null;
}
return String(url).trim();
}
function emaliaGetClickedCardImage(quickViewLink) {
if (!quickViewLink) {
return null;
}
/*
* Najważniejsze:
* szukamy najbliższego .tvproduct-image, bo w tym samym bloku
* siedzą: zdjęcie produktu + ikonki koszyk/porównanie/podgląd.
* Dzięki temu nie łapiemy zdjęcia głównego produktu ze strony.
*/
var imageBox = quickViewLink.closest('.tvproduct-image');
if (!imageBox) {
return null;
}
var img = imageBox.querySelector(
'a.thumbnail img[itemprop="image"], ' +
'a.product-thumbnail img[itemprop="image"], ' +
'a.thumbnail img, ' +
'a.product-thumbnail img, ' +
'img.tvproduct-defult-img, ' +
'img[itemprop="image"], ' +
'img'
);
if (!img) {
return null;
}
return emaliaNormalizeUrl(
img.getAttribute('data-full-size-image-url') ||
img.getAttribute('data-image-large-src') ||
img.getAttribute('data-src') ||
img.currentSrc ||
img.src
);
}
function emaliaGetActiveQuickViewModal() {
var modals = document.querySelectorAll(
'.modal.quickview, ' +
'.quickview.modal, ' +
'.modal[id*="quickview"], ' +
'.modal[id*="quick-view"], ' +
'.modal.show'
);
if (!modals.length) {
return null;
}
for (var i = modals.length - 1; i >= 0; i--) {
if (modals[i].classList.contains('show') || modals[i].offsetParent !== null) {
return modals[i];
}
}
return modals[modals.length - 1];
}
function emaliaForceQuickViewImage() {
if (!emaliaQuickViewImageUrl) {
return;
}
var modal = emaliaGetActiveQuickViewModal();
if (!modal) {
return;
}
var images = modal.querySelectorAll(
'.js-qv-product-cover, ' +
'.product-cover img, ' +
'.tvquickview-prod-img img, ' +
'.images-container img, ' +
'.modal-body img[itemprop="image"], ' +
'.modal-body .tvproduct-defult-img, ' +
'.modal-body .tv-img-responsive'
);
if (!images.length) {
return;
}
images.forEach(function (img) {
var naturalWidth = img.naturalWidth || parseInt(img.getAttribute('width') || '0', 10);
var naturalHeight = img.naturalHeight || parseInt(img.getAttribute('height') || '0', 10);
/*
* Pomijamy małe ikonki UI.
*/
if (naturalWidth > 0 && naturalWidth < 80 && naturalHeight > 0 && naturalHeight < 80) {
return;
}
img.removeAttribute('srcset');
img.removeAttribute('data-srcset');
img.setAttribute('src', emaliaQuickViewImageUrl);
img.setAttribute('data-src', emaliaQuickViewImageUrl);
img.setAttribute('data-image-large-src', emaliaQuickViewImageUrl);
img.setAttribute('data-full-size-image-url', emaliaQuickViewImageUrl);
img.setAttribute('data-zoom-image', emaliaQuickViewImageUrl);
});
var sources = modal.querySelectorAll('picture source');
sources.forEach(function (source) {
source.removeAttribute('srcset');
source.removeAttribute('data-srcset');
});
}
function emaliaStartQuickViewImageLock() {
var counter = 0;
if (emaliaQuickViewLockTimer) {
clearInterval(emaliaQuickViewLockTimer);
}
emaliaForceQuickViewImage();
emaliaQuickViewLockTimer = setInterval(function () {
counter++;
emaliaForceQuickViewImage();
/*
* Pilnujemy zdjęcia przez 8 sekund, bo ThemeVolty potrafi
* jeszcze po chwili przebudować obraz w modalu.
*/
if (counter >= 32) {
clearInterval(emaliaQuickViewLockTimer);
emaliaQuickViewLockTimer = null;
}
}, 250);
}
function emaliaRememberQuickViewImage(event) {
var quickViewLink = event.target.closest(
'.tvcmscross-selling-product .quick-view[data-link-action="quickview"], ' +
'.tvcmscross-selling-product .tvproduct-quick-btn a.quick-view, ' +
'.tvcmscross-selling-product [data-link-action="quickview"]'
);
if (!quickViewLink) {
return;
}
var clickedImage = emaliaGetClickedCardImage(quickViewLink);
if (!clickedImage) {
return;
}
emaliaQuickViewImageUrl = clickedImage;
setTimeout(emaliaStartQuickViewImageLock, 80);
setTimeout(emaliaStartQuickViewImageLock, 350);
setTimeout(emaliaStartQuickViewImageLock, 900);
setTimeout(emaliaStartQuickViewImageLock, 1500);
}
/*
* Dajemy kilka zdarzeń, bo na mobile czasem click odpala się później
* niż ThemeVolty zacznie budować modal.
*/
document.addEventListener('pointerdown', emaliaRememberQuickViewImage, true);
document.addEventListener('touchstart', emaliaRememberQuickViewImage, true);
document.addEventListener('mousedown', emaliaRememberQuickViewImage, true);
document.addEventListener('click', emaliaRememberQuickViewImage, true);
if (typeof MutationObserver !== 'undefined') {
var emaliaQuickViewObserver = new MutationObserver(function () {
if (emaliaQuickViewImageUrl) {
emaliaForceQuickViewImage();
}
});
emaliaQuickViewObserver.observe(document.body, {
childList: true,
subtree: true,
attributes: true,
attributeFilter: [
'src',
'srcset',
'data-src',
'data-image-large-src',
'data-full-size-image-url',
'data-srcset'
]
});
}
/* =========================================================
2. MOBILE STICKY - niezależny pasek "Do koszyka"
========================================================= */
function emaliaIsProductPage() {
return !!(
document.body &&
(
document.body.id === 'product' ||
document.body.classList.contains('page-product') ||
document.querySelector('h1[itemprop="name"]')
)
);
}
function emaliaIsMobile() {
return window.matchMedia('(max-width: 767px)').matches;
}
function emaliaFindOutsideModal(selector) {
var elements = document.querySelectorAll(selector);
for (var i = 0; i < elements.length; i++) {
if (!elements[i].closest('.modal')) {
return elements[i];
}
}
return null;
}
function emaliaGetMainAddToCartButton() {
return emaliaFindOutsideModal(
'.emalia-product-buybox button[data-button-action="add-to-cart"], ' +
'.product-add-to-cart button[data-button-action="add-to-cart"], ' +
'.product-add-to-cart .add-to-cart, ' +
'button[data-button-action="add-to-cart"]'
);
}
function emaliaGetProductName() {
var nameNode = emaliaFindOutsideModal(
'h1[itemprop="name"], ' +
'.product-information h1, ' +
'.product-information .h1, ' +
'h1.h1'
);
return nameNode ? nameNode.textContent.trim() : '';
}
function emaliaGetProductPrice() {
var priceNode = emaliaFindOutsideModal(
'.product-prices .current-price .price, ' +
'.current-price .price'
);
return priceNode ? priceNode.textContent.trim() : '';
}
function emaliaCreateMobileSticky() {
if (!emaliaIsProductPage()) {
return null;
}
var oldSticky = document.querySelector('.emalia-mobile-product-sticky');
if (oldSticky) {
return oldSticky;
}
var sticky = document.createElement('div');
sticky.className = 'emalia-mobile-product-sticky';
sticky.innerHTML =
'' +
'' +
'' +
'
' +
'';
document.body.appendChild(sticky);
sticky.querySelector('.emalia-mobile-product-sticky__name').textContent = emaliaGetProductName();
sticky.querySelector('.emalia-mobile-product-sticky__price').textContent = emaliaGetProductPrice();
sticky.querySelector('.emalia-mobile-product-sticky__button').addEventListener('click', function (event) {
var mainButton = emaliaGetMainAddToCartButton();
event.preventDefault();
if (mainButton) {
mainButton.click();
}
});
return sticky;
}
function emaliaToggleMobileSticky() {
var sticky = emaliaCreateMobileSticky();
if (!sticky) {
return;
}
if (!emaliaIsMobile()) {
sticky.classList.remove('is-visible');
return;
}
if (window.pageYOffset > 520) {
sticky.classList.add('is-visible');
} else {
sticky.classList.remove('is-visible');
}
}
function emaliaInitMobileSticky() {
if (!emaliaIsProductPage()) {
return;
}
emaliaCreateMobileSticky();
emaliaToggleMobileSticky();
window.addEventListener('scroll', emaliaToggleMobileSticky, { passive: true });
window.addEventListener('resize', emaliaToggleMobileSticky);
window.addEventListener('orientationchange', function () {
setTimeout(emaliaToggleMobileSticky, 300);
});
setTimeout(emaliaToggleMobileSticky, 500);
setTimeout(emaliaToggleMobileSticky, 1200);
if (typeof prestashop !== 'undefined' && prestashop && typeof prestashop.on === 'function') {
prestashop.on('updatedProduct', function () {
var sticky = document.querySelector('.emalia-mobile-product-sticky');
if (sticky) {
sticky.remove();
}
setTimeout(function () {
emaliaCreateMobileSticky();
emaliaToggleMobileSticky();
}, 300);
});
prestashop.on('updateCart', function () {
setTimeout(emaliaToggleMobileSticky, 800);
});
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', emaliaInitMobileSticky);
} else {
emaliaInitMobileSticky();
}
})();
/* =========================================================
EMALIA RYBNIK - FINALNY MOBILE STICKY + CROSS-SELLING MOBILE
Moduł: karta produktu / ThemeVolty cross-selling
Działa: mobile, bez ruszania desktopu
Wklej na końcu custom.css
========================================================= */
/* =========================================================
1. CROSS-SELLING MOBILE
Mobile: zostaje koszyk + porównanie, ukrywamy szybki podgląd
========================================================= */
@media (max-width: 767px) {
body#product .tvcmscross-selling-product .tvproduct-quick-btn,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body#product .tvcmscross-selling-product .tvproduct-hover-btn,
body.page-product .tvcmscross-selling-product .tvproduct-hover-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn,
body#product .tvcmscross-selling-product .tvcompare-wrapper,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
background: #d9c2a3 !important;
border-radius: 50% !important;
border: 0 !important;
box-shadow: none !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn button,
body#product .tvcmscross-selling-product .tvproduct-cart-btn .add-to-cart,
body#product .tvcmscross-selling-product .tvproduct-cart-btn form,
body#product .tvcmscross-selling-product .tvcompare-wrapper .tvproduct-compare,
body#product .tvcmscross-selling-product .tvcompare-wrapper .tvcmsproduct-compare-btn,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn button,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn .add-to-cart,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn form,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper .tvproduct-compare,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper .tvcmsproduct-compare-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
color: #000000 !important;
font-size: 0 !important;
line-height: 1 !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn i,
body#product .tvcmscross-selling-product .tvcompare-wrapper i,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn i,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 16px !important;
line-height: 1 !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn i.out-of-stock,
body#product .tvcmscross-selling-product .tvcompare-wrapper i.remove.hide,
body#product .tvcmscross-selling-product .tvcompare-wrapper i.hide,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn i.out-of-stock,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper i.remove.hide,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper i.hide {
display: none !important;
}
}
/* =========================================================
2. WŁASNY MOBILE STICKY "DO KOSZYKA"
Niezależny od ThemeVolty sticky
========================================================= */
.emalia-mobile-product-sticky {
display: none;
}
@media (max-width: 767px) {
body#product,
body.page-product {
padding-bottom: 64px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
display: none !important;
}
.emalia-mobile-product-sticky {
position: fixed !important;
left: 8px !important;
right: 8px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 6px) !important;
display: none !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
min-height: 42px !important;
padding: 6px 8px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
border-radius: 8px !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
z-index: 9999 !important;
}
.emalia-mobile-product-sticky.is-visible {
display: flex !important;
}
body.modal-open .emalia-mobile-product-sticky {
display: none !important;
}
.emalia-mobile-product-sticky__info {
min-width: 0 !important;
flex: 1 1 auto !important;
padding-right: 8px !important;
}
.emalia-mobile-product-sticky__name {
display: block !important;
max-width: 100% !important;
color: #222222 !important;
font-size: 8.5px !important;
line-height: 1.08 !important;
font-weight: 800 !important;
text-transform: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.emalia-mobile-product-sticky__price {
display: block !important;
margin-top: 2px !important;
color: #d3b58c !important;
font-size: 10.5px !important;
line-height: 1 !important;
font-weight: 800 !important;
}
.emalia-mobile-product-sticky__button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 104px !important;
min-width: 104px !important;
height: 30px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 4px !important;
color: #000000 !important;
box-shadow: none !important;
font-size: 8.5px !important;
line-height: 1 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.emalia-mobile-product-sticky__button .material-icons {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 13px !important;
height: 13px !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 13px !important;
line-height: 1 !important;
}
}
/* =========================================================
EMALIA RYBNIK - MOBILE CROSS-SELLING BEZ SZYBKIEGO PODGLĄDU
Moduł: ThemeVolty / tvcmscross-selling-product
Mobile: zostaje koszyk + porównanie, szybki podgląd ukryty
Wklej na końcu custom.css
========================================================= */
@media (max-width: 767px) {
body#product .tvcmscross-selling-product .tvproduct-quick-btn,
body#product .tvcmscross-selling-product .tvproduct-quick-btn a,
body#product .tvcmscross-selling-product .tvproduct-quick-icon,
body#product .tvcmscross-selling-product .quick-view,
body#product .tvcmscross-selling-product a[data-link-action="quickview"],
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn a,
body.page-product .tvcmscross-selling-product .tvproduct-quick-icon,
body.page-product .tvcmscross-selling-product .quick-view,
body.page-product .tvcmscross-selling-product a[data-link-action="quickview"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body#product .tvcmscross-selling-product .tvproduct-hover-btn,
body.page-product .tvcmscross-selling-product .tvproduct-hover-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
}
/* =========================================================
EMALIA RYBNIK - KOMPAKTOWY NEWSLETTER / MNIEJ SZAREGO TŁA
Moduł: ps_emailsubscription / ThemeVolty footer newsletter
Działa desktop + mobile
Wklej na końcu custom.css
========================================================= */
/* Główne tło newslettera - mniej wysokości */
body#product .er-footer-newsletter,
body.page-product .er-footer-newsletter,
body#product .tvcms-newsletter-wrapper,
body.page-product .tvcms-newsletter-wrapper {
background: #f3f3f3 !important;
padding-top: 46px !important;
padding-bottom: 34px !important;
margin-top: 0 !important;
}
/* Wewnętrzny kontener newslettera */
body#product .tvcms-newsletter-inner,
body.page-product .tvcms-newsletter-inner,
body#product .block_newsletter,
body.page-product .block_newsletter,
body#product .tv-newsletter-wrapeer,
body.page-product .tv-newsletter-wrapeer {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Tytuł Newsletter */
body#product .tvnewsletter-title,
body.page-product .tvnewsletter-title,
body#product #block-newsletter-label,
body.page-product #block-newsletter-label {
margin: 0 0 24px 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 28px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
text-align: center !important;
}
/* Kreska pod tytułem */
body#product .tvnewsletter-title::after,
body.page-product .tvnewsletter-title::after,
body#product #block-newsletter-label::after,
body.page-product #block-newsletter-label::after {
content: "" !important;
display: block !important;
width: 110px !important;
height: 1px !important;
margin: 12px auto 0 auto !important;
background: #d9c2a3 !important;
}
/* Formularz */
body#product .tvnewsletter-input,
body.page-product .tvnewsletter-input {
margin: 0 auto !important;
padding: 0 !important;
max-width: 640px !important;
}
/* Input + przycisk */
body#product .tvnewsleeter-input-button-wraper,
body.page-product .tvnewsleeter-input-button-wraper {
display: flex !important;
align-items: stretch !important;
justify-content: center !important;
width: 100% !important;
max-width: 640px !important;
height: 48px !important;
margin: 0 auto !important;
padding: 0 !important;
}
/* Pole e-mail */
body#product .tvnewsleeter-input-button-wraper .input-wrapper,
body.page-product .tvnewsleeter-input-button-wraper .input-wrapper {
flex: 1 1 auto !important;
height: 48px !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvnewsleeter-input-button-wraper input[type="email"],
body.page-product .tvnewsleeter-input-button-wraper input[type="email"] {
width: 100% !important;
height: 48px !important;
margin: 0 !important;
padding: 0 18px !important;
background: #ffffff !important;
border: 1px solid #d9c2a3 !important;
border-right: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #222222 !important;
font-size: 14px !important;
line-height: 48px !important;
}
/* Przycisk zapisu */
body#product .tvnewsleteer-btn-wrapper,
body.page-product .tvnewsleteer-btn-wrapper {
flex: 0 0 150px !important;
width: 150px !important;
height: 48px !important;
margin: 0 !important;
padding: 0 !important;
}
body#product .tvnewsleteer-btn-wrapper button,
body.page-product .tvnewsleteer-btn-wrapper button,
body#product .tvnewsleteer-btn-wrapper .tvall-inner-btn,
body.page-product .tvnewsleteer-btn-wrapper .tvall-inner-btn {
width: 150px !important;
height: 48px !important;
margin: 0 !important;
padding: 0 16px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #000000 !important;
font-size: 13px !important;
line-height: 48px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
}
/* Stopka pod newsletterem - mniej oddechu */
body#product footer,
body.page-product footer,
body#product .footer-container,
body.page-product .footer-container {
margin-top: 0 !important;
}
/* Mobile */
@media (max-width: 767px) {
body#product .er-footer-newsletter,
body.page-product .er-footer-newsletter,
body#product .tvcms-newsletter-wrapper,
body.page-product .tvcms-newsletter-wrapper {
padding-top: 30px !important;
padding-bottom: 22px !important;
margin-top: 0 !important;
}
body#product .tvnewsletter-title,
body.page-product .tvnewsletter-title,
body#product #block-newsletter-label,
body.page-product #block-newsletter-label {
margin-bottom: 18px !important;
font-size: 25px !important;
line-height: 1.2 !important;
}
body#product .tvnewsletter-title::after,
body.page-product .tvnewsletter-title::after,
body#product #block-newsletter-label::after,
body.page-product #block-newsletter-label::after {
width: 100px !important;
margin-top: 10px !important;
}
body#product .tvnewsletter-input,
body.page-product .tvnewsletter-input {
max-width: none !important;
width: 100% !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
body#product .tvnewsleeter-input-button-wraper,
body.page-product .tvnewsleeter-input-button-wraper {
height: 44px !important;
max-width: 100% !important;
}
body#product .tvnewsleeter-input-button-wraper .input-wrapper,
body.page-product .tvnewsleeter-input-button-wraper .input-wrapper {
height: 44px !important;
}
body#product .tvnewsleeter-input-button-wraper input[type="email"],
body.page-product .tvnewsleeter-input-button-wraper input[type="email"] {
height: 44px !important;
padding: 0 12px !important;
font-size: 13px !important;
line-height: 44px !important;
}
body#product .tvnewsleteer-btn-wrapper,
body.page-product .tvnewsleteer-btn-wrapper {
flex: 0 0 92px !important;
width: 92px !important;
height: 44px !important;
}
body#product .tvnewsleteer-btn-wrapper button,
body.page-product .tvnewsleteer-btn-wrapper button,
body#product .tvnewsleteer-btn-wrapper .tvall-inner-btn,
body.page-product .tvnewsleteer-btn-wrapper .tvall-inner-btn {
width: 92px !important;
height: 44px !important;
padding: 0 8px !important;
font-size: 12px !important;
line-height: 44px !important;
}
}
/* =========================================================
EMALIA RYBNIK - POPRAWKA NEWSLETTERA / MNIEJ TŁA + 1x ZAPISZ
Moduł: ps_emailsubscription / ThemeVolty footer newsletter
Naprawia: podwójny tekst ZAPISZ oraz zmniejsza szare pole nad newsletterem
Wklej zamiast poprzedniego bloku KOREKTA NEWSLETTERA
========================================================= */
/* Zmniejszenie szarego pola całej sekcji newslettera */
body#product #footer .er-footer-newsletter,
body.page-product #footer .er-footer-newsletter {
padding-top: 18px !important;
padding-bottom: 18px !important;
margin-top: 0 !important;
}
/* Usunięcie dodatkowych odstępów z modułu ThemeVolty */
body#product #footer .er-footer-newsletter .tvcms-newsletter-wrapper,
body.page-product #footer .er-footer-newsletter .tvcms-newsletter-wrapper,
body#product #footer .er-footer-newsletter .tvcms-newsletter-inner,
body.page-product #footer .er-footer-newsletter .tvcms-newsletter-inner,
body#product #footer .er-footer-newsletter .block_newsletter,
body.page-product #footer .er-footer-newsletter .block_newsletter,
body#product #footer .er-footer-newsletter .tv-newsletter-wrapeer,
body.page-product #footer .er-footer-newsletter .tv-newsletter-wrapeer,
body#product #footer .er-footer-newsletter .tvnewsletter-block,
body.page-product #footer .er-footer-newsletter .tvnewsletter-block {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Tytuł bliżej góry */
body#product #footer .er-footer-newsletter .tvnewsletter-title,
body.page-product #footer .er-footer-newsletter .tvnewsletter-title,
body#product #footer .er-footer-newsletter #block-newsletter-label,
body.page-product #footer .er-footer-newsletter #block-newsletter-label {
margin: 0 0 14px 0 !important;
padding: 0 !important;
font-size: 24px !important;
line-height: 1.2 !important;
}
/* Kreska pod tytułem */
body#product #footer .er-footer-newsletter .tvnewsletter-title::after,
body.page-product #footer .er-footer-newsletter .tvnewsletter-title::after,
body#product #footer .er-footer-newsletter #block-newsletter-label::after,
body.page-product #footer .er-footer-newsletter #block-newsletter-label::after {
content: "" !important;
display: block !important;
width: 95px !important;
height: 1px !important;
margin: 8px auto 0 auto !important;
background: #d9c2a3 !important;
}
/* Formularz */
body#product #footer .er-footer-newsletter .tvnewsletter-input,
body.page-product #footer .er-footer-newsletter .tvnewsletter-input {
margin: 0 auto !important;
padding: 0 !important;
}
/* Równa wysokość pola i przycisku */
body#product #footer .er-footer-newsletter .tvnewsleeter-input-button-wraper,
body.page-product #footer .er-footer-newsletter .tvnewsleeter-input-button-wraper {
display: flex !important;
align-items: stretch !important;
height: 42px !important;
max-width: 540px !important;
margin: 0 auto !important;
}
/* Input */
body#product #footer .er-footer-newsletter .input-wrapper,
body.page-product #footer .er-footer-newsletter .input-wrapper {
flex: 1 1 auto !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
}
body#product #footer .er-footer-newsletter input[type="email"],
body.page-product #footer .er-footer-newsletter input[type="email"] {
width: 100% !important;
height: 42px !important;
min-height: 42px !important;
line-height: 42px !important;
padding: 0 14px !important;
border: 1px solid #d9c2a3 !important;
border-right: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* Wrapper przycisku */
body#product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper,
body.page-product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper {
flex: 0 0 96px !important;
width: 96px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
}
/* Przycisk */
body#product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper button,
body.page-product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper button,
body#product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn,
body.page-product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 96px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #000000 !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
}
/* WAŻNE: naprawa podwójnego ZAPISZ */
body#product #footer .er-footer-newsletter .tvnewslatter-btn-title,
body.page-product #footer .er-footer-newsletter .tvnewslatter-btn-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
/* Desktop: pokazujemy ZAPISZ SIĘ, ukrywamy ZAPISZ */
@media (min-width: 1200px) {
body#product #footer .er-footer-newsletter .hidden-lg-down,
body.page-product #footer .er-footer-newsletter .hidden-lg-down {
display: inline !important;
}
body#product #footer .er-footer-newsletter .hidden-xl-up,
body.page-product #footer .er-footer-newsletter .hidden-xl-up {
display: none !important;
}
}
/* Mobile/tablet: pokazujemy tylko ZAPISZ */
@media (max-width: 1199px) {
body#product #footer .er-footer-newsletter .hidden-lg-down,
body.page-product #footer .er-footer-newsletter .hidden-lg-down {
display: none !important;
}
body#product #footer .er-footer-newsletter .hidden-xl-up,
body.page-product #footer .er-footer-newsletter .hidden-xl-up {
display: inline !important;
}
}
/* Mobile - jeszcze ciaśniej */
@media (max-width: 767px) {
body#product #footer .er-footer-newsletter,
body.page-product #footer .er-footer-newsletter {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
body#product #footer .er-footer-newsletter .tvnewsletter-title,
body.page-product #footer .er-footer-newsletter .tvnewsletter-title,
body#product #footer .er-footer-newsletter #block-newsletter-label,
body.page-product #footer .er-footer-newsletter #block-newsletter-label {
font-size: 23px !important;
margin-bottom: 12px !important;
}
body#product #footer .er-footer-newsletter .tvnewsleeter-input-button-wraper,
body.page-product #footer .er-footer-newsletter .tvnewsleeter-input-button-wraper {
height: 40px !important;
max-width: none !important;
margin-left: 14px !important;
margin-right: 14px !important;
}
body#product #footer .er-footer-newsletter .input-wrapper,
body.page-product #footer .er-footer-newsletter .input-wrapper,
body#product #footer .er-footer-newsletter input[type="email"],
body.page-product #footer .er-footer-newsletter input[type="email"],
body#product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper,
body.page-product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper,
body#product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper button,
body.page-product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper button,
body#product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn,
body.page-product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn {
height: 40px !important;
min-height: 40px !important;
}
body#product #footer .er-footer-newsletter input[type="email"],
body.page-product #footer .er-footer-newsletter input[type="email"] {
line-height: 40px !important;
font-size: 13px !important;
}
body#product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper,
body.page-product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper,
body#product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper button,
body.page-product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper button,
body#product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn,
body.page-product #footer .er-footer-newsletter .tvnewsleteer-btn-wrapper .tvall-inner-btn {
width: 86px !important;
flex-basis: 86px !important;
font-size: 11px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNA KOREKTA SZAREGO TŁA NEWSLETTERA
Moduł: ps_emailsubscription / ThemeVolty footer newsletter
Cel: usunięcie nadmiaru szarego tła nad napisem Newsletter
Wklej na końcu custom.css
========================================================= */
/* Cała stopka bez sztucznej przestrzeni nad newsletterem */
.footer-container.er-footer-container {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* Kotwica newslettera nie może robić odstępu */
.footer-container.er-footer-container #newsletter,
.footer-container.er-footer-container .er-newsletter-anchor {
display: block !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* Główna sekcja newslettera - mocne zmniejszenie góry */
.footer-container.er-footer-container .er-footer-newsletter {
padding-top: 18px !important;
padding-bottom: 18px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Moduł newslettera bez dodatkowych odstępów */
.footer-container.er-footer-container .er-footer-newsletter .tvcms-newsletter-wrapper,
.footer-container.er-footer-container .er-footer-newsletter .tvcms-newsletter-inner,
.footer-container.er-footer-container .er-footer-newsletter .block_newsletter,
.footer-container.er-footer-container .er-footer-newsletter .tv-newsletter-wrapeer,
.footer-container.er-footer-container .er-footer-newsletter .tvnewsletter-block,
.footer-container.er-footer-container .er-footer-newsletter .tvnewsletter-lable-wrapper {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Tytuł Newsletter bliżej góry */
.footer-container.er-footer-container .er-footer-newsletter .tvnewsletter-title,
.footer-container.er-footer-container .er-footer-newsletter #block-newsletter-label {
margin-top: 0 !important;
margin-bottom: 14px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Mobile - jeszcze ciaśniej */
@media (max-width: 767px) {
.footer-container.er-footer-container .er-footer-newsletter {
padding-top: 12px !important;
padding-bottom: 16px !important;
}
.footer-container.er-footer-container .er-footer-newsletter .tvnewsletter-title,
.footer-container.er-footer-container .er-footer-newsletter #block-newsletter-label {
margin-bottom: 12px !important;
}
}
/* =========================================================
EMALIA RYBNIK - CROSS-SELLING BEZ SZYBKIEGO PODGLĄDU MOBILE/TABLET
Moduł: ThemeVolty / tvcmscross-selling-product
Działa: mobile + tablet do 1199px
Desktop zostaje bez zmian
Wklej na końcu custom.css
========================================================= */
@media (max-width: 1199px) {
body#product .tvcmscross-selling-product .tvproduct-quick-btn,
body#product .tvcmscross-selling-product .tvproduct-quick-btn a,
body#product .tvcmscross-selling-product .tvproduct-quick-icon,
body#product .tvcmscross-selling-product .quick-view,
body#product .tvcmscross-selling-product a[data-link-action="quickview"],
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn a,
body.page-product .tvcmscross-selling-product .tvproduct-quick-icon,
body.page-product .tvcmscross-selling-product .quick-view,
body.page-product .tvcmscross-selling-product a[data-link-action="quickview"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body#product .tvcmscross-selling-product .tvproduct-hover-btn,
body.page-product .tvcmscross-selling-product .tvproduct-hover-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
}
/* =========================================================
EMALIA RYBNIK - STICKY PRODUKTU MOBILE + TABLET
Moduł: karta produktu
Rozszerza sticky "Do koszyka" z mobile na tablety do 1199px
Wklej na końcu custom.css
========================================================= */
@media (min-width: 768px) and (max-width: 1199px) {
body#product,
body.page-product {
padding-bottom: 70px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
display: none !important;
}
.emalia-mobile-product-sticky {
position: fixed !important;
left: 16px !important;
right: 16px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
display: none !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
min-height: 48px !important;
padding: 8px 12px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
border-radius: 10px !important;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.14) !important;
z-index: 9999 !important;
}
.emalia-mobile-product-sticky.is-visible {
display: flex !important;
}
body.modal-open .emalia-mobile-product-sticky {
display: none !important;
}
.emalia-mobile-product-sticky__info {
min-width: 0 !important;
flex: 1 1 auto !important;
padding-right: 12px !important;
}
.emalia-mobile-product-sticky__name {
display: block !important;
max-width: 100% !important;
color: #222222 !important;
font-size: 11px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
text-transform: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.emalia-mobile-product-sticky__price {
display: block !important;
margin-top: 3px !important;
color: #d3b58c !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
}
.emalia-mobile-product-sticky__button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 132px !important;
min-width: 132px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 12px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 5px !important;
color: #000000 !important;
box-shadow: none !important;
font-size: 10px !important;
line-height: 1 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.emalia-mobile-product-sticky__button .material-icons {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 15px !important;
height: 15px !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 15px !important;
line-height: 1 !important;
}
}
/* =========================================================
EMALIA RYBNIK - UKRYCIE BLOKU REJESTRACJI PO ZAMÓWIENIU
Moduł/obszar: PrestaShop / order confirmation
Działa dla desktop + mobile
Wklej na końcu custom.css
Ukrywa niedokończony blok:
"Oszczędź czas przy następnym zamówieniu..."
========================================================= */
/* Ukrycie bloku rejestracji na stronie potwierdzenia zamówienia */
body#order-confirmation #registration-form,
body.page-order-confirmation #registration-form,
#order-confirmation #registration-form {
display: none !important;
}
/* Zmniejszenie pustej przestrzeni między potwierdzeniem zamówienia a polecanymi produktami */
body#order-confirmation #content,
body.page-order-confirmation #content {
margin-bottom: 20px !important;
}
/* Korekta odstępów nad sekcją polecanych produktów po ukryciu rejestracji */
body#order-confirmation .featured-products,
body#order-confirmation .product-accessories,
body#order-confirmation .tvcmsfeatured-product,
body#order-confirmation .tvcmsspecial-product,
body#order-confirmation .tvcmsnew-product,
body.page-order-confirmation .featured-products,
body.page-order-confirmation .product-accessories,
body.page-order-confirmation .tvcmsfeatured-product,
body.page-order-confirmation .tvcmsspecial-product,
body.page-order-confirmation .tvcmsnew-product {
margin-top: 25px !important;
padding-top: 0 !important;
}
/* Mobile - jeszcze ciaśniej, żeby nie było dużego powietrza */
@media (max-width: 767px) {
body#order-confirmation #content,
body.page-order-confirmation #content {
margin-bottom: 10px !important;
}
body#order-confirmation .featured-products,
body#order-confirmation .product-accessories,
body#order-confirmation .tvcmsfeatured-product,
body#order-confirmation .tvcmsspecial-product,
body#order-confirmation .tvcmsnew-product,
body.page-order-confirmation .featured-products,
body.page-order-confirmation .product-accessories,
body.page-order-confirmation .tvcmsfeatured-product,
body.page-order-confirmation .tvcmsspecial-product,
body.page-order-confirmation .tvcmsnew-product {
margin-top: 18px !important;
}
}
/* =========================================================
EMALIA RYBNIK - SOCIAL MEDIA W STOPCE
Moduł: ThemeVolty Footer / Social Icons
Działa dla desktop + mobile
Wklej na końcu custom.css
========================================================= */
/* Ukrycie nieużywanych ikon social media w stopce */
.tvfooter-social-icon-wrapper li.twitter,
.tvfooter-social-icon-wrapper li.rss,
.tvfooter-social-icon-wrapper li.youtube,
.tvfooter-social-icon-wrapper li.googleplus,
.tvfooter-social-icon-wrapper li.pinterest,
.tvfooter-social-icon-wrapper li.vimeo,
.tv-footer-social-icon-inner .tvtwitter-wrapper,
.tv-footer-social-icon-inner .tvrss-wrapper,
.tv-footer-social-icon-inner .tvyoutube-wrapper,
.tv-footer-social-icon-inner .tvpinterest-wrapper,
.tv-footer-social-icon-inner .tvvimeo-wrapper {
display: none !important;
}
/* Tytuł sekcji social media */
.block-social .tvfooter-title,
.tvcmsfooter-social-icon .tvfooter-title {
font-size: 18px;
font-weight: 600;
letter-spacing: 0.02em;
color: #1d1d1d;
}
/* Wrapper ikon w stopce */
.tvfooter-social-icon-wrapper,
.tv-footer-social-icon-inner {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
/* Pojedyncza ikona */
.tvfooter-social-icon-wrapper li a,
.tv-footer-social-icon-inner .tvblock-social-content a {
width: 38px;
height: 38px;
border: 1px solid rgba(184, 149, 99, 0.35);
border-radius: 50%;
background: #ffffff;
color: #6f6f6f;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease;
text-decoration: none;
}
/* SVG / span ikon */
.tv-footer-social-icon-inner .tvblock-social-icon,
.tvfooter-social-icon-wrapper li a span {
color: inherit;
}
/* Ukrycie tekstów przy ikonach, jeśli moduł je wyświetla */
.tv-footer-social-icon-inner .tvblock-social-content a span:not(.facebook-icon):not(.instagram-icon) {
font-size: 0;
}
/* Hover ikon */
.tvfooter-social-icon-wrapper li a:hover,
.tv-footer-social-icon-inner .tvblock-social-content a:hover {
background: #b89563;
border-color: #b89563;
color: #ffffff;
transform: translateY(-2px);
}
/* Facebook - delikatny kolor po hover */
.tvfooter-social-icon-wrapper li.facebook a:hover,
.tv-footer-social-icon-inner .tvfacebook-wrapper a:hover {
background: #3b5998;
border-color: #3b5998;
color: #ffffff;
}
/* Instagram - elegancki kolor po hover */
.tvfooter-social-icon-wrapper li.instagram a:hover,
.tv-footer-social-icon-inner .tvinstagram-wrapper a:hover {
background: #c13584;
border-color: #c13584;
color: #ffffff;
}
/* Mobile - social media w stopce na środku */
@media (max-width: 767px) {
.block-social,
.tvcmsfooter-social-icon {
text-align: center;
}
.tvfooter-social-icon-wrapper,
.tv-footer-social-icon-inner {
justify-content: center;
gap: 14px;
}
.tvfooter-social-icon-wrapper li a,
.tv-footer-social-icon-inner .tvblock-social-content a {
width: 42px;
height: 42px;
}
.block-social .tvfooter-title,
.tvcmsfooter-social-icon .tvfooter-title {
display: block;
margin-bottom: 12px;
font-size: 17px;
}
}
/* =========================================================
EMALIA RYBNIK - BOCZNE SOCIAL MEDIA DESKTOP
Moduł: ThemeVolty Social Sidebar / Footer Social
Zostawiamy tylko Facebook + Instagram na desktopie
========================================================= */
/* Boczne ikonki tylko desktop/tablet */
@media (min-width: 768px) {
.tvleft-right-title-wrapper,
.tvfooter-social-icon-left,
.tvcmssocial-icon-left,
.tvcms-left-social-icon {
display: block;
}
}
/* Ukrycie bocznych sociali na mobile, żeby nie zasłaniały sklepu */
@media (max-width: 767px) {
.tvleft-right-title-wrapper,
.tvfooter-social-icon-left,
.tvcmssocial-icon-left,
.tvcms-left-social-icon {
display: none !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY PREMIUM FOOTER + SOCIAL MEDIA V2
Moduł: custom footer.tpl
Social media przeniesione pod trzy kolumny stopki
Działa dla desktop + mobile
Wklej na końcu custom.css po usunięciu wcześniejszych kodów footer/social
========================================================= */
/* ===== GŁÓWNY BLOK STOPKI ===== */
.er-footer-container {
background: #f7f4ef !important;
border-top: 1px solid #ece3d6 !important;
}
.er-footer-container .er-footer-newsletter {
padding-top: 52px !important;
padding-bottom: 38px !important;
border-bottom: 1px solid rgba(184, 149, 99, 0.16) !important;
}
.er-footer-container .er-footer-main {
padding-top: 34px !important;
padding-bottom: 26px !important;
}
.er-footer-container .er-footer-row {
align-items: flex-start !important;
}
/* ===== KOLUMNY ===== */
.er-footer-container .er-footer-col {
position: relative;
}
.er-footer-container .er-footer-col:not(:last-child)::after {
content: "";
position: absolute;
top: 2px;
right: 24px;
width: 1px;
height: calc(100% - 4px);
background: rgba(184, 149, 99, 0.12);
}
/* ===== AKORDEONY / TYTUŁY ===== */
.er-footer-container .er-footer-accordion {
display: block !important;
}
.er-footer-container .er-footer-accordion[open] > summary {
margin-bottom: 18px !important;
}
.er-footer-container .er-footer-title {
display: block !important;
margin: 0 !important;
padding: 0 !important;
color: #111111 !important;
font-size: 18px !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
line-height: 1.2 !important;
text-transform: none !important;
list-style: none !important;
cursor: default !important;
}
.er-footer-container .er-footer-title::-webkit-details-marker {
display: none !important;
}
@media (min-width: 768px) {
.er-footer-container .er-footer-title::after {
display: none !important;
}
}
/* ===== LISTY ===== */
.er-footer-container .er-footer-list {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.er-footer-container .er-footer-list li {
margin: 0 0 14px 0 !important;
padding: 0 !important;
line-height: 1.65 !important;
color: #5b5348 !important;
font-size: 15px !important;
}
.er-footer-container .er-footer-list li:last-child {
margin-bottom: 0 !important;
}
.er-footer-container .er-footer-list a {
color: #6c5a41 !important;
text-decoration: none !important;
transition: color 0.25s ease, opacity 0.25s ease !important;
}
.er-footer-container .er-footer-list a:hover {
color: #b89563 !important;
}
.er-footer-container .er-footer-list-contact li {
color: #4f493f !important;
}
/* ===== SOCIAL MEDIA - OSOBNY WIERSZ ===== */
.er-footer-container .er-footer-social-section,
.er-footer-container .er-footer-social-inner,
.er-footer-container .er-footer-social-title,
.er-footer-container .er-footer-social-links,
.er-footer-container .er-footer-social-link,
.er-footer-container .er-footer-social-icon,
.er-footer-container .er-footer-social-text {
visibility: visible !important;
opacity: 1 !important;
}
.er-footer-container .er-footer-social-section {
display: block !important;
margin-top: 34px !important;
padding-top: 28px !important;
border-top: 1px solid rgba(184, 149, 99, 0.16) !important;
text-align: center !important;
}
.er-footer-container .er-footer-social-inner {
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.er-footer-container .er-footer-social-title {
display: block !important;
margin-bottom: 16px !important;
color: #111111 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
}
.er-footer-container .er-footer-social-links {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
}
.er-footer-container .er-footer-social-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
min-height: 44px !important;
padding: 10px 20px !important;
border: 1px solid rgba(184, 149, 99, 0.32) !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #111111 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 8px 24px rgba(17, 17, 17, 0.04) !important;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, color 0.25s ease !important;
}
.er-footer-container .er-footer-social-link:hover {
background: #f2e8d9 !important;
border-color: #b89563 !important;
color: #111111 !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 28px rgba(17, 17, 17, 0.08) !important;
}
.er-footer-container .er-footer-social-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
color: currentColor !important;
flex: 0 0 18px !important;
}
.er-footer-container .er-footer-social-icon svg {
display: block !important;
width: 18px !important;
height: 18px !important;
}
.er-footer-container .er-footer-social-text {
display: inline-block !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.01em !important;
}
/* ===== NEWSLETTER ===== */
.er-footer-container .block_newsletter,
.er-footer-container .tvnewsletter-block {
margin-bottom: 0 !important;
}
.er-footer-container .tvnewsletter-title,
.er-footer-container #block-newsletter-label {
color: #111111 !important;
font-size: 22px !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
}
.er-footer-container .tvnewsletter-input,
.er-footer-container input[name="email"] {
border: 1px solid rgba(184, 149, 99, 0.35) !important;
background: #ffffff !important;
min-height: 52px !important;
}
.er-footer-container .newsletter-btn,
.er-footer-container .tvnewsletter-submit-btn,
.er-footer-container .btn.btn-primary {
min-height: 52px !important;
}
/* ===== MOBILE ===== */
@media (max-width: 991px) {
.er-footer-container .er-footer-main {
padding-top: 22px !important;
padding-bottom: 18px !important;
}
.er-footer-container .er-footer-col:not(:last-child)::after {
display: none !important;
}
.er-footer-container .er-footer-social-section {
margin-top: 22px !important;
}
}
@media (max-width: 767px) {
.er-footer-container .er-footer-newsletter {
padding-top: 34px !important;
padding-bottom: 26px !important;
}
.er-footer-container .er-footer-main {
padding-top: 10px !important;
padding-bottom: 12px !important;
}
.er-footer-container .er-footer-accordion {
border-bottom: 1px solid rgba(184, 149, 99, 0.16) !important;
padding: 14px 0 !important;
}
.er-footer-container .er-footer-accordion[open] > summary {
margin-bottom: 14px !important;
}
.er-footer-container .er-footer-title {
position: relative !important;
padding-right: 24px !important;
font-size: 16px !important;
cursor: pointer !important;
}
.er-footer-container .er-footer-title::after {
content: "+" !important;
position: absolute !important;
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #111111 !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1 !important;
}
.er-footer-container .er-footer-accordion[open] > .er-footer-title::after {
content: "−" !important;
}
.er-footer-container .er-footer-list li {
margin-bottom: 12px !important;
font-size: 15px !important;
}
.er-footer-container .er-footer-social-section {
margin-top: 18px !important;
padding-top: 22px !important;
border-top: 1px solid rgba(184, 149, 99, 0.16) !important;
}
.er-footer-container .er-footer-social-title {
margin-bottom: 14px !important;
font-size: 11px !important;
letter-spacing: 0.13em !important;
}
.er-footer-container .er-footer-social-links {
gap: 10px !important;
}
.er-footer-container .er-footer-social-link {
min-height: 42px !important;
padding: 10px 16px !important;
font-size: 14px !important;
}
.er-footer-container .er-footer-copy {
padding: 12px 20px !important;
font-size: 12px !important;
}
}
/* =========================================================
EMALIA RYBNIK - NEWSLETTER STOPKA FINAL FIX NA PRODUKTACH
Moduł: ps_emailsubscription / override ThemeVolty
Problem: .tvnewsletter-input dodaje zewnętrzną ramkę i rozjeżdża formularz
Wklej na samym końcu custom.css
========================================================= */
/* RESET wrapperów newslettera w stopce */
.er-footer-container .tvcms-newsletter-wrapper,
.er-footer-container .tvcms-newsletter-inner,
.er-footer-container .block_newsletter,
.er-footer-container .tv-newsletter-wrapeer,
.er-footer-container .tvnewsletter-block,
.er-footer-container .tvnewsletter-input,
.er-footer-container .tvnewsletter-input form,
.er-footer-container .tvnewsleeter-input-button-wraper,
.er-footer-container .tvnewsleeter-input-button-wraper .input-wrapper,
.er-footer-container .tvnewsleteer-btn-wrapper {
float: none !important;
position: static !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
/* Sekcja newslettera */
.er-footer-container .er-footer-newsletter {
padding-top: 40px !important;
padding-bottom: 30px !important;
text-align: center !important;
}
/* Główny blok */
.er-footer-container .tvcms-newsletter-wrapper,
.er-footer-container .tvcms-newsletter-inner,
.er-footer-container .block_newsletter,
.er-footer-container .tv-newsletter-wrapeer,
.er-footer-container .tvnewsletter-block {
display: block !important;
width: 100% !important;
max-width: 760px !important;
margin: 0 auto !important;
text-align: center !important;
}
/* Tytuł */
.er-footer-container .tvnewsletter-title,
.er-footer-container #block-newsletter-label {
display: inline-block !important;
margin: 0 0 18px 0 !important;
padding: 0 0 8px 0 !important;
color: #111111 !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
text-align: center !important;
}
/* Linia pod tytułem */
.er-footer-container .tvnewsletter-title::after,
.er-footer-container #block-newsletter-label::after {
content: "" !important;
display: block !important;
width: 132px !important;
height: 1px !important;
margin: 9px auto 0 auto !important;
background: #d9c2a3 !important;
}
/* To jest najważniejsze: wrapper, który robił zewnętrzną ramkę */
.er-footer-container .tvnewsletter-input {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
}
/* Formularz */
.er-footer-container .tvnewsletter-input form {
display: block !important;
width: auto !important;
max-width: none !important;
margin: 0 auto !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* Desktop / tablet */
@media (min-width: 768px) {
.er-footer-container .tvnewsleeter-input-button-wraper {
display: grid !important;
grid-template-columns: 490px 150px !important;
width: 640px !important;
max-width: 640px !important;
height: 52px !important;
margin: 0 auto !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
overflow: hidden !important;
}
.er-footer-container .tvnewsleeter-input-button-wraper .input-wrapper {
display: block !important;
width: 490px !important;
max-width: 490px !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.er-footer-container .tvnewsleeter-input-button-wraper input[name="email"],
.er-footer-container .tvnewsleeter-input-button-wraper input[type="email"] {
display: block !important;
width: 490px !important;
max-width: 490px !important;
height: 52px !important;
min-height: 52px !important;
margin: 0 !important;
padding: 0 18px !important;
border: 1px solid rgba(184, 149, 99, 0.35) !important;
border-right: 0 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #5b5348 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 52px !important;
text-align: left !important;
box-shadow: none !important;
outline: none !important;
}
.er-footer-container .tvnewsleteer-btn-wrapper {
display: block !important;
width: 150px !important;
max-width: 150px !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.er-footer-container .tvnewsleteer-btn-wrapper button,
.er-footer-container .tvnewsleteer-btn-wrapper .tvall-inner-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 150px !important;
max-width: 150px !important;
height: 52px !important;
min-height: 52px !important;
margin: 0 !important;
padding: 0 18px !important;
border: 1px solid #d9c2a3 !important;
border-radius: 0 !important;
background: #d9c2a3 !important;
color: #111111 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
box-shadow: none !important;
}
}
/* Mobile */
@media (max-width: 767px) {
.er-footer-container .er-footer-newsletter {
padding-top: 30px !important;
padding-bottom: 24px !important;
}
.er-footer-container .tvnewsletter-title,
.er-footer-container #block-newsletter-label {
margin-bottom: 16px !important;
font-size: 23px !important;
}
.er-footer-container .tvnewsletter-input {
width: 100% !important;
padding: 0 16px !important;
}
.er-footer-container .tvnewsletter-input form {
width: 100% !important;
}
.er-footer-container .tvnewsleeter-input-button-wraper {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 92px !important;
width: 100% !important;
max-width: 100% !important;
height: 52px !important;
margin: 0 auto !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
overflow: hidden !important;
}
.er-footer-container .tvnewsleeter-input-button-wraper .input-wrapper {
display: block !important;
width: 100% !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
}
.er-footer-container .tvnewsleeter-input-button-wraper input[name="email"],
.er-footer-container .tvnewsleeter-input-button-wraper input[type="email"] {
display: block !important;
width: 100% !important;
height: 52px !important;
min-height: 52px !important;
margin: 0 !important;
padding: 0 13px !important;
border: 1px solid rgba(184, 149, 99, 0.35) !important;
border-right: 0 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #5b5348 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 52px !important;
text-align: left !important;
box-shadow: none !important;
outline: none !important;
}
.er-footer-container .tvnewsleteer-btn-wrapper {
display: block !important;
width: 92px !important;
max-width: 92px !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
}
.er-footer-container .tvnewsleteer-btn-wrapper button,
.er-footer-container .tvnewsleteer-btn-wrapper .tvall-inner-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 92px !important;
max-width: 92px !important;
height: 52px !important;
min-height: 52px !important;
margin: 0 !important;
padding: 0 8px !important;
border: 1px solid #d9c2a3 !important;
border-radius: 0 !important;
background: #d9c2a3 !important;
color: #111111 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
box-shadow: none !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY MOBILE HOME PRODUKTY JAK LISTING
Moduły:
- ThemeVolty New Product / tvcmsnewproducts
- ThemeVolty Featured Product / tvcmsfeaturedproducts
- ThemeVolty Best Seller / tvcmsbestsellerproducts
Działa tylko na stronie głównej mobile.
Cel:
- kafelki spójne z listingiem kategorii
- większe miniatury
- przyciski bliżej zdjęcia
- mniej pustej przestrzeni
- czytelna nazwa i cena
Wklej na końcu custom.css po usunięciu wcześniejszych testowych bloków HOME mobile
========================================================= */
@media (max-width: 575px) {
/* =========================================================
SEKCJE HOME
========================================================= */
body#index .tvcmsnew-product,
body#index .tvcmsfeatured-product,
body#index .tvcmsbest-seller-product,
body#index .tvnew-product,
body#index .tvfeatured-product,
body#index .tvbest-seller-product {
margin: 20px 0 28px 0 !important;
padding: 0 !important;
background: #ffffff !important;
overflow: visible !important;
}
body#index .tvcmsnew-product .container,
body#index .tvcmsfeatured-product .container,
body#index .tvcmsbest-seller-product .container,
body#index .tvnew-product .container,
body#index .tvfeatured-product .container,
body#index .tvbest-seller-product .container {
width: 100% !important;
max-width: 100% !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
/* =========================================================
TYTUŁ + STRZAŁKI
========================================================= */
body#index .tvcmsnew-product .tvcmstitle,
body#index .tvcmsfeatured-product .tvcmstitle,
body#index .tvcmsbest-seller-product .tvcmstitle,
body#index .tvnew-product .tvcmstitle,
body#index .tvfeatured-product .tvcmstitle,
body#index .tvbest-seller-product .tvcmstitle {
position: relative !important;
margin: 0 0 14px 0 !important;
padding: 0 82px 9px 0 !important;
text-align: left !important;
}
body#index .tvcmsnew-product .tvmain-title,
body#index .tvcmsfeatured-product .tvmain-title,
body#index .tvcmsbest-seller-product .tvmain-title,
body#index .tvnew-product .tvmain-title,
body#index .tvfeatured-product .tvmain-title,
body#index .tvbest-seller-product .tvmain-title {
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-size: 22px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
text-align: left !important;
}
body#index .tvcmsnew-product .tvcmstitle::after,
body#index .tvcmsfeatured-product .tvcmstitle::after,
body#index .tvcmsbest-seller-product .tvcmstitle::after,
body#index .tvnew-product .tvcmstitle::after,
body#index .tvfeatured-product .tvcmstitle::after,
body#index .tvbest-seller-product .tvcmstitle::after {
content: "" !important;
display: block !important;
width: 70px !important;
height: 1px !important;
margin: 8px 0 0 0 !important;
background: #d9c2a3 !important;
}
body#index .tvcmsnew-product .tv-pagination-wrapper,
body#index .tvcmsfeatured-product .tv-pagination-wrapper,
body#index .tvcmsbest-seller-product .tv-pagination-wrapper,
body#index .tvnew-product .tv-pagination-wrapper,
body#index .tvfeatured-product .tv-pagination-wrapper,
body#index .tvbest-seller-product .tv-pagination-wrapper {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: auto !important;
left: auto !important;
display: flex !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
}
body#index .tvcmsnew-product .tvcmsprev-btn,
body#index .tvcmsnew-product .tvcmsnext-btn,
body#index .tvcmsfeatured-product .tvcmsprev-btn,
body#index .tvcmsfeatured-product .tvcmsnext-btn,
body#index .tvcmsbest-seller-product .tvcmsprev-btn,
body#index .tvcmsbest-seller-product .tvcmsnext-btn,
body#index .tvnew-product .tvcmsprev-btn,
body#index .tvnew-product .tvcmsnext-btn,
body#index .tvfeatured-product .tvcmsprev-btn,
body#index .tvfeatured-product .tvcmsnext-btn,
body#index .tvbest-seller-product .tvcmsprev-btn,
body#index .tvbest-seller-product .tvcmsnext-btn {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
background: #2b2b2b !important;
color: #ffffff !important;
border-radius: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
}
/* =========================================================
KARUZELA - DWIE KOLUMNY JAK LISTING
========================================================= */
body#index .tvcmsnew-product .owl-stage-outer,
body#index .tvcmsfeatured-product .owl-stage-outer,
body#index .tvcmsbest-seller-product .owl-stage-outer,
body#index .tvnew-product .owl-stage-outer,
body#index .tvfeatured-product .owl-stage-outer,
body#index .tvbest-seller-product .owl-stage-outer {
overflow: hidden !important;
padding: 0 !important;
}
body#index .tvcmsnew-product .owl-stage,
body#index .tvcmsfeatured-product .owl-stage,
body#index .tvcmsbest-seller-product .owl-stage,
body#index .tvnew-product .owl-stage,
body#index .tvfeatured-product .owl-stage,
body#index .tvbest-seller-product .owl-stage {
display: flex !important;
align-items: stretch !important;
}
body#index .tvcmsnew-product .owl-item,
body#index .tvcmsfeatured-product .owl-item,
body#index .tvcmsbest-seller-product .owl-item,
body#index .tvnew-product .owl-item,
body#index .tvfeatured-product .owl-item,
body#index .tvbest-seller-product .owl-item {
padding: 0 5px !important;
}
/* =========================================================
KARTA PRODUKTU
========================================================= */
body#index .tvproduct-wrapper {
position: relative !important;
overflow: visible !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 0 10px 0 !important;
text-align: center !important;
}
body#index .tvproduct-wrapper:hover {
box-shadow: none !important;
}
/* =========================================================
MINIATURA - WIĘKSZA, JAK W LISTINGU
========================================================= */
body#index .tvproduct-wrapper .tvproduct-image {
position: relative !important;
z-index: 2 !important;
overflow: visible !important;
height: 178px !important;
min-height: 178px !important;
margin: 0 0 4px 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#index .tvproduct-wrapper .tvproduct-image a,
body#index .tvproduct-wrapper .tvproduct-image .thumbnail,
body#index .tvproduct-wrapper .tvproduct-image .product-thumbnail {
width: 100% !important;
height: 178px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#index .tvproduct-wrapper .tvproduct-image img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: 172px !important;
object-fit: contain !important;
margin: 0 auto !important;
}
/* =========================================================
PRZYCISKI NA MINIATURZE
========================================================= */
body#index .tvproduct-wrapper .tvproduct-btn-color {
position: relative !important;
z-index: 20 !important;
margin: -38px 0 12px 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#index .tvproduct-wrapper .tvproduct-hover-btn {
position: relative !important;
z-index: 25 !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
body#index .tvproduct-wrapper .tvproduct-cart-btn,
body#index .tvproduct-wrapper .tvproduct-quick-btn,
body#index .tvproduct-wrapper .tvproduct-wishlist,
body#index .tvproduct-wrapper .tvcompare-wrapper {
position: relative !important;
z-index: 30 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
body#index .tvproduct-wrapper .tvproduct-cart-btn form {
margin: 0 !important;
padding: 0 !important;
}
body#index .tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart,
body#index .tvproduct-wrapper .tvproduct-quick-btn .quick-view,
body#index .tvproduct-wrapper .tvproduct-wishlist a,
body#index .tvproduct-wrapper .tvcompare-wrapper a {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
border-radius: 50% !important;
background: #d9c2a3 !important;
color: #000000 !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#index .tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#index .tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#index .tvproduct-wrapper .tvproduct-quick-btn .quick-view i,
body#index .tvproduct-wrapper .tvproduct-quick-btn .quick-view .material-icons,
body#index .tvproduct-wrapper .tvproduct-wishlist a i,
body#index .tvproduct-wrapper .tvproduct-wishlist a .material-icons,
body#index .tvproduct-wrapper .tvcompare-wrapper a i,
body#index .tvproduct-wrapper .tvcompare-wrapper a .material-icons {
width: 38px !important;
height: 38px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #000000 !important;
font-size: 22px !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
transform: translateY(1px) !important;
}
body#index .tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart i.out-of-stock,
body#index .tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.out-of-stock {
display: none !important;
}
/* =========================================================
GWIAZDKI / NAZWA / CENA
========================================================= */
body#index .tvproduct-wrapper .tvall-product-star-icon {
margin: 0 0 5px 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body#index .tvproduct-wrapper .star_content {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
body#index .tvproduct-wrapper .star i {
font-size: 13px !important;
}
body#index .tvproduct-wrapper .tvproduct-info-box-wrapper,
body#index .tvproduct-wrapper .product-description {
margin: 0 !important;
padding: 0 !important;
}
body#index .tvproduct-wrapper .tvproduct-name,
body#index .tvproduct-wrapper .product-title {
margin: 0 0 5px 0 !important;
padding: 0 !important;
}
body#index .tvproduct-wrapper .tvproduct-name h6,
body#index .tvproduct-wrapper .product-title h6 {
display: -webkit-box !important;
min-height: 34px !important;
max-height: 34px !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: hidden !important;
color: #000000 !important;
font-size: 10.5px !important;
line-height: 1.18 !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
text-align: center !important;
white-space: normal !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
body#index .tvproduct-wrapper .tv-product-price,
body#index .tvproduct-wrapper .product-price-and-shipping {
margin: 0 !important;
padding: 0 !important;
line-height: 1.15 !important;
}
body#index .tvproduct-wrapper .price {
color: #000000 !important;
font-size: 15px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
}
body#index .tvproduct-wrapper .regular-price {
margin-left: 5px !important;
color: #999999 !important;
font-size: 11px !important;
font-weight: 400 !important;
text-decoration: line-through !important;
}
/* =========================================================
MNIEJSZY ODSTĘP MIĘDZY SEKCJAMI
========================================================= */
body#index .tvcmsnew-product .tvproduct-wrapper,
body#index .tvcmsfeatured-product .tvproduct-wrapper,
body#index .tvcmsbest-seller-product .tvproduct-wrapper {
margin-bottom: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - HOME PRODUKTY MOBILE/TABLET FIX PO PODMIANIE TPL
Moduły:
- tvcmsnewproducts
- tvcmsfeaturedproducts
- tvcmsbestsellerproducts
Działa tylko na stronie głównej.
Nie rusza desktopu od 1200px w górę.
Cel:
- poprawia mobile po użyciu product-grid-view2.tpl
- powiększa miniatury
- przyciski koszyk / podgląd pokazuje na zdjęciu
- wymusza widoczność przycisków na tabletach
- spójność z listingiem kategorii
Wklej na końcu custom.css
========================================================= */
/* =========================================================
TABLET + MOBILE: 0-1199px
========================================================= */
@media (max-width: 1199px) {
/* Sekcje produktów na stronie głównej */
body#index .tvcmsnew-product,
body#index .tvcmsfeatured-product,
body#index .tvcmsbest-seller-product {
overflow: visible !important;
}
body#index .tvcmsnew-product .owl-stage-outer,
body#index .tvcmsfeatured-product .owl-stage-outer,
body#index .tvcmsbest-seller-product .owl-stage-outer {
overflow: hidden !important;
}
body#index .emalia-home-product-card {
position: relative !important;
overflow: visible !important;
background: transparent !important;
box-shadow: none !important;
border: none !important;
text-align: center !important;
}
/* Zdjęcie jako obszar z przyciskami */
body#index .emalia-home-product-card .tvproduct-image {
position: relative !important;
z-index: 2 !important;
overflow: visible !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
body#index .emalia-home-product-card .tvproduct-image a.thumbnail,
body#index .emalia-home-product-card .tvproduct-image .product-thumbnail {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
body#index .emalia-home-product-card .tvproduct-image img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
margin: 0 auto !important;
}
/* Przyciski zawsze widoczne na mobile/tablet */
body#index .emalia-home-product-card .tvproduct-btn-color {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 8px !important;
z-index: 30 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
}
body#index .emalia-home-product-card .tvproduct-hover-btn {
position: relative !important;
z-index: 31 !important;
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 7px !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
}
body#index .emalia-home-product-card .tvproduct-cart-btn,
body#index .emalia-home-product-card .tvproduct-quick-btn,
body#index .emalia-home-product-card .tvproduct-wishlist,
body#index .emalia-home-product-card .tvcompare-wrapper {
position: relative !important;
z-index: 32 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
body#index .emalia-home-product-card .tvproduct-cart-btn form {
margin: 0 !important;
padding: 0 !important;
}
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart,
body#index .emalia-home-product-card .tvproduct-quick-btn .quick-view,
body#index .emalia-home-product-card .tvproduct-wishlist a,
body#index .emalia-home-product-card .tvcompare-wrapper a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
background: #d9c2a3 !important;
color: #000000 !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#index .emalia-home-product-card .tvproduct-quick-btn .quick-view i,
body#index .emalia-home-product-card .tvproduct-quick-btn .quick-view .material-icons,
body#index .emalia-home-product-card .tvproduct-wishlist a i,
body#index .emalia-home-product-card .tvproduct-wishlist a .material-icons,
body#index .emalia-home-product-card .tvcompare-wrapper a i,
body#index .emalia-home-product-card .tvcompare-wrapper a .material-icons {
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #000000 !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
transform: translateY(1px) !important;
}
/* Nie pokazujemy zapasowej ikonki out-of-stock razem z koszykiem */
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart i.out-of-stock,
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons.out-of-stock {
display: none !important;
}
/* Jeżeli ThemeVolty ukrywa przyciski do hovera */
body#index .emalia-home-product-card:hover .tvproduct-btn-color,
body#index .emalia-home-product-card:hover .tvproduct-hover-btn {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
}
/* =========================================================
TABLET POZIOMO / IPAD: 768-1199px
========================================================= */
@media (min-width: 768px) and (max-width: 1199px) {
body#index .emalia-home-product-card .tvproduct-image {
height: 245px !important;
min-height: 245px !important;
}
body#index .emalia-home-product-card .tvproduct-image img {
max-height: 220px !important;
}
body#index .emalia-home-product-card .tvproduct-btn-color {
bottom: 12px !important;
}
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart,
body#index .emalia-home-product-card .tvproduct-quick-btn .quick-view,
body#index .emalia-home-product-card .tvproduct-wishlist a,
body#index .emalia-home-product-card .tvcompare-wrapper a {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
}
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#index .emalia-home-product-card .tvproduct-quick-btn .quick-view i,
body#index .emalia-home-product-card .tvproduct-quick-btn .quick-view .material-icons,
body#index .emalia-home-product-card .tvproduct-wishlist a i,
body#index .emalia-home-product-card .tvproduct-wishlist a .material-icons,
body#index .emalia-home-product-card .tvcompare-wrapper a i,
body#index .emalia-home-product-card .tvcompare-wrapper a .material-icons {
width: 40px !important;
height: 40px !important;
font-size: 22px !important;
}
}
/* =========================================================
MOBILE: do 575px
========================================================= */
@media (max-width: 575px) {
body#index .emalia-home-product-card .tvproduct-image {
height: 185px !important;
min-height: 185px !important;
}
body#index .emalia-home-product-card .tvproduct-image img {
max-height: 165px !important;
}
body#index .emalia-home-product-card .tvproduct-btn-color {
bottom: 10px !important;
}
body#index .emalia-home-product-card .tvproduct-hover-btn {
gap: 6px !important;
}
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart,
body#index .emalia-home-product-card .tvproduct-quick-btn .quick-view,
body#index .emalia-home-product-card .tvproduct-wishlist a,
body#index .emalia-home-product-card .tvcompare-wrapper a {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
}
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart i,
body#index .emalia-home-product-card .tvproduct-cart-btn .tvproduct-add-to-cart .material-icons,
body#index .emalia-home-product-card .tvproduct-quick-btn .quick-view i,
body#index .emalia-home-product-card .tvproduct-quick-btn .quick-view .material-icons,
body#index .emalia-home-product-card .tvproduct-wishlist a i,
body#index .emalia-home-product-card .tvproduct-wishlist a .material-icons,
body#index .emalia-home-product-card .tvcompare-wrapper a i,
body#index .emalia-home-product-card .tvcompare-wrapper a .material-icons {
width: 36px !important;
height: 36px !important;
font-size: 21px !important;
}
/* Nazwa i cena jak na listingu, ale ciaśniej */
body#index .emalia-home-product-card .tvproduct-name h6,
body#index .emalia-home-product-card .product-title h6 {
min-height: 34px !important;
max-height: 34px !important;
font-size: 10.5px !important;
line-height: 1.18 !important;
font-weight: 600 !important;
text-align: center !important;
}
body#index .emalia-home-product-card .price {
font-size: 15px !important;
font-weight: 800 !important;
}
}
/* =========================================================
EMALIA RYBNIK - QUICK VIEW FINAL SAFE v2
Szablon: ThemeVolty v1_ceramic_42
Działa:
- desktop
- tablet poziom
- tablet pion
- mobile
Cel:
- poprawia szybki podgląd bez ruszania sticky buyboxa
- nie zmienia .product-actions poza modalem quickview
- ukrywa produkty powiązane w quickview
- poprawia układ zdjęcia i danych produktu
- na mobile zostawia tylko koszyk w kafelkach produktów
Wklej na końcu custom.css po usunięciu starszych bloków QUICK VIEW
========================================================= */
/* =========================================================
1. MOBILE - W KAFELKACH ZOSTAJE TYLKO KOSZYK
Dotyczy: home + listingi
========================================================= */
@media (max-width: 575px) {
/* HOME - ukryj szybki podgląd i porównanie */
body#index .tvproduct-wrapper .tvproduct-quick-btn,
body#index .tvproduct-wrapper .quick-view,
body#index .tvproduct-wrapper .tvcompare-wrapper,
body#index .tvproduct-wrapper .compare,
body#index .tvproduct-wrapper .tvproduct-compare,
/* LISTINGI - ukryj szybki podgląd i porównanie */
body#category #products .tvproduct-wrapper .tvproduct-quick-btn,
body#category #products .tvproduct-wrapper .quick-view,
body#category #products .tvproduct-wrapper .tvcompare-wrapper,
body#category #products .tvproduct-wrapper .compare,
body#category #products .tvproduct-wrapper .tvproduct-compare,
body#search #products .tvproduct-wrapper .tvproduct-quick-btn,
body#search #products .tvproduct-wrapper .quick-view,
body#search #products .tvproduct-wrapper .tvcompare-wrapper,
body#search #products .tvproduct-wrapper .compare,
body#search #products .tvproduct-wrapper .tvproduct-compare,
body#prices-drop #products .tvproduct-wrapper .tvproduct-quick-btn,
body#prices-drop #products .tvproduct-wrapper .quick-view,
body#prices-drop #products .tvproduct-wrapper .tvcompare-wrapper,
body#prices-drop #products .tvproduct-wrapper .compare,
body#prices-drop #products .tvproduct-wrapper .tvproduct-compare,
body#new-products #products .tvproduct-wrapper .tvproduct-quick-btn,
body#new-products #products .tvproduct-wrapper .quick-view,
body#new-products #products .tvproduct-wrapper .tvcompare-wrapper,
body#new-products #products .tvproduct-wrapper .compare,
body#new-products #products .tvproduct-wrapper .tvproduct-compare {
display: none !important;
}
/* Koszyk zostaje widoczny i wycentrowany */
body#index .tvproduct-wrapper .tvproduct-hover-btn,
body#category #products .tvproduct-wrapper .tvproduct-hover-btn,
body#search #products .tvproduct-wrapper .tvproduct-hover-btn,
body#prices-drop #products .tvproduct-wrapper .tvproduct-hover-btn,
body#new-products #products .tvproduct-wrapper .tvproduct-hover-btn {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 0 !important;
}
body#index .tvproduct-wrapper .tvproduct-cart-btn,
body#category #products .tvproduct-wrapper .tvproduct-cart-btn,
body#search #products .tvproduct-wrapper .tvproduct-cart-btn,
body#prices-drop #products .tvproduct-wrapper .tvproduct-cart-btn,
body#new-products #products .tvproduct-wrapper .tvproduct-cart-btn {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
}
/* =========================================================
2. QUICK VIEW - BAZA MODALA
Tylko modal szybkiego podglądu
========================================================= */
.quickview .modal-dialog,
#quickview-modal .modal-dialog {
width: calc(100% - 48px) !important;
max-width: 980px !important;
margin: 32px auto !important;
}
.quickview .modal-content,
#quickview-modal .modal-content {
border: none !important;
border-radius: 10px !important;
background: #ffffff !important;
overflow: hidden !important;
box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22) !important;
}
.quickview .modal-body,
#quickview-modal .modal-body {
max-height: calc(100vh - 80px) !important;
overflow-y: auto !important;
padding: 30px !important;
background: #ffffff !important;
}
/* Ważne: nie robimy grid na modal-body, tylko porządkujemy istniejący .row */
.quickview .modal-body > .row,
#quickview-modal .modal-body > .row {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
margin-left: -12px !important;
margin-right: -12px !important;
}
.quickview .tvquickview-prod-img,
.quickview .tvquickview-prod-details,
#quickview-modal .tvquickview-prod-img,
#quickview-modal .tvquickview-prod-details {
padding-left: 12px !important;
padding-right: 12px !important;
}
/* =========================================================
3. QUICK VIEW - UKRYCIE ELEMENTÓW, KTÓRE ROZWALAJĄ MODAL
========================================================= */
/* Produkty powiązane nie powinny być w szybkim podglądzie */
.quickview .emalia-related-products,
#quickview-modal .emalia-related-products {
display: none !important;
}
/* Social / dodatkowe bloki też nie są potrzebne w quick view */
.quickview .product-additional-info,
.quickview .tvproduct-stock-social,
.quickview .ps-share-buttons,
#quickview-modal .product-additional-info,
#quickview-modal .tvproduct-stock-social,
#quickview-modal .ps-share-buttons {
display: none !important;
}
/* Porównanie w quickview też ukrywamy, zostaje zakup */
.quickview .tvproduct-wishlist-compare,
.quickview .tvproduct-wishlist-compare .tvcompare-wrapper,
#quickview-modal .tvproduct-wishlist-compare,
#quickview-modal .tvproduct-wishlist-compare .tvcompare-wrapper {
display: none !important;
}
/* =========================================================
4. QUICK VIEW - ZDJĘCIA
========================================================= */
.quickview .images-container,
.quickview .product-cover,
.quickview .tvproduct-image-slider,
#quickview-modal .images-container,
#quickview-modal .product-cover,
#quickview-modal .tvproduct-image-slider {
text-align: center !important;
max-width: 100% !important;
}
.quickview .product-cover,
#quickview-modal .product-cover {
width: 100% !important;
max-width: 100% !important;
float: none !important;
}
.quickview .tvvertical-slider,
#quickview-modal .tvvertical-slider {
display: none !important;
}
.quickview .js-qv-product-cover,
.quickview .product-cover img,
.quickview .images-container img,
#quickview-modal .js-qv-product-cover,
#quickview-modal .product-cover img,
#quickview-modal .images-container img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
margin: 0 auto !important;
}
/* =========================================================
5. QUICK VIEW - TEKSTY / CENA / OPIS
========================================================= */
.quickview .tvquickview-main-title,
.quickview .h1,
.quickview h1,
#quickview-modal .tvquickview-main-title,
#quickview-modal .h1,
#quickview-modal h1 {
margin-top: 0 !important;
margin-bottom: 12px !important;
color: #000000 !important;
font-weight: 700 !important;
line-height: 1.22 !important;
}
.quickview .tvall-product-star-icon,
#quickview-modal .tvall-product-star-icon {
margin-bottom: 12px !important;
}
.quickview .product-prices,
#quickview-modal .product-prices {
margin-top: 8px !important;
margin-bottom: 14px !important;
}
.quickview .current-price .price,
.quickview .product-price .price,
#quickview-modal .current-price .price,
#quickview-modal .product-price .price {
color: #000000 !important;
font-weight: 800 !important;
line-height: 1.15 !important;
}
.quickview #product-description-short,
#quickview-modal #product-description-short {
margin: 12px 0 16px 0 !important;
color: #333333 !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.quickview #product-description-short p,
#quickview-modal #product-description-short p {
margin-bottom: 0 !important;
}
/* =========================================================
6. QUICK VIEW - ILOŚĆ + KOSZYK
========================================================= */
.quickview .product-actions,
#quickview-modal .product-actions {
margin-top: 14px !important;
}
.quickview .product-quantity,
#quickview-modal .product-quantity {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 12px !important;
margin-bottom: 14px !important;
}
.quickview .product-quantity .control-label,
#quickview-modal .product-quantity .control-label {
margin: 0 !important;
font-weight: 700 !important;
}
.quickview .qty,
#quickview-modal .qty {
margin: 0 !important;
}
.quickview .bootstrap-touchspin,
#quickview-modal .bootstrap-touchspin {
max-width: 115px !important;
}
.quickview .bootstrap-touchspin input,
#quickview-modal .bootstrap-touchspin input {
height: 42px !important;
text-align: center !important;
}
.quickview .tv-product-page-add-to-cart-wrapper,
#quickview-modal .tv-product-page-add-to-cart-wrapper {
display: block !important;
margin-top: 8px !important;
}
.quickview .tvcart-btn-model,
#quickview-modal .tvcart-btn-model {
width: 100% !important;
}
.quickview .add-to-cart,
#quickview-modal .add-to-cart {
min-height: 46px !important;
padding: 0 26px !important;
background: #d9c2a3 !important;
color: #000000 !important;
border: none !important;
font-weight: 800 !important;
text-transform: uppercase !important;
}
.quickview .add-to-cart:hover,
#quickview-modal .add-to-cart:hover {
background: #2b2b2b !important;
color: #ffffff !important;
}
/* =========================================================
7. QUICK VIEW - PRZYCISK ZAMKNIJ
========================================================= */
.quickview .modal-header .close,
#quickview-modal .modal-header .close,
.quickview button.close,
#quickview-modal button.close {
position: absolute !important;
top: 12px !important;
right: 12px !important;
z-index: 50 !important;
width: 38px !important;
height: 38px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #ffffff !important;
color: #000000 !important;
border: none !important;
border-radius: 50% !important;
opacity: 1 !important;
text-shadow: none !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
}
.quickview .modal-header .close:hover,
#quickview-modal .modal-header .close:hover,
.quickview button.close:hover,
#quickview-modal button.close:hover {
background: #2b2b2b !important;
color: #ffffff !important;
}
/* =========================================================
8. DESKTOP
========================================================= */
@media (min-width: 1200px) {
.quickview .modal-dialog,
#quickview-modal .modal-dialog {
max-width: 1020px !important;
}
.quickview .tvquickview-prod-img,
#quickview-modal .tvquickview-prod-img {
flex: 0 0 46% !important;
max-width: 46% !important;
}
.quickview .tvquickview-prod-details,
#quickview-modal .tvquickview-prod-details {
flex: 0 0 54% !important;
max-width: 54% !important;
}
.quickview .js-qv-product-cover,
.quickview .product-cover img,
#quickview-modal .js-qv-product-cover,
#quickview-modal .product-cover img {
max-height: 500px !important;
}
.quickview .tvquickview-main-title,
.quickview .h1,
.quickview h1,
#quickview-modal .tvquickview-main-title,
#quickview-modal .h1,
#quickview-modal h1 {
font-size: 27px !important;
}
.quickview .current-price .price,
.quickview .product-price .price,
#quickview-modal .current-price .price,
#quickview-modal .product-price .price {
font-size: 26px !important;
}
}
/* =========================================================
9. TABLET POZIOMO
========================================================= */
@media (min-width: 992px) and (max-width: 1199px) {
.quickview .modal-dialog,
#quickview-modal .modal-dialog {
width: calc(100% - 40px) !important;
max-width: 920px !important;
margin: 28px auto !important;
}
.quickview .modal-body,
#quickview-modal .modal-body {
padding: 28px !important;
max-height: calc(100vh - 70px) !important;
}
.quickview .tvquickview-prod-img,
#quickview-modal .tvquickview-prod-img {
flex: 0 0 44% !important;
max-width: 44% !important;
}
.quickview .tvquickview-prod-details,
#quickview-modal .tvquickview-prod-details {
flex: 0 0 56% !important;
max-width: 56% !important;
}
.quickview .js-qv-product-cover,
.quickview .product-cover img,
#quickview-modal .js-qv-product-cover,
#quickview-modal .product-cover img {
max-height: 420px !important;
}
.quickview .tvquickview-main-title,
.quickview .h1,
.quickview h1,
#quickview-modal .tvquickview-main-title,
#quickview-modal .h1,
#quickview-modal h1 {
font-size: 24px !important;
}
}
/* =========================================================
10. TABLET PION
========================================================= */
@media (min-width: 576px) and (max-width: 991px) {
.quickview .modal-dialog,
#quickview-modal .modal-dialog {
width: calc(100% - 36px) !important;
max-width: 720px !important;
margin: 24px auto !important;
}
.quickview .modal-body,
#quickview-modal .modal-body {
padding: 26px !important;
max-height: calc(100vh - 64px) !important;
}
.quickview .tvquickview-prod-img,
.quickview .tvquickview-prod-details,
#quickview-modal .tvquickview-prod-img,
#quickview-modal .tvquickview-prod-details {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.quickview .tvquickview-prod-img,
#quickview-modal .tvquickview-prod-img {
margin-bottom: 18px !important;
}
.quickview .js-qv-product-cover,
.quickview .product-cover img,
#quickview-modal .js-qv-product-cover,
#quickview-modal .product-cover img {
max-height: 360px !important;
}
.quickview .tvquickview-main-title,
.quickview .h1,
.quickview h1,
#quickview-modal .tvquickview-main-title,
#quickview-modal .h1,
#quickview-modal h1 {
font-size: 23px !important;
}
}
/* =========================================================
11. MOBILE QUICK VIEW
========================================================= */
@media (max-width: 575px) {
.quickview .modal-dialog,
#quickview-modal .modal-dialog {
width: calc(100% - 24px) !important;
max-width: none !important;
margin: 16px auto !important;
}
.quickview .modal-body,
#quickview-modal .modal-body {
padding: 22px 16px 20px 16px !important;
max-height: calc(100vh - 42px) !important;
}
.quickview .tvquickview-prod-img,
.quickview .tvquickview-prod-details,
#quickview-modal .tvquickview-prod-img,
#quickview-modal .tvquickview-prod-details {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.quickview .tvquickview-prod-img,
#quickview-modal .tvquickview-prod-img {
margin-bottom: 14px !important;
}
.quickview .js-qv-product-cover,
.quickview .product-cover img,
#quickview-modal .js-qv-product-cover,
#quickview-modal .product-cover img {
max-height: 250px !important;
}
.quickview .tvquickview-main-title,
.quickview .h1,
.quickview h1,
#quickview-modal .tvquickview-main-title,
#quickview-modal .h1,
#quickview-modal h1 {
font-size: 21px !important;
}
.quickview #product-description-short,
#quickview-modal #product-description-short {
font-size: 13px !important;
}
.quickview .add-to-cart,
#quickview-modal .add-to-cart {
width: 100% !important;
}
}
/* =========================================================
EMALIA RYBNIK - QUICK VIEW FINALNE DOPIESZCZENIE v3
Szablon: ThemeVolty v1_ceramic_42
Działa:
- desktop
- tablet pion/poziom
- mobile
Cel:
- modal quick view zawsze nad strzałkami karuzeli
- lepszy przycisk zamknięcia
- bardziej kompaktowy tablet pionowy
- NIE rusza sticky buyboxa na karcie produktu
Wklej na końcu custom.css
========================================================= */
/* =========================================================
1. QUICK VIEW ZAWSZE NAD STRZAŁKAMI / SLIDERAMI
========================================================= */
.modal.quickview,
#quickview-modal,
.quickview.modal {
z-index: 20050 !important;
}
.modal-backdrop,
.modal-backdrop.show {
z-index: 20040 !important;
background-color: rgba(0, 0, 0, 0.62) !important;
opacity: 1 !important;
}
/* Strzałki home nie mogą wychodzić nad modal */
body.modal-open .tv-pagination-wrapper,
body.modal-open .tvcmsprev-btn,
body.modal-open .tvcmsnext-btn,
body.modal-open .tvmain-slider-prev,
body.modal-open .tvmain-slider-next {
z-index: 1 !important;
}
/* =========================================================
2. QUICK VIEW - PRZYCISK ZAMKNIJ
========================================================= */
.quickview button.close,
#quickview-modal button.close,
.quickview .modal-header .close,
#quickview-modal .modal-header .close {
top: 16px !important;
right: 16px !important;
width: 40px !important;
height: 40px !important;
background: #ffffff !important;
color: #000000 !important;
border-radius: 50% !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
font-size: 0 !important;
line-height: 1 !important;
}
.quickview button.close::before,
#quickview-modal button.close::before,
.quickview .modal-header .close::before,
#quickview-modal .modal-header .close::before {
content: "×" !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
color: #000000 !important;
font-size: 30px !important;
line-height: 1 !important;
font-weight: 400 !important;
}
.quickview button.close:hover,
#quickview-modal button.close:hover,
.quickview .modal-header .close:hover,
#quickview-modal .modal-header .close:hover {
background: #2b2b2b !important;
}
.quickview button.close:hover::before,
#quickview-modal button.close:hover::before,
.quickview .modal-header .close:hover::before,
#quickview-modal .modal-header .close:hover::before {
color: #ffffff !important;
}
/* =========================================================
3. QUICK VIEW - TABLET PION, BARDZIEJ KOMPAKTOWO
========================================================= */
@media (min-width: 576px) and (max-width: 991px) {
.quickview .modal-dialog,
#quickview-modal .modal-dialog {
width: calc(100% - 32px) !important;
max-width: 680px !important;
margin: 20px auto !important;
}
.quickview .modal-body,
#quickview-modal .modal-body {
padding: 22px !important;
max-height: calc(100vh - 50px) !important;
}
.quickview .tvquickview-prod-img,
#quickview-modal .tvquickview-prod-img {
margin-bottom: 14px !important;
}
.quickview .js-qv-product-cover,
.quickview .product-cover img,
#quickview-modal .js-qv-product-cover,
#quickview-modal .product-cover img {
max-height: 320px !important;
}
.quickview .tvquickview-main-title,
.quickview h1,
#quickview-modal .tvquickview-main-title,
#quickview-modal h1 {
font-size: 22px !important;
line-height: 1.2 !important;
margin-bottom: 8px !important;
}
.quickview #product-description-short,
#quickview-modal #product-description-short {
margin-top: 10px !important;
margin-bottom: 12px !important;
}
.quickview .product-actions,
#quickview-modal .product-actions {
margin-top: 10px !important;
}
}
/* =========================================================
4. QUICK VIEW - MOBILE, BEZPIECZNE DOMKNIĘCIE
========================================================= */
@media (max-width: 575px) {
.quickview button.close,
#quickview-modal button.close,
.quickview .modal-header .close,
#quickview-modal .modal-header .close {
top: 10px !important;
right: 10px !important;
width: 38px !important;
height: 38px !important;
}
.quickview button.close::before,
#quickview-modal button.close::before,
.quickview .modal-header .close::before,
#quickview-modal .modal-header .close::before {
width: 38px !important;
height: 38px !important;
font-size: 28px !important;
}
}
/* =========================================================
EMALIA RYBNIK - QUICK VIEW POPRAWKA X + LICZNIK ILOŚCI
Szablon: ThemeVolty v1_ceramic_42
Działa tylko w szybkim podglądzie produktu.
Cel:
- usuwa podwójny znak X
- poprawia przycisk zamykania modala
- porządkuje licznik ilości + / -
- NIE rusza sticky buyboxa na karcie produktu
Wklej na końcu custom.css
========================================================= */
/* =========================================================
1. QUICK VIEW - POPRAWKA PRZYCISKU ZAMKNIJ
========================================================= */
.quickview button.close,
#quickview-modal button.close,
.quickview .modal-header .close,
#quickview-modal .modal-header .close {
position: absolute !important;
top: 16px !important;
right: 16px !important;
z-index: 999 !important;
width: 42px !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
background: #ffffff !important;
color: transparent !important;
border: none !important;
border-radius: 50% !important;
opacity: 1 !important;
text-shadow: none !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
font-size: 0 !important;
line-height: 1 !important;
overflow: hidden !important;
}
/* Ukrycie oryginalnego X / spanów / ikon, żeby nie było XX */
.quickview button.close span,
#quickview-modal button.close span,
.quickview .modal-header .close span,
#quickview-modal .modal-header .close span,
.quickview button.close i,
#quickview-modal button.close i,
.quickview .modal-header .close i,
#quickview-modal .modal-header .close i,
.quickview button.close .material-icons,
#quickview-modal button.close .material-icons,
.quickview .modal-header .close .material-icons,
#quickview-modal .modal-header .close .material-icons {
display: none !important;
}
/* Jeden, czysty znak zamknięcia */
.quickview button.close::before,
#quickview-modal button.close::before,
.quickview .modal-header .close::before,
#quickview-modal .modal-header .close::before {
content: "×" !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
color: #000000 !important;
font-size: 30px !important;
line-height: 1 !important;
font-weight: 400 !important;
transform: translateY(-1px) !important;
}
.quickview button.close:hover,
#quickview-modal button.close:hover,
.quickview .modal-header .close:hover,
#quickview-modal .modal-header .close:hover {
background: #2b2b2b !important;
}
.quickview button.close:hover::before,
#quickview-modal button.close:hover::before,
.quickview .modal-header .close:hover::before,
#quickview-modal .modal-header .close:hover::before {
color: #ffffff !important;
}
/* =========================================================
2. QUICK VIEW - LICZNIK ILOŚCI
========================================================= */
.quickview .product-quantity,
#quickview-modal .product-quantity {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
margin: 18px 0 18px 0 !important;
}
.quickview .product-quantity .control-label,
#quickview-modal .product-quantity .control-label {
display: none !important;
}
.quickview .qty,
#quickview-modal .qty {
display: flex !important;
align-items: center !important;
margin: 0 !important;
}
.quickview .bootstrap-touchspin,
#quickview-modal .bootstrap-touchspin {
display: flex !important;
align-items: stretch !important;
width: auto !important;
max-width: none !important;
height: 46px !important;
box-shadow: none !important;
}
.quickview .bootstrap-touchspin input[name="qty"],
#quickview-modal .bootstrap-touchspin input[name="qty"],
.quickview input#quantity_wanted,
#quickview-modal input#quantity_wanted {
width: 58px !important;
height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #e6e0d8 !important;
border-right: none !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #000000 !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 46px !important;
text-align: center !important;
box-shadow: none !important;
}
.quickview .bootstrap-touchspin .input-group-btn-vertical,
#quickview-modal .bootstrap-touchspin .input-group-btn-vertical {
display: flex !important;
flex-direction: column !important;
width: 38px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #e6e0d8 !important;
background: #ffffff !important;
box-shadow: none !important;
}
.quickview .bootstrap-touchspin .btn-touchspin,
#quickview-modal .bootstrap-touchspin .btn-touchspin {
width: 38px !important;
height: 23px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #000000 !important;
font-size: 0 !important;
line-height: 1 !important;
box-shadow: none !important;
}
.quickview .bootstrap-touchspin .btn-touchspin:first-child,
#quickview-modal .bootstrap-touchspin .btn-touchspin:first-child {
border-bottom: 1px solid #e6e0d8 !important;
}
.quickview .bootstrap-touchspin .bootstrap-touchspin-up::before,
#quickview-modal .bootstrap-touchspin .bootstrap-touchspin-up::before {
content: "+" !important;
color: #000000 !important;
font-size: 18px !important;
line-height: 1 !important;
font-weight: 400 !important;
}
.quickview .bootstrap-touchspin .bootstrap-touchspin-down::before,
#quickview-modal .bootstrap-touchspin .bootstrap-touchspin-down::before {
content: "−" !important;
color: #000000 !important;
font-size: 20px !important;
line-height: 1 !important;
font-weight: 400 !important;
}
.quickview .bootstrap-touchspin .btn-touchspin:hover,
#quickview-modal .bootstrap-touchspin .btn-touchspin:hover {
background: #f7f2eb !important;
}
/* =========================================================
3. QUICK VIEW - PRZYCISK DODAJ DO KOSZYKA POD LICZNIKIEM
========================================================= */
.quickview .tv-product-page-add-to-cart-wrapper,
#quickview-modal .tv-product-page-add-to-cart-wrapper {
margin-top: 10px !important;
}
.quickview .tvcart-btn-model,
#quickview-modal .tvcart-btn-model {
display: inline-flex !important;
}
.quickview .add-to-cart,
#quickview-modal .add-to-cart {
min-width: 230px !important;
min-height: 48px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 28px !important;
background: #d9c2a3 !important;
color: #000000 !important;
border: none !important;
border-radius: 3px !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}
.quickview .add-to-cart i,
#quickview-modal .add-to-cart i,
.quickview .add-to-cart .material-icons,
#quickview-modal .add-to-cart .material-icons {
color: inherit !important;
font-size: 19px !important;
line-height: 1 !important;
margin: 0 !important;
}
.quickview .add-to-cart:hover,
#quickview-modal .add-to-cart:hover {
background: #2b2b2b !important;
color: #ffffff !important;
}
/* =========================================================
4. TABLET / MOBILE
========================================================= */
@media (max-width: 991px) {
.quickview .product-quantity,
#quickview-modal .product-quantity {
justify-content: flex-start !important;
margin-top: 14px !important;
margin-bottom: 14px !important;
}
}
@media (max-width: 575px) {
.quickview button.close,
#quickview-modal button.close,
.quickview .modal-header .close,
#quickview-modal .modal-header .close {
top: 10px !important;
right: 10px !important;
width: 38px !important;
height: 38px !important;
}
.quickview button.close::before,
#quickview-modal button.close::before,
.quickview .modal-header .close::before,
#quickview-modal .modal-header .close::before {
width: 38px !important;
height: 38px !important;
font-size: 28px !important;
}
.quickview .add-to-cart,
#quickview-modal .add-to-cart {
width: 100% !important;
min-width: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - QUICK VIEW FIX X + LICZNIK v4
Szablon: ThemeVolty v1_ceramic_42
Działa tylko w szybkim podglądzie.
Cel:
- X idealnie w środku przycisku zamknięcia
- usuwa podwójne ++ / --
- poprawia wygląd licznika ilości
- NIE rusza sticky buyboxa na karcie produktu
Wklej na końcu custom.css
========================================================= */
/* =========================================================
1. QUICK VIEW - X ZAMKNIĘCIA IDEALNIE W ŚRODKU
========================================================= */
.quickview button.close,
#quickview-modal button.close,
.quickview .modal-header .close,
#quickview-modal .modal-header .close {
position: absolute !important;
top: 14px !important;
right: 14px !important;
z-index: 9999 !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
background: #ffffff !important;
color: transparent !important;
border: none !important;
border-radius: 50% !important;
opacity: 1 !important;
text-shadow: none !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}
/* Ukrywamy wszystko, co motyw wkłada do środka przycisku */
.quickview button.close > *,
#quickview-modal button.close > *,
.quickview .modal-header .close > *,
#quickview-modal .modal-header .close > * {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
/* Usuwamy możliwe pseudo-elementy z motywu */
.quickview button.close::after,
#quickview-modal button.close::after,
.quickview .modal-header .close::after,
#quickview-modal .modal-header .close::after {
display: none !important;
content: none !important;
}
/* Jeden czysty X */
.quickview button.close::before,
#quickview-modal button.close::before,
.quickview .modal-header .close::before,
#quickview-modal .modal-header .close::before {
content: "×" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
display: block !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 34px !important;
font-weight: 400 !important;
line-height: 1 !important;
transform: translate(-50%, -53%) !important;
}
.quickview button.close:hover,
#quickview-modal button.close:hover,
.quickview .modal-header .close:hover,
#quickview-modal .modal-header .close:hover {
background: #2b2b2b !important;
}
.quickview button.close:hover::before,
#quickview-modal button.close:hover::before,
.quickview .modal-header .close:hover::before,
#quickview-modal .modal-header .close:hover::before {
color: #ffffff !important;
}
/* =========================================================
2. QUICK VIEW - LICZNIK ILOŚCI, USUNIĘCIE ++ / --
========================================================= */
.quickview .product-quantity,
#quickview-modal .product-quantity {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
margin: 18px 0 18px 0 !important;
}
.quickview .product-quantity .control-label,
#quickview-modal .product-quantity .control-label {
display: none !important;
}
.quickview .qty,
#quickview-modal .qty {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
.quickview .bootstrap-touchspin,
#quickview-modal .bootstrap-touchspin {
display: flex !important;
align-items: stretch !important;
width: 98px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
/* Pole ilości */
.quickview .bootstrap-touchspin input[name="qty"],
#quickview-modal .bootstrap-touchspin input[name="qty"],
.quickview input#quantity_wanted,
#quickview-modal input#quantity_wanted {
width: 58px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #e6e0d8 !important;
border-right: none !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #000000 !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 46px !important;
text-align: center !important;
box-shadow: none !important;
}
/* Kolumna plus/minus */
.quickview .bootstrap-touchspin .input-group-btn-vertical,
#quickview-modal .bootstrap-touchspin .input-group-btn-vertical {
display: flex !important;
flex-direction: column !important;
width: 40px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #e6e0d8 !important;
background: #ffffff !important;
box-shadow: none !important;
}
/* Przyciski plus/minus */
.quickview .bootstrap-touchspin .btn-touchspin,
#quickview-modal .bootstrap-touchspin .btn-touchspin,
.quickview .bootstrap-touchspin .bootstrap-touchspin-up,
.quickview .bootstrap-touchspin .bootstrap-touchspin-down,
#quickview-modal .bootstrap-touchspin .bootstrap-touchspin-up,
#quickview-modal .bootstrap-touchspin .bootstrap-touchspin-down {
position: relative !important;
width: 40px !important;
height: 23px !important;
min-width: 40px !important;
min-height: 23px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
background: #ffffff !important;
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
}
.quickview .bootstrap-touchspin .btn-touchspin:first-child,
#quickview-modal .bootstrap-touchspin .btn-touchspin:first-child,
.quickview .bootstrap-touchspin .bootstrap-touchspin-up,
#quickview-modal .bootstrap-touchspin .bootstrap-touchspin-up {
border-bottom: 1px solid #e6e0d8 !important;
}
/* Ukrycie ikon motywu wewnątrz przycisków, żeby nie było ++ / -- */
.quickview .bootstrap-touchspin .btn-touchspin i,
#quickview-modal .bootstrap-touchspin .btn-touchspin i,
.quickview .bootstrap-touchspin .btn-touchspin .material-icons,
#quickview-modal .bootstrap-touchspin .btn-touchspin .material-icons,
.quickview .bootstrap-touchspin .touchspin-up,
.quickview .bootstrap-touchspin .touchspin-down,
#quickview-modal .bootstrap-touchspin .touchspin-up,
#quickview-modal .bootstrap-touchspin .touchspin-down {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
/* Usuwamy stare pseudo-elementy, jeżeli były z wcześniejszych poprawek */
.quickview .bootstrap-touchspin .bootstrap-touchspin-up::before,
.quickview .bootstrap-touchspin .bootstrap-touchspin-down::before,
#quickview-modal .bootstrap-touchspin .bootstrap-touchspin-up::before,
#quickview-modal .bootstrap-touchspin .bootstrap-touchspin-down::before,
.quickview .bootstrap-touchspin .btn-touchspin::before,
#quickview-modal .bootstrap-touchspin .btn-touchspin::before {
display: none !important;
content: none !important;
}
/* Jeden plus */
.quickview .bootstrap-touchspin .bootstrap-touchspin-up::after,
#quickview-modal .bootstrap-touchspin .bootstrap-touchspin-up::after {
content: "+" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
color: #000000 !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1 !important;
transform: translate(-50%, -52%) !important;
}
/* Jeden minus */
.quickview .bootstrap-touchspin .bootstrap-touchspin-down::after,
#quickview-modal .bootstrap-touchspin .bootstrap-touchspin-down::after {
content: "−" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
color: #000000 !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 1 !important;
transform: translate(-50%, -56%) !important;
}
.quickview .bootstrap-touchspin .btn-touchspin:hover,
#quickview-modal .bootstrap-touchspin .btn-touchspin:hover {
background: #f7f2eb !important;
}
/* =========================================================
3. QUICK VIEW - PRZYCISK DODAJ DO KOSZYKA
========================================================= */
.quickview .tv-product-page-add-to-cart-wrapper,
#quickview-modal .tv-product-page-add-to-cart-wrapper {
margin-top: 10px !important;
}
.quickview .tvcart-btn-model,
#quickview-modal .tvcart-btn-model {
display: inline-flex !important;
}
.quickview .add-to-cart,
#quickview-modal .add-to-cart {
min-width: 230px !important;
min-height: 48px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 28px !important;
background: #d9c2a3 !important;
color: #000000 !important;
border: none !important;
border-radius: 3px !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}
.quickview .add-to-cart i,
#quickview-modal .add-to-cart i,
.quickview .add-to-cart .material-icons,
#quickview-modal .add-to-cart .material-icons {
color: inherit !important;
font-size: 19px !important;
line-height: 1 !important;
margin: 0 !important;
}
.quickview .add-to-cart:hover,
#quickview-modal .add-to-cart:hover {
background: #2b2b2b !important;
color: #ffffff !important;
}
/* =========================================================
4. MOBILE / TABLET
========================================================= */
@media (max-width: 575px) {
.quickview button.close,
#quickview-modal button.close,
.quickview .modal-header .close,
#quickview-modal .modal-header .close {
top: 10px !important;
right: 10px !important;
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
}
.quickview button.close::before,
#quickview-modal button.close::before,
.quickview .modal-header .close::before,
#quickview-modal .modal-header .close::before {
font-size: 30px !important;
}
.quickview .add-to-cart,
#quickview-modal .add-to-cart {
width: 100% !important;
min-width: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - NAPRAWA MODALA DODANIA DO KOSZYKA
Szablon: ThemeVolty v1_ceramic_42
Problem:
- po zmianach quick view globalny .modal-backdrop blokował modal koszyka
- szare tło zostawało nad oknem i nie dało się zamknąć komunikatu
Działa:
- modal "Produkt dodany do koszyka"
- quick view dalej zostaje nad stroną
Wklej na końcu custom.css
========================================================= */
/* Przywrócenie normalnej warstwy tła dla modali Bootstrap */
.modal-backdrop,
.modal-backdrop.show {
z-index: 1040 !important;
background-color: rgba(0, 0, 0, 0.62) !important;
opacity: 1 !important;
}
/* Modal dodania do koszyka musi być zawsze nad tłem */
#blockcart-modal,
#blockcart-modal.modal,
.modal#blockcart-modal {
z-index: 1065 !important;
}
/* Quick view również nad tłem, ale bez blokowania koszyka */
.quickview.modal,
.modal.quickview,
#quickview-modal {
z-index: 1060 !important;
}
/* Przycisk zamykania w modalu koszyka zawsze klikalny */
#blockcart-modal .close,
#blockcart-modal button.close {
position: relative !important;
z-index: 10 !important;
pointer-events: auto !important;
cursor: pointer !important;
}
/* Modal koszyka ma przyjmować kliknięcia */
#blockcart-modal .modal-dialog,
#blockcart-modal .modal-content {
position: relative !important;
z-index: 2 !important;
pointer-events: auto !important;
}
/* Gdy modal jest otwarty, strona pod spodem nie przechwytuje kliknięć */
body.modal-open #blockcart-modal {
pointer-events: auto !important;
}
cat >> custom.css <<'CSS'
/* =========================================================
EMALIA RYBNIK - FINALNE FLAGI PRODUKTÓW NA STRONIE GŁÓWNEJ
Moduły:
- ThemeVolty New Product / tvcmsnewproducts
- ThemeVolty Featured Product / tvcmsfeaturedproducts
- ThemeVolty Best Seller / tvcmsbestsellerproducts
Działa desktop + tablet + mobile.
Cel:
- pokazuje flagi produktów na stronie głównej jak na listingach
- NOWOŚĆ / PROMOCJA w lewym górnym rogu zdjęcia
- nie rusza quick view, koszyka ani sticky buyboxa
Wklejone na końcu custom.css po usunięciu bloku ukrywającego flagi
========================================================= */
body#index .emalia-home-product-card,
body#index .tvproduct-wrapper {
position: relative !important;
overflow: visible !important;
}
body#index .emalia-home-product-card .tvproduct-image,
body#index .tvproduct-wrapper .tvproduct-image {
position: relative !important;
overflow: visible !important;
}
/* Kontener flag */
body#index .emalia-home-product-card .tvproduct-flags,
body#index .emalia-home-product-card .product-flags,
body#index .tvproduct-wrapper .tvproduct-flags,
body#index .tvproduct-wrapper .product-flags {
position: absolute !important;
top: 4px !important;
left: 6px !important;
right: auto !important;
bottom: auto !important;
z-index: 25 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 5px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: none !important;
text-align: left !important;
}
/* Pojedyncza flaga */
body#index .emalia-home-product-card .tvproduct-flags li,
body#index .emalia-home-product-card .product-flags li,
body#index .tvproduct-wrapper .tvproduct-flags li,
body#index .tvproduct-wrapper .product-flags li,
body#index .emalia-home-product-card .product-flag,
body#index .tvproduct-wrapper .product-flag {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 58px !important;
height: 22px !important;
margin: 0 !important;
padding: 0 10px !important;
background: #ffffff !important;
color: #008b8b !important;
border: 1px solid #008b8b !important;
border-radius: 4px !important;
font-size: 10px !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: 0.4px !important;
text-transform: uppercase !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
box-shadow: none !important;
}
/* NOWOŚĆ */
body#index .emalia-home-product-card .product-flag.new,
body#index .tvproduct-wrapper .product-flag.new,
body#index .emalia-home-product-card .tvproduct-online-new-wrapper li,
body#index .tvproduct-wrapper .tvproduct-online-new-wrapper li {
color: #008b8b !important;
border-color: #008b8b !important;
}
/* PROMOCJA */
body#index .emalia-home-product-card .product-flag.discount,
body#index .emalia-home-product-card .product-flag.on-sale,
body#index .emalia-home-product-card .product-flag.pack,
body#index .tvproduct-wrapper .product-flag.discount,
body#index .tvproduct-wrapper .product-flag.on-sale,
body#index .tvproduct-wrapper .product-flag.pack,
body#index .emalia-home-product-card .tvproduct-sale-pack-wrapper li,
body#index .tvproduct-wrapper .tvproduct-sale-pack-wrapper li {
color: #e10000 !important;
border-color: #e10000 !important;
}
/* Mobile - mniejsze flagi */
@media (max-width: 575px) {
body#index .emalia-home-product-card .tvproduct-flags,
body#index .emalia-home-product-card .product-flags,
body#index .tvproduct-wrapper .tvproduct-flags,
body#index .tvproduct-wrapper .product-flags {
top: 0 !important;
left: 0 !important;
gap: 4px !important;
}
body#index .emalia-home-product-card .tvproduct-flags li,
body#index .emalia-home-product-card .product-flags li,
body#index .tvproduct-wrapper .tvproduct-flags li,
body#index .tvproduct-wrapper .product-flags li,
body#index .emalia-home-product-card .product-flag,
body#index .tvproduct-wrapper .product-flag {
min-width: 52px !important;
height: 20px !important;
padding: 0 8px !important;
font-size: 9px !important;
border-radius: 4px !important;
}
}
/* =========================================================
EMALIA RYBNIK - QUICK VIEW LINK DO PEŁNEJ KARTY PRODUKTU
Szablon: ThemeVolty v1_ceramic_42
Działa tylko w szybkim podglądzie.
Cel:
- dodaje elegancki link/przycisk "Zobacz pełny opis produktu"
- nie rusza sticky buyboxa
========================================================= */
.quickview .emalia-quickview-product-link-wrapper,
#quickview-modal .emalia-quickview-product-link-wrapper {
margin-top: 12px !important;
}
.quickview .emalia-quickview-product-link,
#quickview-modal .emalia-quickview-product-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
min-width: 230px !important;
padding: 0 24px !important;
background: #ffffff !important;
color: #000000 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
.quickview .emalia-quickview-product-link:hover,
#quickview-modal .emalia-quickview-product-link:hover {
background: #2b2b2b !important;
color: #ffffff !important;
border-color: #2b2b2b !important;
text-decoration: none !important;
}
@media (max-width: 575px) {
.quickview .emalia-quickview-product-link,
#quickview-modal .emalia-quickview-product-link {
width: 100% !important;
min-width: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - QUICK VIEW LINK DO PEŁNEJ KARTY v2
Szablon: ThemeVolty v1_ceramic_42
Działa tylko w szybkim podglądzie
========================================================= */
.quickview .emalia-quickview-full-product-link-wrapper,
#quickview-modal .emalia-quickview-full-product-link-wrapper {
margin-top: 12px !important;
}
.quickview .emalia-quickview-full-product-link,
#quickview-modal .emalia-quickview-full-product-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 230px !important;
min-height: 42px !important;
padding: 0 24px !important;
background: #ffffff !important;
color: #000000 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
.quickview .emalia-quickview-full-product-link:hover,
#quickview-modal .emalia-quickview-full-product-link:hover {
background: #2b2b2b !important;
color: #ffffff !important;
border-color: #2b2b2b !important;
text-decoration: none !important;
}
@media (max-width: 575px) {
.quickview .emalia-quickview-full-product-link,
#quickview-modal .emalia-quickview-full-product-link {
width: 100% !important;
min-width: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - QUICK VIEW USUNIĘCIE ZDUBLOWANEGO LINKU
Szablon: ThemeVolty v1_ceramic_42
Problem:
- stary JS dodał .emalia-quickview-product-link
- nowy JS dodał .emalia-quickview-full-product-link
- przez to w quick view były dwa przyciski
Cel:
- zostaje tylko nowszy przycisk:
"Zobacz pełny opis produktu"
========================================================= */
.quickview .emalia-quickview-product-link-wrapper,
#quickview-modal .emalia-quickview-product-link-wrapper {
display: none !important;
}
/* =========================================================
EMALIA RYBNIK - TABLET PRODUCT PAGE CLEAN FIX
Moduł: karta produktu / ThemeVolty product page
Działa tylko tablet 768-1199px
Cel: nie rozwala układu, zmniejsza zdjęcie i poprawia UX tabletu
Wklej na końcu custom.css po usunięciu wcześniejszych bloków tabletowych
========================================================= */
@media (min-width: 768px) and (max-width: 1199px) {
/* Główny box produktu */
body#product .product-container,
body.page-product .product-container {
padding: 28px 34px !important;
margin-bottom: 28px !important;
min-height: 0 !important;
box-sizing: border-box !important;
}
/* Nie pozwalamy, żeby zakładki/opis wskakiwały obok produktu */
body#product .tabs,
body#product .product-tabs,
body#product .tab-content,
body#product .tvcmscross-selling-product,
body.page-product .tabs,
body.page-product .product-tabs,
body.page-product .tab-content,
body.page-product .tvcmscross-selling-product {
clear: both !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
}
/* Główne zdjęcie produktu - tablet */
body#product .product-cover img,
body#product .js-qv-product-cover,
body#product img[itemprop="image"].js-qv-product-cover,
body.page-product .product-cover img,
body.page-product .js-qv-product-cover,
body.page-product img[itemprop="image"].js-qv-product-cover {
display: block !important;
width: auto !important;
max-width: 62% !important;
height: auto !important;
max-height: 360px !important;
margin-left: auto !important;
margin-right: auto !important;
object-fit: contain !important;
}
/* Dodatkowe zabezpieczenie dla ThemeVolty slider */
body#product .tvproduct-image-slider img,
body#product .tvproduct-cover img,
body#product .product-cover .layer img,
body.page-product .tvproduct-image-slider img,
body.page-product .tvproduct-cover img,
body.page-product .product-cover .layer img {
width: auto !important;
max-width: 62% !important;
height: auto !important;
max-height: 360px !important;
object-fit: contain !important;
}
/* Kolumna zdjęć nie może mieć dużej pustej wysokości */
body#product .images-container,
body#product .product-cover,
body.page-product .images-container,
body.page-product .product-cover {
min-height: 0 !important;
height: auto !important;
max-height: none !important;
margin-bottom: 20px !important;
padding-bottom: 0 !important;
}
/* Nazwa produktu */
body#product h1[itemprop="name"],
body.page-product h1[itemprop="name"],
body#product .product-information h1,
body.page-product .product-information h1,
body#product .product-information .h1,
body.page-product .product-information .h1 {
margin-top: 10px !important;
margin-bottom: 12px !important;
font-size: 23px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #222222 !important;
}
/* Cena */
body#product .current-price .price,
body.page-product .current-price .price {
font-size: 34px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
/* Ilość + dodaj do koszyka */
body#product .product-quantity,
body.page-product .product-quantity {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-top: 16px !important;
margin-bottom: 14px !important;
}
body#product .tvcart-btn-model .add-to-cart,
body.page-product .tvcart-btn-model .add-to-cart {
min-width: 230px !important;
height: 46px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
color: #000000 !important;
font-size: 12px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
}
/* Linki: wysyłka / dostawa / zwrot / rabat */
body#product .emalia-product-links,
body.page-product .emalia-product-links {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
max-width: 620px !important;
margin-top: 18px !important;
padding: 0 !important;
}
body#product .emalia-product-link,
body.page-product .emalia-product-link {
min-height: 40px !important;
padding: 9px 12px !important;
display: flex !important;
align-items: center !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
border-radius: 4px !important;
color: #222222 !important;
font-size: 12px !important;
line-height: 1.2 !important;
text-align: left !important;
}
/* Zakładki */
body#product .tabs .nav-tabs,
body.page-product .tabs .nav-tabs {
display: flex !important;
justify-content: flex-start !important;
gap: 8px !important;
border: 0 !important;
margin-bottom: 14px !important;
}
body#product .tabs .nav-tabs .nav-link,
body.page-product .tabs .nav-tabs .nav-link {
min-width: 116px !important;
padding: 10px 14px !important;
border: 1px solid #d9c2a3 !important;
border-radius: 4px !important;
background: #ffffff !important;
color: #222222 !important;
font-size: 12px !important;
font-weight: 700 !important;
text-align: center !important;
}
body#product .tabs .nav-tabs .nav-link.active,
body.page-product .tabs .nav-tabs .nav-link.active {
background: #f7efe6 !important;
color: #000000 !important;
}
/* Opis */
body#product .tab-content,
body.page-product .tab-content {
padding: 20px 22px !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
}
/* Sticky na tablecie */
body#product,
body.page-product {
padding-bottom: 72px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
display: none !important;
}
.emalia-mobile-product-sticky {
position: fixed !important;
left: 14px !important;
right: 14px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
display: none !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
min-height: 46px !important;
padding: 7px 10px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
border-radius: 10px !important;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.14) !important;
z-index: 9999 !important;
}
.emalia-mobile-product-sticky.is-visible {
display: flex !important;
}
body.modal-open .emalia-mobile-product-sticky {
display: none !important;
}
.emalia-mobile-product-sticky__info {
min-width: 0 !important;
flex: 1 1 auto !important;
padding-right: 12px !important;
}
.emalia-mobile-product-sticky__name {
display: block !important;
color: #222222 !important;
font-size: 11px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.emalia-mobile-product-sticky__price {
display: block !important;
margin-top: 2px !important;
color: #d3b58c !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
}
.emalia-mobile-product-sticky__button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 132px !important;
min-width: 132px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 12px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 5px !important;
color: #000000 !important;
font-size: 10px !important;
line-height: 1 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.emalia-mobile-product-sticky__button .material-icons {
width: 15px !important;
height: 15px !important;
font-size: 15px !important;
line-height: 1 !important;
color: #000000 !important;
}
/* Strzałka do góry nad sticky */
#emaliaBackToTop,
.emalia-back-to-top {
bottom: 82px !important;
right: 18px !important;
z-index: 10000 !important;
}
}
/* =========================================================
EMALIA RYBNIK - MNIEJSZA SEKCJA "MOŻE CI SIĘ RÓWNIEŻ SPODOBAĆ"
Moduł: produkty powiązane / rekomendowane na karcie produktu
Działa: tablet + mobile, delikatnie także desktop
Wklej na końcu custom.css
========================================================= */
/* Desktop/tablet - ograniczenie wysokości zdjęć i odstępów */
body#product .emalia-related-products,
body.page-product .emalia-related-products {
margin-top: 18px !important;
margin-bottom: 18px !important;
}
body#product .emalia-related-products h2,
body.page-product .emalia-related-products h2,
body#product .emalia-related-products-title,
body.page-product .emalia-related-products-title,
body#product .tab-content h2,
body.page-product .tab-content h2 {
margin-top: 18px !important;
margin-bottom: 14px !important;
font-size: 22px !important;
line-height: 1.25 !important;
}
/* Produkty w sekcji "Może Ci się również spodobać" */
body#product .emalia-related-products .product-miniature,
body.page-product .emalia-related-products .product-miniature,
body#product .emalia-related-products__item,
body.page-product .emalia-related-products__item {
padding-top: 0 !important;
padding-bottom: 8px !important;
}
/* Miniatury produktów */
body#product .emalia-related-products img,
body.page-product .emalia-related-products img {
max-height: 230px !important;
width: auto !important;
object-fit: contain !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Nazwa produktu */
body#product .emalia-related-products__name,
body.page-product .emalia-related-products__name,
body#product .emalia-related-products .product-title,
body.page-product .emalia-related-products .product-title,
body#product .emalia-related-products .tvproduct-name,
body.page-product .emalia-related-products .tvproduct-name {
margin-top: 8px !important;
margin-bottom: 4px !important;
text-align: center !important;
}
body#product .emalia-related-products__name a,
body.page-product .emalia-related-products__name a,
body#product .emalia-related-products .product-title a,
body.page-product .emalia-related-products .product-title a,
body#product .emalia-related-products .tvproduct-name a,
body.page-product .emalia-related-products .tvproduct-name a {
font-size: 12px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
text-align: center !important;
}
/* Cena */
body#product .emalia-related-products__price,
body.page-product .emalia-related-products__price,
body#product .emalia-related-products .price,
body.page-product .emalia-related-products .price {
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
/* =========================================================
TABLET 768-1199px - mocniejsze zmniejszenie sekcji
========================================================= */
@media (min-width: 768px) and (max-width: 1199px) {
body#product .emalia-related-products,
body.page-product .emalia-related-products {
margin-top: 14px !important;
margin-bottom: 14px !important;
}
body#product .emalia-related-products img,
body.page-product .emalia-related-products img {
max-height: 185px !important;
max-width: 82% !important;
}
body#product .emalia-related-products__name a,
body.page-product .emalia-related-products__name a,
body#product .emalia-related-products .product-title a,
body.page-product .emalia-related-products .product-title a,
body#product .emalia-related-products .tvproduct-name a,
body.page-product .emalia-related-products .tvproduct-name a {
font-size: 10.5px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
body#product .emalia-related-products__price,
body.page-product .emalia-related-products__price,
body#product .emalia-related-products .price,
body.page-product .emalia-related-products .price {
font-size: 12px !important;
}
}
/* =========================================================
MOBILE do 767px - kompaktowo, ale nadal czytelnie
========================================================= */
@media (max-width: 767px) {
body#product .emalia-related-products,
body.page-product .emalia-related-products {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
body#product .emalia-related-products img,
body.page-product .emalia-related-products img {
max-height: 145px !important;
max-width: 88% !important;
}
body#product .emalia-related-products__name a,
body.page-product .emalia-related-products__name a,
body#product .emalia-related-products .product-title a,
body.page-product .emalia-related-products .product-title a,
body#product .emalia-related-products .tvproduct-name a,
body.page-product .emalia-related-products .tvproduct-name a {
font-size: 10px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
body#product .emalia-related-products__price,
body.page-product .emalia-related-products__price,
body#product .emalia-related-products .price,
body.page-product .emalia-related-products .price {
font-size: 11.5px !important;
}
}
/* =========================================================
EMALIA RYBNIK - TABLET CROSS-SELLING + STICKY PRODUKTU
Moduł: ThemeVolty cross-selling / karta produktu
Działa: tablet 768-1199px
Wklej na końcu custom.css
========================================================= */
@media (min-width: 768px) and (max-width: 1199px) {
/* =========================================================
1. SEKCJA "KLIENCI KTÓRZY ZAKUPILI..."
Zmniejszenie proporcjonalne do sekcji "Może Ci się spodobać"
========================================================= */
body#product .tvcmscross-selling-product,
body.page-product .tvcmscross-selling-product {
margin-top: 20px !important;
margin-bottom: 22px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body#product .tvcross-selling-main-title-wrapper,
body.page-product .tvcross-selling-main-title-wrapper,
body#product .tvcmscross-selling-product .tvcmsmain-title-wrapper,
body.page-product .tvcmscross-selling-product .tvcmsmain-title-wrapper {
margin-top: 0 !important;
margin-bottom: 16px !important;
}
body#product .tvcmscross-selling-product h2,
body.page-product .tvcmscross-selling-product h2 {
font-size: 20px !important;
line-height: 1.25 !important;
margin-bottom: 10px !important;
text-align: center !important;
}
body#product .tvcmscross-selling-product .tvmain-title::after,
body.page-product .tvcmscross-selling-product .tvmain-title::after,
body#product .tvcmscross-selling-product h2::after,
body.page-product .tvcmscross-selling-product h2::after {
width: 110px !important;
margin-top: 10px !important;
}
body#product .tvcmscross-selling-product .product-miniature,
body.page-product .tvcmscross-selling-product .product-miniature,
body#product .tvcmscross-selling-product .tvall-product-wrapper-info-box,
body.page-product .tvcmscross-selling-product .tvall-product-wrapper-info-box {
padding-top: 0 !important;
padding-bottom: 8px !important;
}
body#product .tvcmscross-selling-product .tvproduct-wrapper,
body.page-product .tvcmscross-selling-product .tvproduct-wrapper {
min-height: 0 !important;
padding-bottom: 8px !important;
}
body#product .tvcmscross-selling-product .tvproduct-image,
body.page-product .tvcmscross-selling-product .tvproduct-image {
margin-bottom: 8px !important;
}
body#product .tvcmscross-selling-product .tvproduct-image img,
body.page-product .tvcmscross-selling-product .tvproduct-image img,
body#product .tvcmscross-selling-product img.tvproduct-defult-img,
body.page-product .tvcmscross-selling-product img.tvproduct-defult-img {
max-height: 165px !important;
max-width: 84% !important;
width: auto !important;
object-fit: contain !important;
margin-left: auto !important;
margin-right: auto !important;
}
body#product .tvcmscross-selling-product .tvproduct-hover-btn,
body.page-product .tvcmscross-selling-product .tvproduct-hover-btn {
margin-top: -4px !important;
gap: 7px !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn,
body#product .tvcmscross-selling-product .tvcompare-wrapper,
body#product .tvcmscross-selling-product .tvproduct-quick-btn,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper,
body.page-product .tvcmscross-selling-product .tvproduct-quick-btn {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn button,
body#product .tvcmscross-selling-product .tvcompare-wrapper .tvproduct-compare,
body#product .tvcmscross-selling-product .tvproduct-quick-icon,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn button,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper .tvproduct-compare,
body.page-product .tvcmscross-selling-product .tvproduct-quick-icon {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
}
body#product .tvcmscross-selling-product .tvproduct-cart-btn i,
body#product .tvcmscross-selling-product .tvcompare-wrapper i,
body#product .tvcmscross-selling-product .tvproduct-quick-icon i,
body.page-product .tvcmscross-selling-product .tvproduct-cart-btn i,
body.page-product .tvcmscross-selling-product .tvcompare-wrapper i,
body.page-product .tvcmscross-selling-product .tvproduct-quick-icon i {
font-size: 15px !important;
line-height: 1 !important;
}
body#product .tvcmscross-selling-product .star_content,
body.page-product .tvcmscross-selling-product .star_content {
margin-top: 8px !important;
margin-bottom: 6px !important;
}
body#product .tvcmscross-selling-product .tvproduct-name,
body.page-product .tvcmscross-selling-product .tvproduct-name {
margin-top: 4px !important;
margin-bottom: 5px !important;
text-align: center !important;
}
body#product .tvcmscross-selling-product .tvproduct-name h6,
body#product .tvcmscross-selling-product .tvproduct-name a,
body.page-product .tvcmscross-selling-product .tvproduct-name h6,
body.page-product .tvcmscross-selling-product .tvproduct-name a {
font-size: 10.5px !important;
line-height: 1.18 !important;
font-weight: 600 !important;
text-align: center !important;
}
body#product .tvcmscross-selling-product .price,
body.page-product .tvcmscross-selling-product .price {
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
body#product .tvcmscross-selling-product .regular-price,
body.page-product .tvcmscross-selling-product .regular-price {
font-size: 11px !important;
}
body#product .tvcmscross-selling-product .owl-nav,
body.page-product .tvcmscross-selling-product .owl-nav {
margin-top: 10px !important;
}
/* =========================================================
2. TABLET STICKY "DO KOSZYKA"
Wymuszenie działania pływającego buyboxa na tablecie
========================================================= */
body#product,
body.page-product {
padding-bottom: 76px !important;
}
body#product .tvfooter-product-sticky-bottom,
body.page-product .tvfooter-product-sticky-bottom {
display: none !important;
}
body#product .emalia-mobile-product-sticky,
body.page-product .emalia-mobile-product-sticky {
position: fixed !important;
left: 14px !important;
right: 14px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
display: none !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
min-height: 48px !important;
padding: 7px 10px !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
border-radius: 10px !important;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.14) !important;
z-index: 9999 !important;
}
body#product .emalia-mobile-product-sticky.is-visible,
body.page-product .emalia-mobile-product-sticky.is-visible {
display: flex !important;
}
body.modal-open .emalia-mobile-product-sticky {
display: none !important;
}
.emalia-mobile-product-sticky__info {
min-width: 0 !important;
flex: 1 1 auto !important;
padding-right: 12px !important;
}
.emalia-mobile-product-sticky__name {
display: block !important;
max-width: 100% !important;
color: #222222 !important;
font-size: 11px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.emalia-mobile-product-sticky__price {
display: block !important;
margin-top: 2px !important;
color: #d3b58c !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
}
.emalia-mobile-product-sticky__button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 132px !important;
min-width: 132px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 12px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 5px !important;
color: #000000 !important;
font-size: 10px !important;
line-height: 1 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.emalia-mobile-product-sticky__button .material-icons {
width: 15px !important;
height: 15px !important;
font-size: 15px !important;
line-height: 1 !important;
color: #000000 !important;
}
#emaliaBackToTop,
.emalia-back-to-top {
bottom: 84px !important;
right: 18px !important;
z-index: 10000 !important;
}
}
/* =========================================================
EMALIA RYBNIK - TABLET PŁYWAJĄCY HEADER
Moduł: header / ThemeVolty
Działa tylko tablet 768-1199px
========================================================= */
(function () {
'use strict';
var BODY_CLASS = 'emalia-tablet-header-is-sticky';
var SPACER_CLASS = 'emalia-tablet-header-spacer';
var MIN_WIDTH = 768;
var MAX_WIDTH = 1199;
var OFFSET = 90;
function isTablet() {
return window.matchMedia('(min-width: ' + MIN_WIDTH + 'px) and (max-width: ' + MAX_WIDTH + 'px)').matches;
}
function getHeader() {
return document.querySelector('#header');
}
function getSpacer(header) {
var spacer = document.querySelector('.' + SPACER_CLASS);
if (!spacer && header && header.parentNode) {
spacer = document.createElement('div');
spacer.className = SPACER_CLASS;
header.parentNode.insertBefore(spacer, header);
}
return spacer;
}
function updateHeaderSticky() {
var header = getHeader();
if (!header || !document.body) {
return;
}
var spacer = getSpacer(header);
if (!isTablet()) {
document.body.classList.remove(BODY_CLASS);
if (spacer) {
spacer.style.height = '0px';
}
return;
}
if (window.pageYOffset > OFFSET) {
if (spacer) {
spacer.style.height = header.offsetHeight + 'px';
}
document.body.classList.add(BODY_CLASS);
} else {
document.body.classList.remove(BODY_CLASS);
if (spacer) {
spacer.style.height = '0px';
}
}
}
function initTabletHeaderSticky() {
updateHeaderSticky();
window.addEventListener('scroll', updateHeaderSticky, { passive: true });
window.addEventListener('resize', updateHeaderSticky);
window.addEventListener('orientationchange', function () {
setTimeout(updateHeaderSticky, 300);
setTimeout(updateHeaderSticky, 700);
});
setTimeout(updateHeaderSticky, 300);
setTimeout(updateHeaderSticky, 1000);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initTabletHeaderSticky);
} else {
initTabletHeaderSticky();
}
})();
/* =========================================================
EMALIA RYBNIK - FINAL TABLET TOPBAR + CROSS-SELLING
Moduły: ThemeVolty Header / tvcmscross-selling-product
Działa tylko tablet 768-1199px
Wklej na końcu custom.css po usunięciu wcześniejszych prób dla topbara/cross-selling tabletu
========================================================= */
@media (min-width: 768px) and (max-width: 1199px) {
/* =========================================================
1. GÓRNY PASEK TABLET - JEDEN WIERSZ
========================================================= */
.tvcmsdesktop-top-header {
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
padding: 0 !important;
margin: 0 !important;
overflow: visible !important;
}
.tvcmsdesktop-top-header .tvcmsdesktop-top-wrapper {
display: grid !important;
grid-template-columns: 1fr 1.2fr 1fr !important;
align-items: center !important;
gap: 12px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.tvcmsdesktop-top-header .tvcmsdesktop-contact,
.tvcmsdesktop-top-header .tvheader-offer-wrapper,
.tvcmsdesktop-top-header .tvheader-language-currency-wrapper {
width: auto !important;
max-width: none !important;
flex: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
font-size: 12px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.tvcmsdesktop-top-header .tvcmsdesktop-contact {
justify-content: flex-start !important;
}
.tvcmsdesktop-top-header .tvheader-offer-wrapper {
justify-content: center !important;
text-align: center !important;
}
.tvcmsdesktop-top-header .tvheader-language-currency-wrapper {
justify-content: flex-end !important;
}
.tvcmsdesktop-top-header a,
.tvcmsdesktop-top-header p,
.tvcmsdesktop-top-header span,
.tvcmsdesktop-top-header i,
.tvcmsdesktop-top-header button {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-size: 12px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.tvcmsdesktop-top-header .tvheader-nav-offer-text {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
}
.tvcmsdesktop-top-header .tvheader-nav-offer-text p {
display: inline !important;
max-width: 100% !important;
}
/* Ikona konta + tekst Zaloguj się w górnym pasku */
.tvcmsdesktop-top-header #tvcmsdesktop-account-button,
.tvcmsdesktop-top-header .tvcms-header-myaccount,
.tvcmsdesktop-top-header .tv-header-account,
.tvcmsdesktop-top-header .tv-account-wrapper {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
}
.tvcmsdesktop-top-header .tv-myaccount-btn-desktop {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: auto !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
color: #000000 !important;
background: transparent !important;
border: 0 !important;
font-size: 12px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.tvcmsdesktop-top-header .tv-myaccount-btn-desktop::after {
content: "Zaloguj się" !important;
display: inline-block !important;
margin-left: 4px !important;
color: #000000 !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 600 !important;
text-transform: none !important;
white-space: nowrap !important;
}
.tvcmsdesktop-top-header .tv-myaccount-btn-desktop i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
line-height: 1 !important;
}
/* =========================================================
2. CROSS-SELLING TABLET - KOMPAKTOWA SEKCJA
Sekcja: Klienci którzy zakupili ten produkt kupili również
========================================================= */
.tvcmscross-selling-product {
margin-top: 12px !important;
margin-bottom: 12px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tvcmscross-selling-product .tvcross-selling-product-wrapper-box,
.tvcmscross-selling-product .tvcross-selling-product-all-box,
.tvcmscross-selling-product .tvcross-selling-product-content,
.tvcmscross-selling-product .tvall-block-box-shadows {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tvcmscross-selling-product .tvcross-selling-main-title-wrapper,
.tvcmscross-selling-product .tvcmsmain-title-wrapper,
.tvcmscross-selling-product .tvcms-main-title,
.tvcmscross-selling-product .tvmain-title {
margin: 0 0 10px 0 !important;
padding: 0 !important;
}
.tvcmscross-selling-product .tvmain-title h2,
.tvcmscross-selling-product h2 {
margin: 0 !important;
padding: 0 !important;
font-size: 19px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
text-align: center !important;
text-transform: none !important;
}
.tvcmscross-selling-product .tvmain-title h2::after,
.tvcmscross-selling-product h2::after {
content: "" !important;
display: block !important;
width: 95px !important;
height: 1px !important;
margin: 9px auto 0 auto !important;
background: #d9c2a3 !important;
}
.tvcmscross-selling-product .tvcross-selling-product {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tvcmscross-selling-product .owl-stage-outer {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tvcmscross-selling-product .owl-stage {
display: flex !important;
align-items: flex-start !important;
}
.tvcmscross-selling-product .owl-item {
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
}
.tvcmscross-selling-product article.product-miniature,
.tvcmscross-selling-product .thumbnail-container,
.tvcmscross-selling-product .tvproduct-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 0 !important;
height: auto !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
/* Najważniejsze: stałe, mniejsze pole miniatury */
.tvcmscross-selling-product .tvproduct-image {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 96px !important;
min-height: 96px !important;
max-height: 96px !important;
margin: 0 auto 2px auto !important;
padding: 14px 0 0 0 !important;
text-align: center !important;
overflow: visible !important;
}
.tvcmscross-selling-product .tvproduct-image > a.thumbnail,
.tvcmscross-selling-product .tvproduct-image > a.product-thumbnail {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
}
.tvcmscross-selling-product .tvproduct-image img.tvproduct-defult-img,
.tvcmscross-selling-product .tvproduct-image img.tv-img-responsive,
.tvcmscross-selling-product .tvproduct-image img {
display: block !important;
width: auto !important;
max-width: 64% !important;
height: auto !important;
max-height: 64px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
/* Flagi nad zdjęciem */
.tvcmscross-selling-product .tvproduct-flags {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
pointer-events: none !important;
}
.tvcmscross-selling-product .product-flag {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
font-size: 10px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
}
/* Ikony zaraz pod zdjęciem */
.tvcmscross-selling-product .tvproduct-btn-color {
position: static !important;
display: block !important;
width: 100% !important;
height: auto !important;
margin: -2px 0 5px 0 !important;
padding: 0 !important;
text-align: center !important;
opacity: 1 !important;
visibility: visible !important;
}
.tvcmscross-selling-product .tvproduct-hover-btn {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 100% !important;
height: auto !important;
margin: 0 auto !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.tvcmscross-selling-product .tvproduct-cart-btn,
.tvcmscross-selling-product .tvcompare-wrapper,
.tvcmscross-selling-product .tvproduct-quick-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
margin: 0 !important;
padding: 0 !important;
background: #d9c2a3 !important;
border-radius: 50% !important;
}
.tvcmscross-selling-product .tvproduct-cart-btn button,
.tvcmscross-selling-product .tvcompare-wrapper .tvproduct-compare,
.tvcmscross-selling-product .tvproduct-quick-icon,
.tvcmscross-selling-product .tvproduct-quick-btn a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 50% !important;
}
.tvcmscross-selling-product .tvproduct-cart-btn i,
.tvcmscross-selling-product .tvcompare-wrapper i,
.tvcmscross-selling-product .tvproduct-quick-icon i {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 16px !important;
height: 16px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1 !important;
color: #000000 !important;
}
/* Gwiazdki bliżej miniatury */
.tvcmscross-selling-product .tvall-product-star-icon,
.tvcmscross-selling-product .star_content {
min-height: 14px !important;
height: 14px !important;
margin: 3px 0 5px 0 !important;
padding: 0 !important;
text-align: center !important;
}
.tvcmscross-selling-product .star_content .star i {
font-size: 13px !important;
line-height: 1 !important;
}
.tvcmscross-selling-product .tvall-product-review {
display: none !important;
}
/* Nazwa produktu */
.tvcmscross-selling-product .tvproduct-name {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 28px !important;
height: auto !important;
margin: 0 auto 4px auto !important;
padding: 0 !important;
text-align: center !important;
}
.tvcmscross-selling-product .tvproduct-name a,
.tvcmscross-selling-product .tvproduct-name h6 {
display: block !important;
max-width: 145px !important;
margin: 0 auto !important;
padding: 0 !important;
font-size: 9.8px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
text-align: center !important;
}
.tvcmscross-selling-product .product-price-and-shipping {
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
.tvcmscross-selling-product .price {
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
.tvcmscross-selling-product .regular-price {
font-size: 10px !important;
}
.tvcmscross-selling-product .tvcross-selling-pagination-wrapper,
.tvcmscross-selling-product .tv-pagination-wrapper,
.tvcmscross-selling-product .owl-nav {
margin-top: 8px !important;
padding-top: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINAL TABLET TOPBAR + CROSS-SELLING TARGETED
Moduły: ThemeVolty topbar + cross-selling
Działa tylko po klasach dodanych przez custom.js
Wklej na końcu custom.css
========================================================= */
@media (min-width: 768px) and (max-width: 1199px) {
/* =========================================================
1. TOPBAR TABLET - JEDEN WIERSZ
========================================================= */
.tvcmsdesktop-top-header.emalia-tablet-topbar-final {
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
padding: 0 !important;
margin: 0 !important;
overflow: visible !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final > .container,
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tvcmsdesktop-top-wrapper {
display: grid !important;
grid-template-columns: minmax(210px, 1fr) minmax(260px, 1.25fr) minmax(120px, 0.75fr) !important;
align-items: center !important;
column-gap: 12px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tvcmsdesktop-contact,
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tvheader-offer-wrapper,
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tvheader-language-currency-wrapper {
width: auto !important;
max-width: none !important;
flex: none !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
font-size: 12px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tvcmsdesktop-contact {
justify-content: flex-start !important;
grid-column: 1 !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tvheader-offer-wrapper {
justify-content: center !important;
grid-column: 2 !important;
text-align: center !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tvheader-language-currency-wrapper {
justify-content: flex-end !important;
grid-column: 3 !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final a,
.tvcmsdesktop-top-header.emalia-tablet-topbar-final p,
.tvcmsdesktop-top-header.emalia-tablet-topbar-final span,
.tvcmsdesktop-top-header.emalia-tablet-topbar-final i,
.tvcmsdesktop-top-header.emalia-tablet-topbar-final button {
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-size: 12px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tvheader-nav-offer-text {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tvheader-nav-offer-text p {
display: inline !important;
margin: 0 !important;
white-space: nowrap !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tv-myaccount-btn-desktop {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
width: auto !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
color: #000 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
font-size: 12px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.tvcmsdesktop-top-header.emalia-tablet-topbar-final .tv-myaccount-btn-desktop::after {
content: "Zaloguj się" !important;
display: inline-block !important;
color: #000 !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 600 !important;
text-transform: none !important;
white-space: nowrap !important;
}
/* =========================================================
2. CROSS-SELLING TABLET - KOMPAKTOWO I RÓWNO
========================================================= */
.emalia-tablet-cross-selling-final {
margin-top: 8px !important;
margin-bottom: 8px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow: hidden !important;
}
.emalia-tablet-cross-selling-final .tvcross-selling-main-title-wrapper,
.emalia-tablet-cross-selling-final .tvcmsmain-title-wrapper,
.emalia-tablet-cross-selling-final .tvcms-main-title,
.emalia-tablet-cross-selling-final .tvmain-title {
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
.emalia-tablet-cross-selling-final h2,
.emalia-tablet-cross-selling-final .tvmain-title h2 {
margin: 0 !important;
padding: 0 !important;
font-size: 18px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
text-align: center !important;
text-transform: none !important;
}
.emalia-tablet-cross-selling-final h2::after,
.emalia-tablet-cross-selling-final .tvmain-title h2::after {
content: "" !important;
display: block !important;
width: 90px !important;
height: 1px !important;
margin: 8px auto 0 auto !important;
background: #d9c2a3 !important;
}
.emalia-tablet-cross-selling-final .owl-stage-outer {
padding: 0 !important;
margin: 0 !important;
}
.emalia-tablet-cross-selling-final .owl-stage {
display: flex !important;
align-items: flex-start !important;
}
.emalia-tablet-cross-selling-final .owl-item {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
}
.emalia-tablet-cross-selling-final .tvproduct-wrapper,
.emalia-tablet-cross-selling-final .thumbnail-container,
.emalia-tablet-cross-selling-final article.product-miniature {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
.emalia-tablet-cross-selling-final .tvproduct-image {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 78px !important;
min-height: 78px !important;
max-height: 78px !important;
margin: 0 auto 3px auto !important;
padding: 13px 0 0 0 !important;
text-align: center !important;
overflow: visible !important;
}
.emalia-tablet-cross-selling-final .tvproduct-image > a.thumbnail,
.emalia-tablet-cross-selling-final .tvproduct-image > a.product-thumbnail {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
}
.emalia-tablet-cross-selling-final .tvproduct-image img,
.emalia-tablet-cross-selling-final .tvproduct-image img.tvproduct-defult-img,
.emalia-tablet-cross-selling-final .tvproduct-image img.tv-img-responsive {
display: block !important;
width: auto !important;
max-width: 58% !important;
height: auto !important;
max-height: 52px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
.emalia-tablet-cross-selling-final .tvproduct-flags {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
pointer-events: none !important;
}
.emalia-tablet-cross-selling-final .product-flag {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
font-size: 9px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
}
.emalia-tablet-cross-selling-final .tvproduct-btn-color {
position: static !important;
display: block !important;
width: 100% !important;
height: auto !important;
margin: -1px 0 4px 0 !important;
padding: 0 !important;
text-align: center !important;
opacity: 1 !important;
visibility: visible !important;
}
.emalia-tablet-cross-selling-final .tvproduct-hover-btn {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 100% !important;
height: auto !important;
margin: 0 auto !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.emalia-tablet-cross-selling-final .tvproduct-cart-btn,
.emalia-tablet-cross-selling-final .tvcompare-wrapper,
.emalia-tablet-cross-selling-final .tvproduct-quick-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
min-height: 26px !important;
margin: 0 !important;
padding: 0 !important;
background: #d9c2a3 !important;
border-radius: 50% !important;
}
.emalia-tablet-cross-selling-final .tvproduct-cart-btn button,
.emalia-tablet-cross-selling-final .tvcompare-wrapper .tvproduct-compare,
.emalia-tablet-cross-selling-final .tvproduct-quick-icon,
.emalia-tablet-cross-selling-final .tvproduct-quick-btn a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
min-height: 26px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 50% !important;
}
.emalia-tablet-cross-selling-final .tvproduct-cart-btn i,
.emalia-tablet-cross-selling-final .tvcompare-wrapper i,
.emalia-tablet-cross-selling-final .tvproduct-quick-icon i {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 15px !important;
height: 15px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1 !important;
color: #000 !important;
}
.emalia-tablet-cross-selling-final .tvall-product-star-icon,
.emalia-tablet-cross-selling-final .star_content {
min-height: 13px !important;
height: 13px !important;
margin: 2px 0 4px 0 !important;
padding: 0 !important;
text-align: center !important;
}
.emalia-tablet-cross-selling-final .star_content .star i {
font-size: 12px !important;
line-height: 1 !important;
}
.emalia-tablet-cross-selling-final .tvall-product-review {
display: none !important;
}
.emalia-tablet-cross-selling-final .tvproduct-name {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 26px !important;
margin: 0 auto 3px auto !important;
padding: 0 !important;
text-align: center !important;
}
.emalia-tablet-cross-selling-final .tvproduct-name a,
.emalia-tablet-cross-selling-final .tvproduct-name h6 {
display: block !important;
max-width: 138px !important;
margin: 0 auto !important;
padding: 0 !important;
font-size: 9.5px !important;
line-height: 1.12 !important;
font-weight: 700 !important;
text-align: center !important;
}
.emalia-tablet-cross-selling-final .product-price-and-shipping {
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
.emalia-tablet-cross-selling-final .price {
font-size: 10.5px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
.emalia-tablet-cross-selling-final .regular-price {
font-size: 9.5px !important;
}
.emalia-tablet-cross-selling-final .owl-nav,
.emalia-tablet-cross-selling-final .tv-pagination-wrapper,
.emalia-tablet-cross-selling-final .tvcross-selling-pagination-wrapper {
margin-top: 6px !important;
padding-top: 0 !important;
}
}
/* =========================================================
EMALIA RYBNIK - TABLET PRODUCT PAGE SAFE UX FIX
Moduł: karta produktu / ThemeVolty
Działa tylko tablet 768-1199px
Cel: kompaktowa karta produktu bez psucia zakładek/opisu
Wklej na końcu custom.css po usunięciu TABLET PRODUCT HERO UX
========================================================= */
@media (min-width: 768px) and (max-width: 1199px) {
/* =========================================================
1. GŁÓWNY BOX PRODUKTU - NIE DOTYKAMY ZAKŁADEK
========================================================= */
body#product .product-container,
body.page-product .product-container {
padding: 24px 32px !important;
margin-bottom: 24px !important;
min-height: 0 !important;
box-sizing: border-box !important;
}
body#product .product-cover,
body.page-product .product-cover,
body#product .images-container,
body.page-product .images-container {
min-height: 0 !important;
height: auto !important;
margin-bottom: 18px !important;
}
body#product .product-cover img,
body.page-product .product-cover img,
body#product .js-qv-product-cover,
body.page-product .js-qv-product-cover {
display: block !important;
width: auto !important;
max-width: 58% !important;
height: auto !important;
max-height: 330px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
body#product .product-images img,
body.page-product .product-images img {
max-width: 58px !important;
max-height: 58px !important;
object-fit: contain !important;
}
/* =========================================================
2. BUYBOX - KOMPAKTOWY TABLET
========================================================= */
body#product h1[itemprop="name"],
body.page-product h1[itemprop="name"],
body#product .product-information h1,
body.page-product .product-information h1,
body#product .product-information .h1,
body.page-product .product-information .h1 {
margin: 12px 0 10px 0 !important;
font-size: 23px !important;
line-height: 1.18 !important;
font-weight: 700 !important;
color: #222222 !important;
}
body#product .current-price .price,
body.page-product .current-price .price {
font-size: 34px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
color: #d3b58c !important;
}
body#product .product-quantity,
body.page-product .product-quantity {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
margin-top: 16px !important;
margin-bottom: 14px !important;
}
body#product .bootstrap-touchspin input,
body.page-product .bootstrap-touchspin input,
body#product input[name="qty"],
body.page-product input[name="qty"] {
width: 44px !important;
height: 42px !important;
text-align: center !important;
}
body#product .bootstrap-touchspin .btn,
body.page-product .bootstrap-touchspin .btn,
body#product .bootstrap-touchspin button,
body.page-product .bootstrap-touchspin button {
width: 40px !important;
height: 42px !important;
padding: 0 !important;
}
body#product button[data-button-action="add-to-cart"],
body.page-product button[data-button-action="add-to-cart"] {
min-width: 220px !important;
height: 44px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 22px !important;
background: #d9c2a3 !important;
border: 1px solid #d9c2a3 !important;
border-radius: 3px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10) !important;
color: #000000 !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
}
/* =========================================================
3. BENEFITY - TABLET
========================================================= */
body#product .emalia-product-links,
body.page-product .emalia-product-links {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
margin-top: 14px !important;
padding: 0 !important;
}
body#product .emalia-product-link,
body.page-product .emalia-product-link {
min-height: 38px !important;
padding: 8px 10px !important;
display: flex !important;
align-items: center !important;
background: #ffffff !important;
border: 1px solid #eeeeee !important;
border-radius: 4px !important;
font-size: 11px !important;
line-height: 1.15 !important;
text-align: left !important;
}
/* =========================================================
4. ZAKŁADKI I OPIS - ZAWSZE POD PRODUKTEM
========================================================= */
body#product .tabs,
body.page-product .tabs,
body#product .product-tabs,
body.page-product .product-tabs,
body#product .tab-content,
body.page-product .tab-content {
clear: both !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
}
body#product .tabs .nav-tabs,
body.page-product .tabs .nav-tabs {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
border: 0 !important;
margin-bottom: 14px !important;
}
body#product .tabs .nav-tabs .nav-link,
body.page-product .tabs .nav-tabs .nav-link {
min-width: 120px !important;
padding: 10px 14px !important;
border: 1px solid #d9c2a3 !important;
border-radius: 4px !important;
background: #ffffff !important;
color: #222222 !important;
font-size: 12px !important;
font-weight: 700 !important;
text-align: center !important;
}
body#product .tabs .nav-tabs .nav-link.active,
body.page-product .tabs .nav-tabs .nav-link.active {
background: #f7efe6 !important;
color: #000000 !important;
}
body#product .tab-content,
body.page-product .tab-content {
padding: 20px 22px !important;
border: 1px solid #eeeeee !important;
background: #ffffff !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY FIX EPP DRAWER MOBILE/TABLET
Moduł: emaliaprspanel / Producent i osoba odpowiedzialna
Działa dla strony produktu do 1199px
Wklej na końcu custom.css zamiast awaryjnego wyłączenia EPP
Cel:
- ukryty epp-drawer nie przykrywa strony
- aktywny epp-drawer działa po kliknięciu w GPSR
- menu, wyszukiwarka, linki i koszyk pozostają klikalne
========================================================= */
@media (max-width: 1199px) {
/* Ukryty drawer nie może przechwytywać kliknięć */
body#product .epp-drawer[aria-hidden="true"],
body#product aside.epp-drawer[aria-hidden="true"],
body#product [data-epp-drawer][aria-hidden="true"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
position: fixed !important;
z-index: -1 !important;
width: 0 !important;
height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
transform: translateX(110%) !important;
}
body#product .epp-drawer[aria-hidden="true"] *,
body#product aside.epp-drawer[aria-hidden="true"] *,
body#product [data-epp-drawer][aria-hidden="true"] * {
pointer-events: none !important;
}
/* Aktywny drawer ma się normalnie pokazać */
body#product .epp-drawer[aria-hidden="false"],
body#product aside.epp-drawer[aria-hidden="false"],
body#product [data-epp-drawer][aria-hidden="false"] {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: auto !important;
width: 92vw !important;
max-width: 420px !important;
height: 100vh !important;
z-index: 30000 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
overflow-y: auto !important;
overflow-x: hidden !important;
background: #ffffff !important;
transform: translateX(0) !important;
box-shadow: -10px 0 30px rgba(0, 0, 0, 0.22) !important;
-webkit-overflow-scrolling: touch !important;
}
body#product .epp-drawer[aria-hidden="false"] *,
body#product aside.epp-drawer[aria-hidden="false"] *,
body#product [data-epp-drawer][aria-hidden="false"] * {
pointer-events: auto !important;
}
/* Overlay EPP nie może blokować strony, kiedy drawer jest zamknięty */
body#product .epp-overlay,
body#product [data-epp-overlay] {
pointer-events: none !important;
}
body#product .epp-overlay.is-active,
body#product .epp-overlay.active,
body#product .epp-overlay.open,
body#product .epp-overlay[aria-hidden="false"],
body#product [data-epp-overlay].is-active,
body#product [data-epp-overlay].active,
body#product [data-epp-overlay].open,
body#product [data-epp-overlay][aria-hidden="false"] {
position: fixed !important;
inset: 0 !important;
z-index: 29990 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
background: rgba(0, 0, 0, 0.45) !important;
}
/* Header, menu, wyszukiwarka, koszyk i formularz produktu mają być klikalne */
body#product header,
body#product #header,
body#product .tvheader-mobile-view,
body#product .tvcmsmobile-header,
body#product .tvcmsmobile-header *,
body#product .tvcms-header-menu,
body#product .tvcms-header-menu *,
body#product .tvcmssearch,
body#product .tvcmssearch *,
body#product .tvsearch-header-display-wrappper,
body#product .tvsearch-header-display-wrappper *,
body#product .blockcart,
body#product .blockcart *,
body#product .cart-preview,
body#product .cart-preview *,
body#product .product-actions,
body#product .product-actions *,
body#product .product-add-to-cart,
body#product .product-add-to-cart *,
body#product .add-to-cart {
pointer-events: auto !important;
}
/* Drawer nad menu tylko wtedy, gdy jest aktywny */
body#product .epp-drawer[aria-hidden="false"] {
z-index: 30000 !important;
}
}
/* =========================================================
EMALIA RYBNIK - DOPRACOWANIE WYGLĄDU GPSR MOBILE/TABLET
Moduł: emaliaprspanel / Producent i osoba odpowiedzialna
Działa dla strony produktu do 1199px
Wklej na końcu custom.css POD aktualnym kodem EPP
Cel:
- panel GPSR jest biały, czytelny i nieprzygaszony
- szare tło zostaje tylko za panelem
========================================================= */
@media (max-width: 1199px) {
/* Overlay ma przyciemniać stronę pod panelem, ale nie sam panel */
body#product .epp-overlay,
body#product [data-epp-overlay] {
background: rgba(0, 0, 0, 0.38) !important;
opacity: 1 !important;
z-index: 29990 !important;
}
/* Aktywny panel GPSR - biały i czytelny */
body#product .epp-drawer[aria-hidden="false"],
body#product aside.epp-drawer[aria-hidden="false"],
body#product [data-epp-drawer][aria-hidden="false"] {
background: #ffffff !important;
color: #222222 !important;
opacity: 1 !important;
filter: none !important;
z-index: 30010 !important;
border-radius: 0 0 12px 12px !important;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.24) !important;
}
body#product .epp-drawer[aria-hidden="false"] *,
body#product aside.epp-drawer[aria-hidden="false"] *,
body#product [data-epp-drawer][aria-hidden="false"] * {
opacity: 1 !important;
filter: none !important;
}
/* Wewnętrzna treść panelu */
body#product .epp-drawer__content,
body#product .epp-drawer_content,
body#product .epp-drawer-content {
background: #ffffff !important;
color: #222222 !important;
}
/* Nagłówek panelu */
body#product .epp-drawer__header,
body#product .epp-drawer_header,
body#product .epp-drawer-header {
background: #ffffff !important;
color: #222222 !important;
border-bottom: 1px solid #ead8bf !important;
}
/* Tytuły w panelu */
body#product .epp-section__title,
body#product .epp-section_title,
body#product .epp-section-title,
body#product .epp-drawer h2,
body#product .epp-drawer h3,
body#product .epp-drawer h4 {
color: #252a32 !important;
}
/* Link do instrukcji */
body#product .epp-drawer a,
body#product .epp-pdf-list__link {
color: #00796b !important;
text-decoration: none !important;
}
body#product .epp-drawer a:hover,
body#product .epp-pdf-list__link:hover {
color: #005f54 !important;
text-decoration: underline !important;
}
/* X zamknięcia */
body#product .epp-drawer button,
body#product .epp-drawer [type="button"] {
opacity: 1 !important;
filter: none !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY WYGLĄD PANELU GPSR MOBILE/TABLET
Moduł: emaliaprspanel / Producent i osoba odpowiedzialna
Działa dla strony produktu do 1199px
Wklej na końcu custom.css POD aktualnym kodem EPP/GPSR
Cel:
- elegancki panel GPSR
- lepsze marginesy, czytelność i przycisk X
========================================================= */
@media (max-width: 1199px) {
body#product .epp-drawer[aria-hidden="false"],
body#product aside.epp-drawer[aria-hidden="false"],
body#product [data-epp-drawer][aria-hidden="false"] {
top: 12px !important;
right: 12px !important;
bottom: 12px !important;
left: auto !important;
width: calc(100vw - 48px) !important;
max-width: 390px !important;
height: calc(100vh - 24px) !important;
max-height: calc(100vh - 24px) !important;
background: #ffffff !important;
border-radius: 14px !important;
overflow: hidden !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24) !important;
}
body#product .epp-drawer__header,
body#product .epp-drawer_header,
body#product .epp-drawer-header {
min-height: 74px !important;
padding: 18px 68px 16px 20px !important;
background: #ffffff !important;
border-bottom: 1px solid #ead8bf !important;
}
body#product .epp-drawer__header h2,
body#product .epp-drawer_header h2,
body#product .epp-drawer-header h2,
body#product .epp-drawer__title,
body#product .epp-drawer_title,
body#product .epp-drawer-title {
margin: 0 !important;
color: #242a32 !important;
font-size: 19px !important;
line-height: 1.18 !important;
font-weight: 800 !important;
letter-spacing: 0.01em !important;
}
body#product .epp-drawer__content,
body#product .epp-drawer_content,
body#product .epp-drawer-content {
height: calc(100vh - 98px) !important;
padding: 18px 20px 28px !important;
overflow-y: auto !important;
background: #ffffff !important;
color: #3f3f3f !important;
-webkit-overflow-scrolling: touch !important;
}
body#product .epp-section {
margin: 0 0 20px !important;
padding: 0 !important;
}
body#product .epp-section:last-child {
margin-bottom: 0 !important;
}
body#product .epp-section__title,
body#product .epp-section_title,
body#product .epp-section-title,
body#product .epp-drawer h3,
body#product .epp-drawer h4 {
margin: 0 0 9px !important;
color: #252a32 !important;
font-size: 16px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
letter-spacing: 0.01em !important;
}
body#product .epp-drawer p,
body#product .epp-drawer li,
body#product .epp-drawer div {
color: #4b4b4b !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
body#product .epp-drawer strong,
body#product .epp-drawer b {
color: #252a32 !important;
font-weight: 800 !important;
}
body#product .epp-drawer a,
body#product .epp-pdf-list__link {
color: #00796b !important;
font-size: 15px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
text-decoration: none !important;
word-break: break-word !important;
}
body#product .epp-drawer a:hover,
body#product .epp-pdf-list__link:hover {
color: #005f54 !important;
text-decoration: underline !important;
}
body#product .epp-pdf-list {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body#product .epp-pdf-list li {
margin: 0 !important;
padding: 0 !important;
}
body#product .epp-drawer__close,
body#product .epp-drawer_close,
body#product .epp-drawer-close,
body#product .epp-drawer button[aria-label*="Zamknij"],
body#product .epp-drawer button[type="button"] {
position: absolute !important;
top: 16px !important;
right: 16px !important;
z-index: 30020 !important;
width: 42px !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
border: 1px solid #ead8bf !important;
border-radius: 50% !important;
background: #f8efe3 !important;
color: #111111 !important;
font-size: 28px !important;
line-height: 1 !important;
font-weight: 700 !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
cursor: pointer !important;
}
body#product .epp-drawer__close:hover,
body#product .epp-drawer_close:hover,
body#product .epp-drawer-close:hover,
body#product .epp-drawer button[aria-label*="Zamknij"]:hover,
body#product .epp-drawer button[type="button"]:hover {
background: #ecd8bb !important;
}
}
@media (max-width: 420px) {
body#product .epp-drawer[aria-hidden="false"],
body#product aside.epp-drawer[aria-hidden="false"],
body#product [data-epp-drawer][aria-hidden="false"] {
top: 10px !important;
right: 10px !important;
bottom: 10px !important;
width: calc(100vw - 44px) !important;
max-width: none !important;
height: calc(100vh - 20px) !important;
max-height: calc(100vh - 20px) !important;
}
body#product .epp-drawer__header,
body#product .epp-drawer_header,
body#product .epp-drawer-header {
padding-left: 18px !important;
padding-right: 64px !important;
}
body#product .epp-drawer__content,
body#product .epp-drawer_content,
body#product .epp-drawer-content {
padding-left: 18px !important;
padding-right: 18px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNA POPRAWA ZDJĘCIA PRODUKTU TABLET PION v3
Moduł: karta produktu / ThemeVolty product page
Działa tylko tablet pion 768-991px
Wklej na końcu custom.css po usunięciu poprzedniego bloku miniatury tablet
Cel:
- zdjęcie produktu nie znika
- główne zdjęcie większe i wyśrodkowane
- ukrycie tylko miniatur/duplikatów, bez psucia mechanizmu slidera
========================================================= */
@media (min-width: 768px) and (max-width: 991px) {
/* Główny obszar zdjęcia */
body#product .tv-product-page-image,
body#product .tvprduct-image-info-wrapper .tv-product-page-image,
body#product .images-container {
width: 100% !important;
max-width: 100% !important;
min-height: 260px !important;
height: auto !important;
text-align: center !important;
position: relative !important;
overflow: visible !important;
}
body#product .product-cover {
width: 100% !important;
max-width: 100% !important;
min-height: 250px !important;
height: 250px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
position: relative !important;
overflow: visible !important;
}
/* Główne zdjęcie produktu */
body#product .product-cover img,
body#product .product-cover .js-qv-product-cover {
width: auto !important;
min-width: 220px !important;
max-width: 305px !important;
height: auto !important;
max-height: 240px !important;
object-fit: contain !important;
margin: 0 auto !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
/* Nie ukrywamy slick-list / slick-track / slick-slide, bo wtedy zdjęcie znika */
body#product .tvvertical-slider,
body#product .tvvertical-slider .slick-list,
body#product .tvvertical-slider .slick-track,
body#product .tvvertical-slider .slick-slide {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
/* Ukrywamy tylko fizyczne miniatury w slajdach, żeby nie było drugiego małego kubka */
body#product .tvvertical-slider .product-images .slick-slide img,
body#product .tvvertical-slider .product-images .js-thumb,
body#product .tvvertical-slider .product-images .thumb {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Kontener miniaturek nie może zabierać dużej wysokości */
body#product .tvvertical-slider .product-images {
min-height: 18px !important;
height: 18px !important;
max-height: 18px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
/* Kropki slidera zostają widoczne */
body#product .tvvertical-slider .slick-dots {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
justify-content: center !important;
align-items: center !important;
gap: 6px !important;
margin: 4px 0 8px !important;
padding: 0 !important;
pointer-events: auto !important;
}
body#product .tvvertical-slider .slick-dots li {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
margin: 0 3px !important;
padding: 0 !important;
pointer-events: auto !important;
}
body#product .tvvertical-slider .slick-dots button {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
/* Etykieta Nowy */
body#product .product-flags {
position: absolute !important;
top: 18px !important;
left: 25% !important;
z-index: 3 !important;
}
body#product .product-flags li,
body#product .product-flags .product-flag {
margin: 0 !important;
}
/* Ikona lupy przy zdjęciu */
body#product .product-cover .layer,
body#product .product-cover .zoom-in,
body#product .product-cover .material-icons {
position: absolute !important;
right: 31% !important;
bottom: 48px !important;
top: auto !important;
z-index: 4 !important;
}
}
/* =========================================================
EMALIA RYBNIK - FIX TABLET PRODUCT SCROLL + LUPKA
Moduł: karta produktu / ThemeVolty product page
Działa tylko tablet pion 768-991px
Wklej na końcu custom.css
Cel:
- usuwa efekt trzymania strony przez pływający header
- poprawia pozycję lupki przy zdjęciu produktu
========================================================= */
@media (min-width: 768px) and (max-width: 991px) {
/* Reset pływającego headera na stronie produktu */
body#product.emalia-tablet-header-fixed {
padding-top: 0 !important;
}
body#product .emalia-tablet-header-fixed-spacer {
display: none !important;
height: 0 !important;
}
body#product #header {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: auto !important;
z-index: 1000 !important;
transform: none !important;
box-shadow: none !important;
}
body#product #wrapper {
margin-top: 0 !important;
}
/* Poprawka pozycji lupki przy zdjęciu */
body#product .product-cover .layer,
body#product .product-cover .zoom-in,
body#product .product-cover .material-icons {
position: absolute !important;
right: 31% !important;
bottom: 48px !important;
top: auto !important;
z-index: 4 !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNA POZYCJA LUPKI TABLET PION
Moduł: karta produktu / ThemeVolty product page
Działa tylko tablet pion 768-991px
Wklej na końcu custom.css
Cel:
- poprawne ustawienie lupki zoom przy zdjęciu produktu
========================================================= */
@media (min-width: 768px) and (max-width: 991px) {
body#product .tvproduct-image-slider {
position: relative !important;
}
body#product .tvproduct-image-slider .layer {
position: absolute !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
bottom: auto !important;
transform: translate(88px, 18px) !important;
z-index: 5 !important;
width: 28px !important;
height: 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
cursor: pointer !important;
}
body#product .tvproduct-image-slider .layer .material-icons {
position: static !important;
display: block !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
color: #111111 !important;
font-size: 18px !important;
line-height: 1 !important;
}
}
/* =========================================================
EMALIA RYBNIK - TABLET PION HEADER / ETYKIETY MENU I LOGOWANIA
Moduł: ThemeVolty header / menu mobile / konto klienta
Działa tylko tablet pion 768-991px
Wklej na końcu custom.css
Cel:
- tekst "Menu" nad hamburgerem
- tekst "Zaloguj" przy ikonie konta/kłódce
- bez ruszania układu wyszukiwarki
========================================================= */
@media (min-width: 768px) and (max-width: 991px) {
/* ---------------------------------------------------------
MENU - tekst nad hamburgerem
--------------------------------------------------------- */
body #tvcms-mobile-view-header .tvcmsmobile-header-menu {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
padding: 0 !important;
margin: 0 !important;
overflow: visible !important;
justify-self: start !important;
}
body #tvcms-mobile-view-header .tvmobile-sliderbar-btn {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
}
body #tvcms-mobile-view-header .tvmobile-sliderbar-btn a {
width: 54px !important;
height: 44px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 3px !important;
color: #111111 !important;
text-decoration: none !important;
margin: 0 !important;
padding: 0 !important;
}
body #tvcms-mobile-view-header .tvmobile-sliderbar-btn a::before {
content: "Menu" !important;
display: block !important;
color: #111111 !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
white-space: nowrap !important;
}
body #tvcms-mobile-view-header .tvmobile-sliderbar-btn a::after,
body #tvcms-mobile-view-header .tvmobile-sliderbar-btn::after {
content: none !important;
display: none !important;
}
body #tvcms-mobile-view-header .tvmobile-sliderbar-btn i {
display: block !important;
color: #111111 !important;
font-size: 23px !important;
line-height: 1 !important;
margin: 0 !important;
}
/* ---------------------------------------------------------
KONTO - tekst Zaloguj przy kłódce
--------------------------------------------------------- */
body #tvcmsmobile-account-button {
min-width: 76px !important;
width: auto !important;
max-width: none !important;
overflow: visible !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
body #tvcmsmobile-account-button .tvcms-header-myaccount,
body #tvcmsmobile-account-button .tv-header-account,
body #tvcmsmobile-account-button .tv-account-wrapper {
width: auto !important;
min-width: 76px !important;
max-width: none !important;
overflow: visible !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 4px !important;
}
body #tvcmsmobile-account-button .tv-myaccount-btn {
width: auto !important;
min-width: 0 !important;
height: 34px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
color: #111111 !important;
overflow: visible !important;
}
body #tvcmsmobile-account-button .tv-myaccount-btn::after {
content: none !important;
display: none !important;
}
body #tvcmsmobile-account-button .tv-myaccount-btn i {
display: block !important;
color: #111111 !important;
font-size: 20px !important;
line-height: 1 !important;
margin: 0 !important;
}
body #tvcmsmobile-account-button .tv-account-wrapper::after {
content: "Zaloguj" !important;
display: inline-block !important;
color: #111111 !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 700 !important;
white-space: nowrap !important;
margin-left: 3px !important;
}
/* Żeby koszyk nie nachodził na tekst logowania */
body #tvcms-mobile-view-header .tvcmsmobile-cart-acount-text {
gap: 8px !important;
overflow: visible !important;
}
}
/* =========================================================
EMALIA RYBNIK - TABLET PION / WIĘKSZY TEKST MENU
Moduł: ThemeVolty header / menu mobile
Działa tylko tablet pion 768-991px
Wklej na końcu custom.css
Cel: lekko powiększa napis "Menu" nad hamburgerem
========================================================= */
@media (min-width: 768px) and (max-width: 991px) {
body #tvcms-mobile-view-header .tvmobile-sliderbar-btn a::before {
font-size: 12px !important;
line-height: 1.05 !important;
font-weight: 800 !important;
}
body #tvcms-mobile-view-header .tvmobile-sliderbar-btn i {
font-size: 24px !important;
}
body #tvcms-mobile-view-header .tvmobile-sliderbar-btn a {
gap: 4px !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY CSS ZALET W OPISIE PRODUKTU AI v7
Moduł: PrestaShop product description / opis produktu
Styluje tylko listę zalet: ul.er-product-desc__list
Reszta opisu zostaje bez zmian
Wersja: proste eleganckie kafelki bez ikon i bez flex
Wklej na końcu custom.css po usunięciu wcześniejszych kodów opisów AI
========================================================= */
body#product .er-product-desc {
margin-top: 22px !important;
}
/* Nagłówek "Najważniejsze zalety" */
body#product .er-product-desc > h3:first-of-type {
display: block !important;
margin: 22px 0 14px !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
color: #2f2a24 !important;
font-size: 17px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
text-transform: none !important;
}
body#product .er-product-desc > h3:first-of-type::before,
body#product .er-product-desc > h3:first-of-type::after {
display: none !important;
content: none !important;
}
/* Kontener zalet */
body#product .er-product-desc ul.er-product-desc__list {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 16px !important;
margin: 0 0 26px !important;
padding: 0 !important;
list-style: none !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* Pojedynczy kafelek */
body#product .er-product-desc ul.er-product-desc__list > li {
display: block !important;
box-sizing: border-box !important;
min-height: auto !important;
margin: 0 !important;
padding: 18px 20px !important;
background: #fbf8f3 !important;
border: 1px solid #e3d7c7 !important;
border-radius: 14px !important;
box-shadow: 0 6px 16px rgba(47, 42, 36, 0.035) !important;
color: #4a4038 !important;
font-size: 14px !important;
line-height: 1.62 !important;
text-align: left !important;
}
/* Wyłączamy wszystkie wcześniejsze ikonki / kropki / pseudoelementy */
body#product .er-product-desc ul.er-product-desc__list > li::before,
body#product .er-product-desc ul.er-product-desc__list > li::after {
display: none !important;
content: none !important;
}
/* Tytuł zalety — zostaje w jednej linii z opisem */
body#product .er-product-desc ul.er-product-desc__list > li strong {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
color: #2f2a24 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: inherit !important;
}
/* Tablet i mobile */
@media (max-width: 991px) {
body#product .er-product-desc ul.er-product-desc__list {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
}
@media (max-width: 767px) {
body#product .er-product-desc {
margin-top: 18px !important;
}
body#product .er-product-desc > h3:first-of-type {
margin-top: 20px !important;
margin-bottom: 12px !important;
font-size: 16px !important;
}
body#product .er-product-desc ul.er-product-desc__list {
gap: 10px !important;
margin-bottom: 22px !important;
}
body#product .er-product-desc ul.er-product-desc__list > li {
padding: 16px 18px !important;
border-radius: 13px !important;
font-size: 13px !important;
line-height: 1.6 !important;
}
body#product .er-product-desc ul.er-product-desc__list > li strong {
font-size: 13px !important;
}
}
/* =========================================================
EMALIA RYBNIK - POPRAWKA WYŚRODKOWANIA KAFLI ZALET
Moduł: emaliazaletyglownej
Działa dla desktop + tablet + mobile
Wklej na końcu custom.css
========================================================= */
#index .emalia-home-benefits {
width: 100% !important;
padding: 18px 0 !important;
margin: 0 0 18px 0 !important;
background: #f7f7f7 !important;
clear: both !important;
}
#index .emalia-home-benefits > .container {
width: 100% !important;
max-width: 1240px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
#index .emalia-home-benefits__grid {
display: grid !important;
justify-content: center !important;
justify-items: stretch !important;
align-items: stretch !important;
gap: 18px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
#index .emalia-home-benefits__grid--count-4 {
grid-template-columns: repeat(4, 1fr) !important;
max-width: 1240px !important;
}
#index .emalia-home-benefits__grid--count-3 {
grid-template-columns: repeat(3, 1fr) !important;
max-width: 860px !important;
}
#index .emalia-home-benefits__grid--count-2 {
grid-template-columns: repeat(2, 1fr) !important;
max-width: 580px !important;
}
#index .emalia-home-benefits__grid--count-1 {
grid-template-columns: 1fr !important;
max-width: 360px !important;
}
#index .emalia-home-benefits__item {
width: 100% !important;
min-height: 88px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
/* Tablet */
@media (max-width: 1199px) {
#index .emalia-home-benefits__grid,
#index .emalia-home-benefits__grid--count-4,
#index .emalia-home-benefits__grid--count-3,
#index .emalia-home-benefits__grid--count-2 {
grid-template-columns: repeat(2, 1fr) !important;
max-width: 760px !important;
}
#index .emalia-home-benefits__grid--count-1 {
grid-template-columns: 1fr !important;
max-width: 420px !important;
}
}
/* Mobile */
@media (max-width: 767px) {
#index .emalia-home-benefits {
padding: 12px 0 !important;
margin-bottom: 14px !important;
}
#index .emalia-home-benefits > .container {
max-width: 100% !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
#index .emalia-home-benefits__grid,
#index .emalia-home-benefits__grid--count-4,
#index .emalia-home-benefits__grid--count-3,
#index .emalia-home-benefits__grid--count-2,
#index .emalia-home-benefits__grid--count-1 {
grid-template-columns: 1fr !important;
max-width: 100% !important;
gap: 10px !important;
}
#index .emalia-home-benefits__item {
min-height: auto !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNY BLOK: CENY PROMOCYJNE / OMNIBUS
Moduł: lowestprice30 + karty produktów ThemeVolty
Zakres: strona główna, kategorie, wyszukiwarka, okazje/promocje, nowości
Desktop + mobile
Zastępuje wcześniejsze bloki Omnibus, ceny regularnej i skróconego tekstu
========================================================= */
/* 1. Cena regularna przekreślona na kartach produktów */
body#index .product-price-and-shipping .regular-price,
body#category .product-price-and-shipping .regular-price,
body#search .product-price-and-shipping .regular-price,
body#prices-drop .product-price-and-shipping .regular-price,
body#new-products .product-price-and-shipping .regular-price,
.product-miniature .product-price-and-shipping .regular-price,
.tvproduct-wrapper .product-price-and-shipping .regular-price,
.tvproduct-info-box-wrapper .product-price-and-shipping .regular-price {
display: inline-block !important;
margin-left: 7px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
color: #9a9a9a !important;
text-decoration: line-through !important;
text-decoration-thickness: 1px !important;
text-decoration-color: #9a9a9a !important;
opacity: 1 !important;
}
/* 2. Wrapper komunikatu Omnibus */
.omnibus-price-wrapper,
.emalia-omnibus-wrapper,
.lowestprice30-info,
.lowestprice30-listing,
.lowestprice30-text {
display: block !important;
max-width: 170px !important;
margin: 5px auto 0 auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
font-size: 10px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
color: #9f9f9f !important;
text-align: center !important;
}
/* 3. Tekst i cena Omnibus */
.omnibus-label,
.emalia-omnibus-label,
.omnibus-price,
.emalia-omnibus-price,
.lowestprice30-info *,
.lowestprice30-listing *,
.lowestprice30-text * {
font-size: 10px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
color: #9f9f9f !important;
text-align: center !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.omnibus-price,
.emalia-omnibus-price,
.lowestprice30-info .price,
.lowestprice30-listing .price,
.lowestprice30-text .price {
color: #8f8f8f !important;
}
/* 4. Listingi: skrócony tekst "Cena z 30 dni ⓘ" */
body#index .product-description .emalia-omnibus-label,
body#category .product-description .emalia-omnibus-label,
body#search .product-description .emalia-omnibus-label,
body#prices-drop .product-description .emalia-omnibus-label,
body#new-products .product-description .emalia-omnibus-label,
body#index .product-description .omnibus-label,
body#category .product-description .omnibus-label,
body#search .product-description .omnibus-label,
body#prices-drop .product-description .omnibus-label,
body#new-products .product-description .omnibus-label {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
cursor: help !important;
font-size: 0 !important;
line-height: 1 !important;
color: transparent !important;
text-align: center !important;
}
/* Krótka etykieta + ikonka informacyjna */
body#index .product-description .emalia-omnibus-label::before,
body#category .product-description .emalia-omnibus-label::before,
body#search .product-description .emalia-omnibus-label::before,
body#prices-drop .product-description .emalia-omnibus-label::before,
body#new-products .product-description .emalia-omnibus-label::before,
body#index .product-description .omnibus-label::before,
body#category .product-description .omnibus-label::before,
body#search .product-description .omnibus-label::before,
body#prices-drop .product-description .omnibus-label::before,
body#new-products .product-description .omnibus-label::before {
content: "Cena z 30 dni ⓘ" !important;
display: inline-block !important;
font-size: 10px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
color: #9f9f9f !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
/* Dymek po najechaniu */
body#index .product-description .emalia-omnibus-label::after,
body#category .product-description .emalia-omnibus-label::after,
body#search .product-description .emalia-omnibus-label::after,
body#prices-drop .product-description .emalia-omnibus-label::after,
body#new-products .product-description .emalia-omnibus-label::after,
body#index .product-description .omnibus-label::after,
body#category .product-description .omnibus-label::after,
body#search .product-description .omnibus-label::after,
body#prices-drop .product-description .omnibus-label::after,
body#new-products .product-description .omnibus-label::after {
content: "Najniższa cena oferty z 30 dni przed obniżką." !important;
position: absolute !important;
left: 50% !important;
top: 100% !important;
transform: translateX(-50%) translateY(7px) !important;
width: 155px !important;
min-height: auto !important;
padding: 9px 10px !important;
border: 1px solid #d8d8d8 !important;
border-radius: 3px !important;
background: #ffffff !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
font-family: "Poppins", Arial, sans-serif !important;
font-size: 10px !important;
line-height: 1.35 !important;
font-weight: 400 !important;
color: #555555 !important;
text-align: left !important;
white-space: normal !important;
z-index: 999 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body#index .product-description .emalia-omnibus-label:hover::after,
body#category .product-description .emalia-omnibus-label:hover::after,
body#search .product-description .emalia-omnibus-label:hover::after,
body#prices-drop .product-description .emalia-omnibus-label:hover::after,
body#new-products .product-description .emalia-omnibus-label:hover::after,
body#index .product-description .omnibus-label:hover::after,
body#category .product-description .omnibus-label:hover::after,
body#search .product-description .omnibus-label:hover::after,
body#prices-drop .product-description .omnibus-label:hover::after,
body#new-products .product-description .omnibus-label:hover::after {
opacity: 1 !important;
visibility: visible !important;
}
/* 5. Mobile - bez dymka hover, tylko krótki tekst */
@media (max-width: 767px) {
body#index .product-price-and-shipping .regular-price,
body#category .product-price-and-shipping .regular-price,
body#search .product-price-and-shipping .regular-price,
body#prices-drop .product-price-and-shipping .regular-price,
body#new-products .product-price-and-shipping .regular-price,
.product-miniature .product-price-and-shipping .regular-price,
.tvproduct-wrapper .product-price-and-shipping .regular-price,
.tvproduct-info-box-wrapper .product-price-and-shipping .regular-price {
margin-left: 5px !important;
font-size: 11px !important;
color: #9f9f9f !important;
text-decoration-color: #9f9f9f !important;
}
.omnibus-price-wrapper,
.emalia-omnibus-wrapper,
.lowestprice30-info,
.lowestprice30-listing,
.lowestprice30-text {
max-width: 150px !important;
margin-top: 4px !important;
}
.omnibus-label,
.emalia-omnibus-label,
.omnibus-price,
.emalia-omnibus-price,
.lowestprice30-info *,
.lowestprice30-listing *,
.lowestprice30-text * {
font-size: 9px !important;
line-height: 1.22 !important;
color: #a8a8a8 !important;
}
body#index .product-description .emalia-omnibus-label::before,
body#category .product-description .emalia-omnibus-label::before,
body#search .product-description .emalia-omnibus-label::before,
body#prices-drop .product-description .emalia-omnibus-label::before,
body#new-products .product-description .emalia-omnibus-label::before,
body#index .product-description .omnibus-label::before,
body#category .product-description .omnibus-label::before,
body#search .product-description .omnibus-label::before,
body#prices-drop .product-description .omnibus-label::before,
body#new-products .product-description .omnibus-label::before {
font-size: 9px !important;
color: #a8a8a8 !important;
}
body#index .product-description .emalia-omnibus-label::after,
body#category .product-description .emalia-omnibus-label::after,
body#search .product-description .emalia-omnibus-label::after,
body#prices-drop .product-description .emalia-omnibus-label::after,
body#new-products .product-description .emalia-omnibus-label::after,
body#index .product-description .omnibus-label::after,
body#category .product-description .omnibus-label::after,
body#search .product-description .omnibus-label::after,
body#prices-drop .product-description .omnibus-label::after,
body#new-products .product-description .omnibus-label::after {
display: none !important;
}
}
/* =========================================================
EMALIA RYBNIK - FINALNE CZYTELNE FLAGI RABATU NA LISTINGACH
Szablon: ThemeVolty product-grid-view / product-grid-view2
Działa dla kategorii, wyszukiwarki, okazji, nowości i strony głównej
Wklej na końcu custom.css
========================================================= */
/* Pozycja całego kontenera flag */
body#index .tvproduct-wrapper ul.tvproduct-flags.emalia-product-flags-main,
body#category #js-product-list ul.tvproduct-flags.emalia-product-flags-main,
body#search #js-product-list ul.tvproduct-flags.emalia-product-flags-main,
body#prices-drop #js-product-list ul.tvproduct-flags.emalia-product-flags-main,
body#new-products #js-product-list ul.tvproduct-flags.emalia-product-flags-main {
top: 14px !important;
left: 14px !important;
right: auto !important;
z-index: 20 !important;
width: auto !important;
max-width: none !important;
overflow: visible !important;
}
/* Flaga rabatu: "Taniej o..." */
body#index .tvproduct-wrapper ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo,
body#category #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo,
body#search #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo,
body#prices-drop #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo,
body#new-products #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 96px !important;
max-width: none !important;
height: auto !important;
min-height: 24px !important;
margin: 0 !important;
padding: 5px 9px !important;
background: #ffffff !important;
border: 2px solid #e10000 !important;
border-radius: 5px !important;
box-shadow: none !important;
color: #e10000 !important;
font-family: "Poppins", Arial, sans-serif !important;
font-size: 10px !important;
line-height: 1.1 !important;
font-weight: 900 !important;
letter-spacing: 0.02em !important;
text-align: center !important;
text-transform: uppercase !important;
white-space: nowrap !important;
opacity: 1 !important;
}
/* Wymuszenie stylu tekstu, jeśli ThemeVolty nadpisuje elementy wewnątrz flagi */
body#index .tvproduct-wrapper ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo *,
body#category #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo *,
body#search #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo *,
body#prices-drop #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo *,
body#new-products #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo * {
color: #e10000 !important;
font-size: 10px !important;
line-height: 1.1 !important;
font-weight: 900 !important;
}
/* Flaga NOWOŚĆ zostaje spokojniejsza */
body#index .tvproduct-wrapper ul.tvproduct-flags li.product-flag.new,
body#category #js-product-list ul.tvproduct-flags li.product-flag.new,
body#search #js-product-list ul.tvproduct-flags li.product-flag.new,
body#prices-drop #js-product-list ul.tvproduct-flags li.product-flag.new,
body#new-products #js-product-list ul.tvproduct-flags li.product-flag.new {
min-width: 70px !important;
min-height: 22px !important;
padding: 4px 8px !important;
font-size: 9px !important;
font-weight: 800 !important;
}
/* Mobile */
@media (max-width: 767px) {
body#index .tvproduct-wrapper ul.tvproduct-flags.emalia-product-flags-main,
body#category #js-product-list ul.tvproduct-flags.emalia-product-flags-main,
body#search #js-product-list ul.tvproduct-flags.emalia-product-flags-main,
body#prices-drop #js-product-list ul.tvproduct-flags.emalia-product-flags-main,
body#new-products #js-product-list ul.tvproduct-flags.emalia-product-flags-main {
top: 10px !important;
left: 10px !important;
}
body#index .tvproduct-wrapper ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo,
body#category #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo,
body#search #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo,
body#prices-drop #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo,
body#new-products #js-product-list ul.tvproduct-flags li.product-flag.on-sale.emalia-product-flag-promo {
min-width: 84px !important;
min-height: 22px !important;
padding: 4px 7px !important;
border-width: 1.5px !important;
border-radius: 4px !important;
font-size: 8.5px !important;
line-height: 1.1 !important;
}
}