Content-Type: text/css; charset=utf-8
Content-Encoding: br
Cache-Control: public, max-age=31536000, immutable
Vary: Accept-Encoding

/*===============Obecné úpravy=============*/

.category-perex h1 {
line-height: 1;
margin-bottom: 12px;}

@media (min-width: 768px) {
.p-detail {padding-top: 10px;}
.category-perex h1 {margin-top: -18px;}
}

.p-detail-inner .brand-wrapper a{display: none;}

@media (max-width:768px) {
.category-perex, .category__secondDescription {padding-top: 15px;}

.category-perex h1 {margin-top: 5px;}

.custom-footer {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-bottom: 16px;
text-align: center;
}

.custom-footer > div {
display: flex;
flex-direction: column;
align-items: center;
}
#footer h4 > span::after{display:none;}

.category-perex p:first-of-type span {
line-height:1.1; 
}
} /*konec mobilního zobrazení*/

.category-perex, .category__secondDescription {margin-bottom: 0px;}

.category-top::before {
content: "";
position: absolute;
top: 0px;
left: 50%;
width: 100vw;
margin-left: -50vw;
height: 100%;
background-color:#f3ede3;
z-index: -1;
}

.cart-inner .contact-box [class*=" icon-"], .cart-inner .contact-box [class^="icon-"], .extras-wrapper [class*=" icon-"], .extras-wrapper [class^="icon-"] {
color: #37322d!important;
}
@media (min-width:768px) {
.footer-newsletter {max-width: 560px;}}

.footer-newsletter-full-width {
background-color: #37322d;
position: relative;
padding-bottom: 10px;
}

.footer-newsletter .compact-form .btn, .footer-newsletter .form-control {height: 35px;}
.footer-newsletter .compact-form .btn {
background-color: #fff!important;
border-color: #fff!important;
color: #000!important;}
.footer-newsletter .form-control {
background-color: hsla(0,0%,100%,.2)!important;
color: #fff!important;}
.footer-newsletter {padding: 20px 0px;}

.next-to-carousel-banners .extended-banner-texts {
border-top-left-radius: 0;
border-top-right-radius: 0;
padding:20px;
position: static;
width: 100%;
background-color:#37322d;
align-items: center;
}

.next-to-carousel-banners .extended-banner-texts .extended-banner-link {
color:#f3ede3;
white-space: nowrap;}

.banner-wrapper {
padding: 15px;
padding-bottom: 30px;
padding-top: 30px;
}
.next-to-carousel-banners .extended-banner-texts .extended-banner-link::after {content: no-open-quote;}

@media (max-width: 992px){
.next-to-carousel-banners {
flex-flow: row wrap;
gap: 1px;
padding-bottom: 40px;
}

.banner-wrapper {
flex: 1 1 calc(50% - 16px);
box-sizing: border-box;
padding-bottom: 0px;
}

.banner-wrapper {
position: relative;
overflow: hidden;
}

.banner-wrapper img {
display: block;
width: 100%;
height: auto;
}

.homepage-blog-wrapper .news-items {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
margin-left: -8px;
margin-right: -8px;
}
.homepage-blog-wrapper .news-items > * {
flex: 1 0 auto;
margin: 8px;
}}

@media (min-width: 992px) {
.news-items {
display: flex;
flex-wrap: nowrap;
gap: 20px;
justify-content: center;
}
.news-item {
width: 400px;
/*height: 461px;*/
box-sizing: border-box;
}}

@media (min-width: 768px) {
.homepage-blog-wrapper .image+.text {
background: rgba(0,0,0,0);
}
.homepage-blog-wrapper{z-index:1;}
.homepage-blog-wrapper .news-item .text {
position: relative;
overflow: visible;
color:black;
display: flex;
flex-direction: column;
/*gap: 30px;*/
}
.homepage-blog-wrapper .news-item .title {
font-size:20px;
overflow: visible;
/*font-weight:400;*/
line-height:25px;
}

.homepage-blog-wrapper .image+.text .description, .homepage-blog-wrapper .image+.text .news-heading, .homepage-blog-wrapper .image+.text .title, .homepage-blog-wrapper .image+.text a, .homepage-blog-wrapper .image+.text time {
color: #000;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  
overflow: hidden;
text-overflow: ellipsis;
}
.homepage-blog-wrapper .news-item .image img {border-radius:0;}
.homepage-blog-wrapper {padding:0px;}
.homepage-blog-wrapper .news-item .read-article,.one-column-body .homepage-blog-wrapper .news-item .description,.one-column-body .homepage-blog-wrapper .news-item time {
margin: 5px 0 0;}

.homepage-blog-wrapper .news-item .text {
left: 0px;
top:0px;
right:0px;
}}

.breadcrumbs-background {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 50px;
background-color: #f3ede3;
z-index: -1;
}

.p-detail-full-width {background-color: #f3ede3;}

.shp-tabs, .shp-tabs-holder {background-color: #f3ede3;}

@media (min-width: 768px) {
.one-column-body .homepage-blog-wrapper .news-item .image + .text {
padding: 10px;
}
.news-items {
margin-bottom: 30px;
}}

a.social-icon {background-color: #000;}

@media (min-width: 768px) {
.homepage-blog-wrapper .image + .text:hover {
background: rgba(0,0,0,0);
}}

@media (min-width: 768px) {
#newsWrapper .news-item .text {
background: rgba(0, 0, 0, 0);
}}

/*Srovnání velikosti loga na homepage*/
@media (min-width:768px) {
#header .header-top .header-top-wrapper .site-name, #header .header-top .header-top-wrapper h1.site-name {
font-size: 0px!important;
line-height: 0px!important;
}
}

.flag.flag-new {
border-radius: 0;
}

.flag.flag-action {
border-radius: 0;
}

@media (min-width:768px) {
.sidebar, .sidebar .box {
    z-index: 5;
}}

@media (min-width:768px) {
.category-title, .content-inner > h1, .content > h2, article header h1 {
margin-top: 20px;
}}

article > img {
    display: none;
}

@media (max-width: 768px) {
.p-detail-inner-header-mobile .h1 {
font-size: 24px;
}
.p-short-description ul {
padding-left: 25px;
}}

@media only screen and (max-width: 768px) {
.subcategories {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}

.subcategories > * {
width: 100%;
}}

.box.box-bg-variant.box-sm.box-section1 a {
color: #7d9d90;
}

.box.box-bg-variant.box-sm.box-section1 a:hover {
color: #7d9d90;
}

.site-msg.information .text {
color: #fff;
}

.site-msg.information, div.message.notice-message {
background-color: #7D9D8F;
}

@media (min-width: 768px) {
.desktop-margin-image {
float: right;
margin-right: 50px;
margin-left: 50px;
}}

@media (min-width:768px) {
.filters #category-filter-hover{
display: block;
}
.filters .filter-section.filter-section-button {
display: none;
}
}

@media (min-width:768px) {
.footer-rows .custom-footer {
flex-direction: row;
padding-bottom: 22px;
padding-left: 80px;}}

.btn.btn-secondary, a.btn.btn-secondary {
	background-color: #37322d!important;
	border-color: #37322d!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.btn.btn-secondary:hover, a.btn.btn-secondary:hover {
	background-color: #6d6665!important;
	border-color: #6d6665!important;
	color:#fff!important;
	border-radius: 0px!important;
}

#footer h4 {color:#000;}
.p-detail-inner .p-price-wrapper .price-final {color:#000;}

.btn.btn-cart, .btn.btn-conversion, .btn.btn-primary:hover, a.btn.btn-cart, a.btn.btn-conversion, a.btn.btn-primary:hover {
	background-color: #37322d!important;
	border-color: #37322d!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.p-detail-inner .p-to-cart-block .add-to-cart-button {color:#fff!important;}
.products-block > div .p .p-in .p-bottom > div .p-tools .add-to-cart-button i {
color:#fff!important;
background-color: transparent;
transition: color 0.3s ease;}

.products-block > div .p .p-in .p-bottom > div .p-tools .add-to-cart-button:hover i {
color:#fff!important;
background-color: transparent;}

.benefitBanner__data {color:#000;}
.footer-rows {background-color:#F9F9F9;}

#footer h4 > span::after {
background-color:#000;}

.one-column-body .welcome-wrapper .welcome {background-color:#F9F9F9;}
.one-column-body .welcome-wrapper {background-color:#F9F9F9;}
.welcome-wrapper {padding: 20px 0;}
.product-slider-holder .product-slider-pagination .pagination-button.active {background-color:#000;}

.btn.btn-cart:hover, .btn.btn-conversion:hover, .btn.btn-primary:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover, a.btn.btn-primary:hover {
	background-color: #6d6665!important;
	border-color: #6d6665!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.btn.btn-primary, a.btn.btn-primary {
	background-color: #37322d!important;
	border-color: #37322d!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.cart-table .p-total .price-final {
color:#000;
}

#content ol.cart-header li strong::before {
background-color: unset;
}

.benefitBanner .benefitBanner__picture {
flex: 0 0 36px;
height: 36px;
margin: 6px;
}

.link-like:focus, .link-like:hover, a:focus, a:hover {
color:#669c35;
}

a.social-icon:hover {
background-color:#000;
}

.multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button, .multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper i, .one-column-body .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button, .one-column-body .filters-wrapper .filters-unveil-button-wrapper i {
border-color:#000;
color:#fff !important;
border-radius: 0px!important;
}

.multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover, .multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper i, .one-column-body .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover, .one-column-body .filters-wrapper .filters-unveil-button-wrapper i:hover {
	background-color: #6d6665!important;
	border-color:#6d6665!important;
	color:#fff!important;
	border-radius: 0px!important;
}

.filters-unveil-button-wrapper .btn.btn-default.unveil-button {
	border-color:#37322d!important;
	color:#fff!important;
	border-radius: 0px!important
}

.cart-content h4 {color:#000;}
.cart-inner .contact-box {font-size: 14px;}

.icon-search:hover {
background-color: unset;
color: var(--color-tertiary-hover);}

.navigation-buttons a:hover, .navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="search"]:hover, .navigation-in > ul > li > a:hover {
background-color: unset;
color: var(--color-tertiary-hover);}

.icon-login:hover {
background-color: unset;
color: var(--color-tertiary-hover);}

.navigation-buttons a[data-target="login"]:hover {
background-color: unset;
color: var(--color-tertiary-hover);}

.p-detail-inner h1 {letter-spacing: 1px;}

@media (min-width:768px) {
#header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img {
max-height: 55px;}}

.subcategories.with-image li a .image {display: none;}
.cart-content h4 > i.icon-van {color:#000;}
.cart-content h4 > i.icon-wallet {color:#000;}
.cart-content h4 > i.icon-login {color:#000;}
.cart-content h4 > i.icon-home {color:#000;}


.multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button, .multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper i {
background-color: #37322d!important;
border-color: #37322d!important;
color:#fff!important;
border-radius: 0px!important;
}

.multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover, .multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper:hover i {
background-color: #37322d!important;
border-color: #37322d!important;
color:#fff!important;
border-radius: 0px!important;
}

.shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab a:hover {color:#000 !important;}
.category-title, .content-inner>h1, .content>h2, article header h1 {font-size: 30px;}
.pagination-appendix {display: none;}

@media (min-width:768px) {
#content #filters {
margin-top: 15px;}}

fieldset {
padding-block-start: 0em;
padding-block-end: 0em;}
.filter-sections .filter-section h4 {
margin-top: 10px;
margin-bottom: 3px;}

@media (min-width:768px) {
.category-top {
margin-bottom: 18px;
padding-bottom: 5px;}}

.breadcrumbs {padding: 15px 16px;}
.category-title {margin-bottom: 1px !important;}
.stars .star.is-active:hover, .stars .star.star-half::before, .stars .star.star-on::before {color:#7d9d90;}
.homepage-latest-contribution .latest-contribution-wrapper {display: none;}

#hodnoceniobchodu .shop-stat-all a {
background-color:#fff;
color:#000;
border-color:#000;}

#hodnoceniobchodu .shop-stat-all a:hover {
background-color:#fff;
color:#000;
border-color:#000;}

.login-from-cart {color:#669c35;}
.radio-wrapper.active {background-color: rgba(0, 0, 0, 0.05);}
.for-free {color:#000;}
.popup-widget.search-widget form .search-form-input-group .search-input {border-color:#000;}

.btn.btn-default, a.btn.btn-default {
background-color: #37322d!important;
border-color: #37322d!important;
color:#fff!important;
border-radius: 0px!important;
}

.btn.btn-default:hover, a.btn.btn-default:hover {
background-color: #6d6665!important;
border-color: #6d6665!important;
color:#fff!important;
border-radius: 0px!important;
}

.searchWhisperer__products .searchWhisperer__product__cart .btn-primary:hover {
background-color: #6d6665!important;
border-color: #6d6665!important;
color:#fff!important;
border-radius: 0px!important;
}

.searchWhisperer__buttonWrapper .btn.searchWhisperer__button:hover {
background-color: #6d6665!important;
border-color: #6d6665!important;
color:#fff!important;
border-radius: 0px!important;
}

.product-slider-holder .product-slider-pagination .pagination-button:hover {background-color: #000;}
.product-slider-holder .product-slider-navigation:hover::before {color:#000;}
.price-final strong {font-size: 20px;}
/*.site-msg.information, div.message.notice-message {background-color: rgba(255, 0, 0, 0.2);}*/

@media (max-width:768px) {
.site-msg.information {position: static;}}
.advanced-parameter-inner.yes-before {border-color:#000;}

/*@media (min-width:768px) {
.category-perex, .category__secondDescription {
margin-left: 40px;
margin-right: 40px;}}*/

.question-tooltip {
border-color:#000;
color:#000;}

.subcategories.with-image li a .text {
padding-left: 7px;
width: calc(100% - 3px);
}

.flag.flag-discount {background-color: #9bda99;}
.flag.flag-discount .price-standard {display: none;}

@media (min-width:768px){
.p-image-wrapper .flags-extra .flag .price-save, .p-image-wrapper .flags-extra .flag .price-standard {font-size: 20px;}
}

@media (max-width:768px){
.p-image-wrapper .flags-extra .flag .price-save, .p-image-wrapper .flags-extra .flag .price-standard {font-size: 16px;}
}

.p-detail-inner .p-price-wrapper .price-save {display: none;}
.p-price-wrapper .price-additional, .p-price-wrapper .standard-price-label {display: none;}
.flags-extra {
top: 0;
padding-top: 35px;
padding-left: 15px;}

.footer-rows, #footer {
background-color: #37322d;
color: #FFF !important;}

.footer-rows * {color: #FFF !important;}
.footer-rows a {color: #FFF !important;}

#footer h4 > span::after {border-color: #FFF;}

.footer-newsletter h2 {color: #FFF;}
.footer-newsletter .form-group [type="hidden"] + label {color: #FFF;}

.footer-newsletter-full-width::after {
content: "";
position: absolute;bottom: 0;
left: 15%;
right: 15%;
border-bottom: 1px solid #FFF;
}

.benefit-banners-full-width {background-color:#faf6f0;}

/*
.footer-newsletter-full-width {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
text-align: center;
}

.footer-newsletter-full-width > * {
flex: 1;
max-width: 50%;
box-sizing: border-box;
}

.footer-newsletter-full-width > .left-column {
margin-right: 20px;
color: #FFF !important;
}

.footer-newsletter-full-width > .footer-newsletter {margin-left: 20px;}
*/




@media (min-width:992px) {
.carousel .extended-banner-texts {
  position: absolute!important;
  left: 75%!important;
  top: 50%!important;
  transform: translate(-50%, -50%)!important;
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  text-align: center!important;
  z-index: 10!important;
  max-width: 80%!important;
  padding: 20px!important;
  background-color: #fff!important;
  color: white!important;
border-top-left-radius: 0px!important;
border-top-right-radius: 0px!important;
min-height: 60%!important;
 width: auto !important;  /* Šířka bude přizpůsobena obsahu */
  height: auto !important;  /* Automatická výška podle obsahu */
min-width: 35%!important;
}

  .carousel .extended-banner-texts,
  .next-to-carousel-banners .extended-banner-texts {
    bottom: unset !important;
  }

.carousel .extended-banner-texts .extended-banner-title, .next-to-carousel-banners .extended-banner-texts .extended-banner-title {
  font-size: clamp(20px, 4vw, 28px)!important;
  line-height: 1.2!important;
  margin-bottom: 15px!important;
color: #37322d!important;
font-weight:600!important;

}

.carousel .extended-banner-texts .extended-banner-text {
  font-size: clamp(12px, 3vw, 16px)!important;
  line-height: 1.4!important;
  margin-bottom: 20px!important;
color: #8c8987!important;
font-weight:400!important;
}

.carousel .extended-banner-texts .extended-banner-link {
  font-size: clamp(12px, 2.5vw, 18px)!important;
  padding: 15px 30px!important;
background-color: #37322d!important;
    border-color: #37322d!important;
color: #fff!important;
  text-decoration: none!important;
  border-radius: 0px!important;
font-weight:500!important;
margin-top:20px!important;
}

.carousel .extended-banner-texts .extended-banner-link:hover {
    border-color: #37322d!important;
}


}


@media (max-width:991px) {
.carousel .extended-banner-texts {
  background-color: #fff!important;
  color: white!important;
text-align: center!important;
}

.carousel .extended-banner-texts .extended-banner-title, .next-to-carousel-banners .extended-banner-texts .extended-banner-title {
  font-size: clamp(20px, 4vw, 28px)!important;
  line-height: 1.2!important;
color: #37322d!important;
font-weight:600!important;

}

.carousel .extended-banner-texts .extended-banner-text {
  font-size: clamp(12px, 3vw, 16px)!important;
  line-height: 1.4!important;
color: #8c8987!important;
font-weight:400!important;
}

.carousel .extended-banner-texts .extended-banner-link {
  font-size: clamp(12px, 2.5vw, 18px)!important;
background-color: #37322d!important;
    border-color: #37322d!important;
color: #fff!important;
  text-decoration: none!important;
font-weight:500!important;
  border-radius: 0px!important;
margin-top: -10px;
}
}

@media (max-width:992px){
.extended-banner-link {
display: block;
margin: 0 auto;
text-align: center;
}
.extended-banner-text{
display: block;
margin: 0 auto;
text-align: center;
}}

.carousel .extended-banner-texts .extended-banner-link::after {content: unset;}

.breadcrumbs {
list-style: none;
background-color: #f3ede3;
padding-left:50px;
}

.breadcrumbs a {
text-decoration: underline;
color: #000;
font-weight:500;
}

.breadcrumbs span {
color: #000;
text-decoration: none;
font-weight:500;
}

.category-top {
position: relative;
z-index: 1;
padding-bottom: 1px;
}

/*.category-top::before {
content: "";
position: absolute;
top: -24px;
left: 50%;
width: 100vw;
margin-left: -50vw;
height: 112%;
background-color:#f3ede3;
z-index: -1;
}*/

.subcategories {
position: relative;
z-index: 1;
background-color: white;
padding-bottom: 17px;
box-sizing: border-box;
}

.subcategories::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 100vw;
margin-left: -50vw;
height: calc(100% + 17px);
background-color: white;
z-index: -1;
}

.next-to-carousel-banners {background-color: #f3ede3;}

.text-container {
text-align: center;
background-color: #f3ede3;
padding: 15px;
width: 100%;
box-sizing: border-box;
}
.text-container h2 {
font-weight: 400;
text-transform: uppercase;
word-wrap: break-word;
white-space: normal;}

.header-bottom {
box-shadow: 0 6px 6px -6px rgba(0, 0, 0, .2);
position: relative;
z-index: 10;}

#category-description {
color: #8c8987;
text-align: center;
max-width: 1000px;
margin: 0 auto;
padding: 0 15px;
box-sizing: border-box;
font-weight:100;
padding-bottom:30px;
}

#category-description p {
margin: 0;
line-height: 1.6;
}

.category-perex h2, .category__secondDescription h2 {
font-weight: 400;
padding-top:50px;}

.category-title {display: none;} /*nechá zmizet nadpisy kategorií*/

.quantity,
.tab-content .detail-parameters,
.popup-widget.search-widget form .search-form-input-group .search-input,
.footer-newsletter .form-control {border-radius: 0;}

input[type="checkbox"], input[type="email"], input[type="radio"], input[type="search"], input[type="text"] {border-radius: 0px;}

.form-control, select {border-radius: 0px;}

@media (min-width: 767px) {
    .subcategories.with-image li a {
        border-radius: 0px;
        font-size: 12px;
    }
}

.extras-wrapper .discount-coupon input {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#content ol.cart-header li a::before, #content ol.cart-header li strong::before {
    border-radius: 0px;
}

.back-button-container {
    display: block !important;
    text-align: center !important;
    margin-top: 40px !important;
}

.back-button {
    background-color: #37322d !important;
    border: 1px solid #37322d !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-block !important;
    margin: 0 auto !important;
}

.breadcrumbs::before {
    content: '';
    background-color: #f3ede3;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: -1;
}

.breadcrumbs {
position: relative;
}

@media (min-width: 768px) {
  .container:not(.footer-rows),
  .container-full-width,
  .category__secondDescription {
    width: 747px;
    max-width: 747px;
  }
}

@media (min-width: 992px) {
  .container:not(.footer-rows),
  .container-full-width,
  .category__secondDescription {
    width: 972px;
    max-width: 972px;
  }
}

@media (min-width: 1200px) {
  .container:not(.footer-rows),
  .container-full-width,
  .category__secondDescription {
    width: 1178px;
    max-width: 1178px;
  }
}

@media (min-width: 1440px) {
  .container:not(.footer-rows),
  .container-full-width,
  .category__secondDescription {
    width: 1420px;
    max-width: 1420px;
  }
}

.category__secondDescription {
  position: relative; 
  z-index: 1;         
  margin: 0 auto;     
  padding-bottom: 1px; 
  box-sizing: border-box;
  background-color: transparent; 
  max-width: 100%;
}

.category__secondDescription::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;         
  margin-left: -50vw;  
  bottom: 0;
  background-color: #f3ede3; 
  z-index: -1;
}
  
.category-top {
    border-bottom-style: none;
    border-bottom-width: 0px;
}

@media (min-width: 768px) {
.blog-wrapper:not(.homepage-blog-wrapper) #newsWrapper {
  max-width: 1200px !important;
  width: 100%;
  margin: 0 auto !important;
  display: block !important;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:first-child {
  position: relative;
  flex-basis: 100%;
  display: block;
  margin-bottom: 32px;
  padding: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 400px;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:first-child .image img {
  border-radius: 0 !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:first-child .text {
  position: absolute !important;
  top: auto !important;
  right: auto !important;
  bottom: 16px !important;
  left: 16px !important;
  display: block !important;
  color: #000 !important;
  pointer-events: none;
  z-index: 2;
  text-align: left;
  box-sizing: border-box;
  max-width: 70%;
  height: auto;
  background: #fff!important;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:first-child a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) {
  display: flex !important;
  flex-direction: row !important;
  flex-basis: 100%;
  margin-bottom: 16px;
  padding: 12px;
  align-items: flex-start;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  position: relative;
  height: 300px;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) a {
  display: flex !important;
  flex-direction: row !important;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .image {
  width: 30% !important;
  margin-right: 16px;
  height: 100%;
  object-fit: cover;
  position: relative;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .image img {
  border-radius: 0 !important;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .text {
  width: 70% !important;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  background: none !important;
  color: #000 !important;
  z-index: 2;
}

.blog-wrapper:not(.homepage-blog-wrapper) .news-item .text,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item .text *,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item .title,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item .description,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item .read-article,
.blog-wrapper:not(.homepage-blog-wrapper) .news-item time {
  color: #000 !important;
}
}

@media (max-width: 768px) {
  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) {
    display: block !important;
    margin-bottom: 16px;
    height: auto !important;
    box-shadow: none;
    padding: 8px;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) a {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    text-decoration: none;
    width: 100%;
    height: auto;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .image {
    width: 80px !important;
    min-width: 80px;
    height: 80px;
    margin-right: 8px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .image img {
    border-radius: 0 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .text {
    display: flex;
    flex-direction: column;  
    justify-content: flex-start; 
    width: calc(100% - 80px) !important; 
    background: none !important;
    color: #000 !important;
    z-index: 2;
    padding: 0px;
  }

  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 4px;
    margin-top: 0px;
  }
  
  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) time {
    font-size: 10px;
  }
  
  .blog-wrapper:not(.homepage-blog-wrapper) .news-item:not(:first-child) .description {
    font-size: 14px;
    line-height: 1.4;
  }
}

/**/
@media (max-width: 768px) {
  .homepage-blog-wrapper .news-item {
    display: block !important;
    margin-bottom: 16px;
    height: auto !important;
    box-shadow: none;
    padding: 8px;
  }

  .homepage-blog-wrapper .news-item a {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    text-decoration: none;
    width: 100%;
    height: auto;
  }

  .homepage-blog-wrapper .news-item .image {
    width: 80px !important;
    min-width: 80px;
    height: 80px;
    margin-right: 8px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
  }

  .homepage-blog-wrapper .news-item .image img {
    border-radius: 0 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .homepage-blog-wrapper .news-item .text {
    display: flex;
    flex-direction: column;  
    justify-content: flex-start; 
    width: calc(100% - 80px) !important; 
    background: none !important;
    color: #000 !important;
    z-index: 2;
    padding: 0px;
  }

  .homepage-blog-wrapper .news-item .title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 4px;
    margin-top: 0px;
  }
  
  .homepage-blog-wrapper .news-item time {
    font-size: 10px;
  }
  
  .homepage-blog-wrapper .news-item .description {
    font-size: 14px;
    line-height: 1.4;
  }
.homepage-blog-wrapper .news-items {
display: block;
flex-wrap: wrap;
overflow-x: visible;
margin-left: -8px;
margin-right: -8px;
}
}

/*Příznaky*/
.flag.flag-bestseller {
    border-radius: 0;
}

.flag.flag-custom2, .flag.flag-infinie-douceur, .flag.flag-nutrition-expert, .flag.flag-soin-reparateur, .flag.flag-sublime-brilliance, .flag.flag-volume-absolu, .flag.flag-action-purifiante, .flag.flag-antipelliculaire, .flag.flag-lumiere-intense, .flag.flag-bouclier-couleur {
  border-radius: 0;
  padding: 1px 5px;
}

@media (max-width: 767px) {
  .flag.flag-custom2, .flag.flag-infinie-douceur, .flag.flag-nutrition-expert, .flag.flag-soin-reparateur, .flag.flag-sublime-brilliance, .flag.flag-volume-absolu, .flag.flag-action-purifiante, .flag.flag-antipelliculaire, .flag.flag-lumiere-intense, .flag.flag-bouclier-couleur {
    font-size: 9px;
    min-width: 25%;
  }
}

@media (min-width: 768px) {
  .flag.flag-custom2, .flag.flag-infinie-douceur, .flag.flag-nutrition-expert, .flag.flag-soin-reparateur, .flag.flag-sublime-brilliance, .flag.flag-volume-absolu, .flag.flag-action-purifiante, .flag.flag-antipelliculaire, .flag.flag-lumiere-intense, .flag.flag-bouclier-couleur {
    font-size: 11px;
  }
}

(min-width:1440px) {
    .col-xl-2 {
        width: 30%;
    }
}

@media (min-width:1200px) {
    .col-lg-3 {
        width: 30%;
    }
}

.vote-admin-response, .vote-rating {
    display: none;
}

@media (min-width:768px) {
body.in-blog h1 {
    font-size: 36px;
    color: #7d9d90;
    text-align: center;
}}

@media (max-width:768px) {
body.in-blog h1 {
    font-size: 28px;
    color: #7d9d90;
    text-align: center;
}}

@media (max-width: 768px) {
    body.in-blog p[style*="text-align: center;"] span[style*="font-size: 26pt; font-family: sans-serif"] {
        font-size: 24px !important;
    }
}

.p-image-wrapper .flags-extra {
    z-index: 9;
}

.variant-not-chosen .variant-list:not(.variant-selected) .advanced-parameter-inner {
    padding: 3px;
}

@media (min-width: 768px) {
.homepage-blog-wrapper .news-item .title {
		-webkit-line-clamp: 2 !important;
    min-height: 2.5em;
}
.blog-wrapper .news-item .read-article {
    padding-top: 15px;
}

.blog-wrapper .news-item .description {
    padding-top: 10px;
}
}

.survey-option{
  display: block;

  width: clamp(280px, 90%, 1000px);

  margin: 0 auto 1rem;
  padding: 1rem;
  box-sizing: border-box;

  background:#fff;
  cursor:pointer;
  transition:background-color .3s;
}

.survey-option:hover{background:#faf6f0;}

.survey-option::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.5rem;
  background: url('https://www.centifolia.cz/user/documents/upload/listky2.png') no-repeat center / contain;
  vertical-align: middle;
}

@media (max-width: 767px) {
.blog-wrapper{padding-top: 0px;}}

.gap-6,
br.br-6 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 12px;
}

hr {
    border: none;
    height: 2px;
    background-color: #ccc;
}

.sectionDescription h1 {
  font-size: 32px;
  text-align: center;
  margin-top: 24px;
}

.product-series-badge {
  display: inline-flex;
  gap: .4em;
  padding: .35rem .55rem;
  line-height: 1.2;
  color: #8c8987;
  margin-bottom: .5rem;
  font-weight: 400;
}

.content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-average,
.content-inner .rate-wrapper.unveil-wrapper .rate-list .rate-value,
.p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-average,
.p-detail .rate-wrapper.unveil-wrapper .rate-list .rate-value,
.content-inner .rate-wrapper .add-comment .rating-icon,
.p-detail .rate-wrapper .add-comment .rating-icon {
  color: #7d9d90;
}

.rate-bar {
    background-color: #7d9d90;
}

/*===============  DIAGNOSTIKA  =============*/

.products-wrapper.product-slider-holder,
.products-wrapper.product-slider-holder.has-navigation {
  overflow: visible !important;
}

#products-4,
.products.homepage-products-4,
.products[data-testid="productGroup_4"] {
  position: relative !important;
  background: transparent !important;
  padding: 20px 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  z-index: 0 !important;
  box-sizing: border-box !important;
}

#products-4::before,
.products.homepage-products-4::before,
.products[data-testid="productGroup_4"]::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: 50% !important;
  width: 100vw !important;
  height: 100% !important;
  margin-left: -50vw !important;
  background: #f3ede3 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

#products-4.product-slider,
.products.homepage-products-4.product-slider,
.products[data-testid="productGroup_4"].product-slider {
  transform: none !important;
}
#products-4 .products-block,
.products.homepage-products-4 .products-block,
.products[data-testid="productGroup_4"] .products-block {
  transform: none !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  white-space: normal !important;
}
#products-4 > .products-block,
.products.homepage-products-4 > .products-block,
.products[data-testid="productGroup_4"] > .products-block {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}

#products-4 .product:not(:first-child),
.products.homepage-products-4 .product:not(:first-child),
.products[data-testid="productGroup_4"] .product:not(:first-child) {
  display: none !important;
}
#products-4 .product:first-child,
.products.homepage-products-4 .product:first-child,
.products[data-testid="productGroup_4"] .product:first-child {
  width: 100% !important;
  float: none !important;
  transform: none !important;
  display: block !important;
  box-sizing: border-box !important;
}

#products-4 .product:first-child > .p,
.products.homepage-products-4 .product:first-child > .p,
.products[data-testid="productGroup_4"] .product:first-child > .p {
  display: grid !important;
  grid-template-columns: 1.3fr 1fr !important;
  gap: 24px !important;
  align-items: stretch !important;
}

#products-4 .product:first-child a.image,
.products.homepage-products-4 .product:first-child a.image,
.products[data-testid="productGroup_4"] .product:first-child a.image {
  pointer-events: none !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  min-height: 260px !important;
  background-image: url("https://www.centifolia.cz/user/documents/upload/diaweb.png") !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
#products-4 .product:first-child a.image img { display: none !important; }

#products-4 .product:first-child .p-in,
.products.homepage-products-4 .product:first-child .p-in,
.products[data-testid="productGroup_4"] .product:first-child .p-in {
  position: relative !important;
  background: #fff !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;   /* vycentruje obsah na výšku */
  align-items: center !important;
  min-height: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  text-align: center !important;
  cursor: default !important;
}

#products-4 .product:first-child .p-in-in,
#products-4 .product:first-child .p-bottom,
#products-4 .product:first-child .flags,
#products-4 .product:first-child .no-display,
#products-4 .product:first-child .p-desc {
  display: none !important;
}

#products-4 .product:first-child .p-in::before {
  content: "Diagnostika vaší pleti";
  white-space: pre-line;
  display: block;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.5;
  color: #333;
}
#products-4 .product:first-child .p-in::before {
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  margin-bottom: 12px;
  display: block;
}
#products-4 .product:first-child .p-in::after {
  content: "Přizpůsobte péči o pleť svému typu pleti!\A Diagnóza pleti vám pomůže vytvořit si svou kosmetickou rutinu.";
  white-space: pre-line;
  display: block;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.5;
  color: #333;
  margin-bottom: 60px; /* rezerva pro tlačítko */
}

#products-4 .product:first-child .p-in a.cta-overlay {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block !important;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1;
  background: #37322d;
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
  border-radius: 0;
  transition: background .25s ease;
  cursor: pointer;
  z-index: 15;
}
#products-4 .product:first-child .p-in a.cta-overlay:hover {
  background: #6d6665;
}

.homepage-products-heading-4 { display: none !important; }
#products-4 ~ .navigation,
#products-4 ~ .slider-navigation { display: none !important; }

@media (max-width: 767.98px) {
  #products-4 .product:first-child > .p {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  #products-4 {
    padding: 24px 0 !important;
    margin: 24px 0 !important;
  }
  #products-4 .product:first-child .p-in {
    padding: 16px !important;
  }
  #products-4 .product:first-child .p-in::after {
    margin-bottom: 50px;
  }
  #products-4 .product:first-child .p-in a.cta-overlay {
    bottom: 16px;
  }
}

  #products-4.product-slider {
    transform: none !important;
    width: auto !important;
    overflow: visible !important;
  }
  #products-4 .products-block {
    transform: none !important;
    width: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }

  #products-4 ~ .product-slider-pagination,
  #products-4 ~ .product-slider-navigation.navigation-prev,
  #products-4 ~ .product-slider-navigation.navigation-next {
    display: none !important;
  }


/*===============  MENU  =============*/

@media (min-width: 768px) {
    .navigation-in > ul > li.ext > ul > li > a {
        padding: 0;
        width: 167px;
        padding-bottom: 12px;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        text-transform: uppercase;
        text-align: left;
        letter-spacing: 1px;
    }

    .navigation-in > ul > li.ext > ul > li > div {
        padding-left: 0px;
        width: unset;
    }

    .navigation-in > ul > li.ext > ul > li > div > a {
        font-size: 14px;
        line-height: 1.2;
        width: max-content;
        letter-spacing: 1px;
        font-weight: 400;
        text-transform: uppercase;
        border-bottom: 1px solid #dadada !important;
        margin-bottom: 10px;
        padding-bottom: 5px !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .navigation-in > ul > li.exp > a,
    .navigation-in > ul > li > a:hover {
        background-color: unset;
        color: var(--color-tertiary-hover);
    }}

@media (min-width: 768px) {
    .navigation-in > ul > li > ul.menu-level-2 {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        padding: 20px 50px !important;
        background-color: #ffffff !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 100% !important;
        width: 90% !important;
        max-width: 1170px !important;
        box-sizing: border-box !important;
        z-index: 1000 !important;
	min-height: 363px;
    }

    .navigation-in > ul > li > ul.menu-level-2 > li {
        flex: 1 1 calc(33.333% - 20px) !important;
        margin: 10px !important;
        box-sizing: border-box !important;
    }

    .navigation-in > ul > li > ul.menu-level-2 .placeholder-column {
        flex: 1 1 calc(25% - 20px) !important;
        margin: 10px !important;
        box-sizing: border-box;
        text-align: center;
    }

    .navigation-in > ul > li > ul.menu-level-2 {
        display: none !important;
        border-bottom: none !important;
    }

    .navigation-in > ul > li:hover > ul.menu-level-2 {
        display: flex !important;
        flex-wrap: wrap !important;
        background-color: #ffffff;
        border: none !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 100% !important;
        width: 90% !important;
        max-width: 1170px !important;
        box-sizing: border-box !important;
        z-index: 1000 !important;
    }

    .navigation-in > ul > li.ext > ul > li > a img {
        display: none !important;
    }

    .navigation-in > ul > li.ext > ul > li > a.menu-image {
        width: unset !important;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul {
        border-bottom: none !important;
        flex-wrap: wrap !important;
    }

    .navigation-in > ul > li > ul {
        padding: 10px 0 !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-bottom: 0px !important;
        border-bottom: none !important;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items {
        overflow: visible !important;
        position: relative !important;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items .more-items-trigger {
        display: none !important;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items .more-items-trigger:before {
        content: none !important;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items li {
        display: block !important;
    }

    .navigation-in ul li a b {
        letter-spacing: 1px;
    }

    .navigation-in ul.menu-level-3 li > a {
        padding-left: 20px !important;
    }
}

@media (min-width: 768px) {
    .navigation-in > ul > li > ul.menu-level-2 > li.placeholder-column {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 267px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        margin: 10px auto !important;
    }

    .navigation-in > ul > li > ul.menu-level-2 > li.placeholder-column img {
        width: 100% !important;
        max-width: 267px !important;
        height: auto !important;
        margin-bottom: 7px !important;
    }

    .navigation-in > ul > li > ul.menu-level-2 > li.placeholder-column .placeholder-text {
        width: 100% !important;
        max-width: 267px !important;
        font-size: 14px !important;
        line-height: 24px !important;
        color: #000000 !important;
        font-weight: 400 !important;
        margin-bottom: 7px !important;
	height: auto !important;
    }

    .navigation-in > ul > li > ul.menu-level-2 > li.placeholder-column .placeholder-button {
        display: block !important;
        width: 100% !important;
        max-width: 267px !important;
        height: 38px !important;
        background-color: #37322d!important;
        color: #ffffff !important;
        text-align: center !important;
        line-height: 38px !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 767px) {
    .placeholder-column {
        display: none !important;
    }

.navigation-in > ul > li > a .submenu-arrow {
    display: none !important;
}
}

@media (max-width: 767px) {
.navigation-in > ul > li > a:before {
    content: "\e910";
    font-family: 'shoptet';
    font-size: 12px;
    line-height: 12px;
    margin-top: -6px;
    position: absolute;
    right: 8px;
    top: 50%
}}


/* MOBIL: shodí 700 → 500 na všech produktových názvech (HP, kategorie, slider, inline…) */
@media (max-width: 768px) {
  /* cílíme obecně na názvy produktů v obou layoutech */
  .products-wrapper .name,
  #products .name,
  .products-block .name,
  .products-inline .name {
    font-weight: 500 !important;
  }
  /* kdyby byl font-weight na vnořeném <span>, sjednotíme dědění */
  .products-wrapper .name *,
  #products .name *,
  .products-block .name *,
  .products-inline .name * {
    font-weight: inherit !important;
  }
}

.description-inner .basic-description > h4:first-child {
    display: none;
}

/* Vypnout šedé kolečko u login ikony jen na desktopu */
@media (min-width: 768px) {
  .icon-login::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

  .icon-search::after, .icon-cart::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

/* Zrušit změnu barvy na hover pro oblíbené
.dkLabFavDetailSpan:hover,
a:hover .dkLabFavProductSpan,
.dkLabFavProductSpan:hover,
a:hover .dkLabFavDetailSpan {
  color: #E91B7D !important;
}*/

@media (min-width:768px) {
    .p-detail-inner .buttons-wrapper, .p-detail-inner .detail-parameters, .p-detail-inner .p-detail-inner-header, .p-detail-inner .p-price-wrapper, .p-detail-inner .p-short-description, .p-detail-inner .p-to-cart-block, .p-detail-inner .size-id-wrapper, .p-detail-inner .surcharge-list {
        margin-bottom: 14px;
    }
}

/* Pevná barva srdcí (změň dle brandu) */
:root { --heart-static: #e53935; }

/* Srdce má vždy stejnou barvu, i při hoveru rodičovského <a> */
.dkLabFavProductSpan,
.dkLabFavDetailSpan,
a:hover .dkLabFavProductSpan,
a:hover .dkLabFavDetailSpan {
  color: var(--heart-static) !important;
}

/* SVG: prázdné srdce = obrys (fill="none") */
.dkLabFavProductSpan svg [fill="none"],
.dkLabFavDetailSpan svg [fill="none"] {
  stroke: var(--heart-static) !important;
}

/* SVG: plné srdce = výplň */
.dkLabFavProductSpan svg [fill]:not([fill="none"]),
.dkLabFavProductSpan svg path:not([fill]),
.dkLabFavDetailSpan svg [fill]:not([fill="none"]),
.dkLabFavDetailSpan svg path:not([fill]) {
  fill: var(--heart-static) !important;
}

/* Při hoveru nad <a> nic neměň */
a:hover .dkLabFavProductSpan svg *,
a:hover .dkLabFavDetailSpan svg * {
  fill: var(--heart-static) !important;
  stroke: var(--heart-static) !important;
}

/* Kdyby šlo o ikonfont (ne SVG), drž barvu glyphu */
.dkLabFavProductSpan::before,
.dkLabFavDetailSpan::before {
  color: var(--heart-static) !important;
}

/* Pojistky proti „zprůhlednění“ */
.dkLabFavProductSpan svg,
.dkLabFavDetailSpan svg {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}