/*general*/
:root {
--template-font: Poppins, sans-serif;
--template-headings-font: Outfit, sans-serif;
--bg-primary: #ECEADD;
--bg-muted: #FAFAFA;
--border-color: #EAEAEA;
--text-muted: #767676;
--text-dark: #000;
--border-radius: 0px;
--heading-size-lg: 32px;
--heading-size-md: 24px;
}
@media (max-width: 767px) {
:root {
--heading-size-lg: 26px;
--heading-size-md: 18px;
}
.container.prefooter-banners__inner {
padding-left: 10px;
padding-right: 10px;
}
.overall-wrapper {
padding-top: 50px;
}}
.link-like:focus, .link-like:hover, a:focus, a:hover {
color: var(--color-primary);
}
@media (min-width: 1200px) {
.content-inner {
max-width: 100%;
}}
.homepage-box {
background-color: transparent;
border-bottom-color: transparent;
border-top-color: transparent;
padding: 0;
}
/*headings*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 600;
}
.h4.homepage-group-title, h4.homepage-group-title, h1, .h1 {
font-size: var(--heading-size-lg);
font-weight: 600;
}
.section-head.product-section {
margin-top: 80px;
}
.section-head {
border-bottom: 2px solid var(--border-color);
margin-bottom: 20px;
}
.section-head__title, .section-head.product-section .h4.homepage-group-title {
display: inline-block;
margin: 0 0 -2px;
padding-bottom: 10px;
border-bottom: 2px solid var(--color-primary);
font-family: var(--template-headings-font);
font-weight: 600;
color: var(--color-primary);
font-size: var(--heading-size-lg);
}
/*login widget*/
@media (min-width: 768px) {
#login {
position: fixed !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -50%) !important;
z-index: 9999 !important;
margin: 0;
padding: 0;
}
.popup-widget.login-widget:before {
display: none;
}
body.login-window-visible::before {
content: '';
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9998;
}}
@media (min-width: 992px) {
.popup-widget {
margin-left: 35px;
}}
@media (min-width: 1200px) {
.popup-widget {
margin-left: 140px;
}}
@media (min-width: 1440px) {
.popup-widget {
margin-left: 260px;
}}
@media (min-width: 1600px) {
.popup-widget {
margin-left: 340px;
}}
@media (min-width: 1840px) {
.popup-widget {
margin-left: 473px;
}}
/*cart widget*/
div#cart-widget {
z-index: 9999;
}
@media (min-width: 992px) {
.popup-widget.cart-widget {
top: 75px;
}}
@media (max-width: 991px) {
.popup-widget.cart-widget {
top: 170px;
}}
@media (max-width: 767px) {
.popup-widget.cart-widget {
top: 50px !important;
padding-top: 0;
}}
/*header container*/
#header {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
@media (min-width: 1600px) {
.container.navigation-wrapper, .homepage-box.before-carousel .container {
width: 1578px;
}}
@media (min-width: 1840px) {
.container.navigation-wrapper, .homepage-box.before-carousel .container {
width: 1818px;
}}
@media (min-width: 1920px) {
.container.navigation-wrapper, .homepage-box.before-carousel .container {
width: 1840px;
}}
/*header*/
#header .site-name a img {
max-height: 50px;
}
@media (min-width: 768px) {
.top-navigation-bar {
display: none;
}
.header-top {
height: 120px;
}
#header, .navigation {
position: relative;
z-index: 1000;
}
.top-navigation-bar-menu li {
font-size: 14px;
}
.top-navigation-bar-menu, .top-navigation-bar-menu-helper {
text-transform: none;
}
.top-navigation-contacts, .top-navigation-menu {
background-color: transparent;
}
.top-navigation-contacts a.project-phone:before, .top-navigation-contacts a.project-email:before {
display: none;
}
.top-navigation-bar .dropdown button, .top-navigation-bar a, .top-nav-button-login {
color: #fff;
}
.top-navigation-bar .container>div:first-child {
flex: unset;
flex-basis: 345px;
}
.top-navigation-bar .container>div {
text-align: left;
}
.top-navigation-bar .container {
padding: 4px;
}
.top-menu-trigger-visible .top-navigation-menu-trigger {
display: none;
}
.top-navigation-contacts a {
padding-right: 44px !important;
}
.top-navigation-contacts a:last-of-type {
border-right: solid 1px;
}
.top-navigation-bar-menu li:first-of-type a {
padding-left: 20px;
}
.top-navigation-bar a:hover {
color: #fff;
text-decoration: underline;
}}
@media (max-width: 768px) {
#header, .top-navigation-bar {
background-color: var(--color-primary);
}}
/*top header*/
@media (min-width: 768px) {
.site-name-wrapper, .navigation-buttons {
flex: 0 1 fit-content !important;
}
.search {
max-width: 370px;
flex: 1 !important;
margin-right: 25px;
margin-left: auto;
}}
/*search*/
.search .compact-form .btn {
font-size: 0;
width: 36px;
height: 36px;
flex: 0 0 36px;
border: 0;
background-repeat: no-repeat;
background-position: center;
padding: 0;
background-color: transparent;
background-size: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23154926'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8723 15.8298L24 21.9574L21.9574 24L15.8298 17.8723C14.2553 18.8521 11.8119 19.9176 9.95745 19.9149C4.45787 19.9149 0 15.4463 0 9.95745C0 4.45787 4.4686 0 9.95745 0C15.457 0 19.9149 4.4686 19.9149 9.95745C19.9177 11.8088 18.8493 14.2571 17.8723 15.8298ZM3.05923 9.88392C3.05923 13.6831 6.14451 16.7775 9.95285 16.7775C13.752 16.7775 16.8465 13.6907 16.8465 9.88392C16.8465 6.08477 13.7597 2.9903 9.95285 2.9903C6.1537 2.9903 3.05923 6.07557 3.05923 9.88392Z'/%3E%3C/svg%3E");
}
form#formSearchForm {
background-color: var(--bg-primary);
}
.search .compact-form .form-control {
border: 0;
background-color: var(--bg-primary);
color: var(--text-dark);
font-family: var(--template-headings-font);
border-radius: var(--border-radius);
height: 36px;
}
.search .compact-form .form-control::placeholder {
color: var(--text-dark);
}
/*navigation*/
@media (min-width: 768px) {
#navigation {
height: 50px;
}
.navigation-in>ul>li>a {
padding-bottom: 17px;
padding-top: 15px;
}
nav#navigation {
position: relative;
overflow: visible;
}
.navigation-in {
background-color: transparent;
}
.navigation-in>ul>li {
border: none;
}
.navigation-in>ul>li.ext>a>span {
display: inline-block;
}
.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:focus-visible, .navigation-in>ul>li>a:hover {
background-color: transparent;
border-color: var(--bg-primary);
color: #fff;
}
.navigation-in > ul > li.exp > a {
border-color: var(--bg-primary);
}
.navigation-in>ul>li>a {
border-top: solid 2px;
border-color: transparent;
}
.navigation-in>ul>li>a {
color: #fff;
}}
#navigation .menu-level-1 > li.ext.anq-added-menu-item.exp > a b::after {
display: none;
}
img.anq-cat-icon {
height: 22px;
width: auto;
margin-right: 8px;
vertical-align: middle;
flex: 0 0 auto;
}
.navigation-in>ul>li>a {
display: flex;
align-items: center;
height: 50px;
}
.navigation-in ul li a b {
font-weight: 600;
}
.navigation-in {
font-size: 16px;
line-height: 16px;
font-family: var(--template-headings-font);
}
.menu-helper {
height: 50px;
font-size: 16px;
top: 120px;
}
.menu-helper>span {
display: block;
font-size: 16px;
font-weight: 600;
color: #fff !important;
line-height: 50px;
background-color: transparent;
font-family: var(--template-headings-font);
}
.menu-helper:after {
line-height: 50px;
}
.menu-helper:after, .menu-trigger:after {
background-color: transparent;
color: var(--colors-foregrounds-content-primary-dark);
}
.menu-helper:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
height: 32px;
width: 32px;
}
.menu-helper-visible .menu-helper:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12' /%3E%3C/svg%3E");
background-position: center;
background-size: 24px;
}
.menu-helper-visible .menu-helper>ul {
border-radius: var(--radius-sm);
box-shadow: 0 0 10px 0 hsl(0deg 0% 0% / 10%);
padding: 10px;
}
.menu-helper>ul>li {
margin-bottom: 5px;
border-radius: var(--radius-sm);
border: none;
}
.menu-helper>ul>li a, .menu-helper>ul>li a:hover {
color: var(--colors-foregrounds-content-primary-dark);
}
.menu-helper>ul>li:hover {
background-color: var(--colors-surface-secondary);
}
.menu-helper>ul>li.ext.exp {
background-color: var(--colors-surface-secondary);
padding-bottom: 10px;
}
.menu-helper>ul>li.exp>a, .menu-helper>ul>li.exp>ul>li {
background-color: transparent;
}
.menu-helper .menu-level-2 a {
padding: 0.5rem 20px;
font-size: 1.4rem;
line-height: 1.3;
}
.menu-helper>ul>li.ext.exp a b, .navigation-in>ul>li.ext>ul>li>div>a {
font-weight: 600;
}
.menu-helper .menu-level-2 a:hover {
text-decoration: underline;
}
.menu-helper>ul>li:last-child {
margin-bottom: 0;
}
.navigation-in ul.menu-level-2 a, .navigation-in ul.menu-level-2 a:focus-visible, .navigation-in ul.menu-level-2 a:hover {
color: var(--colors-foregrounds-content-primary-dark);
}
ul.menu-level-3 {
display: none !important;
}
.submenu-visible .navigation-in>ul>li.ext.exp>ul {
border: 0;
}
/*navigation buttons*/
.header-top .btn.cart-count .cart-price, .top-nav-button-login, .top-nav-button-account, .top-nav-button-login:focus-visible, .top-nav-button-login:hover {
color:#000;
font-weight: 500;
}
.header-top .btn.cart-count:before {
margin-right: 5px;
}
.btn.cart-count:before, a.btn.cart-count:before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-color: var(--bg-primary);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
margin-right: 5px !important;
}
#header .cart-count {
display: flex;
align-items: center;
}
button.top-nav-button.top-nav-button-login, a.top-nav-button.top-nav-button-account {
font-size: 16px;
font-weight: 500;
padding: 0;
border: 0;
display: flex !important;
align-items: center;
width: unset;
height: unset;
}
button.top-nav-button.top-nav-button-login::before, a.top-nav-button.top-nav-button-account::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
font-size: 24px;
margin-right: 0;
vertical-align: middle;
background-color: var(--bg-primary);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.top-nav-button-account {
display: block;
}
@media (max-width: 1200px) {
a.top-nav-button.top-nav-button-account>span, button.top-nav-button.top-nav-button-login>span {
display: none;
}
.navigation-buttons>*::before {
margin-right: 0 !important;
}}
.navigation-buttons {
gap: 25px;
}
span.anq-favorites-count {
position: absolute;
width: 20px;
top: 7px;
left: 5px;
font-size: 12px;
font-weight: 600;
color: #fff;
pointer-events: none;
}
.flag-freeshipping .icon-van {
font-size: 18px;
margin-bottom: 0;
margin-top: 0px;
}
.flags-extra .flag.flag-freeshipping {
border-radius: var(--radius-md);
}
/*header phone*/
@media (max-width: 768px) {
#header .cart-count {
position: relative;
inset: unset !important;
}
.navigation-buttons>a, .navigation-buttons>button {
padding: 0 !important;
width: unset !important;
height: unset !important;
display: flex !important;
background-color: transparent !important;
color: #000 !important;
position: relative !important;
}
.navigation-buttons>a[data-target=navigation]:before {
line-height: 30px;
width: 30px;
content: "";
display: inline-block;
width: 30px;
height: 30px;
background-color: var(--bg-primary);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.navigation-window-visible .navigation-buttons>a[data-target=navigation]:before {
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.navigation-buttons>a[data-target=search]:before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-color: var(--bg-primary);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.navigation-buttons {
gap: 10px;
right: 10px;
position: absolute;
text-align: left;
top: -41px;
transition: transform .15s;
}
.scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .cart-count, .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .site-name, .scrolled-down body:not(.ordering-process):not(.search-window-visible) .top-navigation-bar {
transform: none;
}
html.scrolled-down body:not(.ordering-process):not(.search-window-visible):not(.navigation-window-visible) #header .site-name,
html.scrolled-down body:not(.ordering-process):not(.search-window-visible):not(.navigation-window-visible) #header .navigation-buttons,
html.scrolled-down body:not(.ordering-process):not(.search-window-visible):not(.navigation-window-visible) .top-navigation-bar {
transform: translateY(-150%) !important;
}
.top-navigation-bar {
height: 50px;
}}
@media (max-width: 767px) {
nav#navigation {
top: 50px;
height: calc(100% - 50px);
}
.navigation-window-visible #navigation {
width: 100%;
display: block;
}
.navigation-in {
display: flex;
flex-direction: column;
}
#navigation .navigation-in ul li {
text-decoration: none !important;
}
.navigation-in>ul>li {
border: 0;
}
#navigation .menu-level-1>li>a, #navigation .navigationActions>li>a {
padding-right: 50px;
position: relative;
transition: 0s;
}
.navigation-in>ul>li>a {
color: #000;
text-decoration: none;
font-size: 16px;
padding: 16px 24px;
border: none;
}
#navigation .navigation-in ul li>a>b {
padding: 0;
font-weight: 600;
text-decoration: none;
}
#navigation .menu-level-1>li>a .submenu-arrow, #navigation .navigationActions>li>a .submenu-arrow {
width: 48px;
height: 48px;
line-height: 48px;
display: block;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
transform: translate(0);
}
#navigation .submenu-arrow:after {
content: "";
width: 16px;
height: 16px;
vertical-align: middle;
position: relative;
top: -1px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23222222' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m8.25 4.5 7.5 7.5-7.5 7.5'/%3E%3C/svg%3E");
transition: 0s;
}
.navigation-in>ul>li.ext.exp>a {
padding-left: 48px;
padding-right: 100px !important;
margin-bottom: 0px;
background-color: var(--border-color);
border-bottom: 1px solid var(--border-color);
}
#navigation .menu-level-1>li.ext.exp>a b {
color: #000;
}
#navigation .menu-level-1>li.ext.exp>a .submenu-arrow, #navigation ul.navigationActions li.ext.exp .submenu-arrow {
left: 0;
}
#navigation .menu-level-1>li.ext.exp>a b::after {
content: "Do kategorie";
margin-left: auto;
text-decoration: underline;
font-size: 14px;
font-weight: 500;
position: absolute;
right: 24px;
text-transform: none;
}
.navigation-in ul.menu-level-2 {
margin-bottom: 0px;
}
.navigation-in ul.menu-level-2 li {
position: relative;
margin-bottom: 0px;
min-height: 0px;
display: flex;
align-items: center;
padding: 5px 10px;
border-bottom: 1px solid var(--border-color);
}
.navigation-in a.menu-image {
display: block;
width: 32px;
height: 32px;
border-radius: 0px;
flex: 0 0 32px;
padding: 0 !important;
}
.navigation-in a.menu-image img {
width: 32px;
height: 32px;
object-fit: cover;
}
#navigation .navigation-in ul li>div {
width: 100%;
}
.navigation-in ul.menu-level-2 li a:not(.menu-image) {
color: #000;
position: relative;
width: 100%;
padding-bottom: 10px;
padding-top: 10px;
padding-right: 0;
padding-left: 10px;
font-size: 14px;
text-decoration: none;
}
.navigation-in ul.menu-level-2 li a:not(.menu-image)>span {
text-decoration: none;
}
.navigation-in:has(li.ext.exp)>ul>li:not(.exp) {
display: none;
}
.navigation-close {
padding: 0;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
}
.navigation-close:before {
content: "";
height: 16px;
line-height: 16px;
width: 16px;
vertical-align: middle;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23222222' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12'/%3E%3C/svg%3E");
}
.navigationActions__flagWrapper {
padding-bottom: 0 !important;
padding-top: 0 !important;
line-height: 14px !important;
}
.navigationActions__flagWrapper .shp-flag {
height: 16px;
width: 16px;
margin-left: 5px;
}
ul.navigationActions>li>a>span {
padding: 0;
}
#navigation ul.navigationActions li.ext.exp > a > .navigationActions__flagWrapper > span {
font-weight: 600;
color: #000;
}
ul.navigationActions__submenu.menu-level-2 li {
display: block;
}
.navigationActions__submenu__item--active:before {
content: "";
width: 16px;
height: 16px;
left: 16px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23222222' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 12.75 6 6 9-13.5'/%3E%3C/svg%3E");
background-color: transparent;
}
.navigation-in .navigationActions__submenu.menu-level-2 > li {
padding-left: 0;
padding-right: 0;
border-bottom: none;
}
.navigation-in .navigationActions__submenu.menu-level-2 li a.navigationActions__link--flag {
margin-left: 10px;
}
.navigation-close {
display: none;
}
.navigation-window-visible .responsive-tools>a[data-target=navigation]:before {
content: "\e912";
font-size: 12px;
}
.navigation-in>ul>li.ext.exp>ul {
display: block;
}
.navigation-in>ul>li.ext.exp>a .submenu-arrow::after {
transform: rotate(180deg);
}
#navigation .navigation-in ul li {
margin: 10px;
background-color: var(--colors-surface-secondary);
border-radius: var(--radius-sm);
}
#navigation .navigation-in ul.menu-level-2 li {
background-color: #fff;
}
#navigation .navigation-in ul.menu-level-2 {
padding-bottom: .1px;
}
.navigation-in>ul>li:last-child {
border: 0;
}
ul.navigationActions>li>a>span {
font-weight: 600;
}
.search-window-visible #header .search {
padding: 10px 0 12px;
}}
button.top-nav-button.top-nav-button-login > span, a.top-nav-button.top-nav-button-account > span {
display: none;
}
@media (min-width: 768px) {
a[data-testid="headerCart"]:has(i[data-testid="headerCartCount"]) .cart-price {
display: inline-block !important;
}
.navigation-in ul.menu-level-2 {
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}}
a[data-testid="headerCart"] .cart-price {
display: none !important;
}
.header-top .btn.cart-count .cart-price {
color: #fff;
}
.navigation-buttons a[data-target=cart] i {
left: 5px;
background-color: transparent;
color: var(--color-primary);
font-weight: 700;
top: 1px;
}
.navigation-buttons a[data-target=cart] i, .navigation-buttons a[data-target=cart]:hover i {
background-color: transparent;
color: var(--color-primary);
}
/*header-trust*/
.header-trust {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--template-headings-font);
margin: 0 40px;
}
.header-trust__socials {
display: flex;
gap: 10px;
}
a.header-trust__social {
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--bg-primary);
}
.header-trust__social::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.header-trust__social[aria-label="Facebook"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.header-trust__social[aria-label="Instagram"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.header-trust__social[aria-label="YouTube"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
a.header-trust__rating {
display: flex;
align-items: center;
}
span.header-trust__badge {
z-index: auto;
position: relative;
}
span.header-trust__text {
background-color: var(--bg-primary);
padding: 10px 15px 10px 25px;
margin-left: -20px;
line-height: 1;
color: var(--text-dark);
}
span.header-trust__text > strong {
color: var(--color-primary);
}
@media (max-width: 1200px) {
#header span.header-trust__text {
display: none;
}
#header span.header-trust__badge img {
width: 35px;
}}
@media (max-width: 992px) {
#header .header-trust {
display: none;
}}
/*header contact*/
a.header-contact {
position: absolute;
right: 0;
display: flex;
flex-direction: row;
color: #fff;
gap: 10px;
font-family: var(--template-headings-font);
z-index: 1;
top: 5px;
}
span.header-contact__image img {
width: 35px;
border-radius: 999px;
}
span.header-contact__content {
display: flex;
flex-direction: column;
justify-content: center;
}
span.header-contact__title {
font-weight: 600;
}
.menu-helper {
right: 190px;
}
@media (max-width: 768px) {
a.header-contact {
right: auto;
left: 10px;
color: #000;
top: 10px;
}
.navigation-window-visible #navigation {
padding-top: 50px;
}
img.anq-cat-icon {
width: 22px;
filter: invert(1);
}
#navigation .navigation-in ul.menu-level-2 li .menu-no-image {
padding-left: 0;
}}
/* ==== Přepínač jazyka (mutace) + mobilní top řádek ==== */
.lang-switch {
display: flex;
align-items: center;
}
.lang-switch__item {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
opacity: .5;
transition: opacity .15s, box-shadow .15s;
}
.lang-switch__item:hover {
opacity: 1;
}
.lang-switch__flag {
border-radius: 50%;
object-fit: cover;
display: block;
}
/* desktop: vlaječky absolutně vpravo nahoře nad nav-buttons */
@media (min-width: 768px) {
.header-top {
position: relative;
}
.lang-switch {
position: absolute;
top: 5px;
right: 0;
gap: 8px;
}
.lang-switch__item {
width: 24px;
height: 24px;
}
.lang-switch__item.is-active {
opacity: 1;
box-shadow: 0 0 0 2px var(--bg-primary);
}
.lang-switch__flag {
width: 22px;
height: 22px;
}
}
/* mobil: kontakt + vlaječky v jednom řádku nahoře v menu, při úzkém displeji pod sebe */
@media (max-width: 767px) {
.navigation-window-visible #navigation {
padding-top: 0;
}
.menu-top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 14px;
padding: 12px 16px;
}
.menu-top a.header-contact {
position: static;
left: auto;
top: auto;
}
.lang-switch {
gap: 8px;
}
.lang-switch__item {
width: 24px;
height: 24px;
}
.lang-switch__item.is-active {
opacity: 1;
box-shadow: 0 0 0 2px var(--color-primary);
}
.lang-switch__flag {
width: 22px;
height: 22px;
}
}
/*carousel*/
@media (min-width: 1600px) {
.wide-carousel .extended-banner-texts {
width: 1418px;
}}
.extended-banner-link, .extended-banner-text, .extended-banner-title {
position: relative;
margin: 0;
padding: 0;
box-shadow: none;
border: 0;
background-color: transparent;
inset: unset;
}
.carousel .extended-banner-texts {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
}
.extended-banner-title, .extended-banner-link {
font-family: var(--template-headings-font);
}
.carousel .extended-banner-title {
font-size: var(--heading-size-lg);
color: #fff;
font-weight: 600;
margin-bottom: 10px;
line-height: 1.2;
}
.carousel .extended-banner-text {
color: #fff;
max-width: 600px;
}
.carousel .extended-banner-link {
margin-top: 20px;
}
@media (max-width: 1600px) {
.carousel .extended-banner-texts {
padding-left: 40px;
}}
@media (max-width: 1200px) {
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
aspect-ratio: 2 / 1;
object-fit: cover;
}}
@media (max-width: 992px) {
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
aspect-ratio: 4 / 3;
object-fit: cover;
}}
@media (min-width: 768px) {
.homepage-box.before-carousel {
margin-top: 20px;
}}
@media (max-width: 768px) {
a.toggle-window[data-testid="hamburgerMenu"]::after {
content: "menu";
font-size: 10px;
color: var(--bg-muted);
display: block !important;
position: absolute;
bottom: -8px;
line-height: 1.384615;
}
.navigation-buttons a[data-target=navigation] {
top: -4px !important;
}}
@media (min-width: 992px) {
.carousel-control {
width: 5%;
}}
@media (max-width: 992px) {
.carousel-control {
width: 10%;
}}
/*btns*/
.extended-banner-link, .btn.btn-primary, .filters-wrapper a.btn.btn-default, a.btn.btn-primary, a.btn.btn-default[data-testid="buttonBackToShop"] {
text-decoration: none;
height: 44px;
background-color: var(--color-primary);
width: fit-content;
padding: 5px 30px;
display: flex;
align-items: center;
color: #fff;
font-weight: 600;
text-transform: none;
}
.extended-banner-link::after, .btn.btn-primary::after, a.btn.btn-primary::after, .btn.btn-secondary::after, a.btn.btn-secondary::after, a.btn.btn-default[data-testid="buttonBackToShop"]::after {
content: "";
display: inline-flex;
width: 20px;
height: 20px;
margin-left: 6px;
vertical-align: middle;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.btn.btn-secondary, a.btn.btn-secondary {
text-decoration: none;
height: 44px;
width: fit-content;
padding: 5px 30px;
display: flex;
align-items: center;
font-weight: 600;
text-transform: none;
}
a.btn.btn-default.p-all {
text-decoration: none;
height: 44px;
background-color: var(--color-primary);
width: fit-content;
padding: 0px 30px;
line-height: 42px;
align-items: center;
color: #fff;
font-weight: 600;
text-transform: none;
}
a.btn.btn-default[data-testid="buttonBackToShop"] {
margin: 0 auto;
}
/*carousel tabs*/
.carousel-tabs {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 40px;
z-index: 1;
width: 450px;
overflow: hidden;
padding-left: 20px;
transition: height .35s ease;
}
.carousel-tabs__item {
background-color: var(--bg-primary);
margin-bottom: 10px;
padding: 10px;
display: flex;
gap: 10px;
cursor: pointer;
position: relative;
border-left: 4px solid transparent;
padding-left: 6px;
transition: all .3s ease-out;
}
.carousel-tabs__item:hover {
transform: translateX(-10px);
}
.carousel-tabs__item.is-active {
border-left-color: var(--color-tertiary);
transform: translateX(-10px);
}
.carousel-tabs__item.is-active::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translate(-100%, -50%);
border-style: solid;
border-width: 12px 14px 12px 0;
border-color: transparent var(--color-tertiary) transparent transparent;
}
.carousel-tabs__track {
transition: transform .35s ease;
}
.carousel-tabs__title {
font-family: var(--template-headings-font);
font-size: 16px;
font-weight: 600;
color: var(--text-dark);
}
.carousel-tabs__text {
font-size: 12px;
color: var(--text-dark);
margin-top: 5px;
}
.carousel-tabs__image {
aspect-ratio: 1;
max-width: 75px;
width: 75px;
flex: 0 0 75px;
}
.carousel-tabs__image img {
height: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.carousel-tabs {
display: none;
}}
.carousel-tabs__item.is-hidden {
display: none;
}
@media (max-width: 1440px) {
.carousel .extended-banner-texts {
margin: 0;
max-width: 680px;
}}
@media (max-width: 1200px) {
.carousel-tabs__text, .carousel-tabs__image {
display: none;
}
.carousel-tabs {
width: 300px;
}
.carousel .extended-banner-texts {
max-width: 600px;
}}
.carousel-control:before {
z-index: 1;
}
@media (max-width: 992px) {
.carousel-control:before {
font-size: 14px;
height: 30px;
line-height: 30px;
margin-top: -15px;
width: 30px;
}
.carousel-control.left:before, .carousel:hover .carousel-control.left:before {
left: 5px;
}
.carousel-control.right:before, .carousel:hover .carousel-control.right:before {
right: 5px;
}
.carousel .extended-banner-texts {
padding: 10px 40px;
}}
@media (max-width: 768px) {
.carousel .extended-banner-text {
font-size: 13px;
}}
/*usp*/
.benefitBanner__picture {
flex: 0 0 36px;
margin-right: 0;
max-width: 36px;
margin-bottom: 5px;
}
.benefitBanner__item, .benefitBanner__link {
flex-direction: column;
align-items: center;
text-align: center;
}
.benefitBanner__content {
padding-right: 0;
}
.benefitBanner__title {
font-family: var(--template-headings-font);
color: var(--text-dark);
font-size: 16px;
font-weight: 600;
}
.benefitBanner__data {
color: var(--text-muted);
font-size: 13px;
text-wrap-style: balance;
max-width: 300px;
}
@media (max-width: 768px) {
.benefitBanner {
display: flex;
flex-wrap: wrap;
}
.benefitBanner__item {
flex: 1 1 50%;
padding-left: 5px;
padding-right: 5px;
}
.benefitBanner__data {
font-size: 12px;
}}
/*category tiles*/
.fav-categories__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.cat-tile__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
transition: transform .5s ease;
}
.cat-tile:hover .cat-tile__image {
transform: scale(1.05);
}
.cat-tile {
position: relative;
display: flex !important;
flex-direction: column;
min-width: 0;
min-height: 0;
padding: 20px;
color: #fff;
text-decoration: none;
overflow: hidden;
border-radius: var(--border-radius);
aspect-ratio: 1;
}
.cat-tile__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--color-primary) 130%);
}
.cat-tile__content,
.cat-tile__btn {
position: relative;
z-index: 1;
}
.cat-tile__content {
color: #fff;
padding-right: 40px;
display: flex;
flex-direction: column;
height: auto;
flex: 1;
justify-content: flex-end;
}
.cat-tile__title {
display: block;
font-family: var(--template-headings-font);
font-size: var(--heading-size-md);
font-weight: 600;
}
.cat-tile__text {
display: block;
margin-top: 6px;
font-size: 13px;
text-wrap: balance;
}
.cat-tile__btn {
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
color: var(--color-primary);
border-radius: var(--border-radius);
position: absolute;
bottom: 20px;
right: 20px;
}
.cat-tile__btn svg {
width: 20px;
height: 20px;
}
@media (max-width: 992px) {
.fav-categories__grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}}
@media (max-width: 767px) {
.cat-tile {
padding: 14px;
}
.cat-tile__text {
display: none;
}
.cat-tile__btn {
bottom: 10px;
right: 10px;
}}
/*product block*/
.products-block {
margin-left: -10px;
margin-right: -10px;
}
.products-block.products>div {
border: 0 !important;
}
.products-block .p {
border: solid 1px var(--border-color);
}
.products-block.products .p .name {
color: var(--text-dark);
font-weight: 600;
}
.products-block .p .p-in {
padding: 20px;
}
.products-block .p a.image {
margin-bottom: 0;
background-color: var(--bg-muted);
}
.products-block .p a.image img {
mix-blend-mode: multiply;
}
.products-block .ratings-wrapper .availability {
font-size: 14px;
font-weight: 600;
text-align: left;
}
.products-block .ratings-wrapper .availability-amount {
font-weight: 400;
font-size: 12px;
}
.products-block .ratings-wrapper {
min-height: unset;
}
.products-block .p-bottom .p-desc {
font-size: 12px;
color: var(--text-muted);
margin-top: 10px;
padding-top: 10px;
border-top: solid 1px var(--border-color);
}
.btn.add-to-cart-button:before, .btn.btn-cart:before {
content: "";
display: inline-block;
width: 22px;
height: 22px;
background-color: var(--color-primary);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
margin-right: 5px !important;
}
.products-block .btn.btn-cart {
padding: 0;
background-color: transparent;
border: 0;
color: var(--color-primary);
font-weight: 600;
font-size: 16px;
}
.p-bottom.single-button a.btn.btn-primary {
padding: 0;
background-color: transparent;
border: 0;
color: var(--color-primary);
font-weight: 600;
font-size: 16px;
margin-left: auto;
height: auto;
}
.products-block .p-code {
background-color: transparent;
color: var(--text-muted);
font-size: 10px;
right: 5px;
top: 5px;
}
@media (min-width: 767px) {
.product .p {
transition: border-color .25s ease, box-shadow .3s ease, transform .25s ease;
}
.product .p a.image {
overflow: hidden;
}
.product .p a.image img {
transition: transform .45s ease;
}
.product .p .name {
transition: color .2s ease;
}
.product:hover .p {
border-color: var(--color-primary);
box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .28);
transform: translateY(-2px);
}
.product:hover .p a.image img {
transform: scale(1.05);
}
.product:hover .p .name {
color: var(--color-primary);
}}
@media (max-width: 767px) {
.products-block .p .p-in {
padding: 0;
}
.products-block .p a.image {
margin-bottom: 10px;
}
.products-block .ratings-wrapper .availability {
font-size: 12px;
}
.p-bottom.single-button a.btn.btn-primary, .products-block .btn.btn-cart {
margin-top: 5px;
}
.p-bottom.single-button a.btn.btn-primary {
margin-left: 0;
}
.products-block .p-bottom .p-desc {
display: none;
}
.products-block .p {
border: 0;
border-bottom: solid 1px var(--border-color);
padding-bottom: 15px;
}}
/*welcome*/
.welcome .h1, .welcome div {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.homepage-box.welcome-wrapper {
padding: 38px 10px;
}
@media (max-width: 768px) {
.homepage-box.welcome-wrapper .container {
padding-left: 0;
padding-right: 0;
}}
.about-section__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.about-section__content{
display:flex;
flex-direction:column;
}
.about-section__bottom{
display:flex;
align-items:center;
gap:28px;
flex-wrap:wrap;
}
.about-section__logos{
display:flex;
align-items:center;
gap:18px;
}
.about-section__logos img {
height: 40px;
width: auto;
}
.about-section__text {
color: var(--text-dark);
}
.about-section__subtitle {
font-family: var(--template-headings-font);
font-size: 14px;
font-weight: 600;
color: var(--color-primary);
margin-bottom: 5px;
}
@media (max-width:992px){
.about-section__inner{
grid-template-columns:1fr;
gap:30px;
}
.about-section__image{
order:-1;
}
.about-section__image img{
height:auto;
}}
@media (max-width:575px){
.about-section__bottom{
flex-direction:column;
align-items:flex-start;
gap:20px;
}}
/*store section*/
.store-section__inner{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
align-items:start;
}
.store-section__left{
display:flex;
flex-direction:column;
gap:20px;
}
.store-info{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1px;
}
.store-info__title {
font-family: var(--template-headings-font);
font-weight: 600;
color: var(--color-primary);
font-size: 16px;
}
.store-info__item{
display:flex;
flex-direction: column;
gap:10px;
background-color: var(--bg-primary);
padding: 20px;
}
.store-info__line {
display: flex;
gap: 5px;
align-items: flex-start;
}
.store-info__icon {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: -3px;
}
.store-info__icon svg {
width: 100%;
height: 100%;
display: block;
color: var(--color-primary);
}
.store-info__line p,
.store-info__line a {
margin: 0;
color: var(--text-dark) !important;
}
.store-map iframe{display:block;width:100%}
.store-note {
display: flex;
gap: 10px;
align-items: center;
background-color: hsl(var(--color-primary-h) var(--color-primary-s) calc(var(--color-primary-l) + 72%));
padding: 15px;
}
.store-note p {
margin: 0;
color: var(--color-primary);
}
.store-section__gallery{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.store-section__gallery-item{aspect-ratio:3/2}
.store-section__gallery-item img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
@media (max-width:991px){
.store-section__inner{grid-template-columns:1fr}
}
@media (max-width:575px){
.store-info{grid-template-columns:1fr}
}
.store-note::before {
content: "";
flex-shrink: 0;
width: 24px;
height: 24px;
background-color: var(--color-primary);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
/*blog grid*/
.homepage-blog-wrapper.row.blog-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.blog-wrapper .news-item {
flex-basis: 100% !important;
width: 100% !important;
padding: 0;
}
.news-item .text .title {
margin: 0;
font-size: var(--heading-size-md);
font-weight: 600;
line-height: 1.2;
color: #fff;
font-family: var(--template-headings-font);
}
.blog-wrapper .news-item a {
position: relative;
height: 100%;
display: block;
}
@media (max-width: 768px) {
.blog-wrapper .news-item a {
aspect-ratio: 2 / 1;
}
.homepage-blog-wrapper.row.blog-wrapper {
margin-left: 0;
margin-right: 0;
}}
.news-item .text {
position: absolute;
bottom: 20px;
left: 20px;
padding-right: 65px;
}
.homepage-blog-wrapper > .homepage-group-title {
grid-column: 1 / -1;
}
.blog-wrapper .section-head {
grid-column: 1 / -1;
margin-bottom: 0;
}
.homepage-blog-wrapper > .news-item:nth-child(2) {
grid-row: span 2;
height: 100%;
}
.homepage-blog-wrapper > .news-item:nth-child(2) .image {
height: 100%;
overflow: hidden;
}
.homepage-blog-wrapper > .news-item:nth-child(n+3) .image {
aspect-ratio: 2 / 1;
overflow: hidden;
}
.homepage-blog-wrapper .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.homepage-blog-wrapper .image img {
transition: all .3s ease-out;
}
.homepage-blog-wrapper .image:hover img {
transform: scale(1.05);
}
.blog-wrapper .news-item .image::after, .blog-wrapper .news-item .image img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--color-primary) 100%);
}
.news-item .text::before {
content: "";
display: block;
width: 35px;
height: 35px;
position: absolute;
bottom: 0;
right: 20px;
background-color: #fff;
cursor: pointer;
}
.news-item .text::after {
content: "";
cursor: pointer;
display: block;
position: absolute;
bottom: -3px;
right: 18px;
width: 20px;
height: 20px;
background: var(--color-primary);
transform: translate(-50%, -50%);
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
.blog-wrapper .news-item .description {
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 13px;
}
@media (min-width: 768px) {
.homepage-blog-wrapper.row.blog-wrapper {
padding-left: 20px;
padding-right: 20px;
}}
@media (max-width: 992px) {
.homepage-blog-wrapper.row.blog-wrapper {
grid-template-columns: repeat(2, 1fr);
}}
@media (max-width: 768px) {
.homepage-blog-wrapper.row.blog-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.news-item .text {
width: calc(100% - 20px);
}
.homepage-blog-wrapper > .news-item:nth-child(n+3) .image {
aspect-ratio: unset;
height: 100%;
}
.news-item .image {
margin-bottom: 0;
}
.blog-wrapper .news-item {
margin-bottom: 0;
}
.news-item .text::before {
bottom: -10px;
right: 10px;
}
.news-item .text::after {
bottom: -12px;
right: 7px;
}}
/*blog in*/
div#newsWrapper .news-item {
position: relative;
border: solid 1px var(--border-color);
padding: 10px;
}
div#newsWrapper .news-item .text {
position: relative;
inset: unset;
padding-right: 0;
width: 100%;
padding-right: 30px;
}
div#newsWrapper .news-item .text .title {
color: #000;
margin-top: 20px;
}
.news-item time {
margin-top: 10px;
}
div#newsWrapper .news-item .text::before {
background-color: var(--color-primary);
right: 0;
bottom: 0;
}
div#newsWrapper .news-item .text::after {
background: #fff;
right: -3px;
bottom: -3px;
}
div#newsWrapper .news-item .text .description p {
color: var(--muted-color);
}
div#newsWrapper .news-item {
margin-bottom: 20px;
}
.type-posts-listing .news-item .image img {
aspect-ratio: 4 / 3;
object-fit: cover;
}
@media (max-width: 768px) {
div#newsWrapper .news-item .text .title {
font-size: 18px;
}}
.reviews-section {
width: 100%;
margin: 60px 0;
}
.reviews-section__top {
display: flex;
align-items: flex-end;
gap: 10px 30px;
margin-bottom: 20px;
}
.reviews-section__heading {
display: flex;
flex-direction: column;
}
.reviews-section__subtitle {
font-family: var(--template-headings-font);
font-size: 14px;
font-weight: 600;
color: var(--color-primary);
margin-bottom: 5px;
}
.reviews-section__heading .section-head {
margin-bottom: 0;
}
.reviews-section__badges {
display: flex;
align-items: center;
gap: 22px;
flex-wrap: wrap; }
.reviews-section__badge {
display: block;
max-height: 48px;
width: auto;
}
.reviews-section__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 20px;
}
.review-card {
display: flex;
flex-direction: column;
min-height: 100%;
padding: 20px;
background: var(--bg-muted);
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
}
.review-card__stars {
margin-bottom: 14px;
}
.review-card__text {
flex: 1;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.5;
color: var(--text-dark);
}
.review-card__author {
display: flex;
align-items: center;
gap: 12px;
margin-top: auto;
}
.review-card__icon {
flex: 0 0 44px;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--border-color);
border-radius: 50%;
color: var(--color-primary);
background-color: #fff;
}
.review-card__icon svg {
width: 24px;
height: 24px;
}
.review-card__author-content {
display: flex;
flex-direction: column;
line-height: 1.3;
}
.review-card__verified {
display: inline-flex;
align-items: center;
gap: 5px;
align-self: flex-start;
margin-bottom: 4px;
padding: 2px 5px;
font-family: var(--template-headings-font);
font-size: 10px;
font-weight: 600;
line-height: 1;
color: var(--color-primary);
background: hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l) / 12%);
border-radius: var(--border-radius);
}
.review-card__verified::before {
content: "";
flex-shrink: 0;
width: 14px;
height: 14px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.review-card__name {
font-family: var(--template-headings-font);
font-size: 14px;
font-weight: 600;
color: var(--text-dark);
}
.review-card__author-content small {
font-size: 12px;
color: var(--text-muted);
}
.reviews-section > .btn {
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.reviews-section__top {
align-items: flex-start;
flex-direction: column;
}
.reviews-section__top > * {
width: 100%;
}
.reviews-section__list {
grid-template-columns: repeat(2, 1fr);
}}
@media (max-width: 767px) {
.reviews-section__list {
display: flex;
grid-template-columns: none;
gap: 10px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.reviews-section__list::-webkit-scrollbar {
display: none;
}
.review-card {
scroll-snap-align: start;
flex: 0 0 80%;
min-height: 0;
}
.reviews-section {
margin: 30px 0;
}}
@media (max-width: 575px) {
.reviews-section__badges {
gap: 14px;
}}
/*video section*/
.videos-section__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.video-tile {
position: relative;
display: flex !important;
flex-direction: column;
min-width: 0;
min-height: 0;
aspect-ratio: 16 / 9;
padding: 20px;
overflow: hidden;
border-radius: var(--border-radius);
color: #fff;
text-decoration: none;
}
.video-tile__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
transition: transform .5s ease;
}
.video-tile:hover .video-tile__image {
transform: scale(1.05);
}
.video-tile__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--color-primary) 100%); /* zelené jako ostatní sekce */
z-index: 0;
}
.video-tile__content {
position: relative;
z-index: 1;
margin-top: auto;
height: auto;
display: flex;
flex-direction: column;
color: #fff;
padding-right: 40px;
}
.video-tile__title {
display: block;
font-family: var(--template-headings-font);
font-size: var(--heading-size-md);
font-weight: 600;
}
.video-tile__text {
display: block;
margin-top: 6px;
font-size: 13px;
line-height: 1.4;
}
.video-tile__btn {
position: absolute;
z-index: 1;
right: 20px;
bottom: 20px;
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
color: var(--color-primary);
border-radius: var(--border-radius);
}
.video-tile__btn svg {
width: 20px;
height: 20px;
}
@media (max-width: 767px) {
.videos-section__grid {
grid-template-columns: 1fr;
gap: 12px;
}
.video-tile {
padding: 14px;
}
.video-tile__btn {
right: 10px;
bottom: 10px;
}}
/*footer accordions*/
@media (max-width: 767px) {
.custom-footer > div:has(.footer-banner.accordion) {
padding-top: 0;
padding-bottom: 0;
}
.custom-footer > div:has(.footer-banner.accordion) .banner-wrapper {
margin-top: 0;
}
.custom-footer > div {
width: 100%;
}
#footer .banner {
min-height: unset;
margin-bottom: 0;
}
.footer-banner.accordion {
padding-top: 20px;
padding-bottom: 20px;
border-top: solid 1px;
border-color: #c9c6b1;
}
.footer-banner.accordion .footer-banner__title {
margin: 0 !important;
display: flex;
justify-content: space-between;
gap: 20px;
padding-right: 10px;
align-items: center;
cursor: pointer;
}
.footer-banner.accordion .footer-banner__title::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
flex-shrink: 0;
background-color: currentColor;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") no-repeat center / contain;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") no-repeat center / contain;
transition: transform 0.3s ease;
}
.footer-banner.accordion.is-open .footer-banner__title::after {
transform: rotate(180deg);
}
.footer-banner.accordion .footer-banner__content {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
opacity: 0;
margin-top: 0;
transition:
grid-template-rows 0.3s ease,
opacity 0.25s ease,
margin-top 0.3s ease;
}
.footer-banner.accordion.is-open .footer-banner__content {
grid-template-rows: 1fr;
opacity: 1;
margin-top: 15px;
}
.footer-banner.accordion .footer-banner__list, .footer-banner.accordion .footer-store__list {
min-height: 0;
margin: 0;
overflow: hidden;
}}
/*footer*/
#footer .banner {
margin-bottom: 0;
}
#footer {
background-color: var(--bg-primary);
position: relative;
}
footer#footer::before {
content: "";
display: block !important;
width: 33%;
height: calc(100% - 74px);
background: url(/user/documents/upload/lukysipy-symb.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom right;
position: absolute;
bottom: 74px;
right: 0;
opacity: 0.04;
pointer-events: none;
}
.custom-footer {
border-top: 0 !important;
}
#footer>.container {
background-color: transparent;
}
@media (min-width: 1200px) {
.custom-footer {
padding-left: 0;
}
#footer .site-name {
display: none;
}
.custom-footer>div {
width: fit-content;
}
.custom-footer__banner16 {
width: 500px !important;
}
.custom-footer {
justify-content: space-between;
}}
#footer ul a, .custom-footer ul li {
color: var(--text-dark);
}
#footer ul a:hover {
color: var(--text-dark);
text-decoration: underline;
}
#footer .pageElement__heading {
color: var(--color-primary);
font-weight: 600;
font-family: var(--template-headings-font);
text-transform: none;
font-size: 20px;
}
.footer-store__list {
list-style: none;
display: flex;
flex-direction: column;
}
.footer-store__item {
display: flex;
align-items: center;
gap: 5px;
}
.footer-store__icon {
flex-shrink: 0;
width: 24px;
height: 24px;
color: var(--color-primary);
}
.footer-store__icon svg {
width: 100%;
height: 100%;
display: block;
}
.footer-store__link {
text-decoration: underline;
}
@media (max-width: 992px) {
.footer-help__socials-row {
flex-wrap: wrap;
}
.footer-help__socials-label {
flex: 0 0 100%;
}}
@media (min-width: 768px) and (max-width: 992px){
.container.footer-bottom {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
#signature {
flex: 0;
text-align: left;
}
#signature, .copyright {
margin: 0;
}
span#signature {
margin-top: 5px;
}
footer#footer::before {
height: calc(100% - 77px);
bottom: 77px;
}}
@media (max-width: 768px) {
footer#footer::before {
display: none !important;
}
.container.footer-rows {
margin-bottom: 40px;
}
.container.footer-bottom {
padding: 10px;
}
#signature, .copyright {
text-align: left;
width: 100%;
}}
/*need help footer*/
.footer-help__main {
display: flex;
align-items: flex-start;
gap: 16px;
}
.footer-help__avatar img {
width: 60px;
height: 60px;
flex: 0 0 60px;
border-radius: 50%;
object-fit: cover;
display: block;
}
.footer-help__avatar {
display: flex;
}
.footer-help__title { margin: 0 0 6px; }
.footer-help__text { margin: 0; }
.footer-help__contacts {
display: flex;
flex-wrap: wrap;
gap: 10px 24px;
margin-top: 14px;
}
.footer-help__contact {
display: inline-flex !important;
align-items: center;
gap: 5px;
color: var(--text-dark) !important;
}
.footer-help__contact:hover {
text-decoration: underline;
}
.footer-help__icon {
flex-shrink: 0;
width: 24px;
height: 24px;
color: var(--color-primary);
}
.footer-help__icon svg {
width: 24px;
height: 24px;
display: block;
}
/* sociální sítě – zelený čtverec, bílá ikona */
.footer-help__socials-row {
display: flex;
align-items: center;
gap: 14px;
margin-top: 20px;
}
.footer-help__socials-label {
font-weight: 600;
font-size: 16px;
font-family: var(--template-headings-font);
color: var(--color-primary);
}
.footer-help__socials { display: flex; gap: 10px; }
.footer-help__social {
width: 35px;
height: 35px;
display: inline-flex !important;
align-items: center;
justify-content: center;
background-color: var(--color-primary);
color: #fff;
border-radius: var(--border-radius);
}
.footer-help__social::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background-color: var(--bg-primary);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.footer-help__social[data-network="facebook"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.footer-help__social[data-network="instagram"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.footer-help__social[data-network="youtube"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.footer-help__logo {
margin-left: auto;
height: 35px;
width: auto;
display: block;
}
@media (max-width: 270px) {
.footer-help__logo {
margin-left: 0;
}
.footer-help__main {
flex-direction: column;
}}
.footer-icons .footer-icon {
margin: 0;
}
.footer-icons {
gap: 10px 20px;
justify-content: flex-start;
}
.footer-icons::before {
width: 100%;
font-weight: 600;
font-size: 16px;
font-family: var(--template-headings-font);
color: var(--color-primary);
}
html[lang="cs"] .footer-icons::before {
content: "Spolehlivá doprava a platba:";
}
html[lang="sk"] .footer-icons::before {
content: "Spoľahlivá preprava a platba:";
}
html[lang="pl"] .footer-icons::before {
content: "Niezawodna wysyłka i płatność:";
}
@media (max-width: 767px) {
.footer-links-icons {
padding: 10px;
}}
#signature, .copyright {
font-size: 12px;
}
#signature a, a.cookies-settings.js-cookies-settings {
font-family: var(--template-headings-font);
font-weight: 600;
color: var(--color-primary);
text-decoration: none;
}
#signature a:hover, a.cookies-settings.js-cookies-settings:hover {
text-decoration: underline;
}
.container.footer-bottom {
color: var(--text-dark);
border-color: #c9c6b1;
}
@media (max-width: 767px) {
#signature, .copyright {
margin: 0;
}
.copyright {
margin-top: 10px;
}}
@media (max-width: 480px) {
a.cookies-settings.js-cookies-settings {
display: block;
}}
/*ECW*/
body.cart-window-visible-empty #cart-widget .loader-overlay,
#cart-widget[aria-hidden="false"] .loader-overlay {
display: none;
}
.empty-cart-inner { padding: 24px; }
.anq-ec-content { display: flex; flex-direction: column; gap: 16px; }
.anq-ec-content h3 {
margin: 0;
font-family: var(--template-headings-font);
font-weight: 600;
color: var(--color-primary);
font-size: var(--heading-size-md);
}
.anq-ec-content > p {
margin: 0;
color: var(--text-muted);
font-size: 14px;
line-height: 1.45;
}
.anq-ecw-contact__contact-us { display: flex; flex-direction: column; gap: 12px; }
.anq-contact-us-item { display: flex; align-items: center; gap: 10px; }
.anq-contact-us-item::before {
content: "";
flex-shrink: 0;
width: 24px;
height: 24px;
background-color: var(--color-primary);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
}
.anq-contact-us-item.anq-phone::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.anq-contact-us-item.anq-mail::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.anq-contact-us-link { display: flex; flex-direction: column; line-height: 1.3; }
.anq-contact-us-link a { color: var(--text-dark); font-weight: 600; text-decoration: none; }
.anq-contact-us-link a:hover { text-decoration: underline; }
.anq-contact-us-link span { color: var(--text-muted); font-size: 12px; }
.anq-ecw-menu { border-top: 1px solid var(--border-color); padding-top: 16px; }
.anq-ecw-heading {
display: block;
margin-bottom: 10px;
font-family: var(--template-headings-font);
font-weight: 600;
color: var(--color-primary);
font-size: 16px;
}
.anq-ecw-menuitems { display: flex; flex-wrap: wrap; gap: 8px; }
.anq-ecw-menuitems a {
display: inline-flex;
padding: 6px 12px;
background: var(--bg-primary);
color: var(--text-dark);
border-radius: var(--border-radius);
font-size: 13px;
text-decoration: none;
transition: background .15s, color .15s;
}
.anq-ecw-menuitems a:hover {
background: var(--color-primary);
color: #fff;
}
/*category*/
.container.breadcrumbs-wrapper::before {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
background-color: var(--bg-primary);
z-index: -1;
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
.container.breadcrumbs-wrapper {
position: relative;
}
.breadcrumbs {
border: 0;
background-color: transparent;
}
@media (min-width: 992px) {
.breadcrumbs>span>a, .breadcrumbs>span>span {
padding: 5px 20px;
min-height: 30px;
font-size: 12px;
display: flex;
align-items: center;
}
.breadcrumbs>span>a:before {
top: 20%;
}
.breadcrumbs>span>a:after {
bottom: 20%;
}
.breadcrumbs>span>a:after, .breadcrumbs>span>a:before {
height: 35%;
}
.navigation-home-icon-wrapper:before {
font-size: 16px;
}}
.breadcrumbs>span>a:after, .breadcrumbs>span>a:before {
background-color: #736C40;
}
.breadcrumbs, .breadcrumbs a {
color: #736C40;
}
.breadcrumbs a:hover {
color: #736C40;
text-decoration: underline;
}
.anq-hidden { display: none !important; }
.anq-cat-hero {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-bottom: 28px;
padding: 48px 0;
overflow: hidden;
}
.anq-cat-hero--bg::before {
content: "";
position: absolute;
inset: 0;
background-image: var(--anq-hero-bg);
background-size: cover;
background-position: center;
z-index: 0;
}
.anq-cat-hero--bg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, .65) 45%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
.anq-cat-hero__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr;
gap: 0 32px;
align-items: start;
}
.anq-cat-hero--has-rec .anq-cat-hero__inner {
grid-template-columns: minmax(0, 1fr) minmax(340px, 0.95fr);
}
.anq-cat-hero__inner.container::before,
.anq-cat-hero__inner.container::after {
content: none;
display: none;
}
.anq-cat-hero__rec {
padding: 20px;
background: rgb(255 255 255 / 75%);
backdrop-filter: blur(5px);
}
.category-top.anq-cat-top--enhanced .category-perex a {
color: #fff;
}
.category-top.anq-cat-top--enhanced .category-title {
margin-top: 0;
}
.anq-cat-hero__rec-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.anq-cat-hero__rec-item {
background-color: #fff;
border: solid 1px transparent;
transition: border-color .3s ease-out;
}
.anq-cat-hero__rec-item:hover {
border-color: var(--color-primary);
}
.anq-cat-hero__rec-item a {
display: flex;
align-items: center;
gap: 5px;
height: 100%;
color: var(--text-dark);
text-decoration: none;
padding: 5px;
}
.anq-cat-hero__rec-item a::before {
content: "";
flex: 0 0 21px;
width: 21px;
height: 21px;
background-color: var(--color-primary, currentColor);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.anq-cat-hero__rec-name {
overflow: hidden;
text-overflow: ellipsis;
}
.anq-cat-hero__rec-more {
display: none;
margin-top: 12px;
padding: 0;
background: none;
border: 0;
cursor: pointer;
color: var(--color-primary);
font-weight: 600;
text-decoration: underline;
width: 100%;
justify-content: center;
}
/* ---- responsivita ---- */
@media (max-width: 992px) {
.anq-cat-hero { padding: 32px 0; }
.anq-cat-hero--has-rec .anq-cat-hero__inner { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
.anq-cat-hero__rec-list { grid-template-columns: 1fr; }
/* sbalené: ukaž jen prvních 5 položek, zbytek po rozbalení */
.anq-cat-hero__rec:not(.is-expanded) .anq-cat-hero__rec-item:nth-child(n + 6) { display: none; }
.anq-cat-hero__rec-more { display: inline-flex; align-items: center; }
.anq-cat-hero--bg::after {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, .3) 100%);
}
}
.category-top.anq-cat-top--enhanced .category-title, .category-top.anq-cat-top--enhanced .category-perex {
color: #fff;
}
.anq-cat-hero__rec-title {
font-size: 20px;
font-weight: 600;
color: var(--color-primary);
font-family: var(--template-headings-font);
margin-bottom: 10px;
}
/*read more*/
.anq-perex-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0;
margin-bottom: 20px;
background: none;
border: 0;
cursor: pointer;
color: var(--color-primary);
font-weight: 600;
font-family: var(--template-headings-font);
font-size: 16px;
}
.category-top.anq-cat-top--enhanced .anq-perex-toggle {
color: #fff;
}
/* chevron (mask → barva přes background-color, dědí z theme); rotace při rozbalení */
.anq-perex-toggle::after {
content: "";
flex: 0 0 18px;
width: 18px;
height: 18px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
transition: transform .2s ease;
}
.anq-perex-toggle.is-expanded::after {
transform: rotate(180deg);
}
/*subcategories*/
.subcategories.with-image li a {
background-color: var(--bg-primary);
border-color: var(--bg-primary);
color: var(--text-dark);
font-family: var(--template-headings-font);
}
.subcategories.with-image li a:before {
color: var(--color-primary);
}
@media (max-width: 768px) {
.subcategories li {
padding: 5px;
}
.subcategories {
margin: 0 -5px 19px;
}}
.btn.loadMore__button::after, .pagination .pagination__list .pagination__link::after, a.btn.goToTop__button::after {
display: none !important;
}
.pagination .pagination__list .pagination__link {
height: 36px;
padding: 0;
}
@media (min-width: 768px) {
#content .btn.unveil-button, #footer .btn.unveil-button {
display: inline-flex;
}}
.listSorting__control {
border-top: solid 1px transparent;
margin-top: 0;
font-family: var(--template-headings-font);
}
.listSorting__control--current, .listSorting__control:focus-visible, .listSorting__control:hover {
border-color: var(--color-primary);
font-weight: 600;
}
.filter-sections {
background-color: var(--bg-primary);
}
#category-filter-hover .filter-section:first-child, .filter-section+.filter-section {
border-top-color: #c9c6b1;
}
.products-top-wrapper {
display: none;
}
/*product detail*/
.shp-tabs-holder ul.shp-tabs li a {
border-width: 1px 0 0;
}
.shp-tab-link {
margin-top: 0;
font-family: var(--template-headings-font);
transition: none;
}
.active .shp-tab-link, .shp-tab-link:hover {
border-color: var(--color-primary);
font-weight: 600;
color: var(--color-primary);
}
/*priznaky*/
.flag {
font-family: var(--template-headings-font);
font-weight: 600;
}
.flag.flag-doporucujeme {
background-color: hsl(28 100% 90% / 1) !important;
color: #ff7800;
}
.flag.flag-top-produkt {
background-color: hsl(331 55% 90% / 1) !important;
color: #c53a7d;
}
.flag.flag-action {
background-color: hsl(0 62% 90% / 1);
color: #d34343;
}
.flag.flag-new {
background-color: hsl(97 80% 90% / 1);
color: #3a800e;
}
.flag.flag-tip {
background-color: hsl(186 100% 90% / 1);
color: #008392;
}
.flag.flag-custom1 {
background-color: hsl(23 78% 90% / 1) !important;
color: #be5718;
}
.image360, .p-image {
border: solid 1px var(--border-color);
margin-bottom: 20px;
}
.p-main-image {
background-color: var(--bg-muted);
display: block;
}
.p-main-image > img {
mix-blend-mode: multiply;
}
.p-thumbnails a {
margin-right: 10px;
background-color: var(--bg-muted);
}
.p-thumbnails a img {
border-color: var(--border-color);
mix-blend-mode: multiply;
}
.availability-value {
font-size: 14px;
font-weight: 600;
font-family: var(--template-headings-font);
}
.add-to-cart .btn.add-to-cart-button:before, .add-to-cart .btn.btn-cart:before {
background-color: var(--bg-primary) !important;
}
.p-short-description {
color: var(--text-muted);
margin-bottom: 5px;
}
.quantity {
border-radius: 0;
}
a.header-trust__rating.product-rating {
margin-bottom: 19px;
margin-left: auto;
}
@media (min-width: 768px) {
.benefitBanner.position--benefitProduct {
padding-top: 20px;
margin: 60px auto;
}
a.link-icon:first-child {
padding-left: 0;
}}
@media (max-width: 992px) {
a.link-icon.chat {
padding-left: 0;
}
.social-buttons-wrapper {
flex-wrap: wrap;
}
.link-icons {
flex-wrap: unset;
}}
@media (max-width: 480px) {
a.header-trust__rating.product-rating {
margin-left: 0;
}}
.link-icons {
font-family: var(--template-headings-font);
}
a.link-icon {
text-transform: none;
}
.link-icon.print:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: var(--color-primary);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain; margin: 0 auto;
margin: 0 auto;
margin-bottom: 5px;
}
.link-icon.chat:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: var(--color-primary);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
margin: 0 auto;
margin-bottom: 5px;
}
.link-icon.share:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: var(--color-primary);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
margin: 0 auto;
margin-bottom: 5px;
}
/*guide banner*/
.guide-banner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 20px;
overflow: hidden;
border-radius: var(--border-radius);
background-size: cover;
background-position: center;
color: #fff;
}
.guide-banner__overlay {
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(90deg, var(--color-primary) 0%, transparent 100%);
}
.guide-banner__content,
.guide-banner__btn {
position: relative;
z-index: 1;
}
.guide-banner__content {
max-width: 60%;
}
.guide-banner__title {
margin: 0 0 8px;
font-family: var(--template-headings-font);
font-size: 20px;
color: #fff;
}
.guide-banner__text {
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.guide-banner__btn {
flex-shrink: 0;
}
@media (max-width: 767px) {
.guide-banner {
flex-direction: column;
align-items: flex-start;
gap: 16px;
padding: 24px;
}
.guide-banner__content {
max-width: 100%;
}
a.btn.btn-primary.guide-banner__btn {
background-color: var(--bg-primary);
color: #000;
border-color: var(--bg-primary);
}
.responsive-nav .shp-tabs-holder {
padding: 0;
}
.shp-tabs-holder ul.shp-tabs li a {
padding: 10px 15px;
}}
.description-inner {
padding-left: 0;
}
/*product detail delivery info*/
.product-delivery {
display: flex;
flex-direction: row;
gap: 10px 20px;
margin-bottom: 19px;
font-family: var(--template-headings-font);
color: var(--text-dark);
}
.product-delivery__item {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
}
.product-delivery__item::before {
content: "";
flex-shrink: 0;
width: 24px;
height: 24px;
background-color: var(--color-primary);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
}
.product-delivery__time::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.product-delivery__shipping::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.product-delivery__shipping a {
color: var(--text-dark);
text-decoration: underline;
}
/*product detail need help*/
.p-info-wrapper .footer-help__main {
margin-top: 20px;
}
.p-info-wrapper .footer-help__title {
text-transform: none;
font-size: 20px;
color: var(--color-primary);
}
/*Product variant box*/
.select-variant .box {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px 10px;
cursor: pointer;
font-weight: 400;
border: 1px solid var(--border-color);
font-family: var(--template-headings-font);
}
.select-variant .box.checked, .select-variant .box.checked:hover {
border-color: var(--color-primary);
background-color: var(--color-primary);
color: #fff;
font-weight: 600;
}
.select-variant .box:hover {
background-color: var(--bg-muted);
}
.widget-parameter-wrapper .widget-parameter-value {
margin: 0 5px 0 0 !important;
}
.widget-parameter-wrapper .widget-parameter-value a {
color: var(--text-dark);
font-size: 12px;
font-weight: 600;
padding: 0 3px;
min-width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--border-color);
}
tr.variant-list, tr.surcharge-list {
display: flex;
flex-direction: column;
margin-bottom: 5px;
}
.detail-parameters th, #product-detail-form .surcharge-label, #product-detail-form .variant-label {
font-weight: 600;
font-size: 16px;
font-family: var(--template-headings-font);
color: var(--text-dark);
}
.detail-parameters th {
padding-bottom: 5px !important;
}
/*cart*/
.cart-widget-product-name a {
font-family: var(--template-headings-font);
color: var(--text-dark);
}
.cart-widget-product .cart-widget-product-surcharges, .cart-widget-product .cart-widget-product-variant, .popup-widget-inner {
color: var(--text-muted);
}
.cart-free-shipping {
font-family: var(--template-headings-font);
}
.cart-free-shipping strong {
color: var(--color-primary);
}
.cart-widget-button .btn {
font-size: 16px;
text-transform: none;
}
.cart-table tr td.p-name a {
color: var(--text-dark);
font-family: var(--template-headings-font);
text-transform: none;
}
a.show-related {
color: var(--text-muted) !important;
}
.main-link-surcharges, .main-link-variant {
color: var(--color-primary);
}
.discount-coupon form .btn {
font-size: 0;
width: 36px;
flex: 0 0 36px;
padding: 0;
display: flex;
justify-content: center;
}
.discount-coupon form .btn::after {
margin: 0;
}
.discount-coupon input {
border-color: var(--border-color);
border-radius: 0;
}
span.btn.btn-block.btn-default.toggle-contacts {
background-color: var(--color-primary);
}
.payment-info b {
color: var(--text-dark);
font-weight: 600;
font-family: var(--template-headings-font);
}
.order-summary-item.helper {
color: var(--text-dark);
font-family: var(--template-headings-font);
}
.availability-label {
font-family: var(--template-headings-font);
font-weight: 600;
}
#order-form .radio-wrapper {
border: 1px solid var(--border-color);
margin-bottom: 10px;
cursor: pointer;
transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
#order-form .radio-wrapper.active {
border-color: var(--color-primary);
background: rgba(21, 73, 38, .06);
box-shadow: inset 2px 0 0 var(--color-primary);
}
.payment-shipping-price {
font-family: var(--template-headings-font);
}
.form-control, input {
border-radius: 0;
}
.order-summary-heading {
text-transform: none;
}
.order-complete-links a.btn.btn-primary {
margin: 0 auto;
}
.cart-summary { border-top: 1px solid var(--color-primary); }
.sidebar-in-cart > div { border: 1px solid var(--border-color); }
.cart-table tr.removeable img,
.cart-table .p-image img {
background: #fff;
border: 1px solid var(--border-color);
mix-blend-mode: multiply;
}
.btn-conversion { transition: filter .15s ease; }
.btn-conversion:hover { filter: brightness(1.12); }
@media (max-width: 767px) {
ol.cart-header li a, ol.cart-header li strong {
padding: 15px 0;
}
ol.cart-header {
background-color: var(--color-primary);
}
ol.cart-header li.active a, ol.cart-header li.active strong {
color: #fff;
}}
/*thank you page*/
.in-dekujeme .order-summary-heading{
text-align:center;
color:var(--color-primary);
font-family:var(--template-headings-font);
margin-bottom:6px;
}
.in-dekujeme .order-summary-heading::before{
content:"";
display:block;
width:72px;height:72px;
margin:8px auto 22px;
border-radius:50%;
background:var(--color-primary)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 12.75 6 6 9-13.5'/%3E%3C/svg%3E")
no-repeat center / 38px;
}
.in-dekujeme .order-summary-heading + p,
.in-dekujeme .order-summary-heading + div{
color:var(--text-muted,#767676);
}
.in-dekujeme .recapitulation-wrapper{
background:#fff;
border:1px solid var(--border-color,#EAEAEA);
padding:26px 30px;
margin-top:22px;
}
.in-dekujeme .recapitulation-table th,
.in-dekujeme .recapitulation-table td{padding-bottom:6px;}
.in-dekujeme .cart-table img{
background:#fff;
border:1px solid var(--border-color,#EAEAEA);
mix-blend-mode:multiply;
}
@keyframes ty-pop{
0% {transform:scale(0); opacity:0;}
60% {transform:scale(1.08);opacity:1;}
100%{transform:scale(1); opacity:1;}
}
@keyframes ty-ring{
0% {box-shadow:0 0 0 0 hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l)/.35);}
100%{box-shadow:0 0 0 18px hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l)/0);}
}
.in-dekujeme .order-summary-heading::before{
animation:ty-pop .5s cubic-bezier(.18,.89,.32,1.28) both,
ty-ring .9s ease-out .35s both;
}
@media (prefers-reduced-motion:reduce){
.in-dekujeme .order-summary-heading::before{animation:none;}
}
/*menu promo*/
.anq-menu-promo {
display: none;
}
@media (min-width: 992px) {
.menu-level-2.anq-has-promo {
padding-right: 25% !important;
min-height: 330px !important;
align-content: flex-start !important;
background: #fff;
box-shadow: 0 12px 30px rgba(0, 0, 0, .10);
box-sizing: border-box;
}
.menu-level-2.anq-has-promo > li:not(.anq-menu-promo) {
flex: 0 0 33.333% !important;
max-width: 33.333% !important;
}
.menu-level-2.anq-has-promo > li.anq-menu-promo {
display: block !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: auto !important;
width: 25% !important;
height: auto !important;
margin: 0 !important;
background: hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l) / .06);
border-left: 1px solid var(--border-color, #EAEAEA);
}
.anq-menu-promo > a {
display: flex !important;
flex-direction: column;
align-items: center;
text-align: center;
height: 100%;
padding: 20px 22px !important;
gap: 10px;
text-decoration: none;
box-sizing: border-box;
}
.anq-menu-promo__label {
align-self: flex-start;
flex: 0 0 auto;
font-size: 11px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--color-primary);
background: #fff;
border: 1px solid var(--color-primary);
padding: 3px 9px;
}
.anq-menu-promo__imgwrap {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 135px;
}
.anq-menu-promo__imgwrap img {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain;
mix-blend-mode: multiply;
}
.anq-menu-promo__name {
flex: 0 0 auto;
font-size: 14px;
line-height: 1.35;
color: var(--text-dark, #000);
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.anq-menu-promo__price {
flex: 0 0 auto;
font-size: 19px;
font-weight: 700;
color: var(--color-primary);
}
.anq-menu-promo__btn {
flex: 0 0 auto;
display: block;
width: 100%;
margin-top: 2px;
padding: 10px 12px;
background: var(--color-primary);
color: #fff;
font-size: 13px;
font-weight: 500;
transition: filter .15s;
}
.anq-menu-promo > a:hover .anq-menu-promo__btn {
filter: brightness(1.12);
}}
/*sticky buy*/
.anq-sticky-buy {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
background: #fff;
border-bottom: 1px solid var(--border-color, #EAEAEA);
box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
transform: translateY(-100%);
transition: transform .25s ease;
}
button.btn.btn-lg.btn-conversion.add-to-cart-button.anq-sticky-buy__btn::before {
background-color: var(--bg-primary);
}
.anq-sticky-buy.is-visible {
transform: translateY(0);
}
.anq-sticky-buy__inner {
max-width: 1840px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 20px;
padding: 8px 16px;
}
.anq-sticky-buy__img {
flex: 0 0 auto;
width: 50px;
height: 50px;
object-fit: contain;
mix-blend-mode: multiply;
}
.anq-sticky-buy__main {
flex: 1 1 auto;
min-width: 0;
}
.anq-sticky-buy__name {
font-family: var(--template-headings-font);
font-weight: 600;
font-size: 16px;
line-height: 1.2;
color: var(--text-dark, #000);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.anq-sticky-buy__tabs {
display: flex;
gap: 20px;
margin-top: 3px;
}
.anq-sticky-buy__tab {
font-size: 14px;
color: var(--text-muted, #767676);
text-decoration: none;
border-bottom: 1px solid transparent;
padding-bottom: 1px;
transition: color .15s, border-color .15s;
}
.anq-sticky-buy__tab:hover {
color: var(--color-primary);
border-bottom-color: var(--color-primary);
}
.anq-sticky-buy__price {
flex: 0 0 auto;
font-size: 20px;
font-family: var(--template-headings-font);
font-weight: 600;
color: var(--text-dark);
white-space: nowrap;
}
.anq-sticky-buy__btn {
flex: 0 0 auto;
}
.anq-sticky-buy__priceblock {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
margin-left: auto;
line-height: 1.15;
}
.anq-sticky-buy__avail {
font-size: 12px;
font-weight: 600;
}
@media (max-width: 767px) {
.anq-sticky-buy {
top: auto;
bottom: 0;
transform: translateY(100%);
border-bottom: 0;
border-top: 1px solid var(--border-color, #EAEAEA);
box-shadow: 0 -4px 16px rgba(0, 0, 0, .08);
}
.anq-sticky-buy.is-visible {
transform: translateY(0);
}
.anq-sticky-buy__img,
.anq-sticky-buy__main {
display: none;
}
.anq-sticky-buy__inner {
gap: 12px;
}
.anq-sticky-buy__price {
flex: 0 0 auto;
}
.anq-sticky-buy__btn {
flex: 1 1 auto;
justify-content: center;
}}
/*search whisperer*/
.search-whisperer {
background: #fff;
box-shadow: 0 16px 38px rgba(0, 0, 0, .16);
padding: 6px;
margin-top: 10px;
max-height: 75vh;
overflow-y: auto;
}
.search-whisperer-documents:not(.text-center) {
display: flex;
flex-direction: column;
padding: 6px 0 8px;
}
.search-whisperer-document {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 12px !important; /* pevné odsazení → nadpis i ikona zarovnané */
color: var(--text-dark, #000);
text-decoration: none;
transition: background-color .12s;
}
.search-whisperer-document:hover {
background: hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l) / .07);
}
.search-whisperer-document span {
order: 1;
font-size: 14px;
line-height: 1.3;
}
.search-whisperer-document em {
order: 2;
margin-left: auto;
flex: 0 0 auto;
font-style: normal;
font-size: 10px;
font-weight: 600;
letter-spacing: .05em;
text-transform: uppercase;
color: var(--color-primary);
background: hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l) / .10);
padding: 2px 7px;
}
.search-whisperer-document em:empty {
order: 0;
margin: 0;
padding: 0;
background: none;
flex: 0 0 auto;
display: inline-block;
width: 17px;
height: 17px;
background-color: var(--text-muted, #767676);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.search-whisperer-products { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.search-whisperer-products > li { margin: 0; border: 0; }
.search-whisperer-products > li > a {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px;
text-decoration: none;
transition: background-color .12s;
}
.search-whisperer-products > li > a:hover {
background: hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l) / .07);
}
.search-whisperer-image {
flex: 0 0 auto;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid var(--border-color, #EAEAEA);
}
.search-whisperer-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
mix-blend-mode: multiply;
}
.search-whisperer-products .p-info { display: flex; flex-direction: column; gap: 3px; flex: 1 1 auto; min-width: 0; }
.search-whisperer-products .p-name {
font-size: 14px;
color: var(--text-dark, #000);
font-weight: 500;
line-height: 1.25;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search-whisperer-products .p-availability { margin: 0; }
.search-whisperer-products .availability-label { font-size: 12px; font-weight: 600; color: var(--color-primary); }
.search-whisperer-products .price {
flex: 0 0 auto;
margin-left: auto;
padding-left: 10px;
font-size: 15px;
font-weight: 700;
color: var(--color-primary);
white-space: nowrap;
}
.search-whisperer-documents.text-center { border-top: 1px solid var(--border-color, #EAEAEA); margin-top: 6px; }
.search-whisperer-documents.text-center .search-whisperer-document {
justify-content: center;
padding: 12px !important;
font-size: 13px;
font-weight: 600;
color: var(--color-primary);
}
.search-whisperer-documents.text-center .search-whisperer-document em { display: none; }
@media (max-width: 991px) {
.search-whisperer-documents:not(.text-center) {
border-bottom: 1px solid var(--border-color, #EAEAEA);
margin-bottom: 6px;
}}
@media (min-width: 992px) {
.search-whisperer {
left: auto;
right: 0;
width: 760px;
max-width: calc(100vw - 32px);
display: grid !important;
grid-template-columns: 1fr 270px;
grid-template-rows: minmax(0, 1fr) auto;
grid-template-areas: "products docs" "footer footer";
padding: 0;
max-height: 78vh;
overflow: hidden;
}
.search-whisperer-products { grid-area: products; padding: 8px; overflow-y: auto; }
.search-whisperer-documents:not(.text-center) {
grid-area: docs;
overflow-y: auto;
border-left: 1px solid var(--border-color, #EAEAEA);
background: var(--bg-primary, #ECEADD); /* brandová béžová */
padding: 8px 0 12px;
}
.search-whisperer-documents:not(.text-center)::before {
content: "Kategorie a články";
display: block;
padding: 6px 12px 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--color-primary);
}
.search-whisperer-documents:not(.text-center) .search-whisperer-document { align-items: flex-start; }
.search-whisperer-documents:not(.text-center) .search-whisperer-document span { white-space: normal; }
.search-whisperer-documents.text-center { grid-area: footer; margin-top: 0; background: #fff; }
.search-whisperer:not(:has(.search-whisperer-documents:not(.text-center))) {
grid-template-columns: 1fr;
grid-template-areas: "products" "footer";
}}
html[lang="sk"] .search-whisperer-documents:not(.text-center)::before { content: "Kategórie a články"; }
html[lang="pl"] .search-whisperer-documents:not(.text-center)::before { content: "Kategorie i artykuły"; }
/*anq added submenu*/
@media (min-width: 992px) {
.navigation-in > .menu-level-1 > li.anq-added-menu-item {
position: relative;
}
.navigation-in > .menu-level-1 > li.anq-added-menu-item > .anq-added-submenu {
left: 0 !important;
right: auto !important;
top: 100% !important;
width: max-content !important;
min-width: 220px;
max-width: 260px;
padding: 8px 0 !important;
background: #fff;
border: 1px solid var(--border-color, #EAEAEA);
box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}
.navigation-in > .menu-level-1 > li.anq-added-menu-item > .anq-added-submenu > li {
display: block !important;
width: 100% !important;
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
flex: 1;
}
.navigation-in > .menu-level-1 > li.anq-added-menu-item > .anq-added-submenu > li > div {
display: block !important;
width: 100% !important;
min-height: 0 !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.navigation-in > .menu-level-1 > li.anq-added-menu-item > .anq-added-submenu > li > div > a {
display: block !important;
width: 100% !important;
padding: 9px 18px !important;
white-space: nowrap;
font-size: 14px;
color: var(--text-dark, #000) !important;
transition: background-color .12s, color .12s;
}
.navigation-in > .menu-level-1 > li.anq-added-menu-item > .anq-added-submenu > li > div > a:hover {
background: hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l) / .07);
color: var(--color-primary) !important;
}}
/*gallery*/
.plus-gallery-item > a {
display: block !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
height: auto !important;
overflow: hidden;
position: relative;
line-height: 0;
}
.plus-gallery-item > a > img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
max-height: none !important;
transition: filter .2s ease;
}
.plus-gallery-item > a:hover > img {
filter: brightness(.88);
}
@media (max-width: 480px) {
.plus-gallery-item {
width: calc(50% - 12px) !important;
height: calc(50% - 12px) !important;
}}
.id--51 .rate-wrapper { background:#FEF7E0; border:1px solid #F1E4B4; padding:26px 30px; margin:6px 0 34px; }
.id--51 .rate-wrap { display:flex; flex-wrap:wrap; gap:20px 48px; align-items:center; }
.id--51 .rate-average-wrap { flex:0 0 auto; }
.id--51 .rate-average-inner { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.id--51 .rate-average { font-family:var(--template-headings-font); font-size:60px; font-weight:800; line-height:1; color:#1F1F1F; }
.id--51 .rate-star-wrap { display:flex; flex-direction:column; gap:4px; }
.id--51 .stars-label { color:var(--text-muted,#767676); font-size:14px; }
.id--51 .votes { flex:1 1 380px; min-width:300px; }
.id--51 .rate-list { display:flex; align-items:center; gap:12px; margin-bottom:9px; }
.id--51 .rate-star { flex:0 0 46px; display:flex; align-items:center; justify-content:flex-end; gap:5px; color:#4a4a4a; font-size:14px; font-weight:600; }
.id--51 .rate-block { position:relative; flex:1; height:11px; background:#F2E7C2; border-radius:999px; margin-right:56px; overflow:visible; }
.id--51 .rate-wrapper.unveil-wrapper .rate-bar {
position:static !important;
display:block;
height:11px !important;
width:var(--rate-bar-width,0%);
min-width:0;
background:var(--colors-surface-rating,#F0A500);
border-radius:999px;
animation:anq-bar-grow .6s ease-out both !important;
}
@keyframes anq-bar-grow { from { width:0; } to { width:var(--rate-bar-width,0%); } }
.id--51 .rate-count,
.id--51 .rate-count.active {
position:absolute;
left:auto !important;
right:-52px !important;
top:50%;
transform:translateY(-50%);
white-space:nowrap;
font-size:13px;
font-weight:600;
color:#4a4a4a;
transition:none !important;
}
.id--51 .ratingsList { display:flex; flex-direction:column; gap:14px; }
.id--51 .vote-wrap { background:#fff; border:1px solid var(--border-color,#EAEAEA); padding:18px 22px; margin:0 !important; }
.id--51 .vote-header { display:flex; align-items:center; gap:14px; }
.id--51 .vote-summary { display:flex; flex-direction:column; gap:3px; }
.id--51 .vote-rating { display:flex; align-items:center; gap:8px; }
.id--51 .vote-time { color:var(--text-muted,#767676); font-size:13px; }
.id--51 .vote-delimeter { color:#ccc; }
.id--51 .vote-content { margin-top:10px; color:#2F2F2F; line-height:1.55; }
@media (max-width:768px) {
.id--51 .rate-wrapper { padding:22px 14px; }
.id--51 .rate-average { font-size:48px; }
.id--51 .votes { min-width:0; flex-basis:100%; }
.id--51 .rate-block { margin-right:50px; }
.id--51 .rate-count,
.id--51 .rate-count.active { font-size:12px; right:-46px !important; }
}
.id--51 .rate-wrapper.unveil-wrapper .rate-average-inner .stars {
gap: 4px;
}
.id--51 .rate-wrapper.unveil-wrapper .rate-average-inner .star:before {
font-size: 20px;
}
.id--51 .rate-wrapper.unveil-wrapper .rate-star-wrap {
margin-left: 0;
}
.about-section__content {
justify-content: center;
}
.before-video {
margin-top: 20px;
}
h3.section-head__title {
font-size: var(--heading-size-md);
}
.section-head.additional-products {
margin-top: 70px;
}
@media (min-width: 1200px) {
.type-post .content-inner {
max-width: 800px;
}}
html, body {
overflow-x: hidden;
}
.siteCookies.siteCookies--bottom,
.siteCookies.siteCookies--bottom.siteCookies--scrolled {
left: auto;
right: 20px;
bottom: 20px;
width: 670px;
max-width: calc(100vw - 40px);
}
.siteCookies .siteCookies__button {
border-radius: 0;
height: 44px;
padding: 0 26px;
font-family: var(--template-headings-font);
font-size: 14px;
font-weight: 600;
display: flex;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
align-items: center;
justify-content: center;
}
.siteCookies .siteCookies__form,
.siteCookies--scrolled .siteCookies__form {
background: #fff;
border: 1px solid var(--border-color);
border-left: 4px solid var(--color-primary);
border-radius: 0;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
font-family: var(--template-font);
padding: 22px 24px;
}
.siteCookies .siteCookies__text {
color: #1d1d1d;
font-size: 14px;
line-height: 1.6;
}
.siteCookies .siteCookies__text a {
color: var(--color-primary);
font-weight: 600;
text-decoration: underline;
}
.siteCookies .siteCookies__link {
color: var(--color-primary);
background: none;
border: none;
font-size: 13px;
font-weight: 600;
text-decoration: underline;
padding: 0;
cursor: pointer;
}
.siteCookies .siteCookies__link:hover {
color: var(--color-primary);
}
.siteCookies .siteCookies__button[value="all"] {
background: var(--color-primary);
color: #fff;
border: none;
}
.siteCookies .siteCookies__button[value="all"]:hover {
background: var(--color-primary);
}
.siteCookies .siteCookies__button[value="reject"] {
background: #fff;
color: var(--color-primary);
border: 1px solid var(--color-primary) ;
}
.siteCookies .siteCookies__button[value="reject"]:hover {
background: var(--bg-muted);
}
.anq-ship-loading [data-testid="shippingMethod"],
html.anq-ship-preload #order-shipping-methods [data-testid="shippingMethod"] {
display: none !important;
}
.anq-ship-loading::before,
html.anq-ship-preload #order-shipping-methods::before {
content: "";
display: block;
height: 56px;
border-radius: 8px;
background: #f1f1f1;
box-shadow: 0 68px 0 #f1f1f1, 0 136px 0 #f1f1f1;
margin-bottom: 136px;
animation: anqShipPulse 1.2s ease-in-out infinite;
}
@keyframes anqShipPulse {
50% { opacity: .55; }
}
/* skryti logistickych priznaku ve filtrech kategorii */
.filter-section div:has(> input[data-filter-code="dd"][data-filter-id="119"]),
.filter-section div:has(> input[data-filter-code="dd"][data-filter-id="274"]),
.filter-section div:has(> input[data-filter-code="dd"][data-filter-id="277"]),
.filter-section div:has(> input[data-filter-code="dd"][data-filter-id="283"]),
.filter-section div:has(> input[data-filter-code="dd"][data-filter-id="286"]),
.filter-section div:has(> input[data-filter-code="dd"][data-filter-id="289"]) {
display: none !important;
}
/* poznamky u dopravy a platby v objednavce */
.site-msg-custom.step-1.anq-distributed { display: none !important; }
.anq-checkout-note {
background: var(--bg-primary, #ECEADD);
border-left: 4px solid var(--color-primary, #154926);
padding: 14px 18px;
margin: 0 0 18px;
font-size: 14px;
line-height: 1.6;
color: #1d1d1d;
}
.anq-checkout-note p { margin: 0; }
.anq-checkout-note strong {
display: block;
margin-bottom: 2px;
color: var(--color-primary, #154926);
}
/* Věkový souhlas 18+ na detailu produktu */
.consent-18-wrap {
margin: 0 0 12px;
padding: 10px 12px;
border: 1px solid #d9534f;
border-radius: 4px;
background: #fdf3f2;
font-size: 13px;
line-height: 1.4;
}
.consent-18-wrap label {
margin: 0;
font-weight: normal;
cursor: pointer;
}
/* zvýraznění při pokusu o odeslání bez souhlasu */
.consent-18-wrap.consent-18-error {
border-color: #c00;
box-shadow: 0 0 0 2px rgba(204, 0, 0, .25);
}
/* neaktivní tlačítko, dokud není souhlas zaškrtnutý */
.p-detail .add-to-cart-button:disabled {
opacity: .5;
cursor: not-allowed;
}