/* flexity-fi-style.css
   Zdroj: flexitylife.cz/user/documents/style.css (v13146)
   Úprava: odstránené jazykové vložky content: s českým textom.
   Fínske texty dodáva flexity-fi-texts.css, ktorý sa načítava PO tomto súbore.
   Súbor je lokálna kópia – fínsky eshop nesmie závisieť od CZ eshopu. */

@font-face {
    font-family: Linotte;
    src: url('/user/documents/linotte-regular.woff');
    font-weight: 400;
  }
@font-face {
    font-family: Linotte;
    src: url('/user/documents/linotte-semi-bold.woff');
    font-weight: 600;
  }
@font-face {
    font-family: Linotte;
    src: url('/user/documents/linotte-bold.woff');
    font-weight: 700;
  }

:root{--color-text:#5C636D;--color-bg: #F4F5F5;--color-link: #212937;--color-border: #DDDFE3;}
body{line-height: 1.6;color: var(--color-text);font-weight: 500;}
body, div, p, a, span, label, input, li, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6 {font-family: Linotte !important;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6{font-weight: 700;line-height: 1.2;color: var(--color-link);}
h1, .h1{font-size: 36px;margin-top: 0;}
h2, .h2{font-size: 32px;}
h3, .h3{font-size: 28px;}
h4, .h4{font-size: 24px;}
h5{font-size: 20px;}
h6{font-size: 18px;}
@media screen and (max-width: 767px){
h1, .h1{font-size: 30px;margin-top: 0;}
h2, .h2{font-size: 26px;}
h3, .h3{font-size: 24px;}
h4, .h4{font-size: 20px;}
h5{font-size: 18px;}
h6{font-size: 16px;}
}
a{color: var(--color-link);}
@media screen and (min-width: 1440px){
    .container{width: 1420px;}
}
.top-navigation-bar{background-color: var(--color-bg);border: 0;}
.top-navigation-bar a{color: var(--color-link);font-size: 13px;line-height: 16px;padding: 12px 0;}
.top-navigation-bar a:hover{text-decoration: underline;}
.top-navigation-menu{height: auto;}
@media screen and (min-width: 1200px){
    .top-navigation-menu{padding-right: 0;}
}
.top-navigation-menu > ul > li{margin-right: 24px;}
.top-navigation-bar .container{padding: 0;}
@media screen and (min-width: 768px){
    .top-navigation-tools > a{margin-left: 16px;}
    .top-navigation-bar a.top-nav-button.primary{padding-left: 40px !important;padding-right: 36px !important;}
    .top-navigation-bar .dropdown {margin-right: 0;}
}
.top-nav-button, .dropdown button{position: relative; padding-left: 24px !important; padding-right: 20px !important;}
.dropdown button{padding-top: 12px;padding-bottom: 12px;line-height: 16px;color: var(--color-link);font-size: 13px;}
.dropdown button:hover{text-decoration: underline;}
.top-nav-button::before{content: url('/user/documents/upload/Images/user.svg');position: absolute; left: 0;}
.top-nav-button.primary::before {left: 16px;}
.top-nav-button.primary::after, .dropdown button::after{content: url('/user/documents/upload/Images/sipka-dolu-cerna.svg');position: absolute; right: 0;}
.top-nav-button.primary::after{right: 16px;}
.dropdown button::before{content: url('/user/documents/upload/Images/mena.svg');position: absolute; left: 0;}
.dropdown button::after{top: 12px;}
.top-navigation-bar .dropdown .caret{display: none;}
@media screen and (min-width: 992px){
    #header .header-top-wrapper .site-name {flex: 0 1 220px; padding-right: 20px;}
    #header .header-top-wrapper .search{flex: 0 1 532px;padding: 0;}
    #header .header-top-wrapper div.navigation-buttons{flex: 0 1 calc(100% - 220px - 532px);padding-left: 60px;}
}
@media screen and (min-width: 768px){
    #header .site-name a img {max-height: 71px;}
    #header .header-top {padding: 17px 0;}
}
#header .search-input {color: var(--color-text) !important;background-color: var(--color-bg) !important;border-radius: 100px;font-size: 14px;padding: 0 16px;box-shadow: none !important;border: 0;}
input::placeholder{color: #5C636D !important;}
.search-input-icon{display: none;}
.search-button {display: block;width: 56px;background-color: transparent !important;border: 0;font-size: 0;padding: 0 !important;line-height: 1 !important;}
.search-button::before{content: url('/user/documents/upload/Images/lupa.svg');}
.navigation-buttons a[data-target="cart"]::before {content: url('/user/documents/upload/Images/kosik.svg');margin-right: 16px !important;}
.cart-price{font-size: 18px;font-weight: 700;}
.navigation-buttons a[data-target="cart"]{color: var(--color-link);}
.navigation-buttons > a[data-target="cart"] i, .cart-count:not(.full)::after{width: 20px;height: 20px;background-color: var(--color-secondary);font-size: 14px;font-weight: 700;left: 39px !important;bottom: 26px;}
.cart-count:not(.full)::after{content: "0"; position: absolute;color: #fff; border-radius: 50%;line-height: 18px;text-align: center;}
.cart-count:not(.full) .cart-price{font-size: 0;font-weight: 400;color: var(--color-text);}
.cart-count:not(.full) .cart-price::after{font-size: 14px; content: "";}
.header-phone{font-size:14px; line-height: 16px;color: var(--color-text);padding: 3px 0 3px 60px; background: url('/user/documents/upload/Images/tomas.png') 0 50% no-repeat; background-size: 48px auto;margin-right: auto;}
.header-phone span{display: block;width: 170px;}
.header-phone a{font-size: 16px;font-weight: 700;line-height: 22px !important;height: auto !important;margin-top: 4px;margin-left: 0 !important;display: inline-block;text-align: left;}
.header-phone a:hover{text-decoration: underline;}
.header-phone a::before{content: url('/user/documents/upload/Images/phone.svg');display: inline-block;vertical-align: middle;margin-right: 8px;line-height: 18px;}
.header-phone a::after, .contact-box ul li > span.tel a::after{font-size: 13px; font-weight: 500; color: var(--color-text);display: inline-block;margin-left: 5px;}
@media screen and (min-width: 768px){
    .content{padding: 0;}
    .row{margin: 0;}
    .header-bottom {border: 0 !important;background-color: var(--color-secondary);}
    #navigation{background-color: transparent;height: 52px;}
    .navigation-in > ul > li > a {padding: 0 12px !important;margin: 0 !important;line-height: 52px;color: #fff;font-size: 16px;}
}
@media screen and (min-width: 1440px){
    #navigation.fitted .navigation-in > ul > li:nth-last-child(3){margin-left: auto;}
    #navigation:not(.fitted) .navigation-in > ul > li:nth-last-child(-n+3){opacity: 0;}
    .menu-helper{opacity: 0;}
}
.navigation-in ul li a b {font-weight: 600;text-decoration: none !important;}
.navigation-in > ul > li.ext > a > span {display: inline-block;vertical-align: middle;line-height: 12px;font-size: 16px;padding-left: 8px;width: 24px;}
@media screen and (min-width: 768px){
.submenu-arrow::after, .menu-helper > span::after, .menu-helper-visible .menu-helper > span::after {content: url('/user/documents/upload/Images/sipka-menu.svg');-webkit-transition: none;-o-transition: none;transition: none;}
}
@media screen and (max-width: 767px){
    .submenu-arrow::after{font-size: 10px;position: relative;top: -2px;}   
    .submenu-visible li.exp > a .submenu-arrow::after {-webkit-transform: rotate(180deg) !important;transform: rotate(180deg) !important;}
}
.type-index #header{margin-bottom: 16px;}
.carousel-inner {border-radius: 12px;}
.carousel-inner > .item img{width: 100%;}
.carousel-tabs{position: absolute;bottom: 24px;left: 50%;padding: 0;width: auto;display: flex;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.pagi-slide, .product-slider-pagination .pagination-button{background-color: var(--color-primary); width: 8px; height: 4px; border-radius: 100px;margin-left: 8px;transition: width .7s;cursor: pointer;}
.pagi-slide:hover, .product-slider-pagination .pagination-button:hover{background-color: var(--color-secondary);}
.pagi-slide.active, .product-slider-pagination .pagination-button.active{background-color: var(--color-secondary);width: 16px;}
.carousel-control.left, .carousel-control.right, .product-slider-holder .product-slider-navigation {bottom: auto;top: 50%;width: 48px;height: 48px;background-color: #fff;opacity: 1;border-radius: 50%;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);margin-top: -24px;}
.carousel-control.left:hover, .carousel-control.right:hover, .product-slider-holder .product-slider-navigation:hover{background-color: var(--color-primary);}
.carousel-control::before, .product-slider-holder .product-slider-navigation::before {content: url('/user/documents/upload/Images/sipka-carousel.svg') !important;width: 100%;height: 100%;line-height: 50px;margin: 0;font-size: 24px;border: 0;display: block;}
.carousel-control.left::before, .product-slider-holder .product-slider-navigation.navigation-prev::before{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.carousel-control.left {left: 24px;}
.carousel-control.right {left: auto;right: 24px;}
.carousel-control:hover::before, .product-slider-holder .product-slider-navigation:hover::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.benefitBanner__picture {flex: 0 0 32px;max-width: 32px;margin-right: 24px;}
.benefitBanner__item {align-items: flex-start;margin-bottom: 24px;}
.benefitBanner__content {font-size: 14px;line-height: 20px;}
.benefitBanner__title {font-size: 17px;font-weight: 700;color: var(--color-link);line-height: 22px;margin-bottom: 4px;display: block;}
.benefitBanner__picture{padding-top: 5px;}
.benefitBanner{padding-top: 64px; padding-bottom:44px;margin: 0;}
.type-index .benefitBanner{padding-top: 40px;}
.footer-banners{display: flex; flex-wrap: wrap;margin-left: -5px; margin-right: -5px;justify-content: center;}
.footer-banners::before{content: "";display: block; margin-bottom: 27px; font-size:20px; line-height: 1.2; color: var(--color-link); font-weight: 700;width: 100%;padding: 0 5px;}
.footer-banner{width: 20%;padding: 5px !important;}
.footer-banner a{display: block;border-radius: 8px;background-color: var(--color-bg);border: 1px solid var(--color-bg);padding: 8px;}
.footer-banner a:hover{border-color: var(--color-border);background-color: #fff;}
.footer-banner a img{height: 40px;width: auto;mix-blend-mode: darken;}
.footer-banner .extended-banner-title {padding: 8px 8px 8px 60px;width: 100%;height: 100%;color: var(--color-link);font-size: 14px;line-height: 16px;display: flex;align-items: center;}
.footer-banner a:hover .extended-banner-title{color: var(--color-secondary); text-decoration: underline;}
.banners-content a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .footer-banner a:hover img, .banner-category a:hover img {-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
a, .link-like {text-decoration: none;-webkit-transition: none;-o-transition: none;transition: none;}
.products-block > div {padding: 5px 5px 24px 5px; margin-bottom: 16px;}
@media screen and (min-width: 1440px){
.products-page.products-block > div{width: 25%;}
}
.products-block > div .p > a img {mix-blend-mode: darken;border-radius: 12px;}
.products-block .p > a {background-color: var(--color-bg);border-radius: 12px;padding: 16px;}
.products-block > div:hover {box-shadow: none;}
.product-slider-holder.has-navigation {padding: 0;}
.products-block > div .p .p-in {padding: 40px 15px 0 15px;position: relative;}
.products-block > div .p .name {height: 59px;padding: 0;font-size: 15px;line-height: 20px;text-align: left;}
.products-block > div .p .stars-wrapper {margin: 0;height: 12px;position: absolute;top: 16px;}
.stars a, .stars span {width: 16px;height: 12px;line-height: 12px;}
.product .stars a, .product .stars span {width: 12px;height: 12px;line-height: 12px;margin-right: 4px;}
.stars a::before, .stars span::before {font-size: 14px;line-height: 16px;}
.product .stars a::before, .product .stars span::before {font-size: 11px;line-height: 12px;}
.ratings-and-brand .stars a {padding-right: 0;}
.stars .star.star-on::before, .stars .star.star-half::before {color: #DDA944;}
.stars-placeholder{display: none;}
.stars{width: auto;height: 12px;}
.skladem::before{content: url('/user/documents/upload/Images/skladem.svg');line-height: 14px;display: inline-block;vertical-align: middle;}
.products-block .p-bottom > div .p-tools {font-size: 13px;}
.p-bottom > div{display: flex; flex-wrap: wrap; flex-direction: row-reverse;margin-top: 16px;}
.products-block > div .p .p-bottom > div .p-tools{width: 60%; display: block;padding: 0;}
.products-block > div .p .p-bottom .prices {width: 40%;display: flex;-webkit-justify-content: right;justify-content: right;text-align: right;align-items: baseline;}
.products-block > div .p .p-bottom{padding: 0;}
.products-block > div .p .availability > span {font-weight: 700;}
.availability-amount{color: #219653;font-weight: 500 !important;}
.products-block > div .p .p-bottom > div .prices .price-final {font-size: 16px;color: var(--color-link);text-align: right;}
.products-block > div .p .availability {text-align: left;}
.widget-parameter-wrapper {position: absolute;top: -11px;left: 12px;margin: 0;}
.widget-parameter-wrapper.justified{overflow: visible;}
.widget-parameter-wrapper .widget-parameter-value a, .widget-parameter-wrapper .widget-parameter-more span {color: var(--color-text);font-size: 13px;line-height: 20px;padding: 0 8px !important;display: block;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);border-radius: 100px;background-color: #fff;text-decoration: none !important;}
.widget-parameter-wrapper .widget-parameter-value a:hover, .widget-parameter-wrapper .widget-parameter-more span:hover{background-color: var(--color-primary);color: #fff;}
.widget-parameter-wrapper .widget-parameter-value{margin-right: 4px;}
.p:hover .flag {opacity: 1;}
.flags {left: 16px;top: 16px;}
.flag {margin-bottom: 4px;font-size: 12px;font-weight: 700;text-transform: none;line-height: 20px;padding: 0 8px;border-radius: 100px;}
.flag.flag-new {background-color: #00A9CE;}
.product-slider-holder .products-block > div .p .p-bottom.no-buttons > div .p-tools {display: block;}
.product-slider-holder .product-slider-navigation {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);bottom: auto;position: absolute;font-size: 0;border: 0;}
.product-slider-holder .product-slider-navigation.navigation-prev{left: -24px;}
.product-slider-holder .product-slider-navigation.navigation-next{right: -24px;}
.product-slider-pagination .pagination-button{margin: 0 4px;}
.product-slider-holder .product-slider-navigation{opacity: 1;}
.product-slider-pagination{margin-top: 12px;}
.banners-content .col-sm-4{width: 66%;padding: 0;}
.banners-content .col-sm-8{width: 34%;padding: 24px 0 24px 20px;}
.poradna-hp{background: url('/user/documents/upload/Images/stred-bg.jpg') 0 50% no-repeat; background-size: contain; display: flex; flex-wrap: wrap;padding: 24px 0 24px 200px;}
.poradna-hp .right{width: 460px;border-radius: 12px;background: url('/user/documents/upload/Images/stred-kvet.svg') #fff 100% 100% no-repeat; padding: 37px 40px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);border-radius: 12px;position: relative;}
.poradna-hp .left{width: calc(100% - 460px);color: #fff;}
.poradna-hp h2{margin: 30px 0 8px 0; color: #fff;}
.poradna-hp .left p{max-width: 240px;}
.btn, a.btn{height: 56px; line-height: 54px; border-radius: 100px; font-weight: 700; padding: 0 32px;-webkit-transition: none;-o-transition: none;transition: none;}
.poradna-hp .btn, .banners-content .extended-banner-link{padding: 0 24px;height: 40px;line-height: 38px;border-color: #fff !important;color: var(--color-link) !important;width: 240px;font-size: 14px;}
.poradna-hp .btn:hover, .banners-content .extended-banner-link:hover{background-color: var(--color-link) !important;border-color: var(--color-link) !important; color: #fff !important;}
#content p, .category-perex p{margin-bottom: 24px;}
.poradna-hp h4{margin: 0 0 20px 0;}
.poradna-hp ul, .poradna-cat ul, .basic-description ul, article ul, .category-perex ul,
.poradna-hp ol, .poradna-cat ol, .basic-description ol, article ol, .category-perex ol{list-style: none; margin: 0; padding: 0;}
.poradna-hp ul li, .poradna-cat ul li, .basic-description ul li, article ul li, .category-perex ul li{background: url('/user/documents/upload/Images/li.svg') 0 7px no-repeat; padding-left: 24px; margin-bottom: 8px;}
.poradna-hp ol li, .poradna-cat ol li, .basic-description ol li, article ol li, .category-perex ol li{padding-left: 24px; margin-bottom: 8px; position: relative;}
.poradna-hp ol li::before, .poradna-cat ol li::before, .basic-description ol li::before, article ol li::before, .category-perex ol li::before{position: absolute; left: 0; font-weight: 700; color: var(--color-secondary); counter-increment: steps;content: counter(steps)".";}
.poradna-hp ul li a:not(:hover), .poradna-cat ul li a:not(:hover){text-decoration: underline;}
.poradna-hp .right > a{position: absolute; font-size: 14px; font-weight: 700; right: 40px; top: 40px; background: url('/user/documents/upload/Images/sipka-cerna-more.svg') 100% 75% no-repeat; padding-right: 24px;text-decoration: underline;}
.poradna-hp .right > a:hover{text-decoration: none;}
.poradna-hp ul li:last-child{margin-bottom: 0;}
.banners-content .extended-banner-texts {display: flex;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;flex-direction: column;}
.banners-content .extended-banner-title, .banners-content .extended-banner-text, .banners-content .extended-banner-link {position: relative;width: 100%;text-align: center;display: block;padding: 0;top: auto;bottom: auto;}
.banners-content .extended-banner-title{font-size: 28px;font-weight: 700;line-height: 1.2;margin-bottom: 4px;}
.banners-content .extended-banner-text{font-size: 16px; margin-bottom: 24px;font-weight: 500;}
.banners-content .extended-banner-link{border-radius: 100px;font-weight: 700;background-color: #fff !important;width: 170px;margin: 0 auto;border-width: 1px;border-style: solid;}
.banners-content .extended-banner-link::before{content: url('/user/documents/upload/Images/play.svg'); margin-right: 8px;display: inline-block;vertical-align: middle;position: relative;top: 1px;}
.banners-content .extended-banner-link:hover::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.product-slider-holder .product-slider {padding-top: 0;padding-bottom: 0;}
.h4.homepage-group-title{font-size: 28px; margin: 64px 0 32px 0;text-align:left;text-transform: none;}
.row.banners-row .col-sm-8{width: 100%;}
.next-to-carousel-banners{display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;margin-bottom: 48px;}
.next-to-carousel-banners .banner-wrapper{width: 25%; padding: 10px; margin: 0;}
.desktop .banners-row {margin-top: 0;}
#content {padding-top: 0;}
.next-to-carousel-banners .banner-wrapper a::after, .next-to-carousel-banners .banner-wrapper a::before{content: "";width: 48px;height: 48px;position: absolute;bottom: 24px;right: 24px;background-color: #fff;border-radius: 50%;text-align: center;line-height: 48px;font-size: 30px;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
.next-to-carousel-banners .banner-wrapper a::before{content: url('/user/documents/upload/Images/sipka-carousel.svg');z-index: 1;background-color: transparent;}
.next-to-carousel-banners .banner-wrapper a:hover::after{background-color: var(--color-link);}
.next-to-carousel-banners .banner-wrapper a:hover::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.next-to-carousel-banners::before{content: ""; font-size: 28px;line-height: 1.2; display: block; width: 100%; margin-bottom: 27px;font-weight: 700; color: var(--color-link);padding: 0 10px;}
.all-products{position: absolute !important;right: 0;top: -60px;font-weight: 700;text-decoration: underline;background: url('/user/documents/upload/Images/sipka-cerna-more.svg') 100% 60% no-repeat; padding-right: 24px;}
.footer-banners .all-products{top: 0;}
.banners-content{margin-top: 64px;}
.znacky {margin-top: 64px;position: relative;}
.znacky h3{margin-bottom: 22px;}
.znacky-in{display: flex; flex-wrap: wrap;margin-left: -10px; margin-right: -10px;}
.znacky-in > div{width: 16.6666%; padding: 10px;}
.znacky-in a{display: flex;background-color: var(--color-bg);border: 1px solid var(--color-bg);text-align: center;height: 110px;flex-direction: column;justify-content: center;align-items: center;border-radius: 12px;}
.znacky-in a:hover{border-color: var(--color-border); background-color: #fff;}
.znacky-in a img{mix-blend-mode: multiply;filter: grayscale(1);opacity: 0.6;max-width: 120px;}
.znacky-in a:hover img{filter: grayscale(0);opacity: 1;}
.welcome-wrapper{padding: 64px 120px 64px 50%; margin: 80px 0;background: url('/user/documents/upload/Images/flexity_tomas_cz.jpg') var(--color-bg) 0 0 no-repeat; background-size: cover;color: #fff;border-radius: 24px;position: relative;width: 100%;}
@media screen and (max-width: 991px){
    .welcome-wrapper, .welcome h1 {color: #000 !important;}
}
/*.welcome-wrapper::after{content: url('/user/documents/upload/Images/welcome-kvet.svg'); position: absolute; right: 0; top: 0;}*/
.welcome h1{margin-bottom: 24px;color: #fff;}
.welcome p:last-child{margin-bottom: 0 !important;}
.welcome p:last-child a{font-weight: 700; text-decoration: underline;}
.welcome p:last-child a:hover{text-decoration: none;}
.welcome-wrapper .welcome{position: relative; z-index: 1;}
.news-wrapper .news-item {width: 33.3333%;padding: 10px;margin-bottom: 40px;}
.news-wrapper{margin-left: -10px; margin-right: -10px;margin-top: 22px;}
.news-wrapper .news-item .news-image {border-radius: 12px;margin-bottom: 16px;}
.news-wrapper .news-item .title {font-size: 16px;line-height: 22px;display: block;text-decoration: none;color: var(--color-primary)}
.news-item h1{margin-bottom: 12px;}
.news-item time{order: -1;margin-bottom: 16px;}
.news-item-link-img{order: -2;}
.news-item time, .news-item-detail time {color: #559801;font-weight: 700;line-height: 20px; padding-left: 24px;background: url('/user/documents/upload/Images/kalendar.svg') 0 50% no-repeat;display: none !important;}
.news-wrapper .news-item .title:hover{text-decoration: underline;color:var(--color-secondary);}
.news-item .description {font-size: 14px;line-height: 22px;}
.news-item .description p{margin-bottom: 0 !important;}
.cely-clanek{color: var(--color-secondary) !important; font-size: 14px;font-weight: 700;text-decoration: underline; margin-top: 12px; display: inline-block;}
.cely-clanek::after{content: url('/user/documents/upload/Images/all-art.svg');display: inline-block;vertical-align: middle;margin-left: 8px;position: relative;top: 1px;}
.cely-clanek a:hover{text-decoration: none;}
.blog-hp{position: relative;}
.blog-hp .all-products, .znacky .all-products, .pribehy .all-products {top: 6px;}
.pribehy-in {display: flex; flex-wrap: wrap;margin-left: -10px; margin-right: -10px;}
.pribehy-in > div{width: calc(33.3333% - 20px); margin: 10px; background-color: var(--color-bg);border: 1px solid var(--color-bg);display: flex; flex-wrap: wrap;padding: 24px 80px 24px 24px;border-radius: 12px;align-items: center;position: relative;}
.pribehy-in > div:hover{background-color: #fff; border-color: var(--color-border);}
.pribehy-in > div::after{content: url('/user/documents/upload/Images/sipka-prava-seda.svg'); position: absolute;right: 24px;line-height: 1;top: 50%;margin-top: -16px;}
.pribehy-in .img{width: 80px;border-radius: 50%;}
.pribehy-in .text{width: calc(100% - 80px); padding-left: 20px;line-height: 22px;color: var(--color-link); font-weight: 700;}
.pribehy-in > div > a{position: absolute;left: 0; top: 0; width: 100%; height: 100%;}
.pribehy-in > div:hover .text{text-decoration: underline;color: var(--color-secondary);}
.pribehy{position: relative;margin-top: 40px;}
.pribehy h3{margin: 0 0 22px 0;}
.heureka-wrapper{float: none;padding: 0;}
.heureka{margin-top: 110px;display: flex; flex-wrap: wrap;}
.heureka .left{width: 25%;display: flex; flex-wrap: wrap;}
.heureka .left .number{width: 80px;position: relative;}
.heureka .left .number::after{content: ""; background: url('/user/documents/upload/Images/overeno.png') 50% 50% no-repeat;width: 57px; height: 57px; background-size: 57px auto;position: absolute;bottom: 16px;right: -9px;}
.heureka .left .number span{display: block;width: 80px;height: 80px;background-color: rgba(85, 152, 1,0.1);color: var(--color-secondary);font-size: 28px;font-weight: 700;text-align: center;line-height: 80px;border-radius: 24px;}
.heureka .left .heading{width: calc(100% - 80px); padding-left: 40px;}
.heureka .left .heading h3{margin: 0 0 16px 0;}
a.link-all{color: var(--color-secondary); font-weight: 700;text-decoration: underline !important;}
a.link-all:hover{text-decoration: none !important;}
a.link-all::after{content: url('/user/documents/upload/Images/sipka-prava-zelena.svg');display: inline-block;line-height: 1;vertical-align: middle;margin-left: 8px;}
.heureka .right{width: calc(75% + 24px);display: flex; flex-wrap:wrap; margin-left: -12px; margin-right: -12px;}
.heureka .recenze{width: 33.3333%;padding: 0 12px;}
.heureka .autor{margin-bottom: 16px;padding-left: 52px;position: relative;color: var(--color-link); line-height: 20px;font-size: 14px;}
.heureka .autor::before{content: url('/user/documents/upload/Images/user.svg'); background-color: var(--color-bg);width: 40px; height: 40px; position: absolute; left: 0; top: 0;border-radius: 12px;text-align: center; line-height: 42px;}
.heureka .autor span{display: block; color: var(--color-text);}
.heureka .autor strong::after{content: url('/user/documents/upload/Images/stars.svg');display: inline-block;vertical-align: middle;line-height: 1;margin-left: 12px;}
.contact-header{padding-left: 80px;margin-bottom: 24px;height: 64px; background: url('/user/documents/upload/Images/tomas.png') 0 0 no-repeat; background-size: 64px auto;}
#footer h5{margin: 0 0 8px 0;}
.contact-header p, .prodejna > p, .odber > p{font-size: 14px; margin-bottom: 0 !important;}
.contact-box ul li > span::before {width: auto;height: auto;font-size: 16px;line-height: 1;margin-right: 4px;position: relative;top: -2px;}
.contact-box ul li {line-height: 1;margin-bottom: 12px;}
.contact-box ul li a{font-size: 20px !important;line-height: 24px;font-weight: 700;color: var(--color-primary) !important;}
.contact-box ul li > span.tel::before {content: url('/user/documents/upload/Images/phone.svg');}
.contact-box ul li > span.mail::before {content: url('/user/documents/upload/Images/email.svg');}
a.social-icon.facebook::before {content: url('/user/documents/upload/Images/facebook.png');}
a.social-icon.instagram::before {content: url('/user/documents/upload/Images/instagram.png');}
a.social-icon.youtube::before {content: url('/user/documents/upload/Images/youtube.png');}
a.social-icon.spotify::before {content: url('/user/documents/upload/Images/spotify.png');}
a.social-icon::before {line-height: 1;}
a.social-icon {width: auto;height: auto;background: none !important;line-height: 1 !important;}
a.social-icon:hover{opacity: 0.7;}
.contact-box .social-icon-list {padding-top: 20px;margin-right: 12px;margin-bottom: 0;}
.custom-footer {margin-left: -10px; margin-right: -10px;padding-top: 0;display: flex;flex-wrap: wrap;}
.custom-footer > div{margin-left: 10px; margin-right: 10px;width: calc(22.2% - 20px);padding: 0;margin-bottom: 52px;}
.custom-footer > div:last-child{width: calc(33.3333% - 20px);}
.custom-footer > div:nth-child(-n+3){width: calc(33.3333% - 20px); background-color: #fff; padding: 40px;border-radius: 12px;min-height: 286px;}
#footer {background-color: var(--color-bg);padding-top: 48px;margin-top: 64px;}
.container.footer-rows{padding: 0;}
.contact-box .link-all, .prodejna .link-all{position: absolute; right: 0; bottom:0;}
.custom-footer__contact h4{display: none;}
.banner, .banner-wrapper, .banner-category, .carousel-inner {color: var(--color-text);}
.prodejna{position: relative;}
.prodejna > p{color: var(--color-link);}
.prodejna > p a{text-decoration: underline !important; color: var(--color-secondary);}
.prodejna > p a:hover{text-decoration: none !important;}
.oteviracka{margin-top: 24px; padding-left: 140px; background: url('/user/documents/upload/Images/prodejna.png') 0 0 no-repeat; background-size: 120px auto;min-height: 127px;}
.oteviracka > div{padding-left: 32px; background: url('/user/documents/upload/Images/clock.svg') 0 0 no-repeat;}
.oteviracka strong{color: var(--color-link);}
.banner {overflow: visible;margin-bottom: 0;}
.odber {color:#fff;}
.odber h5{color: #fff;}
.odber-wrapper {background-color: var(--color-link) !important;}
#footer .ec-v-form-spacer, #footer .ec-v-form-text{display: none;} 
#footer .ec-v-form-step-send .ec-v-form-text{display: block;}
#footer .ec-v-form-step-send .ec-v-form-text span{color: #fff !important;}
#footer .ec-v-form-holder form{min-height: auto !important;}
#footer .ec-v-form-step.ec-v-form-step-visible{height: auto !important;}
#footer .ec-v-form-holder{background: none !important; width: 100% !important;position: relative !important;margin: 23px 0 24px 0 !important;}
#footer .ec-v-form-input {padding: 0 !important;}
#footer .ec-v-forms-form-control, input[type="text"].ec-v-forms-form-control, #footer input[type="email"].ec-v-forms-form-control{height: 48px !important;border-radius: 100px !important;border: 0 !important;}
#footer .ec-v-form-submit{padding: 0 !important;position: absolute !important;right: 0 !important;top: 5px !important;}
#footer .ec-v-form-submit button{background-color: #559801 !important;padding: 0 24px !important;height: 48px !important;border-radius: 100px !important;font-size: 16px !important;}
#footer .ec-v-form-submit button:hover{background-color: #3e6e02 !important;}
.souhlas{font-size: 14px;}
.odber a{color: #fff; text-decoration: underline !important;display: inline;}
.odber a:hover{text-decoration: none !important;}
.custom-footer ul li a{font-size: 14px; color: var(--color-text);}
#footer h4{font-size: 18px; margin: 0 0 32px 0;}
.footer-rows ul li {padding: 0;margin-bottom: 16px;line-height: 19px;}
.footer-rows ul li:last-child{margin-bottom: 0;}
.custom-footer > div:last-child ul{display: flex; flex-wrap: wrap;}
.custom-footer > div:last-child ul li{width: 50%;}
.custom-footer > div a.all{position: absolute;top: 0;right: 0;font-size: 14px; text-decoration: underline !important;}
.custom-footer > div a.all:hover{text-decoration: none !important;}
.custom-footer > div a.all::after{content: url('/user/documents/upload/Images/sipka-cerna-more.svg');display: inline-block;vertical-align: middle;line-height: 1;margin-left: 8px;}
.footer-rows .custom-footer {padding-bottom: 0;}
.footer-spodek{display: flex;padding-top: 20px;padding-bottom: 40px;border-bottom: 1px solid var(--color-border);background: url('/user/documents/upload/Images/oceneni.png') 100% 12px no-repeat; background-size: auto 48px;}
.footer-spodek img{height: 40px; width: auto; margin-right: 10px;}
.zeme{text-align: center;padding: 40px 0;}
.zeme a{display: inline-block; margin: 0 16px;font-size: 14px; color:var(--color-text);background-position: 0 50%; background-repeat: no-repeat;background-size: 16px auto; padding-left: 24px;}
.zeme a.sk{background-image: url('/user/documents/upload/Images/sk.svg');}
.zeme a.cz{background-image: url('/user/documents/upload/Images/cz.svg');}
.zeme a.hu{background-image: url('/user/documents/upload/Images/hu.svg');}
.zeme a.hr{background-image: url('/user/documents/upload/Images/hr.png');}
.zeme a.ro{background-image: url('/user/documents/ro-vlajka.png');}
.footer-bottom {background-color: transparent;text-align: center;padding: 0 0 40px 0;font-size: 12px;line-height: 16px;}
#signature{float: none;margin-top: 20px;margin-left: 0;}
#signature, .copyright{display: block;}
.footer-bottom .container{display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
#signature a.image img {width: 16px;}
@media screen and (min-width: 768px){
.login-window-visible::before, .cart-window-visible::before, .submenu-visible::before{background-color: rgba(0, 0, 0, 0.4); z-index: 999;opacity: 1;}
}
.login-window-visible .navigation-buttons{z-index: 1;}
.login-window-visible .top-nav-button.primary{background-color: #fff; z-index: 9999;border-radius: 8px 8px 0px 0px;}
.popup-widget.login-widget{width: 700px;margin-left: 10px;}
.login-widget .popup-widget-inner{box-shadow: none;border: 0;border-radius: 12px;padding: 32px 0;display:flex; flex-wrap: wrap;background: url('/user/documents/upload/Images/kvet-login.svg') #fff 100% 100% no-repeat;}
.popup-widget::before {display: none;}
.popup-widget-inner {color: var(--color-text);}
.login-widget .popup-widget-inner > div{width: 50%;padding: 0 32px;}
.popup-widget-inner > h2{display: none;}
.login-widget #customerLogin::before{content: "";display: block; font-weight: 700; color: var(--color-link);font-size: 18px; line-height: 1.2;margin-bottom: 24px;}
.input-wrapper.email::before{content: "";}
.input-wrapper.password::before{content: "";}
.input-wrapper::before {color: var(--color-link);margin-bottom: 8px;display: block;line-height: 19px;font-size: 14px;font-weight: 700;}
.login-wrapper .password-helper a:first-child{display: none;}
.form-control, select {border-color: var(--color-border);color: var(--color-primary);background-color: #fff;border-radius: 100px;padding: 0 24px;}
textarea.form-control{border-radius: 12px;padding-top: 12px; padding-bottom: 12px;}
.form-group {margin-bottom: 20px;}
.login-widget .form-group {margin-bottom: 16px;}
a.lost-pass{position: absolute;right: 0;top: 0;font-size: 14px;text-decoration: underline;line-height: 19px;}
a.lost-pass:hover{text-decoration: none;}
.btn.btn-primary, a.btn.btn-primary {color: #fff;border-color: var(--color-primary);background-color: var(--color-primary);}
.btn.btn-primary:hover, a.btn.btn-primary:hover {color: #fff;border-color: var(--color-primary-hover);background-color: var(--color-primary-hover);}
.login-widget .btn{height: 48px;line-height: 46px; width: 100%;}
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {color: #fff !important;}
.login-wrapper {padding-top: 8px;padding-bottom: 0;}
.social-login-buttons-divider {margin-bottom: 16px;line-height: 19px;color: var(--color-text);}
.social-login-buttons-divider::before, .social-login-buttons-divider::after {background-color: var(--color-border);}
.social-login-buttons-divider span {padding: 0 8px;font-size: 14px;}
a.login-btn.facebook, a.login-btn.google {border-radius: 100px;border-color: var(--color-border);padding: 0 38px; line-height: 46px; height: 48px;}
a.login-btn.google .login-google-icon{display: none;}
a.login-btn.facebook strong, a.login-btn.google strong {padding: 0;line-height: 46px;color: var(--color-link);}
a.login-btn.google strong::before{content: url('/user/documents/upload/Images/google-btn.svg');display: inline-block;vertical-align: middle;margin-right: 12px;}
.registrace-box{border-left: 1px solid var(--color-border);}
.registrace-box h4{font-size: 18px; margin: 0 0 4px 0;}
.registrace-box h5{font-weight: 500; color: var(--color-text); font-size: 14px; line-height: 22px; margin: 0 0 24px 0;} 
.registrace-box p{font-size: 14px; padding-left: 32px; background: url('/user/documents/upload/Images/check.svg') 0 0 no-repeat;margin-bottom: 12px;}
.registrace-box .btn{margin-top: 20px;}
.searchWhisperer {width: 1120px;margin-left: 0;margin-top: 1px;border-radius: 12px;padding: 32px 0;}
.searchWhisperer__additionalResults {flex-basis: 340px;margin-right: 0;padding: 0 16px 0 32px;border-color: var(--color-border);}
.searchWhisperer__products {flex-basis: calc(100% - 340px);padding: 0 32px;}
.searchWhisperer__additionalResults__heading {margin-top: 28px;margin-bottom: 16px;}
.searchWhisperer__products__heading{margin-bottom: 16px;}
.searchWhisperer__products__listItem {flex-basis: 25%;}
.searchWhisperer__product{color: #000;font-size: 14px;line-height: 18px;padding: 20px 12px 24px 12px; border-radius: 12px;}
.searchWhisperer__product:hover{background-color: var(--color-bg);}
.searchWhisperer__additionalResults__link {color: var(--color-link);font-size: 14px; line-height: 16px;}
.searchWhisperer__product img{mix-blend-mode: darken;}
.searchWhisperer__product__image {margin-bottom: 15px;}
.searchWhisperer__product__name{margin-bottom:16px;height: 36px;overflow: hidden;}
.searchWhisperer__product__availability{margin-bottom: 8px;font-size: 13px;line-height: 16px;font-weight: 700;}
.searchWhisperer__product__price {margin: 0;font-size: 16px;font-weight: 700;line-height: 22px;}
.searchWhisperer__products__list {align-items: flex-start;}
.searchWhisperer__products__listItem:nth-child(n+9){display: none;}
.searchWhisperer__additionalResults__heading:not(.searchWhisperer__additionalResults__heading--article) + ul .searchWhisperer__additionalResults__listItem{margin: 0 4px 4px 0;}
.searchWhisperer__additionalResults__heading:not(.searchWhisperer__additionalResults__heading--article) + ul .searchWhisperer__additionalResults__link{background-color: var(--color-bg); padding: 8px 12px;border-radius: 100px;}
.searchWhisperer__additionalResults__heading:not(.searchWhisperer__additionalResults__heading--article) + .searchWhisperer__additionalResults__list {display: flex;flex-wrap: wrap;}
.searchWhisperer__additionalResults__heading:not(.searchWhisperer__additionalResults__heading--article) + ul .searchWhisperer__additionalResults__link:hover{background-color: var(--color-primary);color: #fff; text-decoration: none;}
.searchWhisperer__additionalResults__heading--article + ul .searchWhisperer__additionalResults__link{padding: 0 0 0 24px; background: url('/user/documents/upload/Images/clanek.svg') 0 4px no-repeat;line-height: 22px;text-decoration: underline;}
.searchWhisperer__additionalResults__heading--article + ul .searchWhisperer__additionalResults__link:hover{text-decoration: none;color: var(--color-secondary);}
.searchWhisperer__additionalResults__heading--article + ul .searchWhisperer__additionalResults__listItem{margin-bottom: 12px;text-decoration: none;}
.searchWhisperer__buttonWrapper .btn.searchWhisperer__button {height: 48px;line-height: 46px;padding: 0 24px;margin-top: 24px;}
.btn.btn-default, a.btn.btn-default {color: #fff !important;border-color: var(--color-primary);background-color: var(--color-primary);}
.btn.btn-default:hover, a.btn.btn-default:hover {border-color: var(--color-primary-hover);background-color: var(--color-primary-hover);}
.searchWhisperer__buttonWrapper {padding-left: 340px;}
@media screen and (min-width: 1200px){
    #header .header-top a.cart-count{padding: 0 24px;border-radius: 12px 12px 0px 0px;}
}
#header .header-top a.cart-count{z-index: 9999; background-color: #fff;}
.cart-window-visible .header-phone{opacity: 0.5;}
.popup-widget.cart-widget{margin-top: 17px; border: 0; box-shadow: none;width: 700px;margin-left: 10px;border-radius: 12px 0px 12px 12px;}
.popup-widget.cart-widget .popup-widget-inner{background-color: transparent;}
.cart-widget-product {padding: 16px 72px 16px 24px;border-color: var(--color-border) !important;position: relative;}
.cart-widget-product-image {width: 64px;height: 64px;}
.cart-widget-product-image a {height: 64px;}
.cart-widget-product .cart-widget-product-name {width: 48%;padding: 0 16px;}
.cart-widget-product-name span, .cart-widget-product-name strong {font-weight: 500;}
.cart-widget-product-name a {display: block;color: #000;font-size: 14px;line-height: 18px;}
.cart-widget-product-name a:hover{text-decoration: underline;}
.quantity input {width: 40px !important;height: 46px !important;font-size: 16px;font-weight: 700;}
.quantity {border-radius: 100px;border-color: var(--color-border);padding-left: 40px;padding-right: 40px;}
.quantity .increase, .quantity .decrease {background-color: var(--color-bg);width: 32px;height: 32px !important;border-radius: 50%;top: 8px;}
.quantity .increase:hover, .quantity .decrease:hover{background-color: var(--color-primary); color: #fff;}
.quantity .increase{right: 8px;}
.quantity .decrease{left: 8px;}
.quantity .decrease::before, .quantity .increase::before {background-color: transparent !important;line-height: 32px;font-size: 16px;font-weight: 700;font-family: Linotte !important;}
.quantity .decrease::before{content: "-";}
.quantity .increase::before{content: "+";}
.quantity:hover {box-shadow: none;}
.cart-widget-product-amount{width: 122px;padding: 0;}
.cart-widget-product-price {color: var(--color-primary);width: 128px;}
.cart-widget-product-delete button::before {content: url('/user/documents/upload/Images/close.svg');}
.cart-widget-product .cart-widget-product-delete {visibility: visible;position: absolute;right: 32px;top: 39px;width: 16px;height: 16px;line-height: 1;padding: 0;}
.cart-widget-product .cart-widget-product-delete:hover{opacity: 0.7;}
.cart-widget-product-delete button {width: 16px;height: 16px;line-height: 1;}
.cart-widget-bottom {padding: 32px 24px;background-color: transparent;display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.cart-widget-button {padding: 0;width: 260px;}
.cart-widget-button .btn{width: 100%;padding: 0 24px;}
.cart-widget-button .btn::after{content: url('/user/documents/upload/Images/sipka-konverze.svg');display: inline-block;vertical-align: middle;line-height: 1;margin-left: 12px;}
.cart-free-shipping{width: calc(100% - 260px);color: var(--color-text);padding-right: 48px;}
.cart-free-shipping > div {text-align: left;display: block;font-size: 14px;line-height: 20px;}
.cart-free-shipping .price-range {margin-top: 16px;}
.price-range {background-color: var(--color-border); height: 8px;border-radius: 100px;}
.price-range > div {background-color: var(--color-secondary);border-radius: 100px;position: relative;}
.price-range > div::after{content: url('/user/documents/upload/Images/truck.svg');position: absolute;right: 0;top: -16px;}
.navigation-hovered:not(.submenu-visible)::before {display: none;}
.submenu-visible #header, .submenu-visible .top-navigation-bar{z-index: 9999;position: relative;}
@media screen and (min-width: 768px){
    .navigation-in > ul > li:hover > a{background-color: #fff;color: var(--color-primary);box-shadow: inset 0px 2px 0px #559801;border-radius: 8px 8px 0px 0px;}
    li.exp .submenu-arrow::after {content: url('/user/documents/upload/Images/sipka-menu-hover.svg');}
}
.submenu-visible li.exp > a .submenu-arrow::after {-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
@media screen and (min-width: 768px){
    #navigation .menu-level-2{border: 0;align-items: flex-start;border-radius: 0px 0 12px 12px;}
    #navigation .menu-level-2 > li{padding: 24px;align-items: flex-start;}
    .navigation-in > ul > li.ext > ul > li > a {width: 76px;padding: 0;}
    .navigation-in > ul > li.ext > ul > li > div {width: calc(100% - 76px);padding-left: 24px;}
    .navigation-in > ul > li.ext > ul > li > a img {max-width: 76px;max-height: none;}
    .navigation-in > ul > li.ext > ul > li > div > a {font-size: 16px;padding-bottom: 0 !important;display: flex;align-items: center;height: 54px;flex-wrap: wrap;}
    .navigation-in > ul > li.ext > ul > li.has-third-level > div > a {padding-bottom: 12px !important;line-height: 20px;display: block; height: auto;}
    .navigation-in > ul > li.ext > ul > li > div > ul {line-height: 20px;max-height: none;display: block;}
    .navigation-in > ul > li.ext > ul > li > div > ul > li {display: block;font-size: 0;line-height: 0;margin-bottom: 8px;}
    .navigation-in > ul > li.ext > ul > li > div > ul > li > a::before{content: url('/user/documents/upload/Images/li-menu.svg'); position: absolute; left: 0;top: 2px;}
    .navigation-in > ul > li.ext > ul > li > div > ul > li > a{display: block; font-size: 14px; line-height: 20px;color: var(--color-text);position: relative; padding-left: 16px;}
    .navigation-in > ul > li.ext > ul li a:hover{text-decoration: underline; color: var(--color-secondary);}
    .navigation-in > ul > li.ext > ul > li > div > ul > li:last-child{margin-bottom: 0;}
}
#navigation .navigation-in ul li:hover > a > b, #navigation .navigation-in ul li:hover > div > a > span {text-decoration: none;}
.type-category .content-wrapper-in.aside-indented .breadcrumbs, .type-category .content-wrapper-in.aside-indented .category-top {max-width: none;}
.navigation-home-icon::before {content: url('/user/documents/upload/Images/home.svg');}
.breadcrumbs span {color: var(--color-text);}
.breadcrumbs a, .breadcrumbs a span{color: var(--color-secondary) !important;}
.breadcrumbs a{text-decoration: none !important;}
.breadcrumbs a:hover{text-decoration: underline !important;}
.breadcrumbs span:hover {color: var(--color-text);}
.breadcrumbs {line-height: 16px;padding: 24px 0;}
.navigation-bullet{display: none !important;}
.breadcrumbs > span::after{content: "/"; color: var(--color-border);margin: 0 5px;}
.breadcrumbs > span:last-child::after{display: none;}
.category-perex{max-width: 820px;margin: 16px 0 0 0;min-height: 205px;}
.vice span:last-child{display: none;}
.rozbaleno .vice span:last-child{display: inline;}
.rozbaleno .vice span:first-child{display: none;}
.rozbaleno .vice::after{-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-top: -3px;}
.cat-header .container{position: relative;}
.poradna-cat{position: absolute;top: 66px;right: 0;background: url('/user/documents/upload/Images/stred-kvet.svg') #fff 100% 100% no-repeat;padding: 32px;border-radius: 12px;width: 460px;display: none;}
.category-perex + .poradna-cat{display: block;}
.poradna-cat h5{margin: 0 0 16px 0;}
.cat-header{background-color: #F4F5F5; padding-bottom: 48px;}
.vice{font-weight: 700; color: var(--color-secondary) !important;text-decoration: underline;}
.vice:hover{text-decoration: none;}
.vice::after{content: url('/user/documents/upload/Images/sipka-vice.svg');display: inline-block;vertical-align: middle;line-height: 1;margin-left: 8px;}
.content a:hover {color: var(--color-secondary);}
.poradna-cat ul{font-size: 14px;}
.poradna-cat ul li {background-position: 0 5px;}
.poradna-bottom{margin-top: 24px;font-size: 14px;}
.poradna-bottom a{color: var(--color-secondary);text-decoration: underline;font-weight: 700;}
.poradna-bottom a:hover{text-decoration: none;}
.poradna-bottom span{margin: 0 16px;}
.poradna-bottom a:last-child::before{content: url('/user/documents/upload/Images/play-green.svg');display: inline-block;vertical-align: middle;line-height: 1;margin-right: 6px;}
.category-perex a, .basic-description a, .p-short-description a, article a, .news-item-detail a{color: var(--color-secondary); text-decoration: underline;}
.category-perex a:hover, .basic-description a:hover, .p-short-description a:hover, article a:hover, .news-item-detail a:hover{text-decoration: none;}
.category-title {text-align: left;max-width: 820px;margin-bottom: 0;}
.subcategories li {width: 16.6666%;padding: 0 5px 10px 5px !important;}
.subcategories{margin: 48px -5px -10px -5px;}
.subcategories li a {color: var(--color-primary);background-color: var(--color-bg);border-radius: 8px;padding: 16px;height: 80px;border: 1px solid var(--color-bg);}
.subcategories li a:hover{text-decoration: underline; background-color: #fff;border-color: var(--color-border);}
.subcategories.with-image li a .image {width: 64px;padding-right: 0;}
.subcategories.with-image li a .text {max-width: none;width: calc(100% - 64px);padding-left: 6px;font-size: 14px;line-height: 16px;font-weight: 500;}
.subcategories.with-image li a .image img {mix-blend-mode: multiply;}
.subcategories li a:hover .text {text-decoration: none;}
#productsTop, .products-top-wrapper{display: none !important;}
.category-top > h4{display: none;}
#content .sidebar.sidebar-left, .sidebar + #category-header {padding-top: 48px;}
.sidebar {width: 284px;padding-right: 32px;}
.desktop.multiple-columns-body .aside-indented .products-page, .desktop.multiple-columns-body .aside-indented .banner-category {width: 100%;}
#category-filter-hover .filter-section:not(.filter-section-manufacturer) form{display: none;}
.box.box-sm.box-filters {margin: 0;padding: 0;border: 0;}
.filter-section, .slider-wrapper {padding: 0;border-top: 0 !important;border-bottom: 1px solid var(--color-border) !important;}
#filters h4{padding: 24px 0; font-size: 16px;margin: 0;cursor: pointer;position: relative;}
#filters .slider-wrapper h4{padding-top: 0;}
#filters h4::after{content: url('/user/documents/upload/Images/sipka-dolu-cerna.svg');line-height: 1;position: absolute;right: 0;margin-top: 2px;}
#filters .otevreny h4::after{-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-top: 0;}
.filter-section form{margin-bottom: 12px;}
.param-filter-top form:first-of-type{display: none !important;}
.filter-total-count{display: none;}
.filter-section.filter-section-count{border: 0 !important;}
#clear-filters{margin: 0 !important}
#clear-filters .close-after{padding: 0;margin-top: 24px;text-transform: none;color: var(--color-primary);font-size: 14px;text-decoration: underline !important;display: block;line-height: 22px;}
#clear-filters .close-after:hover{text-decoration: none !important;}
#clear-filters .close-after::after{display: none;}
#clear-filters .close-after::before{content: url('/user/documents/upload/Images/close-dark.svg');display: inline-block;vertical-align: middle;line-height: 1;margin-right: 8px;}
.type-category .content > .breadcrumbs, .category-top .category-title, .category-top .category-perex{display: none !important;}
input[type="checkbox"] + label, input[type="radio"] + label {margin-right: 0;padding-left: 28px;line-height: 20px;font-size: 14px;}
input[type="checkbox"] + label::before{border-radius: 4px; border-color:var(--color-border);width: 20px;height: 20px;}
.filter-label .filter-count{line-height: 20px;height: 20px;font-size: 13px;padding: 0 4px;margin: 0;font-weight: 500;width: auto;}
.filter-label.active .filter-count{color: #fff; background-color: var(--color-primary);}
.filter-label{margin-bottom: 12px;}
.filter-section fieldset > div{line-height: 1;}
input[type="checkbox"]:checked + label::after {content: url('/user/documents/upload/Images/check-label.svg');border-color: var(--color-primary);background-color: #fff;width: 20px;height: 20px;border-radius: 4px;border-width: 1px;}
.filter-section label.active {font-weight: 500;color: var(--color-primary);}
input[type="checkbox"] + label:hover{text-decoration: underline; color: var(--color-primary);}
input[type="checkbox"] + label:hover::before{border-color: var(--color-primary);}
.ui-slider-horizontal {height: 4px;border-radius: 100px;}
.ui-slider, .slider-content {background-color: var(--color-border);}
.slider-content {height: 4px;border-radius: 100px;padding: 0 12px;margin-bottom: 12px;}
.ui-slider .ui-slider-range {background-color: var(--color-primary);border-radius: 100px;}
.ui-slider-horizontal .ui-slider-handle {width: 24px;height: 24px;top: -10px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);background-color: #fff;border-radius: 50%;border: 1px solid var(--color-border);margin-left: -12px;}
.ui-slider-horizontal .ui-slider-handle::before{content: ""; width: 8px; height: 8px; background-color: var(--color-primary); border-radius: 8px; position: absolute; left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.from, .to {font-size: 14px;line-height: 20px;}
.slider-header {padding-bottom: 24px;}
#content .sidebar .filters{margin-bottom: 48px !important;}
.sidebar .banner-wrapper img{border-radius: 12px;}
@media screen and (min-width: 768px){
.category-header-pagination{order: 2;font-size: 14px;line-height: 20px;}
.category-header-pagination strong{font-weight: 500;}
.products-listing-order-heading, #products-listing-order, .sortingToggle{display: none;}
#listSortingControls{display: flex;position: relative;border: 0;box-shadow: none;z-index: 1;padding: 0;}
.listSorting__control {padding: 0 20px;height: 36px;line-height: 36px;background-color: var(--color-bg);border-radius: 100px;margin-right: 8px;font-size: 14px;font-weight: 700;}
.listSorting__control.listSorting__control--current{background-color: var(--color-primary); color: #fff;}
.category-header form{height: 36px;}
.category-header{margin-bottom: 32px;}
}
.pagination-link::before {content: url('/user/documents/upload/Images/sipka-paginace.svg') !important;position: relative;top: -2px;}
.pagination-link.prev::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.pagination > a, .pagination > strong {width: 40px;height: 40px;margin-right: 0;margin-left: 4px;border-radius: 50% !important;line-height: 40px;font-weight: 700;}
.pagination > a{background-color: var(--color-bg); color: var(--color-primary);}
.pagination > strong {background-color: var(--color-primary); color: #fff;}
.pagination a.pagination-link {background-color: var(--color-bg);}
.pagination > a:hover{background-color: var(--color-primary) !important;color: #fff;}
.pagination-link:hover::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.pagination-loader .btn{height: 48px;line-height: 46px;}
.pagination-top{visibility: hidden;}
.pagination-wrapper {margin-top: 32px;margin-bottom: 0;}
@media screen and (min-width: 768px){
.pagination-wrapper{margin-left: 284px;}
.type-posts-listing .pagination-wrapper {margin-left: 0;}
}
body:not(.type-index) .heureka {margin-top: 0; padding-top: 64px; border-top: 1px solid var(--color-border);}
body:not(.type-index) .benefitBanner {padding-bottom: 40px;margin-top: 64px;border-top: 1px solid var(--color-border);}
.wide .breadcrumb-in-detail {width: 100%;float: none;}
.p-detail-inner h1 {margin-bottom: 12px;}
.ratings-and-brand .brand-wrapper{display: none;}
.ratings-and-brand a {font-size: 14px;line-height: 22px;}
.p-detail-inner .p-detail-inner-header {margin-bottom:16px;}
.p-short-description, .p-short-description span{font-size: 14px !important;}
#content {line-height: 1.6;}
.p-short-description .vice::after {margin-left: 4px;}
.p-short-description p .vice{margin-left: 4px;}
.variant-list select, .surcharge-list select{width: 290px;font-size: 14px;color: var(--color-primary);}
.p-detail-inner .p-short-description{margin-bottom: 24px;}
.variant-list, .surcharge-list {padding-bottom: 24px;}
#product-detail-form .variant-label, #product-detail-form .surcharge-label {padding-bottom: 8px;font-size: 14px;font-weight: 700;color: var(--color-primary);line-height: 20px;}
select{background: url('/user/documents/upload/Images/sipka-select.svg') #fff calc(100% - 24px) 50% no-repeat !important;}
.variant-list select:hover, .surcharge-list select:hover {box-shadow: none;}
.advanced-parameter {width: auto;height: 64px;margin: 0 8px 8px 0;padding: 0;min-width: 64px;}
.advanced-parameter-inner {cursor: pointer;padding: 8px;width: 100%;height: 100%;border-radius: 12px;border-color: var(--color-bg) !important;background-color: var(--color-bg); background-repeat: no-repeat; background-position: 5px 5px;text-align: center;display: block;line-height: 48px;font-weight: 600;color: var(--color-link);}
.variant-list .avil-yes .advanced-parameter-inner{background-image:url('/user/documents/upload/Images/time.svg');}
.variant-list .avil-yes.sklad .advanced-parameter-inner{background-image:url('/user/documents/upload/Images/sklad.svg');}
.advanced-parameter-inner img {border-radius: 0;mix-blend-mode: multiply;}
.advanced-parameter-inner.yes-before, .advanced-parameter-inner:hover{border-color: var(--color-secondary) !important;}
.advanced-parameter-inner.yes-before{background-color: #fff;}
#product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before::before {background-color: var(--color-primary);color: #fff;border: 0;font-size: 8px;left: 3px;bottom: 3px;top: auto;width: 20px;height: 20px;line-height: 20px;}
.buttons-wrapper{display: none;}
.buy-box {box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);border-radius: 12px;}
.buy-box .detail-parameters{padding: 16px 32px 16px 24px;display: block;margin: 0;position: relative;}
.p-to-cart-block{background-color: transparent; padding: 24px 32px; border-top: 1px solid var(--color-border);flex-wrap: wrap;}
.p-data-wrapper .detail-parameters th{display: none;}
.p-data-wrapper .detail-parameters tbody tr td {padding-left: 0;padding-bottom: 0 !important;line-height: 21px;}
td .availability-label {margin-left: 0;}
.delivery-time .default-variant{display: none;}
.p-data-wrapper .default-variant .availability-label{font-size: 0;margin-bottom: -24px;display: block;}
.p-data-wrapper .default-variant .availability-label::after{content: "";font-size: 16px;font-weight: 700;}
.availability-label{font-weight: 700;}
.p-data-wrapper .availability-amount {font-weight: 700 !important;}
.p-data-wrapper .delivery-time span::before{content: "";}
.p-data-wrapper .delivery-time{font-size: 14px;}
.shipping-options-row{position: absolute; right: 32px; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.shipping-options-row a{font-size: 14px; text-decoration: underline;cursor: pointer;}
.shipping-options-row a:hover{text-decoration: none !important;color: #1a1937;}
.shipping-options-row a::before{content: url('/user/documents/upload/Images/nakladak.svg'); display: inline-block;vertical-align: middle;line-height: 1;margin-right: 12px;position: relative;top: -1px;}
.doprava{display: none;}
.type-product .content td{border: 0 !important;}
.p-final-price-wrapper > strong {display: block;font-size: 28px;line-height: 34px;}
.price-final{font-weight: 700; color: var(--color-primary);}
.p-to-cart-block .p-final-price-wrapper .price-final-holder {font-weight: 700;}
.p-to-cart-block .p-final-price-wrapper {line-height: 1;margin-right: 0;width: calc(100% - 132px - 220px);}
.price-standard {color: #C80F73;font-size: 13px;}
.buy-box .price-standard{font-size: 14px;margin: 0;}
.flag.flag-discount{display: none;}
.flag.flag-sleva {background-color: #C80F73;}
.flag.flag-sleva::before{content: "";}
.p-data-wrapper .price-save{font-size: 14px; color: #C80F73;}
.buy-box .price-standard::after{content: ",";margin-left: -3px;}
.p-data-wrapper .price-save, .p-data-wrapper .price-standard{display: inline-block; margin-bottom: 4px;}
.p-to-cart-block .add-to-cart-button {width: 220px;}
.add-to-cart .quantity {margin-right: 12px;width: 120px;}
@media screen and (min-width: 1200px){
    .wide .p-detail-inner .p-image-wrapper {width: 58%;padding-right: 0;}
    .wide .p-detail-inner .p-data-wrapper {width: 42%;padding-left: 20px;}
}
.wide .p-detail .flags {left: 16px;top: 16px;}
.wide .image360 img, .wide .p-image img {max-height: 600px;}
.detail-spodek{display: flex; flex-wrap: wrap;margin-top:24px;}
.detail-spodek .linky{width: calc(100% - 342px);}
.linky *{font-size:14px; color: var(--color-text) !important;text-transform: none;font-weight: 500 !important;line-height: 20px;}
.linky > *{display: block;margin-bottom: 8px;text-align: left;}
.detail-kontakt{width: 342px;}
.linky .p-code{margin-bottom: 0 !important;}
.link-icon.watchdog::before {content: url('/user/documents/upload/Images/pes.svg'); display: inline-block;margin: 0 8px 0 0;vertical-align: top;}
.linky a:not(:hover){text-decoration: underline;}
.p-code td{padding-left: 4px;}
.detail-kontakt > p{font-size: 14px;line-height: 16px;padding-left: 60px;margin: 0 !important;}
.detail-kontakt > p a{color: var(--color-secondary);text-decoration: underline;}
.detail-kontakt > p a:hover{text-decoration: none;}
.p-thumbnail:nth-child(n+11){display: none;}
.p-thumbnails > div{width: 100%; text-align: center;}
.p-image, .image360{padding-bottom: 16px;}
.p-thumbnails a img{border: 0 !important;}
.next-photos{border: 1px solid var(--color-border);border-radius: 12px;width: 100px;height: 100px;display: flex; align-items: center;text-align: center; -webkit-justify-content: center; justify-content: center;font-size: 14px; color: #000; text-decoration: underline;flex-direction: column;}
.next-photos:hover{text-decoration: none;}
.p-thumbnail{margin: 0 4px !important;}
.next-photos::before{content: url('/user/documents/upload/Images/fotak.svg');background: none !important;display: block;height: 32px !important;position: relative;line-height: 1;margin-bottom: 3px;}
.p-thumbnails{margin-bottom: 0;}
.type-product .benefitBanner {padding-bottom: 24px !important;border-top: 0 !important;padding-top: 0;border-bottom: 1px solid var(--color-border) !important;}
ul.shp-tabs li{text-decoration: none !important;}
.shp-tabs-holder ul.shp-tabs a.shp-tab-link {padding: 0 20px;height: 36px;line-height: 36px;color: var(--color-text);font-size: 14px;background-color: var(--color-bg);border-radius: 100px;margin-right: 4px;}
.shp-tabs-holder ul.shp-tabs a.shp-tab-link:hover{color: #000;}
.shp-tabs-holder ul.shp-tabs .shp-tab.active a.shp-tab-link{background-color: var(--color-primary);color: #fff;}
.shp-tabs-holder ul.shp-tabs{margin: 0;}
.p-detail-tabs-wrapper{margin-top: 48px;}
.responsive-nav {margin-bottom: 48px;padding: 0;}
.shp-tabs-row + div{padding: 0;}
.rate-wrapper-in-description{display: none;}
.basic-description h2, article h2, .category-perex h2,
.basic-description h3, article h3, .category-perex h3,
.basic-description h4, article h4, .category-perex h4,
.basic-description h5, article h5, .category-perex h5,
.basic-description h6, article h6, .category-perex h6{margin-top: 32px; margin-bottom: 16px;}
h2.popis-nadpis{margin-bottom: 24px;}
.faq-wrapper{margin-bottom: 48px;margin-top: 48px;border-top: 1px solid var(--color-border);padding-top: 48px;}
.faq-wrapper h2{margin-bottom: 40px;margin-top: 0;}
.faq-item input[type="checkbox"]{display: none;}
.faq-item label::before, .faq-item label::after{display: none !important;}
.faq-item {margin-bottom: 8px;padding: 0 16px;position: relative;background-color: var(--color-bg);border-radius: 8px;}
.faq-item:hover{border-color: #666;}
.faq-item.otevreno{background-color: #fff;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
.faq-item label{cursor: pointer;padding: 16px 52px 16px 20px !important;width: calc(100% + 32px);color: var(--color-primary);margin: 0 -16px !important;font-weight: 700;z-index: 1;font-size: 16px !important;line-height: 22px !important;}
.faq-item label span{display: block; width: 100%;}
.faq-item label span::after{content: "+";position: absolute;right: 24px;top: 0;font-size: 26px;line-height: 52px;color: #222;}
.faq-item input:checked + label span::after{content: "-";content: "-";top: -2px;right: 26px;}
.faq-item label + div{font-size: 16px; font-weight: 400; padding-bottom:20px; display: none;/*opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;overflow: hidden;*/}
.faq-item input:checked + label + div{display: block;}
.faq-item label + div p:last-child{margin-bottom: 0 !important;}
.seznamy{display: flex; flex-wrap: wrap;margin-bottom: 32px;}
.seznamy > div{width: 50%;}
.seznamy h3{margin-top: 8px;}
.category-perex ul li::before, .tab-content ul li::before, article ul li::before{display: none;}
.upozorneni{padding: 16px 24px 16px 88px;border-radius: 8px;color: var(--color-primary);margin-bottom: 32px;background: url('/user/documents/upload/Images/upozorneni.svg') #FFF7E2 24px 50% no-repeat;}
@media screen and (min-width: 1200px){
.extended-description{width: 460px; padding: 0;}
.basic-description {width: calc(100% - 460px); padding-right: 140px;}
}
.extended-description > p{color: var(--color-primary);font-size: 24px;line-height: 1.2;margin-bottom: 32px !important;}
table.detail-parameters tbody tr th::after {display: none;}
.extended-description table.detail-parameters tbody tr th, .extended-description table.detail-parameters tbody tr td{font-size: 14px; line-height: 20px;padding: 16px;font-weight: 500;}
.extended-description table.detail-parameters tbody tr th{color: var(--color-primary);font-weight: 700;}
.extended-description table.detail-parameters tbody tr{background-color:var(--color-bg);}
.extended-description table.detail-parameters tbody tr:nth-child(2n){background-color: #fff;}
table.detail-parameters tbody tr th .row-header-label {background-color: transparent;}
.one-column-body table.detail-parameters tbody tr th {min-width: auto;}
.extended-description table.detail-parameters tbody tr td{text-align: right;}
.extended-description table.detail-parameters tbody tr td a{font-weight: 500; color: var(--color-secondary);}
.extended-description table.detail-parameters tbody tr td a:hover{text-decoration: none;}
.poradna-side .poradna-cat{display: block;position: relative;background-color: var(--color-bg);background-image: url('/user/documents/upload/Images/kvet-white2.svg');top: auto;}
.product-side{margin-top: 48px;}
.kontakt-side{margin-top: 32px;}
.kontakt-side .contact-box{background-color: var(--color-bg);border-radius: 12px; padding: 40px 32px;}
.kontakt-side .social-icon-list{display: none;}
.kontakt-side .link-all{display: none;}
.kontakt-side .contact-box ul li:nth-child(2){margin-bottom: 0;}
.contact-box h5{margin-top: 0;}
h2.products-header{margin: 32px 0 0;text-align: left;}
.kontakt-side .contact-box ul li a:hover{text-decoration: underline;}
.products-related-wrapper, .products-alternative-wrapper {margin-top: 48px;border-top: 1px solid var(--color-border);padding-top: 64px !important;}
.products-related-wrapper + .products-alternative-wrapper {border-top: 0; padding-top: 0 !important;}
body:not(.type-index):not(.type-category) .heureka{margin-top: 80px;}
.dropdown .dropdown-menu{z-index: 10000;}
.popup-overlay{display: none; position: fixed; left: 0; top: 0; width: 100%; height:100%;background-color: #000; opacity: 0.4; z-index: 9999;}
.popup-window{display: none;position: fixed; padding: 40px 32px 0 32px; width: 852px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 10000; background-color: #fff;border-radius: 12px;max-height: 100vh; overflow: auto;scrollbar-width: thin;}
.popup-open .popup-window, .popup-open .popup-overlay{display: block;}
.popup-window h3{margin: 0 0 32px 0; padding-left: 36px; background: url('/user/documents/upload/Images/nakladak.svg') 0 50% no-repeat;background-size: 24px auto;}
.doprava-radek{display: flex; flex-wrap: wrap; padding: 24px; background-color: var(--color-bg);align-items: center;}
.doprava-radek:nth-child(2n){background-color: #fff;}
.doprava-radek .d-img{width: 100px;}
.doprava-radek .d-cena{width: 100px;color: var(--color-primary);font-weight: 700;text-align: right;}
.doprava-radek .d-popis{width: calc(100% - 200px);padding: 0 16px; font-size: 14px;line-height: 20px;}
.doprava-radek .d-popis strong{display: block; color:var(--color-primary);font-size: 16px; margin-bottom: 4px;line-height: 23px;}
.doprava-zdarma{background-color: var(--color-bg);padding: 32px;margin-top: 32px;margin-left: -32px;margin-right: -32px;border-radius: 0 0 12px 12px;text-align: center;font-weight: 700;color: var(--color-primary);}
.doprava-zdarma::before{content: url('/user/documents/upload/Images/nakladak-green.svg'); display: inline-block;vertical-align: middle;line-height: 1;margin-right: 24px;}
.close{position: absolute; right: 16px; top: 16px; cursor: pointer;}
.close:hover{opacity: 0.7;}
.close::before{content: url('/user/documents/upload/Images/close.svg');}
.roz-obj #cboxContent, .roz-obj #cboxLoadedContent{height: auto !important;}
.roz-obj #cboxContent{border: 0 !important;border-radius: 12px;}
.roz-obj .colorbox-html-content {padding: 40px 32px 0 32px;}
#cboxOverlay{opacity: 0.4 !important;}
.roz-obj #cboxLoadedContent, #colorbox.roz-obj, .roz-obj #cboxWrapper{overflow: visible !important;}
#cboxLoadedContent {padding: 0;}
@media screen and (min-width: 1200px) {
#colorbox.roz-obj, .roz-obj #cboxWrapper, .roz-obj #cboxContent, .roz-boj #cboxLoadedContent, .roz-obj #cboxLoadedContent{width: 100% !important; max-width: 852px !important;}
#colorbox.roz-obj{left: 50% !important;margin-left: -426px;}
}
.advanced-order .h1 {font-size: 28px;margin: 0 0 24px 0;text-align: left; padding-left: 36px; background: url('/user/documents/upload/Images/done.svg') 0 50% no-repeat;}
.advanced-order .h2:not(.advanced-order-suggestion) {margin-bottom: 0;font-size: 14px;font-weight: 500;text-align: left;}
.advanced-order .extras-wrap {background-color: var(--color-bg);padding: 24px 32px;margin-left: -32px;margin-right: -32px;}
.advanced-order .extras-wrap .extra.step {width: 260px;margin: 0;padding: 0;}
.advanced-order .extras-wrap .extra.step .btn{width: 100%;}
.advanced-order .extras-wrap .extra.step .btn::after{content: url('/user/documents/upload/Images/sipka-konverze.svg');display: inline-block;vertical-align: middle;line-height: 1;margin-left: 10px;}
.advanced-order .extras-wrap .extra.delivery{width: calc(100% - 260px);margin: 0;}
.extra.delivery{font-size: 14px;line-height: 20px;}
.extra.delivery .price-range::before {display: none;}
.extra .price-range {margin-left: 0;margin-top: 16px;margin-bottom: 0;}
.advanced-order .advanced-order-suggestion {padding-top: 24px;font-size: 20px;border-top: 8px solid #999;margin: 0 -32px 24px -32px;margin: 0 0 24px 0;}
.advanced-order .products-wrapper {margin-left: -32px; margin-right: -32px;width: auto !important;}
.advanced-order .product-slider-pagination{display: none;}
#cboxClose {background-color: transparent !important;width: 16px;height: 16px;top: 16px;right: 16px;}
#cboxClose:hover{opacity: 0.7;}
#cboxClose::before{content: url('/user/documents/upload/Images/close.svg');line-height: 16px;left: 0;top: 0;}
body.ordering-process{background-color: var(--color-bg);}
.ordering-process .content-wrapper {background-color: transparent;}
ol.cart-header li{width: 18%;}
ol.cart-header li a::before, ol.cart-header li strong::before {border-color: #fff;font-weight: 700;margin-bottom: 8px;}
ol.cart-header li a, ol.cart-header li strong {color:var(--color-text);background: none !important;}
ol.cart-header li a:hover span{text-decoration: underline;}
ol.cart-header li a span::after, ol.cart-header li strong span::after {content: url('/user/documents/upload/Images/sipka-ol-header.svg');width: auto;height: auto;line-height: 1;border: 0;top: 11px;left: auto;right: -24px;}
ol.cart-header{margin: 32px 0 48px 0;}
ol.cart-header li.active a, ol.cart-header li.completed a, ol.cart-header li.active strong, ol.cart-header li.completed strong {background-color: transparent;}
ol.cart-header li.active a, ol.cart-header li.active strong {color: var(--color-primary);font-weight: 700;}
ol.cart-header li.active a::before, ol.cart-header li.active strong::before {background-color: var(--color-primary);border-color: var(--color-primary);color: #fff;}
.id--9:Not(.prazdny-kosik) .cart-inner {width: auto;max-width: 1180px;padding: 0;}
@media screen and (min-width: 768px){
.cart-table tr td{padding: 16px 0;border-top: 0;border-bottom: 1px solid var(--color-bg);text-align: left !important;}
.cart-table .p-name {padding-left: 16px;padding-right: 24px;width: 37%;}
.cart-table .p-total {padding-right: 75px !important;width: 15%;text-align: right !important;}
.cart-table .p-availability {width: 12%;}
}
.cart-table{border: 0;}
@media screen and (min-width: 992px){
.cart-table tr td.cart-p-image {padding-right: 0;padding-left: 24px;}
}
.cart-table .cart-p-image {width: 88px;}
.cart-table .cart-p-image img {width: 64px;}
.cart-table tr td.p-name a {color: var(--color-primary);font-size: 14px;line-height: 18px;display: block;font-weight: 500;}
.cart-table .show-related {font-size: 12px !important;padding-top: 8px;color: var(--color-text) !important;text-decoration: underline;}
.cart-table .show-related:hover{text-decoration: none !important;}
.show-related::after {content: url('/user/documents/upload/Images/sipka-related.svg') !important;padding-left: 8px;}
.related-visible .show-related::after {-webkit-transform: rotate(180deg);transform: rotate(180deg);padding-right: 8px;}
.cart-table tr.related td {background-color: #fff;padding: 0 24px;}
.cart-table .show-related b{font-weight: 500;}
.p-cell .availability-amount{font-size: 13px;}
.cart-table td.p-availability strong {font-weight: 700;font-size: 13px;}
.cart-table .p-price .price-final, .cart-table .unit-value {color: var(--color-text);font-size: 14px;}
.cart-table .p-total .price-final {font-weight: 700;}
tr.removeable .remove-item {width: 75px;margin-right: -75px;opacity: 1;padding: 0 24px 0 0;}
.remove-item::before {content: url('/user/documents/upload/Images/close.svg');}
tr.removeable .remove-item:hover{opacity: 0.7;}
.cart-table tr:first-child > td {border-top-style: none;font-size: 14px;color: var(--color-primary);font-weight: 700;padding: 0 0 16px 0;line-height: 20px;background-color: transparent !important;}
.cart-table-header td:first-child::before{content: "";}
.cart-info{order: 2; display: flex; flex-wrap:wrap;background-color: #fff;padding: 24px;}
.cart-info > div{width: 50%;}
.toggle-coupon-input .toggle-coupon-input-button {text-decoration: none;font-size: 14px;position: relative;line-height: 20px;font-weight: bold;}
.toggle-coupon-input .discount-coupon{display: block !important; margin-top: 12px;}
.toggle-coupon-input .toggle-coupon-input-button:hover {text-decoration: underline;}
.toggle-coupon-input .toggle-coupon-input-button::after {display: none;}
/*.toggle-coupon-input .toggle-coupon-input-button::before{content: ""; width: 20px; height: 20px; border: 1px solid var(--color-border); border-radius: 4px; position: absolute;left: 0;line-height: 24px;text-align: center;}
.toggle-coupon-input .toggle-coupon-input-button.discount-coupon-visible::before {content: url('/user/documents/upload/Images/check-label.svg');border-color: var(--color-primary);}*/
.discount-coupon .form-control {border-radius: 100px 0 0 100px; height: 48px;font-size: 14px;padding: 0 16px;}
.discount-coupon .btn{border-radius: 0 100px 100px 0; height: 48px;}
.price-wrapper .price-label, .price-wrapper .price {flex: 1 1 50% !important;}
.price-wrapper {max-width: 294px;margin-left: auto;align-items: baseline;padding: 0;}
.price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary {padding: 0 0 8px 0 !important;color: var(--color-primary);}
.price-wrapper .price.price-primary {font-size: 24px;line-height: 29px;}
.price-wrapper .price-label.price-primary{font-size: 14px; text-align: left;line-height: 20px;}
.price-wrapper .price-secondary {font-size: 14px;font-weight: 500;color: var(--color-text);}
.price-wrapper .price-secondary.price-label{text-align:left;}
.coupon-input {padding: 0;}
.next-step{margin-top:24px;}
.id--9 .next-step .btn{max-width: 336px;margin-left: auto;}
.ordering-process .btn.btn-conversion, .ordering-process a.btn.btn-conversion {text-transform: none;font-weight: 700;font-size: 16px;}
.ordering-process .btn.next-step-forward, .btn.next-step-finish{text-align: center;width: 100%;}
.ordering-process .btn.next-step-forward::after{content: url('/user/documents/upload/Images/sipka-konverze.svg');position: relative;margin: 0 0 0 10px;display: inline-block;top: -3px;}
.summary .col-md-8{display: flex;flex-wrap: wrap;}
.summary .col-md-8 > div{width: 100%;}
.summary .delivery-time{order: 2;font-size: 14px;line-height: 20px;margin: 8px 0 0 0;}
.summary .extra {padding: 32px 0 0 0;}
.next-step-back {font-size: 14px;color: var(--color-text);margin-top: 32px;}
.id--9 .next-step-back{order: 10;}
.next-step-back::before{content: url('/user/documents/upload/Images/sipka-zpet.svg');margin-right: 8px;line-height: 1;}
.id--16 .navigation-buttons, .id--17 .navigation-buttons {display: flex;}
.id--16 .header-phone, .id--17 .header-phone {margin: 0;position: absolute;left: 25%;}
.id--16 .top-navigation-bar .container, .id--17 .top-navigation-bar .container {position: relative;}
.id--16 .top-navigation-menu, .id--17 .top-navigation-menu{display: none;}
.id--16 .top-navigation-bar .top-navigation-tools, .id--17 .top-navigation-bar .top-navigation-tools {position: absolute;right: 0;top: 36px;z-index: 1;}
@media screen and (min-width: 992px){
#checkoutContent {width: calc(100% - 340px);margin-left: 0;padding-right: 120px;padding-left: 0;}
#checkoutSidebar{width: 340px; padding: 0;}
}
#checkoutSidebar .order-summary .checkout-box{display: none;}
.ordering-process .co-box h2::before, .ordering-process .co-box h4::before {font-size: 22px;line-height: 22px;width: 22px;height: 22px;top: 12px;margin-top: -11px;left: 0;}
.ordering-process .co-box h2, .ordering-process .co-box h4 {padding-left: 32px;line-height: 1.2;font-size: 20px;margin: 48px 0 24px 0;}

#checkoutContent .form-control {height: auto;min-height: 48px;line-height: 20px;padding: 22px 24px 6px 24px;font-size: 14px;min-width: auto;}
#checkoutContent select.form-control {padding-top: 20px;padding-bottom: 4px;}
#checkoutContent textarea.form-control {min-height: 96px;line-height: 20px;}
.co-basic-information .row > div{padding: 0 10px;max-width: 468px;}
.co-basic-information .row {margin: 0 -10px;}
.ordering-process .co-box.co-basic-information h2, .ordering-process .co-box.co-basic-information h4 {margin-bottom: 32px;}
#checkoutContent .form-group {margin-bottom: 20px;}
.co-basic-information .form-group{margin-bottom: 0 !important;}
.radio-wrapper .question-tooltip{display: none;}
.payment-logo{order: -1;}
.shipping-billing-table .radio-wrapper{padding: 12px 24px;background-color: #fff;border-radius: 12px;margin-bottom: 4px;border: 1px solid #fff;}
.shipping-billing-table .radio-wrapper input[type="radio"] + label {padding: 0 0 0 52px;}
.radio-wrapper input[type="radio"] + label::before {width: 20px;height: 20px;border-color: var(--color-border);}
.radio-wrapper input[type="radio"]:checked + label::before {border-color: transparent;}
.radio-wrapper input[type="radio"]:checked + label::after {background-color: #fff;border: 7px solid var(--color-primary);width: 20px;height: 20px;}
.shipping-billing-table .radio-wrapper.active{background-color: #EFF7E5;border-color: var(--color-secondary) !important;}
.desktop .shipping-billing-table .radio-wrapper:hover{box-shadow: none;}
.desktop .shipping-billing-table .radio-wrapper:not(.inactive-child):hover {border-color: var(--color-secondary) !important;}
.payment-logo{text-align: center;flex-basis: 100px;background-color: #fff;border-radius: 8px;height: 40px;flex-direction: column;display: flex;align-items: center;-webkit-justify-content: center;justify-content: center;}
.payment-info{padding: 0 16px;}
.payment-info b{color: var(--color-primary);font-size: 16px;line-height: 22px;margin-bottom: 4px;}
.payment-shipping-price {padding-left: 0;font-size: 16px;color: var(--color-primary);}
.for-free{color: var(--color-primary) !important;}
.ordering-process .co-box.co-payment-method h2, .ordering-process .co-box.co-payment-method h4 {margin-top: 48px;}
.order-summary-inner {margin: 0;padding: 32px 24px 24px 24px;border: 0;background-color: #fff;border-radius: 12px 12px 0 0;}
.order-summary h2, .order-summary .h4, .order-summary h4 {padding: 0;font-size: 18px;margin-bottom: 16px;}
.order-summary-item > div:not(.price-wrapper):last-child {width: 80px;text-align: right;font-size: 14px;color: var(--color-primary);font-weight: 700;}
.order-summary-item .cart-item-amount {width: 100%;text-align: right;font-size: 13px;color: var(--color-text);font-weight: 500;margin-bottom: 4px;}
.unit-value{color: var(--color-text);}
.order-summary-item{display: flex;flex-wrap:wrap;padding: 0 0 24px 0;border: 0;}
.cart-item-name{width: calc(100% - 80px); padding-right: 16px;font-size: 14px;}
.cart-item-name a{color: var(--color-text);}
.order-summary-item.helper {padding: 16px 0;font-weight: 700;color: var(--color-primary);font-size: 14px;border-top: 1px solid var(--color-border);margin-bottom: 24px;border-bottom: 1px solid var(--color-border);}
.order-summary-item.helper > div:first-child{width: calc(100% - 80px);}
.recapitulation-single > strong {text-align: left;font-size: 14px;font-weight: 500;}
.recapitulation-single > strong > span{font-weight: 700; color: var(--color-primary);padding-left: 16px;}
.order-recapitulation{border: 0;}
.recapitulation-single{border: 0; padding: 0 0 16px 0;}
.recapitulation-single:last-child{padding-bottom: 0;}
.order-summary-item.price {padding-top: 24px;margin-top: 24px;border-top: 2px solid var(--color-secondary);}
#checkoutSidebar .next-step {margin: 0;padding: 0 24px 32px 24px;background-color: #fff;border-radius: 0 0 12px 12px;}
#checkoutSidebar .next-step-back {display: block;text-align: center;margin-bottom: 48px;}
ol.cart-header .completed a span {text-decoration: none;}
ol.cart-header li.completed a, ol.cart-header li.completed strong {color: var(--color-primary);}
ol.cart-header li.completed a::before, ol.cart-header li.completed strong::before {content: url('/user/documents/upload/Images/done-ol-header.svg');background-color: transparent;line-height: 50px;}
.id--17 .content-inner{max-width: 1180px; margin: 0 auto;}
.id--17 #checkoutContent {padding-right: 40px;}
.id--17 #checkoutContent .cart-content{background-color: #fff; padding: 40px;border-radius: 12px;}
#checkoutContent .helper {background-color: var(--color-bg);padding: 16px;font-size: 14px;border-radius: 12px;}
#checkoutContent .helper a {color: var(--color-secondary);font-weight: 500;}
#checkoutContent .helper a:hover{text-decoration: none;}
.co-contact-information h2, .co-contact-information h4{margin-top: 40px !important;}
#checkoutContent input.form-control, select#billCountryId.form-control{width: 426px;display: inline-block;}
#checkoutContent .phone-combined-input{width: 426px;}
#checkoutContent .phone-combined-input input.form-control{padding-left: 12px;}
#checkoutContent .co-contact-information .form-group:last-child{margin-bottom: 0;}
select[disabled] {background: url('/user/documents/upload/Images/select-disabled.svg') var(--color-bg) calc(100% - 24px) 50% no-repeat !important;color: var(--color-text) !important;}
fieldset + .form-group, .form-option-block + .form-group {margin-top: 20px;}
.co-billing-address > .form-group{margin-bottom: 10px !important;}
.co-shipping-address h2, .co-shipping-address h4{margin-top: 20px !important;}
.smart-label-wrapper .form-group-tooltip {right: 80px;left: auto;}
.ordering-process .co-box .stay-in-touch h2, .ordering-process .co-box .stay-in-touch h4 {padding-left: 0;margin: 12px 0 24px 0;}
#checkoutContent .stay-in-touch .form-group{margin-bottom: 10px;}
.order-summary-item:not(.helper) strong {font-weight: 500;}
.id--17 .order-summary-item.helper + div .cart-item-amount, .id--17 .order-summary-item.helper + div + div .cart-item-amount{display: none;}
.id--17 .order-summary-item.helper + div{padding-bottom: 16px;}
.id--17 .order-summary-item.helper + div + div{padding-bottom: 0;}
#checkoutSidebar .form-group.consents {margin: 0 !important;background-color: #fff;padding: 0 24px 16px 24px;}
.form-group.consents label {font-size: 14px;line-height: 20px;}
.id--17 .consents.consents-first label{padding-top: 24px; border-top: 1px solid var(--color-border);width: 100%;display: block;}
.consents.consents-first input[type="checkbox"] + label::before, .consents.consents-first input[type="checkbox"]:checked + label::after {top: 36px;}
.id--17 #checkoutSidebar .next-step{padding-top: 8px;}
.btn#submit-order{line-height: 20px;}
body.ordering-process.id--15 {background-color: #fff;}
.id--15 .content-inner {margin: 64px auto 0 auto;max-width: 1180px;background-color: var(--color-bg);font-size: 0;border-radius: 12px;}
.id--15 .content-inner > div{font-size: 14px;}
.dekujeme-header{background: url('/user/documents/upload/Images/dekujeme-bg.jpg') var(--color-bg) 50% 0 no-repeat;font-size: 16px !important;padding: 48px 24px; text-align: center;border-bottom: 1px solid #fff; border-radius: 12px 12px 0 0;}
h1.order-summary-heading{padding-top: 64px; margin: 0 0 24px 0; background: url('/user/documents/upload/Images/done-dekujeme.svg') 50% 0 no-repeat;}
.dekujeme-header p{margin: 0 auto !important; max-width: 700px;}
.dekujeme-header p strong{color: var(--color-primary);}
.id--15 .co-order > h2, .id--15 .co-order > h4{display: none;}
.id--15 .cart-table-header{display: none;}
.id--15 .cart-table tr td {background-color: transparent;border-bottom-color: #fff;}
.id--15 .cart-table tr td.cart-p-image {background-color: transparent;}
.recapitulation-wrapper{margin-top: 0;}
.id--15 .cart-table .p-name{color: var(--color-primary);}
@media screen and (min-width: 768px){
    .id--15 .cart-table .p-name {width: 55%;}
    .id--15 .cart-table .p-quantity{width: 12%;}
}
.id--15 .cart-table .p-total {padding-right: 24px !important;color: var(--color-primary);font-size: 16px;font-weight: 700;}
.recapitulation-wrapper + .recapitulation-wrapper{display: none;}
.id--15 .cart-info {background-color: transparent;padding: 32px 24px 48px 24px;}
.id--15 .contact-box {background-color: #fff;border-radius: 12px;padding: 40px 32px 28px 32px !important;text-align: left;max-width: 460px;}
.id--15 .social-icon-list{display: none;}
.id--15.ordering-process .co-box.co-payment-method h2, .id--15.ordering-process .co-box.co-payment-method h4 {font-size: 18px;margin: 0 0 16px 0 !important;}
.id--15 .co-payment-method .row > div{padding: 0; width: 100% !important;}
.recapitulation-wrapper table{width: 100% !important;}
.recapitulation-wrapper table.table tbody > tr > th::after {display: none;}
.id--15 .cart-info table td{text-align: right; font-weight: 700; color: var(--color-primary);}
.recapitulation-wrapper table tr th .row-header-label {background-color: transparent;font-weight: 500;}
.id--15 .cart-info table td, .id--15 .cart-info table th{padding: 0 0 16px 0 !important;vertical-align: top;}
.id--15 .cart-info table{margin-bottom: 0;}
.qrcode{margin-top: 0;padding-left: 24px;}
.id--15 .cart-info .co-payment-method, .order-complete-links{max-width: 520px;margin-left: auto;}
.uhrada{display: flex;border-top: 2px solid var(--color-secondary);margin-top: 8px;padding-top: 24px;color: var(--color-primary);font-weight: 700;flex-wrap: wrap;align-items: center;line-height: 28px;}
.uhrada th, .uhrada td{width: 50%;text-align: left;}
.uhrada td{font-size: 24px;text-align: right;}
.uhrada th::after{content: ":"; margin-left: -3px;}
.order-complete-links {margin-top: 24px; margin-bottom: 0;}
.order-complete-links p{margin-bottom: 0;}
.order-complete-links .btn{width: 100%;}
.order-complete-links .btn.btn-conversion::before, .btn.btn-back::before{content: url('/user/documents/upload/Images/sipka-konverze.svg');display: inline-block;-webkit-transform: rotate(180deg);transform: rotate(180deg);line-height: 1;margin-right: 12px;}
.blog-hp h3{margin: 0 0 22px 0;;}
.dekujeme-clanky{margin-top: 64px;}
.id--15.ordering-process .content-wrapper {padding-bottom: 80px;}
.id--15 .content:not(.ready){opacity: 0;}
.cart-empty .cart-row{display: none;}
.id--9.prazdny-kosik .cart-inner{width: 100%;margin-top: 64px;padding: 0;}
body.ordering-process.prazdny-kosik {background-color: #fff;}
.cart-empty{padding-left: 196px !important; position: relative;min-height: 230px;}
.cart-empty::before{content: url('/user/documents/upload/Images/prazdny-kosik.svg');position: absolute;left: 0;width: 160px;height: 160px;background-color: var(--color-bg);border-radius: 50%;text-align: center;display: flex;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;align-items: center;}
.cart-empty::after{content: "0"; position: absolute; width: 56px; height: 56px; background-color: var(--color-secondary);border-radius: 50%; color: #fff; font-weight: 700;font-size: 24px; text-align: center;line-height: 56px;left: 107px;top: -6px;}
.cart-empty > p{margin-top: 24px !important; margin-bottom: 0 !important;}
.cart-empty .h1{margin-bottom: 16px;}
.pk-text{max-width: 600px;}
.pk-text a{color: var(--color-secondary); font-weight: 700; text-decoration: underline;}
.pk-text a:hover{text-decoration: none;}
.pk-contact .social-icon-list{display: none;}
.contact-box h5{margin-bottom: 8px;}
.pk-contact {position: absolute;top: 0;right: 0;background-color: var(--color-bg);padding: 40px 32px 28px 32px;border-radius: 12px;}
.empty-page{margin-top: 80px;}
.id--9 .empty-page{margin-bottom: 64px;}
.in-404 .container-narrow {width: 100%;}
.empty-content-404 > h2, .empty-content-404 > p {display: none;}
.empty-content-404{text-align: left; padding-left: 586px; margin: 64px 0 0 0;background: url('/user/documents/upload/Images/page-404.png') 20px 0 no-repeat;min-height: 262px;background-size: 470px auto;}
.empty-content-404 h1{margin-bottom: 16px;}
.empty-content-404 .pk-text + p{display: block; margin: 24px 0 0 0 !important;}
/*.type-posts-listing .container-narrow {width: 100%;}*/
.blog-header{background-color: var(--color-bg);padding-bottom: 40px;margin-bottom: 38px;}
.blog-menu{display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.blog-menu > div{width: 25%; padding: 0 10px; margin-bottom: 20px;}
.blog-menu > div a{height: 120px; border-radius: 12px; padding: 32px; color: #fff; font-size: 20px; line-height: 24px; font-weight: 700; background-repeat: no-repeat; background-position: 50% 0; background-size: cover;display: flex;align-items: flex-end;}
.blog-menu > div a:hover{text-decoration: underline;}
.blog-menu > div:first-child a{background-image: url('/user/documents/upload/Images/blog1.png');}
.blog-menu > div:nth-child(2) a{background-image: url('/user/documents/upload/Images/blog2.png');}
.blog-menu > div:nth-child(3) a{background-image: url('/user/documents/upload/Images/blog3.png');}
.blog-menu > div:nth-child(4) a{background-image: url('/user/documents/upload/Images/blog4.png');}
.blog-header h1{margin-bottom: 32px;}
.menu-small{display: flex;margin-top: 4px;display: none !important;}
.menu-small a{display:block; width: auto;font-size: 14px; color: var(--color-primary); line-height: 32px; background-color: #fff;border-radius: 100px; padding: 0 12px; margin: 0 8px 8px 0;}
.menu-small a:hover{background-color: var(--color-primary); color: #fff;}
.type-post .container-narrow, .type-page:not(.in-404) .container-narrow {max-width: 940px;}
.type-page h1{margin-bottom: 32px;}
article ul, article ol{margin: 24px 0;}
article table, .basic-description table{width: 100%; margin: 24px 0 32px 0;}
article table td, .basic-description td{padding: 16px;font-size: 14px; line-height: 20px;}
article table tr, .basic-description tr{background-color: var(--color-bg);}
article table tr:nth-child(2n), .basic-description tr:nth-child(2n){background-color: #fff;}
article table td:last-child{text-align: right;}
.info-box{background: url('/user/documents/upload/Images/info-box.svg') rgba(85, 152, 1, 0.1) 24px 50% no-repeat; border: 1px solid var(--color-secondary);border-radius: 12px;margin: 24px 0;padding: 24px 24px 24px 88px;color: var(--color-primary);font-weight: 700;}
.menu-helper{height: 52px;}
.menu-helper > span {padding: 0 20px;font-size: 16px;color: #fff;line-height: 52px;font-weight: 600;}
.menu-helper > ul > li a{font-size: 16px;}
.menu-helper > ul > li a b{font-weight: 600;}
.menu-helper > ul > li a:hover{text-decoration: underline;}
.top-menu-trigger-visible .top-navigation-menu-trigger {color: var(--color-link);font-size: 13px;line-height: 16px;padding: 12px 0;}
.top-navigation-menu-trigger::after {content: url('/user/documents/upload/Images/sipka-dolu-cerna.svg') !important;}
.top-navigation-bar-menu-helper li a, .dropdown-menu li a {position: relative;padding: 6px 12px;color: var(--color-link);font-size: 13px;line-height: 16px;}
.top-navigation-bar-menu-helper{top: 38px;}
.top-navigation-bar-menu-helper li a::before, .dropdown-menu li a::before, .languagesMenu ul li a::before {display: none;}
.menu-helper .submenu-arrow{display: none;}
.category-perex .poradna-cat{display: none !important;}
.site-msg.information {position: relative;width: 100%;left: auto;bottom: auto !important;max-width: none;box-shadow: none;background-color: #f3ac45;color: #fff;font-size: 14px;padding: 10px;}
.site-msg.information .text{padding-left: 36px; background: url('/user/documents/upload/Images/bell.svg') 0 50% no-repeat;}
.site-msg .close::before, .site-msg .close::after {background: #fff;}
.overall-wrapper{position: relative;}
@media screen and (min-width: 768px){
    .site-msg.information .container {width: 747px;}
}
@media screen and (min-width: 992px){
    .site-msg.information .container {width: 972px;}
}
@media screen and (min-width: 1200px){
    .site-msg.information .container {width: 1178px;}
}
@media screen and (min-width: 1440px){
    .site-msg.information .container {width: 1420px;}
}
.stars a.star-on::before, .stars span.star-on::before {content: url('/user/documents/upload/Images/rating-on.svg');}
.stars a.star-off::before, .stars span.star-off::before {content: url('/user/documents/upload/Images/rating-off.svg');}
.stars a.star-half::before, .stars span.star-half::before {content: url('/user/documents/upload/Images/rating-half.svg');}



@media screen and (min-width: 1200px) and (max-width: 1439px){
    .poradna-hp .left {width: calc(100% - 380px);padding-right: 20px;}
    .poradna-hp .right {width: 380px;padding: 20px;}
    .poradna-hp .right > a {right: 20px;top: 26px;}
    .poradna-hp .btn{width: 180px;}
    #header .header-top a.cart-count:not(.full){margin-left: 0 !important;}
    .cart-count:not(.full) .cart-price::after {font-size: 12px;}
}
@media screen and (min-width: 992px) and (max-width: 1439px){
    .shipping-options-row {position: relative;right: auto;margin-top: 24px;display: block;}
    .p-to-cart-block .p-final-price-wrapper {width: calc(100% - 132px - 160px);}
    .p-to-cart-block .add-to-cart-button {width: 160px;padding: 0;}
}
@media screen and (max-width: 1439px){
    #header .navigation-buttons a {margin-left: 24px;}
    #header .header-top-wrapper div.navigation-buttons{padding-left: 24px;}
    .header-phone a::after{display: none;}
    .welcome-wrapper {padding: 64px 40px 64px calc(50% + 80px);}
    .custom-footer > div:nth-child(-n+2) {width: calc(50% - 20px);margin-bottom: 20px;}
    .custom-footer > div:nth-child(3) {width: calc(100% - 20px);min-height: auto;}
    .popup-widget.cart-widget, .popup-widget.login-widget {margin-left: -111px;}
    .navigation-in > ul > li.ext > ul > li > div {padding-left: 12px;}
    .category-perex, .category-title {max-width: 640px;}
    .subcategories li {width: 20%;}
    .linky * {font-size: 13px;}
    .pk-text {max-width: 480px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .banners-content .col-sm-8{display: none;}
    .pribehy-in > div{padding-right: 24px;}
    .pribehy-in > div::after {display: none;}
}
@media screen and (max-width: 1199px){
    #header .header-phone{display: none;}
    .navigation-buttons a[data-target="cart"]::before {margin-right: 0 !important;}
    .navigation-buttons > a[data-target="cart"] i, .cart-count:not(.full)::after {left: 17px !important;}
    .benefitBanner__item {flex: 0 0 50%;width: 50%;}
    .footer-banner {width: 25%;}
    .banners-content .col-sm-4 {width: 100%;}
    .welcome-wrapper {background-size: cover;background-position: -180px 50%;}
    .heureka .left {width: 100%;margin-bottom: 60px;}
    .heureka .right {width: 100%;}
    .heureka .left .number::after {bottom: -38px;}
    .footer-spodek {text-align: center;-webkit-justify-content: center;justify-content: center;padding: 0 0 100px 0;background-position: 50% calc(100% - 24px);}
    .popup-widget.login-widget {margin-left: -214px;}
    .searchWhisperer {width: 100%;}
    .category-perex, .category-title {max-width: 460px;}
    .subcategories li {width: 25%;}
    .category-header-pagination{display: none;}
    .type-product .breadcrumbs > span:last-child{display: none;}
    .type-product .breadcrumbs > span:nth-last-child(2)::after {display: none;}
    .p-thumbnails-wrapper{padding: 0 !important;}
    .p-thumbnails a {width: calc(20% - 8px);}
    .description-inner .extended-description {width: 100%;}
    .poradna-side .poradna-cat{width: 100%;}
    .cart-info > div.left{padding-right: 24px;}
    .pk-contact{position: relative;margin-top: 32px;}
    .pk-text {max-width: none;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .pribehy-in .text {width: 100%;padding-left: 0;padding-top: 20px;text-align: center;}
    .pribehy-in .img {width: 100%;text-align: center;}
    .pribehy-in .img img{max-width: 100px;}
    .pribehy-in > div {align-items: flex-start;}
    .listSorting__control {font-size: 13px;padding: 0 12px;}
    .cart-inner .summary {display: flex;flex-wrap: wrap;}
    .summary .col-md-8 {width: 60%;}
    .summary .col-md-4 {width: 40%;}
    ol.cart-header li {width: 30%;}
}
@media screen and (max-width: 991px){
    .next-to-carousel-banners .banner-wrapper {width: 50%;}
    .poradna-hp .left {width: calc(100% - 380px);padding-right: 20px;}
    .poradna-hp .right {width: 380px;padding: 20px;}
    .poradna-hp .right > a {right: 20px;top: 26px;}
    .poradna-hp .btn{width: 150px;padding: 0 12px;}
    .znacky-in > div {width: 33.3333%;padding: 10px;}
    .welcome-wrapper {padding: 48px;background-image: none;}
    .custom-footer > div {width: calc(33.3333% - 20px);}
    .custom-footer > div:last-child {width: calc(100% - 20px);}
    .custom-footer > div:nth-child(-n+3) {width: calc(100%);margin: 0 0 20px 0;}
    .custom-footer > div:nth-child(3){margin-bottom: 48px;}
    .searchWhisperer__products__listItem {flex-basis: 33.3333%;}
    .searchWhisperer__products__listItem:nth-child(9){display: block;}
    .popup-widget.login-widget {margin-left: 0;top: 40px;width: 100%;}
    .login-widget .popup-widget-inner {border-radius: 0;}
    .poradna-cat {position: relative;top: auto;margin-top: 32px;width: 100%;}
    .category-perex, .category-title {max-width: none;min-height: auto;}
    .subcategories li {width: 33.3333%;}
    .p-detail-inner .p-data-wrapper {margin-top: 32px;}
    .popup-window{width: calc(100% - 40px);}
    .cart-table tr.removeable{background-color: #fff;border-bottom: 1px solid var(--color-border);margin: 0;}
    .cart-table tr td{border: 0;}
    #checkoutSidebar{margin-top: 32px;}
    #checkoutContent input.form-control, #checkoutContent .phone-combined-input, select#billCountryId.form-control {width: 100%;}
    .id--17 #checkoutContent {padding-right: 20px;}
    .price-wrapper {max-width: none;}
    .id--15 .cart-table tr td{border: 0;}
    .id--15 .cart-table tr{border-bottom-color: #fff;}
    .id--15 .content-inner {padding: 0;}
    .cart-table tr:last-child {border-bottom-style: solid;}
    .cart-info > div {width: 100%;}
    .cart-info > div.left {padding-right: 0;order: 2;margin-top: 24px;}
    .id--15 .contact-box{max-width: none;}
    .id--15 .cart-info .co-payment-method, .order-complete-links {max-width: none;}
    .uhrada{margin-top: 32px;}
    .empty-content-404 {padding-left: 400px;background-size: 340px auto;}
    .blog-menu > div {width: 50%;}
}
@media screen and (max-width: 767px){
    #header .header-top-wrapper div.navigation-buttons {padding-left: 0;}
    .footer-spodek{flex-wrap: wrap;margin-top: 20px;}
    #header .navigation-buttons a {margin-left: 0;}
    .navigation-buttons a[data-target="search"]::before {content: url('/user/documents/upload/Images/lupa.svg');position: relative;top: 2px;}
    .navigation-buttons a[data-target="cart"]::before {top: 7px;position: relative;}
    body.template-13 .dkLabComparerHeaderIconBtn {width: 40px;}
    .top-nav-button.primary::before {left: 12px;}
    .navigation-buttons a[data-target="navigation"]{background-color: var(--color-secondary) !important;margin-left: 12px !important;color: #fff !important;}
    .content-wrapper {padding-top: 0;}
    .row.banners-row > .col-sm-8{padding: 0 !important;}
    .carousel-inner {border-radius: 0;}
    .carousel-control.left, .carousel-control.right, .product-slider-holder .product-slider-navigation {bottom: 12px;width: 32px;height: 32px;}
    .carousel-control.left {left: 12px;}
    .carousel-control.right {right: 12px;}
    .carousel-control::before, .product-slider-holder .product-slider-navigation::before {line-height: 36px;}
    .carousel-tabs {bottom: 12px;right: 12px;}
    .type-index .benefitBanner {padding-top: 24px;}
    .benefitBanner {padding-bottom: 24px;}
    .next-to-carousel-banners::before {font-size: 24px;padding: 0 5px;margin-bottom: 16px;}
    .next-to-carousel-banners .banner-wrapper {padding: 5px;}
    .next-to-carousel-banners {margin-left: -5px;margin-right: -5px;}
    .next-to-carousel-banners .banner-wrapper a::after, .next-to-carousel-banners .banner-wrapper a::before {line-height: 34px;width: 32px;height: 32px;bottom: 12px;right: 12px;}
    .footer-banner {width: 33.3333%;}
    .footer-banners{margin: 0 -5px !important;}
    .next-to-carousel-banners{margin-bottom: 24px;}
    .footer-banners::before {margin-bottom: 16px;font-size: 18px;}
    .all-products{display: none !important;}
    .h4.homepage-group-title {font-size: 24px;margin: 32px 0 16px 0;}
    .product-slider-holder .product-slider-navigation.navigation-next {right: -10px;}
    .product-slider-holder .product-slider-navigation.navigation-prev {left: -10px;}
    .poradna-hp {margin-left: -10px;margin-right: -10px;padding: 16px 16px 250px 40%;background-position: -8px 0;background-size: calc(100% + 16px);position: relative;}
    .poradna-hp .right {width: calc(100% - 20px);position: absolute;bottom: 0;left: 10px;font-size: 14px;}
    .poradna-hp .left {width: 100%;padding-right: 0;font-size: 14px;}
    .poradna-hp h2{margin-top: 0;}
    .poradna-hp .left p {margin-bottom: 12px !important;max-width: none;}
    .banners-content {margin-top: 32px;}
    .znacky {margin-top: 32px;}
    .welcome-wrapper {padding: 20px 24px;margin-top: 32px;border-radius: 12px;margin-bottom: 32px;}
    .blog-hp h3, .pribehy h3{margin-bottom: 16px;}
    .news-wrapper{margin-top: 16px;margin-left: 0;margin-right: 0;}
    .news-wrapper .news-item {width: 100%;padding: 0;margin-bottom: 32px;}
    .pribehy {margin-top: 0;}
    .pribehy-in {margin-left: 0;margin-right: 0;}
    .pribehy-in > div {align-items: center;margin: 0 0 10px 0;width: 100%;padding-right: 64px;}
    .heureka-wrapper {padding: 0 10px;}
    .heureka {margin-top: 48px;}
    .heureka .left .number::after {bottom: auto;top: 56px;}
    .heureka .left {margin-bottom: 40px;min-height: 100px;}
    .heureka .right {margin: 0;}
    .heureka .recenze {width: 100%;padding: 0;}
    .heureka .recenze:nth-child(n+2){display: none;}
    #footer {padding-top: 20px;margin-top: 40px;}
    .custom-footer {padding: 0 10px;margin-left: 0;margin-right: 0;}
    .custom-footer > div:nth-child(-n+3) {padding: 20px;margin-bottom: 10px;}
    /*#footer .ec-v-form-submit button{margin-right: -25px;width: auto !important;}
    #footer .ec-v-forms-form-control{margin-left: -25px !important;}*/
    .contact-box .link-all, .prodejna .link-all {position: relative;right: auto;bottom: auto;margin-top: 16px;display: block;}
    .footer-spodek img {margin: 0 5px 10px 5px;}
    .overall-wrapper{padding-bottom: 0 !important;}
    .navigation-buttons > a[data-target="cart"] i, .cart-count:not(.full)::after {left: 24px !important;bottom: 26px !important;right: auto !important;}
    .navigation-in {background-color: var(--color-secondary);padding-bottom: 80px;}
    #navigation .menu-level-1 > li > a {color: #fff;padding: 12px 20px;}
    #navigation .menu-level-1 > li > a.active{border-bottom: 2px solid green;}
    .navigation-window-visible .overall-wrapper{padding-top: 0;}
    .navigation-in > ul > li.exp{background-color:#fff;}
    #navigation .menu-level-1 > li.exp > a{color: var(--color-primary);}
    .navigation-in ul.menu-level-2 li a {padding-left: 8px;font-size: 16px;font-weight: 600;}
    .submenu-visible .navigation-in > ul > li.ext.exp > ul{padding-bottom: 20px;}
    .top-nav-button{padding: 0 !important;}
    .top-nav-button span{display: none;}
    .top-nav-button::after{display: none !important;}
    .navigation-buttons a[data-target="login"]::before {content: url('/user/documents/upload/Images/user.svg');-webkit-transform: scale(1.6);transform: scale(1.6);}
    .popup-widget.login-widget {top: 50px;overflow: auto; background-color: #fff;}
    .login-widget .popup-widget-inner {padding-top: 20px;}
    .login-widget .popup-widget-inner > div {width: 100%;padding: 0 20px;}
    .registrace-box {border-top: 1px solid var(--color-border);border-left: 0;padding-top: 24px !important;margin-top: 32px;}
    .registrace-box .btn {margin-bottom: 32px;}
    #header .search {padding: 0 10px 10px 10px;}
    .searchWhisperer__products {flex-basis: 100%;padding: 0;}
    #header .searchWhisperer{padding: 0;top: 107px;border-radius: 0;}
    .searchWhisperer__additionalResults {flex-basis: 100%;padding: 0 12px;}
    .searchWhisperer__buttonWrapper {padding-left: 0;padding-bottom: 40px;}
    #header .navigation-buttons a {width: 40px;height: 50px;line-height: 44px;}
    #header .navigation-buttons a::before {line-height: 50px;font-size: 20px;}
    #header .site-name a img {max-height: 40px;}
    #navigation {top: 50px;}
    .overall-wrapper {padding-top: 50px;}
    .container{padding-left: 10px; padding-right: 10px;}
    .poradna-cat {padding: 20px 16px;}
    .poradna-bottom {font-size: 13px;}
    .subcategories li {width: 50%;}
    .category-header {margin-top: 24px;}
    .subcategories{margin-top: 24px;}
    .sortingToggle .icon-sort, .sortingToggle .sortingToggle__label{display: none;}
    .filter-sections {padding-left: 0;padding-right: 0;}
    .slider-wrapper h4 {text-align: left;}
    .icon-chevron-down::before, .filtrovat::after {content: url('/user/documents/upload/Images/sipka-dolu-cerna.svg') !important;display: inline-block;}
    .category-header .dropdown.open .icon-chevron-down::before, .otevreno .filtrovat::after {-webkit-transform: rotate(180deg);transform: rotate(180deg);top: -2px;position: relative;}
    body:not(.type-index) .benefitBanner {margin-top:48px;padding-top: 32px;padding-bottom: 0;}
    .pagination-top {display: none;}
    body:not(.type-index) .heureka {padding-top: 48px;}
    .filter-sections{display: none;box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);margin-top: 6px;padding: 0 16px;border-radius: 12px;}
    .otevreno .filter-sections{display: block;}
    .filtrovat{border: 1px solid var(--color-border); position: relative;padding: 0 16px 0 48px;font-weight: 700;text-align: left;position: relative;height: 56px;line-height: 54px;border-radius: 100px;color: var(--color-primary); background: url('/user/documents/upload/Images/filter.svg') 16px 50% no-repeat;}
    .filtrovat::after{position: absolute !important;right: 20px;top: 2px;}
    .products-listing-order-heading{display: none;}
    #filters .slider-wrapper h4 {padding-top: 24px;}
    #filters{margin: 24px 0 16px 0 !important;}
    .category-header {margin-top: 0;}
    .mobile .category-header #products-listing-order {border-color: var(--color-border); background: url('/user/documents/upload/Images/sort.png') 19px 50% no-repeat;background-size: 20px auto;padding-left: 48px !important;}
    #clear-filters{padding-bottom: 24px;}
    .p-to-cart-block .add-to-cart {width: 132px;justify-content: flex-start;}
    .p-to-cart-block .add-to-cart-button {margin: 0;}
    .detail-spodek .linky {width: 100%;display: flex;-webkit-justify-content: center;justify-content: center;flex-wrap: wrap;}
    .linky > *{margin: 0 8px;}
    .type-product .benefitBanner{margin-top: 0 !important;border: 0 !important;}
    .p-detail-tabs-wrapper {margin-top: 0;}
    #accordion-content .shp-accordion {padding-top: 0;margin-bottom: 10px;}
    #accordion-content .shp-accordion .shp-accordion-link {font-size: 16px;padding: 12px 20px;background-color: var(--color-bg);border-radius: 100px;}
    #accordion-content .shp-accordion.active .shp-accordion-link{background-color: var(--color-primary); color: #fff;}
    #accordion-content .shp-accordion .shp-accordion-link::after {content: url('/user/documents/upload/Images/sipka-dolu-cerna.svg') !important;display: inline-block;right: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    #accordion-content .shp-accordion.active .shp-accordion-link::after {-webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);margin-top: -8px;}
    #accordion-content .shp-accordion .shp-accordion-content {margin-top: 24px;padding-bottom: 24px;}
    h2.popis-nadpis {display: none;}
    .popup-window {width: calc(100% - 20px);max-height: calc(100vh - 20px);}
    #chat-application{z-index: 9999 !important;}
    ol.cart-header li {width: 33.3333%;font-size: 13px;padding: 0;}
    ol.cart-header {margin: 20px 0;}
    ol.cart-header li a::before, ol.cart-header li strong::before {width: 30px;height: 30px;font-size: 16px;line-height: 28px;}
    .cart-table tr.removeable {padding: 16px 10px;}
    td .availability-label {margin-left: 0;font-size: 13px;}
    .cart-table .p-name div {margin-bottom: 10px;}
    .cart-info > div {width: 100%;}
    .price-wrapper {max-width: none;}
    .toggle-coupon-input .discount-coupon {display: none;}
    .toggle-coupon-input .toggle-coupon-input-button {display: block;}
    .cart-inner .summary {margin: 0 !important;}
    .id--9 .next-step .btn {max-width: none;}
    .next-step-back {margin-top: 12px;text-align: center;}
    ol.cart-header li.completed a::before, ol.cart-header li.completed strong::before {line-height: 40px;}
    .shipping-billing-table .radio-wrapper {padding: 12px;}
    .shipping-billing-table .radio-wrapper input[type="radio"] + label {padding: 0 0 0 32px;}
    .id--16 .header-bottom #navigation, .id--17 .header-bottom #navigation, .id--16 .navigation-buttons a[data-target="navigation"], .id--17 .navigation-buttons a[data-target="navigation"], .id--16 #formSearchForm, .id--17 #formSearchForm{display: block;}
    .id--17 #checkoutContent {padding-right: 0;}
    .cart-inner {padding: 0 10px;}
    .id--17 #checkoutContent .cart-content {padding: 16px;}
    #checkoutSidebar {margin-top: 24px;}
    .id--15 .cart-table tr {padding: 16px 10px;}
    .id--15 .content-inner {margin: 0;border-radius: 0;}
    .dekujeme-header{padding: 24px;}
    .id--15 .cart-info {padding: 0 10px;}
    .id--15 .cart-info .row{margin: 0;}
    .uhrada{margin-top: 24px;}
    .id--15 .contact-box {padding: 20px !important;margin-bottom: 24px;}
    .dekujeme-clanky {margin-top: 32px;padding: 0 10px;}
    .cart-empty{min-height: auto;padding: 190px 10px 0 10px !important;}
    .id--9.prazdny-kosik .cart-inner {margin-top: 32px;}
    .cart-empty::before{top: 0;left: 50%;margin-left: -80px;}
    .cart-empty::after{left: calc(50% + 28px);}
    .cart-empty .h1 {text-align: center;}
    .pk-text, .pk-text + p{text-align: center;}
    .empty-page {margin-top: 32px;padding: 0 10px;}
    .id--9 .empty-page {margin-bottom: 32px;}
    .pk-contact{padding: 20px;}
    .empty-content-404 {margin: 24px 0 0 0; padding: 200px 0 0 0;background-size: auto 180px;background-position: 50% 0;text-align: center;}
    .menu-small {flex-wrap: wrap;}
    .benefitBanner{display: flex; flex-wrap: wrap;margin-left: -5px; margin-right: -5px;}
    .benefitBanner__item {width: 50%;flex-basis: 50%;padding: 0 5px;margin-bottom: 12px;}
    .benefitBanner__link, .benefitBanner__item {display: block;text-align: center;}
    .benefitBanner__picture {display: block;margin: 0 auto 4px;padding: 0;}
    .benefitBanner__picture img{height: 24px; width: auto;}
    .benefitBanner__title {font-size: 16px;line-height: 18px;}
    .benefitBanner__content {font-size: 13px;line-height: 17px;padding: 0;}
}
@media screen and (max-width: 479px){
    .footer-banner {width: 50%;}
    .znacky-in > div {width: 50%;}
    .custom-footer > div {width: 100%;margin: 0 0 20px 0;}
    #footer h4 {margin-bottom: 16px;}
    .custom-footer > div:last-child {width: 100%;}
    .custom-footer > div:last-child ul li {width: 100%;}
    .zeme a{margin-bottom: 16px;}
    .zeme{padding-bottom: 24px;}
    .subcategories li a {padding: 8px;}
    .subcategories.with-image li a .image {width: 48px;}
    .subcategories.with-image li a .text {width: calc(100% - 48px);font-size: 13px;display: block;max-height: 64px;}
    .next-photos span{display: none;}
    .p-thumbnails > div > div {display: flex;align-items: center;}
    .next-photos{height: 100%;padding: 4px;}
    .p-detail-inner .p-data-wrapper {margin-top: 0;}
    .shipping-options-row {position: relative;right: auto;margin-top: 24px;display: block;}
    .p-to-cart-block{position: relative;}
    .p-to-cart-block .add-to-cart-button {width: 100%; margin-top: 16px;}
    .buy-box .detail-parameters, .p-to-cart-block {padding: 16px;}
    .p-to-cart-block .p-final-price-wrapper {width: calc(100% - 140px);}
    .p-to-cart-block .add-to-cart {width: 120px;}
    .seznamy > div {width: 100%;}
    .seznamy > div:not(:last-child){margin-bottom: 24px;}
    .popup-window{padding: 24px 16px 0 16px;}
    .popup-window h3{margin-bottom: 24px;}
    .doprava-radek .d-popis {width: 100%;padding: 0;order: 3;margin-top: 16px;}
    .doprava-radek .d-cena {width: calc(100% - 100px);}
    .doprava-zdarma::before {display: block;margin-bottom: 6px;}
    .doprava-zdarma {margin-top: 16px;margin-left: -16px;margin-right: -16px;text-align: center;padding: 20px 16px;font-size: 14px;}
    .advanced-order .extras-wrap {padding: 20px;}
    .advanced-order .extras-wrap .extra.delivery {width: 100%;padding: 0;}
    .advanced-order .extras-wrap .extra.step {width: 100%;margin-top: 20px;}
    .radio-wrapper input[type="radio"] + label{flex-wrap: wrap;}
    .payment-info {order: 4;width: 100%;padding: 0;margin-top: 12px;}
    .contact-header {height: auto;}
    .blog-menu > div {width: 100%;margin-bottom: 10px;}
}
@media screen and (max-width: 400px){
    #footer .ec-v-form-submit button{padding: 0 12px !important;font-size: 13px !important;}
    #footer .ec-v-forms-form-control{font-size: 13px !important;}
}
.fvDoplnek {background-color: #fff;margin: 0 !important;padding: 20px 20px 0 20px !important;border-color: var(--color-border) !important;}
.fvDoplnek h4 {text-align: left !important;font-size: 18px !important;}
#return-to-top i:before {content: '\e911';}
#return-to-top {
z-index: 99999999;
    position: fixed;
    bottom: 32px;
    right: 20px;
background: rgba(0, 0, 0, 0.7);
    width: 48px;
    height: 48px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
#return-to-top i {color: #fff;margin: -10px 0 0 -10px;position: relative;left: 50%;top: 50%;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;height: 20px;width: 20px;text-align: center;display: block;font-style: normal;}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
}
.icon-chevron-up::before {
font-weight: bold;
}
.ordering-process #return-to-top{display: none !important;}
@media screen and (max-width: 1199px){
    #return-to-top {right: 4px;}
}
@media screen and (max-width: 767px){
    #return-to-top {bottom: 16px;right: 6px;}
}
a.blog-link{margin-right: 32px;padding-left: 24px;background: url('/user/documents/upload/Images/blog-icon.png') 0 50% no-repeat;background-size: auto 16px;}
@media screen and (max-width: 991px){
    a.blog-link{display: none;}
}
.flag.flag-tip{display: none !important;}
.basic-description .more-product-text{display: none;}
.basic-description.open .more-product-text{display: block;}
.basic-description > hr{display: none;}
.more-product-link span{color: var(--color-secondary); text-decoration: underline; cursor: pointer;font-weight: 700;}
.more-product-link span:hover{text-decoration: none;}
.search-results-groups .search-results-group-list {column-count: 1;}
.variant-list .advanced-parameter.unavailable-option-wrapper{display: none;}
@media screen and (max-width: 767px){
    .navigation-in a.menu-image {display: block;width: 54px;padding: 0 0 0 16px !important;}
    .navigation-in a.menu-image + div{width: calc(100% - 54px);}
    .menu-level-2 li{display: flex !important; flex-wrap: wrap;align-items: baseline;}
    .navigation-in li.has-third-level > div > a{position: relative;}
    /*.navigation-in li.has-third-level > div > a::after{content: '\e90e';font-family: shoptet; position: absolute; right: 0; top: 0; height: 48px; width: 50px; text-align: center;font-size: 10px;font-weight: 400;line-height: 48px;}*/
}
article h2, article h2 span, article h3, article h3 span,
.basic-description h2, .basic-description h2 span, .basic-description h3, .basic-description h3 span{color: #9ac416 !important;}
@media screen and (min-width: 768px){
    .category-content-wrapper {padding-top: 48px;}
    .sidebar-inner {padding-top: 0;}
    .sidebar-indented .content .sidebar {margin-left: 0;margin-right: 0;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .sidebar {width: 250px;}
}
@media screen and (min-width: 992px) {
    .sidebar-indented .category-content-wrapper {width: calc(100% - 284px);}
}
.subcategories li.divider{display: none !important;}
.zasilkovna-name{font-size: 15px;margin: 6px 0;font-weight: bold;display: inline-block;text-decoration: underline;}
.zasilkovna-name:hover{text-decoration: none;}
.order-button-text {vertical-align: inherit;font-size: inherit;font-weight: inherit;text-transform: inherit;display: inline-block;}
.order-button-suffix {margin-top: 2px;}
.dosha-test .container {
  background-color: #f8f8f8;
  padding: 1em;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dosha-test h1 {
  text-align: center;
  margin-bottom: 1em;
  font-weight: bold;
}

.dosha-test form label {
  display: block;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.dosha-test form input[type="radio"] {
  margin-right: 0.5em;
}

.dosha-test form button {
  display: block;
  margin: 1em auto;
  padding: 0.5em 1em;
  background-color: #9ac416;
  color: #fff;
  border: none;
  border-radius: 20px;
  font-weight: bold;
  cursor: pointer;
}

.dosha-test form button:hover {
  background-color: #7d9c13;
}
.dosha-test label {
  display: block;
  margin-bottom: 10px;
}

.dosha-test input[type="radio"] {
  margin-right: 10px;
}

.dosha-test input[type="submit"] {
  background-color: #9ac416;
  color: #FFFFFF;
  padding: 10px 20px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  margin-top: 20px;
}

@media (max-width: 500px) {
  .dosha-test .container {
    padding: 15px;
  }

  .dosha-test h1 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .dosha-test form {
    padding: 15px;
  }

  .dosha-test label {
    font-size: 16px;
  }

  .dosha-test input[type="submit"] {
    padding: 10px 15px;
    font-size: 16px;
  }
}
.info-box.clean{background-image: none; padding-left: 24px;}
.info-box h3{margin-top: 0;}
.type-manufacturer-detail .vice{margin-bottom: 40px;display: inline-block;}
.type-product .breadcrumbs {width: 100%;margin-left: 0;padding-bottom: 24px;}
@media screen and (min-width: 768px){
.type-post .sidebar, .type-page .sidebar, .type-posts-listing .sidebar{display:none !important;}
.type-post .content, .type-page .content, .type-posts-listing .content{padding-left:0 !important;}
#header .navigation-buttons a {margin-left: 24px;}
}
body.template-13 .dkLabComparerHeaderIconBtn{margin-left: 0;}
@media screen and (min-width: 1200px) and (max-width: 1439px){
    #header .header-top-wrapper .search {flex: 0 1 380px;}
    #header .header-top-wrapper div.navigation-buttons {flex: 0 1 calc(100% - 220px - 380px);}
}
.dkLabComparerProductDiv{text-align: left;font-size: 13px;}
#dkLabComparerDiv {margin-bottom: 8px;margin-top: 0 !important;}
#dkLabFavouriteDiv {margin-top: 0;margin-bottom: 8px;}
#dkLabComparerDetailSpan:not(:hover), .p-data-wrapper .dkLabFavDetailSpan:not(:hover){text-decoration: underline;}
.dkLabComparerDetailSpan.hasIcon::before, .p-data-wrapper .dkLabFavDetailSpan.hasIcon::before{width: 20px; margin-right: 8px;text-align: center;display: inline-block;}
.pozor-kusy{order: 3;font-size: 15px;background-color: #cb0000;color: #fff;padding: 10px 16px;margin-top: 10px;border-radius: 8px;line-height: 20px;}
.adv-header{display: flex; flex-wrap: wrap;align-items: center;margin-bottom: 24px;}
.adv-header .left{width: 64px;}
.adv-header .right{width: calc(100% - 64px); padding-left: 10px;}
.btn-top{margin: 0 10px 20px;width: calc(100% - 20px) !important;}
body.fvStudio-Disco .fvDoplnek-produkt .fvcontent .fvDoplnek-description{font-size: 13px;}

.vlajka-seznam{display: none;background: #fff;border: 1px solid #eee;padding: 5px 3px;top: 32px;position: absolute;width: 132px;right: 0;z-index: 9999;box-shadow: 0 4px 4px rgba(0,0,0,0.2);}
.otevrena-vlajka .vlajka .vlajka-seznam{display: block;}
.vlajka{display: inline-block; position: relative;padding-left: 24px;cursor: pointer;}
.vlajka img{width: 20px;}
.vlajka > img{margin-right: 5px; cursor: pointer;position: relative;top: -2px;}
.vlajka-seznam a{display: block;font-size: 13px;text-align: left;padding: 6px 8px;color: #666;}
.vlajka-seznam a:hover{text-decoration: underline !important;}
.vlajka-seznam img{position: relative;top: -3px; margin-right: 7px;}
.vlajka:after{content: url('/user/documents/upload/Images/sipka-dolu-cerna.svg');position: relative;display: inline-block;top: 3px;vertical-align: middle;}
.otevrena-vlajka .vlajka:after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);top: -4px;}
@media screen and (min-width: 768px){
    #dkLabComparerHeaderWrappper{margin-left: 24px;}
}

@media screen and (max-width: 991px){
    .shipping-billing-table .radio-wrapper:last-child {border: 1px solid #fff;}
}
@media screen and (max-width: 767px){
    .carousel-control.left, .carousel-control.right, .product-slider-holder .product-slider-navigation{top: calc(50% - 30px);}
    .products-block > div .p .name {height: 54px !important;margin-bottom: 10px;text-align: center;line-height: 18px;font-size: 14px;}
    .flags {left: 6px;top: 6px;}
    .products-block > div .p .p-bottom .prices {width: 100%;-webkit-justify-content: center;justify-content: center;text-align: center;}
    .products-block > div .p .p-bottom > div .prices .price-final{text-align: center;}
    .p-bottom > div{margin-top: 8px;}
    .products-block > div .p .p-bottom > div .p-tools {width: 100%;}
    .products-block > div .p .availability {text-align: center;}
    .products-block > div .p .p-in {padding: 40px 0 0;}
    .dkLabComparerProductDiv {text-align: center;}
    .znacky-in > div:nth-child(n+3){display: none;}
    .znacky .all-products, .blog-hp .all-products {display: block !important;position: relative !important;top: auto;text-align: center;margin: auto;width: 132px;}
    .type-index .news-wrapper .news-item:nth-child(n+2){display: none;}
    .blog-hp .all-products{width: 150px;margin-bottom: 40px;}
    .pribehy-in{flex-wrap: nowrap; overflow-x: auto;}
    .pribehy-in > div{flex: 0 0 auto;width: calc(100% - 40px);margin-right: 10px;padding-top: 12px;padding-bottom: 12px;}
    .custom-footer > div, .custom-footer > div:last-child {width: 50%;padding-right: 20px;}
    .products-block > div .p .stars-wrapper{width: 100%;}
    .products-block > div .p .stars-wrapper .stars{margin-right: 0;}
    .products-related-wrapper, .products-alternative-wrapper {margin-top: 24px;border-top: 0;padding-top: 0 !important;}
    .subcategories li a{height: 60px;}
    .type-category .poradna-cat{display: none;}
    .cat-header {padding-bottom: 24px;}
    .email-wrapper{padding: 0 20px;margin-top: 20px;}
    .email-wrapper a{color: #fff;}
    .email-wrapper a::before{content: "\e924"; font-family: shoptet; display: inline-block; margin-right: 10px;vertical-align: middle;position: relative;top: -2px;}
    .menu-level-3 + .submenu-arrow {display: block;height: 50px;line-height: 50px;padding: 0;position: absolute;right: 0;text-align: center;top: 0;transform: translate(0);width: 50px;}
    .menu-level-3 + .submenu-arrow::after {top: -6px;}
    .navigation-in > ul > li.ext > ul > li > div{position: relative;}
    .navigation-in > ul > li.ext > ul > li > div{padding-right: 50px;}
    .navigation-in > ul > li.ext > ul > li > div > a{padding-right: 10px;}
    .exp > div > .menu-level-3{display: block !important;background-color: #f6f6f6;width: calc(100% + 115px);left: -66px;position: relative;padding: 12px;}
    .exp > div > .menu-level-3 > li{font-size: 0;}
    .exp > div > .menu-level-3 > li > a{font-size: 15px;padding-top: 10px;padding-bottom: 10px;}
    .exp > div > .menu-level-3 + .submenu-arrow::after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
    .vlajka {border: 1px solid #fff;margin-left: 20px;margin-top: 24px;padding: 10px 20px;}
    .vlajka::after {top: 0; -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
    .vlajka-seznam{top: auto;bottom: 42px;right: auto;left: -1px;}
    .sortingToggle{margin-top: 6px;border: 0 !important;box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);padding: 16px;border-radius: 200px;color: var(--color-primary);}
    .sortingToggle .icon-chevron-down {right: 20px !important;}
}

#manufacturer-filter.vice-znacek form fieldset > div:nth-of-type(n+7){display: none;}
#manufacturer-filter.vice-znacek.zobrazeno form fieldset > div:nth-of-type(n+7){display: block;}
.vice-znacek-btn{font-size: 14px;margin-bottom: 10px;display: inline-block;text-decoration: underline;cursor: pointer;color: var(--color-secondary);}
.vice-znacek-btn:hover{text-decoration: none;}
#manufacturer-filter.zobrazeno .vice-znacek-btn{display: none;}
#dkLabFavPageProductsContainer .products-block > div .p .p-bottom > div .p-tools{display: none !important;}
.news-item h2 a{font-size: 16px;color: #212937;text-decoration: none;}
.news-item h2 a:hover{text-decoration: underline;}
.category-title + .category-title{display: none !important;}
.category-perex:not(:nth-last-of-type(2)) {display: none !important;}
@media screen and (max-width: 1199px){
    #checkoutContent .form-group {margin-bottom: 10px;}
}
.filter-label[for="dd[]674"], .filter-label[for="dd[]632"], .filter-label[for="dd[]3"]{display: none !important;}
@media screen and (max-width: 767px){
    .top-nav-button-register{display: none !important;}
}



/* ===== FLEXITY-CONTENT BEGIN v2 (2026-06-15) — scoped knižnica, rem×1.6 pre 10px-root tému (body=16px). Rollback: zmazať blok medzi BEGIN/END. ===== */
/* ============================================================================
   FLEXITY CONTENT — komponentová knižnica obsahu  ·  v2 (brand-aligned)
   ----------------------------------------------------------------------------
   Single source of truth pre obsahové bloky naprieč: produkt, kategória,
   značka, blog, stránky. Naprieč 5 trhmi (SK/CZ/HU/HR/RO) — jazykovo-agnostické.

   Zladené s Flexity Design Manuálom 2022:
   - Farby:  zelená #9ac416 (primárna) · oranžová #f3ac45 (zvýraznenie) · čierna
   - Fonty:  Yogi (display/akcent) · Linotte (sekundárny — telo, nadpisy, popisy)
   - Tvar:   mäkké zaoblené hrany, koncentrické oblúky (signature motív)

   Foundation: brain/docs/research/2026-06-14-content-model-page-pillars.md

   POUŽITIE:
   - Nahrať na FTP + zalinkovať v Shoptet šablóne (1× v <head>).
   - Fonty (Linotte, Yogi) nahrať ako woff2/otf do /fonts/ a upraviť cesty v @font-face.
   - Obsah obaliť do <div class="flexity-content">…</div>.
   - DRAFT — pred nasadením odsúhlasiť vizuál.

   KOMPATIBILITA: tldr, info-box, upozorneni, seznamy/column, faq-wrapper/faq-item,
   seo-faq — názvy zachované (živý obsah).

   PRAVIDLO KONTRASTU (brand pairing):
   - Zelená #9ac416 je svetlá → na zelenej ploche používaj ČIERNY text (ako logo),
     nie biely (biela na zelenej nespĺňa WCAG pre malý text).
   - Zelený TEXT na bielej → použi stmavenú --fx-green-dark.
   ========================================================================== */


/* ── FONTY ─────────────────────────────────────────────────────────────────
   Cesty uprav podľa reálneho FTP umiestnenia. Odporúčam woff2 (konvertovať z otf).
   Yogi = DISPLAY (len akcenty/eyebrow, nie telo — handwritten = horšia čitateľnosť).
   Linotte = telo, nadpisy, popisy.                                            */
@font-face {
  font-family: "Yogi";
  src: url("fonts/Yogi.woff2") format("woff2"),
       url("fonts/Yogi.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}


/* ── 0. DESIGN TOKENS ──────────────────────────────────────────────────────
   Brand farby z Design Manuálu. Tu sa ladí celá paleta.                       */
:root {
  /* Brand farby */
  --fx-green:       #9ac416;   /* primárna zelená (Pantone green) */
  --fx-green-dark:  #6f8f0f;   /* stmavená — zelený TEXT na bielej (kontrast AA) */
  --fx-green-soft:  #eef6da;   /* ~20% tint na bielej — pozadia */
  --fx-green-tint:  #dcebb8;   /* ~40% tint — linky/okraje akcentu */
  --fx-orange:      #f3ac45;   /* komplementárna — zvýraznenie určených prvkov */
  --fx-orange-dark: #b9740f;   /* stmavená — oranžový TEXT na bielej (kontrast AA) */
  --fx-orange-soft: #fdf2df;   /* ~20% tint */

  /* Neutrály */
  --fx-ink:        #1a1a1a;    /* telo (near-black, brand = čierna) */
  --fx-ink-soft:   #5a5a5a;    /* sekundárny text */
  --fx-heading:    #000000;    /* nadpisy (brand čierna) */
  --fx-line:       #e8e6e0;    /* jemné linky/okraje */
  --fx-bg:         #ffffff;
  --fx-bg-soft:    #f6f7f1;    /* svetlé pozadie blokov (zelenkavá neutrál) */

  /* Sémantické (akcent = zelená, zvýraznenie = oranžová) */
  --fx-accent:      var(--fx-green);
  --fx-accent-dark: var(--fx-green-dark);
  --fx-accent-soft: var(--fx-green-soft);
  --fx-accent-on:   #000000;            /* text NA zelenej ploche = čierna */
  --fx-good:        #5a8f12;            /* pros (brand zelená, stmavená) */
  --fx-bad:         #b0524a;            /* cons (tlmená červená — mimo brandu, sémantika) */

  /* Rozmery — brand = mäkké zaoblené hrany */
  --fx-radius:     14px;
  --fx-radius-sm:  9px;
  --fx-radius-pill:999px;
  --fx-gap:        1.6rem;
  --fx-gap-lg:     2.8rem;
  /* Miera citania je ABSOLUTNA, zhodna s docs/content/assets/flexity-content.css
     (jediny zdroj pravdy pre --fx-measure/--fx-wide, viz
     flexity-content-widths.md). --fx-maxw v ch bolo zavisle od fontu prvku
     (nadpis vs odsek dostavali iny strop) — nahradene absolutnymi tokenmi. */
  --fx-measure:    720px;
  --fx-wide:       1240px;
  /* Typografia */
  --fx-font:       "Linotte", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fx-font-display:"Yogi", "Linotte", sans-serif;
  --fx-fs:         1.6rem;
  --fx-lh:         1.65;
  --fx-fw-bold:    700;
  --fx-shadow:     0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --fx-shadow-lg:  0 6px 20px rgba(0,0,0,.09);
}


/* ── 1. BASE TYPOGRAFIA (scoped) ───────────────────────────────────────────*/
.flexity-content {
  color: var(--fx-ink);
  font-family: var(--fx-font);
  font-size: var(--fx-fs);
  line-height: var(--fx-lh);
}
/* Miera citania je centrovana — bez vnutornych okrajov by prazdnota ostala vpravo.
   #content .flexity-content > * je fallback pre temu s #content p { margin: 0 0 22px }
   (ID selektor, specificita 1-0-1), ktory by bez pomoci porazil vyssie class-based
   pravidlo (0-1-0) — zhodne s hlavnym flexity-content.css. */
.flexity-content > * { max-width: var(--fx-measure); margin-inline: auto; box-sizing: border-box; }
#content .flexity-content > * { margin-inline: auto; }
.flexity-content > .compare-table,
.flexity-content > .seznamy,
.flexity-content > .usp-strip,
.flexity-content > .decision,
.flexity-content > [data-fx-reco] { max-width: none; }

.flexity-content p { margin-block: 0 1.6rem; }
.flexity-content h2,
.flexity-content h3 { color: var(--fx-heading); font-weight: var(--fx-fw-bold); }
.flexity-content h2 { font-size: 2.48rem; line-height: 1.25; margin-block: 3.2rem 1.2rem; }
.flexity-content h3 { font-size: 1.92rem; line-height: 1.3; margin-block: 2.4rem 0.8rem; }
.flexity-content ul,
.flexity-content ol { margin-block: 0 1.6rem; padding-left: 2rem; }
.flexity-content li { margin: 0.48rem 0; }
.flexity-content a { color: var(--fx-green-dark); text-underline-offset: 2px; }
.flexity-content a:hover { color: var(--fx-green); }
.flexity-content img { max-width: 100%; height: auto; border-radius: var(--fx-radius-sm); }

/* Display akcent (Yogi) — len krátke dekoratívne labely, NIE telo */
.flexity-content .fx-eyebrow {
  font-family: var(--fx-font-display);
  color: var(--fx-green-dark);
  font-size: 1.84rem;
  line-height: 1;
  display: inline-block;
  margin-block: 0 0.56rem;
}


/* ── 2. .tldr — ANSWER-FIRST / TL;DR ───────────────────────────────────────
   <div class="tldr"><p><strong>V skratke:</strong> 40–60 slov priama odpoveď.</p></div> */
.flexity-content .tldr {
  background: var(--fx-green-soft);
  border-left: 4px solid var(--fx-green);
  border-radius: var(--fx-radius-sm);
  padding: 1.6rem 2rem;
  margin-block: 0 2.4rem;
}
.flexity-content .tldr p:last-child { margin-bottom: 0; }
.flexity-content .tldr strong { color: var(--fx-green-dark); }


/* ── 3. .usp-strip — TRUST / USP PRUH ──────────────────────────────────────
   <ul class="usp-strip">
     <li><img src="ikonky/doprava.svg" alt="">Doprava zdarma od 50 €</li> … </ul>
   Pozn.: ikony z /IKONKY/SVG (nahradiť emoji brand ikonkami).                 */
.flexity-content .usp-strip {
  display: flex; flex-wrap: wrap;
  gap: 0.8rem 2rem;
  list-style: none;
  padding: 1.36rem 1.76rem;
  margin-block: 0 2.4rem;
  background: var(--fx-green-soft);
  border: 1px solid var(--fx-green-tint);
  border-radius: var(--fx-radius);
  font-size: 1.52rem;
}
.flexity-content .usp-strip li {
  display: flex; align-items: center; gap: 0.72rem;
  margin: 0;
  font-weight: var(--fx-fw-bold);
  color: var(--fx-ink);
}
.flexity-content .usp-strip img { width: 22px; height: 22px; }


/* ── 4. .key-facts — TABUĽKA FAKTOV „V SKRATKE" ────────────────────────────
   Cieľový tvar (odolný voči admin editoru):
   <div class="key-facts"><div><strong>Materiál</strong><span>kaučuk</span></div>…</div>
   Starý tvar <dl>/<dt>/<dd> je naďalej podporovaný — selektory sú spárované,
   takže obe podoby vyzerajú identicky a obsah sa dá migrovať postupne.
   Prečo: uloženie kategórie v Shoptet admine ženie popis cez TinyMCE, ktorý
   dl/dt/dd zahodí a riadky zlepí (overené 2026-08-28); strong/span prežijú.  */
.flexity-content .key-facts {
  margin-block: 0 2.4rem;
  border: 1px solid var(--fx-line);
  border-radius: var(--fx-radius);
  overflow: hidden;
}
.flexity-content .key-facts > div { display: grid; grid-template-columns: minmax(12.8rem, 34%) 1fr; }
.flexity-content .key-facts > div:nth-child(odd) { background: var(--fx-bg-soft); }
.flexity-content .key-facts dt,
.flexity-content .key-facts > div > strong { padding: 1.04rem 1.6rem; font-weight: var(--fx-fw-bold); color: var(--fx-ink-soft); }
.flexity-content .key-facts dd,
.flexity-content .key-facts > div > span { padding: 1.04rem 1.6rem; margin: 0; border-left: 1px solid var(--fx-line); }


/* ── 5. .info-box — INFO / RELATED LINKY ───────────────────  [existujúce] ──*/
.flexity-content .info-box {
  background: var(--fx-bg-soft);
  border: 1px solid var(--fx-line);
  border-radius: var(--fx-radius);
  padding: 1.76rem 2rem;
  margin-block: 0 2.4rem;
}
.flexity-content .info-box > :first-child { margin-top: 0; }
.flexity-content .info-box > :last-child { margin-bottom: 0; }
.flexity-content .info-box h3 { margin-top: 0; }


/* ── 6. .upozorneni — ZVÝRAZNENIE / VAROVANIE ─────────────  [existujúce] ──
   Brand: oranžová = zvýraznenie určených prvkov. Žiadne liečebné sľuby.       */
.flexity-content .upozorneni {
  background: var(--fx-orange-soft);
  border-left: 4px solid var(--fx-orange);
  border-radius: var(--fx-radius-sm);
  padding: 1.6rem 2rem;
  margin-block: 0 2.4rem;
}
.flexity-content .upozorneni p:last-child { margin-bottom: 0; }
.flexity-content .upozorneni strong { color: var(--fx-orange-dark); }


/* ── 7. .seznamy / .column — 2 STĹPCE ─────────────────────  [existujúce] ──*/
.flexity-content .seznamy {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: var(--fx-gap-lg);
  margin-block: 0 2.4rem;
}
.flexity-content .seznamy .column > :first-child { margin-top: 0; }


/* ── 8. .compare-table — POROVNÁVACIA TABUĽKA ──────────────────────────────
   Brand pairing: hlavička = zelená plocha + ČIERNY text (ako logo).           */
.flexity-content .compare-table {
  margin-block: 0 2.4rem;
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  border-radius: var(--fx-radius);
  border: 1px solid var(--fx-line);
}
.flexity-content .compare-table table { width: 100%; border-collapse: collapse; font-size: 1.52rem; }
.flexity-content .compare-table th, .flexity-content .compare-table td {
  padding: 1.12rem 1.44rem; text-align: left;
  border-bottom: 1px solid var(--fx-line); vertical-align: top;
}
.flexity-content .compare-table thead th {
  background: var(--fx-green);
  color: var(--fx-accent-on);            /* čierna na zelenej */
  font-weight: var(--fx-fw-bold);
  white-space: nowrap;
}
.flexity-content .compare-table tbody tr:nth-child(even) { background: var(--fx-bg-soft); }
.flexity-content .compare-table td:first-child, .flexity-content .compare-table th:first-child { font-weight: var(--fx-fw-bold); }


/* ── 9. .pros-cons — VÝHODY / NEVÝHODY ─────────────────────────────────────*/
.flexity-content .pros-cons {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--fx-gap);
  margin-block: 0 2.4rem;
}
.flexity-content .pros-cons > div { border: 1px solid var(--fx-line); border-radius: var(--fx-radius); padding: 1.6rem 1.76rem; }
.flexity-content .pros-cons h4 { margin: 0 0 0.8rem; font-size: 1.68rem; }
.flexity-content .pros-cons .pros { background: var(--fx-green-soft); border-color: var(--fx-green-tint); }
.flexity-content .pros-cons .cons { background: rgba(176,82,74,.06); border-color: rgba(176,82,74,.35); }
.flexity-content .pros-cons .pros h4 { color: var(--fx-good); }
.flexity-content .pros-cons .cons h4 { color: var(--fx-bad); }
.flexity-content .pros-cons ul { list-style: none; padding: 0; margin: 0; }
.flexity-content .pros-cons li { position: relative; padding-left: 2.4rem; margin: 0.56rem 0; }
.flexity-content .pros-cons .pros li::before { content: "✓"; position: absolute; left: 0; color: var(--fx-good); font-weight: 700; }
.flexity-content .pros-cons .cons li::before { content: "✕"; position: absolute; left: 0; color: var(--fx-bad);  font-weight: 700; }


/* ── 10. .howto — KROK-ZA-KROKOM ───────────────────────────────────────────
   Medailóny: zelená plocha + ČIERNe číslo (brand pairing).                    */
.flexity-content .howto { list-style: none; counter-reset: fxstep; padding: 0; margin-block: 0 2.4rem; }
.flexity-content .howto > li {
  counter-increment: fxstep; position: relative;
  padding: 0.4rem 0 1.6rem 5.2rem; margin: 0 0 0 1.6rem;
  border-left: 2px solid var(--fx-green-tint);
}
.flexity-content .howto > li:last-child { border-left-color: transparent; padding-bottom: 0; }
.flexity-content .howto > li::before {
  content: counter(fxstep);
  position: absolute; left: -1.6rem; top: 0;
  width: 3.2rem; height: 3.2rem;
  display: grid; place-items: center;
  background: var(--fx-green);
  color: var(--fx-accent-on);            /* čierna na zelenej */
  border-radius: 50%; font-weight: 700; font-size: 1.52rem;
}
.flexity-content .howto > li > :first-child { margin-top: 0; display: block; }
.flexity-content .howto p { margin: 0.4rem 0 0; color: var(--fx-ink-soft); }


/* ── 11. .decision — DECISION HELPER „PRE KOHO" ────────────────────────────
   Karta: pri hover zelený okraj. Tag = zelený pill.                           */
.flexity-content .decision {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  gap: var(--fx-gap); margin-block: 0 2.4rem;
}
.flexity-content .decision-card {
  display: flex; flex-direction: column; gap: 0.56rem;
  padding: 1.76rem 1.92rem;
  border: 1px solid var(--fx-line); border-radius: var(--fx-radius);
  background: var(--fx-bg); box-shadow: var(--fx-shadow);
  text-decoration: none; color: var(--fx-ink);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.flexity-content .decision-card:hover {
  transform: translateY(-2px);
  border-color: var(--fx-green);
  box-shadow: var(--fx-shadow-lg);
}
.flexity-content .decision-tag {
  align-self: flex-start;
  font-size: 1.28rem; font-weight: var(--fx-fw-bold);
  color: var(--fx-green-dark); background: var(--fx-green-soft);
  padding: 0.32rem 1.04rem; border-radius: var(--fx-radius-pill);
}
.flexity-content .decision-card strong { font-size: 1.76rem; color: var(--fx-heading); }
.flexity-content .decision-card span:last-child { color: var(--fx-ink-soft); font-size: 1.52rem; }


/* ── 12. .quote-box — RECENZIA / CITÁT ─────────────────────────────────────*/
.flexity-content .quote-box {
  margin-block: 0 2.4rem; padding: 2rem 2.4rem;
  background: var(--fx-green-soft);
  border-radius: var(--fx-radius);
  border-left: 4px solid var(--fx-green);
}
.flexity-content .quote-box blockquote { margin: 0; font-size: 1.76rem; line-height: 1.5; font-style: italic; }
.flexity-content .quote-box figcaption { margin-top: 0.96rem; font-weight: var(--fx-fw-bold); color: var(--fx-ink-soft); font-size: 1.52rem; }


/* ── 13. .author-box — E-E-A-T AUTOR BYLINE ────────────────────────────────*/
.flexity-content .author-box {
  display: flex; align-items: center; gap: 1.6rem;
  padding: 1.44rem 1.76rem; margin-block: 0 2.4rem;
  background: var(--fx-bg-soft);
  border: 1px solid var(--fx-line); border-radius: var(--fx-radius);
}
.flexity-content .author-avatar {
  width: 52px; height: 52px; border-radius: 50%;
  object-fit: cover; flex: 0 0 auto;
  border: 2px solid var(--fx-green);
}
.flexity-content .author-meta { display: flex; flex-direction: column; line-height: 1.4; }
.flexity-content .author-name { font-weight: var(--fx-fw-bold); color: var(--fx-heading); }
.flexity-content .author-role { color: var(--fx-ink-soft); font-size: 1.472rem; }
.flexity-content .author-date { color: var(--fx-ink-soft); font-size: 1.36rem; }


/* ── 14. .faq-wrapper — FAQ ACCORDION (checkbox) ───────────  [existujúce] ──
   POZN.: po injector fixe tento pattern kŕmi aj FAQPage JSON-LD.              */
.flexity-content .faq-wrapper { margin-block: 0 2.4rem; border-top: 1px solid var(--fx-line); }
.flexity-content .faq-item { border-bottom: 1px solid var(--fx-line); }
.flexity-content .faq-item > input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; }
.flexity-content .faq-item > label {
  display: flex; justify-content: space-between; align-items: center; gap: 1.6rem;
  padding: 1.6rem 0.4rem; cursor: pointer; font-weight: var(--fx-fw-bold);
  color: var(--fx-heading); list-style: none;
}
.flexity-content .faq-item > label::after {
  content: "+"; font-size: 2.24rem; line-height: 1;
  color: var(--fx-green-dark); transition: transform .2s ease; flex: 0 0 auto;
}
.flexity-content .faq-item > input:checked ~ label::after { content: "–"; }
.flexity-content .faq-item > input:focus-visible ~ label {
  outline: 2px solid var(--fx-green); outline-offset: 2px; border-radius: var(--fx-radius-sm);
}
.flexity-content .faq-item > div { max-height: 0; overflow: hidden; transition: max-height .25s ease; }
.flexity-content .faq-item > input:checked ~ div { max-height: 96rem; }
.flexity-content .faq-item > div > * { margin: 0 0.4rem 1.6rem; }
.flexity-content .faq-item > div > :first-child { margin-top: -0.4rem; }


/* ── 15. .seo-faq — FAQ (details/summary, JSON-LD) ─────────  [existujúce] ──*/
.flexity-content .seo-faq { margin-block: 0 2.4rem; border-top: 1px solid var(--fx-line); }
.flexity-content .seo-faq details { border-bottom: 1px solid var(--fx-line); }
.flexity-content .seo-faq summary {
  display: flex; justify-content: space-between; align-items: center; gap: 1.6rem;
  padding: 1.6rem 0.4rem; cursor: pointer; font-weight: var(--fx-fw-bold);
  color: var(--fx-heading); list-style: none;
}
.flexity-content .seo-faq summary::-webkit-details-marker { display: none; }
.flexity-content .seo-faq summary::after { content: "+"; font-size: 2.24rem; line-height: 1; color: var(--fx-green-dark); flex: 0 0 auto; }
.flexity-content .seo-faq details[open] summary::after { content: "–"; }
.flexity-content .seo-faq details > :not(summary) { margin: 0 0.4rem 1.6rem; }


/* ── 16. .toc — OBSAH ČLÁNKU (sticky) ──────────────────────────────────────*/
.flexity-content .toc {
  background: var(--fx-green-soft);
  border: 1px solid var(--fx-green-tint);
  border-radius: var(--fx-radius);
  padding: 1.6rem 2rem; margin-block: 0 2.4rem; font-size: 1.52rem;
}
.flexity-content .toc strong { display: block; margin-bottom: 0.8rem; color: var(--fx-heading); }
.flexity-content .toc ul { list-style: none; padding: 0; margin: 0; }
.flexity-content .toc li { margin: 0.4rem 0; }
.flexity-content .toc a { text-decoration: none; }
.flexity-content .toc a:hover { text-decoration: underline; }
@media (min-width: 1024px) { .flexity-content .toc.toc-sticky { position: sticky; top: 2.4rem; } }


/* ── 17. SIGNATURE MOTÍV — koncentrické oblúky (voliteľné) ──────────────────
   Brand device z manuálu. Pridaj .fx-branded na blok pre jemný oblúk v rohu.
   <div class="tldr fx-branded">…</div>  alebo na hero/sekciu.
   (Tip: pre presný brand oblúk nahraj SVG z /Podklady/ a prepíš background.)  */
.flexity-content .fx-branded {
  position: relative;
  overflow: hidden;
}
.flexity-content .fx-branded::after {
  content: "";
  position: absolute; right: -40px; bottom: -40px;
  width: 160px; height: 160px;
  background:
    radial-gradient(circle at center, transparent 54px, var(--fx-green) 54px 57px, transparent 58px),
    radial-gradient(circle at center, transparent 66px, var(--fx-green) 66px 69px, transparent 70px);
  opacity: .18;
  pointer-events: none;
}


/* ── 18. RESPONSIVE + A11Y ─────────────────────────────────────────────────*/
@media (max-width: 600px) {
  .flexity-content .seznamy, .flexity-content .pros-cons { grid-template-columns: 1fr; }
  .flexity-content .key-facts > div { grid-template-columns: 1fr; }
  .flexity-content .key-facts dd,
  .flexity-content .key-facts > div > span { border-left: none; border-top: 1px solid var(--fx-line); }
  .flexity-content h2 { font-size: 2.08rem; }
  .flexity-content .usp-strip { font-size: 1.44rem; }
}
@media (prefers-reduced-motion: reduce) {
  .flexity-content .decision-card, .flexity-content .faq-item > div, .flexity-content .faq-item > label::after { transition: none; }
}


/* ── 19. ŠÍRKA NA DESKTOPE ─────────────────────────────────────────────────
   Zhodne s docs/content/assets/flexity-content.css §19. Chýbalo v tomto súbore
   (9729e42d preniesol len --fx-measure/--fx-wide tokeny + centrovanie, nie
   tento :has() rozšírenie kontajnera) — doplnené 2026-08-06 pri oprave zdroja
   patch skriptu (Task 3 nadväzujúca oprava). Bez `width` navyše `max-width`
   nikdy nepreváži menšiu explicitnú `width`, ktorú `#content-wrapper.
   container-narrow` dostáva od témy (namerané naživo: 1178px nezávisle od
   viewportu) — kontajner by tak nikdy nedosiahol --fx-wide. Žiadne rem hodnoty
   (len var() odkazy na px tokeny), takže sa neprepočítava. */
@media (min-width: 1280px) {
  #content-wrapper.container-narrow:has(.flexity-content) { max-width: var(--fx-wide); width: var(--fx-wide); }
}


/* ── 20. .fx-reco — PRODUCT WIDGET CAROUSEL ────────────────────────────────
   Zhodne s docs/content/assets/flexity-content.css §20 (rem × 1.6, selektory
   scoped pod .flexity-content ako zvyšok tohto súboru). Chýbalo v tomto súbore
   — doplnené 2026-08-06 (nadväzujúca oprava zdroja patch skriptu), aby si
   style-appendix.css a flexity-content.css zodpovedali mimo rem škály.
   POZN.: blog-reco-widget.js si pri renderi injektuje VLASTNÝ kompletný
   <style id="fx-reco-styles"> (viď ten súbor) s vlastnou kópiou --fx-* tokenov
   — táto sekcia je teda čiastočne redundantná so živým JS injectom, no
   udržuje kontrakt medzi knižnicami zhodný; JS verzia sedí na kaskáde
   naposledy, takže nič neprepisuje nesprávne. Brain blog-reco carousel,
   postavený na .decision-card patterne (hover zelený okraj, .decision-tag
   zelený pill), rozšírený na horizontálny scroll-snap scroller s prev/next
   navigáciou. Skrytý (hidden) kým JS nepridá obsah — fail-soft, žiadny
   prázdny box. */
.flexity-content .fx-reco { margin-block: 2.4rem; }
.flexity-content .fx-reco[hidden] { display: none; }
.flexity-content .fx-reco-head {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 1.6rem; margin-bottom: 1.2rem;
}
.flexity-content .fx-reco-title { font-weight: var(--fx-fw-bold); color: var(--fx-heading); font-size: 1.84rem; }
.flexity-content .fx-reco-nav { display: inline-flex; gap: 0.64rem; flex: 0 0 auto; }
.flexity-content .fx-reco-btn {
  width: 38px; height: 38px; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--fx-line); border-radius: var(--fx-radius-pill);
  background: var(--fx-bg); color: var(--fx-green-dark);
  font-size: 1.92rem; line-height: 1; cursor: pointer;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.flexity-content .fx-reco-btn:hover:not(:disabled) {
  border-color: var(--fx-green); background: var(--fx-green-soft);
}
.flexity-content .fx-reco-btn:focus-visible { outline: 2px solid var(--fx-green); outline-offset: 2px; }
.flexity-content .fx-reco-btn:disabled { opacity: .4; cursor: default; }

.flexity-content .fx-reco-track {
  display: grid; grid-auto-flow: column;
  grid-auto-columns: minmax(20.8rem, 1fr);
  gap: var(--fx-gap);
  overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding-bottom: 0.8rem;
  scrollbar-width: thin;
}
@media (min-width: 700px) { .flexity-content .fx-reco-track { grid-auto-columns: minmax(24rem, 35.2rem); } }

.flexity-content .fx-reco-card {
  scroll-snap-align: start;
  display: flex; flex-direction: column; gap: 0.72rem;
  padding: 1.6rem 1.76rem;
  border: 1px solid var(--fx-line); border-radius: var(--fx-radius);
  background: var(--fx-bg); box-shadow: var(--fx-shadow);
  text-decoration: none; color: var(--fx-ink);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.flexity-content .fx-reco-card:hover {
  transform: translateY(-2px);
  border-color: var(--fx-green);
  box-shadow: var(--fx-shadow-lg);
}
.flexity-content .fx-reco-card:focus-visible { outline: 2px solid var(--fx-green); outline-offset: 2px; }
.flexity-content .fx-reco-thumb {
  width: 100%; aspect-ratio: 1 / 1; object-fit: contain;
  background: var(--fx-bg-soft); border-radius: var(--fx-radius-sm);
}
.flexity-content .fx-reco-name {
  font-weight: var(--fx-fw-bold); color: var(--fx-heading);
  font-size: 1.568rem; line-height: 1.3;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.flexity-content .fx-reco-price { color: var(--fx-green-dark); font-weight: var(--fx-fw-bold); font-size: 1.68rem; }
.flexity-content .fx-reco-tags { display: flex; gap: 0.64rem; flex-wrap: wrap; margin-top: auto; }
.flexity-content .fx-reco-tag {
  align-self: flex-start;
  font-size: 1.152rem; font-weight: var(--fx-fw-bold);
  color: var(--fx-green-dark); background: var(--fx-green-soft);
  padding: 0.24rem 0.88rem; border-radius: var(--fx-radius-pill);
}

@media (prefers-reduced-motion: reduce) {
  .flexity-content .fx-reco-card, .flexity-content .fx-reco-btn { transition: none; }
  .flexity-content .fx-reco-track { scroll-behavior: auto; }
}


/* ── 21. MOBILE CRO — kategória „products-first" + header (≤767px) ───────────
   Cieľ: na mobile dostať produkty čo najvyššie (GymBeam pattern) — kratší intro,
   skrytý dekoratívny banner, tesnejšie riadkovanie, burger menu vľavo.
   Ovplyvňuje všetky story zdieľajúce tento style.css. Desktop (≥768px) bez zmeny.
   767px = presná hranica kompaktného Shoptet headeru (≥768px už má inline search). */
@media (max-width: 767px) {
  /* 1) dekoratívny banner v perexe skrytý → prvé produkty hneď nad ohybom
        (banner = 2. priamy <p> s obrázkom; intro <p> a hĺbkový .flexity-content ostávajú) */
  .category-perex > p:has(img),
  .category-perex > img { display: none !important; }

  /* 2) tesnejšie riadkovanie + menší nadpis kategórie */
  body.type-category h1 { font-size: 2.4rem !important; line-height: 1.18 !important; }
  .category-perex > p:first-of-type { line-height: 1.45 !important; margin-bottom: 1.4rem !important; }

  /* 3) burger menu vľavo + logo hneď vedľa (rezervuje sa ľavý žľab v header riadku,
        burger sa doň absolútne umiestni; ikony srdce/váhy/košík ostávajú vpravo) */
  .header-top-wrapper { position: relative !important; padding-left: 52px !important; }
  .header-top-wrapper > .navigation-buttons > .toggle-window {
    position: absolute !important; left: 0 !important; top: 50% !important;
    transform: translateY(-50%) !important; margin: 0 !important;
  }
}


/* ── 22. FONTY — Linotte WOFF2 (lepší iOS rendering diakritiky) + fallback ───
   iOS Safari pri starom WOFF(v1) občas siahne po systémovom (pätkovom) fonte pre
   niektoré CE diakritické glyfy (č/ů/ř/ě/š/ž/ő/ű/ć/đ/ă/ș/ť/ľ…), hoci ich Linotte
   reálne obsahuje. WOFF2 to typicky rieši. Tieto @font-face OVERRIDUJÚ tému
   (rovnaká rodina/váha, deklarované neskôr v súbore). WOFF2 z originu (overené
   200), pôvodný WOFF z CDN ako fallback. Rollback: zmazať túto sekciu. */
@font-face {
  font-family: "Linotte"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("/user/documents/linotte-regular.woff2") format("woff2"),
       url("/user/documents/linotte-regular.woff") format("woff");
}
@font-face {
  font-family: "Linotte"; font-weight: 600; font-style: normal; font-display: swap;
  src: url("/user/documents/linotte-semi-bold.woff2") format("woff2"),
       url("/user/documents/linotte-semi-bold.woff") format("woff");
}
@font-face {
  font-family: "Linotte"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("/user/documents/linotte-bold.woff2") format("woff2"),
       url("/user/documents/linotte-bold.woff") format("woff");
}
/* Sans-serif fallback net: Linotte ostáva PRVÝ (kryté texty bez akejkoľvek zmeny),
   prípadný per-glyf fallback ostane čistý bezpätkový (blízky Linotte), nie pätkový.
   Celý web dedí font z body, takže jeden bod pokryje všetko. */
html body {
  font-family: "Linotte", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


/* ── 23. MOBILE SEARCH FIXES — dva samostatné produkčné patche, nedatované do
   číslovanej štruktúry ani v živom zdroji (tak ich necháva aj produkcia).
   Zhodne s docs/content/assets/flexity-content.css §23. Chýbalo v tomto súbore
   — doplnené 2026-08-06 (nadväzujúca oprava zdroja patch skriptu). Cieli na
   #header / .searchWhisperer — nezasahuje do .flexity-content. Žiadne rem
   hodnoty (len px/%/vh), takže sa neprepočítava. */
/* Mobile search lupa fix v2 — single tappable lupa via theme's native search toggle (≤767px). 2026-06-25. */
@media (max-width:767px){
  #header .header-top-wrapper .search .search-button{ display:none !important; }
  #header .header-top-wrapper .navigation-buttons .toggle-window[data-target="search"]{
    order:-1 !important;
    position:relative !important;
    top:0 !important;
    transform:none !important;
    z-index:5 !important;
  }
}


/* Mobile search (≤767px): fit open Whisperer results to viewport + make "Zobraziť všetky výsledky" clickable over the cookie bar. 2026-06-26. */
@media (max-width:767px){
  #header .header-top-wrapper .search{ width:100% !important; max-width:100vw !important; box-sizing:border-box !important; }
  #header .header-top-wrapper .search .search-form,
  #header .header-top-wrapper .search .search-input{ max-width:100% !important; box-sizing:border-box !important; }
  #header .searchWhisperer.active,
  #header .searchWhisperer{
    max-height:calc(100vh - 120px) !important;
    max-height:calc(100dvh - 120px) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:24px !important;
    box-sizing:border-box !important;
  }
  #header .searchWhisperer .searchWhisperer__products{ max-width:100% !important; box-sizing:border-box !important; }
  body.search-window-visible #header{ z-index:100000002 !important; }
}
/* ===== FLEXITY-CONTENT END v2 ===== */