/*OBECNÉ*/

img {
    max-width: 100%;
    vertical-align: middle;
}

:root {
    --color-g50: #ebebeb;
    --color-g75: #acacad;
    --color-g100: #898a8b;
    --color-g200: #575759;
    --color-g300: #343537;
    --color-g400: #242527;
    --color-g500: #202022;
    --color-p50: #fae8ee;
    --color-p75: #e9a0bb;
    --color-p100: #e0799e;
    --color-p200: #d33f74;
    --color-p300: #ca1858;
    --color-p400: #8d113e;
    --color-p500: #7b0f36;
    --color-b50: #edf3ef;
    --color-b75: #b3cdbf;
    --color-b100: #94b9a4;
    --color-b200: #659b7d;
    --color-b300: #468662;
    --color-b400: #315e45;
    --color-b500: #2b523c;
    --color-s50: #fefdfc;
    --color-s75: #faf7f4;
    --color-s100: #f8f4ef;
    --color-s200: #f5efe9;
    --color-s300: #f3ece4;
    --color-s400: #aaa5a0;
    --color-s500: #94908b;
    --size-h1: 36px;
    --size-h2: 32px;
    --size-h3: 24px;
    --size-h4: 20px;
    --size-h5: 18px;
    --size-h6: 16px;
    --size-normal: 15px;
    --size-small: 14px;
}

h1, .h1 {
    font-size: var(--size-h1);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
}

h2, .h2 {
    font-size: var(--size-h2);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
}

h3, .h3 {
    font-size: var(--size-h3);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
}

h4, .h4 {
    font-size: var(--size-h4);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
}

h5, .h5 {
    font-size: var(--size-h5);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
}

h6, .h6 {
    font-size: var(--size-h6);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--color-g400);
}

body {
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 1.7;
    color: var(--color-g300);
}

b, strong {
    font-weight: 700;
    color: var(--color-g400);
}
.quantity input {
    width: 58px !important;
    height: 54px !important;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 1px;
    color: var(--color-g400);
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.quantity {
    border-radius: 100px;
    border-color: var(--color-g50);
    overflow: hidden;
}
.quantity .increase::before, .quantity .decrease::before {
    width: 34px;
    height: 34px;
    background: var(--color-b50);
    border-radius: 50%;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: var(--color-b400);
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    flex-shrink: 0;
}
.quantity .decrease::before {
    content: "-";
}
.quantity .increase::before {
    content: "+";
}
.quantity .increase, .quantity .decrease {
    height: 54px !important;
}
.quantity .increase {
    right: 10px;
}
.quantity .decrease {
    left: 10px;
}
/*HEADER*/

@media (min-width: 768px) {
    #header {
        position: relative;
        margin: 0 auto;
        box-shadow: 0px 2px 20px 0px #0000000D;
    }
    .ordering-process:not(.navigation-hovered) #header{z-index: 1;}
    /*
    #header::after {
        content: "";
        position: absolute;
        width: calc(100vw - var(--scrollbar-width));
        height: 10px;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }*/
    #header .container.navigation-wrapper {
        width: 100%;
        padding: 0 0 0 40px;
        -webkit-justify-content: space-between;justify-content: space-between;
    }
    #header .container.navigation-wrapper::before, #header .container.navigation-wrapper::after {
        content: none;
    }
    #header .header-top-wrapper .site-name {
        flex: 0 1 140px;
    }
    .btn.btn-icon, a.btn.btn-icon {
        font-size: 14px;
    }
    #header .navigation-buttons .header-phone {
        position: relative;
        padding-left: 68px;
        margin-right: 32px;
    }
    #header .navigation-buttons .header-phone::before {
        content: "";
        position: absolute;
        width: 48px;
        height: 48px;
        background: url("/user/documents/upload/Images/header-contact-lady.png") no-repeat center;
        background-size: contain;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .cart-window-visible #header .navigation-buttons .header-phone::before,
    .cart-empty-visible #header .navigation-buttons .header-phone::before {opacity: 0.4;}
    #header .navigation-buttons .header-phone a {
        width: auto;
        height: auto;
        line-height: 1.4;
        margin-left: 0;
        font-size: 16px;
        font-weight: 600;
    }
    #header .navigation-buttons .header-phone a:hover {
        text-decoration: underline;
    }
    #header .navigation-buttons .header-phone span {
        color: var(--color-g100);
        font-size: 13px;
        display: block;
        font-weight: 400;
    }
    #header .navigation-buttons a {
        margin-left: 0;
        width: 50px;
    }
    #header .navigation-buttons a[data-target="login"] span, .top-nav-button-account.secondary span {
        display: none;
    }
    .navigation-buttons a {
        position: relative;
    }
    .navigation-buttons a[data-target="search"]::before {
        content: "";
        z-index: 4;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        background: url("/user/documents/upload/Images/magnifier.svg") no-repeat center;
        background-size: contain;
    }
    .navigation-buttons a[data-target="search"]:hover::before, .search-form .btn:hover {background-image: url("/user/documents/upload/Images/magnifier-hover.svg") !important;}
    .navigation-buttons a[data-target="login"]::before, .top-nav-button-account.secondary::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 24px;
        height: 24px;
        background: url("/user/documents/upload/Images/user.svg") no-repeat center;
        background-size: contain;
    }
    .navigation-buttons a[data-target="login"]:hover::before, .top-nav-button-account.secondary:hover::before{background-image: url("/user/documents/upload/Images/user-hover.svg");}
    #header .navigation-buttons a[data-target="cart"]::before {
        content: url("/user/documents/upload/Images/shopping-bag.svg");
    }
    #header .navigation-buttons a[data-target="cart"] i {
        left: -5px;
        bottom: 5px;
        background: var(--color-p300);
        font-size: 12px;
        font-weight: 500;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 0;
    }
    .navigation-buttons {
        padding-right: 11px;
    }
    #header .header-top a.cart-count {
        margin-left: 15px;
        min-width: 135px;
    }
    #header .header-top-wrapper > div {
        flex: 0 1 auto;
    }
    #header .header-top {
        padding: 23px 0;
        max-width: 1920px;
        margin: 0 auto;
    }
    #header .header-bottom {
        position: absolute;
        width: calc(100% - 835px);
        left: 180px;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        z-index: 1003;
        margin-left: 48px;
    }
    .navigation-in {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 1px;
    }
    .navigation-in ul li a b {
        font-weight: 400;
    }
    .navigation-in>ul>li.menu-item-706>a, .sk .navigation-in>ul>li.menu-item-712 >a {
        display: flex;
        align-self: center;
        padding: 16px 32px;
        letter-spacing: 2px;
        border: 1px solid var(--color-g400);
        border-radius: 100px;
        height: 50px;
    }
    .navigation-in>ul>li.menu-item-706>a::before, .sk .navigation-in>ul>li.menu-item-712>a::before {
        content: url("/user/documents/upload/Images/filter-left.svg");
        margin-right: 8px;
    }
    .navigation-in>ul>li.menu-item-706>a b, .sk .navigation-in>ul>li.menu-item-712>a b {
        font-weight: 700;
    }
    .navigation-in>ul>li.menu-item-706>a:hover, .sk .navigation-in>ul>li.menu-item-712>a:hover {
        padding-left: 32px;
    }
    .navigation-in>ul>li.ext.exp.menu-item-706:first-child>a, .navigation-in>ul>li.ext.exp.menu-item-712:first-child>a {
        padding-left: 32px;
    }
    .navigation-in>ul>li.ext.exp.menu-item-706>a, .navigation-in>ul>li.ext.exp.menu-item-712>a {
        padding-right: 32px;
    }
    #header .header-bottom .container.navigation-wrapper {
        margin-left: 0;
        padding-left: 0;
    }
    body.navigation-hovered #navigation, body.navigation-hovered .menu-helper {
        z-index: 1003;
    }
    body.navigation-hovered .navigation-buttons {
        z-index: 1001;
    }
    .navigation-in>ul>li>a {
        position: relative;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .navigation-in>ul>li>a.active b {
        color: var(--color-b300);
    }
    .navigation-in>ul>li>a.active::after {
        content: "";
        position: absolute;
        width: 15px;
        height: 10px;
        background: url("/user/documents/upload/Images/leaves_dark.svg") no-repeat center;
        background-size: contain;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    #navigation, .navigation-in, .header-bottom {
        height: 50px;
        background: transparent;
    }
    .navigation-in>ul>li.ext>ul>li {
        display: flex;
        flex-direction: column;
        width: calc(16.6666% - 20px);
        flex-basis: calc(16.6666% - 20px);
        margin: 10px;
    }
    .navigation-in>ul>li.ext>ul>li>div {
        text-align: center;
        width: 100%;
    }
    .navigation-in ul.menu-level-2 {
        width: 1340px;
    }
    .navigation-in > ul > li.ext > ul > li > a img {
        max-width: none;
        max-height: 100px;
        margin: 0 auto;
        mix-blend-mode: multiply ;
    }
    .navigation-in>ul>li.ext>ul>li>a.menu-image {
        width: 100%;
        padding: 24px 0 0;
    }
    #navigation .menu-level-2>li>div>a {
        padding: 20px 10px 25px;
    }
    #navigation .menu-level-2>li {
        padding: 0;
        border-radius: 12px;
    }
    #navigation .menu-level-2 {
        padding: 30px;
        border-radius: 0 12px 12px 12px;
    }
    #navigation .menu-level-2>li:hover {
        background: var(--color-b50);
    }
    #navigation .navigation-in ul li.ext.exp>ul {
        border: none;
    }
    .navigation-in > ul > li.ext.exp > a {
        border-color: #fff;
        background: #fff;
        border-radius: 12px 12px 0 0;
        transition: none;
    }
    .navigation-in ul.menu-level-2 a {
        color: var(--color-b400);
    }
    #navigation .navigation-in ul li:hover > a > span, #navigation .navigation-in ul li:hover > a > b, #navigation .navigation-in ul li:hover>div>a>span {
        text-underline-offset: 3px;
        text-decoration-thickness: 1px;
    }
    #navigation .navigation-in ul li.menu-item-706:hover > a > b, .sk #navigation .navigation-in ul li.menu-item-712:hover > a > b {
        text-decoration: none;
    }
    #navigation .navigation-in ul li.menu-item-706:hover > a::before, #navigation .navigation-in ul li.menu-item-706.ext.exp:hover > a::before,
    .sk #navigation .navigation-in ul li.menu-item-712:hover > a::before, .sk #navigation .navigation-in ul li.menu-item-712.ext.exp:hover > a::before {
        content: url("/user/documents/upload/Images/filter-left_green.svg")
    }
    .navigation-in>ul>li.menu-item-706.ext.exp > a > b, .sk .navigation-in>ul>li.menu-item-712.ext.exp > a > b {
        color: var(--color-b400);
    }
    #formSearchForm {
        z-index: 9999;
        position: absolute;
        left: auto;
        right: 206px;
        width: 700px;
        font-size: var(--size-small);
        letter-spacing: 1px;
        top: 1px;
    }
    .search-form .btn{display: block;background: url("/user/documents/upload/Images/magnifier.svg") no-repeat 50% 50% !important;font-size: 0;width: 60px;height: 48px;}
    .navigation-buttons {
        font-size: 14px;
        position: initial;
        z-index: 1004;
    }
    #formSearchForm .search-input-icon {
        display: none;
    }
    #header #formSearchForm .search-input {
        border-radius: 100px;
        padding: 15px 20px;
    }
    #header .navigation-buttons a[data-target='search'] {
        position: relative;
        z-index: 3;
    }
    .navigation-in>ul>li.ext.exp>a {
        margin-right: 0;
        margin-left: 0;
    }
    @media (min-width: 768px) and (max-width: 1439px){
        .navigation-in>ul>li:not(:first-child)>a:hover {
            padding: 12px 20px!important;
        
            margin: 0px!important;
        }
    }
    @media (min-width: 1440px) and (max-width: 1919px){
        .navigation-in>ul>li:not(:first-child)>a:hover {
            padding: 18px 20px!important;
        
            margin: 0px!important;
        }
    }

    .search-window-visible #navigation, .search-window-visible .header-bottom {
        background: transparent;
    }
    /*KOŠÍK*/
    body.cart-window-visible::before {
        background-color: rgba(0, 0, 0, 0.3);
        opacity: 1;
        z-index: 1002;
    }
    body.cart-window-visible #navigation, body.cart-window-visible .header-bottom {
        background: transparent;
    }
    body.cart-window-visible #header .header-top a.cart-count {
        background: #fff;
        transition: none;
    }
    #header .navigation-buttons a[data-target="cart"]::after {
        content: "";
        position: absolute;
        right: -11px;
        top: 50%;
        height: calc(100% + 46px);
        width: calc(100% + 26px);
        transform: translateY(-50%);
        background: transparent;
        z-index: -1;
    }
    body.cart-window-visible #header .navigation-buttons a[data-target="cart"]::after {
        background: #fff;
    }
    .admin-logged .popup-widget.cart-widget, .popup-widget.cart-widget {
        top: 78px
    }
    .msg-info-active .popup-widget.cart-widget {
        top: 119px;
    }
    .popup-widget.cart-widget {
        margin-left: 0;
        left: auto;
        right: 0;
        border: none;
        width: 710px;
        border-radius: 12px 0 0 12px;
    }
    .popup-widget.cart-widget .popup-widget-inner{border-radius: 12px 0 0 12px;}
    .cart-widget-product {
        border: none !important;
        padding: 20px;
        border-bottom: 1px solid var(--color-g50) !important;
    }
    .popup-widget.cart-widget::before {
        content: none;
    }
    .cart-widget-product .cart-widget-product-delete {
        visibility: visible;
    }
    .cart-widget-product-name strong a {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: 1px;
        color: var(--color-g400);
    }
    
    .cart-widget-product-amount {
        width: 160px;
    }
    .cart-widget-product-price {
        text-align: center;
    }
    .cart-widget-product-image a {
        height: 64px;
        width: 64px;
        margin-right: 16px;
    }
    .cart-widget-product-image {
        height: 64px;
    }
    .cart-widget-product-amount, .cart-widget-product-unit, .cart-widget-product-price {
        color: var(--color-g400);
    }
    .cart-widget-product-price strong {
        font-size: 16px;
        line-height: 1.1;
        letter-spacing: 1px;
    }
    .cart-widget-product-name a:hover {
        text-decoration: underline;
    }
    .cart-widget-bottom {
        padding: 24px 20px;
        display: flex;
        align-items: center;
        -webkit-justify-content: space-between;justify-content: space-between;
        border-radius: 0 0 0 12px;
    }
    .cart-widget-bottom .extra {
        margin-right: 40px;
        max-width: 360px;
        width: 100%;
        text-align: left;
    }
    .cart-widget-product-delete button::before {
        content: "";
    }
    .cart-widget-product-delete button:hover {
        opacity: .7;
    }
    .cart-widget-bottom .extra span {
        position: relative;
        display: block;
        padding-left: 36px;
        background-image: url("/user/documents/upload/Images/gift_red.svg");
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: left 5px;
        line-height: 1.2;
        min-height: 52px;
    }
    .cart-widget-bottom .extra.darek-dosazen span{background-position: 0 0;line-height: 25px;}
    .cart-widget-bottom .extra span .price-range {
        margin-left: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: 0;
    }
    .cart-widget-button {
        padding: 0;
        flex-shrink: 0;
    }
    .cart-widget-button #continue-order-button {
        padding: 16px 76px 16px 48px;
        line-height: 1.7;
    }
    .cart-widget-button #continue-order-button::after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        top: 50%;
        right: 48px;
        transform: translateY(-50%);
        background: url("/user/documents/upload/Images/chevron-right_white.svg") no-repeat center;
        background-size: contain;
    }
    .extra.gift .price-range::before {
        content: none;
    }
    .extra .price-range {
        margin-left: 0;
        height: 6px;
        border-radius: 100px;
        background: var(--color-b50);
        overflow: hidden;
        margin-top: 12px;
    }

    .extra .price-range div {
        background: var(--color-b400);
    }
    .cart-widget-bottom .darek-zdarma {
        padding-right: 0;
    }
    .cart-count:not(.full) .cart-price {
        font-size: 0;
        display: flex !important;
        align-items: center !important;
    }
    .cart-count:not(.full) .cart-price::before {
        content: "0 Kč";
        font-size: 14px;
    }
    .cart-empty-visible::before {
        background-color: rgba(0, 0, 0, 0.3);
        opacity: 1;
        z-index: 1002;
    }
    .cart-empty-visible .header-bottom, .cart-empty-visible .header-bottom #navigation {
        background: transparent;
    }
    .cart-empty-visible #header .navigation-buttons a[data-target="cart"]::after {
        background: #fff;
    }
    .empty-cart-content .top {
        position: relative;
        padding: 40px 40px 40px 140px;
        background: url("/user/documents/upload/Images/emoji-smile.svg") no-repeat 40px 40px;
        border-bottom: 1px solid var(--color-g50);
    }
    .empty-cart-content .top::before {
        content: "";
        position: absolute;
        bottom: 9px;
        left: 0;
        width: 95px;
        height: 135px;
        background: url("/user/documents/upload/Images/leaves_5.svg") no-repeat left center;
        background-size: contain;
    }
    .empty-cart-content .top::after {
        content: "";
        position: absolute;
        top: 9px;
        right: 0;
        width: 65px;
        height: 93px;
        background: url("/user/documents/upload/Images/leaves_6.svg") no-repeat right center;
        background-size: contain;
    }
    .empty-cart-content h3 {
        font-size: var(--size-h4);
        font-weight: 500;
        letter-spacing: 1px;
        color: #000;
        margin: 0 0 20px;
    }
    .empty-cart-content {
        border-radius: 12px 0 0 12px;
        overflow: hidden;
    }
    .cart-empty-widget {
        border-radius: 12px 0 0 12px;
    }
    .empty-cart-content .top > p {
        color: var(--color-g400);
        margin-bottom: 32px;
    }
    .empty-cart-content .side-clanky {
        padding: 24px 40px;
    }
    .empty-cart-content .side-clanky h6 {
        margin: 0 0 16px;
    }
    .empty-cart-content .side-clanky ul {
        columns: 2;
        padding: 0;
        margin: 0;
    }
    .empty-cart-content .side-clanky ul li {
        position: relative;
        padding: 8px 0 8px 24px;
        margin: 0;
        line-height: 1;
    }
    .empty-cart-content .side-clanky ul > li:last-child {
        display: none;
    }
    .empty-cart-content .side-clanky ul li a {
        font-size: var(--size-small);
        line-height: 1.2;
        padding: 0;
        text-decoration: underline;
    }
    .empty-cart-content .side-clanky ul li a:hover {
        text-decoration: none;
    }
    .empty-cart-content .side-clanky ul li::before {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url("/user/documents/upload/Images/leaf_with_opacity.svg") no-repeat center;
        background-size: contain;
    }
    .empty-cart-content .contact-box {
        display: flex;
        background: var(--color-s300);
        padding: 24px 40px;
    }
    .empty-cart-content .contact-box h6 {
        max-width: 240px;
        padding-left: 60px;
        min-height: 48px;
        background: url("/user/documents/upload/Images/header-contact-lady.png") no-repeat left center;
        background-size: 48px;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 700;
        display: flex;
        align-items: center;
        margin: 0 20px 0 0;
    }
    .empty-cart-content .contact-box ul {
        display: flex;
        flex-direction: row-reverse;
    }
    .empty-cart-content .contact-box ul > li:last-child {
        margin-right: 20px;
    }
    .empty-cart-content .contact-box ul > li .tel::after {
        content: "(Po-Pá 8:00 - 16:00 hod.)";
        display: block;
        color: var(--color-g200);
        font-size: 13px;
        line-height: 1.4;
        font-weight: 400;
        letter-spacing: 1px;
    }
    .empty-cart-content .contact-box ul > li .tel a {
        font-weight: 600;
        font-size: var(--size-h6);
        line-height: 1.4;
        letter-spacing: 1px;
    }
    .empty-cart-content .contact-box ul > li .tel a:hover {
        text-decoration: underline;
    }
    .empty-cart-content .contact-box ul li>span.mail::before, .empty-cart-content .contact-box ul li>span.tel::before {
        content: none;
    }
    .empty-cart-content .contact-box ul > li .mail a {
        font-weight: 600;
        line-height: 1.1;
        letter-spacing: 1px;
        text-decoration: underline;
    }
    .empty-cart-content .contact-box ul > li .mail a:hover {
        text-decoration: none;
    }
    .popup-widget {
        max-height: unset;
    }
    .menu-helper>span {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
        color: var(--color-g400);
        padding: 18px 10px;
    }
    .menu-helper {
        height: 50px;
        font-size: 14px;
        color: var(--color-g400);
    }
    .menu-helper > ul > li a:hover {
        color: var(--color-g400);
        text-decoration: underline;
    }
    .menu-helper>ul {
        top: calc(50% + 27px);
    }
}
.advanced-order .extra .price-range {background: var(--color-b75);}
/*SEARCH WHISPERER*/

.searchWhisperer {
    width: 1340px;
    margin-left: 0;
    top: 50px;
    left: auto;
    right: 190px;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
}

.searchWhisperer__content--empty {
    display: flex;
    width: 100%;
    min-height: 480px;
}

.searchWhisperer__content--empty .side-clanky ul li {
    width: 100%;
}

.searchWhisperer__content--empty > div.right {
    width: 50%;
    background: var(--color-b50);
}

.searchWhisperer__content--empty > div.right > div {
    padding: 40px;
}

.searchWhisperer__content--empty > div.right > div.contact-box {
    border-bottom: 1px solid var(--color-b75);
}

.searchWhisperer__content--empty > div.right > div.contact-box ul {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    padding-left: 94px;
    font-size: 16px;
    font-weight: 600;
}

.searchWhisperer__content--empty > div.right > div.contact-box ul .tel a {
    position: relative;
    line-height: 1;
}

.searchWhisperer__content--empty > div.right > div.contact-box ul .tel a:hover {
    text-decoration: underline;
}

.searchWhisperer__content--empty > div.right > div.contact-box ul .tel a:hover::after {
    text-decoration: none;
}

.searchWhisperer__content--empty > div.right > div.contact-box ul .tel::after {
    content: "(Po-Pá 8:00 - 16:00 hod.)";
    display: block;
    font-size: 13px;
    color: var(--color-g200);
    font-weight: 400;
}

.searchWhisperer__content--empty > div.right > div.contact-box ul .mail a {
    text-decoration: underline;
}

.searchWhisperer__content--empty > div.right > div.contact-box ul .mail a:hover {
    text-decoration: none;
}

.searchWhisperer__content--empty > div.right > div.contact-box ul::before {
    content: "";
    position: absolute;
    width: 74px;
    height: 74px;
    background: url("/user/documents/upload/Images/header-contact-lady.png") no-repeat center;
    background-size: contain;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.searchWhisperer__content--empty > div.right > div.contact-box h6 {
    margin: 0 0 24px;
}

.searchWhisperer__content--empty > div.right > div.contact-box ul li>span.tel::before, .searchWhisperer__content--empty > div.right > div.contact-box ul li>span.mail::before {
    content: none;
}

.searchWhisperer__content--empty > div.left {
    position: relative;
    width: 100%;
    padding: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.searchWhisperer__content--empty > div.left::before {
    content: "";
    position: absolute;
    left: 28px;
    top: 0;
    width: 22%;
    height: 25%;
    background: url("/user/documents/upload/Images/leaves_1.svg") no-repeat top left;
    background-size: contain;
}

.searchWhisperer__content--empty > div.left::after {
    content: "";
    position: absolute;
    right: 130px;
    bottom: 0;
    width: 15.8%;
    height: 17%;
    background: url("/user/documents/upload/Images/leaves_2.svg") no-repeat bottom right;
    background-size: contain;
}

.searchWhisperer__content--empty > div.right {
    max-width: 580px;
    border-radius: 0 0 0 12px;
}

.site-msg.information .text p {
    margin-bottom: 0;
}

.searchWhisperer__content--empty > div.left > h3 {
    position: relative;
    margin: 100px 0 20px;
}

.searchWhisperer__content--empty > div.left > h3::before {
    content: "";
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    top: -93px;
    transform: translateX(-50%);
    background: url("/user/documents/upload/Images/magnifier_grey.svg") no-repeat center;
    background-size: contain;
}

.searchWhisperer__content--empty > div.left > p {
    max-width: 560px;
    margin: 0 auto 48px;
}

.searchWhisperer__content--empty > div.left > h6 {
    margin: 0 0 32px;
}

.searchWhisperer__content--empty > div.left > a.btn.btn-primary {
    padding: 16px 48px;
}

.searchWhisperer__content--empty > div.right > div.side-clanky h6 {
    margin: 0 0 16px;
}

.searchWhisperer__content--empty > div.right > div.side-clanky ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
    columns: 1;
}

.searchWhisperer__content--empty > div.right > div.side-clanky ul li {
    position: relative;
    font-size: 14px;
    line-height: 1.2;
    padding: 8px 0 8px 24px;
}

.searchWhisperer__content--empty > div.right > div.side-clanky ul > li:nth-child(5) {
    display: block;
}

.searchWhisperer__content--empty > div.right > div.side-clanky ul li a {
    text-decoration: underline;
}

.searchWhisperer__content--empty > div.right > div.side-clanky ul li a:hover {
    text-decoration: none;
}

.searchWhisperer__content--empty > div.right > div.side-clanky ul li::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/leaf_with_opacity.svg") no-repeat center;
    background-size: contain;
}

.searchWhisperer__additionalResults {
    flex: 1 1 340px;margin: 0 !important;
}

.searchWhisperer__additionalResults {
    background: var(--color-b50);
    border: none !important;
    padding: 0;
    margin: 0;}

.searchWhisperer__additionalResults > ul {
    padding: 0 40px 40px;
}

.searchWhisperer__additionalResults > ul:not(:last-child) {
    border-bottom: 1px solid var(--color-b75);
}

.searchWhisperer__additionalResults > h3 {
    position: relative;
    margin: 40px 0 16px !important;
    padding: 0 40px;
    font-size: var(--size-h6);
    font-weight: 700;
}
@media screen and (min-width: 768px){
    .searchWhisperer__products {flex: 1 1 calc(100% - 340px);}
}

.searchWhisperer__additionalResults > h3.searchWhisperer__additionalResults__heading--category::before {
    content: url("/user/documents/upload/Images/folder.svg");
    margin-right: 12px;
}

.searchWhisperer__additionalResults > h3.searchWhisperer__additionalResults__heading--article::before {
    content: url("/user/documents/upload/Images/file-text.svg");
    margin-right: 12px;
}

.searchWhisperer__additionalResults > h3.searchWhisperer__additionalResults__heading--brand::before {
    content: url("/user/documents/upload/Images/tag.svg");
    margin-right: 12px;
}

.searchWhisperer__additionalResults ul {
    padding-left: 40px;
    list-style: none;
    margin: 0;
}

.searchWhisperer__additionalResults ul li {
    position: relative;
    font-size: 14px;
    line-height: 1.2;
    padding: 8px 20px 8px 24px;
}

.searchWhisperer__additionalResults ul li a {
    position: relative;
    text-decoration: underline;
}

.searchWhisperer__additionalResults ul li:hover a {
    text-decoration: none !important;
}

.searchWhisperer__additionalResults ul li::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/leaf_with_opacity.svg") no-repeat center;
    background-size: contain;
}

.searchWhisperer__additionalResults ul li:hover::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/leaf_without_opacity.svg") no-repeat center;
    background-size: contain;
}

.searchWhisperer__additionalResults__link {
    padding: 0;
}

.searchWhisperer__additionalResults ul li:hover a::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: auto;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
}

.searchWhisperer__additionalResults__listItem:hover, .searchWhisperer__additionalResults__listItem:focus {
    text-decoration: none;
}

.searchWhisperer__additionalResults__link {
    color: var(--color-b400);
}

.searchWhisperer__products {
    padding: 40px;
}

.searchWhisperer__products__heading {
    margin-bottom: 16px;
    font-size: var(--size-h6);
    font-weight: 700;
    line-height: 1.2;
}

.searchWhisperer__products__listItem {
    width: 25%;
    flex-basis: 25%;
}

.searchWhisperer__product {
    padding: 32px 20px;
    border-radius: 8px;
    border: 1px solid transparent;
}

.searchWhisperer__product:hover {
    border-color: var(--color-b100);
}

.searchWhisperer__product:hover .searchWhisperer__product__name {
    color: var(--color-b400);
}

.searchWhisperer__product__name {
    font-size: 14px;
    line-height: 1.1;
    margin-top: 16px;
    color: var(--color-g400);
}

.searchWhisperer__product__availability {
    margin: 8px 0;
    font-size: 14px;
    font-weight: 600;
}

.searchWhisperer__product__availability .availability-label.skladem {
    position: relative;
    color: var(--color-b300);
    padding-left: 14px;
}

.searchWhisperer__product__availability .availability-label.skladem::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-b300);
    transform: translateY(-50%);
}

.searchWhisperer__product__price {
    font-size: 16px;
    font-weight: 600;
}

.searchWhisperer__buttonWrapper .btn.searchWhisperer__button {
    padding: 12px 46px;
}

.searchWhisperer__products__listItem:nth-child(n+9) {
    display: none;
}

#header .search-input:focus, .search-focused #header .search-input, .search-window-visible #header .search-input {
    color: var(--color-g400);
}

.searchWhisperer .close {
    top: 0;
    right: 0;
    width: 40px !important;
    height: 40px;
    text-align: center;
    position: absolute;
    padding: 0 !important;
    cursor: pointer;
}

.searchWhisperer .close::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("/user/documents/upload/Images/close.svg") no-repeat center;
    background-size: contain;
}

.searchWhisperer .close:hover::before {
    opacity: .7;
}

/*CAROUSEL*/

.in-index #content {
    padding-top: 0;
}

.carousel-inner {
    overflow: visible;
}

.main-banner {
    position: relative;
    min-height: 719px;
    background: url("/user/documents/upload/Images/mascara.png") no-repeat right center;
    background-size: auto 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.main-banner::before {
    content: "";
    position: absolute;
    right: -70px;
    top: 25%;
    width: 166px;
    height: 161px;
    background: url("/user/documents/upload/Images/leaf_3.png") no-repeat center;
    background-size: contain;
}
@media screen and (min-width: 1440px){
.main-banner::after {
    content: "";
    position: absolute;
    right: 200px;
    bottom: 0;
    width: 137px;
    height: 129px;
    background: url("/user/documents/upload/Images/leaf_4.png") no-repeat center;
    background-size: contain;
}
}
.main-banner > .top {
    max-width: 578px;
}

.main-banner > .top h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 40px;
    max-width: 440px;
}

.main-banner > .top p {
    font-size: 28px;
    margin-bottom: 32px !important;
}

.main-banner > .top p strong {
    font-weight: 500;
    color: var(--color-b400);
    line-height: 1.6;
    margin: 0 0 32px;
}

.main-banner > .bottom {
    margin-top: 85px;
    display: flex;
    align-items: flex-end;
}

.main-banner > .bottom > div:first-child {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 56px;
    background: url("/user/documents/upload/Images/search_google.svg") no-repeat left center;
    background-size: 32px;
    margin-right: 215px;
}

.main-banner > .bottom > div:first-child .left {
    color: var(--color-b400);
    letter-spacing: 1px;
    font-weight: 700;
    font-size: var(--size-h1);
    margin-right: 14px;
    line-height: 1.1;
}

.main-banner > .bottom > div:first-child .right {
    display: flex;
    flex-direction: column;
}

.main-banner > .bottom > div:first-child .right strong {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 7px;
}

.main-banner > .bottom > div:first-child .right > span {
    display: block;
    padding-left: 88px;
    font-size: var(--size-small);
    line-height: 1.7;
    text-decoration: underline;
    background: url("/user/documents/upload/Images/5-stars.svg") no-repeat left center;
    background-size: 80px 16px;height: 23px;font-size: 0;
}

.main-banner > .bottom > div:first-child .right a:hover {
    text-decoration: none;
}

.main-zmena {
    background: var(--color-b50);
    padding: 12px 0 14px;
    border-radius: 8px;
    max-width: 404px;
    position: absolute;
    left: 654px;
}

.main-zmena .bottom {
    display: flex;
}

.main-zmena .bottom div span {
    display: block;
    margin: 12px;
    font-size: var(--size-h6);
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--color-g400);
}

.main-zmena .top {
    display: flex;
    align-items: center;
    padding: 0 0 4px 12px;
}

.main-zmena .top img {
    max-width: 48px;
    margin-right: 16px;
}

.main-zmena .top span {
    font-size: var(--size-small);
    line-height: 1.4;
}

.main-zmena .top span strong {
    display: block;
    font-size: var(--size-h6);
    font-weight: 600;
}

.main-zmena .top span a {
    text-decoration: underline;
}

.main-zmena .top span a:hover {
    text-decoration: none;
}

    /*INFO PROUŽEK*/

.admin-bar {
    display: none;
}

.site-msg.information {
    position: relative;
    width: 100%;
    max-width: 100%;
    top: auto;
    bottom: auto;
    left: auto;
    text-align: center;
    background: var(--color-b400);
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 300;
}
@media screen and (min-width: 768px){
    .site-msg.information{position: fixed; z-index: 9999;top: 0;}
    .msg-info-active .overall-wrapper{padding-top: 41px;}
}

.site-msg .close::before {
    color: var(--color-g75);
}

.site-msg.information .container {
    width: 1418px;
    max-width: 100%;
}

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

.bordered-btn {
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.1;
    padding: 5px 11px;
    border-radius: 100px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
}

.bordered-btn:hover {
    text-decoration: underline;
    color: #fff;
}

.site-msg.information .bordered-btn {
    margin-left: 16px;
    display: inline-block;
}


/*LOGIN*/

.popup-widget.login-widget {
    position: fixed;
    left: 0;
    top: 0 !important;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    z-index: 9999;
    margin: 0;
    max-height: none;
}

.popup-widget.login-widget::before {
    content: none;
}

.login-widget .popup-widget-inner {
    width: 720px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-wrap: wrap;
    height: auto;
    padding: 0;
    box-shadow: none;
    border: 0;
    max-height: calc(100vh - 40px);
    overflow: auto;
    border-radius: 12px;
}

.login-widget .popup-widget-inner > div {
    padding: 38px;
    width: 50%;
}

.login-widget .popup-widget-inner > div.registrace-box {
    padding-bottom: 190px;
    background: var(--color-b50);
    background-image: url("/user/documents/upload/Images/login-background.png");
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.popup-widget.login-widget .close {
    top: 0;
    right: 0;
    width: 40px !important;
    height: 40px;
    text-align: center;
    position: absolute;
    padding: 0 !important;
    cursor: pointer;
}

.popup-widget.login-widget .close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: url("/user/documents/upload/Images/close.svg") no-repeat center;
    background-size: contain;
}

.popup-widget h2 {
    font-size: 18px;
}

#customerLogin .input-wrapper.email::before, #customerLogin .input-wrapper.password::before {
    color: var(--color-g300);
    margin-bottom: 8px;
    font-weight: 700;
    font-size: var(--size-smaller);
    display: block;
}

#customerLogin #formLoginIncluded {
    margin-top: 40px;
}

#customerLogin #formLoginIncluded .form-control {
    height: 58px;
    border-radius: 100px;
    border-color: var(--color-g75);
    padding: 10px;
    text-indent: 38px;
    background-size: 16px;
    background-position: 20px center;
    background-repeat: no-repeat;
}

#customerLogin #formLoginIncluded .form-control[type="email"] {
    background-image: url("/user/documents/upload/Images/envelope.svg");
}

#customerLogin #formLoginIncluded .form-control[type="password"] {
    background-image: url("/user/documents/upload/Images/lock.svg");
}

#customerLogin #formLoginIncluded .input-wrapper.password > a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: var(--size-small);
    letter-spacing: 1px;
    text-decoration: underline;
}

#customerLogin #formLoginIncluded .input-wrapper.password > a:hover {
    text-decoration: none;
}

#customerLogin #formLoginIncluded .login-wrapper {
    padding-top: 0;
}

#customerLogin #formLoginIncluded .social-login-buttons a.login-btn.facebook, #customerLogin #formLoginIncluded .social-login-buttons a.login-btn.google {
    font-size: 11px;
    letter-spacing: 2px;
}

#customerLogin #formLoginIncluded .social-login-buttons a.login-btn.facebook strong::before, #customerLogin #formLoginIncluded .social-login-buttons a.login-btn.google strong::before {
    vertical-align: middle;
}

#customerLogin #formLoginIncluded .social-login-buttons {
    display: flex;
    flex-direction: column-reverse;
}

#customerLogin #formLoginIncluded .social-login-buttons .form-group {
    margin: 22px 0 0 0;
}

#customerLogin #formLoginIncluded .social-login-buttons .form-group:last-child {
    margin: 0;
}

.registrace-box > h5 {
    margin: 0 0 16px;
}

.registrace-box > span {
    font-size: var(--size-small);
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 24px;
    display: block;
}

.registrace-box > p {
    position: relative;
    padding: 8px 0 8px 24px;
    margin: 0;
    font-size: var(--size-small);
    line-height: 1.2;
}

.registrace-box > p::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/leaf_with_opacity.svg") no-repeat center;
    background-size: contain;
}

.registrace-box a.btn.btn-primary {
    display: block;
    margin-top: 24px;
}

.btn.btn-conversion, .btn.btn-primary, a.btn.btn-conversion, a.btn.btn-primary {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.7;
    padding: 16px 48px;
    border-radius: 100px;
}

.btn.btn-secondary, .btn.btn-default, a.btn.btn-secondary, a.btn.btn-default {
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
}

.btn, a.btn, .btn.btn-conversion, a.btn.btn-conversion {
    font-weight: 700;
    text-transform: uppercase;
}

.btn, a.btn {
    border: none;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 100px;
    padding: 16px 48px;
    line-height: 1.7;
}

.login-wrapper .btn-secondary {
    display: block;
    text-align: center;
    width: 100%;
}

.social-login-buttons-divider > span::after {
    content: " vyzkoušejte";
}

.login-wrapper {
    padding-bottom: 0;
}

/*CAROUSEL*/

/*BENEFITY*/

.benefitBanner {
    position: relative;
    padding: 54px 0 44px;
    margin: 48px 0px 92px;
    border-bottom: 1px solid var(--color-g50);
}

.benefitBanner::before {
    content: "100% přírodní kosmetika s láskou vyrobená v ČR";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: var(--size-h3);
    line-height: 1.4;
    width: 100%;
    letter-spacing: 1px;
    text-align: center;
    color: var(--color-g400);
}

.benefitBanner__picture {
    flex: 0 0 40px;
    max-width: 40px;
    margin-right: 20px;
}

.benefitBanner__title {
    font-size: var(--size-h6);
    line-height: 1.1;
    margin-bottom: 4px;
    display: block;
}

.benefitBanner__content {
    color: #242527;
    font-size: var(--size-small);
    padding-right: 0;
    line-height: 1.4;
    font-weight: 600;
}

.benefitBanner__item {
    align-items: flex-start;
    flex: 1 1 calc(20% - 20px);
    margin: 20px 10px;
}

/*HP PRODUKTY*/

.product-slider-holder .product-slider-navigation {
    opacity: 1;
    z-index: 1;
}

.homepage-group-title {
    font-size: var(--size-h2);
    margin: 0 0 40px;
}

.in-index .advanced-order .products-block>div{
    margin-left: initial!important;
    margin-right: initial!important;
}
.in-index #products-2.product-slider-holder.has-navigation .product-slider-navigation.navigation-next, .in-index #products-2.product-slider-holder.has-navigation .product-slider-navigation.navigation-prev {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    box-shadow: 0px 0px 40px 0px #0000001A;
    background-color: #fff;
    background-image: url("/user/documents/upload/Images/chevron-right.svg");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    top: calc(50% - 80px);
}

.in-index #products-2.product-slider-holder.has-navigation #products-2.product-slider-navigation.navigation-prev {
    transform: translateY(-50%) rotate(180deg);
}

.in-index #products-2.product-slider-holder.has-navigation .product-slider-navigation.navigation-next::before, .in-index #products-2.product-slider-holder.has-navigation .product-slider-navigation.navigation-prev::before {
    content: none;
}


.product-slider-holder.has-navigation {
    padding: 0;
}

.products-block>div {
    padding: 20px;
    border-radius: 12px;
}

.p-in-in {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 13px;
}

.price-save {
    display: none;
}

.products-block > div .p .p-in {
    padding-top: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-justify-content: space-between;justify-content: space-between;
}

.products-block > div .p .stars-wrapper {
    justify-content: flex-start;
    margin: 0 0 12px;
}

.stars .star.star-on::before, .stars .star.star-half::before {
    color: #E18F18;
}

.stars a, .stars span {
    width: 18px;
}

.stars a::before, .stars span::before {
    font-size: 12px;
    line-height: 12px;
}

.product-appendix, .category-appendix {
    color: var(--color-g300);
    font-size: var(--size-small);
    line-height: 1.7;
    display: block;
    margin-top: 8px;
}
.category-appendix{font-weight: 400;display: inline-block;width: 100%;}

.columns-mobile-2 .product-slider-holder .products-block .p .name {
    padding: 0;
    text-align: left;
    display: block;
    height: auto;
}

.products-block > div .p .name {
    font-size: var(--size-h6);
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--color-g400);
    padding: 0;
    text-align: left;
    height: 75px;
    display: block !important;
}

.products-block .p .name:hover, .products-block > div:hover .p a {
    color: var(--color-b400);
}

.products-block > div .p .p-bottom {
    padding: 0 !important;
    margin: 12px 0 0;
}

.products-block > div .p .p-bottom > div::before, .products-block > div .p .p-bottom > div::after {
    content: none;
}

.products-block > div .p .p-bottom > div {
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
    align-items: baseline;
}

.products-block > div .p .p-bottom .prices {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.products-block > div .p .p-bottom > div .prices .price-final {
    flex-basis: unset;
}

.products-block > div .p .availability {
    font-weight: 600;
    font-size: var(--size-small);
    line-height: 1.7;
}

.products-block > div .p .p-bottom > div .prices {
    align-items: baseline;
}

.products-block > div .p .p-bottom > div .prices .price-final {
    font-size: var(--size-h6);
    letter-spacing: 1px;
    font-weight: 600;
    margin-left: 8px;
}

.product .prices .price-standard {
    font-size: var(--size-small) !important;
    margin: 0 0 0 8px !important;
    color: #D71111;
  }

.product .prices .price-standard strong{
    font-weight: 300;
    color: #D71111;
}

.products-block>div:hover {
    box-shadow: 0px 0px 10px 0px #0000001A;
    border: 1px solid var(--color-b75);
}

.all-products {
    margin-top: 48px;
    text-align: center;
}

/*PROC VYBRAT*/

.proc-vybrat {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 120px auto;
}

.proc-vybrat .left {
    width: 50%;
    padding-right: 10px;
}

.proc-vybrat .right {
    width: 50%;
    padding-left: 10px;
    overflow: hidden;
}

.proc-vybrat .right h2 {
    margin: 0 0 44px;
    text-align: center;
}

.proc-vybrat .right ul {
    padding: 0;
    margin: 0 -10px;
    list-style: none;
    display: flex;
    align-items: flex-start;
    -webkit-justify-content: space-between;justify-content: space-between;
    flex-wrap: wrap;
}

.proc-vybrat .right ul li {
    width: calc(50% - 20px);
    margin: 24px 10px;
    padding: 0 20px 0 68px;
    background-position: 20px 0;
    background-repeat: no-repeat;
    background-size: 32px;
}

.proc-vybrat .right ul li strong {
    display: block;
    margin: 0 0 16px;
    font-size: var(--size-h6);
    line-height: 1.1;
    letter-spacing: 1px;
}

.proc-vybrat .right .btn-more {
    text-align: center;
    margin-top: 26px;
}

.proc-vybrat .right ul > li:nth-child(1) {
    background-image: url("/user/documents/upload/Images/ico-leaf.svg");
}

.proc-vybrat .right ul > li:nth-child(2) {
    background-image: url("/user/documents/upload/Images/ico-award.svg");
}

.proc-vybrat .right ul > li:nth-child(3) {
    background-image: url("/user/documents/upload/Images/ico-eyebrow.svg");
}

.proc-vybrat .right ul > li:nth-child(4) {
    background-image: url("/user/documents/upload/Images/ico-lotus.svg");
}

/*FOOTER BANNERS*/

.footer-banners {
    margin: 72px 0 0 !important;
}

.zakaznice {
    margin: 0 10px;
    border: 1px solid var(--color-b75);
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
}

.zakaznice .top {
    display: flex;
}

.zakaznice .top > div {
    position: relative;
}

.zakaznice .top > div:first-child {
    margin-right: 1px;
}

.zakaznice .top > div:first-child::before {
    content: "1. týden";
}

.zakaznice .top > div:last-child::before {
    content: "12. týden";
}

.zakaznice .top > div::before {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 8px;
    background: #fff;
    border-radius: 100px;
    font-size: 13px;
    line-height: 1.1;
    letter-spacing: 1px;
    font-weight: 600;
}

.zakaznice .top > div:last-child {
    margin-left: 1px;
}

.zakaznice .bottom {
    padding: 32px;
    font-size: var(--size-small);
}

.zakaznice .bottom::before {
    content: url("/user/documents/upload/Images/5-stars.svg");
    margin-bottom: 16px;
  display: block;
  line-height: 16px;
  height: 16px;
}

.zakaznice .bottom h4 {
    font-size: var(--size-h5);
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 4px;
}

.zakaznice .bottom > p:first-of-type {
    margin: 0 0 16px;
}

.banner, .banner-wrapper, .banner-category, .carousel-inner {
    color: var(--color-g300);
}

.banner a, .banner-wrapper a, .banner-category a, .carousel-inner a {
    color: var(--color-b400);
}

.zakaznice .bottom > p a {
    text-decoration: underline;
}

.zakaznice .bottom > p a:hover {
    text-decoration: none;
}

.zakaznice .bottom > p:not(:first-of-type) {
    font-style: italic;
}

.zakaznice .autor {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 32px;
    line-height: 1;
}

.zakaznice .autor img {
    max-width: 48px;
    margin-right: 16px;
}

.zakaznice .autor span strong {
    display: block;
    margin-bottom: 9px;
    line-height: 1.1;
    letter-spacing: 0;
}

.zakaznice .autor span {
    font-size: 13px;
    letter-spacing: 1px;color: #898A8B;
}

.zakaznice .autor::after {
    content: url("/user/documents/upload/Images/verified.svg");
    margin-left: auto;
}

.footer-banners-wrapper h2 {
    position: relative;
    margin: 0 0 16px;
    text-align: center;
}

.footer-banners-wrapper > p {
    text-align: center;
    font-size: var(--size-h5);
    margin: 0;
    position: relative;
    line-height: 1.1;
    letter-spacing: 1px;
}

.footer-banners-wrapper {
    padding-top: 100px;
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.footer-banners-wrapper::before {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 530px;
    background: url("/user/documents/upload/Images/customers-background1.png") no-repeat top center;
    background-size: cover;
}

.footer-banners .slick-prev, .footer-banners .slick-next {
    width: 80px;
    height: 80px;
    box-shadow: 0px 0px 20px 0px #315E4533;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
    top: 292px;
}

.footer-banners .slick-arrow.slick-disabled {
    display: none !important;
}

.slick-arrow:hover {
    background: var(--color-b400) !important;
}

.slick-arrow:hover::before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.footer-banners .slick-next {
    right: -30px;
}

.footer-banners .slick-prev {
    left: -30px;
}

.footer-banners .slick-arrow {
    transition: all ease 300ms;
}

.footer-banners .slick-next::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
}

.footer-banners .slick-prev::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
}

.footer-banners .slick-dots {
    position: relative;
    bottom: 0;
    margin: 20px 0;
}

.footer-banners .slick-dots li button {
    width: 20px;
    padding: 0;
}

.footer-banners .slick-dots li button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 1px;
    background: var(--color-g75);
    opacity: 1;
}

.footer-banners .slick-dots li.slick-active button::before {
    background: var(--color-g400);
}

.footer-banner, .footer-banner > span {
    height: inherit;
}

.footer-banners .slick-track {
    display: flex;
}

/*Jak snadno aplikovat séra deNatura pro nejrychlejší výsledky?*/

.banners-content.body-banners::before {
    content: "Jak snadno aplikovat séra deNatura pro nejrychlejší výsledky?";
    font-size: var(--size-h2);
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    margin-bottom: 44px;
    color: var(--color-g400);
    font-weight: 500;
    line-height: 1.1;
}

.banners-content.body-banners {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 80px;
    position: relative;
    z-index: 1;
}

.banners-content.body-banners > div {
    width: 50%;
}

.banners-content.body-banners > div:first-child {
    padding: 0 10px 0 0;
}

.banners-content.body-banners > div:nth-child(2) {
    padding: 0 0 0 10px;
}

.jak {
    position: relative;
    z-index: 1;border-radius: 12px;
}
.jak img{border-radius: 12px;}

.jak .text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 48px;
    max-width: 380px;
}

.jak .text > span {
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--size-h6);
    color: #fff;
}

.jak .text h2 {
    margin: 16px 0 48px;
    color: #fff;
}
.jak .text h2 a{color: #fff;text-decoration: underline;}
.jak .text h2 a:hover{text-decoration: none;}

.video {
    background: #fff;
    border-radius: 100px;
    color: var(--color-b400);
    padding: 16px 50px 16px 82px;
    position: relative;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
.video:hover{background-color: #315E45;color: #fff;}

.video::before {
    content: "";
    position: absolute;
    height: 62px;
    width: 62px;
    background: url("/user/documents/upload/Images/play.svg") no-repeat center;
    background-size: contain;
    left: 4px;
    top: 4px;
}

.video span {
    display: block;
    color: var(--color-b200);
    font-size: 10px;
}
.video:hover span{color: #fff;}

.jak .product {
    position: absolute;
    bottom: -28px;
    right: 32px;
    box-shadow: 0px 0px 30px 0px #00000026;
    max-width: 180px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.jak .product .p-in {
    text-align: center;
    padding: 20px 12px;
}

.jak .product .name {
    color: var(--color-g400);
    font-size: var(--size-small);
    font-weight: 600;
    letter-spacing: 1px;
}

.jak .product .name .category-appendix {
    letter-spacing: .5px;
    font-weight: 400;
    color: var(--color-g300);display: inline-block;
    width: 100%;
}

.jak .product .p-in-in {
    position: relative;
    padding-top: 24px;
    padding-bottom: 8px;
}

.jak .product .p-in-in::before {
    content: url("/user/documents/upload/Images/5-stars.svg");
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.skladem {
    position: relative;
    color: var(--color-b300);
}

.skladem::before {
    content: "";
    position: relative;
    display: inline-block;
    background: var(--color-b300);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 3px;
}

.availability {
    font-weight: 600;
    font-size: var(--size-small);
}

.jak .product .prices {
    line-height: 1.1;
    margin-top: 4px;
}

.jak .product .prices strong {
    font-weight: 600;
    font-size: var(--size-h6);
}
.jak .product .prices .price-standard {margin: 0 0 4px 0 !important;display: block;}
.jak .product .prices .price-standard strong{font-size: var(--size-small); font-weight: 300;}
.all-art.navody-link {
    margin-top: 77px;
}

/*BLOG*/

.homepage-blog-wrapper {
    position: relative;
    margin: 130px -10px 0 !important;
}

.homepage-blog-wrapper::after {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 20.53vw;
    background: url("/user/documents/upload/Images/group_of_leaves.svg") no-repeat right center;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% - 6.5625vw);
}

.homepage-blog-wrapper > div.news-item {
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.homepage-blog-wrapper > div:nth-child(2) {
    width: 50%;
}

.homepage-blog-wrapper > div:nth-child(2) .text {
    max-width: 460px;
    padding: 24px;
    border-radius: 0 12px 0 0;
    margin-top: -110px;
    background: #fff;
    position: relative;
}

.homepage-blog-wrapper > div:nth-child(2) .image {
    border-radius: 12px;
    overflow: hidden;
}

.homepage-blog-wrapper > div:nth-child(3) {
    width: 25%;
}

.homepage-blog-wrapper > div:nth-child(4) {
    width: 25%;
}

.homepage-blog-wrapper .news-item {
    flex-basis: unset;
}

.homepage-blog-wrapper .news-item .title {
    font-size: var(--size-h5);
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1.4;
    text-decoration: underline;
    margin: 8px 0 20px;
}

.homepage-blog-wrapper .news-item .title:hover {
    text-decoration: none;
}

.news-item .text .description {
    font-size: var(--size-small);
    line-height: 1.7;
    font-weight: 300;
    color: var(--color-g400);
    margin: 0 0 24px;
}

.homepage-blog-wrapper .news-item .read-article {
    font-size: var(--size-small);
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: underline;
}

.homepage-blog-wrapper .news-item .read-article:hover {
    text-decoration: none;
}

.homepage-blog-wrapper > div:nth-child(3) .text, .homepage-blog-wrapper > div:nth-child(4) .text {
    padding: 16px 0 0 0;
}

.homepage-blog-wrapper > div:nth-child(3) .title, .homepage-blog-wrapper > div:nth-child(4) .title {
    font-size: var(--size-h6);
    letter-spacing: 1px;
    margin: 8px 0 16px;
}

.homepage-blog-wrapper > div:nth-child(3) .image, .homepage-blog-wrapper > div:nth-child(4) .image {
    border-radius: 12px;
    overflow: hidden;
}

.all-art {
    text-align: center;
    display: block;
    width: 100%;
}

/*WELCOME*/

.welcome-wrapper {
    width: 100%;
    padding-bottom: 0;
}

.welcome > div {
    position: relative;
    max-width: 820px;
    padding: 105px 100px 105px 220px;
    margin-left: auto;
    background: var(--color-b50);
    border-radius: 20px;
    overflow: hidden;
}

.welcome > div::before {
    content: "";
    position: absolute;
    top: -42px;
    left: 60px;
    width: 259px;
    height: 268px;
    background: url("/user/documents/upload/Images/leaf_1.svg") no-repeat center;
    background-size: contain;
}

.welcome > div::after {
    content: "";
    position: absolute;
    top: 70px;
    right: 0px;
    width: 140px;
    height: 140px;
    background: url("/user/documents/upload/Images/leaf_2.svg") no-repeat center;
    background-size: contain;
}

.welcome > div h2 {
    margin: 0 0 32px;
    position: relative;
    z-index: 1;
}

.welcome {
    position: relative;
}

.welcome::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: url("/user/documents/upload/o_nas_denatura_n.png") no-repeat center;
    background-size: contain;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#content .welcome > div p {
    margin: 0 0 25px;
    font-size: var(--size-h6);
}

.zakladatele strong {
    display: block;
    margin-bottom: 4px;
    font-size: var(--size-h6);
    color: #000;
    font-weight: 600;
}

.zakladatele {
    position: relative;
    font-size: 13px;
    font-weight: 300;
    min-height: 74px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 40px;
}

.zakladatele::before {
    content: "";
    position: relative;
    height: 80px;
    width: 100%;
    background: url("/user/documents/upload/Images/autors.png") no-repeat left center;
    background-size: auto 80px;
    margin-bottom: 20px;
}

/*.zakladatele::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 125px;
    background: url("/user/documents/upload/Images/signature.png") no-repeat center;
    background-size: contain;
    right: 0;
    top: calc(100% - 20px);
    mix-blend-mode: multiply;
}*/

/*IG*/

.instagram-wrapper {
    margin-top: 120px;
}
.spoluprace-banner + .instagram-wrapper{margin-top: 64px;}
.instagram-wrapper h4 {
    font-size: var(--size-h3);
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 6px;
    text-align: center;
}

.instagram-wrapper > p {
    font-weight: 300;
    text-align: center;
}

.instagram-wrapper > p a {
    font-weight: 400;
    text-decoration: underline;
}

.instagram-wrapper > p a:hover {
    text-decoration: none;
}

.instagram-widget {
    max-width: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 48px;
    -webkit-justify-content: space-between;justify-content: space-between;
    margin-bottom: 2px;
}

.instagram-widget>a {
    width: calc(16.666667% - 2px) !important;
    position: relative;
    height: 0;
    padding-bottom: 16.666667% !important;
}

.hodnoceni-wrapper {
    background: var(--color-b50);
}

.hodnoceni-wrapper .banner {
    margin-bottom: 0;
}

.hodnoceni {
    position: relative;
    padding: 82px 0 46px;
}

.vote-wrap {
    position: relative;
}

.hodnoceni .top {
    position: relative;
    display: flex;
    align-items: center;
}

.hodnoceni .top .number {
    font-size: 48px;
    letter-spacing: 2px;
    line-height: 1.1;
    color: var(--color-b400);
    font-weight: 500;
    margin-right: 24px;
}

.hodnoceni .top .text {
    display: flex;
    flex-direction: column;
}

.hodnoceni .top .text strong {
    font-weight: 600;
    font-size: var(--size-h4);
    line-height: 1.1;
    margin-bottom: 4px;
}

.hodnoceni .top .text a {
    text-decoration: underline;
}

.hodnoceni .top .text a:hover {
    text-decoration: none;
}

.hodnoceni .top .link a {
    text-decoration: underline;
}

.hodnoceni .top .link a:hover {
    text-decoration: none;
}

.hodnoceni .top .link {
    margin-left: auto;
}

.hodnoceni .bottom {
    margin-top: 30px;
}

.hodnoceni .bottom .votes-wrap {
    display: flex;
    margin: 0 -10px;
}

.hodnoceni .bottom .vote-wrap {
    margin: 10px;
    width: calc(25% - 20px);
    padding-top: 30px;
    font-size: 15px;

}

.hodnoceni .bottom .vote-wrap .vote-content {
    position: relative;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    margin-top: 0;
}

.hodnoceni .bottom .vote-wrap .vote-content::before {
    content: '„';
}

.hodnoceni .bottom .vote-wrap .vote-content::after {
    content: '”';
}

.hodnoceni .bottom .vote-wrap {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}

.hodnoceni .bottom .vote-wrap .vote-header {
    margin: 20px 0 0;
    background-image: url("/user/documents/upload/Images/verified_white.svg");
    background-size: 153px 32px;
    background-repeat: no-repeat;
    background-position: top right;
}

.hodnoceni .bottom .vote-wrap .vote-header .vote-name {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.7;
}

.hodnoceni .bottom .vote-wrap .vote-header .stars {
    position: absolute;
    top: 0;
}

.hodnoceni .bottom .vote-wrap .vote-time {
    color: var(--color-g400);
    font-size: var(--size-small);
    font-weight: 400;
    line-height: 1.7;
}

/*NEWSLETTER*/

.newsletter-wrapper {
    position: relative;
    text-align: center;
    padding-top: 64px;
    padding-bottom: 64px;
}

.newsletter-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 333px;
    height: 233px;
    background: url("/user/documents/upload/Images/leaves_3.svg") no-repeat center;
    background-size: contain;
}

.newsletter-wrapper::after {
    content: "";
    position: absolute;
    right: 20px;
    top: -20px;
    width: 192px;
    height: 135px;
    background: url("/user/documents/upload/Images/leaves_4.svg") no-repeat center;
    background-size: contain;
}

.newsletter-wrapper h4.topic {
    font-size: var(--size-h3);
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: 500;
    margin: 0 0 16px;
}

.newsletter-header > p {
    font-size: var(--size-h6);
    line-height: 1.4;
    letter-spacing: 1px;
    margin: 0 0 40px;
    color: var(--color-g400);
}

.newsletter-wrapper #formNewsletterWidget {
    max-width: 580px;
    margin: 0 auto;
}

.newsletter-wrapper #formNewsletterWidget ::placeholder {
    color: var(--color-g100);
    letter-spacing: 2px;
    font-size: var(--size-small);
    font-weight: 400;
}

.newsletter-wrapper #formNewsletterWidget .form-control {
    border-radius: 100px;
    border: 1px solid var(--color-b75);
    text-indent: 48px;
    background-image: url("/user/documents/upload/Images/envelope.svg");
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 0;
    color: var(--color-g400);
    letter-spacing: 2px;
    font-size: var(--size-small);
    font-weight: 400;
    height: 54px;
}

.newsletter-wrapper #formNewsletterWidget .btn {
    height: 54px;
    border-radius: 100px;
    background: var(--color-secondary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 16px 32px;
}

.newsletter-wrapper #formNewsletterWidget .btn:hover {
    background: var(--color-secondary-hover);
}

.newsletter-wrapper #formNewsletterWidget .btn span {
    position: relative;
    margin: 0;
    clip: none;
}

.newsletter-wrapper #formNewsletterWidget .btn::before {
    content: none;
}

.newsletter-wrapper #formNewsletterWidget .consents.consents-first {
    margin-top: 0;
    text-align: center;
    font-size: 13px;
    color: var(--color-g400);
}

.newsletter-wrapper #formNewsletterWidget .consents.consents-first a {
    font-weight: 400;
}

.newsletter-wrapper #formNewsletterWidget .consents.consents-first a:hover {
    text-decoration: none;
}

/*FOOTER*/

#footer {
    background: transparent;
    padding-top: 0;
}

#footer .footer-rows {
    border-top: 1px solid var(--color-g50);
    border-bottom: 1px solid var(--color-g50);
}

#footer h4 {
    font-size: var(--size-h6);
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 48px;
}

.custom-footer>div {
    width: auto;
}

.custom-footer {
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
}

.custom-footer::before, .custom-footer::after {
    content: none !important;
}

#footer .custom-footer__contact .contact-box {
    padding-left: 94px;
    background: url("/user/documents/upload/Images/header-contact-lady.png") no-repeat left center;
    background-size: 74px;
    min-height: 74px;
    display: flex;
    align-items: center;
}

#footer .contact-box ul li>span.mail::before, #footer .contact-box ul li>span.tel::before {
    content: none;
}

#footer .contact-box ul {
    display: flex;
    flex-direction: column-reverse;
}

#footer .contact-box ul a {
    font-size: var(--size-h6);
    font-weight: 600;
    color: #315E45;
}

#footer .contact-box ul li span.tel {
    line-height: 1.4;
    margin-bottom: 12px;
}

#footer .contact-box ul li span.tel::after {
    content: "(Po-Pá 8:00 - 16:00 hod.)";
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: 400;
    display: block;
}

#footer .contact-box ul li span.mail a {
    line-height: 1.1;
    text-decoration: underline;
}

#footer .contact-box ul li span.mail a:hover {
    text-decoration: none;
}

#footer .socky {
    margin-top: 40px;
}

#footer .socky h6 {
    margin: 0 0 16px;
    font-weight: 600;
}

.socky a.social-icon:not(.messenger) {
    background: transparent;
    width: 44px;
    height: 44px;
    border: 1px solid var(--color-b75);
    border-radius: 50%;
    box-shadow: 0px 1px 2px 0px #46866226;
    margin-right: 8px;
    position: relative;
}

.socky a.social-icon.messenger {
    position: relative;
    color: #0084FF !important;
    letter-spacing: 4px !important;
    font-size: 13px !important;
    text-transform: uppercase;
    width: unset;
    background: transparent;
    height: unset;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 100px;
    border: 1px solid var(--color-b75);
    box-shadow: 0px 1px 2px 0px #46866226;
    margin-right: 24px;
    line-height: 1.7 !important;
}

.socky .social-icon.messenger::before {
    content: url("/user/documents/upload/Images/messenger.svg");
    margin-right: 12px;
    display: inline-block;
    line-height: 1;
    font-size: unset;
}

.socky ul {
    display: flex;
}

.socky a.social-icon:not(.messenger)::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.socky .social-icon-list {
    padding-bottom: 0 !important;
}

.socky a.social-icon.facebook::before {
    background-image: url("/user/documents/upload/Images/facebook.svg");
}

.socky a.social-icon.instagram::before {
    background-image: url("/user/documents/upload/Images/instagram.svg");
}

.socky a.social-icon.youtube::before {
    background-image: url("/user/documents/upload/Images/youtube.svg");
}
.socky a.social-icon.tiktok::before {
    background-image: url("/user/documents/upload/Images/tiktok.svg");
}

#footer a {
    color: var(--color-g300);
}

#footer ul > li:not(:last-child) {
    padding: 0 0 24px;
    line-height: 1.1;
}

#footer ul > li:last-child {
    padding: 0;
}

#footer .contact-box ul li  {
    padding: 0;
}

#footer ul a {
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 1.1;
}

#footer .banner {
    margin-bottom: 0;
}

.footer-rows .custom-footer {
    padding: 80px 0 58px;
}

.paticka-spodek::before, .paticka-spodek::after {
    content: none;
}

.paticka-spodek {
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
    margin-top: 48px;
    padding: 0;
    align-items: flex-end;
}

.paticka-spodek h6 {
    margin: 0 0 26px;
    font-weight: 600;
    display: block;
    width: 100%;
}

.paticka-spodek > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.paticka-spodek > div:first-child img {
    max-height: 20px;
    margin-right: 32px;
}


.paticka-spodek > div:nth-child(2) img:last-child, .paticka-spodek > div:nth-child(1) img:last-child {
    margin-right: 0;
}

.paticka-spodek > div:nth-child(2) img {
    max-height: 24px;
    margin-right: 24px;
}

.paticka-spodek > div:nth-child(3) {
    flex-shrink: 0;
}

.paticka-spodek > div:nth-child(3) img {
    max-height: 56px;
}

.paticka-spodek > div:nth-child(3) img:first-child {
    margin-right: 15px;
}
@media screen and (min-width: 1200px) and (max-width: 1439px){
    .paticka-spodek > div:first-child img, .paticka-spodek > div:nth-child(2) img {margin-right: 12px;}
}
.footer-bottom .container {
    padding: 56px 0 48px;
    display: flex;
    flex-direction: row;
}

#signature {
    margin: 0 5px 0 0;
}

#signature a.image {
    display: none;
}

#signature a {
    text-decoration: underline;
}

#signature a:hover {
    text-decoration: none;
}

#signature a, .copyright {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.1;
    color: var(--color-g200);
    display: block;
}

.copyright strong {
    font-weight: 400;
    color: var(--color-g200);
}

.footer-bottom {
    padding: 0;
}


/*DETAIL KATEGORIE*/

.type-category #header {
    box-shadow: none;
}

.breadcrumbs {
    padding: 0;
    font-size: 13px;
    margin-top: 0px;
}

.breadcrumbs > span a {
    text-decoration: none;
}

.breadcrumbs > span a:hover {
    text-decoration: underline;
}

.navigation-home-icon::before {
    content: url("/user/documents/upload/Images/house.svg");
}

.breadcrumbs .navigation-bullet {
    display: inline-block;
    width: 12px;
    text-indent: -9999px;
    height: 12px;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    margin: 0 12px;
}

.breadcrumbs, .breadcrumbs span {
    display: flex;
    align-items: center;
    color: var(--color-g200) !important;
    letter-spacing: 1px;
    background: transparent;
}
.breadcrumbs a, .breadcrumbs a span{color: #315E45 !important;}

.category-title {
    margin: 48px 0 32px;
}

.category-perex {
    max-width: 460px;
}

.category-top {
    position: relative;
    min-height: 444px;
    display: flex;
    background: url("/user/documents/upload/Images/background-category.jpg") no-repeat center;
    background-size: cover;
    padding-top: 30px;
}

.category-top .container {
    position: relative;
    height: inherit;
}

.rady-tipy {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 390px;
}

.category-top::before {
    content: "";
    position: absolute;
    left: calc(50% + 80px);
    top: 50%;
    transform: translate(-50%, -50%);
    width: 546px;
    height: 100%;
    background: url("/user/documents/upload/Images/lady1.png") no-repeat center bottom;
    background-size: contain;
}

.rady-tipy h4 {
    margin: 0 0 24px;
}

.rady-tipy ul {
    padding: 0;
    margin: 0 0 32px;
    list-style: none;
}

.rady-tipy ul li {
    position: relative;
    padding: 8px 0 8px 24px;
    margin: 0;
    line-height: 1;
}

.rady-tipy ul li a {
    font-size: var(--size-small);
    line-height: 1.2;
    padding: 0;
    text-decoration: underline;
    letter-spacing: 1px;
}

.rady-tipy ul li a:hover {
    text-decoration: none;
}

.rady-tipy ul li::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/leaf_without_opacity.svg") no-repeat center;
    background-size: contain;
}

.rady-tipy .videa {
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
    align-items: center;
}

.rady-tipy .videa a {
    position: relative;
    padding-left: 64px;
    min-height: 48px;
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 1px;
    font-weight: 700;
    text-decoration: underline;
    background: url("/user/documents/upload/Images/play.svg") no-repeat left center;
    background-size: 48px;
}

.rady-tipy .videa a:hover {
    text-decoration: none;
}

.rady-tipy .videa > a:first-child {
    margin-right: 48px;
}

.subcategories.with-image li {
    padding: 0;
    margin: 10px;
    border: 1px solid var(--color-b75);
    border-radius: 8px;
    width: calc(25% - 20px);
    overflow: hidden;
}

.type-category .subcategories li a {
    text-decoration: underline;
}

.type-category .subcategories li a:hover {
    text-decoration: none;
}

.subcategories li a {
    color: var(--color-b400);
    font-size: var(--size-h6);
    line-height: 1.1;
    font-weight: 500;
    padding: 10px 40px 10px 10px;
    height: 84px;
    background: url("/user/documents/upload/Images/chevron-right_green.svg") no-repeat calc(100% - 20px) center;
    background-size: 16px;
    background-color: #fff;
}

.subcategories {
    margin: -95px -10px 40px 0;
}

.subcategories.with-image li a .image {
    width: 64px;
    height: 64px;
    padding-right: 0;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.subcategories.with-image li a .image img {
    max-height: 64px;
    height: 100%;
    max-width: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.subcategories.with-image li a .text {
    color: var(--color-b400);
    font-size: var(--size-h6);
    line-height: 1.1;
    text-decoration: none;
    font-weight: 500;
    flex-grow: 1;
    max-width: calc(100% - 84px);
    overflow: unset;
}

.pagination-top {
    display: none;
}

.pagination-wrapper .pagination-loader {
    margin-left: auto;
}

.pagination-loader .load-products {
    position: relative;
}

.pagination-loader .load-products::after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 12px;
    background: url("/user/documents/upload/Images/chevron-right_white.svg") no-repeat center;
    background-size: contain;
    transform: rotate(90deg);
    vertical-align: middle;
}

.pagination-wrapper {
    margin-top: 64px;
    justify-content: flex-end;
}

.pagination>a, .pagination>strong {
    width: 54px;
    height: 54px;
    border: 1px solid var(--color-b400);
    line-height: 54px;
    text-align: center;
    color: var(--color-b400);
    font-size: 13px;
    font-weight: 700;
    margin: 0 4px;
}

.pagination a {
    border-radius: 50%;
}

.pagination > strong {
    border-color: var(--color-b50);
    background: var(--color-b50);
}

.pagination a {
    background: #fff;
}

.pagination a:hover {
    background-color: #315E45;
    color: #fff;
}
.pagination-link:hover::before {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

.pagination-wrapper .pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pagination-link.next, .pagination-link.prev {
    position: relative;
}

.pagination-link.next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("/user/documents/upload/Images/chevron-right_green.svg");
    width: 16px;
    height: 16px;
}

.pagination-link.prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    background: url("/user/documents/upload/Images/chevron-right_green.svg");
    width: 16px;
    height: 16px;
}

.benefitBanner.position--benefitCategory {
    margin-top: 78px;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 100px;
}

#filters .filter-sections {
    padding: 0;
}

#filters {
    margin: 0 0 20px !important;
}



@media (min-width: 768px){
    #category-filter-hover {
        display: flex !important;
        align-items: center;
    }

    #category-filter-hover > div {
        margin: 0 12px 0 0;
        padding: 0;
        position: relative;
    }

    #category-filter-hover > div h4 {
        margin: 0;
        color: var(--color-b400);
        font-size: 13px;
        letter-spacing: 2px;
        line-height: 1.7;
        padding: 8px 24px;
        border: 1px solid var(--color-b400);
        border-radius: 100px;
        cursor: pointer;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
    }

    #category-filter-hover > div h4::after {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("/user/documents/upload/Images/chevron-right_green.svg") no-repeat center;
        background-size: contain;
        margin-left: 12px;
        vertical-align: middle;
        transform: rotate(90deg);
    }

    #category-filter-hover .filter-section+.filter-section {
        border: none !important;
    }
    .category-header .dropdown .dropdown-menu {
        display: flex;
        position: relative;
        left: auto;
        right: auto;
        width: 100%;
        box-shadow: none;
        border: none;
        margin-bottom: -2px;
        background: transparent;
    }

    .category-header #products-listing-order {
        display: none;
    }

    .category-header {
        flex-direction: row-reverse;
        border-bottom: 1px solid var(--color-g50);
        margin: 48px 0;
    }

    .category-header .dropdown .dropdown-menu > li:not(:last-child) {
        margin-right: 64px;
    }

    .category-header .dropdown .dropdown-menu > li > * {
        padding: 0 0 24px;
        line-height: 1.2;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .category-header .dropdown .dropdown-menu > li > strong {
        border-bottom: 1px solid var(--color-g300);
        color: var(--color-g300)
    }

    #category-header > form {
        line-height: 1;
    }

    .category-header-pagination {
        font-size: 14px;
        line-height: 1.2;
        padding-bottom: 24px;
        letter-spacing: 1px;
    }

    #category-filter-hover > div form {
        position: absolute;
        width: 300px;
        box-shadow: 0px 3px 6px 0px #315E4533;
        background: #fff;
        border: 1px solid var(--color-b100);
        top: calc(100% - 1px);
        padding: 20px 20px 8px;
        border-radius: 0 12px 12px;
    }

    #category-filter-hover > div.otevreno {
        box-shadow: 0px 3px 6px 0px #315E4533;
        z-index: 1101;
    }

    #category-filter-hover > div.otevreno h4 {
        border-radius: 8px 8px 0 0;
        background-color: #fff;
        position: relative;
        z-index: 1;
        border-color: var(--color-b100);
        border-bottom-color: #fff;
    }

    #category-filter-hover > div.otevreno h4::after {
        transform: rotate(270deg);
    }

    #content .filter-section fieldset div, #footer .filter-section fieldset div {
        width: 100%;
    }

    #category-filter-hover input[type="checkbox"]:checked+label::after, #category-filter-hover input[type="radio"]:checked+label::after {
        border-color: var(--color-b400);
        background-color: var(--color-b400);
        content: "";
        width: 20px !important;
        height: 20px !important;
    }

    .filter-label .filter-count {
        display: none;
    }

    #category-filter-hover input[type="checkbox"]:checked+label::after, #category-filter-hover input[type="radio"]:checked+label::after {
        width: 18px;
        height: 18px;
        left: 0;
        bottom: 0;
        background-image: url("/user/documents/upload/Images/check-white.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
    }

    #category-filter-hover input[type="checkbox"]+label, #category-filter-hover input[type="radio"]+label {
        padding-left: 30px;
        margin: 0 0 12px;
        line-height: 20px;
    }

    #category-filter-hover input[type="checkbox"]+label:hover, #category-filter-hover input[type="radio"]+label:hover {
        text-decoration: underline;
    }

    #content .filter-section fieldset div label, #footer .filter-section fieldset div label {
        font-size: 14px;
        letter-spacing: 1px;
    }

    #content .filter-section fieldset div {
        line-height: 1;
    }

    .aktivni-filtry {
        display: flex;
        align-items: center;
    }

    .aktivni-filtry > div {
        display: flex;
        align-items: center;
    }

    .aktivni-filtry > span {
        color: var(--color-g200);
        margin-right: 14px;
        line-height: 1;
        font-size: var(--size-small);
        letter-spacing: 1px;
    }

    .aktivni-filtry > div label {
        font-size: 13px;
        line-height: 1.7;
        letter-spacing: 2px;
        color: var(--color-b400);
        padding: 8px 16px;
        margin-right: 12px;
        background: var(--color-b50);
        font-weight: 700;
        border-radius: 100px;
        width: auto;
        white-space: nowrap;
    }

    .aktivni-filtry > div label:hover {
        background: var(--color-b400);
        color: #fff;
    }

    .aktivni-filtry > div label:hover::after {
        filter: brightness(10);
    }

    .aktivni-filtry > div label::after {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("/user/documents/upload/Images/close_green.svg") no-repeat center;
        background-size: contain;
        margin-left: 12px;
        vertical-align: middle;
    }

    .aktivni-filtry .slider-header {
        display: flex !important;
        align-items: center;
        font-size: 13px;
        line-height: 1.7;
        width: auto;
        letter-spacing: 2px;
        color: var(--color-b400);
        padding: 8px 16px;
        margin-right: 12px;
        background: var(--color-b50);
        font-weight: 700;
        border-radius: 100px;
        cursor: pointer;
        white-space: nowrap;
    }

    .aktivni-filtry .slider-header .from, .aktivni-filtry .slider-header .to {
        width: unset;
        float: none;
    }

    .aktivni-filtry .to::before {
        content: "-";
        display: inline-block;
        margin: 0 5px;
    }

    .aktivni-filtry .slider-header::after {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("/user/documents/upload/Images/close_green.svg") no-repeat center;
        background-size: contain;
        margin-left: 12px;
        vertical-align: text-top;
    }

    .aktivni-filtry .slider-header:hover::after {
        filter: brightness(10);
    }

    .aktivni-filtry .slider-header:hover {
        background: var(--color-b400);
        color: #fff;
    }

    .aktivni-filtry #clear-filters {
        margin: 0;
    }

    .aktivni-filtry #clear-filters a {
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 1.7;
        padding: 8px 16px;
        color: var(--color-p300);
        text-transform: none;
        display: block;
    }

    .aktivni-filtry #clear-filters a:hover {
        text-decoration: underline;
    }

    .aktivni-filtry #clear-filters a::after {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("/user/documents/upload/Images/close_red.svg") no-repeat center;
        background-size: contain;
        margin-left: 12px;
        vertical-align: middle;
    }

    .slider-wrapper.otevreno > div {
        position: absolute;
        top: calc(100% - 1px);
        width: 300px;
    }

    .slider-wrapper.otevreno::after {
        content: "";
        position: absolute;
        width: 300px;
        height: 84px;
        border: 1px solid var(--color-b100);
        border-width: 0 1px 1px 1px;
        top: 100%;
        left: 0;
        border-radius: 0px 12px 12px 12px;
        background: #fff;
        box-shadow: 0px 3px 6px 0px #315E4533;
    }

    .slider-wrapper.otevreno > div.slider-content {
        padding: 25px 30px 7px;
        background: transparent;
        border-top: 1px solid var(--color-b100);
        border-top-right-radius: 12px;
    }

    .slider-wrapper.otevreno > div.slider-header {
        top: calc(100% + 40px);
        z-index: 1;
        padding: 5px 20px 0;
    }

    .slider-header {
        font-size: var(--size-smaller);
        color: var(--color-g200);
        letter-spacing: 1px;
        line-height: 1.2;
    }

    .ui-slider-horizontal .ui-slider-handle {
        width: 24px;
        height: 24px;
        margin-left: -12px;
        border-radius: 50%;
        border: 1px solid var(--color-b100);
        box-shadow: 0px 3px 6px 0px #315E4533;
        background-color: #fff;
        top: -9px;
    }

    .ui-slider .ui-slider-range {
        background-color: var(--color-b300);
        border-color: var(--color-b300);
    }

    .ui-slider-horizontal .ui-slider-handle::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: var(--color-b300);
        border-radius: 50%;
    }

    .ui-slider-horizontal {
        height: 6px;
        z-index: 1;
        background-color: var(--color-g50);
        border-radius: 20px;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0px;
    }

    .slider-wrapper.otevreno > * {
        position: relative;
    }
}

.filter-not-found {
    margin: 50px auto 0;
    padding: 116px 0 80px;
    background: url("/user/documents/upload/Images/didnt-found.png") no-repeat top center;
    background-size: 67px 93px;
    border-bottom: 1px solid var(--color-g50);
}

.filter-not-found h3 {
    font-size: var(--size-h2);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.1;
    color: var(--color-g300);
}

.filter-not-found > p {
    text-align: center;
}

.filter-not-found .side-clanky {
    padding: 40px 0 0;
    border-top: 1px solid var(--color-g50);
    max-width: 700px;
    margin: 0 auto;
}

.filter-not-found .side-clanky h6 {
    margin: 0 0 24px;
}

.filter-not-found .side-clanky ul {
    padding: 0;
    column-gap: 20px;
    columns: 2;
    list-style: none;
    margin: 0;
}

.filter-not-found .side-clanky ul li {
    line-height: 1;
    position: relative;
    padding: 8px 0 8px 24px;
}

.filter-not-found .side-clanky ul li::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/leaf_with_opacity.svg") no-repeat center;
    background-size: contain;
}

.filter-not-found .side-clanky ul li a {
    position: relative;
    line-height: 1.2;
    letter-spacing: 1px;
    display: block;
    text-decoration: underline;
}

.filter-not-found .side-clanky ul li a:hover {
    text-decoration: none;
}

/*DETAIL PRODUKTU*/


.product-tabs:focus, .product-tabs:hover {
    color: var(--color-b400);
}

.product-tabs {
    color: var(--color-b400);
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 1.7;
    padding: 15px 48px 15px 20px;
    border-radius: 100px;
    border: 1px solid var(--color-b400);
    background-image: url("/user/documents/upload/Images/chevron-down.svg");
    background-size: 16px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    font-weight: 700;
}

.type-product .breadcrumbs {
    padding-left: 85px;
}

.wide .image360 img, .wide .p-image img {
    max-height: 1080px;
}

.wide .p-detail-inner .p-image-wrapper {
    width: 46%;
    max-width: 640px;
    padding-right: 0;
    margin-top: -40px;
}

.wide .p-detail-inner .p-data-wrapper {
    padding-top: 20px;
    width: 50%;
    max-width: 582px;
    margin-left: 110px;
}

.p-image, .image360 {
    padding-bottom: 0;
    margin-bottom: 14px;
    border-radius: 8px;
    overflow: hidden;
}

.wide .p-detail .p-image .flags {
    top: 24px;
    left: 24px;
}

.p-thumbnails-wrapper {
    padding: 0 54px;
}

.flag {
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    padding: 6px 8px;
    border-radius: 100px;
    margin-bottom: 6px;
    text-transform: none;
}

.wide .p-detail .flags.flags-extra {
    top: 24px;
    right: 24px;
    bottom: auto;
    left: auto;
}

.p-image-wrapper .flags-extra .flag {
    width: 64px;
    height: 64px;
    margin: 0;
}

.flag.flag-discount .price-standard {
    display: none;
}

.flag.flag-discount .price-save {
    display: block;
    font-size: 18px;
    font-weight: 500;
}

.flag.flag-discount {
    background: #D71111;
    padding: 6px;
}

.p-image-wrapper .flags-extra .flag .price-save {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.1;
}

.flag.flag-new {
    background: #C5E5F6;
    color: #256080;
}

.flag.flag-doprava-zdarma {
    color: #456818;
}

.flag.flag-doprava-zdarma::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: text-top;
    background: url("/user/documents/upload/Images/truck_green.svg") no-repeat center;
    background-size: contain;
}

.flag.flag-darek-zdarma, .flag.flag-gift {
    color: #75369B;background-color: #E3CCF1 !important;
}

.flag.flag-darek-zdarma::before, .flag.flag-gift::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: text-top;
    background: url("/user/documents/upload/Images/gift_purple.svg") no-repeat center;
    background-size: contain;
}

.p-thumbnails {
    height: 102px;
}

.p-thumbnails a.highlighted img {
    border-color: var(--color-g300);
}

.p-thumbnails a img {
    border-radius: 8px;
}

.p-thumbnails a {
    margin-left: 8px;
}

.p-thumbnails .thumbnail-prev, .p-thumbnails .thumbnail-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    box-shadow: 0px 0px 20px 0px #315E4533;
    background: #fff;
    border-radius: 50%;
}
.p-thumbnails .thumbnail-prev:hover, .p-thumbnails .thumbnail-next:hover{background-color: var(--color-b400);}

.p-thumbnails .thumbnail-next::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
}

.p-thumbnails .thumbnail-prev::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
}
.p-thumbnails .thumbnail-prev:hover::before, .p-thumbnails .thumbnail-next:hover::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.ratings-and-brand blockquote p {
    margin: 0 !important;
    font-size: var(--size-h6);
    line-height: 1.1;
    letter-spacing: 1px;
    font-weight: 500;
}

.ratings-and-brand blockquote {
    margin: 0 50px 0 0;
}

.ratings-and-brand a {
    font-size: var(--size-small);
    font-weight: 700;
    letter-spacing: 1px;
}

.stars a, .stars span {
    width: 18px;
}

.p-detail-inner h1 {
    margin: 0 0 24px;
}

.p-detail-inner .p-detail-inner-header {
    margin-bottom: 26px;
}

.p-short-description a.vice {
    font-weight: 700;
    color: var(--color-b400);
    text-decoration: underline;
    margin-left: 5px;
}

.p-short-description a.vice::after {
    content: "";
    display: inline-block;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    background: url("/user/documents/upload/Images/chevron-right_green.svg") no-repeat center;
    background-size: contain;
    transform: rotate(90deg);
    vertical-align: middle;
}

.p-short-description a.vice:hover {
    text-decoration: none;
}

.p-short-description ul[style="list-style-type: disc;"] {
    line-height: 1.4;
    list-style: none !important;
    column-gap: 16px;
    padding: 0 0 32px;
    margin: 32px 0 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--color-g50);
}

.p-short-description ul[style="list-style-type: disc;"] li {
    width: calc(50% - 10px);
    margin-top: 24px;
    padding-left: 28px;
    background: url("/user/documents/upload/Images/check-circle-fill.svg") no-repeat 0 3px;
    background-size: 16px;
    font-size: var(--size-small);
}

.p-short-description ul[style="list-style-type: disc;"] > li:first-child, .p-short-description ul[style="list-style-type: disc;"] > li:nth-child(2) {
    margin-top: 0;
}

.specialistka {
    padding: 0px 0 24px 84px;
    margin-top: 24px;
    border-bottom: 1px solid var(--color-g50);
    font-size: var(--size-small);
    font-style: italic;
    background: url("/user/documents/upload/Images/header-contact-lady.png") no-repeat top left;
    background-size: 64px;
}
.specialistka.vitamin{background-image: url("/user/documents/upload/Images/misa.png");}

.specialistka strong {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
}

.p-detail-inner .p-short-description {
    margin-bottom: 32px;
}

.sold-out {
    display: none;
}

.p-gifts-wrapper {
    padding-top: 0;
    padding-bottom: 21px;
    border-bottom: 1px solid var(--color-g50);
}

.p-gifts-heading {
    font-size: var(--size-h6);
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.1;
    margin: 0 0 20px;
}

.p-gifts-heading::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
    background: url("/user/documents/upload/Images/gift_red.svg") no-repeat center;
    background-size: contain;
    margin-right: 12px;
}

.p-gift-name a, .p-gift-name a:hover, .p-gift-name a:focus {
    color: var(--color-g400);
    line-height: 1.4;
}

.p-gift-name {
    margin-left: 26px;
    line-height: 1;
}

.p-gift-image {
    position: relative;
    width: 64px;
}

.p-gift-image::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/plus_red.svg") no-repeat center;
    background-size: contain;
}

.p-gift {
    margin-bottom: 11px;
}

.shipping-options-layout tbody {
    display: flex;
    align-items: center;
}

table.shipping-options-layout tbody tr td {
    padding-left: 0;
}

table.shipping-options-layout .availability-label.skladem {
    padding-left: 0;
    font-size: 18px;
    font-weight: 700;
}

.availability-label {
    margin-left: 0;
}

.p-data-wrapper .detail-parameters.shipping-options-layout {
    margin: 0 0 32px;
}
.p-gifts-wrapper + .shipping-options-layout{margin-top: 32px !important;}

.p-data-wrapper .detail-parameters.shipping-options-layout .delivery-time-row th {
    display: none;
}

.p-data-wrapper .detail-parameters.shipping-options-layout .delivery-time-row th::after {
    content: none;
}

.p-data-wrapper .detail-parameters.shipping-options-layout .delivery-time-row {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1;
    color: #378014;
}

table.detail-parameters tbody tr td, table.detail-parameters tbody tr th {
    padding-bottom: 0;
}

.p-data-wrapper .detail-parameters.shipping-options-layout .delivery-time-row::before {
    content: ", nejpozději ";
    display: inline-block;
    margin-left: 0;
    margin-right: 5px;
}

.p-data-wrapper .detail-parameters.shipping-options-layout .delivery-time-row::after {
    content: "u vás ";
    display: inline-block;
    margin-left: 5px;
    margin-right: 0px;
}


.p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row {
    margin-left: auto;
}

.p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row .shipping-options {
    font-size: var(--size-small);
    line-height: 1.4;
    color: var(--color-g300);
}

.p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row .shipping-options:hover {
    text-decoration: none;
}

.p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row .shipping-options::before {
    content: url("/user/documents/upload/Images/truck_black.svg");
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
}

.p-to-cart-block {
    padding: 0;
    background: transparent;
}

.p-to-cart-block .price-standard {
    color: #D71111;
    letter-spacing: 1px;
    font-size: var(--size-small);
    line-height: 1.2;
    margin-right: 6px;
}

.p-to-cart-block .price-save {
    display: inline-block;
    font-size: var(--size-small);
    line-height: 1.2;
    letter-spacing: 1px;
    color: #fff;
    padding: 2px 12px;
    border-radius: 100px;
    background: #D71111;
}

.p-final-price-wrapper>strong {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 800;
    line-height: 1.1;
}

.p-to-cart-block .add-to-cart-button, a.btn.btn-primary.watchdog {
    max-width: 260px;padding: 0;
    width: 100%;
}
a.btn.btn-primary.watchdog{line-height: 52px;}

.p-to-cart-block .add-to-cart-button::before {
    content: url("/user/documents/upload/Images/shopping-bag_white.svg");
    vertical-align: middle;
    margin-right: 12px;
}

.benefitBanner.position--benefitProduct {
    margin: 80px 0;
    padding-bottom: 0;
    border: none;
}

.shp-tabs-holder ul.shp-tabs a.shp-tab-link {
    font-size: var(--size-small);
    font-weight: 400;
    letter-spacing: 1px;
    color: var(--color-g400);
    text-decoration: underline;
    padding: 40px 20px;
    line-height: 1.2;
}

.shp-tabs-holder ul.shp-tabs a.shp-tab-link::after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 8px;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    transform: rotate(90deg);
    vertical-align: text-bottom;
}

.shp-tabs-holder ul.shp-tabs a.shp-tab-link:hover {
    text-decoration: none;
}

.shp-tabs-holder ul.shp-tabs {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--color-g50);
    border-bottom: 1px solid var(--color-g50);
}

.shp-tabs-holder ul.shp-tabs .shp-tab.active, .shp-tabs-holder ul.shp-tabs .shp-tab:hover {
    text-decoration: none;
    text-underline-offset: unset;
}

#hodnoceni-top {
    margin: 78px 0;
}

#hodnoceni-top > .stars {
    display: flex;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
    height: 32px;
}

#hodnoceni-top > .stars a, #hodnoceni-top > .stars span {
    width: 32px;
    height: 32px;
    margin: 0 1px;
}

#hodnoceni-top > .stars a::before, #hodnoceni-top > .stars span::before {
    font-size: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hodnoceni-top h2 {
    margin: 20px 0 20px;
    text-align: center;
}

#hodnoceni-top > p {
    text-align: center;
    margin: 0;
}

#hodnoceni-top > p a {
    text-decoration: underline;
}

#hodnoceni-top > p a:hover {
    text-decoration: none;
}

#hodnoceni-top .vote-wrap {
    padding: 40px;
    border: 1px solid var(--color-g50);
    border-radius: 12px;
    margin: 0 12px;
}

#hodnoceni-top .vote-wrap {
    height: inherit;
    float: none;
}

#hodnoceni-top .vote-wrap .name {
    color: var(--color-g400);
    font-size: var(--size-h5);
    line-height: 1.1;
}

#hodnoceni-top .vote-summary {
    letter-spacing: 1px;
    background: url("/user/documents/upload/Images/verified_white.svg") no-repeat top right;
    background-size: 153px;
    padding-right: 153px;
}

#hodnoceni-top .vote-wrap .vote-header .vote-name {
    margin-bottom: 8px;
}

#hodnoceni-top .vote-wrap .vote-header .vote-rating {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

#hodnoceni-top .vote-wrap .vote-header .vote-time {
    color: var(--color-g300);
    font-size: var(--size-small);
    line-height: 1.2;
    margin-right: 16px;
}

#hodnoceni-top .votes-wrap {
    margin: 40px -10px 0;
}

#hodnoceni-top .votes-wrap .slick-track {
    display: flex;
}

#hodnoceni-top .vote-wrap .vote-content {
    margin-top: 20px;
    font-style: italic;
}

#hodnoceni-top .vote-wrap .vote-content::before {
    content: "„";
}

#hodnoceni-top .vote-wrap .vote-content::after {
    content: "”";
}

#hodnoceni-top .more-ratings-link {
    display: none;
}

#hodnoceni-top .slick-next, .video-pribehy .slick-next {
    width: 40px;
    height: 40px;
    right: -10px;
    box-shadow: 0px 0px 20px 0px #315E4533;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

#hodnoceni-top .slick-prev, .video-pribehy .slick-prev {
    width: 40px;
    height: 40px;
    left: -10px;
    box-shadow: 0px 0px 20px 0px #315E4533;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

#hodnoceni-top .slick-prev::before, .video-pribehy .slick-prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

#hodnoceni-top .slick-next::before, .video-pribehy .slick-next::before {
    transform: translate(-50%, -50%);
}

#hodnoceni-top .slick-next::before, #hodnoceni-top .slick-prev::before, .video-pribehy .slick-next::before, .video-pribehy .slick-prev::before {
    content: "";
    background-image: url("/user/documents/upload/Images/chevron-right.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
}

.p-detail-tabs-wrapper > .row > div.col-sm-12 {
    padding: 0;
}

.tab-content ul li::before {
    content: none;
}

#description {
    padding-top: 40px;
    border-top: 0;
    margin-top: 0;
}

#description::before {
    font-size: var(--size-h2);
    line-height: 1.1;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 40px;
    display: block;
}

.p-detail-tabs-wrapper .tab-content > div {
    width: 100% !important;
    max-width: 1340px !important;
}

#description .basic-description {
    width: 100%;
    padding: 0;
}

#description .basic-description > div:nth-child(4) {
    margin-top: 100px;
}

#description .short {
    max-width: 940px;
    margin: 0 auto 64px;
}

.two-cols {
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
    align-items: center;
    margin-top: 100px;
}

.two-cols.mirror {
    flex-direction: row-reverse;
}

.two-cols .text {
    max-width: 460px;
}

.two-cols.mirror .text {
    margin-right: 0;
    margin-left: 140px;
}

.two-cols .text h2 {
    margin: 0 0 40px;
}

.two-cols .text h5 {
    margin: 0 0 12px;
}

.two-cols .text p {
    margin-bottom: 40px !important;
}

.product-range strong {
    color: var(--color-b400);
    font-weight: 500;
    font-size: var(--size-h3);
    line-height: 1.4;
    margin: 0 6px;
}

.product-range {
    color: var(--color-g300);
    line-height: 1.2;
    letter-spacing: 1px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.range-in {
    position: relative;
    display: block;
    margin-top: 4px;
    height: 12px;
    background: #EDF3EF;
    border-radius: 100px;
    width: 100%;
}

.range-in span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--color-b400);
    border-radius: 100px;
}

#studie p .btn {
    margin-top: 16px;
}

#description #studie p {
    margin-bottom: 24px !important;
}

#prubeh {
    position: relative;
    padding: 100px 0;
    background: var(--color-b50);
    margin-top: 100px;
}

#prubeh::before {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    background: var(--color-b50);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#prubeh > * {
    position: relative;
    z-index: 1;
}

#prubeh h2 {
    margin: 0 0 48px;
    text-align: center;
}

.prubeh-in {
    position: relative;
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
}

.prubeh-in::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    border-radius: 100px;
    background: var(--color-b75);
    top: 23px;
    left: 50%;
    transform: translateX(-50%);
}

.prubeh-in .tyden {
    width: 20%;
    text-align: center;
    position: relative;
    padding: 68px 18px 18px;
}

.prubeh-in .tyden img {
    max-width: 120px;
}

.tyden h4 {
    margin: 11px 0 8px;
}

.tyden p {
    margin: 0 !important;
}

.prubeh-in .tyden::after {
    content: "";
    position: absolute;
    width: 52px;
    height: 52px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("/user/documents/upload/Images/check-white-thin.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #fff;
    border-radius: 50%;
}

.prubeh-in > .tyden:first-child::after {
    background-image: url("/user/documents/upload/Images/check-green-thin.svg");
}

.prubeh-in > .tyden:first-child::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 240px;
    height: 6px;
    background: var(--color-b400);
    border-radius: 100px;
}

.video-pribehy {
    margin: 24px auto 100px auto;
}

.video-pribehy h2 {
    text-align: center;
    margin: 0 0 48px;
}

.video-pribehy-in .slick-slide {
    margin: 0 10px;
    height: 0;
    padding-bottom: 33.333%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.video-pribehy-in .slick-slide iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.video-pribehy-in {
    margin: 0 -10px;
}

.video-pribehy-in .slick-dots {
    display: none;
}

.dokonalost {
    position: relative;
    padding: 100px 0;
    margin-bottom: 100px;
}

.dokonalost::before {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    background: var(--color-s300);
    background-image: url("/user/documents/upload/Images/group_of_leaves_beige-1.svg");
    background-repeat: no-repeat;
    background-size: 400px 280px;
    background-position: 147px top;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.dokonalost::after {
    content: "";
    position: absolute;
    width: 326px;
    height: 228px;
    background-image: url("/user/documents/upload/Images/group_of_leaves_beige-2.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    right: 68px;
    bottom: 0;
}

.dokonalost > * {
    position: relative;
    z-index: 1;
}

.two-cols {
    margin: 0 0 100px;
}

.two-cols .text > p:last-child {
    margin-bottom: 0 !important;
}

.dokonalost .two-cols .image {
    width: 100%;
    max-width: 700px;
    padding-bottom: 391px;
    height: 0;
    position: relative;
    overflow: hidden;
}

.two-cols .image {
    width: 100%;
    max-width: 700px;
}

#description .dokonalost .two-cols .image iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.dokonalost .bottom {
    display: flex;
    margin: 0 -10px;
}

.two-cols .text {
    margin-right: 140px;
}

.two-cols {
    justify-content: flex-end;
}

.dokonalost .bottom > div {
    margin: 0 10px;
    background: #fff;
    text-align: center;
    border-radius: 12px;
    width: calc(33.3333% - 20px);
    position: relative;
}

.dokonalost .bottom > div img {
    border-radius: 12px 12px 0 0;
}

.dokonalost .bottom > div h3 {
    padding: 40px 40px 0;
    margin: 0 0 24px;
}

.dokonalost .bottom > div p {
    margin: 0 !important;
    padding: 0 40px 40px;
}

.dokonalost .bottom > div:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 16px;
    background: url("/user/documents/upload/Images/long-arrow-right_green.svg") no-repeat center;
    background-size: contain;
    bottom: 150px;
    right: -5px;
    z-index: 1;
    transform: translateX(50%);
}

#garance {
    position: relative;
    padding: 40px 80px 40px 220px;
    border-radius: 12px;
    background-color: var(--color-b50);
    background-image: url("/user/documents/upload/Images/award.svg");
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: 80px 40px;
    margin: 100px auto;
    overflow: hidden;
}

#garance > * {
    position: relative;
    z-index: 1;
}

#garance::before {
    content: "";
    position: absolute;
    height: 200px;
    width: 425px;
    left: -7px;
    bottom: 0;
    background: url("/user/documents/upload/Images/group_of_leaves_dark.svg") no-repeat left bottom;
    background-size: contain;
}

#garance h3 {
    margin: 0 0 20px;
    line-height: 1.4;
}

#garance p {
    margin-bottom: 20px;
}

#garance > p:last-of-type {
    margin-bottom: 0;
}

#slozeni {
    text-align: center;
}

#slozeni h2 {
    margin: 0 0 64px;
}

.latky-in {
    display: flex;
    margin: 0 -10px 40px;
}

.latky-in div {
    width: calc(33.333% - 20px);
    margin: 0 10px;
    background-color: var(--color-s300);
    border-radius: 12px;
    padding: 200px 40px 80px;
}

.latky-in div h3 {
    line-height: 1.4;
    margin: 0 0 24px;
}

.latky-in div p {
    margin: 0 !important;
}

.latky-in > div:first-child {
    background-image: url("/user/documents/upload/Images/latka-biotin.png");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
}

.latky-in > div:nth-child(2) {
    background-image: url("/user/documents/upload/Images/latka-pentapeptid.png");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
}

.latky-in > div:nth-child(3) {
    background-image: url("/user/documents/upload/Images/latka-vitaminy.png");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
}

#slozeni > a {
    margin-top: 40px;
    line-height: 1.2;
    letter-spacing: 1px;
    text-decoration: underline;
}

#slozeni > a:hover {
    text-decoration: none;
}

#slozeni > a::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 12px;
    height: 12px;
    vertical-align: center;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    transform: rotate(90deg);
}

.faq {
    margin: 100px auto;
    padding-bottom: 90px;
    border-bottom: 1px solid var(--color-g50);
}

.faq h2 {
    margin: 0 0 64px;
    text-align: center;
}

.faq-in {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: flex-start;
}

.faq-item {
    background: var(--color-b50);
    border-radius: 8px;
    margin: 0 10px 10px;
    width: calc(50% - 20px);
}

.faq-item h6 {
    position: relative;
    padding: 24px;
    line-height: 1.1;
    display: flex;
    cursor: pointer;
    margin: 0;
}

.faq-item h6::after {
    content: "";
    display: inline-block;
    margin-left: auto;
    width: 16px;
    height: 16px;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    transform: rotate(90deg);
    transition: all ease 300ms;
}

.faq-item.otevreno h6::after {
    transform: rotate(270deg);
}

.faq-item > div {
    padding: 0 24px 18px;
}

#ratingTab {
    display: flex !important;
    align-items: flex-start;
    border-bottom: 1px solid var(--color-g50);
    margin-bottom: 100px;
}

#ratingTab #ratingWrapper .rate-wrap {
    flex-direction: column;
    border-radius: 12px;
    background: var(--color-s75);
    padding: 40px;
    margin-bottom: 100px;
}

#ratingTab .rate-wrapper.unveil-wrapper .rate-average-wrap {
    padding: 0;
}

#ratingTab #ratingWrapper {
    max-width: 460px;
    width: 100%;
    flex-shrink: 0;
    margin-right: 40px;
}

#ratingWrapper h2 {
    margin: 0 0 40px;
}

.rate-wrapper.unveil-wrapper .rate-block {
    display: flex;
    flex-grow: 1;
    background-color: var(--color-s300);
    height: 7px;
    position: relative;
    padding-right: 0;
    border-radius: 10px;
}

.rate-wrapper.unveil-wrapper .rate-count {
    position: absolute;
    right: -44px !important;
    font-size: 14px;
    text-align: right;
    line-height: 1.2;
}

.rate-wrapper.unveil-wrapper .rate-bar {
    background-color: var(--color-s400);
    position: initial;
    display: flex;
    align-items: center;
    height: 7px;
    animation-duration: 0s;
    border-radius: 10px;
}

#ratingTab #ratingWrapper .rate-wrap > div {
    width: 100%;
}

#ratingTab #ratingWrapper .rate-wrap > div.col-xs-12 {
    padding: 0;
}

.rate-wrapper.unveil-wrapper .rate-star .rate-value {
    display: none;
}

.rate-wrapper.unveil-wrapper .rate-star .star-off::before {
    content: none;
}

.rate-wrapper.unveil-wrapper .rate-list > .rate-star {
    width: 80px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.rate-wrapper.unveil-wrapper .rate-list {
    padding-right: 44px;
    margin-bottom: 12px;
}

.rate-wrapper.unveil-wrapper .rate-wrap > div > .rate-list:nth-child(1) > .rate-star {
    background-image: url("/user/documents/upload/Images/5-stars.png");
}

.rate-wrapper.unveil-wrapper .rate-wrap > div > .rate-list:nth-child(2) > .rate-star {
    background-image: url("/user/documents/upload/Images/4-stars.png");
}

.rate-wrapper.unveil-wrapper .rate-wrap > div > .rate-list:nth-child(3) > .rate-star {
    background-image: url("/user/documents/upload/Images/3-stars.png");
}

.rate-wrapper.unveil-wrapper .rate-wrap > div > .rate-list:nth-child(4) > .rate-star {
    background-image: url("/user/documents/upload/Images/2-stars.png");
}

.rate-wrapper.unveil-wrapper .rate-wrap > div > .rate-list:nth-child(5) > .rate-star {
    background-image: url("/user/documents/upload/Images/1-star.png");
}

.rate-wrapper.unveil-wrapper .rate-average {
    font-size: 64px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--color-b400);
}

.rate-wrapper.unveil-wrapper .rate-star-wrap {
    margin-left: 24px;
}

.rate-wrapper.unveil-wrapper .rate-star {
    margin-right: 16px;
}

.rate-wrapper.unveil-wrapper .rate-star-wrap .stars-label::before {
    content: "Celkem ";
}

.rate-wrapper.unveil-wrapper .rate-star-wrap .stars-label {
    line-height: 1.7;
    display: block;
    color: var(--color-g200);
    margin-top: 8px;
}

.rate-wrapper.unveil-wrapper .add-comment {
    width: 100%;
    margin: 0px 0 32px;
    background: var(--color-b400);
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 2px;
    border-radius: 100px;
    padding: 16px;
    text-align: center;
    justify-content: center;
    transition: all ease 300ms;
}

.rate-wrapper.unveil-wrapper .add-comment span {
    color: #fff;
    text-decoration: none;
    align-items: center;
}

.rate-wrapper.unveil-wrapper .add-comment span::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 12px;
    background: url("/user/documents/upload/Images/plus-circle.svg") no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.rate-wrapper.unveil-wrapper .rate-average-inner  {
    margin-bottom: 25px;
}

.rate-wrapper.unveil-wrapper .add-comment:hover {
    background-color: var(--color-primary-hover);
}

#ratingTab .vote-wrap .vote-header .vote-rating {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

#ratingTab .vote-wrap .vote-header .vote-rating .stars {
    margin: 0 0 0 16px;
}

#ratingTab .vote-wrap .vote-header .vote-rating .vote-time {
    font-size: var(--size-small);
    letter-spacing: 1px;
    line-height: 1.2;
    color: var(--color-g300);
}

#ratingTab .vote-wrap .vote-header .vote-name {
    margin: 0 0 8px;
    font-size: var(--size-h5);
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.1;
    color: var(--color-g400);
}

#ratingTab .vote-wrap .vote-summary {
    background: url("/user/documents/upload/Images/verified_white.svg") no-repeat top right;
    background-size: 175px;
}

#ratingTab .vote-wrap .vote-content {
    margin-top: 20px;
    font-style: italic;
}

#ratingTab .vote-wrap .vote-content::before {
    content: "„";
}

#ratingTab .vote-wrap .vote-content::after {
    content: "”";
}

#ratingTab .vote-wrap {
    padding: 40px 0;
    border-top: none;
    margin: 0;
    border-bottom: 1px solid var(--color-g50);
}

#ratingTab .votes-wrap > .vote-wrap.last-visible:nth-last-child(2){
    border-bottom: none;
}

#ratingTab .votes-wrap {
    margin-top: 0;width: 100%;
}

#ratingTab .votes-wrap > .vote-wrap.last-visible::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, #FFFFFF 100%);
}
#ratingTab .votes-wrap.vsechno-zobrazeno > .vote-wrap.last-visible::before {display: none;}
.votes-wrap:not(.otevreno) > .vote-wrap:nth-child(4) .votes-wrap{display: none;}

.votes-wrap:not(.otevreno) > .vote-wrap:nth-child(4) {
    border-bottom: none;
}

.btn.btn-tertiary {
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 2px;
    font-weight: 700;
    color: var(--color-b400);
    padding: 16px 48px;
    border: 1px solid var(--color-b400);
    border-radius: 100px;
    background: #fff;
    position: relative;
}

.btn.btn-tertiary:hover {
    background-color: var(--color-b400);
    color: #fff;
}

.more-ratings-link .btn:hover::after {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.votes-wrap:not(.otevreno) .more-ratings-link .btn > span:nth-child(2) {
    display: none;
}

.votes-wrap.otevreno .more-ratings-link .btn > span:first-child {
    display: none;
}

.more-ratings-link {
    text-align: center;
    margin-bottom: -28px;
}

.more-ratings-link .btn::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    vertical-align: middle;
    transform: rotate(90deg);
}

.votes-wrap.otevreno .more-ratings-link .btn::after {
    transform: rotate(270deg);
}

#productDiscussion {
    display: flex !important;
    border-bottom: 1px solid var(--color-g50);
}

#productDiscussion #discussionWrapper {
    width: 100%;
    max-width: 380px;
    margin-right: 120px;
}

#productDiscussion #discussionWrapper h2 {
    margin: 0 0 40px;
}

#productDiscussion #discussionWrapper .add-comment {
    width: 100%;
    margin: 25px 0 32px;
    background: var(--color-b400);
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 2px;
    border-radius: 100px;
    padding: 16px;
    text-align: center;
    justify-content: center;
    transition: all ease 300ms;
}

#productDiscussion #discussionWrapper .add-comment span {
    color: #fff;
    text-decoration: none;
    align-items: center;
    display: flex;
    justify-content: center;
}

#productDiscussion #discussionWrapper .add-comment span::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 12px;
    background: url("/user/documents/upload/Images/plus-circle.svg") no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

#productDiscussion #discussionWrapper .add-comment:hover {
    background-color: var(--color-primary-hover);
}

#productDiscussion .votes-wrap .votes-wrap {
    padding-left: 0;
}

#productDiscussion .votes-wrap .votes-wrap .vote-wrap {
    padding: 40px;
    background: var(--color-b50);
    border-radius: 12px;
    border: none;
    margin: 40px 0 0;
    position: relative;
}

#productDiscussion .votes-wrap .votes-wrap .vote-wrap::before {
    content: "";
    position: absolute;
    width: 26px;
    height: 21px;
    bottom: 100%;
    left: 20px;
    background: url("/user/documents/upload/Images/polygon.svg") no-repeat bottom center;
    background-size: contain;
}

#productDiscussion .vote-wrap {
    padding: 40px 0 0;
    border: none;
    margin-bottom: 0;
}

#productDiscussion .add-comment.btn.btn-primary {
    font-size: var(--size-small);
    line-height: 1.7;
    padding: 0;
    font-weight: 700;
    color: var(--color-b400) !important;
    text-transform: none;
    background-color: transparent !important;
    text-decoration: underline;
    border: none;
    letter-spacing: 0.5px;
    margin-top: 20px;
    font-style: normal;
}

#productDiscussion .add-comment.btn.btn-primary::before {
    content: "";
    display: inline-block;
    margin-right: 12px;
    width: 16px;
    height: 16px;
    background: url("/user/documents/upload/Images/reply.svg") no-repeat center;
    background-size: contain;
}

#productDiscussion .add-comment.btn.btn-primary:hover {
    text-decoration: none;
}

#productDiscussion .vote-name {
    font-size: var(--size-h5);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
    color: var(--color-g400);
    margin-bottom: 8px;
}

#productDiscussion .vote-wrap .vote-header .vote-time {
    font-size: var(--size-small);
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--color-g300);
}

#productDiscussion .vote-wrap .vote-content {
    font-style: italic;
    color: var(--color-g300);
    margin: 20px 0 0;
}

#productDiscussion .votes-wrap {
    margin-top: 0;
}

.products-related-header {
    margin: 80px auto 48px;
}

.wide .p-detail .flags {
    left: 12px;
    top: 12px;
}

.products-block .p>a.image img {
    border-radius: 8px;
}

.flags {
    left: 12px;
    top: 12px;
}

.product .price-save {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 12px;
    right: 12px;
    background: #D71111;
    letter-spacing: -1px;
    color: #fff;
    font-size: 18px;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border-radius: 50%;
    padding: 2px;
}

.flag.flag-vyhodny-balicek {
    color: #8F5839;
}

.link-icon.watchdog::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/user/documents/upload/Images/bell.svg") no-repeat center;
    margin: 0 12px 0 0;
    vertical-align: text-top;
}

#colorbox.productDetail #cboxContent {
    border-radius: 20px;
}

#cboxClose {
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: url("/user/documents/upload/Images/close.svg") no-repeat center;
    background-size: 100%;
}
#cboxClose:hover{opacity: 0.7;}

#cboxClose::before {
    content: none;
}

#cboxPrevious, #cboxNext {
    width: calc(50% + 32px);
}

#cboxPrevious {
    left: -32px;
}

#cboxNext {
    right: -32px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
    z-index: 10000;
}
.advanced-order .product-slider-holder .products-block .p .name{height: 50px !important;}
.roz-obj #cboxLoadedContent{overflow: visible !important;}
@media screen and (min-width: 768px){
    #colorbox, #cboxOverlay, #cboxWrapper {overflow: visible !important;}
}
#cboxPrevious::before {
    left: 0;
    transform: rotate(180deg);
}

#cboxPrevious::before, #cboxNext::before {
    margin-top: -32px;
    content: "";
    background-image: url("/user/documents/upload/Images/chevron-right.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
    width: 64px;
    height: 64px;
    box-shadow: 0px 0px 20px 0px #315E4533;
    background-color: #fff;
    border-radius: 50%;
}

#cboxPrevious:hover::before, #cboxNext:hover::before {
    background-color: var(--color-b400);
    background-image: url("/user/documents/upload/Images/chevron-right_white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
}

.shipping-options-popup h1 {
    font-size: var(--size-h3);
    line-height: 1.4;
    margin: 0 0 16px;
    text-align: center;
}

.shipping-options-popup {
    padding: 48px 40px;
    background: url("/user/documents/upload/Images/group_of_leaves_2.svg") no-repeat top left;
    background-size: 202px;
    margin: -20px;
}

.shipping-options-popup .shipping-row {
    border-top: 1px solid var(--color-g50);
    border-bottom: none;
    padding: 20px 0;
}

.shipping-options-popup .extra.delivery {
    max-width: 442px;
    border-radius: 8px;
    background: var(--color-s300);
    margin: 0 auto 24px;
    color: var(--color-g300);
    padding: 8px 16px;
}

.shipping-options-popup .extra.delivery strong {
    color: var(--color-g300);
}

.shipping-options-popup .extra.delivery::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    background: url("/user/documents/upload/Images/truck_green.svg") no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.content-modal {
    padding: 20px;
}

.payment-info b {
    font-size: var(--size-h6);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
}

.shipping-row .payment-logo {
    order: -1;
    margin-right: 12px;
}

.shipping-row .payment-logo img {
    max-height: 50px;
}

.shipping-row .payment-shipping-price {
    font-size: var(--size-h6);
    line-height: 1.1;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: none;
    color: var(--color-g400);
}

#cboxContent {
    border-radius: 20px;
}

.vote-form {
    position: fixed !important;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65);
    top: 0;
    left: 0;
    z-index: 9999;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vote-form form {
    width: 700px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 48px 40px 40px;
    background-image: url("/user/documents/upload/Images/group_of_leaves_2.svg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 202px;
    font-size: var(--size-small);
    position: relative;
    overflow: auto;
  max-height: calc(100vh - 40px);
  scrollbar-width: thin;
}

.vote-form form > .row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

#rate-form.vote-form form > .row::before {
    content: "Přidat hodnocení";
    display: block;
    text-align: center;
    font-size: var(--size-h3);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--color-g400);
    margin-bottom: 30px;
    width: 100%;
}
#discussion-form.vote-form form > .row::before {
    content: "Přidat komentář";
    display: block;
    text-align: center;
    font-size: var(--size-h3);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--color-g400);
    margin-bottom: 30px;
    width: 100%;
}

.vote-form form > .row > div {
    padding: 0;
}

.vote-form form > .row > div:first-child {
    padding-right: 10px;
}

.vote-form form > .row > div:nth-child(2) {
    padding-left: 10px;
}

.vote-form form input[type="text"], .vote-form form input[type="email"] {
    border-radius: 100px;
}

.vote-form form textarea {
    border-radius: 12px;
}

.vote-form form input[type="submit"].btn {
    display: block;
    text-align: center;
    width: 100%;
    line-height: 1.7;
    padding: 16px;
    border: none;
}

.vote-form form .form-control {
    height: 54px;
    padding: 15px 24px;
    border-color: var(--color-g75);
}

.vote-form form ::placeholder {
    color: var(--color-g200);
}

.vote-form form textarea.form-control {
    height: 128px;
}

.vote-form form .stars::before {
    content: "Jak jste s produktem spokojeni? (1 - nejhorší, 5 - nejlepší)";
    display: block;
    max-width: 243px;
    font-size: var(--size-small);
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--color-g300);
    margin-right: auto;
}

.vote-form form .stars {
    width: 100%;
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;justify-content: space-between;
    margin: 0;
    height: auto;
}

.vote-form form .form-group.consents-first {
    margin: 32px 0;
}

.vote-form form .form-group.consents-first a {
    font-weight: 400;
    color: var(--color-g300);
}

.vote-form form .form-group.consents-first a:hover {
    text-decoration: none;
}

.vote-form form .close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: url("/user/documents/upload/Images/close.svg") no-repeat center;
    background-size: contain;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

#rate-form form > .row > .form-group:first-child::before {
    content: "Jméno:";
    display: block;
    color: var(--color-g300);
    font-weight: 700;
    font-size: var(--size-smaller);
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 0 8px;
}

#rate-form form > .row > .form-group:nth-child(2)::before {
    content: "E-mail:";
    display: block;
    color: var(--color-g300);
    font-weight: 700;
    font-size: var(--size-smaller);
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 0 8px;
}

#rate-form form > .row > .col-xs-12 > div:nth-child(1)::before {
    content: "Vaše hodnocení:";
    display: block;
    color: var(--color-g300);
    font-weight: 700;
    font-size: var(--size-smaller);
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 0 8px;
}

#rate-form .stars a, #rate-form .stars span {
    width: 32px;
    height: 32px;
}

#rate-form .stars a::before, #rate-form .stars span::before {
    font-size: 25px;
}

#colorbox.roz-obj .colorbox-html-content {
    padding: 0;
}

.advanced-order .h1 {
    font-size: var(--size-h2);
    margin: 48px 0 13px;
}

.advanced-order .h1::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    background: url("/user/documents/upload/Images/check-circle-fill.svg") no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.advanced-order .h2 {
    font-size: var(--size-h4);
    margin: 0;
}

.advanced-order .extras-wrap {
    background: var(--color-b50);
    margin-top: 43px;
    padding: 24px;
    -webkit-justify-content: space-between;justify-content: space-between;
    align-items: flex-start;
}

.btn.btn-ghost {
    font-weight: 700;
    padding: 12px 24px;
    color: var(--color-b400);
    border: 1px solid var(--color-b400);
    border-radius: 100px;
}

.btn.btn-ghost:hover {
    background: var(--color-b400);
    color: #fff;
}

.btn.btn-ghost:hover::before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.do-obchodu .btn.btn-ghost::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    transform: rotate(180deg);
    vertical-align: text-top;
}

.advanced-order .extra.darek-zdarma span {
    position: relative;
    display: block;
    padding-left: 36px;
    background-image: url("/user/documents/upload/Images/gift_red.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left 3px;
    line-height: 1.2;
    min-height: 52px;
}
.advanced-order .extra.darek-zdarma.darek-dosazen span {background-position: 0 0;line-height: 25px;}
.advanced-order .extra.darek-zdarma span .price-range {
    margin-left: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
}

.advanced-order .extras-wrap .extra {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: var(--size-small);
}

.advanced-order .extras-wrap .extra.step {
    margin: 0;
}

.advanced-order .extras-wrap .extra.darek-zdarma, .advanced-order .extras-wrap .extra.delivery {
    max-width: 272px;
}

.advanced-order .extras-wrap .extra.darek-zdarma .price-range {
    width: 100%;
    margin-left: 0;
    background: var(--color-b75);
}

.advanced-order .extras-wrap .extra.delivery {
    padding-left: 36px;
    background-image: url("/user/documents/upload/Images/truck_green.svg");
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-size: 24px;
}

.advanced-order .extras-wrap .extra.step .btn-conversion::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    vertical-align: text-bottom;
    background: url("/user/documents/upload/Images/chevron-right_white.svg") no-repeat center;
    background-size: contain;
}

.advanced-order .advanced-order-suggestion {
    border-top-width: 8px;
    border-color: #7c7c7d;
    padding-top: 32px;
    margin-bottom: 20px;
}

#colorbox.roz-obj #cboxLoadedContent {
    padding: 0;
    width: 100% !important;
}


.roz-obj .product-slider-holder.has-navigation {
    overflow: hidden;
}

.roz-obj .product-slider-holder .products-block > div .p .p-bottom.no-buttons > div .p-tools {
    display: block !important;
    width: 100%;
}

.roz-obj .products-block > div .p .p-bottom > div {
    flex-wrap: wrap;
}

.roz-obj .products-block > div .p .p-in {
    justify-content: flex-start;
}

.roz-obj .products-block > div .p .p-bottom > div .p-tools .btn, .products-block > div .p .p-bottom > div .p-tools .btn.btn-cart {
    width: 100%;
    color: var(--color-p300);
    font-weight: 700;
    padding: 12px;
    border: 1px solid var(--color-p300);
    background: #fff !important;
}

.roz-obj .products-block > div .p .p-bottom > div .p-tools .btn, .products-block > div .p .p-bottom > div .p-tools .btn.btn-cart::before {
    content: "Vložit";
    display: inline-block;
    color: var(--color-p300);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    vertical-align: initial;
    margin-right: 5px;
    transition: all ease 300ms;
}

.roz-obj .products-block > div .p .p-bottom > div .p-tools .btn:hover {
    background: var(--color-p300) !important;
    color: #fff !important;
}

.products-block > div .p .p-bottom > div .p-tools .btn.btn-cart:hover::before {
    color: #fff !important;
}

/*KOŠÍK*/

.ordering-process #content {
    padding-top: 0;
}

ol.cart-header {
    position: relative;
    margin: 0;
    padding: 16px 0;
}

.cart-header > li {
    position: relative;
    z-index: 1;
}

.cart-header::before {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    background: var(--color-b50);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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: transparent;
}

ol.cart-header li.active a::before, ol.cart-header li.active strong::before {
    background-color: transparent;
    border-color: var(--color-b300);
    color: var(--color-b200);
}

ol.cart-header li.completed a::before, ol.cart-header li.completed strong::before {
    background-color: #fff;
    border-color: #fff;
}

ol.cart-header .completed a span {
    text-decoration: none;
}

ol.cart-header li a::before, ol.cart-header li strong::before {
    font-size: var(--size-small);
    color: var(--color-b300);
    font-weight: 700;
    letter-spacing: unset;
}

ol.cart-header li a::before, ol.cart-header li strong::before {
    background-color: transparent;
    border-color: var(--color-b75);
    display: inline-block;
    margin: 0 12px 0 0;
}

ol.cart-header li.active span {
    font-weight: 700;
}

ol.cart-header li a span::after, ol.cart-header li strong span::after {
    content: none;
}

ol.cart-header > li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -32px;
    height: 1px;
    width: 64px;
    background: var(--color-b75);
    top: 50%;
    transform: translateY(-50%);
}

ol.cart-header li a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: var(--color-g300);
}

ol.cart-header li a, ol.cart-header li strong {
    color: var(--color-g300);
    letter-spacing: 1px;
}

ol.cart-header li.active a, ol.cart-header li.active strong {
    color: var(--color-g400);
}

ol.cart-header li {
    width: 33.333%;
}

.cart-table-header {
    color: var(--color-g400);
    font-size: var(--size-small);
    letter-spacing: 1px;
    line-height: 1.2;
}

.cart-table .p-quantity .quantity {
    border-color: var(--color-g50);
    border-radius: 100px;
}

.cart-table .p-quantity .quantity input {
    width: 60px !important;
    font-size: 18px;
}

.cart-table .p-quantity .quantity .increase, .cart-table .p-quantity .quantity .decrease {
    width: 34px;
    height: 34px !important;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: var(--color-b50);
}

.cart-table .p-quantity .quantity .increase {
    right: 10px;
}

.cart-table .p-quantity .quantity .decrease {
    left: 10px;
}

.cart-table .p-quantity .quantity .increase::before, .cart-table .p-quantity .quantity .decrease::before {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 18px;
    color: var(--color-b400);
    font-weight: 700;
    border-radius: 50%;
    line-height: 30px;
}

.cart-table .p-quantity .quantity .increase::before {
    content: "+";
}

.cart-table .p-quantity .quantity .decrease::before {
    content: "-";
}

.quantity .decrease:hover:before, .quantity .increase:hover:before {
    background: var(--color-g50);
}

.cart-table .p-price .price-final, .cart-table .unit-value {
    color: var(--color-g100);
}

.cart-table .unit-value {
    display: none;
}

.cart-inner .cart-table {
    font-size: var(--size-small);
    letter-spacing: 1px;
}

.cart-inner .cart-table .free-gift-row .free-gifts-wrapper {
    display: flex;
    align-items: center;
}

.cart-table .p-price.p-cell .price-final {
    font-size: var(--size-small);
}

.cart-inner {
    padding: 48px 0 0;
}

.cart-table tr:first-child>td {
    padding-top: 0;
}

.cart-table tr.cart-table-header td.cart-p-image::before {
    content: "Produkt";
}

.cart-table tr td {
    border-bottom-color: var(--color-g50);
    border-top-color: transparent;
}

.cart-table .p-total .price-final {
    font-weight: 600;
}

tr.removeable .remove-item {
    opacity: 1;
}

tr.removeable .remove-item, .remove-item-placeholder {
    width: 56px;
    margin-right: -56px;
}

.cart-table .p-total {
    padding-right: 56px;
}

.remove-item::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("/user/documents/upload/Images/close.svg") no-repeat center;
    background-size: contain;
}

tr.removeable .remove-item {
    padding-right: 0;
}

.cart-table .cart-p-image img {
    width: 64px;
}

.cart-table tr>td {
    padding: 20px 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.cart-table tr>td.p-quantity {
    width: 15%;
}

.cart-table tr>td.p-price {
    width: 15%;
}

.cart-table tr>td.p-total {
    width: 15%;
}

.cart-table .main-link {
    font-size: var(--size-small);
    font-weight: 600;
    line-height: 1.4;
}

.cart-table .show-related b {
    font-weight: 400;
}

.cart-table .show-related {
    font-size: 12px;
    line-height: 1;
    padding-top: 5px;
}

.ordering-process .cart-related-button .btn.btn-conversion, .ordering-process .cart-related-button a.btn.btn-conversion {
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
}

.cart-table td.p-availability strong {
    font-weight: 600;
}

.cart-table tr.free-gift-row td {
    border-color: transparent;
    padding: 6px 5px;
}

.free-gifts-wrapper .free-gifts-img > img, .free-product-gifts-wrapper .free-gifts-img>img {
    width: 64px;
}

.free-gifts-wrapper .free-gift-label, .free-product-gifts-wrapper .free-gift-label {
    font-size: var(--size-normal);
    color: var(--color-g400);
    padding-left: 26px;
    line-height: 1.4;
}

.free-product-gifts-wrapper .free-product-gifts {
    margin: 0;
}

.cart-table tr.free-gift-row td.p-availability {
    opacity: 0;
}

.cart-table tr.free-gift-row td.free-gift-price {
    padding-right: 56px;
    color: var(--color-g400);
    font-size: var(--size-h6);
    font-weight: 600;
}

.discount-coupon .input-group .btn {
    height: 54px;
    width: auto;
    font-size: 0px;
    margin-left: -4px;
    border-radius: 0 50px 50px 0;
    position: relative;
    padding: 0 5px;
}

.discount-coupon .btn.btn-arrow-right.btn-text::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.discount-coupon .form-control {
    border-radius: 50px 0 0 50px;
}

.free-gifts-img::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/plus_red.svg") no-repeat center;
    background-size: contain;
}

.cart-table .free-gift-row > td:first-child {
    padding-top: 68px;
    position: relative;
}

.cart-table .free-gift-row > td:first-child::before {
    content: "Zdarma od nás dostanete";
    position: absolute;
    top: 24px;
    left: 0;
    display: block;
    padding-left: 36px;
    background: url("/user/documents/upload/Images/gift_red.svg") no-repeat left center;
    background-size: 24px;
    font-size: var(--size-h6);
    font-weight: 500;
}

.cart-table .free-gift-row + .free-gift-row > td:first-child {
    padding-top: 0;
}

.cart-table .free-gift-row + .free-gift-row > td:first-child::before {
    display: none;
}

.cart-table .free-gift-row + .free-gift-row {
    padding-top: 0;
}

.cart-inner .summary {
    margin-top: 40px;
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
}

.cart-inner .summary::before, .cart-inner .summary::after {
    content: none;
}

.toggle-coupon-input .toggle-coupon-input-button::after {
    content: none;
}

.toggle-coupon-input .toggle-coupon-input-button {
    font-size: var(--size-small);
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--color-g300);
    text-decoration: none;
}

.toggle-coupon-input .toggle-coupon-input-button::before {
    content: "";
    display: inline-block;
    margin-right: 12px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-g75);
    border-radius: 4px;
    vertical-align: text-top;
}

.toggle-coupon-input .toggle-coupon-input-button.discount-coupon-visible::after {
    content: none;
}

.toggle-coupon-input .toggle-coupon-input-button.discount-coupon-visible::before {
    background: var(--color-b400);
    background-image: url("/user/documents/upload/Images/check-white.svg");
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
}

.price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary, .price-wrapper .price-secondary {
    flex: 1 1 50%;
}

.cart-inner .summary > div:nth-child(2) {
    background: var(--color-s300);
    border-radius: 12px;
    padding: 40px;
    max-width: 460px;
    width: 100%;
}

.price-wrapper .price-label.price-primary, .price-wrapper .price-label.price-secondary {
    text-align: left;
}

.price-wrapper {
    padding-top: 0;
}

.cart-inner .summary > div:nth-child(2) .next-step-back {
    display: none;
}

.price-wrapper .price.price-primary {
    font-size: 24px;
    font-weight: 600;
    padding: 0;
    line-height: 1.4;
}

.price-wrapper .price-label.price-primary {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
}

.price-wrapper .price-label.price-secondary {
    font-size: var(--size-small);
    line-height: 1.2;
    font-weight: 400;
    color: var(--color-g300);
}

.price-wrapper .price-secondary {
    font-size: var(--size-small);
    line-height: 1.2;
    font-weight: 400;
    color: var(--color-g300);
}

.price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary {
    margin-bottom: 9px;
}

.next-step {
    margin: 32px 0 0;
}

#continue-order-button {
    width: 100%;
    font-weight: 700;
    line-height: 1;
    padding: 16px;
}

#continue-order-button .order-button-text {
    line-height: 1.7;
    font-size: 13px;
}

#continue-order-button .order-button-text::after, #orderFormButton .order-button-text::after {
    content: "v objednávce";
    display: inline-block;
    margin-left: 5px;
}

.consents a:hover {
    text-decoration: none;
}

#continue-order-button::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    vertical-align: text-bottom;
    background: url("/user/documents/upload/Images/chevron-right_white.svg") no-repeat center;
    background-size: contain;
}

.summary .extra.darek-zdarma {
    padding: 0 0 0 36px;
    background-image: url("/user/documents/upload/Images/gift_red.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 4px;
    max-width: 330px;
    font-size: var(--size-small);
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--color-g300);
    margin-right: 10px;
}
.summary .extra.darek-zdarma.darek-dosazen{background-position: 0 0;line-height: 25px;}

.summary .extra.darek-zdarma span {
    position: relative;
    display: block;
    min-height: 52px;
}

.summary .extra.darek-zdarma .price-range {
    margin: 0 0 0 -36px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 36px);
}

.cart-inner .summary > div:first-child .box-bg-default {
    display: flex;

}

.summary .extra.delivery, .cart-free-shipping {
    max-width: 330px;
    width: 100%;
    padding: 0;
    margin-left: 10px;
    font-size: var(--size-small);
    letter-spacing: 1px;
}

.summary .extra.delivery > span, .cart-free-shipping > div {
    position: relative;
    padding-left: 36px;
    background: url("/user/documents/upload/Images/truck_green.svg") no-repeat left top;
    background-size: 24px;
    padding-bottom: 0;
    display: block;
    line-height: 1.2;
}
/*
.summary .extra.delivery > span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 100px;
    background: var(--color-b400);
}
*/

.summary .extra.delivery .delivery-time {
    margin: 8px 0 0;
    line-height: 1.2;
    
}

.summary .extra.delivery .delivery-time strong {
    font-weight: 400;
}

.coupon-input {
    padding: 0 0 40px;
}

.cart-inner .summary > div:nth-child(2) .next-step-back {
    padding: 0;
    margin: 26px 0 0;
}

.cart-inner .summary > div:nth-child(1) .next-step-back .continue-shopping {
    text-decoration: underline;
    color: var(--color-g300);
}

.cart-inner .summary > div:nth-child(1) .next-step-back .continue-shopping::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 12px;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    transform: rotate(180deg);
}

.cart-inner .summary > div:nth-child(1) .next-step-back .continue-shopping:hover {
    text-decoration: none;
}

#cart-wrapper {
    max-width: 1180px;
    margin: 0 auto;
}

.summary .col-md-8 {
    max-width: 680px;
    padding-right: 0;
}

.order-summary .checkout-box {
    display: none;
}

#checkoutSidebar {
    max-width: 360px;
    padding: 0;
}

#checkoutContent {
    width: 100%;
    max-width: 940px;
    margin-left: 0;
    padding: 0;
}

.id--16 .row.cart-row {
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
}

.id--16 .row.cart-row::before, .id--16 .row.cart-row::after {
    content: none;
}

.ordering-process .co-box.co-basic-information h4::before {
    content: none;
}

.ordering-process .co-box h4{
    padding: 0;
}

.id--16 .order-icon::before {
    content: none !important;
}

#select-country-payment > .co-basic-information > div > div:first-child {
    padding: 0 10px 0 0;
}

#select-country-payment > .co-basic-information > div > div:nth-child(2) {
    padding: 0 0 0 10px;
}

.smart-labels-active #select-country-payment .smart-label-wrapper label {
    position: relative;
    width: 100% !important;
    font-size: var(--size-small);
    letter-spacing: 1px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-g300);
    opacity: 1;
    padding: 0;
    margin: 0 0 12px;
    height: unset;
}

.smart-labels-active #select-country-payment .smart-label-wrapper label::after {
    content: ":";
}

select.form-control {
    height: 54px !important;
    border-radius: 100px;
    padding: 15px 24px;
    font-size: var(--size-small);
    color: var(--color-g400);
    background-image: url("/user/documents/upload/Images/chevron-down.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 24px) center;
}

.order-icon.order-information {
    margin: 0 0 32px;
}

.shipping-billing-table .radio-wrapper {
    border: 1px solid var(--color-g50);
    padding: 16px 24px;
    margin-bottom: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    min-height: 84px;
}

.shipping-billing-table .radio-wrapper.active {
    border-color: var(--color-b200);
    background: var(--color-b50);
}

.shipping-billing-table .radio-wrapper > label .payment-logo {
    order: -1;
    flex-basis: 100px;
    margin-right: 20px;
    height: 50px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shipping-billing-table .payment-info {
    line-height: 1;
}

.shipping-billing-table .payment-info .shipping-billing-name {
    font-size: var(--size-h6);
    line-height: 1.1;
    letter-spacing: 1px;
    color: var(--color-g400);
}

input[type="checkbox"]+label::before, input[type="radio"]+label::before {
    border-color: var(--color-g75);
    width: 20px;
    height: 20px;
}

.shipping-billing-table .radio-wrapper input[type="radio"]+label {
    padding-left: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.radio-wrapper input[type="checkbox"]:checked + label::after, .radio-wrapper input[type="radio"]:checked+label::after, input[type="radio"]:checked+label::after {
    background: url("/user/documents/upload/Images/radio.svg") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    left: 0;
    border-width: 0;
}

input[type="checkbox"]:checked+label::after {
    width: 20px;
    height: 20px;
    left: 0;
    border-width: 0;
}

.desktop .shipping-billing-table .radio-wrapper:hover {
    box-shadow: none;
    border-color: var(--color-b200) !important;
}

#order-shipping-methods .payment-info > span a {
    font-size: var(--size-small);
    color: var(--color-b400);
    text-decoration: underline;
    line-height: 1.7;
}

#order-shipping-methods .payment-info > span a:hover {
    text-decoration: none;
}

.radio-wrapper .payment-shipping-price {
    color: var(--color-g400);
    letter-spacing: 1px;
    font-size: var(--size-h6);
    line-height: 1.1;
    font-weight: 600;
}

.radio-wrapper.active .payment-shipping-price {
    color: var(--color-g400);
}

.ordering-process .co-box.co-payment-method h4 {
    margin: 48px 0 24px;
}

.ordering-process .co-box h4.order-delivery::before {
    content: "1. " !important;
    position: relative;
    display: inline-block;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: var(--size-h4);
    vertical-align: inherit;
    font-weight: 500;
    margin-right: 5px;
}

.ordering-process .co-box h4.order-payment::before {
    content: "2. " !important;
    position: relative;
    display: inline-block;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: var(--size-h4);
    vertical-align: inherit;
    font-weight: 500;
    margin-right: 5px;
}

.payment-logo img {
    max-height: 40px;
    max-width: 88px;
}

#order-billing-methods .payment-logo {
    order: -1;
}
@media screen and (max-width: 767px){
    .shipping-billing-table .radio-wrapper > label .payment-logo{display: block;height: auto;background-color: transparent;}
    .payment-logo img {max-height: 26px;max-width: 56px;}
}

.order-summary-inner {
    padding: 32px 24px 0;
    margin: 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: var(--color-g50);
    border-radius: 12px 12px 0 0;
}

.order-summary h4 {
    padding: 0;
    margin-bottom: 6px;
}

.order-summary-item {
    padding: 15px 0;
}

.order-summary-item .cart-item-amount {
    margin-left: auto;
    text-align: right;
    color: var(--color-g100);
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
}

.order-summary-item .cart-item-amount span {
    color: var(--color-g100);
}

.order-summary-item>div:not(.price-wrapper):last-child {
    font-weight: 600;
    font-size: var(--size-small);
}

.order-summary-item>div.cart-item-name a {
    color: var(--color-g400);
    font-size: var(--size-small);
    line-height: 1.4;
    letter-spacing: unset;
}

.order-summary-item.helper {
    padding: 15px 0;
    font-size: var(--size-small);
    line-height: 1.4;
    font-weight: 600;
}

#shipping-billing-summary {
    border-top: 1px solid var(--color-g400);
    padding: 14px 0 26px;
}

.order-summary-item.gift-items {
    padding-left: 28px;
    background: url("/user/documents/upload/Images/gift_red.svg") no-repeat center left;
    background-size: 16px;
}

.order-summary-item>div:not(.price-wrapper):last-child {
    width: 80px;
}

.recapitulation-single {
    padding: 5px 0;
    border: none;
}

.recapitulation-single > strong span {
    font-weight: 600;
}

.order-summary-item.price {
    margin: 0 -24px;
    background: var(--color-s300);
    width: calc(100% + 48px);
    padding: 24px 0 32px;
}

.order-summary-item.price .price-wrapper {
    padding: 0 24px;
}

.next-step.next-step--step-1 {
    position: relative;
    margin-top: 0;
    display: flex;
    flex-direction: column-reverse;
    padding: 0 24px;
}

.next-step.next-step--step-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 78px;
    background: var(--color-s300);
    border-radius: 0 0 12px 12px;
}

.next-step.next-step--step-1 .next-step-back.back-to-shop {
    margin-top: 56px;
    padding: 0;
    font-size: var(--size-normal);
    color: var(--color-g300);
    line-height: 1.7;
    text-decoration: underline;
}

.next-step.next-step--step-1 .next-step-back.back-to-shop:hover {
    text-decoration: none;
}

.next-step.next-step--step-1 .next-step-back.back-to-shop::before {
    content: "";
    display: inline-block;
    margin-right: 12px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    transform: rotate(180deg);
}

#orderFormButton {
    width: 100%;
    font-weight: 700;
    line-height: 1;
    padding: 16px;
    position: relative;
    font-size: 13px;
}

#orderFormButton .order-button-text {
    line-height: 1.7;
    font-size: 13px;
}

#orderFormButton::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    vertical-align: text-bottom;
    background: url("/user/documents/upload/Images/chevron-right_white.svg") no-repeat center;
    background-size: contain;
}

.id--17 #checkoutContent {
    max-width: 820px;
}

.id--17 .row.cart-row {
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
}

.id--17 .row.cart-row::before, .id--17 .row.cart-row::after, .ordering-process .co-box.co-contact-information h4::before, .ordering-process .co-box.co-billing-address h4::before, .ordering-process .co-box.co-shipping-address h4::before {
    content: none;
}

#checkoutContent .helper {
    background: var(--color-s300);
    border-radius: 8px;
    padding: 19px 19px 19px 64px;
    background-image: url("/user/documents/upload/Images/person.svg");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 16px center;
    color: var(--color-g200);
}

#checkoutContent .helper a {
    color: var(--color-b400);
    font-weight: 400;
}

#checkoutContent .helper a:hover {
    text-decoration: none;
}

.ordering-process #checkoutContent .co-box h4 {
    margin: 48px 0 24px;
}

.ordering-process #checkoutContent .co-box h4.order-information {
    margin-top: 0;
}

.ordering-process #checkoutContent .co-box h4.order-delivery {
    margin-top: 28px;
}

.smart-labels-active #checkoutContent .smart-label-wrapper label {
    position: relative;
    flex-shrink: 0;
    padding: 0;
    height: unset;
    line-height: 1;
    width: calc(100% - 580px);
}

.smart-labels-active #checkoutContent .smart-label-wrapper label span {
    font-size: var(--size-small);
    height: unset;
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--color-g300);
}

.smart-labels-active #checkoutContent .smart-label-wrapper label span::after {
    color: var(--color-p300);
}

.smart-labels-active #checkoutContent .smart-label-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#checkoutContent .form-group:not(.phone-form-group) input {
    width: 580px;
    height: 54px;
    border-radius: 100px;
    border-color: var(--color-g75);
    padding: 11px 18px;
}

#checkoutContent .form-group {
    margin-bottom: 20px;
}

#checkoutContent .form-group.phone-form-group {
    display: flex;
    margin-bottom: 0;
}

#checkoutContent .form-group.phone-form-group label {
    left: auto !important;
}

#checkoutContent .form-group.phone-form-group .phone-combined-input {
    max-width: 580px;
    width: 100%;
    position: relative;
}

#checkoutContent .form-group.phone-form-group .phone-combined-input input {
    height: 54px;
    border-radius: 100px;
    padding: 11px 18px 11px 105px;
    border-color: var(--color-g75);
}

#checkoutContent .form-group.phone-form-group .phone-combined-input .country-flags {
    position: absolute;
    left: 18px;
}

.smart-labels-active #checkoutContent .smart-label-wrapper.populated #billCountryId {
    max-width: 580px;
}

.ordering-process .co-box.co-billing-address .form-group {
    margin-top: 0;
}

.ordering-process #checkoutContent .co-box .stay-in-touch h4 {
    margin-top: 28px;
}

.country-flag .shp-flag-label {
    font-weight: 600;
}

#checkoutContent .form-group:not(.phone-form-group) input#billZip {
    max-width: 220px;
}

#checkoutContent .form-group .js-validator-msg.msg-error {
    width: 100%;
    text-align: right;
}

.id--17 .order-summary-item.helper {
    border-bottom: 1px solid #242527;
    border-top: none;
    margin-bottom: 14px;
}

.id--17 .order-summary-item[data-testid=recapCartItem] {
    padding: 5px 0;
    border: none;
}

.id--17 .order-summary-item[data-micro="cartItem"], .id--17 .order-summary-item.gift-items {
    padding: 15px 0;
    border-bottom: 1px solid var(--color-g50);
}

.id--17 .order-summary-item.gift-items {
    padding-left: 28px;
}

.id--17 #shipping-billing-summary {
    border: none;
    padding: 0;
}

.id--17 .order-summary-item.price {
    margin-top: 30px;
}

.id--17 .consents.consents-first {
    padding: 0 24px 16px;
    background: var(--color-s300);
    margin: 0;
}

.id--17 .consents.consents-first label {
    margin-right: 0;
}

.id--17 .consents:not(.consents-first) {
    margin: 0;
    padding: 0 24px 32px;
    background: var(--color-s300);
}

.next-step.next-step--step-2 {
    position: relative;
    margin-top: 0;
    flex-direction: column-reverse;
    padding: 0 24px;
}

.next-step.next-step--step-2::before {
    content: "";
    position: absolute;
    height: 97px;
    width: 100%;
    border-radius: 0 0 12px 12px;
    background: var(--color-s300);
    top: 0;
    left: 0;
}

#submit-order {
    width: 100%;
    font-weight: 700;
    line-height: 1;
    padding: 16px;
    position: relative;
    font-size: 13px;
    letter-spacing: 2px;
}

#submit-order .order-button-text {
    line-height: 1.7;
    font-size: 13px;
    font-weight: 700;
}

#submit-order .order-button-suffix {
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 1.7;
}

.next-step.next-step--step-2 .next-step-back.back-to-shop {
    margin-top: 56px;
    padding: 0;
    font-size: var(--size-normal);
    color: var(--color-g300);
    line-height: 1.7;
    text-decoration: underline;
}

.next-step.next-step--step-2 .next-step-back.back-to-shop:hover {
    text-decoration: none;
}

.next-step.next-step--step-2 .next-step-back.back-to-shop::before {
    content: "";
    display: inline-block;
    margin-right: 12px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    transform: rotate(180deg);
}

/*DEKUJEME*/

.id--15 #content-wrapper {
    position: relative;
}

.id--15 #content-wrapper::before {
    content: "";
    width: calc(100vw - var(--scrollbar-width));
    position: absolute;
    height: 444px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: var(--color-b50);
    background-image: url("/user/documents/upload/Images/order-sent-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.id--15 .content-wrapper-in {
    position: relative;
}

.dekujeme-header h1.order-summary-heading {
    text-align: center;
    margin: 64px 0 16px !important;
}

.dekujeme-header h1.order-summary-heading::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url("/user/documents/upload/Images/check-circle-fill.svg") no-repeat center;
    background-size: contain;
    margin: 0 auto 40px;
}

.dekujeme-text {
    text-align: center;
    font-size: var(--size-h5);
    line-height: 1.1;
    letter-spacing: 1px;
}

.id--15 .content-inner {
    max-width: 940px;
    margin: 58px auto 0;
    background: #fff;
    box-shadow: 0px 0px 40px 0px #315E451A;
    border-radius: 20px;
    padding: 64px;
}

.ordering-process .recapitulation-wrapper .co-box h4.order-content::before {
    content: none;
}

.ordering-process .recapitulation-wrapper .co-box h4.order-content {
    margin: 0 0 16px;
}

.id--15 .recapitulation-wrapper {
    margin: 0 0 48px;
}

.id--15 .cart-table tr.cart-table-header td.cart-p-image::before {
    content: none;
}

.id--15 .cart-table tbody > tr:not(:first-child) .p-quantity, .id--15 .cart-table tbody > tr:not(:first-child) .p-price {
    color: var(--color-g100);
}

.id--15 .cart-table .p-price {
    min-width: 140px;
}

.id--15 .cart-table .p-quantity {
    min-width: 90px;
}

.id--15 .content-inner > div {
    letter-spacing: 1px !important;
}

.id--15 .recapitulation-wrapper .cart-table tbody > tr:not(:first-child) .p-total {
    font-size: var(--size-h6);
    font-weight: 600;
}

.id--15 .gift-line .p-name {
    padding-left: 36px;
    background-image: url("/user/documents/upload/Images/gift_red.svg");
    background-size: 24px;
    background-position: left center;
    background-repeat: no-repeat;
}

.id--15.ordering-process .co-box h4.order-payment::before {
    content: none !important;
}

.id--15 .cart-table .p-name {
    font-weight: 600;
    line-height: 1.4;
}

.uhrada {
    display: flex;
    width: 100%;
    text-align: right;
    justify-content: flex-end;
    padding-bottom: 0px;
}

.id--15 .recapitulation-wrapper .co-payment-method > .row > div:nth-child(2){
    text-align: right;
}

.id--15.ordering-process .co-box.co-payment-method {
    margin-top: 64px;
}

.id--15.ordering-process .co-box.co-payment-method h4 {
    margin: 0 0 16px;
}

.id--15.ordering-process .co-box.co-payment-method > .row {
    display: flex;
    align-items: flex-end;
    -webkit-justify-content: space-between;justify-content: space-between;
}

.id--15.ordering-process .co-box.co-payment-method > .row::before, .id--15.ordering-process .co-box.co-payment-method > .row::after {
    content: none;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div {
    width: 100%;
    max-width: 396px;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div.cena {
    position: relative;
    max-width: 336px;
    background: var(--color-s300);
    border-radius: 12px;
    padding: 40px 32px;
    text-align: center;
    letter-spacing: 1px;
    color: var(--color-g400);
}

.id--15.ordering-process .co-box.co-payment-method > .row > div.cena::before {
    content: "";
    position: absolute;
    width: 64px;
    height: 45px;
    left: 50%;
    bottom: calc(100% - 10px);
    background: url("/user/documents/upload/Images/leaves_grey.svg") no-repeat center bottom;
    background-size: contain;
    transform: translateX(-50%);
}

.id--15.ordering-process .co-box.co-payment-method > .row > div.cena .uhrada {
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
    align-items: center;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div.cena .uhrada th {
    font-size: var(--size-h6);
    line-height: 1.2;
    font-weight: 400;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div.cena .uhrada td {
    font-size: var(--size-h3);
    font-weight: 600;
    line-height: 1.4;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div.col-sm-12 {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div.col-sm-12 .qrcode {
    margin-bottom: 20px;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div table {
    width: 100%;
    margin-bottom: 0;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div table tr td {
    text-align: right;
}

.id--15 .recapitulation-wrapper table.table tbody>tr>th::after {
    content: none;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div table tr th {
    font-weight: 600;
}

.id--15.ordering-process .co-box.co-payment-method > .row > div table tr td, .id--15.ordering-process .co-box.co-payment-method > .row > div table tr th {
    padding: 20px 0;
    line-height: 1.4;
    border-bottom: 1px solid var(--color-g50);
}

.id--15 .recapitulation-wrapper .order-summary-item {
    font-size: var(--size-normal);
    letter-spacing: .5px !important;

}

.id--15 .dekujeme-spodek {
    border-top: 1px solid var(--color-g50);
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
    padding: 64px 0 0;
}

.id--15 .dekujeme-spodek .btn.btn-conversion {
    font-weight: 700;
    line-height: 1.7;
    font-size: 13px;
    letter-spacing: 2px;
    padding: 16px 48px;
    text-transform: uppercase;
}

.id--15 .dekujeme-spodek .btn.btn-conversion::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background: url("/user/documents/upload/Images/chevron-right_white.svg") no-repeat center;
    background-size: contain;
    transform: rotate(180deg);
    vertical-align: text-top;
}

.id--15 .dekujeme-spodek .order-complete-links, .id--15 .dekujeme-spodek .order-complete-links p {
    margin: 0;
}

.id--15 .dekujeme-spodek .right h6 {
    font-size: var(--size-small);
    margin: 0 0 16px;
    text-align: right;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1px;
}

.id--15 .dekujeme-spodek .right .socky ul {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.id--15 .dekujeme-spodek .right .socky ul li a {
    margin: 0 0 0 8px;
    box-shadow: 0px 1px 2px 0px #46866226;
}

.id--15 .co-payment-method > .row > div:nth-child(2):not(.cena) .uhrada {
    background: var(--color-s300);
    padding: 40px 30px;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 336px;
}

.id--15 .co-payment-method > .row > div:nth-child(2):not(.cena) .uhrada::before {
    content: "";
    position: absolute;
    width: 64px;
    height: 45px;
    left: 50%;
    bottom: calc(100% - 10px);
    background: url("/user/documents/upload/Images/leaves_grey.svg") no-repeat center bottom;
    background-size: contain;
    transform: translateX(-50%);
}

.id--15 .co-payment-method > .row > div:nth-child(2):not(.cena) .uhrada th {
    font-size: var(--size-h6);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--color-g400);
}

.id--15 .co-payment-method > .row > div:nth-child(2):not(.cena) .uhrada td {
    padding-left: 24px;
    font-size: var(--size-h3);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1px;
}

/*PRÁZDNÝ KOŠÍK*/

.prazdny-kosik #cart-wrapper {
    max-width: 1316px;
}

.id--3 .side-products .bottom {
    margin-bottom: 40px;
}

.cart-inner.cart-empty {
    background: url("/user/documents/upload/Images/empty-cart-bg.jpg");
    background-repeat: no-repeat;
    background-position: center -72px;
    background-size: contain;
}

.cart-inner.cart-empty .cart-heading {
    max-width: 440px;
    text-align: center;
    margin: 16px auto 24px;
}

.cart-inner.cart-empty .cart-heading::before {
    content: "";
    display: block;
    margin: 0 auto 40px;
    width: 76px;
    height: 76px;
    background: url("/user/documents/upload/Images/cart-zero.svg") no-repeat center;
    background-size: contain;
}

.cart-inner.cart-empty .pk-text  {
    max-width: 460px;
    margin: 0 auto 64px;
    text-align: center;
}

.cart-inner.cart-empty .pk-text p {
    margin-bottom: 40px !important;
}

.ordering-process .btn.btn-conversion, .ordering-process a.btn.btn-conversion {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

.prazdny-kosik-spodek > .side-clanky {
    max-width: 698px;
    margin: 0 auto 40px;
    padding-top: 40px;
    border-top: 1px solid var(--color-g50);
}

.prazdny-kosik-spodek .side-clanky h6 {
    line-height: 1.4;
    margin: 0 0 24px;
}

.side-clanky ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.side-clanky ul > li:nth-child(5) {
    display: none;
}

.side-clanky ul li {
    line-height: 1;
    position: relative;
    padding: 8px 0 8px 24px;
    width: 50%;
}

.side-clanky ul li::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/user/documents/upload/Images/leaf_with_opacity.svg") no-repeat center;
    background-size: contain;
}

.side-clanky ul li a {
    position: relative;
    line-height: 1.2;
    letter-spacing: 1px;
    display: block;
    text-decoration: underline;
}

.side-clanky ul li a:hover {
    text-decoration: none;
}

.empty-contact {
    max-width: 940px;
    background: var(--color-s300);
    border-radius: 12px;
    margin: 0 auto 80px;
    padding: 32px 60px;
}

.empty-contact .contact-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.contact-box {
    min-height: unset;
}

.empty-contact .contact-box h6 {
    font-size: var(--size-h4);
    max-width: 335px;
    padding-left: 95px;
    background: url("/user/documents/upload/Images/header-contact-lady.png") no-repeat left center;
    background-size: 74px;
    height: 76px;
    display: flex;
    align-items: center;
    margin: 0 20px 0 0;
}

.empty-contact .contact-box ul {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: 100%;
}

.empty-contact .contact-box ul li {
    word-break: normal;
}

.empty-contact .contact-box ul li>span.mail::before, .empty-contact .contact-box ul li>span.tel::before {
    content: none;
}

.empty-contact .contact-box ul li>span.tel a {
    font-size: var(--size-h4);
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 1px;
}

.empty-contact .contact-box ul li>span.tel a:hover {
    text-decoration: underline;
}

.empty-contact .contact-box ul li>span.tel::after {
    content: "(Po-Pá 8:00 - 16:00 hod.)";
    display: block;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--color-g300);
}

.empty-contact .contact-box ul > li:nth-child(2) {
    margin-right: 20px;
    width: 100%;
    max-width: 220px;
}

.empty-contact .contact-box ul li>span.mail a {
    text-decoration: underline;
    font-size: var(--size-h4);
    font-weight: 500;
    line-height: 1.1;
}

.empty-contact .contact-box ul li>span.mail a:hover {
    text-decoration: none;
}

.prazdny-kosik .homepage-group-title {
    margin-bottom: 16px;
}

/*MAGAZÍN*/

.art-header {
    padding-bottom: 80px;
}

.in-blog .art-header {
    background-image: url("/user/documents/upload/Images/magazin-bg.png");
    background-size: auto 100%;
    background-position: 90% center;
    background-repeat: no-repeat;
    min-height: 389px;
    background-color: var(--color-b50);
    padding-top: 30px;
}

.art-header h1 {
    margin: 48px 0 32px;
}

.art-header > .container > *:not(.breadcrumbs):not(h1) {
    max-width: 460px;
}

.art-header > .container {
    padding: 0;
}

.container-narrow {
    width: 100%;
    max-width: 1340px;
}

.type-posts-listing.in-blog .subcategories {
    margin-top: -119px;
}

.type-posts-listing .subcategories li a {
    background: #fff;
    height: 100px;
    padding: 0;
}

.type-posts-listing .subcategories li a:hover {
    text-decoration: underline;
    background: var(--color-b400);
    color: #fff;
}

.type-posts-listing .subcategories li a:hover .text {
    color: #fff;
}

.type-posts-listing .subcategories.with-image li a .image {
    width: 100px;
    height: 100px;
    border-radius: 0;
}

.type-posts-listing .subcategories.with-image li a .image img {
    max-height: 100px;
}

#newsWrapper {
    margin: 34px -20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: unset;
}

#newsWrapper > article {
    margin: 20px;
    width: calc(33.3333% - 40px);
    position: relative;
}

.in-blog #newsWrapper > article:first-child {
    width: calc(66.66666% - 40px);
}

.in-blog #newsWrapper > article:first-child.news-item .text {
    position: absolute;
    width: 460px;
    max-width: 100%;
    bottom: 0;
    left: 0;
    padding: 24px;
    background: #fff;
    border-top-right-radius: 12px;
}

.news-wrapper .news-item .news-image {
    margin-bottom: 0;
    border-radius: 12px;
}

.news-wrapper .news-item time {
    color: var(--color-g200);
    line-height: 1.7;
}


.in-blog #newsWrapper > article:first-child time {
    margin: 0 0 8px;
}

.in-blog #newsWrapper > article:first-child.news-item .title {
    font-size: var(--size-h5);
    letter-spacing: 2px;
}

#newsWrapper h2 {
    line-height: 1;
    margin: 0 0 20px;
}

#newsWrapper .read-article {
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: underline;
    line-height: 1.4;
}

#newsWrapper .read-article:hover {
    text-decoration: none;
}


#newsWrapper > article time {
    margin: 8px 0;
}

#newsWrapper > article .title {
    font-size: var(--size-h6);
    line-height: 1.4;
    letter-spacing: 1px;
    text-decoration: underline;
}


#newsWrapper > article .title:hover {
    text-decoration: none;
}

.type-posts-listing .pagination-wrapper, .type-posts-listing .pagination-wrapper .pagination {
    justify-content: center;
}

.type-posts-listing .content-inner {
    padding-bottom: 64px;
    border-bottom: 1px solid var(--color-g50);
}

.vyhody-side .benefitBanner {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.type-posts-listing:not(.in-blog) .art-header {
    position: relative;
    background-color: var(--color-b50);
    padding-top: 30px;
    overflow: hidden;
}

.type-posts-listing:not(.in-blog) .art-header::after {
    content: "";
    position: absolute;
    width: 949px;
    height: 711px;
    top: 0px;
    left: 50%;
    background: url("/user/documents/upload/Images/blog-category-bg1.png") no-repeat top center;
    background-size: contain;
    transform: translateX(-50%);
    margin-left: 320px;
}

.dalsi-rubriky .subcategories {
    margin: 0 -10px;
}

.type-post #content {
    padding-top: 48px;
}

.dalsi-rubriky {
    padding-top: 80px;
    border-top: 1px solid var(--color-g50);
    text-align: center;
    margin-top: 70px;
}

.dalsi-rubriky h2 {
    margin: 0 0 38px;
}

.type-post header.img-yes {
    display: flex;
}

.type-post header.img-yes .left {
    max-width: 460px;
    font-size: var(--size-h5);
    font-weight: 700;
    margin-right: 140px;
}

.type-post header.img-yes .left time {
    color: var(--color-g200);
    margin: 0 0 25px;
    display: block;
}


.type-post header.img-yes .left h1 {
    font-size: 48px;
}

.type-post header.img-yes .left p {
    margin-bottom: 0 !important;
}

.type-post header.img-yes .right .art-img {
    margin-bottom: 0 !important;
}

.type-post header.img-yes .right .art-img img {
    border-radius: 12px;
}

.type-post #content-wrapper {
    background-image: url("/user/documents/upload/Images/group_of_leaves_3.svg");
    background-size: 666px;
    background-repeat: no-repeat;
    background-position: 232px -130px;
}

.news-item-detail > article > .text {
    max-width: 940px;
    margin: 0 auto;
    font-size: var(--size-h5);
    line-height: 1.7;
}

.news-item-detail > article > .text h2, .news-item-detail > article > .text h3, .news-item-detail > article > .text h4 {
    margin: 40px 0 24px;
}

.news-item-detail > article > .text > h2:first-child, .news-item-detail > article > .text h3:first-child {
    margin-top: 0;
}

.news-item-detail > article > .text p {
    margin: 0 0 40px !important;
}

.news-item-detail > article > .text h3 {
    line-height: 1.4;
}

.tip {
    margin: 40px 0 40px;
    padding: 32px 32px 32px 165px;
    background: var(--color-b50);
    border-radius: 12px;
    font-size: var(--size-h5);
    background-image: url("/user/documents/upload/Images/leaves_dark.svg");
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 32px 32px;
}

.tip.tip2 {
    background-color: var(--color-s300);
}

.news-item-detail .text .tip p {
    margin-bottom: 0 !important;
}

.news-item-detail .text .tip h3 {
    margin: 0 0 8px;
}

.news-item-detail .text .tip a {
    text-decoration: underline;
}

.news-item-detail .text .tip a:hover {
    text-decoration: none;
}


.clanek-autor {
    position: relative;
    padding: 32px 32px 32px 164px;
    background: var(--color-b50);
    border-radius: 20px;
    background-image: url("/user/documents/upload/Images/tomas-karasek.png");
    background-size: 100px;
    background-position: 32px 32px;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 64px 0 0;
}

.clanek-autor h4 {
    margin: 0 0 23px !important;
}

.clanek-autor h4 span {
    display: block;
    color: var(--color-g100);
    font-size: var(--size-small);
    line-height: 1.2;
    font-weight: 400;
}

.news-item-detail .text img[style*="float: right"] {
    width: 50%;
    margin: 0 0 40px 20px;
}

.news-item-detail .text img[style*="float: left"] {
    width: 50%;
    margin: 0 20px 40px 0;
}

#content .news-item-detail .clanek-autor p {
    margin: 0 !important;
}

.clanek-autor::before {
    content: "";
    position: absolute;
    width: 93px;
    height: 45px;
    background: url("/user/documents/upload/Images/group_of_leaves_dark.svg") no-repeat center bottom;
    background-size: contain;
    left: 30px;
    bottom: 0px;
    transform: scaleX(-1);
}

.clanek-autor::after {
    content: "";
    position: absolute;
    width: 181px;
    height: 127px;
    background: url("/user/documents/upload/Images/group_of_leaves_3.svg") no-repeat center bottom;
    background-size: contain;
    right: 32px;
    top: -39px;
}

.dalsi-clanky {
    margin-top: 80px;
}

.dalsi-clanky .news-wrapper > .news-item {
    width: calc(33.333% - 40px);
    margin: 0 20px;
}


.dalsi-clanky > h2 {
    margin: 0 0 48px;
    text-align: center;
}

.dalsi-clanky time {
    margin: 8px 0;
}

.dalsi-clanky .news-item h2 {
    margin: 20px 0;
    line-height: 1;
}

.dalsi-clanky .news-item h2 a.title {
    font-size: var(--size-h6);
    line-height: 1.4;
    letter-spacing: 1px;
    text-decoration: underline;
}

.dalsi-clanky .news-item h2 a.title:hover {
    text-decoration: none;
}

.dalsi-clanky .news-item a.read-article {
    font-size: var(--size-small);
    line-height: 1.4;
    text-decoration: underline;
}

.dalsi-clanky .news-item a.read-article:hover {
    text-decoration: none;
}

.dalsi-clanky .news-item .text {
    margin-bottom: 0;
}

.news-item-detail {
    padding-bottom: 100px;
    border-bottom: 1px solid var(--color-g50);
}

.news-item-detail > article > .text ul, ul.listy {
    list-style: none;
}

.news-item-detail > article > .text ul li, ul.listy li {
    padding-left: 24px;
    margin-bottom: 20px;
    background: url("/user/documents/upload/Images/leaf_without_opacity.svg") no-repeat left center;
    background-size: 12px;
}

.news-item-detail > article > .text ul li::before, ul.listy li::before {
    content: none;
}

.title-block li strong {
    display: block;
}

.title-block  {
    list-style: none;
    padding-left: 40px;
    counter-reset: mylist;
    margin: 40px 0;
}

.title-block li {
    position: relative;
    padding-left: 38px;
    margin-bottom: 20px;
}

.title-block li::before {
    content: counter(mylist);
    position: absolute;
    counter-increment: mylist;
    left: 0;
    width: 26px;
    height: 26px;
    background-color: var(--color-b50);
    color: var(--color-b400);
    border-radius: 4px;
    text-align: center;
    line-height: 26px;
    font-weight: 700;
    top: 2px;
}

/*VYHLEDÁVÁNÍ*/

.products-yes .search-header {
    background-color: var(--color-b50);
    position: relative;
    padding: 0 0 80px;
    margin-bottom: 0px;
}

.products-yes .search-header::before {
    content: "";
    position: absolute;
    width: 224px;
    height: 157px;
    background-image: url("/user/documents/upload/Images/group_of_leaves_5.svg");
    background-size: 224px;
    background-position: bottom center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 155px;
}

.products-yes .search-header h2 {
    margin: 48px 0 0;
}

.search-header h2 .highlight {
    font-weight: 500;
}

#search-group-categories h4 {
    margin: 0 0 23px;
}

#search-group-categories h4::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: text-top;
    background: url("/user/documents/upload/Images/folder2-open.svg") no-repeat center;
    background-size: contain;
    margin-right: 16px;
}

#search-group-categories ul {
    margin: 0 -10px;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

#search-group-categories ul li {
    width: calc(25% - 20px);
    margin: 10px;
    border: 1px solid var(--color-b75);
    border-radius: 8px;
    flex-shrink: 0;
}

#search-group-categories ul li a {
    position: relative;
    padding: 10px 40px 10px 94px;
    min-height: 84px;
    display: flex;
    align-items: center;
    background-image: url("/user/documents/upload/Images/folder-with-bg.svg");
    background-size: 64px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    font-size: var(--size-h6);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
}

#search-group-categories ul li a:hover {
    text-decoration: underline;
}

#search-group-categories ul li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
}

.search-results-groups .search-results-group {
    padding-bottom: 48px;
    border-bottom: 1px solid var(--color-g50);
    margin-bottom: 48px;
}

.id--11 .search-header {
    padding-top: 28px;
}

.id--11 .search-header > .container {
    padding: 0;
}

.id--11 .container > h2 .highlight {
    font-weight: 700;
}

#search-group-articles h4::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: text-top;
    background: url("/user/documents/upload/Images/file-text.svg") no-repeat center;
    background-size: contain;
    margin-right: 16px;
}

#search-group-articles h4 {
    margin: 0 0 24px;
}

#search-group-articles .search-results-group-list ul {
    list-style: none;
    padding: 0;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
}

#search-group-articles .search-results-group-list ul li:nth-child(-n+15) {
    display: block !important;
}

#search-group-articles .search-results-group-list ul li {
    width: 33.333%;
    padding-right: 20px;
}

#search-group-articles .search-results-group-list ul li a {
    padding: 8px 0 8px 24px;
    display: block;
    line-height: 1.2;
    background: url("/user/documents/upload/Images/leaf_without_opacity.svg") no-repeat left center;
    background-size: 12px;
    text-decoration: underline;
}

#search-group-articles .search-results-group-list ul li a:hover {
    text-decoration: none;
}

#search-group-articles .display-results-group {
    display: block;
    text-align: center;
    text-decoration: underline;
    margin-top: 48px;
}

#search-group-articles .display-results-group:hover {
    text-decoration: none;
}

#search-group-articles .display-results-group::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    vertical-align: middle;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    transform: rotate(90deg);
}

.search-results {
    margin-bottom: 100px;
}

.no-results .search-header h2::before {
    content: "";
    display: block;
    margin: 0 auto 32px;
    width: 80px;
    height: 80px;
    background: url("/user/documents/upload/Images/nothing-found.svg") no-repeat center;
    background-size: contain;
}

.no-results .search-header h2 {
    text-align: center;
    margin: 0;
}

.no-results-content {
    text-align: center;
    max-width: 700px;
    margin: 16px auto 64px;
}

.no-results-content h3 {
    margin-top: 0;
}

.no-results-content .btn {
    margin-top: 18px;
}

body.no-results .search-header {
    position: relative;
}

body.no-results .search-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -115px;
    background-image: url("/user/documents/upload/Images/no-results-bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    width: 1045px;
    height: 227px;
    z-index: 11;
}

body.no-results #content, body.no-results #content-wrapper {
    padding-top: 0;
}

/*PODSTRÁNKY*/

.id-29 header h1, .id-777 header h1, .id-759 header h1, .id-735 header h1 {
    margin: 28px 0 32px !important;
}

.id-29 #content-wrapper, .id-777 #content-wrapper, .id-759 #content-wrapper, .id-735 #content-wrapper, .id-879 #content-wrapper, .id-947 #content-wrapper {
    position: relative;
}

.id-29 #content-wrapper::before, .id-777 #content-wrapper::before, .id-759 #content-wrapper::before, .id-735 #content-wrapper::before, .id-879 #content-wrapper::before, .id-947 #content-wrapper::before {
    content: "";
    position: absolute;
    width: 530px;
    height: 300px;
    background-image: url("/user/documents/upload/Images/group_of_leaves_5.svg");
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    top: 0px;
    left: 71px;
    transform: rotate(180deg) scaleX(-1);
}


.id-29 #content-wrapper > div, .id-777 #content-wrapper > div, .id-759 #content-wrapper > div, .id-735 #content-wrapper > div, .id-879 #content-wrapper > div, .id-947 #content-wrapper > div {
    position: relative;
}

.id-29 #content-wrapper {
    background-image: url("/user/documents/upload/Images/contact-bg.jpg");
    background-size: 700px 703px;
    background-position: right -120px;
    background-repeat: no-repeat;
    position: relative;
}

.id-29 .art-header {
    background: transparent;
    padding-bottom: 0;
    min-height: 440px;
    border-bottom: 1px solid var(--color-g50);
}

.id-29 .art-header > p, .id-777 .art-header > p, .id-759 .art-header > p, .id-735 .art-header > p {
    max-width: 580px;
    font-size: var(--size-h4);
}

.kontakt-clanek {
    margin-top: 26px;
}

.kontakt-clanek ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kontakt-clanek ul li::before {
    content: none;
}

.kontakt-clanek ul li .mail::before, .kontakt-clanek ul li .tel::before {
    content: none !important;
}

.kontakt-clanek .contact-box ul::before {
    content: "";
    width: 74px;
    height: 74px;
    display: inline-block;
    margin-right: 40px;
    background: url("/user/documents/upload/Images/header-contact-lady.png") no-repeat center;
    background-size: contain;
    order: 3;
}

.kontakt-clanek .contact-box {
    min-height: unset;
}

.kontakt-clanek .contact-box ul {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.kontakt-clanek .contact-box ul .tel::after {
    content: "(Po-Pá 8:00 - 16:00 hod.)";
    display: block;
    font-size: 13px;
    letter-spacing: 1px;
    color: var(--color-g300);
}

.kontakt-clanek .contact-box ul .tel {
    margin-right: 40px;
    line-height: 1.4;
}
.kontakt-clanek .contact-box ul .mail {
    line-height: 1.4;
}

.kontakt-clanek .contact-box ul .tel a {
    font-size: var(--size-h3);
    font-weight: 500;
    line-height: 1.4;
}

.kontakt-clanek .contact-box ul .tel a:hover {
    text-decoration: underline;
}

.kontakt-clanek .contact-box ul .mail a {
    font-size: var(--size-h3);
    font-weight: 500;
    line-height: 1.4;
    text-decoration: underline;
}

.kontakt-clanek .contact-box ul .mail a:hover {
    text-decoration: none;
}

.kontakt-clanek .contact-box ul .mail::after {
    content: "odpovídáme do 24 hodin";
    display: block;
    font-size: 13px;
    letter-spacing: 1px;
    color: var(--color-g300);
}

.kontakt-clanek-in .socky {
    margin: 27px 0 0 114px;
}

.kontakt-clanek-in .socky h6 {
    margin: 0 0 16px;
    font-weight: 600;
    font-size: var(--size-small);
    line-height: 1.4;
}

.form-faq {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 80px;
    border-top: 1px solid var(--color-g50);
}

.id-29 .form-faq > div:last-child {
    width: 100%;
    padding: 80px 0;
    margin-top: 74px;
    border-top: 1px solid var(--color-g50);
    border-bottom: 1px solid var(--color-g50);
}

.form-faq .form {
    margin-right: 40px;
    width: calc(50% - 40px);
}

.form-faq .faq {
    margin: 0 0 0 40px;
    width: calc(50% - 40px);
    padding: 0;
    border: none;
}

.form-faq div > h2 {
    margin: 0 0 16px;
}

.form-faq .form > #formContact {
    margin: 49px 0 0;
}

.form-faq .form > #formContact .form-group {
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
@media screen and (min-width: 480px){
    #formContact .js-validator-msg {margin-left: auto;}
}

.form-faq .form > #formContact .form-group input {
    border-color: var(--color-g75);
    height: 54px;
    border-radius: 100px;
    max-width: 430px;
}
@media screen and (min-width: 1200px) and (max-width: 1439px){
    .form-faq .form > #formContact .form-group input, .form-faq .form > #formContact .form-group textarea {max-width: 370px !important;}
}
.form-faq .form > #formContact .form-group label {
    font-size: var(--size-small);
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--color-g300);
    font-weight: 700;
}

.form-faq .form > #formContact .form-group label span.required-asterisk::after {
    color: var(--color-p300);
}

.form-faq .form > #formContact .form-group label[for="message"] {
    margin-top: 18px;
    align-self: flex-start;
}

.form-faq .form > #formContact .form-group textarea {
    border-color: var(--color-g75);
    border-radius: 12px;
    max-width: 430px;
}

.form-faq .form > #formContact .form-group.consents-first {
    max-width: 340px;
    margin: 0;
}

.form-faq .form > #formContact .form-group.consents-first label {
    line-height: 1.7;
    font-weight: 400;
}

.form-faq .form > #formContact .form-group.consents-first label a {
    font-weight: 400;
    color: var(--color-g300);
}

.form-faq .form > #formContact .form-group.consents-first label a:hover {
    text-decoration: none;
}

.form-faq .form > #formContact fieldset {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;justify-content: space-between;
}

.form-faq .form > #formContact .form-group.submit-wrapper {
    max-width: 180px;
    text-align: right;
    justify-content: flex-end;
    margin-bottom: 0;
}

.form-faq .form > #formContact .form-group.submit-wrapper .btn {
    background: var(--color-b400) !important;
}

.form-faq .form > #formContact .form-group.submit-wrapper .btn:hover {
    background: var(--color-b300) !important;
}

.form-faq .faq h2 {
    text-align: left;
}

.form-faq .faq > p {
    margin-bottom: 49px !important;
}

.form-faq .faq-item {
    width: 100%;
    margin: 0 0 10px;
}

.form-faq .faq > a {
    display: block;
    margin-top: 23px;
    text-align: right;
    font-size: var(--size-small);
    letter-spacing: 1px;
    text-decoration: underline;
}

.form-faq .faq > a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.form-faq .faq > a:hover {
    text-decoration: none;
}

.form-faq .fakt-udaje {
    display: flex;
}

.form-faq .fakt-udaje > div:first-child {
    margin-right: 20px;
}

.form-faq .fakt-udaje > div {
    width: 100%;
    max-width: 460px;
}

.form-faq .fakt-udaje h4 {
    margin: 0 0 32px;
}

/*Q-A*/

.id-777 .art-header, .id-735 .art-header {
    background: transparent;
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
    padding-bottom: 64px;
    border-bottom: 1px solid var(--color-g50);
}
.id-735 .art-header{border-bottom: 0;}

.id-777 .kontakt-clanek, .id-735 .kontakt-clanek {
    margin-top: 0;
}

.id-777 .kontakt-clanek > *:not(.kontakt-clanek-in), .id-735 .kontakt-clanek > *:not(.kontakt-clanek-in) {
    font-size: 0;
    line-height: 0;
}

.id-777 .kontakt-clanek h4, .id-735 .kontakt-clanek h4 {
    display: block;
    margin: 0 0 24px;
    color: var(--color-g400);
}

.id-777 .kontakt-clanek .contact-box ul .mail::after, .id-735 .kontakt-clanek .contact-box ul .mail::after {
    content: none;
}

.id-777 .kontakt-clanek .contact-box ul::before, .id-735 .kontakt-clanek .contact-box ul::before {
    content: none;
}

.id-777 .kontakt-clanek .contact-box ul, .id-735 .kontakt-clanek .contact-box ul {
    padding-left: 0;
    align-items: flex-start;
}

.id-777 .kontakt-clanek .kontakt-clanek-in, .id-735 .kontakt-clanek .kontakt-clanek-in {
    padding-left: 100px;
    background: url("/user/documents/upload/Images/header-contact-lady.png") no-repeat top left;
    background-size: 74px;
    padding-right: 50px;
}

.id-777 .kontakt-clanek .contact-box ul .tel a, .id-777 .kontakt-clanek .contact-box ul .mail a,
.id-735 .kontakt-clanek .contact-box ul .tel a, .id-735 .kontakt-clanek .contact-box ul .mail a {
    font-size: var(--size-h4);
}

.postup-garance {
    text-align: center;
    margin-top: 80px;
    padding-bottom: 58px;
}

.postup-garance > h2 {
    margin: 0 0 20px;
}

.postup-garance-in {
    display: flex;
    margin: 54px -10px 64px;
    counter-reset: list-item;
}

.postup-garance-in > div {
    position: relative;
    width: calc(16.6667% - 20px);
    margin: 10px;
    padding-top: 84px;
}

.postup-garance-in > div:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 12px;
    right: -45px;
    top: 26px;
    background: url("/user/documents/upload/Images/long-arrow-right-with-opacity.svg") no-repeat center;
    background-size: contain;
}

.postup-garance-in > div::before {
    content: counter(list-item);
    counter-increment: list-item;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 52px;
    height: 64px;
    background-image: url("/user/documents/upload/Images/leaf-counter-bg.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--color-b400);
    text-align: center;
    line-height: 64px;
    font-weight: 500;
    font-size: 36px;
}

.postup-garance > p:nth-last-child(2) {
    margin-bottom: 8px !important;
}

.faq-wrapper {
    padding: 0 0 54px;
    border-bottom: 1px solid var(--color-g50);
    border-top: 1px solid var(--color-g50);
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

.faq-wrapper .faq {
    margin: 0 10px;
    padding: 0;
    width: calc(50% - 20px);
    border: none;
}

.faq-wrapper .faq .faq-in {
    margin: 0;
}
.faq .faq-item {
    border: 1px solid var(--color-b50);
    transition: all ease 300ms;
}
.faq-wrapper .faq .faq-item {
    width: 100%;
    margin: 0 0 10px;

}

.faq-item h6 {
    transition: all ease 300ms;
}

.faq-item h6:hover  {
    text-decoration: underline;
    background: transparent;
    color: var(--color-b400);
    border-color: var(--color-b75) !important;
}

.faq-item:hover {
    background: transparent;
    border-color: var(--color-b75) !important;
}

.faq-item.otevreno {
    border-color: transparent;
    box-shadow: 0px 0px 10px 0px #0000001A;
    background: #fff;
}

.faq-wrapper h2 {
    text-align: left;
    margin: 54px 0 30px;
}

/*SLOŽENÍ*/

.id-759 #content-wrapper {
    background-image: url("/user/documents/upload/Images/slozeni-bg.jpg");
    background-size: 751px 703px;
    background-position: right -120px;
    background-repeat: no-repeat;
}

.id-759 .art-header {
    background: transparent;
    padding-bottom: 0;
    min-height: 480px;
}

.id-759 .art-header a {
    text-decoration: underline;
}

.id-759 .art-header a:hover {
    text-decoration: none;
}

.id-759 .slozeni h2 {
    margin: 0 0 38px;
    text-align: center;
}

.slozeni-in {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.slozeni-in > div {
    width: calc(25% - 20px);
    margin: 10px;
    border-radius: 12px;
    background: var(--color-s300);
    padding: 200px 40px 40px 40px;
    text-align: center;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.slozeni-in > div h3 {
    margin: 0 0 24px;
    line-height: 1.4;
}

.slozeni-in > div p {
    margin-bottom: 0 !important;
}

.slozeni-in > div:nth-child(1) {
    background-image: url("/user/documents/upload/Images/slozeni-biotin.png");
}

.slozeni-in > div:nth-child(2) {
    background-image: url("/user/documents/upload/Images/slozeni-panthenol.png");
    background-size: 303px;
}

.slozeni-in > div:nth-child(3) {
    background-image: url("/user/documents/upload/Images/slozeni-pentapeptid.png");
}

.slozeni-in > div:nth-child(4) {
    background-image: url("/user/documents/upload/Images/slozeni-vitaminy.png");
}

.slozeni-in > div:nth-child(5) {
    background-image: url("/user/documents/upload/Images/slozeni-zensen.png");
}

.slozeni-in > div:nth-child(6) {
    background-image: url("/user/documents/upload/Images/slozeni-serenoa.png");
    background-size: 291px;
}

.slozeni-in > div:nth-child(7) {
    background-image: url("/user/documents/upload/Images/slozeni-puskvorec.png");
}

.slozeni-in > div:nth-child(8) {
    background-image: url("/user/documents/upload/Images/slozeni-seminka.png");
}

.slozeni-bottom {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0;
    padding-bottom: 70px;
    border-bottom: 1px solid var(--color-g50);
}

.slozeni-bottom > div {
    width: calc(50% - 20px);
    padding: 24px;
    background: var(--color-s300);
    border-radius: 8px;
    margin: 10px;
}

.slozeni-bottom > div h6 {
    margin: 0 0 24px;
}

.slozeni-bottom > div p {
    margin-bottom: 0 !important;
}

.id--8 .breadcrumbs {
    justify-content: center;
}

.id--8 #content > h1 {
    text-align: center;
    font-size: 48px;
    margin: 28px 0 0;
}

.id--8 .content-inner {
    display: flex;
    max-width: 940px;
    margin: 48px auto 64px;
}

.id--8 .content-inner #register-form {
    width: 50%;
    border-style: solid;
    border-color: var(--color-g50);
    border-radius: 12px 0 0 12px;
    border-width: 1px 0 1px 1px;
    background: #fff;
    padding: 20px 40px 29px;
}

.id--8 .content-inner #register-form .co-registration h4 {
    margin: 0 0 32px;
    font-size: var(--size-h5);
}

input[type="checkbox"]+label, input[type="radio"]+label {
    line-height: 1.2;
    letter-spacing: 1px;
    font-size: var(--size-small);
}

input[type="checkbox"]+label strong, input[type="radio"]+label strong {
    font-weight: 400;
    color: var(#343537);
}

.id--8 .content-inner #register-form > .row > div.col-md-8 {
    padding: 0;
    width: 100%;
    margin-top: 29px;
}

.id--8 .content-inner #register-form label {
    position: relative;
    padding: 0;
    font-size: var(--size-small);
    letter-spacing: 1px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 12px;
    display: block;
    height: unset;
}

.id--8 #additionalInformation {
    width: 100%;
}

.id--8 .content-inner #register-form #additionalInformation input {
    text-indent: 0;
}

.id--8 .content-inner #register-form label[for="velkoobchodni-odberatel"], .id--8 .content-inner #register-form label[for="wholesale"], .id--8 .content-inner #register-form label[for="retail"], .id--8 .content-inner #register-form label[for="sendNewsletter"] {
    padding-left: 27px;
}

.id--8 .content-inner #register-form input {
    border-color: var(--color-g75);
    height: 54px;
    border-radius: 100px;
    text-indent: 33px;
    padding: 15px;
    line-height: 54px;
}

.id--8 .content-inner #register-form input[type="submit"] {
    line-height: 1;
}

.id--8 .content-inner #register-form ::placeholder {
    color: var(--color-g100);
    font-size: var(--size-small);
    letter-spacing: 1px;
}

.id--8 .content-inner #register-form .form-group {
    margin-bottom: 20px;
}

.id--8 .content-inner #register-form input[type="password"] {
    background-image: url("/user/documents/upload/Images/lock.svg");
    background-size: 16px;
    background-position: 20px center;
    background-repeat: no-repeat;
}

.id--8 .content-inner #register-form input[type="email"] {
    background-image: url("/user/documents/upload/Images/envelope.svg");
    background-size: 16px;
    background-position: 20px center;
    background-repeat: no-repeat;
}

.id--8 .content-inner #register-form > .co-registration {
    margin-top: 20px;
}

.id--8 .content-inner #register-form > .co-registration .stay-in-touch > .form-group {
    margin-bottom: 40px;
}

.id--8 .content-inner #register-form input[type="submit"].btn {
    width: 100%;
    margin-top: 21px;
}

.social-login-buttons-divider {
    color: var(--color-g300);
    margin-bottom: 32px;
    order: 1;
}

.id--8 .content-inner #register-form > .co-registration.register-soc {
    display: flex;
    flex-direction: column-reverse;
}

a.login-btn.facebook, a.login-btn.google {
    border-color: var(--color-g75);
    border-radius: 100px;
    text-transform: uppercase;
    padding: 16px;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 2px;
    background: transparent;
}

a.login-btn.facebook:hover {
    background: transparent;
}

a.login-btn.facebook:hover strong, a.login-btn.google:hover {
    text-decoration: underline !important;
    background: transparent;
}

a.login-btn.facebook span, a.login-btn.google span {
    display: none;
}

a.login-btn.facebook strong, a.login-btn.google strong {
    position: relative;
    line-height: 1.7;
    padding: 0;
    font-weight: 700;
}

a.login-btn.facebook strong {
    color: #1877F2;
}

a.login-btn.google strong::before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 12px;
    background: url("/user/documents/upload/Images/google.svg") no-repeat center;
    background-size: contain;
    vertical-align: top;
}

a.login-btn.facebook strong::before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 12px;
    background: url("/user/documents/upload/Images/facebook.svg") no-repeat center;
    background-size: contain;
    vertical-align: top;
}

.id--8 .content-inner > .registrace-box {
    width: 50%;
    padding: 40px 40px 350px;
    background-color: var(--color-b50);
    background-image: url("/user/documents/upload/Images/login-background.png");
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    border-radius: 0 12px 12px 0;
}

.id--8 #additionalInformation .phone-combined-input {
    max-width: 100%;
}

.id--8 .content-inner #register-form label[for="phone"] {
    left: 0 !important;
}

.id--8 .content-inner #register-form label[for="consents28"], .id--8 .content-inner #register-form label[for="consents28"] a, .id--8 .content-inner #register-form label[for="sendNewsletter"], .id--8 .content-inner #register-form label[for="velkoobchodni-odberatel"] {
    font-weight: 400;
}

.id--8 .content-inner #register-form label[for="consents28"] a:hover {
    text-decoration: none;
}

.id--8 .content-inner > .registrace-box > h5 {
    margin-bottom: 8px !important;
}

.id--8 .content-inner > .registrace-box > span {
    font-size: var(--size-small);
    line-height: 1.2;
    letter-spacing: 1px;
    margin-bottom: 32px !important;
}

.id--8 .content-inner > .registrace-box > p {
    margin-bottom: 0 !important;
}

.id--8 .content-inner > .registrace-box > .mam-ucet {
    margin-top: 48px;
}

.id--8 .content-inner > .registrace-box > .mam-ucet h5 {
    margin: 0 0 24px;
}

.id--8 .content-inner > .registrace-box > .mam-ucet .btn-secondary {
    border: none;
    width: 100%;
}

.id--8 #content {
    border-bottom: 1px solid var(--color-g50);
}

.id--8 #content-wrapper {
    background-image: url("/user/documents/upload/Images/group_of_leaves_3.svg");
    background-size: 530px auto;
    background-repeat: no-repeat;
    background-position: center -141px;
}

/*404*/

.empty-content-404 {
    padding-left: 485px;
    max-width: 945px;
    margin: -40px auto 64px;
    background-image: url("/user/documents/upload/Images/404.jpg");
    background-size: 432px 384px;
    background-repeat: no-repeat;
    min-height: 384px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.empty-content-404 h1 {
    font-size: 48px;
    color: var(--color-g400);
    margin: 0 0 40px;
}

.empty-content-404 p {
    margin: 0 0 40px !important;
    color: var(--color-g300);
    font-size: 15px;
}

/*PŘED A PO*/

.id-765 .breadcrumbs {
    justify-content: center;
}

.id-765 #content {
    padding-top: 0;
}

.id-765 header h1 {
    margin: 100px auto 40px !important;
    font-size: 64px;
    max-width: 575px;
    text-align: center;
}

.id-765 .art-header {
    max-width: 500px;
    text-align: center;
    font-size: var(--size-h3);
    margin: 0 auto;
    min-height: 200px;
    padding: 0;
}

.id-765 #content-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.id-765 #content-wrapper > * {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.id-765 #content-wrapper::before {
    content: "";
    position: absolute;
    width: 1810px;
    height: 714px;
    left: 50%;
    top: 0;
    margin-left: 45px;
    transform: translateX(-50%);
    background-image: url("/user/documents/upload/Images/before-after-bg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right -120px;
}

.pred-po-videa {
    display: flex;
    margin: 80px -10px 0;
    flex-wrap: wrap;
    align-items: stretch;
}

.pred-po-videa > div {
    width: calc(50% - 20px);
    margin: 10px;height: auto !important;
    background-color: #F3ECE4;
}

.sami-uzivame {
    margin-top: 64px;
}

.sami-uzivame h2 {
    margin: 0 0 54px;
    text-align: center;
}

.sami-uzivame-in {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 -10px;
    padding-bottom: 38px;
    border-bottom: 1px solid var(--color-g50);
}

.sami-uzivame-in > div {
    margin: 10px;
    width: calc(25% - 20px);
    padding: 0 20px 0 68px;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 20px top;
}

.sami-uzivame-in > div strong {
    display: block;
    font-size: var(--size-h6);
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 16px;
}

.sami-uzivame-in > div:nth-child(1) {
    background-image: url("/user/documents/upload/Images/ico-leaf.svg");
}

.sami-uzivame-in > div:nth-child(2) {
    background-image: url("/user/documents/upload/Images/ico-award.svg");
}

.sami-uzivame-in > div:nth-child(3) {
    background-image: url("/user/documents/upload/Images/ico-eyebrow.svg");
}

.sami-uzivame-in > div:nth-child(4) {
    background-image: url("/user/documents/upload/Images/ico-lotus.svg");
}

.zakaznice-side.vypis > div {
    margin: 0 -10px !important;
    display: flex;
    flex-wrap: wrap;
    padding-top: 60px;
}

.zakaznice-side.vypis > div > div {
    width: 33.333%;
    margin: 10px 0;
}

.zakaznice-side.vypis .footer-banner.vypln {
    margin: 10px;
    width: calc(33.33% - 20px);
    background-image: url("/user/documents/upload/Images/vypln-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--color-b50);
    border-radius: 12px;
    text-align: center;
    padding: 80px 40px;
}

.zakaznice-side.vypis .footer-banner.vypln > h2 {
    text-align: center;
    font-size: var(--size-h1);
    margin: 0 0 20px;
}

.zakaznice-side.vypis .footer-banner.vypln > h2 strong {
    display: block;
}

.zakaznice-side.vypis .footer-banner.vypln > p {
    margin: 0 0 32px !important;
}

.zakaznice-side.vypis {
    padding-bottom: 70px;
    border-bottom: 1px solid var(--color-g50);
}

.id-765 .side-clanky {
    margin-top: 64px;
    padding-bottom: 70px;
    border-bottom: 1px solid var(--color-g50);
    margin-bottom: 32px;
}

.id-765 .side-clanky h6 {
    margin: 0 0 30px;
    font-size: var(--size-h3);
    line-height: 1.4;
    text-align: center;
}


.id-765 .side-clanky ul li::before {
    content: none;
}

.id-765 .side-clanky ul {
    column-gap: unset;
    columns: unset;
}

.id-765 .side-clanky ul li a {
    font-size: var(--size-h5);
    line-height: 1.1;
    padding: 10px 10px 10px 124px;
    background: none;
    display: flex;
    align-items: center;
    height: 98px;
    width: 100%;
}

.id-765 .side-clanky ul li:hover {
    background-color: var(--color-b400);
    color: #fff;
}

.id-765 .side-clanky ul li:hover a {
    color: #fff;
    text-decoration: none;
}

.id-765 .side-clanky ul li a:hover {
    text-decoration: none;
}

.id-765 .side-clanky ul li {
    border: 1px solid var(--color-b75);
    border-radius: 10px;
    padding: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: calc(33.333% - 20px);
    margin: 10px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100px;
}

.id-765 .side-clanky ul > li:nth-child(1) {
    background-image: url("/user/documents/upload/Images/jak-aplikovat-serum.jpg");
}

.id-765 .side-clanky ul > li:nth-child(2) {
    background-image: url("/user/documents/upload/Images/pred-a-po.jpg");
}

.id-765 .side-clanky ul > li:nth-child(3) {
    background-image: url("/user/documents/upload/Images/slozeni-produktu.jpg");
}

.id-765 .side-clanky ul > li:nth-child(4) {
    background-image: url("/user/documents/upload/Images/caste-dotazy.jpg");
}

.id-765 .side-clanky ul > li:nth-child(5) {
    background-image: url("/user/documents/upload/Images/magazin-denatura.jpg");
}

/*Jak aplikovat sérum deNatura na řasy*/

.id-712 .img-yes .left time {
    display: none;
}

.id-712.type-post header.img-yes .left {
    margin-right: 120px;
    max-width: 481px;
}

.id-712.type-post header.img-yes .right {
    width: 100%;
    max-width: 821px;
}

.id-712.type-post header.img-yes {
    align-items: center;
    justify-content: center;
}

.id-712.type-post header.img-yes .right p.art-img {
    margin: 0 !important;
}

.id-712.type-post header.img-yes .right p.art-img video {
    border-radius: 12px;
    overflow: hidden;
}

.postup-jak {
    counter-reset: process;
}

.postup-jak > div {
    position: relative;
    padding-left: 140px;
}

.postup-jak > div::before {
    content: counter(process);
    counter-increment: process;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    background-color: var(--color-b50);
    color: var(--color-b400);
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    font-weight: bold;
    font-size: var(--size-h2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.under-article h2 {
    text-align: center;
    font-size: 28px;
    line-height: 1.4;
    margin: 0 0 48px;
}

.under-article {
    padding-top: 80px;
    border-top: 1px solid var(--color-g50);
    margin-top: 40px;
}

.news-item-detail .jak-produkty .produkt-widget > div {
    width: 25%;
}

.jak-video {
    aspect-ratio: 1420 / 422;
    background: url("/user/documents/upload/Images/navod-video-bg.jpg") no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 80px;
}

.jak-video > span {
    color: #fff;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    font-size: var(--size-h6);
    margin: 0 0 16px;
    font-weight: 500;
    line-height: 1.1;
}

.jak-video h2 {
    max-width: 296px;
    font-size: var(--size-h1);
    color: #fff;
}
.jak-video h2 a{color: #fff;text-decoration: underline;}
.jak-video h2 a:hover{text-decoration: none;}
.id-712 .news-item-detail {
    padding-bottom: 0;
    border: none;
    margin-bottom: 16px;
}

/*PŘÍBĚH KOSMETIKY DENATURA*/

.id-846 #content {
    padding-top: 0;
}

.id-846 header h1 {
    position: relative;
    margin: 64px auto 32px !important;
    font-size: 64px;
}




.id-846 .art-header::after {
    content: "";
    width: 484px;
    height: 190px;
    position: absolute;
    background: url("/user/documents/upload/Images/line-1.svg");
    right: 50%;
    bottom: -232px;
}

.id-846 #content-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.id-846 #content-wrapper > * {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.id-846 .two-cols .text > p {
    margin-bottom: 30px !important;
}

.id-846 article div[itemprop="about"] > div:nth-child(4) h2 {
    position: relative;
}

.id-846 article div[itemprop="about"] > div:nth-child(4) h2::before {
    content: "";
    position: absolute;
    top: -31px;
    left: -48px;
    width: 109px;
    height: 113px;
    background: url("/user/documents/upload/Images/leaf_6.svg") no-repeat center;
    background-size: contain;
}

.id-846 .two-cols.mirror {
    position: relative;
}

.id-846 .two-cols.mirror::before {
    content: "";
    position: absolute;
    width: 605px;
    height: 199px;
    left: 50%;
    transform: translateX(-50%);
    top: -190px;
    background: url("/user/documents/upload/Images/line-2.svg") no-repeat center;
    background-size: contain;
    margin-left: -140px;
}

.id-846 .two-cols.mirror::after {
    content: "";
    position: absolute;
    width: 395px;
    height: 167px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -140px;
    background: url("/user/documents/upload/Images/line-3.svg") no-repeat center;
    background-size: contain;
    margin-left: -20px;
}

.id-846 .two-cols.mirror .image img {
    position: relative;
}

.id-846 .two-cols.mirror .image {
    position: relative;
    overflow: visible;
}

.id-846 .two-cols.mirror .image::before {
    content: "";
    position: absolute;
    top: -128px;
    left: -111px;
    width: 206px;
    height: 214px;
    background: url("/user/documents/upload/Images/leaf_5.svg") no-repeat bottom right;
    background-size: contain;
}


.id-846 .two-cols {
    margin-bottom: 187px;
    font-size: var(--size-h5);
}

.id-846 .two-cols.mirror .text {
    margin: 0 0 0 140px;
}

.id-846 .two-cols .image {
    max-width: 700px;
    height: auto;
    padding: 0;
}

.id-846 .sami-uzivame {
    position: relative;
    margin: 80px 0 0 0;
    padding: 100px 0 44px 0;
}

.id-846 .sami-uzivame .sami-uzivame-in {
    padding: 0;
    border: none;
}

.id-846 .sami-uzivame > p {
    font-size: var(--size-h5);
    max-width: 1180px;
    margin: 0 auto !important;
    text-align: center;
}

.id-846 .sami-uzivame > h2 {
    margin: 0 0 40px;
}

.tym:after {
    content: "";
    position: absolute;
    width: 452px;
    height: 207px;
    left: 50%;
    transform: translateX(-50%);
    top: -220px;
    background: url("/user/documents/upload/Images/line-4.svg") no-repeat center;
    background-size: contain;
    margin-left: -200px;
}

.id-846 .sami-uzivame::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    transform: translate(-50%, -50%);
    background: var(--color-s300);
}

.id-846 .sami-uzivame > * {
    position: relative;
}

.pribeh-video {
    position: relative;
    margin: 140px 0 100px;
}

.pribeh-video > h2 {
    margin: 0 auto 64px;
    text-align: center;
    max-width: 940px;
}

.pribeh-video iframe {
    max-width: 1180px;
    margin: 0 auto;
    display: block;
}

.id-846 .zakaznice-side .footer-banners-wrapper > p {
    font-size: var(--size-h5);
    line-height: 1.1;
    letter-spacing: 1px;
    max-width: 913px;
    margin: 0 auto !important;
}

.id-846 .zakaznice-side .footer-banners-wrapper .footer-banners {
    margin-top: 52px !important;
    padding-bottom: 100px;
    border-bottom: 1px solid var(--color-g50);
    margin-bottom: 16px !important;
}

.id-846 .zakaznice-side .footer-banners-wrapper .footer-banners ul li::before {
    content: none;
}

.id-846 .pribeh-video::before {
    content: "";
    position: absolute;
    width: 95px;
    height: 229px;
    left: 50%;
    transform: translateX(-50%);
    top: -240px;
    background: url("/user/documents/upload/Images/line-5.svg") no-repeat center;
    background-size: contain;
}

    /*OBECNÉ*/

.content {
    padding-left: 0;
    padding-right: 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

#content-wrapper {
    padding-top: 30px;
    background: transparent;
}

.in-index #content-wrapper, .id--9 #content-wrapper, .id--16 #content-wrapper, .id--17 #content-wrapper {
    padding-top: 0;
}

/*RESPO*/

@media (min-width: 1921px) {
    #header .header-bottom {
        margin-left: -140px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(1920px - 750px);
        margin-left: -140px;
    }
    .popup-widget.cart-widget {
        left: 50%;
        transform: translateX(-50%);
        margin-left: 605px;
    }
}

@media (max-width: 1650px) and (min-width: 768px) {
    .navigation-in ul.menu-level-2 {
        width: 1250px;
    }
    .searchWhisperer {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 1650px) {
    .footer-banners .slick-next {
        right: 0;
    }
    .footer-banners .slick-prev {
        left: 0;
    }
}

@media (max-width: 1600px) and (min-width: 768px) {
    #header .container.navigation-wrapper {
        padding-left: 10px;
    }
    #header .header-bottom {
        margin-left: 0;
        width: calc(100% - 795px);
    }
}

@media (max-width: 1600px) {
    .main-banner::before {
        content: none;
    }
    .in-blog .art-header {
        background-position: right center;
    }
    .prubeh-in {
        max-width: 1300px;
        margin: 0 auto;
    }
    .type-posts-listing:not(.in-blog) .art-header::after {
        margin-left: 240px;
    }
    .id-861 #content-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1440px) {
}

@media (max-width: 1439px) and (min-width: 768px) {
    #header .navigation-buttons .header-phone {
        display: none;
    }
    #header .header-top {
        padding: 15px 0;
    }
    #header .navigation-buttons a[data-target="cart"]::after {
        height: calc(100% + 30px);
    }
    #header .header-bottom {
        width: calc(100% - 500px);
    }
    .navigation-in>ul>li.menu-item-706>a, .sk .navigation-in>ul>li.menu-item-712>a {
        padding: 10px 20px;
        height: 38px;
    }
    #header .header-top a.cart-count {
        min-width: 110px;
    }
    .navigation-in>ul>li.ext.exp.menu-item-706:first-child>a, .navigation-in>ul>li.ext.exp.menu-item-712:first-child>a {
        padding-left: 20px;
        padding-right: 20px;
    }
    .navigation-in>ul>li.ext.exp.menu-item-706>a, .navigation-in>ul>li.ext.exp.menu-item-712>a {
        padding-right: 20px;
        padding-left: 20px;
    }
    .navigation-in>ul>li.menu-item-706>a:hover, .sk .navigation-in>ul>li.menu-item-712>a:hover {
        padding-left: 20px;
    }
    .navigation-in ul.menu-level-2 {
        width: 990px;
    }
    #navigation .menu-level-2 {
        padding: 10px;
    }
    .menu-helper {
        height: 38px;
    }
    .menu-helper>span {
        padding: 10px 10px;
    }
    .navigation-in>ul>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    #navigation, .navigation-in, .header-bottom {
        height: 38px;
    }
    #header .container {
        min-height: 38px;
    }
    .popup-widget.cart-widget {
        margin-top: 0;
    }
    #formSearchForm {
        right: 181px;
    }
    .searchWhisperer {
        width: calc(100% - 20px);
    }
    .menu-helper>ul {
        top: calc(50% + 20px);
    }
    .searchWhisperer__products__listItem {
        width: 33.333%;
        flex-basis: 33.333%;
    }
}

@media (max-width: 1439px) {
    :root {
        --size-h1: 32px;
        --size-h2: 28px;
        --size-h3: 22px;
    }
    .hodnoceni .bottom .vote-wrap .vote-header {
        padding-bottom: 40px;
        background-size: auto 30px;
        background-position: left bottom;
    }
    .homepage-blog-wrapper {
        margin: 130px 0 0 !important;
    }
    .footer-banners-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
    .proc-vybrat .right ul li {
        padding: 0 0 0 50px;
        background-position: 0 0;
    }
    .proc-vybrat .right h2 {
        margin-bottom: 26px;
    }
    .main-banner > .top h1 {
        font-size: 38px;
    }
    .main-banner > .top p {
        font-size: 24px;
    }
    .benefitBanner {
        margin-bottom: 68px;
    }
    .homepage-group-title {
        margin: 0 0 30px;
    }
    .all-products {
        margin-top: 30px;
    }
    .proc-vybrat {
        margin: 80px auto;
    }
    .footer-banners-wrapper {
        padding-top: 50px;
    }
    .footer-banners {
        margin: 50px 0 0 !important;
    }
    .footer-banners-wrapper::before {
        height: 414px;
    }
    .footer-banners .slick-prev, .footer-banners .slick-next {
        top: 247px;
    }
    .banners-content.body-banners {
        margin-top: 50px;
    }
    .jak .product .p-in {
        padding: 10px 0;
    }
    .jak .product {
        max-width: 160px;
    }
    .video::before {
        width: 55px;
        height: 55px;
    }
    .video {
        padding: 12px 40px 12px 75px;
    }
    .homepage-blog-wrapper > div:nth-child(2) .text {
        padding: 10px;
    }
    .welcome::before {
        width: 500px;
        height: 500px;
    }
    .welcome > div {
        padding: 55px 55px 55px 180px;
    }
    .hodnoceni {
        padding: 50px 10px 35px;
    }
    .category-top .container {
        padding-left: 0;
        padding-right: 0;
    }
    .category-perex {
        max-width: 390px;
    }
    .rady-tipy {
        max-width: 350px;
    }
    .rady-tipy .videa {
        flex-direction: column;
    }
    .rady-tipy .videa > a:first-child {
        margin: 0 0 10px;
    }
    .rady-tipy .videa {
        flex-direction: column;
        align-items: flex-start;
    }
    body:not(.in-index) .footer-banners-wrapper::before {
        height: 415px;
    }
    .wide .p-detail-inner .p-data-wrapper {
        margin-left: 40px;
        padding-top: 0;
    }
    .type-product .breadcrumbs {
        width: 100%;
        padding-left: 0;
    }
    .wide .p-detail-inner .p-image-wrapper {
        margin-top: 0;
        width: 50%;
    }
    .shp-tabs-holder ul.shp-tabs a.shp-tab-link {
        padding: 40px 14px;
    }
    .prubeh-in {
        max-width: 1000px;
        margin: 0 auto;
    }
    .prubeh-in > .tyden:first-child::before {
        width: 180px;
    }
    #hodnoceni-top .slick-next {
        right: 0;
    }
    #hodnoceni-top .slick-prev {
        left: 0;
    }
    .in-blog .art-header {
        background-position: calc(100% + 250px) center;
    }
    #newsWrapper {
        margin: 34px 0 0;
    }
    .type-posts-listing.in-blog .subcategories {
        margin-left: 0;
        margin-right: 0;
    }
    .type-post #content, .type-post .breadcrumbs, .breadcrumbs {
        padding-left: 10px;
        padding-right: 10px;
    }
    .type-post header.img-yes .left h1 {
        font-size: var(--size-h1);
    }
    .id-712.type-post header.img-yes .left {
        margin-right: 40px;
    }
    .empty-content-404 {
        margin-top: 0;
    }
    .two-cols.mirror .text {
        margin-left: 100px;
    }
    .two-cols .text {
        margin-right: 100px;
    }
    #hodnoceni-top .votes-wrap {
        margin: 40px 0;
    }
    .faq-in {
        margin: 0;
    }
    .video-pribehy-in {
        margin: 0;
    }
    .latky-in {
        margin: 0 0 40px;
    }
    .dokonalost .bottom {
        margin: 0;
    }
    .id-765 header h1 {
        margin: 60px auto 40px !important;
    }
    .id-765 header h1 {
        font-size: 48px;
    }
    .id-765 .art-header {
        font-size: 20px;
    }
    .id-765 #content-wrapper::before {
        width: 1550px;
    }
    .id-759 #content-wrapper, .id-29 #content-wrapper {
        background-size: 550px auto;
    }
    .id-759 .content-wrapper-in, .id-29 .content-wrapper-in, .id-777 .content-wrapper-in {
        padding: 0 10px;
    }
    .id-29 .art-header > p, .id-777 .art-header > p, .id-759 .art-header > p {
        font-size: 18px;
    }
    .id-759 .art-header {
        min-height: 300px;
    }
    .slozeni-in > div {
        padding: 200px 20px 40px 20px;
    }
    .id-29 .art-header {
        min-height: 360px;
    }
    .id-29 .form-faq > div:last-child {
        padding: 64px 0;
        margin-top: 64px;
    }
    .id--11 .search-header > .container .breadcrumbs {
        padding: 0;
    }
    .type-posts-listing:not(.in-blog) .art-header::after {
        width: 700px;
        height: 100%;
        right: 0;
        left: auto;
        transform: none;
        margin-left: 0;
        background-image: url("/user/documents/upload/Images/blog-category-bg1-phone.png");
    }
    .dalsi-rubriky .subcategories {
        margin: 0;
    }
    .id-846 .two-cols.mirror::before {
        top: -205px
    }
    .id-846 .two-cols.mirror::after {
        height: 150px;
    }
    body:not(.in-index).id-846 .footer-banners-wrapper::before {
        height: 435px;
    }
    .id-846 header h1 {
        font-size: 48px;
        margin: 60px auto 40px !important;
    }
    .id-846 .art-header {
        font-size: 20px;
    }
    .id-846 header h1::after {
        content: none;
    }
    .id-846 .art-header {
        min-height: auto;
        margin-bottom: 100px;
    }
    .id-846 .art-header::after {
        width: 274px;
        height: 101px;
        left: 0;
        bottom: -110px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .id-846 .two-cols.mirror::before {
        top: -185px;
        height: 160px;
    }
    #checkoutContent, .id--17 #checkoutContent {
        max-width: 760px;
    }
    .id-712.type-post header.img-yes {
        align-items: flex-start;
    }
    #cboxPrevious {
        left: -15px;
    }
    #cboxPrevious, #cboxNext {
        width: calc(50% + 15px);
    }
    #cboxNext {
        right: -15px;
    }
    .rady-tipy .videa {
        padding-bottom: 24px;
    }
    .container-narrow, .id-846 #content-wrapper > *, .id-765 #content-wrapper > * {
        max-width: 1178px;
    }
    .form-faq .form > #formContact .form-group.submit-wrapper {
        max-width: 100%;
        justify-content: flex-end;
        margin-top: 22px;
    }
    .form-faq .form > #formContact .form-group.consents-first {
        max-width: 100%;
        justify-content: flex-end;
        text-align: right;
    }
}

@media (max-width: 1439px) and (min-width: 992px) {
    .searchWhisperer__products__listItem:nth-child(9) {
        display: block;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    #header .header-top a.cart-count {
        min-width: auto;
    }
    #header .header-bottom {
        width: calc(100% - 420px);
    }
    .navigation-in ul.menu-level-2 {
        width: 790px;
    }
    .navigation-in > ul > li.ext > ul > li > a img {
        max-height: 70px;
    }
    .navigation-in>ul>li.ext>ul>li {
        width: calc(25% - 20px);
        flex-basis: calc(25% - 20px);
    }
    .admin-logged .popup-widget.cart-widget {
        top: 116px;
    }
    .searchWhisperer__product {
        padding: 20px 10px;
    }
    .searchWhisperer__products {
        padding: 20px;
    }
    .searchWhisperer__additionalResults > h3 {
        padding: 0 20px;
        margin-top: 20px;
    }
    .searchWhisperer__additionalResults > ul {
        padding: 0 20px 20px;
    }
    .cart-count:not(.full) .cart-price {
        display: none !important;
    }
    .searchWhisperer__content--empty > div.left {
        padding: 20px;
    }
    .searchWhisperer__content--empty > div.right > div {
        padding: 20px;
    }
    .admin-logged.msg-info-active .popup-widget.cart-widget, .msg-info-active .popup-widget.cart-widget {
        top: 116px;
    }
    .admin-logged .popup-widget.cart-widget, .popup-widget.cart-widget {
        top: 80px;
    }
}

@media (max-width: 1199px) {
    :root {
        --size-h5: 16px;
    }
    .product-slider-holder .product-slider {
        padding: 0px;
        margin-left: 0;
    }
    .product-slider-holder.has-navigation {
        overflow: hidden;
    }
    .site-msg.information {
        font-size: 14px;
    }
    .main-banner > .top h1 {
        font-size: 30px;
        margin: 0 0 20px;
    }
    .main-banner > .top p {
        font-size: 18px;
    }
    .main-banner {
        min-height: 400px;
    }
    .main-banner > .top {
        max-width: 400px;
    }
    .main-banner > .bottom {
        margin-top: 35px;
    }
    .main-banner::after {
        content: none;
    }
    .main-zmena {
        max-width: 290px;
        left: 370px;
    }
    .benefitBanner__picture {
        flex: 0 0 35px;
    }
    .proc-vybrat {
        flex-direction: column-reverse;
    }
    .proc-vybrat .right {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .proc-vybrat .right ul {
        margin: 0;
    }
    .proc-vybrat .right ul li {
        margin: 15px 10px;
    }
    .proc-vybrat .right .btn-more {
        margin-top: 20px;
    }
    .proc-vybrat .left {
        width: 100%;
        padding-right: 0;
        max-width: 500px;
    }
    .footer-banners-wrapper::before {
        height: 473px;
    }
    .jak .text {
        padding: 20px;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        max-width: 290px;
    }
    .jak .product {
        bottom: -55px;
    }
    .homepage-blog-wrapper::after {
        bottom: 390px;
    }
    .homepage-blog-wrapper > div:nth-child(2), .homepage-blog-wrapper > div:nth-child(3), .homepage-blog-wrapper > div:nth-child(4) {
        width: 33.333%;
    }
    .homepage-blog-wrapper > div:nth-child(2) .text {
        padding: 16px 0 0 0;
        margin-top: 0;
    }
    .homepage-blog-wrapper > div:nth-child(2) .title, .homepage-blog-wrapper > div:nth-child(3) .title, .homepage-blog-wrapper > div:nth-child(4) .title {
        font-size: var(--size-h6);
        letter-spacing: 1px;
        margin: 8px 0 16px;
    }
    .all-art {
        margin-top: 40px;
    }
    .welcome::before {
        width: 350px;
        height: 350px;
    }
    .welcome > div {
        max-width: 750px;
    }
    .instagram-widget {
        margin-top: 20px;
    }

    .footer-rows .custom-footer {
        flex-wrap: wrap;
    }
    #footer h4 {
        margin: 20px 0;
    }
    .footer-rows .custom-footer {
        padding: 30px 0;
    }
    .paticka-spodek {
        flex-wrap: wrap;
        margin-top: 30px;
        text-align: center;
        justify-content: center;
    }
    .paticka-spodek > div:first-child, .paticka-spodek > div:nth-child(2) {
        width: 100%;
        margin-bottom: 30px;
        justify-content: center;
    }
    .paticka-spodek h6 {
        margin: 0 0 10px;
    }
    .footer-bottom .container {
        justify-content: center;
        padding: 25px 0 20px;
    }
    .category-top::before {
        content: none;
    }
    .rady-tipy {
        max-width: 50%;
    }
    .rady-tipy .videa {
        flex-direction: row;
    }
    .rady-tipy .videa > a:first-child {
        margin: 0 40px 0 0;
    }
    .category-title {
        margin-top: 38px;
    }
    .subcategories.with-image li {
        width: calc(33.333% - 20px);
    }
    .category-header .dropdown .dropdown-menu > li:not(:last-child) {
        margin-right: 54px;
    }
    .type-posts-listing .subcategories li a {
        height: 84px;
    }
    .type-posts-listing .subcategories.with-image li a .image {
        height: 84px;
        width: 84px;
    }
    .type-posts-listing.in-blog .subcategories {
        margin-top: -95px;
    }
    .art-header h1 {
        margin-top: 38px;
    }
    .in-blog .art-header {
        background-image: url("/user/documents/upload/Images/leaf_4.png") !important;
        min-height: unset;
        background-position: right -40px;
        background-size: 200px;
    }
    .type-posts-listing.in-blog .subcategories {
        padding: 0 10px;
    }
    .p-thumbnails-wrapper {
        padding: 0;
    }
    .shp-tabs-holder ul.shp-tabs a.shp-tab-link {
        padding: 10px 14px;
    }
    .shp-tabs-holder ul.shp-tabs {
        padding: 10px 0;
        justify-content: center;
    }
    .slick-next {
        right: 0;
    }
    .slick-prev {
        left: 0;
    }
    body.type-detail .footer-banners-wrapper::before {
        height: 473px;
    }
    .type-detail .footer-banners .slick-prev, .type-detail .footer-banners .slick-next {
        top: 307px;
    }
    .two-cols.mirror .text {
        margin-left: 40px;
    }
    .two-cols .text {
        margin-right: 40px;
    }
    .id-765 #content-wrapper::before {
        width: 1330px;
    }
    .id-765 header h1 {
        font-size: 40px;
        max-width: 435px;
    }
    .id-765 .art-header {
        max-width: 400px;
        font-size: 20px;
        min-height: 140px;
    }
    .sami-uzivame-in > div {
        padding: 50px 0 0;
        background-position: center top;
        text-align: center;
    }
    .sami-uzivame-in {
        margin: 0;
    }
    .id-765 .zakaznice-side.vypis > div {
        margin: 0 !important;
    }
    .zakaznice .autor {
        flex-wrap: wrap;
    }
    .zakaznice .autor::after {
        width: 100%;
        display: block;
        margin-top: 10px;
    }
    .id-765 .side-clanky ul li {
        width: calc(50% - 20px);
    }
    .id-29 .art-header > p, .id-777 .art-header > p, .id-759 .art-header > p {
        max-width: 485px;
    }
    .id-759 #content-wrapper {
        background-size: 485px auto;
    }
    .slozeni-in > div {
        width: calc(33.333% - 20px);
    }
    .id-29 #content-wrapper {
        background-size: 400px auto;
    }
    .kontakt-clanek .contact-box ul::before {
        margin-right: 24px;
    }
    .kontakt-clanek .contact-box ul .tel a, .kontakt-clanek .contact-box ul .mail a {
        font-size: 20px;
    }
    .kontakt-clanek-in .socky {
        margin: 16px 0 0 98px;
    }
    .form-faq {
        padding-top: 64px;
    }
    .form-faq .form {
        width: 100%;
        max-width: 610px;
        text-align: center;
        margin: 0 0 40px;
    }
    .form-faq .form > #formContact .form-group.consents-first {
        max-width: 100%;
        justify-content: center;
    }
    .form-faq .form > #formContact .form-group.submit-wrapper {
        max-width: 100%;
        justify-content: center;
        margin-top: 16px;
    }
    .form-faq .faq {
        width: 100%;
        max-width: 610px;
        margin: 0 0 40px;
    }
    .form-faq .faq h2, .form-faq .faq > p {
        text-align: center;
    }
    .form-faq .fakt-udaje {
        justify-content: center;
        text-align: center;
    }
    .id-777 .art-header, .id-735 .art-header {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .id-777 header h1, .id-735 header h1 {
        text-align: center;
    }
    .postup-garance-in {
        flex-wrap: wrap;
    }
    .postup-garance-in > div {
        width: calc(33.333% - 20px);
    }
    .postup-garance-in > div:nth-child(3):not(:last-child)::after {
        display: none;
    }
    #search-group-categories ul li {
        width: calc(33.333% - 20px);
    }
    #search-group-articles .search-results-group-list ul li {
        width: 50%;
    }
    .type-posts-listing:not(.in-blog) .art-header::after {
        content: none;
    }
    .type-posts-listing:not(.in-blog) .art-header {
        padding-bottom: 64px;
        background-image: url("/user/documents/upload/Images/leaf_4.png");
        min-height: unset;
        background-position: right -40px;
        background-size: 200px;
        background-repeat: no-repeat;
    }
    #newsWrapper > article {
        margin: 10px;
        width: calc(33.333% - 20px);
    }
    .type-posts-listing:not(.in-blog) #newsWrapper {
        margin: 0;
    }
    .summary .extra.delivery, .summary .extra.darek-zdarma {
        max-width: 50%;
        width: 100%;
        margin: 0 16px 0 0;
    }
    #checkoutSidebar {
        width: 100%;
        max-width: 360px;
    }
    #checkoutContent, .id--17 #checkoutContent {
        max-width: 560px;
    }
    .smart-labels-active #checkoutContent .smart-label-wrapper label {
        position: relative;
        font-size: var(--size-small);
        letter-spacing: 1px;
        line-height: 1.2;
        font-weight: 700;
        color: var(--color-g300);
        opacity: 1;
        padding: 0;
        margin: 0 0 12px;
        height: unset;
    }
    .id-712.type-post header.img-yes {
        flex-direction: column;
    }
    .id-712.type-post header.img-yes .left {
        margin: 0 0 40px;
        text-align: left;
        max-width: 700px;
    }
    .id-712.type-post header.img-yes .right {
        max-width: 700px;
        margin: 0;
    }
    .advanced-order .extras-wrap .extra.step {
        order: 4;
        width: 50%;
        text-align: right;
        margin-top: 16px;
    }
    .advanced-order .extras-wrap .do-obchodu {
        width: 50%;
        order: 3;
        text-align: left;
        margin-top: 16px;
    }
    .advanced-order .extras-wrap .do-obchodu .btn.btn-ghost {
        padding: 15px 24px;
    }
    .advanced-order .extras-wrap {
        justify-content: center;
    }
    .advanced-order .extras-wrap .extra.darek-zdarma {
        margin-right: 16px;
    }
    .advanced-order .extras-wrap .extra.delivery {
        margin-left: 16px;
    }
    #cboxPrevious {
        left: -7px;
    }
    #cboxNext {
        right: -7px;
    }
    #cboxPrevious, #cboxNext {
        width: calc(50% + 7px);
    }
    #cboxNext::before {
        right: 0;
    }
    .advanced-order .extras-wrap .extra.darek-zdarma, .advanced-order .extras-wrap .extra.delivery {
        width: 100%;
    }
    .rady-tipy .videa {
        padding-bottom: 0;
    }
    .container-narrow, .id-846 #content-wrapper > *, .id-765 #content-wrapper > * {
        max-width: 972px;
    }
    .side-products .bottom .products > div:nth-child(4) {
        display: none;
    }
    .roz-obj .product-slider-holder.has-navigation .product-slider-navigation.navigation-prev {
        left: 22px;
    }
    .roz-obj .product-slider-holder.has-navigation .product-slider-navigation.navigation-next {
        right: 22px;
    }
    .roz-obj .product-slider-holder .product-slider-navigation {
        opacity: 1;
        width: 40px;
        height: 40px;
        box-shadow: 0px 0px 20px 0px #315E4533;
        background: #fff;
        border-radius: 50%;
        z-index: 1;
    }
    .product-slider-holder .product-slider-navigation.navigation-prev::before, .product-slider-holder .product-slider-navigation.navigation-next::before {
        content: "";
        background-image: url("/user/documents/upload/Images/chevron-right.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .product-slider-holder .product-slider-navigation.navigation-prev::before {
        transform: translate(-50%, -50%) rotate(180deg);
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #header .site-name a img {
        max-height: 20px;
    }
    #header .header-top-wrapper .site-name {
        flex: 0 1 105px;
    }
    #header .header-bottom {
        left: 140px;
        width: calc(100% - 380px);
    }
    .navigation-in ul.menu-level-2 {
        width: 620px;
    }
    .navigation-in>ul>li.ext>ul>li {
        width: calc(33.333% - 20px);
        flex-basis: calc(33.333% - 20px);
    }
    .searchWhisperer__additionalResults {
        flex-basis: 300px;
    }
    .searchWhisperer__products__listItem {
        flex-basis: 50%;
        width: 50%;
    }
    .searchWhisperer__content--empty > div.left {
        max-width: 430px;
    }
    .admin-logged.msg-info-active .popup-widget.cart-widget, .msg-info-active .popup-widget.cart-widget {
        top: 137px;
    }
}

@media (max-width: 991px) {
    :root {
        --size-h2: 24px;
        --size-h3: 20px;
        --size-h4: 18px;
    }
    .main-zmena {
        position: relative;
        left: auto;
        padding: 0;
    }
    .main-banner {
        background-size: 300px auto;
        background-position: top right;
        min-height: auto;
        padding: 20px 0;
    }
    .main-banner > .bottom > div:first-child {
        margin-right: 30px;
    }
    .main-banner > .bottom {
        margin-top: -65px;
        align-items: center;
    }
    .benefitBanner__picture {
        margin: 0 0 10px;
    }
    .benefitBanner__item {
        flex-direction: column;
        text-align: center;
    }
    .benefitBanner {
        padding-bottom: 15px;
        margin-bottom: 50px;
    }
    .homepage-group-title {
        margin-bottom: 20px;
    }
    .footer-banners-wrapper::before {
        height: 412px;
    }
    .footer-banners .slick-prev, .footer-banners .slick-next {
        width: 50px;
        height: 50px;
    }
    .footer-banners .slick-prev, .footer-banners .slick-next {
        top: 236px;
    }
    .zakaznice .autor {
        flex-wrap: wrap;
    }
    .zakaznice .autor::after {
        margin: 10px 0 0;
        width: 100%;
    }
    .jak .product {
        display: none;
    }
    .jak .text h2 {
        margin: 10px 0 20px;
        font-size: var(--size-h3);
    }
    .banners-content.body-banners::before {
        margin-bottom: 30px;
    }
    .all-art.navody-link {
        margin-top: 30px;
    }
    .homepage-blog-wrapper {
        margin: 60px 0 0 !important;
        padding-bottom: 0;
    }
    .homepage-blog-wrapper::after {
        bottom: 540px;
    }
    .welcome::before {
        display: block;
        margin: 0 auto -250px;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        transform: none;
    }
    .welcome > div {
        padding: 250px 40px 15px;
    }
    .welcome > div::before {
        width: 150px;
        height: 150px;
        left: 0;
        top: -10px;
    }
    .instagram-wrapper {
        margin-top: 50px;
    }
    .hodnoceni .bottom .vote-wrap {
        width: calc(50% - 20px);
        margin: 20px 10px;
    }
    .hodnoceni .bottom .votes-wrap {
        flex-wrap: wrap;
    }
    .newsletter-header {
        position: relative;
    }
    .homepage-blog-wrapper > div:nth-child(2) .text {
        max-width: 100%;
    }
    .rady-tipy {
        position: relative;
        top: auto;
        transform: none;
        max-width: 100%;
    }
    .category-perex {
        max-width: 100%;
    }
    .category-top {
        position: relative;
        padding-bottom: 60px;
        background-color: var(--color-s300);
        background-image: url("/user/documents/upload/Images/image-29.png");
        background-size: 300px auto;
        background-repeat: no-repeat;
        background-position: calc(100% - 130px) bottom;
    }
    .category-top::before {
        content: "";
        position: absolute;
        width: 160px;
    height: 130px;
    top: 0;
    right: 0;
        background: url("/user/documents/upload/Images/group_of_leaves_10.svg") no-repeat top center;
        background-size: contain;
        transform: none;
        left: auto;
    }
    .rady-tipy .videa {
        flex-direction: column;
    }
    .rady-tipy .videa > a:first-child {
        margin: 0 0 20px;
    }
    .subcategories.with-image li {
        width: calc(50% - 20px);
    }
    #filters {
        margin: 20px 0 !important;
    }
    .in-blog #newsWrapper > article:first-child, #newsWrapper > article {
        width: 50%;
        margin: 0;
        padding: 10px;
    }
    .in-blog #newsWrapper > article:first-child.news-item .text {
        position: relative;
        padding: 0;
        bottom: auto;
        top: auto;
        right: auto;
        left: auto;
        border-top-right-radius: 0;
        width: 100%;
    }
    .in-blog #newsWrapper > article:first-child time {
        margin: 8px 0;
    }
    .id-712.type-post header.img-yes .left {
        max-width: 100%;
        margin: 0 0 40px;
    }
    .id-712.type-post header.img-yes {
        flex-direction: column;
    }
    .news-item-detail .produkt-widget > div {
        padding: 10px;
    }
    .empty-content-404 {
        padding-left: 330px;
        background-size: 300px auto;
        padding-right: 10px;
        background-position: 10px center;
    }
    .prazdny-kosik-spodek {
        margin: 0 10px
    }
    .empty-contact {
        padding: 30px;
    }
    .id--8 .content-inner {
        padding: 0 10px;
    }
    .id--8 .content-inner #register-form {
        padding: 20px 20px 29px;
    }
    .wide .p-detail-inner .p-image-wrapper {
        width: 100%;
        max-width: 100%;
    }
    .wide .p-detail-inner .p-data-wrapper {
        width: 100%;
        margin-left: 0;
        max-width: 100%;
    }
    .ratings-and-brand {
        flex-direction: row;
        margin-bottom: 24px;
    }
    .p-detail .stars-wrapper {
        margin: 0;
    }
    .ratings-and-brand blockquote {
        margin-right: 20px;
    }
    .p-detail-inner-header-mobile .h1 {
        padding: 0;
        margin: 0 0 20px;
    }
    .wide .p-detail .p-image .flags {
        top: 12px;
        left: 12px;
    }
    .wide .p-detail .flags.flags-extra {
        right: 12px;
        left: auto;
    }
    .wide .p-detail-inner .p-image-wrapper {
        margin-bottom: 20px;
    }
    body.type-detail .footer-banners-wrapper::before {
        height: 412px;
    }
    .type-detail .footer-banners .slick-prev, .type-detail .footer-banners .slick-next {
        top: 235px;
    }
    #description {
        padding-top: 64px;
        margin-top: 64px;
    }
    #description .basic-description > div:nth-child(4) {
        margin-top: 64px;
    }
    .two-cols.mirror {
        flex-direction: column;
    }
    .two-cols.mirror .text, .two-cols .text {
        max-width: 100%;
        margin: 0 0 20px;
    }
    .two-cols .image {
        max-width: 100%;
    }
    .two-cols {
        flex-direction: column;
    }
    .prubeh-in .tyden::after {
        width: 40px;
        height: 40px;
    }
    .prubeh-in .tyden {
        padding-top: 55px;
    }
    .prubeh-in::before {
        top: 18px;
    }
    .prubeh-in > .tyden:first-child::before {
        top: 18px;
        width: 150px;
    }
    #prubeh {
        padding: 64px 0;
    }
    .dokonalost {
        padding: 64px 0;
    }
    .dokonalost .two-cols .image {
        max-width: 100%;
    }
    .dokonalost .bottom > div h3 {
        padding: 24px 20px 0;
    }
    .dokonalost .bottom > div p {
        padding: 0 20px 20px;
    }
    .dokonalost .bottom > div:not(:last-child)::after {
        width: 60px;
    }
    #garance {
        padding: 40px 40px 40px 150px;
        background-position: 40px 40px;
    }
    .latky-in {
        flex-wrap: wrap;
        justify-content: center;
    }
    .latky-in div {
        width: calc(50% - 20px);
        margin: 10px;
        padding-top: 170px;
    }
    #ratingTab {
        flex-direction: column;
    }
    #ratingTab #ratingWrapper {
        max-width: 100%;
        margin: 0 0 0px;
    }
    #ratingTab #ratingWrapper .rate-wrap {
        margin-bottom: 0;
    }
    #productDiscussion {
        flex-direction: column;
    }
    #productDiscussion #discussionWrapper {
        max-width: 100%;
        margin: 0;
    }
    .id-765 #content-wrapper::before {
        content: none;
    }
    .id-765 #content-wrapper {
        background-image: url("/user/documents/upload/Images/group_of_leaves_3.svg");
        background-size: 530px auto;
        background-repeat: no-repeat;
        background-position: center -141px;
    }
    .id-765 header h1 {
        margin: 48px auto 30px !important;
    }
    .id-765 .art-header {
        font-size: 18px;
        min-height: auto;
    }
    .sami-uzivame-in {
        flex-wrap: wrap;
    }
    .sami-uzivame-in > div {
        width: calc(50% - 20px);
        padding: 50px 0 10px;
    }
    .zakaznice-side.vypis > div > div {
        width: 50% !important;
    }
    .zakaznice-side.vypis .footer-banner.vypln {
        width: calc(50% - 20px) !important;
        padding: 80px 20px;
    }
    .id-765 .side-clanky ul li {
        background-size: 84px;
    }
    .id-765 .side-clanky ul li a {
        height: 84px;
    }
    .id-765 .side-clanky ul li a {
        padding-left: 108px;
    }
    .id-29 #content-wrapper::before, .id-777 #content-wrapper::before, .id-759 #content-wrapper::before, .id-735 #content-wrapper::before {
        content: none;
    }
    .id-29 #content-wrapper, .id-777 #content-wrapper, .id-759 #content-wrapper, .id-735 #content-wrapper {
        background-image: url("/user/documents/upload/Images/group_of_leaves_3.svg") !important;
        background-size: 530px auto;
        background-repeat: no-repeat;
        background-position: center -141px;
    }
    .id-759 .art-header, .id-777 .art-header, .id-29 .art-header {
        text-align: center;
        min-height: unset;
    }
    .id-29 header h1, .id-777 header h1, .id-759 header h1 {
        text-align: center;
    }
    .id-29 .art-header > p, .id-777 .art-header > p, .id-759 .art-header > p {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 660px;
    }
    .slozeni {
        margin-top: 64px;
    }
    .slozeni-in > div {
        width: calc(50% - 20px);
        background-size: auto 200px;
    }
    .slozeni-in > div:nth-child(1) {
        background-size: auto 320px;
    }
    .slozeni-in > div:nth-child(3) {
        background-size: auto 220px;
    }
    .slozeni-in > div:nth-child(5) {
        background-position: 0 -60px;
        background-size: 100% auto;
    }
    .slozeni-in > div:nth-child(7) {
        background-size: 100% auto;
        background-position: 0 -50px;
    }
    .kontakt-clanek .contact-box ul {
        justify-content: center;
    }
    .kontakt-clanek {
        margin-top: 0;
        margin-bottom: 48px;
    }
    .kontakt-clanek-in .socky {
        margin: 16px 0 0;
    }
    .kontakt-clanek .socky ul {
        justify-content: center;
    }
    .kontakt-clanek > *:not(.kontakt-clanek-in) {
        font-size: 0;
        line-height: 0;
    }
    .id-777 .kontakt-clanek {
        margin-bottom: 0;
    }
    #search-group-categories ul li {
        width: calc(50% - 20px);
    }
    body.no-results .search-header::after {
        content: none;
    }
    .empty-contact .contact-box ul {
        flex-direction: column;
        width: auto;
    }
    .empty-contact .contact-box {
        -webkit-justify-content: space-between;justify-content: space-between;
    }
    body.no-results .search-header {
        background-image: url("/user/documents/upload/Images/group_of_leaves_3.svg");
        background-size: 230px auto;
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) -50px;
    }
    .type-posts-listing:not(.in-blog) .art-header {
        padding-bottom: 40px;
    }
    .dalsi-rubriky {
        padding-top: 64px;
        margin-top: 54px;
    }
    .id-846 header h1 {
        font-size: 40px;
        margin: 28px auto 30px !important;
    }
    .id-846 .art-header::after, .id-846 .two-cols.mirror::before, .id-846 .two-cols.mirror .image::before, .id-846 .two-cols.mirror::after, .id-846 article div[itemprop="about"] > div:nth-child(4) h2::before, .id-846 .sami-uzivame::after, .id-846 .pribeh-video::before {
        content: none;
    }
    .id-846 .art-header {
        margin-bottom: 64px;
    }
    .id-846 .two-cols.mirror .text {
        margin: 0;
    }
    .id-846 .two-cols {
        margin-bottom: 64px;
    }
    .id-846 .two-cols {
        align-items: flex-start;
    }
    .id-846 .sami-uzivame {
        padding: 64px 0 54px;
    }
    .id-846 .sami-uzivame .sami-uzivame-in {
        margin-top: 54px;
    }
    .pribeh-video {
        margin: 64px 0;
    }
    .id-846 .zakaznice-side .footer-banners-wrapper .footer-banners {
        padding-bottom: 44px;
    }
    ol.cart-header li a, ol.cart-header li strong {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    ol.cart-header li a::before, ol.cart-header li strong::before {
        margin: 0 0 5px;
    }
    .cart-table tr>td {
        border-bottom-width: 0;
    }
    .cart-table .inline.delete-cart-item {
        top: 0;
        margin-top: 0;
    }
    .cart-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
    .cart-table tr>td:first-child {
        padding: 0;
        margin-bottom: 0;
    }
    .cart-table tr>td.p-name {
        padding: 0 0 12px 16px;
        position: initial;
    }
    .cart-table tr>td.cart-p-image {
        flex: 0 0 64px;
        padding-bottom: 12px;
    }
    .cart-table .unit-value {
        display: inline-block;
        font-size: var(--size-small);
    }
    .cart-table tr>td.p-total {
        padding: 0;
        margin-top: 21px;
    }
    .cart-table .p-price {
        padding: 0;
    }
    .cart-table tr>td.p-quantity {
        padding: 0;
    }
    .cart-table tr:not(.free-gift-row) {
        padding-top: 32px;
        position: relative;
        padding-bottom: 20px;
    }
    .cart-table .p-name div.inline {
        padding-top: 0;
    }
    .cart-inner {
        padding-top: 20px;
    }
    .cart-table tr.removeable .remove-item {
        padding: 0;
    }
    .cart-table tr>td.p-price {
        position: absolute;
        right: 10px;
        bottom: 43px;
        width: 150px;
    }
    .cart-inner .summary > div:first-child .box-bg-default {
        flex-direction: column;
    }
    .summary .extra.delivery, .summary .extra.darek-zdarma {
        max-width: 100%;
    }
    .summary .extra.darek-zdarma {
        margin-bottom: 16px;
    }
    .cart-inner .summary > div:nth-child(2) {
        max-width: 400px;
    }
    .id--16 .row.cart-row {
        flex-direction: column;
    }
    #checkoutContent, .id--17 #checkoutContent {
        max-width: 100%;
    }
    .shipping-billing-table .radio-wrapper:last-child {
        border: 1px solid var(--color-g50);
    }
    #checkoutSidebar {
        max-width: 100%;
        margin-top: 40px;
    }
    .id--17 .row.cart-row {
        flex-wrap: wrap;
    }
    .smart-labels-active #checkoutContent .smart-label-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    #checkoutContent .form-group.phone-form-group .phone-combined-input, #checkoutContent .form-group:not(.phone-form-group) input {
        max-width: 100%;
    }
    .id--17 .order-summary-inner {
        border-width: 1px;
    }
    .id--17 .order-summary-inner h4 {
        display: block;
    }
    .id--15 #content-wrapper::before {
        content: none;
    }
    .id--15 #content-wrapper {
        background-image: url("/user/documents/upload/Images/group_of_leaves_3.svg");
        background-size: 530px auto;
        background-repeat: no-repeat;
        background-position: center -141px;
    }
    .dekujeme-header h1.order-summary-heading {
        margin: 16px 0 !important;
    }
    .id--15 .content-inner {
        padding: 40px;
    }
    .ordering-process .recapitulation-wrapper .co-box h4.order-content {
        text-align: center;
    }
    .id--15 .cart-table .p-name {
        max-width: 250px;
    }
    .id--15 .cart-table .p-quantity {
        min-width: unset;
        width: 100%;
        max-width: 90px;
    }
    .id--15 .cart-table tr:not(.gift-line)>td.p-total {
        margin-top: 0;
        align-self: flex-start;
    }
    .cart-table tr {
        border-color: var(--color-g50);
    }
    .id--15 .cart-table tr {
        align-items: center;
    }
    .id--15.ordering-process .co-box.co-payment-method {
        margin-top: 40px;
    }
    .id--15.ordering-process .co-box.co-payment-method > .row {
        flex-wrap: wrap;
    }
    .id--15.ordering-process .co-box.co-payment-method > .row > div {
        width: 100%;
        max-width: 100%;
    }
    .id--15.ordering-process .co-box.co-payment-method > .row > div.col-sm-12 {
        align-items: center;
        flex-direction: column;
    }
    .id--15.ordering-process .co-box.co-payment-method > .row > div.col-sm-12 .uhrada {
        margin-top: 64px;
    }
    .id--15.ordering-process .co-box.co-payment-method > .row > div.col-sm-12 .qrcode {
        margin: 24px 0 0;
    }
    .cart-inner.cart-empty {
        background-image: url("/user/documents/upload/Images/group_of_leaves_3.svg");
        background-size: 230px auto;
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) -50px;
    }
    .postup-jak > div::before {
        width: 64px;
        height: 64px;
    }
    .postup-jak > div {
        padding-left: 90px;
    }
    .news-item-detail .jak-produkty .produkt-widget > div {
        width: 50%;
    }
    .jak-video {
        aspect-ratio: unset;
        min-height: 350px;
        width: 100%;
    }
    .container-narrow, .id-846 #content-wrapper > *, .id-765 #content-wrapper > * {
        max-width: 747px;
    }
    .side-products .bottom .products > div:nth-child(4) {
        display: block;
    }
    .cart-table tr.free-gift-row td.free-gift-price {
        padding-right: 0;
    }

}

@media (max-width: 767px) {
    .user-action-in .popup-widget.cart-widget {
        top: 64px;
    }
    .p-detail-inner-header-mobile h1 {
        font-size: var(--size-h1);
    }
    #header .navigation-buttons a, #header .navigation-buttons .tel.header-phone {
        width: 38px;
        height: 24px;
        position: relative;
    }
    #header .navigation-buttons .tel.header-phone a {
        text-indent: -9999px;
        background-image: url("/user/documents/upload/Images/telephone.svg");
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
    }
    #header .site-name a img {
        max-height: 20px;
    }
    #header .navigation-buttons a::before {
        content: "" !important;
        position: absolute;
        height: 20px;
        width: 20px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .navigation-buttons a[data-target="search"]::before {
        background-image: url("/user/documents/upload/Images/magnifier.svg");
    }
    .navigation-buttons a[data-target="login"], .top-nav-button-account.secondary {
        display: block;
    }
    .navigation-buttons a[data-target="login"] span, .top-nav-button-account.secondary span {
        display: none;
    }
    #header .navigation-buttons a[data-target="login"]::before, .top-nav-button-account.secondary::before {
        width: 24px !important;
        height: 24px !important;
        background-image: url("/user/documents/upload/Images/user.svg");
    }
    #formSearchForm {
        display: none;
    }
    #header .navigation-buttons a[data-target="cart"]::before {
        width: 24px;
        height: 24px;
        background-image: url("/user/documents/upload/Images/shopping-bag.svg");
    }
    #header .navigation-buttons a.toggle-window[data-target="navigation"] {
        position: absolute;
        left: 0;
        height: 64px;
        width: 58px;
        border-right: 1px solid var(--color-g50);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
    }
    #header .site-name {
        padding-left: 74px;
    }
    #header .header-top > .container {
        height: 64px;
    }
    #header .navigation-buttons a.toggle-window[data-target="navigation"]::before {
        content: "" !important;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 24px;
        height: 24px;
        background: url("/user/documents/upload/Images/filter-left.svg") no-repeat center;
        background-size: contain;
        top: 10px;
    }
    #header .navigation-buttons a.toggle-window[data-target="navigation"]::after {
        content: "Menu";
        display: block;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.1;
        color: var(--color-g400);
        letter-spacing: 1px;
        margin-bottom: 10px;
    }
    .navigation-window-visible #header .navigation-buttons a.toggle-window[data-target="navigation"]::before {
        background: url("/user/documents/upload/Images/x-lg.svg") no-repeat center;
        background-size: contain;
    }
    #navigation {
        top: 64px;
    }
    .overall-wrapper {
        padding-top: 64px;
    }
    .msg-info-active .overall-wrapper {
        padding-top: 114px;
    }
    #header .header-top {
        box-shadow: 0px 1px 2px 0px #00000026;
    }
    .navigation-buttons > a[data-target="cart"] i {
        background-color: var(--color-p300);
    }
    #header .header-top a.cart-count i {
        left: 2px;
        bottom: -8px;
        top: auto;
        right: auto;
    }
    #navigation .navigation-in ul li>a>b {
        padding: 0;
        text-decoration: none;
        font-weight: 400;
    }
    #navigation .menu-level-1 > li > a {
        padding: 16px 20px;
        font-size: var(--size-small);
        line-height: 1.1;
        letter-spacing: 1px;
        text-decoration: none;
        border-bottom: 1px solid var(--color-g50);
    }
    #navigation .navigation-in>ul>li.menu-item-706>a, .sk #navigation .navigation-in>ul>li.menu-item-712>a {
        font-size: 18px;
        line-height: 1.2;
    }
    #navigation .navigation-in>ul>li.ext.exp.menu-item-706>a, .sk #navigation .navigation-in>ul>li.ext.exp.menu-item-712>a {
        background: var(--color-b50);
    }
    #navigation .navigation-in>ul>li.menu-item-706>a b, .sk #navigation .navigation-in>ul>li.menu-item-712>a b {
        font-weight: 600;
    }
    #navigation .navigation-in>ul>li.ext.exp.menu-item-706>a b, .sk #navigation .navigation-in>ul>li.ext.exp.menu-item-712>a b {
        color: var(--color-b400);
    }
    #navigation .navigation-in>ul>li.menu-item-706>a::after, .sk #navigation .navigation-in>ul>li.menu-item-712>a::after {
        content: "";
        position: relative;
        display: inline-block;
        margin-left: auto;
    }
    #navigation .navigation-in>ul>li.menu-item-706>a .submenu-arrow, .sk #navigation .navigation-in>ul>li.menu-item-712>a .submenu-arrow {
        background-image: url("/user/documents/upload/Images/chevron-right.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
        width: 48px;
        height: 54px;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }
    #navigation .navigation-in>ul>li.menu-item-706>a .submenu-arrow::after, .sk #navigation .navigation-in>ul>li.menu-item-712>a .submenu-arrow::after {
        content: none;
    }
    .main-banner {
        background-image: url("/user/documents/upload/Images/mascara-mobile.jpg");
        background-size: 360px auto;
        background-repeat: no-repeat;
        background-position: center -18px;
        padding-top: 170px;
    }
    .main-banner > .top h1 {
        font-size: 32px;
        margin: 35px auto 16px;
        text-align: center;
        max-width: 100%;
    }
    .main-banner > .top {
        max-width: none;
        margin: 0 auto;
        text-align: center;
    }
    .main-banner > .bottom {
        margin-top: 56px;
        flex-direction: column;
    }
    .main-banner > .bottom > div:first-child {
        margin: 0 0 56px;
    }
    .main-zmena {
        max-width: 340px;
    }
    .main-zmena .top {
        padding: 12px 12px 4px 12px;
    }
    .main-zmena .top span strong {
        font-size: 16px;
    }
    .main-zmena .bottom div span {
        text-align: center;
    }
    .benefitBanner__item {
        flex: 1 1 calc(100% - 40px);
    }
    .proc-vybrat .right ul li {
        width: calc(100% - 20px);
    }
    .footer-banners-wrapper::before {
        height: 430px;
    }
    .footer-banners-wrapper {
        padding-top: 64px;
    }
    .footer-banners-wrapper::before {
        background-color: var(--color-b50);
        background-image: url("/user/documents/upload/Images/group_of_leaves_9.svg");
        background-size: 231px auto;
        background-position: top center;
        background-repeat: no-repeat;
    }
    .footer-banners-wrapper > p {
        line-height: 1.4;
    }
    .content-wrapper.container .row>div.slick-list {
        padding: 0;
    }
    .footer-banners {
        margin: 40px 0px 0 !important;
    }
    .zakaznice {
        margin: 0 4px;
    }
    .banners-content.body-banners {
        flex-direction: column;
    }
    .banners-content.body-banners > div {
        width: 100%;
    }
    .banners-content.body-banners > div:first-child, .banners-content.body-banners > div:nth-child(2) {
        padding: 0;
    }
    .banners-content.body-banners {
        margin: 44px 0 0 !important;
    }
    .footer-banners-wrapper::before {
        height: 433px;
    }
    .homepage-blog-wrapper > div:nth-child(2), .homepage-blog-wrapper > div:nth-child(3), .homepage-blog-wrapper > div:nth-child(4) {
        width: 100%;
        max-width: 500px;
    }
    .custom-footer>div.custom-footer__contact {
        width: 100%;
    }
    .custom-footer>div.custom-footer__contact .socky ul {
        justify-content: center;
    }
    .custom-footer>div {
        width: 50%;
        text-align: center;
    }
    .custom-footer {
        justify-content: center;
    }
    #footer .custom-footer__contact .contact-box {
        justify-content: center;
        background: none;
        padding-left: 0;
    }
    #footer .custom-footer__contact .contact-box::before {
        content: "";
        display: inline-block;
        margin-right: 20px;
        width: 74px;
        height: 74px;
        background: url("/user/documents/upload/Images/header-contact-lady.png") no-repeat left center;
        background-size: contain;
    }
    #footer .contact-box ul {
        text-align: left;
    }
    .zakladatele::after {
        content: none;
    }
    .category-header .dropdown .dropdown-menu > li:not(:last-child) {
        margin-right: 35px;
    }
    .category-header .dropdown .dropdown-menu > li > * {
        padding: 0 0 16px;
    }
    .category-top .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .subcategories {
        margin: -25px 0 0;
        margin-left: -5px !important; margin-right: -5px !important;
    }
    .subcategories.with-image li {
        margin: 5px;
        width: calc(50% - 10px);
    }
    .category-top {
        background-position: right bottom;
        background-size: 200px auto;
    }
    #filters:not(.otevreny) > *:not(.filtrovat) {
        display: none;
    }
    .filtrovat, .mobile .category-header #products-listing-order {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 16px 20px;
        letter-spacing: 2px;
        font-size: 13px;
        line-height: 1.7;
        font-weight: 700;
        color: var(--color-b400);
        border-radius: 100px;
        border: 1px solid var(--color-b400);
        text-transform: uppercase;
        text-align: left;
        transition: none;
    }
    .filtrovat::after, .category-header #products-listing-order::after {
        content: "";
        display: inline-block;
        margin-left: auto;
        width: 16px;
        height: 16px;
        line-height: 1;
        background: url("/user/documents/upload/Images/chevron-down.svg") no-repeat center;
        background-size: contain;
    }
    .products-listing-order-heading {
        display: none;
    }
    .mobile .category-header #products-listing-order .icon-chevron-down {
        display: none;
    }
    .mobile .category-header #products-listing-order[aria-expanded="true"] {
        border-color: var(--color-g50);
        border-radius: 8px 8px 4px 4px;
    }
    #category-header .dropdown-menu {
        box-shadow: 0px 3px 6px 0px #315E4533;
        border: none;
        border-radius: 0 0 12px 12px;
    }
    #category-header .dropdown-menu li {
        margin: 0;
    }
    #category-header .dropdown-menu li label {
        padding: 16px 20px;
        color: var(--color-g300);
        font-size: var(--size-small);
        font-weight: 400;
        line-height: 1.7;
    }
    #category-header .dropdown-menu li strong::before {
        content: "";
        width: 16px;
        height: 16px;
        margin-right: 12px;
        background: url("/user/documents/upload/Images/check2.svg") no-repeat center;
        background-size: contain;
        vertical-align: middle;
        line-height: 1;
        display: inline-block;
    }
    #category-header .dropdown-menu li strong {
        color: var(--color-b400);
        font-size: var(--size-small);
        font-weight: 400;
        line-height: 1.7;
        position: relative;
        padding: 16px 20px;
        background: var(--color-b50);
    }
    #filters.otevreny .filtrovat {
        background: var(--color-b400);
        color: #fff;
        border-radius: 12px 12px 0 0;
    }
    #filters.otevreny .filtrovat::after {
        filter: brightness(100);
        transform: rotate(180deg);
    }
    #category-filter-hover {
        border-radius: 0 0 12px 12px;
        border: 1px solid var(--color-b50);
        box-shadow: 0px 3px 6px 0px #315E4533;
    }
    #category-filter-hover > div {
        font-size: 13px;
        font-weight: 700;
        padding: 0;
        text-transform: uppercase;
        border-top: 1px solid var(--color-g50);
    }
    #category-filter-hover > div:first-child {
        border-top: none;
    }
    #category-filter-hover > div h4 {
        margin: 0;
        font-size: 13px;
        font-weight: 700;
        color: var(--color-b400);
        text-transform: uppercase;
        padding: 16px 20px;
        display: flex;
        align-items: center;
        -webkit-justify-content: space-between;justify-content: space-between;
    }
    #category-filter-hover > div h4::after {
        content: "";
        display: inline-block;
        margin-left: auto;
        width: 16px;
        height: 16px;
        line-height: 1;
        background: url("/user/documents/upload/Images/chevron-down.svg") no-repeat center;
        background-size: contain;
    }


    .slider-wrapper.otevreno::after {
        content: "";
        position: absolute;
        width: 300px;
        height: 84px;
        border: 1px solid var(--color-b100);
        border-width: 0 1px 1px 1px;
        top: 100%;
        left: 0;
        border-radius: 0px 12px 12px 12px;
        background: #fff;
        box-shadow: 0px 3px 6px 0px #315E4533;
    }
    .slider-wrapper.otevreno > div.slider-content {
        padding: 15px 30px 7px;
        background: transparent;
        border-top-right-radius: 12px;
    }
    .slider-wrapper.otevreno > div.slider-header {
        top: calc(100% + 40px);
        z-index: 1;
        padding: 5px 20px 0;
    }
    .slider-header {
        font-size: var(--size-smaller);
        color: var(--color-g200);
        letter-spacing: 1px;
        line-height: 1.2;
    }
    .ui-slider-horizontal .ui-slider-handle {
        width: 24px;
        height: 24px;
        margin-left: -12px;
        border-radius: 50%;
        border: 1px solid var(--color-b100);
        box-shadow: 0px 3px 6px 0px #315E4533;
        background-color: #fff;
        top: -9px;
    }
    .ui-slider .ui-slider-range {
        background-color: var(--color-b300);
        border-color: var(--color-b300);
    }
    .ui-slider-horizontal .ui-slider-handle::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: var(--color-b300);
        border-radius: 50%;
    }
    .ui-slider-horizontal {
        height: 6px;
        z-index: 1;
        background-color: var(--color-g50);
        border-radius: 20px;
    }
    .ui-slider-horizontal .ui-slider-range {
        top: 0px;
    }
    .slider-wrapper.otevreno {
        padding-bottom: 20px !important;
    }
    .slider-wrapper.otevreno h4::after {
        transform: rotate(180deg);
    }
    .filter-section.otevreno h4::after {
        transform: rotate(180deg);
    }
    .filter-section form {
        padding: 20px;
    }
    .filter-section form label {
        text-transform: none;
        color: var(--color-g300);
        font-size: var(--size-small);
        letter-spacing: 1px;
        line-height: 1.2;
        font-weight: 400;
        padding: 0 0 0 32px !important;
    }
    .filter-section form fieldset > div:not(:last-child) {
        margin-bottom: 12px;
    }
    .filter-section form fieldset > div {
        width: 100% !important;
        line-height: 1;
    }
    .filter-label .filter-count {
        display: none;
    }
    .aktivni-filtry {
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--color-g50);
        margin-bottom: 16px;
        margin-top: 32px;
        padding-top: 27px;
        border-top: 1px solid var(--color-g50);
    }
    .aktivni-filtry > span {
        color: var(--color-g200);
        letter-spacing: 1px;
        font-size: var(--size-small);
        line-height: 1.2;
    }
    .aktivni-filtry #clear-filters {
        position: absolute;
        margin: 0;
        top: 27px;
        right: 0;
    }
    .aktivni-filtry #clear-filters a {
        padding: 0;
        color: var(--color-p300);
        letter-spacing: 2px;
        font-size: 13px;
        line-height: 1.4;
        font-weight: 700;
        text-transform: none;
    }
    .aktivni-filtry #clear-filters a::after {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("/user/documents/upload/Images/close_red.svg") no-repeat center;
        background-size: contain;
        margin-left: 12px;
        vertical-align: middle;
    }
    .aktivni-filtry > div {
        display: flex;
        align-items: center;
        margin: 16px 0 0;
        overflow-x: scroll;
        padding-bottom: 14px;
    }
    .aktivni-filtry > div label {
        font-size: 13px;
        line-height: 1.7;
        letter-spacing: 2px;
        color: var(--color-b400);
        padding: 8px 16px;
        margin-right: 12px;
        background: var(--color-b50);
        font-weight: 700;
        border-radius: 100px;
        flex-shrink: 0;
        width: auto;
    }
    .aktivni-filtry > div label::after {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("/user/documents/upload/Images/close_green.svg") no-repeat center;
        background-size: contain;
        margin-left: 12px;
        vertical-align: middle;
    }
    .aktivni-filtry > div::-webkit-scrollbar-track {
        background: black;
    }
    .aktivni-filtry > div::-webkit-scrollbar-thumb {
        background-color: pink;
        border-radius: 6px;
    }
    .hodnoceni .bottom .votes-wrap > .vote-wrap:not(:first-child) {
        display: none;
    }
    .hodnoceni .bottom .vote-wrap {
        width: 100%;
        margin: 0;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .hodnoceni .top .link {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 50px;
        width: 100%;
        text-align: center;
    }
    .hodnoceni .top {
        position: initial;
        justify-content: center;
    }
    .vote-wrap .vote-header .vote-rating {
        justify-content: center;
    }
    .hodnoceni .bottom .vote-wrap .vote-header {
        width: 100%;
    }
    .hodnoceni .bottom .vote-wrap .vote-header {
        background-position: bottom center;
    }
    .hodnoceni {
        padding-bottom: 100px;
    }
    .hodnoceni .bottom {
        margin-top: 40px;
    }
    .custom-footer>div {
        width: 100%;
    }
    .paticka-spodek > div:first-child img, .paticka-spodek > div:nth-child(2) img {
        margin-right: 30px;
    }
    .footer-bottom .container {
        flex-direction: column;
    }
    .aktivni-filtry .slider-header .from, .aktivni-filtry .slider-header .to {
        width: unset;
        float: none;
    }
    .aktivni-filtry .to::before {
        content: "-";
        display: inline-block;
        margin: 0 5px;
    }
    .aktivni-filtry .slider-header::after {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("/user/documents/upload/Images/close_green.svg") no-repeat center;
        background-size: contain;
        margin-left: 12px;
        vertical-align: text-top;
    }
    .aktivni-filtry .slider-header:hover::after {
        filter: brightness(10);
    }
    .aktivni-filtry .slider-header:hover {
        background: var(--color-b400);
        color: #fff;
    }
    .aktivni-filtry .slider-header {
        display: flex !important;
        align-items: center;
        font-size: 13px;
        line-height: 1.7;
        width: auto;
        letter-spacing: 2px;
        color: var(--color-b400);
        padding: 8px 16px;
        margin-right: 12px;
        background: var(--color-b50);
        font-weight: 700;
        border-radius: 100px;
        cursor: pointer;
        white-space: nowrap;
    }
    .type-posts-listing.in-blog .subcategories {
        margin-top: -26px;
        padding: 0;
    }
    .in-blog .art-header {
        padding: 30px 10px;
        background-size: 170px;
    }
    .in-blog #newsWrapper > article:first-child, #newsWrapper > article {
        width: 100%;
        padding: 10px 0;
    }
    .news-item-detail > article > .text {
        margin: 48px auto 0;
    }
    .breadcrumbs, .breadcrumbs a, .breadcrumbs span {
        line-height: 1.2;
    }
    .news-item-detail .products-block > div .p .name {
        overflow: hidden;
    }
    .news-item-detail .produkt-widget > div {
        width: 50%;
    }
    .tip {
        padding: 20px 20px 20px 110px;
        background-repeat: no-repeat;
        background-size: 70px;
        background-position: 20px 20px;
    }
    .news-item-detail .text img[style*="float: right"], .news-item-detail .text img[style*="float: left"] {
        width: 100%;
        float: none !important;
        margin: 0;
    }
    .title-block, .news-item-detail > article > .text ul {
        padding-left: 0;
    }
    .empty-contact .contact-box > img {
        display: none;
    }
    .empty-contact .contact-box {
        padding-left: 0;
        flex-direction: column;
    }
    .empty-content-404 {
        padding: 250px 0 0;
        background-size: auto 230px;
        background-position: center 20px;
        text-align: center;
    }
    .empty-content-404 h1 {
        font-size: var(--size-h1);
    }
    .empty-contact .contact-box h6 {
        text-align: center;
        padding: 85px 0 0;
        margin: 0 0 20px;
        background-position: center top;
        max-width: 100%;
        height: auto;
    }
    .empty-contact .contact-box ul {
        align-items: flex-end;
    }
    .side-clanky ul li {
        width: 100%;
    }
    .id--8 #content > h1 {
        font-size: var(--size-h1);
    }
    .id--8 .content-inner {
        padding: 0;
        flex-direction: column;
    }
    .id--8 .content-inner #register-form {
        width: 100%;
        border-width: 1px;
        padding: 20px 40px 29px;
        border-radius: 12px 12px 0 0;
    }
    .id--8 .content-inner > .registrace-box {
        width: 100%;
        border-radius: 0 0 12px 12px;
        padding: 40px 40px 390px;
    }
    .id--8 .content-inner #register-form .row {
        margin: 0;
    }
    .type-detail #content-wrapper {
        padding-top: 16px;
    }
    .p-detail-inner-header-mobile .h1 {
        margin: 32px 0 20px;
    }
    .p-detail .stars-wrapper .stars{width: auto;height: 12px;}
    .ratings-and-brand {flex-wrap: wrap;}
    .p-short-description ul[style="list-style-type: disc;"] {
        column-gap: 0;
    }
    .p-short-description ul[style="list-style-type: disc;"] li {
        width: 100%;
    }
    .p-short-description ul[style="list-style-type: disc;"] > li:nth-child(2) {
        margin-top: 16px;
    }
    .p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row {
        width: 100%;
        margin-top: 12px;
    }
    .shipping-options-layout tbody {
        flex-wrap: wrap;
    }
    table.detail-parameters tbody tr td {
        margin-bottom: 0;
    }
    .p-to-cart-block {
        gap: 0;
    }
    .p-to-cart-block .add-to-cart-button, a.btn.btn-primary.watchdog {
        margin-top: 16px;
    }
    .benefitBanner.position--benefitProduct {
        margin: 64px 0 28px;
        padding-top: 0;
    }
    .benefitBanner.position--benefitProduct::before {
        position: relative;
        display: block;
        margin-bottom: 20px;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        bottom: auto;
    }
    #accordion-content .shp-accordion .shp-accordion-content {
        margin-top: 0;
    }
    #hodnoceni-top {
        margin: 50px 0 64px;
    }
    #accordion-content .shp-accordion {
        padding-top: 0;
    }
    #hodnoceni-top h2 {
        margin: 24px 0;
    }
    #hodnoceni-top > p a {
        display: block;
    }
    #hodnoceni-top .votes-wrap {
        margin: 24px 0;
    }
    #zakaznice .footer-banners-wrapper h2 {
        margin: 0 0 20px;
    }
    body.type-detail .footer-banners-wrapper::before {
        height: 461px;
    }
    #description {
        margin-top: 28px;
        padding-top: 0;
        border-top: none;
    }
    #description::before {
        margin: 0 0 24px;
    }
    #description .short {
        margin-bottom: 32px;
    }
    .two-cols .text h2 {
        text-align: center;
    }
    #description .basic-description > div:nth-child(4) {
        margin-top: 48px;
    }
    .two-cols .text h5 {
        font-size: 18px;
    }
    .two-cols.mirror .text, .two-cols .text {
        margin: 0 0 40px;
    }
    .two-cols {
        margin: 0 0 40px;
    }
    .two-cols .text h2 {
        line-height: 1.4;
        margin: 0 0 24px;
    }
    .product-range strong {
        font-size: 24px;
    }
    #studie p .btn {
        margin-top: 0;
    }
    #description #studie p:last-child {
        margin-bottom: 0 !important;
    }
    #prubeh {
        padding: 48px 0;
        margin-top: 48px;
    }
    .prubeh-in {
        flex-direction: column;
        padding-left: 70px;
    }
    .prubeh-in::before {
        width: 6px;
        height: 100%;
        left: 40px;
        top: 0;
    }
    .prubeh-in > .tyden:first-child::before {
        top: 0;
        height: 120px;
        width: 6px;
        left: -33px;
    }
    .prubeh-in .tyden {
        position: relative;
        width: 100%;
        text-align: left;
        padding: 17px 0 13px 0px !important;
        min-height: 112px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }/*
    .prubeh-in > .tyden:first-child {
        padding-left: 96px !important;
    }*/
    .prubeh-in .tyden img {
        position: absolute;
        max-width: 80px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
    .prubeh-in .tyden p {
        max-width: 173px;
    }
    .tyden h4 {
        font-size: 18px;
        margin: 0 0 4px;
    }
    .tyden p {
        font-size: var(--size-small);
        line-height: 1.7;
    }
    .prubeh-in .tyden::after {
        top: 50%;
        transform: translateY(-50%);
        left: -50px;
    }
    .video-pribehy {
        margin: 48px 0;
    }
    .video-pribehy h2 {
        margin: 0 0 32px;
    }
    .dokonalost .two-cols .image {
        padding-bottom: 270px;
    }
    .dokonalost {
        padding: 48px 0;
    }
    .dokonalost .bottom {
        margin-top: 64px;
        flex-wrap: wrap;
    }
    .dokonalost .bottom > div {
        width: 100%;
        margin: 12px 0;
    }
    .dokonalost .bottom > div h3 {
        padding: 31px 40px 0;
    }
    .dokonalost .bottom > div p {
        padding: 0 40px 40px;
    }
    .dokonalost .bottom > div:not(:last-child)::after {
        left: 50%;
        bottom: -8px;
        background-image: url("/user/documents/upload/Images/arrow-down.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transform: translateX(-50%);
        width: 16px;
        height: 40px;
    }
    #garance {
        margin: 40px 0 48px;
        padding: 128px 20px 40px;
        background-size: 64px 64px;
        background-position: center 40px;
        text-align: center;
    }
    #garance h3 {
        font-size: var(--size-h2);
        margin: 0 0 20px;
    }
    #garance::before {
        width: 325px;
        left: 50%;
        transform: translateX(-50%);
    }
    #slozeni h2 {
        margin: 0 0 30px;
    }
    .latky-in div {
        width: 100%;
        margin: 10px 0;
        padding: 200px 20px 48px;
    }
    .latky-in {
        margin: 0 0 22px;
    }
    .faq {
        margin: 80px auto 64px;
        padding-bottom: 0;
        border-bottom: none;
    }
    .faq h2 {
        margin: 0 0 32px;
    }
    .faq-item {
        width: 100%;
        margin: 0 0 10px;
    }
    #productDiscussion {
        margin-bottom: 64px;
    }
    #ratingWrapper h2 {
        text-align: center;
        margin: 0 0 32px;
    }
    #ratingTab #ratingWrapper .rate-wrap {
        margin-left: 0;
        margin-right: 0;
        padding: 40px 20px;
    }
    .votes-wrap:not(.otevreno) > div:nth-child(2) {
        border-bottom: none;
    }
    /*
    #ratingTab .votes-wrap:not(.otevreno) > div:nth-child(2)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, #FFFFFF 100%);
    }
    */
    #productDiscussion #discussionWrapper h2 {
        margin: 0 0 24px;
        text-align: center;
    }
    .vote-wrap .vote-header .vote-rating {
        justify-content: flex-start;
    }
    .products-related-header {
        margin: 64px 0 24px;
        text-align: center;
    }
    .type-detail .instagram-wrapper {
        margin-top: 48px;
    }
    .vote-wrap .vote-header .vote-rating {
        justify-content: center;
    }
    .id-765 header h1 {
        font-size: var(--size-h1);
        margin: 28px auto 24px !important
    }
    .pred-po-videa {
        flex-direction: column;
    }
    .pred-po-videa > div {
        width: calc(100% - 20px);
        margin: 0 10px 10px;
    }
    .sami-uzivame {
        margin-top: 38px;
    }
    .sami-uzivame-in {
        padding-bottom: 44px;
    }
    .zakaznice .bottom {
        padding: 20px;
    }
    .zakaznice-side.vypis > div > div {
        width: 100% !important;
    }
    .zakaznice-side.vypis .footer-banner.vypln {
        width: calc(100% - 20px) !important;
        padding: 40px 20px 300px;
    }
    .id-765 .side-clanky ul li {
        width: 100%;
        margin: 4px 0;
    }
    .zakaznice-side.vypis {
        padding-bottom: 54px;
    }
    .id-29 .art-header > p, .id-777 .art-header > p, .id-759 .art-header > p, .id-735 .art-header > p {
        font-size: 16px;
    }
    .slozeni-in > div, .slozeni-bottom > div {
        width: 100%;
        margin: 10px 0;
    }
    .slozeni-in > div:nth-child(5) {
        background-size: auto 180px;
        background-position: top center;
    }
    .slozeni-in > div:nth-child(7) {
        background-size: auto 270px;
        background-position: top center;
    }
    .id-759 .content-wrapper-in, .id-29 .content-wrapper-in, .id-777 .content-wrapper-in {
        padding: 0;
    }
    .slozeni-in {
        margin: 0;
    }
    .slozeni-bottom {
        margin-left: 0;
        margin-right: 0;
    }
    .contact-box>img {
        display: none;
    }
    .kontakt-clanek .contact-box {
        padding-left: 0;
    }
    .kontakt-clanek .contact-box ul .tel a, .kontakt-clanek .contact-box ul .mail a {
        font-size: 18px;
    }
    .kontakt-clanek .contact-box ul .tel {
        margin-right: 24px;
    }
    .form-faq {
        padding-top: 48px;
    }
    .form-faq .form > #formContact .form-group.submit-wrapper .btn{width: 100%;}
    .form-faq .form > #formContact .form-group label {
        margin-bottom: 5px;text-align: left;
    }
    .form-faq .form > #formContact .form-group label[for="message"] {
        margin-top: 0;
        align-self: center;
    }
    .form-faq > div:last-child {
        margin-top: 24px;
    }
    .id-777 .kontakt-clanek .kontakt-clanek-in {
        padding-right: 0;
    }
    .postup-garance {
        margin-top: 64px;
    }
    .postup-garance-in > div {
        width: calc(50% - 20px);
    }
    .postup-garance-in > div:nth-child(2)::after, .postup-garance-in > div:nth-child(4)::after {
        content: none;
    }
    .postup-garance-in > div::after {
        content: none !important;
    }
    .faq-wrapper .faq {
        width: 100%;
    }
    .postup-garance {
        padding-bottom: 44px;
    }
    .faq-wrapper .faq {
        margin: 40px 0px 0;
    }
    .faq-wrapper {
        margin: 0;
        padding: 20px 0 54px;
    }
    #search-group-categories ul li {
        width: 100%;
        margin: 4px 0;
    }
    #search-group-categories ul {
        margin: 0;
    }
    .id--11 .search-header > .container {
        padding: 0 10px;
    }
    #search-group-articles .search-results-group-list ul li {
        width: 100%;
    }
    body.no-results .search-header {
        background-position: right -50px;
        background-size: 200px auto;
    }
    .empty-contact .contact-box ul > li:nth-child(2) {
        margin-right: 0;
        margin-top: 8px;
    }
    .empty-contact .contact-box ul {
        align-items: center;
    }
    .type-posts-listing:not(.in-blog) .art-header {
        padding: 30px 10px 40px;
    }
    .type-posts-listing:not(.in-blog) .art-header .breadcrumbs {
        padding: 0;
    }
    .type-posts-listing:not(.in-blog) #content-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .id-846 header h1 {
        font-size: var(--size-h1);
    }
    .id-846 .art-header {
        font-size: 18px;
    }
    ol.cart-header li {
        padding: 0;
    }
    ol.cart-header > li:not(:last-child)::after {
        top: 20px;
        transform: none;
    }
    .cart-table tr>td.p-price {
        right: 0;
    }
    .cart-table tr.free-gift-row td.free-gift-price {
        padding-right: 0;
        margin-top: 0;
    }
    .cart-inner .summary {
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex-direction: column;
    }
    .discount-coupon .input-group .btn {
        padding: 0 20px;
    }
    .discount-coupon .form-control {
        font-size: var(--size-small);
    }
    .summary .col-md-8 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .cart-inner .summary {
        margin-top: 24px;
    }
    .price-range {
        height: 6px;
        border-radius: 100px;
        width: calc(100% + 36px);
        max-width: unset;
    }
    .extra .price-range {
        max-width: unset;
    }
    .price-range>div {
        background-color: var(--color-b400);
        border-radius: 100px;
    }
    .summary .extra.delivery, .summary .extra.darek-zdarma {
        margin: 0;
    }
    .summary .extra.darek-zdarma {
        margin-bottom: 32px;
    }
    .summary .col-md-8 .next-step-back {
        display: none;
    }
    .cart-inner .summary > div:nth-child(2) {
        max-width: 100%;
        margin-top: 48px;
        padding: 24px 20px;
    }
    .cart-inner .summary > div:nth-child(2) .next-step-back {
        display: block;
        position: absolute;
        bottom: -52px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    .next-step.next-step--cart {
        position: initial;
    }
    .cart-inner .summary > div:nth-child(2) .next-step-back span {
        line-height: 1.7;
        text-decoration: underline;
        color: var(--color-g300);
    }
    .cart-inner .summary > div:nth-child(2) .next-step-back span::before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 12px;
        background-image: url("/user/documents/upload/Images/chevron-right.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(180deg);
    }
    #select-country-payment > .co-basic-information > div > div:nth-child(2), #select-country-payment > .co-basic-information > div > div:first-child {
        padding: 0;
    }
    #select-country-payment .co-basic-information > .row {
        margin-left: 0;
        margin-right: 0;
    }
    .shipping-billing-table .radio-wrapper > label .payment-logo {
        order: unset;
        flex-basis: 64px;
        margin-right: 0;
    }
    .id--15 .content-inner {
        padding: 32px 10px;
        border-radius: 0;
    }
    .id--15 .cart-table .p-price {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .cart-table tr>td.p-price {
        width: auto;
    }
    .id--15 .cart-table tr {
        border-top: 1px solid var(--color-g50);
        border-bottom: none;
    }
    .id--15 .cart-table tr:last-child {
        border-bottom: 1px solid var(--color-g50);
    }
    .ordering-process .recapitulation-wrapper .co-box h4.order-content {
        margin-bottom: 32px;
    }
    .id--15.ordering-process .co-box.co-payment-method > .row {
        margin: 0;
    }
    .id--15 .dekujeme-spodek {
        flex-direction: column;
        align-items: center;
    }
    .id--15 .dekujeme-spodek .right .socky ul {
        padding-left: 0;
        justify-content: center;
    }
    .id--15 .dekujeme-spodek .right {
        margin-top: 26px;
    }
    .cart-inner.cart-empty .cart-heading::before {
        margin-bottom: 32px;
    }
    .type-post #content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .postup-jak > div::before {
        width: 44px;
        height: 44px;
    }
    .postup-jak > div {
        padding-left: 60px;
    }
    .news-item-detail .jak-produkty .produkt-widget > div {
        width: 100%;
    }
    .login-widget .popup-widget-inner {
        display: block;
        max-width: calc(100% - 20px);
        max-height: calc(100vh - 100px);
    }
    .login-widget .popup-widget-inner > div {
        width: 100%;
    }
    .login-widget .popup-widget-inner > div.registrace-box {
        background-image: url("/user/documents/upload/Images/leaf_4.png");
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 100px;
        padding-bottom: 38px;
    }
    #colorbox.productDetail #cboxContent {
        width: calc(100% - 20px) !important;
        left: 50%;
        transform: translateX(-50%);
    }
    #cboxPrevious {
        left: -12px;
    }
    #cboxNext {
        right: -12px;
    }
    #cboxPrevious, #cboxNext {
        width: calc(50% + 12px);
    }
    #colorbox.productDetail #cboxContent #cboxLoadedContent {
        max-width: 100%;
    }
    #cboxPrevious::before, #cboxNext::before {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .extra.gift .price-range::before {
        content: none;
    }
    .advanced-order .extras-wrap .extra.darek-zdarma {
        margin: 0 0 24px;
    }
    .advanced-order .extras-wrap .do-obchodu {
        width: 100%;
        order: 4;
        text-align: center;
        margin: 0;
    }
    .advanced-order .extras-wrap .extra.step {
        width: 100%;
        order: 3;
        text-align: center;
        margin: 32px 0 20px;
    }
    .advanced-order .extras-wrap .extra.delivery {
        margin-left: 0;
    }
    .advanced-order .extras-wrap .do-obchodu .btn.btn-ghost {
        padding: 0;
        border: none;
        line-height: 1.7;
        font-weight: 700;
        text-transform: none;
    }
    .advanced-order .extras-wrap .extra.step .btn-conversion {
        width: 300px;
        display: flex;
        -webkit-justify-content: space-between;justify-content: space-between;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }
    .advanced-order .h1 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 40px 0 12px;
    }
    .advanced-order .extras-wrap {
        padding: 20px 20px 24px;
    }
    #colorbox.roz-obj #cboxLoadedContent {
        background-image: url("/user/documents/upload/Images/group_of_leaves_2.svg");
        background-repeat: no-repeat;
        background-size: 125px auto;
        background-position: -5px top;
    }
    .advanced-order .h2 {
        font-size: 16px;
    }
    .advanced-order .extras-wrap {
        margin-top: 24px;
    }
    .advanced-order .advanced-order-suggestion {
        padding-top: 22px;
        margin-bottom: 12px;
    }
    .product-slider-holder.has-navigation {
        padding: 0 22px 22px;
    }
    
    .vote-form {
        padding: 10px;
        overflow-y: scroll;
        align-items: unset;
    }
    .vote-form form {
        overflow-y: scroll;
        padding: 40px 20px;
    }
    .vote-form form > .row {
        margin-left: 0;
        margin-right: 0;
    }
    #navigation .menu-level-2 {
        margin-left: 0;
        width: 100%;
    }
    body.submenu-visible::before, .navigation-hovered::before {
        display: none !important;
    }
    #navigation {
        width: 100%;
        max-width: 270px;
        right: auto;
        left: 0;
        height: 0;
        border-top-style: none;
    }
    .navigation-window-visible #navigation {
        height: 100%;
    }
    #navigation .navigation-in ul li > a > b {
        text-decoration: none !important;
        padding: 0 !important;
    }
    .navigation-in > ul li {
        border-bottom: 1px solid var(--color-g50);
    }
    #navigation .menu-level-1 li a .submenu-arrow {
        width: 56px;
        height: 56px;
        line-height: 56px;
    }
    #navigation .menu-level-1 li.exp a .submenu-arrow {
        width: 48px;
    }
    .navigation-window-visible .navigation-in ul li.ext.exp {
        position: fixed !important;
        background-color: #fff;
        z-index: 9;
        width: 100%;
        max-width: 270px;
        height: 100%;
        top: 64px;
    }
    .navigation-in > ul > li.appended-category {
        display: none;
    }
    .navigation-in ul li.ext.exp > a, .navigation-in ul li.ext.exp > div > a {
        padding-left: 48px !important;
        border-bottom: 1px solid var(--color-g50);
    }
    .navigation-in ul li.ext.exp > a .submenu-arrow, .navigation-in ul li.ext.exp > div > .submenu-arrow {
        width: 40px;
        right: auto;
        left: 0;
        transform: translateY(-50%) rotate(180deg) !important;
    }
    .navigation-window-visible li.exp > a .submenu-arrow::after, .navigation-window-visible li.exp > div > .submenu-arrow::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .navigation-window-visible .navigation-in > ul > li.ext.exp > ul, .navigation-window-visible .menu-helper>ul>li.ext.exp>ul {
        display:block;
        height: calc(100vh - 105px);
        overflow: auto;
    }
    .navigation-in ul li.has-third-level > div > a{
        position: relative;
    }
    .navigation-in ul li.ext > div {
        position: relative;
    }
    .navigation-in ul li.ext.exp > div > ul {
        display: block;
    }
    .navigation-in ul li.ext > ul, .navigation-in ul li.ext > div > ul {
        position: relative;
        left: -100%;
        transition: all .3s;
        display: block;
        height: 0;
        background-color: #fff;
        width: 0;
        overflow: hidden;
    }
    .navigation-in ul li.ext.exp > ul, .navigation-in ul li.ext.exp > div > ul{
        left: 0;
        width: 100%;
        overflow: auto;
        height: calc(100vh - 105px);
        padding-bottom: 114px;
    }
    .menu-level-2 li{
        position: relative !important;
    }
    .menu-image{
        padding: 0 !important;
        position: absolute;
        height: 100%;
        width: 56px;
        top: 0;
        left: 8px;
        line-height: 64px !important;
    }
    .exp > .menu-image{
        display: none !important;
    }
    .menu-image + div{
        width: 100%;
        padding-left: 72px;
    }
    .navigation-in ul.menu-level-2 li a {
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        padding: 20px 0 20px 0;
        color: var(--color-b400);
    }
    .menu-level-3 .menu-image + div, .has-third-level.exp .menu-image + div{
        padding-left: 0;
    }
    .navigation-in a.menu-image {
        display: block;
    }
    .navigation-in > ul > li:first-child > a::before {
        display: inline-block;
        left: auto;
        line-height: 1;
        height: 16px;
        position: relative;
        top: -3px;
        margin-right: 12px;
    }
    .navigationActions {
        display: none !important;
    }
    .navigation-in > ul > li:last-child {
        border-bottom-width: 1px;
    }
    .navigation-in > ul > li.exp:first-child > a::before {
        display: none;
    }
    #header .header-top {
        box-shadow: 0px 1px 2px 0px #00000026;
        position: relative;
        z-index: 1111;
    }
    #navigation .header-phone {
        display: block;
        padding: 0px 20px 0 68px;
        margin-top: 40px;
        background-image: url("/user/documents/upload/Images/header-contact-lady.png");
        background-size: 40px;
        background-position: 20px center;
        background-repeat: no-repeat;
        line-height: 1;
    }
    #navigation .header-phone a {
        color: var(--color-b400);
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: 1px;
        font-weight: 600;
    }
    #navigation .header-phone span {
        font-weight: 400;
        font-size: 13px;
        color: var(--color-g100);width: 100%;
        display: inline-block;
    }
    .search-window-visible #header .search {
        position: absolute;
    }
    .search-window-visible #formSearchForm .search-input {
        height: 48px;
        width: 340px;
        border-radius: 100px;
        border: none;
        padding: 16px 20px;
        font-size: 14px;
    }
    .search-window-visible #formSearchForm {
        display: block;
        position: fixed;
        top: 8px;
        width: 340px;
        right: 70px;
    }
    .search-window-visible #header .navigation-buttons a[data-target="search"]::before {
        z-index: 5555;
    }
    .search-focused .search-input-icon, .search-window-visible .search-input-icon {
        display: none;
    }
    #header .searchWhisperer {
        max-width: calc(100% - 20px);
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    .searchWhisperer__products__listItem {
        width: 100%;
    }
    .searchWhisperer__products {
        padding: 20px 0 24px;
    }
    .searchWhisperer__products__heading {
        display: block;
        margin: 0 20px 16px;
    }
    .searchWhisperer__product {
        padding: 16px;flex-wrap: wrap;
        border-bottom: 1px solid var(--color-g50);
        border-radius: 0;
    }
    .searchWhisperer__product__image {
        width: 59px;
      }
    .searchWhisperer__product__name {
        margin: 0 0 8px;
    }
    .searchWhisperer__product__availability {
        margin: 0;
    }
    .searchWhisperer__product__infoWrapper{width: calc(100% - 159px);}
    .searchWhisperer__product__price {
        width: 100px;
        font-size: 14px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .searchWhisperer__additionalResults {
        flex-basis: 100%;
    }
    .searchWhisperer__additionalResults > h3 {
        margin: 24px 0 16px;
        padding: 0 16px;
    }
    .searchWhisperer__additionalResults ul {
        padding: 0 16px 16px;
    }
    .searchWhisperer__button {
        margin-top: 24px;
    }
    .searchWhisperer__content--empty {
        display: block;
        padding-top: 0;
    }
    .searchWhisperer__content--empty > div.right {
        max-width: 100%;
        width: 100%;
    }
    .searchWhisperer__content--empty > div.right > div {
        padding: 20px;
    }
    .searchWhisperer__content--empty > div.left {
        padding: 20px 20px 40px;
    }
    .bordered-btn {
        white-space: nowrap;
    }
    .site-msg.information {
        font-size: 13px;
        text-align: left;
        letter-spacing: unset;
        line-height: 1.4;
        min-height: 50px;display: flex;align-items: center;
    }
    .site-msg.information .bordered-btn {
        padding: 0;
        text-decoration: underline;
        text-transform: none;
        border: none;
        letter-spacing: unset;
        margin-left: 0;
        font-size: 13px;
        line-height: 1.4;
    }
    .in-index .product-slider-holder.has-navigation {
        padding: 0;
    }
    body.navigation-window-visible::before {
        display: block !important;
        background-color: rgba(0, 0, 0, 0.3);
        opacity: 1;
        z-index: 1;
    }
    .breadcrumbs span span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .toggle-coupon-input .toggle-coupon-input-button {
        display: block;
    }
    .toggle-coupon-input .discount-coupon {
        display: none;
    }
    .recapitulation-wrapper h4 {
        font-size: 20px;
    }
    .id--15 .cart-table .p-name .p-quantity {
        font-weight: 400;
    }
    .id--15 .cart-table tr {
        margin-bottom: 0;
    }
    .vote-wrap .vote-header .vote-rating {
        justify-content: flex-start;
    }
    #productDiscussion .vote-name, #ratingTab .vote-wrap .vote-header .vote-name {
        font-size: 18px;
        font-weight: 500;
    }
    .benefitBanner {
        padding: 94px 0 8px;
        margin: 28px 0 64px;
    }
    .benefitBanner::before {
        font-weight: 500;
    }
    .benefitBanner__item {
        flex-direction: row;
        margin: 0 0 32px;
        align-items: flex-start;
    }
    .benefitBanner__content {
        text-align: left;
        line-height: 1.7;
    }
    .benefitBanner__picture {
        margin: 0 20px 0 0;
        flex: 0 0 40px;
    }
}


@media (max-width: 499px) {
    .user-action-in .popup-widget.cart-widget {
        top: 64px;
    }
    .welcome::before {
        width: 340px;
        height: 340px;
    }
    .container.navigation-wrapper .site-name {
        flex: 0 1 180px;
    }

    .homepage-group-title {
        margin-bottom: 24px;
    }
    .products-block > div .p .p-bottom > div .prices {
        flex-direction: column-reverse;
    }
    .products-block > div .p .p-bottom > div {
        align-items: center;
    }
    .proc-vybrat {
        flex-direction: column;
    }
    .product-slider .products-block>div {
        padding: 16px;
    }
    .product-slider-holder .product-slider-pagination {
        margin-top: 15px;
    }
    .proc-vybrat {
        margin: 64px 0;
    }
    .proc-vybrat .left {
        width: unset;
        margin: 0 -10px 48px;
    }
    .proc-vybrat .right h2 {
        line-height: 1.4;
        margin-bottom: 24px;
    }
    .proc-vybrat .right ul li {
        width: 100%;
        margin: 16px 0;
    }
    .proc-vybrat .right .btn-more {
        margin-top: 32px;
    }
    .proc-vybrat .right {
        margin-bottom: 0;
    }
    h1, h2, h3, .h1, .h2, .h3 {
        line-height: 1.4;
    }
    .footer-banners-wrapper::before {
        height: 457px;
    }
    .zakaznice .bottom {
        padding: 16px;
        text-align: center;
    }
    .zakaznice .bottom h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .zakaznice .bottom::before {
        display: block;
        margin-bottom: 10px;
    }
    .zakaznice .autor {
        justify-content: center;
    }
    .banners-content.body-banners::before {
        line-height: 1.4;
    }
    .jak .text {
        width: 100%;
        height: 100%;
        text-align: center;
        max-width: 100%;
    }
    .jak .text > span {
        font-size: 14px;
    }
    .jak .text h2 {
        font-size: var(--size-h2);
        line-height: 1.1;
        margin: 15px 0 32px;
    }
    .video::before {
        height: 48px;
        width: 48px;
        left: 3px;
        top: 50%;
        transform: translateY(-50%);
    }
    .video {
        text-align: left;
        max-width: 260px;
        margin: 0 auto;
        padding: 8px 8px 8px 82px;
    }
    .banners-content.body-banners .banner-wrapper {
        margin: 0;
    }
    .banners-content.body-banners > div:first-child {
        margin-bottom: 20px;
    }
    .all-art.navody-link {
        position: relative;
        margin-top: 40px;
        padding: 0 !important;
    }
    .all-art.navody-link .btn {
        width: 100%;
    }
    .all-art.navody-link::before {
        content: url("/user/documents/upload/Images/leaf_9.svg");
        position: absolute;
        top: -100px;
        right: -10px;
    }
    .homepage-blog-wrapper {
        margin: 48px 0 0 !important;
    }
    .homepage-group-title:first-child {
        padding: 0 !important;
        margin: 0 0 40px;
    }
    .homepage-blog-wrapper > div:nth-child(2), .homepage-blog-wrapper > div:nth-child(3), .homepage-blog-wrapper > div:nth-child(4) {
        padding: 0 !important;
        margin-bottom: 32px;
    }
    .homepage-blog-wrapper .news-item .image {
        margin-bottom: 0;
    }
    .homepage-blog-wrapper::after {
        content: none;
    }
    .all-art {
        padding: 0 !important;
    }
    .all-art .btn-secondary {
        padding: 16px 44px !important;
    }
    .welcome-wrapper {
        padding-top: 0;
        margin-top: 66px;
        margin-bottom: 0;
    }
    .welcome::before {
        background: url("/user/documents/upload/o_nas_denatura_n.png") no-repeat center;
        background-size: 340px auto;
        margin: 0 auto -170px;
    }
    .welcome > div {
        padding: 190px 30px 39px;
        margin: 0 -10px;
        border-radius: 0;
    }
    .welcome > div::before {
        width: 259px;
        height: 268px;
        top: 0;
        left: 10px;
    }
    .welcome > div::after {
        top: 230px;
    }
    .welcome > div h2 {
        font-size: 32px;
        line-height: 1.1;
    }
    .zakladatele::before {
        content: "";
        display: block;
        margin: 0 0 16px;
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        height: 75px;
        width: 100%;
        background-position: 50% 50%;
    }
    .zakladatele {
        align-items: center;
        padding-left: 0;
        text-align: center;
        margin: 40px 0 27px;
    }
    #content .welcome > div > p:last-child {
        text-align: center;
    }
    .instagram-wrapper {
        margin-top: 64px;
    }
    .instagram-wrapper h4 {
        font-size: 24px;
        margin: 0 0 16px;
        padding: 0 10px;
    }
    .instagram-wrapper > p a {
        display: block;
    }
    .instagram-widget>a {
        width: calc(50% - 2px) !important;
        padding-bottom: 50% !important;
    }
    .instagram-widget {
        margin-top: 30px;
        flex-wrap: wrap;
    }
    .instagram-widget > a:nth-child(n+5) {
        display: none;
    }
    .paticka-spodek h6 {
        text-align: left;
        line-height: 1.4;
    }
    .paticka-spodek > div:first-child, .paticka-spodek > div:nth-child(2) {
        justify-content: flex-start;
        padding: 0 10px;
    }
    .paticka-spodek > div:first-child img, .paticka-spodek > div:nth-child(2) img {
        margin: 0 16px 10px 0;
    }
    .paticka-spodek {
        justify-content: flex-start;
    }
    .hodnoceni .bottom .votes-wrap {
        margin: 0;
    }
    .newsletter-header {
        z-index: 1;
    }
    .newsletter-wrapper h4.topic {
        margin: 0 0 6px;
    }
    .newsletter-header > p {
        font-size: 14px;
    }
    .newsletter-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }
    .newsletter-wrapper::before {
        width: 155px;
        height: 108px;
        background-position: right 30px;
        right: 5px;
        bottom: 0;
        left: auto;
    }
    .socky a.social-icon:not(.messenger) {
        width: 42px;
        height: 42px;
    }
    #footer .footer-rows {
        padding-left: 10px;
        padding-right: 10px;
    }
    .socky a.social-icon.messenger {
        margin-right: 16px;
    }
    .custom-footer>div {
        padding: 0;
    }
    #footer .custom-footer>div.custom-footer__contact h4 {
        margin: 0 0 48px;
        padding: 0;
    }
    #footer .custom-footer>div.custom-footer__contact h4::after {
        content: none;
    }
    .footer-rows .custom-footer {
        padding-top: 40px;
    }
    #footer .custom-footer__contact .contact-box {
        justify-content: flex-start;
    }
    #footer .socky h6 {
        text-align: left;
    }
    .socky ul > .social-icon-list:last-child a {
        margin-right: 0;
    }
    .socky .social-icon-list {
        flex-shrink: 0;
    }
    #footer .custom-footer>div {
        text-align: left;
    }
    #footer .custom-footer>div h4 {
        margin: 0;
        padding: 16px 0px;
        display: flex;
        align-items: center;
        -webkit-justify-content: space-between;justify-content: space-between;
    }
    #footer .custom-footer>div h4::after {
        content: "";
        width: 12px;
        height: 12px;
        display: inline-block;
        margin-left: auto;
        background-image: url("/user/documents/upload/Images/chevron-down.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
        transition: all ease 300ms;
    }
    #footer .custom-footer>div.otevreno h4::after{
        transform: rotate(180deg);
    }
    #footer .custom-footer>div:not(.otevreno) .banner-wrapper > span > *:not(h4) {
        display: none;
    }
    #footer .custom-footer .banner-wrapper {
        margin: 0;
    }
    #footer .custom-footer .banner {
        min-height: unset;
    }
    #footer .custom-footer>div {
        border-bottom: 1px solid var(--color-g50);
    }
    #footer .custom-footer>div:first-child {
        padding-bottom: 40px;
    }
    #footer .custom-footer>div:not(:first-child) ul {
        margin-bottom: 16px;
    }
    #footer ul > li:not(:last-child) {
        padding: 0 0 16px;
    }
    #footer .footer-rows {
        border-bottom: none;
    }
    .footer-rows .custom-footer {
        padding-bottom: 0;
    }
    .paticka-spodek {
        margin-top: 42px;
    }
    .paticka-spodek > div:nth-child(3) {
        padding: 0 10px;
    }
    #signature {
        margin-bottom: 10px;
    }
    .footer-bottom .container {
        padding: 32px 0 0;
        margin: 40px 10px 0;
        border-top: 1px solid var(--color-g50);
    }
    .category-top {
        padding-top: 16px;
        padding-bottom: 0;
        background-image: none;
    }
    .category-title {
        margin: 37px 0 24px;
    }
    .category-top .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .rady-tipy {
        position: relative;
        margin: 170px -16px 0;
        padding: 32px 16px;
        background: var(--color-b50);
        max-width: unset;
    }
    .rady-tipy::before {
        content: "";
        width: 202px;
        height: 163px;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        background: url("/user/documents/upload/Images/image-29.png") no-repeat center bottom;
        background-size: contain;
    }
    .rady-tipy .videa a {
        padding-left: 40px;
        min-height: 24px;
        background-size: 24px;
    }
    .rady-tipy .videa > a:first-child {
        margin: 0 0 12px;
    }
    .rady-tipy h4 {
        margin: 0 0 16px;
    }
    .subcategories li a {
        height: 68px;
    }
    .subcategories.with-image li a .image img {
        max-height: 48px;
    }
    .subcategories.with-image li a .image {
        width: 48px;
        height: 48px;
    }
    .subcategories.with-image li a .text {
        text-decoration: none;
        font-size: 14px;
    }
    .subcategories {
        margin: -18px 0 0;
    }
    #filters {
        margin: 28px 0 8px !important;
    }
    .pagination-wrapper {
        margin-top: 32px;
    }
    .pagination-wrapper .pagination {
        justify-content: center;
    }
    .pagination-wrapper .pagination-loader {
        margin: 0 0 24px;
    }
    .benefitBanner.position--benefitCategory {
        margin: 64px 0;
    }
    .footer-banners .slick-prev, .footer-banners .slick-next {
        top: 50%;
        transform: translateY(-50%);
    }
    .type-category .footer-banners .slick-dots {
        margin: 20px 0 0;
    }
    .hodnoceni-wrapper .banner-wrapper {
        margin: 0;
    }
    .newsletter-header > p {
        margin: 0 0 22px;
    }
    .newsletter-wrapper #formNewsletterWidget .btn {
        padding: 16px;
    }
    .mobile .category-header .category-header-pagination {
        display: block;
        margin-top: 24px;
        font-size: var(--size-small);
        letter-spacing: 1px;
        line-height: 1.2;
        color: var(--color-g300);
    }
    .mobile .category-header {
        flex-direction: column-reverse;
    }
    .in-blog .art-header {
        padding: 16px 10px 65px;
    }
    .type-posts-listing .subcategories li a {
        height: 68px;
    }
    .type-posts-listing .subcategories.with-image li a .image {
        height: 68px;
        width: 68px;
        margin-right: 16px;
    }
    .type-posts-listing .subcategories.with-image li a .text {
        font-size: 16px;
        text-decoration: underline;
    }
    .type-posts-listing.in-blog .subcategories {
        margin-top: -70px;
    }
    #newsWrapper {
        margin-top: 26px;
    }
    .in-blog #newsWrapper > article:first-child time, #newsWrapper > article time {
        margin: 16px 0 8px;
    }
    #newsWrapper .news-item h2 {
        margin: 0 0 16px;
    }
    .in-blog #newsWrapper > article:first-child, #newsWrapper > article {
        padding: 10px 0 22px;
    }
    .type-posts-listing .pagination-wrapper {
        margin: 42px 0 0;
    }
    .type-posts-listing .content-inner {
        padding-bottom: 48px;
        margin-bottom: 48px;
    }
    .type-posts-listing .instagram-wrapper {
        margin-top: 12px;
    }
    .type-post #content-wrapper {
        background-image: none;
    }
    .type-post #content-wrapper {
        padding-top: 16px;
    }
    .type-post .breadcrumbs {
        flex-wrap: wrap;
    }
    .type-post .breadcrumbs a, .type-post .breadcrumbs span {
        padding: 2px 0;
    }
    .type-post #content, .type-post .breadcrumbs {
        padding-left: 0;
        padding-right: 0;
    }
    .type-post #content {
        padding-top: 32px;
    }
    .type-post header.img-yes .left time {
        margin: 0 0 16px;
    }
    .type-post header.img-yes .left h1 {
        margin: 16px 0 24px;
        line-height: 1.1;
    }
    .id-712.type-post header.img-yes .left {
        margin: 0 0 32px;
    }
    .news-item-detail > article > .text {
        margin: 40px auto 0;
        font-size: 18px;
    }
    .news-item-detail > article > .text h2 {
        font-size: var(--size-h1);
    }
    .news-item-detail > article > .text h2, .news-item-detail > article > .text h3, .news-item-detail > article > .text h4 {
        line-height: 1.1;
    }
    .news-item-detail > article > .text h3 {
        font-size: var(--size-h2);
        line-height: 1.4;
    }
    .news-item-detail > article > .text h2, .news-item-detail > article > .text h3, .news-item-detail > article > .text h4 {
        margin: 40px 0 20px;
    }
    .tip {
        padding: 20px 20px 20px 68px;
        background-size: 32px 22px;
        background-position: 20px 20px;
        font-size: 18px;
    }
    .news-item-detail .text .tip h3 {
        margin: 0 0 10px;
    }
    .news-item-detail .produkt-widget > div {
        width: 100%;
    }
    .title-block, .news-item-detail > article > .text ul {
        padding-left: 20px;
    }
    .type-post .vyhody-side {
        padding-top: 0;
        border-top: 1px solid var(--color-g50);
    }
    .type-post .instagram-wrapper {
        margin-top: 12px;
    }
    .empty-contact .contact-box ul {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .empty-contact .contact-box ul > li:nth-child(2) {
        margin: 15px 0 0;
    }
    .empty-content-404 {
        padding: 270px 0 0;
    }
    .empty-content-404 .btn.btn-conversion {
        padding: 16px 38px;
    }
    .id--8 .content-inner #register-form {
        padding: 20px 20px 9px;
    }
    .id--8 .content-inner > .registrace-box {
        padding: 20px 20px 250px;
    }
    .id--8 a.login-btn.facebook, .id--8 a.login-btn.google {
        font-size: 11px;
    }
    .id--8 a.login-btn.facebook strong, .id--8 a.login-btn.google strong {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .id--8 a.login-btn.facebook strong::before, .id--8 a.login-btn.google strong::before {
        vertical-align: middle;
    }
    .p-detail-inner-header-mobile .h1 {
        font-size: 24px;
        line-height: 1.4;
        text-align: center;
    }
    .type-detail .stars a {
        width: 18px;
    }
    #hodnoceni-top .vote-wrap {
        padding: 40px 24px;
    }
    #hodnoceni-top .vote-summary {
        padding-right: 0;
        padding-bottom: 40px;
        background-position: -10px bottom;
    }
    .vote-wrap {
        font-size: 15px;
    }
    body.type-detail .footer-banners-wrapper::before {
        height: 426px;
    }
    .rate-wrapper.unveil-wrapper .rate-average-inner {
        flex-direction: row;
    }
    .rate-average-wrap .stars a, .rate-average-wrap .stars span {
        width: 28px !important;
    }
    #ratingTab .vote-wrap .vote-summary {
        background: none;
    }
    .more-ratings-link .btn.btn-tertiary {
        padding: 16px;
        width: 100%;
    }
    .sami-uzivame-in > div {
        width: 100%;
    }
    .zakaznice-side.vypis .footer-banner.vypln .btn-primary {
        padding: 16px 26px;
    }
    .zakaznice-side.vypis > div > div:not(.vypln) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .zakaznice-side.vypis .footer-banner.vypln {
        margin-left: 0;
        margin-right: 0;
        background-size: 100% auto;
        background-position: center bottom;
        width: 100%;
    }
    .id-765 .side-clanky ul li a {
        height: 68px;
        padding-left: 84px;
    }
    .id-765 .side-clanky ul li {
        background-size: 68px;
    }
    .slozeni-bottom > div {
        text-align: center;
    }
    .kontakt-clanek .contact-box ul {
        flex-direction: column-reverse;
    }
    .kontakt-clanek .contact-box ul::before, .kontakt-clanek .contact-box ul .tel {
        margin: 0 0 16px;
    }
    .kontakt-clanek-in .socky {
        margin-top: 24px;
    }
    .form-faq .fakt-udaje {
        flex-direction: column;
    }
    .form-faq .fakt-udaje > div:first-child {
        margin: 0 0 20px;
    }
    .id-777 .kontakt-clanek .kontakt-clanek-in, .id-735 .kontakt-clanek .kontakt-clanek-in {
        padding: 90px 0 0 0 !important;
        background-position: center top;
    }
    .id-777 .kontakt-clanek .contact-box ul, .id-735 .kontakt-clanek .contact-box ul {
        align-items: center;
    }
    .postup-garance-in > div {
        width: 100%;
    }
    .products-yes .search-header::before {
        left: auto;
        right: 50px;
    }
    body.no-results .search-header {
        background-position: right -20px;
        background-size: 100px auto;
    }
    .no-results-content .btn-primary {
        padding: 16px 26px !important;
    }
    .type-posts-listing:not(.in-blog) .art-header {
        background-size: 140px;
    }
    ol.cart-header li a, ol.cart-header li strong {
        padding: 0 5px;
    }
    ol.cart-header li span {
        font-size: 12px;
        line-height: 1.1;
        letter-spacing: 1px;
        max-width: 90px;
    }
    ol.cart-header > li:not(:last-child)::after {
        width: 48px;
        right: -25px;
    }
    ol.cart-header li a::before, ol.cart-header li strong::before {
        width: 32px;
        height: 32px;
        line-height: 30px;
    }
    ol.cart-header {
        padding: 8px 0;
    }
    #select-country-payment .order-information {
        display: block;
        margin: 20px 0 32px !important;
        line-height: 1.1;
    }
    #checkoutContent .form-group {
        margin-bottom: 24px;
    }
    .ordering-process #checkoutContent .co-box h4.order-delivery {
        margin-top: 24px;
    }
    .shipping-billing-table .radio-wrapper {
        padding: 16px 16px 20px 16px;
        position: relative;
    }
    .shipping-billing-table .radio-wrapper input[type="radio"]+label {
        padding-left: 34px;
        margin-right: 0;
        align-items: center;
        position: initial;
    }
    .shipping-billing-table .payment-info .shipping-billing-name {
        font-size: 14px;
        padding-right: 0;
    }
    .shipping-billing-table .payment-info {
        min-height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #order-shipping-methods .payment-info > span a {
        font-size: 12px;
    }
    .radio-wrapper input[type="radio"] + label .payment-shipping-price {
        font-size: 13px;
        display: block;
        margin-top: 10px;
    }
    .id--16 input[type="checkbox"]+label::before, .id--16 input[type="radio"]+label::before {
        left: 16px;
    }
    .id--16 .radio-wrapper input[type="checkbox"]:checked + label::after, .id--16 .radio-wrapper input[type="radio"]:checked+label::after, .id--16 input[type="radio"]:checked+label::after {
        left: 16px;
    }
    .shipping-billing-table .radio-wrapper > label .payment-logo {
        align-self: flex-start;
    }
    .radio-wrapper input[type="radio"] + label .sublabel {
        margin-top: 5px;
    }
    #order-billing-methods .payment-logo {
        max-width: 64px;
        order: unset;
    }
    .order-summary-inner {
        padding: 32px 14px 0;
    }
    .order-summary-item.price {
        margin: 0 -14px;
        width: calc(100% + 28px);
    }
    .next-step.next-step--step-1 {
        padding: 0 14px;
    }
    #checkoutContent .form-group:not(.phone-form-group) input#billZip {
        margin-right: 0;
    }
    #checkoutContent .helper {
        padding: 12px 12px 12px 64px;
        background-position:  16px 16px;
        margin-top: 20px;
    }
    .ordering-process #checkoutContent .co-box h4 {
        margin: 40px 0 32px;
    }
    .id--17.smart-labels-active #checkoutContent .smart-label-wrapper label {
        font-weight: 400;
    }
    .id--17.ordering-process #checkoutContent .co-box h4 {
        margin: 48px 0 32px;
    }
    .id--17 #checkoutContent .form-group {
        margin-bottom: 20px;
    }
    .id--17.smart-labels-active #checkoutContent .smart-label-wrapper label {
        margin-bottom: 8px;
    }
    .id--17.ordering-process #checkoutContent .co-box .stay-in-touch h4 {
        margin: 28px 0 24px;
    }
    .id--17 #checkoutSidebar {
        margin-top: 28px;
    }
    .consents a {
        font-weight: 400;
    }
    .id--15 #content-wrapper {
        padding-top: 0;
    }
    .id--15 .content-inner {
        margin-top: 0;
    }
    .dekujeme-header h1.order-summary-heading {
        margin: 0 0 12px !important;
        font-size: 24px;
    }
    .dekujeme-header {
        padding: 32px 10px 60px;
        background-image: url("/user/documents/upload/Images/thanks-mobile-bg.png");
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: var(--color-b50);
    }
    .dekujeme-text {
        font-size: 15px;
        line-height: 1.5;
    }
    .dekujeme-header h1.order-summary-heading::before {
        margin-bottom: 24px;
    }
    .id--15 .cart-table .p-name {
        padding: 0 0 0 16px;
    }
    .id--15 .cart-table tr>td.cart-p-image {
        padding-bottom: 0;
    }
    .id--15 .cart-table tr:not(.free-gift-row) {
        padding-top: 16px;
    }
    .id--15 .cart-table .p-name {
        align-self: flex-start;
    }
    .id--15 .cart-table .gift-line .p-name {
        padding-left: 32px;
    }
    .id--15 .recapitulation-wrapper .cart-table tbody > tr:not(:first-child) .p-total {
        font-size: 14px;
        margin-top: 0;
    }
    .id--15.ordering-process .co-box.co-payment-method h4 {
        text-align: center;
        margin-bottom: 24px;
    }
    .id--15.ordering-process .co-box.co-payment-method > .row > div table tr td, .id--15.ordering-process .co-box.co-payment-method > .row > div table tr th {
        padding: 10px 0;
    }
    .id--15 .recapitulation-wrapper {
        margin-bottom: 32px;
    }
    .id--15 .dekujeme-spodek {
        padding-top: 0;
        margin-top: 0;
        border: none;
    }
    .id--15 .content-inner {
        padding-bottom: 63px;
    }
    .id--15 #content-wrapper, .id--15 .overall-wrapper {
        padding-bottom: 0 !important;
    }
    .cart-inner.cart-empty {
        background: none;
    }
    #cart-wrapper .pk-text .btn-conversion {
        padding: 16px 26px;
    }
    .type-post #content-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .news-item-detail > article > .text {
        font-size: 16px;
    }
    .login-widget .popup-widget-inner > div {
        padding: 20px;
    }
    #customerLogin #formLoginIncluded {
        margin-top: 20px;
    }
    #customerLogin #formLoginIncluded .form-control {
        height: 54px;
    }
    .login-widget .popup-widget-inner > div.registrace-box {
        padding-bottom: 20px;
        background-size: 70px;
    }
    #colorbox.productDetail #cboxContent #cboxLoadedContent {
        display: flex;
        align-items: center;
    }
    #colorbox.productDetail #cboxContent #cboxLoadedContent img {
        max-width: 200px;
    }
    .shipping-options-popup {
        padding: 40px 20px;
    }
    .shipping-row .payment-shipping-price, .payment-info b {
        font-size: 14px;
    }
    .shipping-options-popup .extra.delivery {
        text-align: center;
    }
    .shipping-options-popup .extra.delivery::before {
        display: block;
        margin: 0 auto 5px;
    }
    .vote-form form .stars::before {
        width: 100%;
        max-width: 100%;
        margin: 0 0 10px;
    }
    .vote-form form .stars {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .search-window-visible #formSearchForm {
        left: 50%;
        transform: translateX(-50%);
        z-index: 55555;
        width: calc(100% - 20px);
    }
    .searchWhisperer__buttonWrapper .btn.searchWhisperer__button {
        padding: 12px 36px;
    }
    .search-window-visible #formSearchForm .search-input {
        padding-right: 45px;
        background-image: url("/user/documents/upload/Images/magnifier.svg");
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: calc(100% - 15px) center;
    }
    .search-window-visible #formSearchForm .search-input {
        width: 100%;
    }
    .main-banner > .top p {
        margin-bottom: 28px !important;
    }
    .main-banner > .bottom > div:first-child .left {
        font-size: 36px;
    }
    .benefitBanner::before {
        line-height: 1.1;
    }
    .homepage-group-title {
        line-height: 1.4;
    }
    .products-block > div .p .stars-wrapper {
        margin: 0 0 8px;
    }
    .in-index .product-slider-holder .product-slider-pagination {
        margin-top: 24px;
    }
    .all-products {
        margin-top: 32px;
    }
    .footer-banners-wrapper h2 {
        margin: 0 0 20px;
    }
    .zakaznice .bottom > p:first-of-type {
        margin: 0 0 16px !important;
    }
    .zakaznice .autor span {
        text-align: left;
    }
    .zakaznice .autor::after {
        margin-top: 16px;
    }
    .footer-banners .slick-prev, .footer-banners .slick-next {
        width: 64px;
        height: 64px;
    }
    .footer-banners .slick-next::before, .footer-banners .slick-prev::before {
        width: 19px;
        height: 19px;
    }
    .in-index .footer-banners .slick-dots::before {
        content: "";
        position: absolute;
        width: 181px;
        height: 122px;
        background-image: url("/user/documents/upload/Images/group_of_leaves_2.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        top: -37px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: -90px;
    }
    .footer-banners .slick-list {
        position: relative;
        z-index: 1;
    }
    .zakaznice {
        background: #fff;
    }
    .banners-content.body-banners::before {
        margin-bottom: 32px;
    }
    .jak .img img {
        border-radius: 12px;
    }
    .hodnoceni {
        padding: 44px 10px 130px;
    }
    .hodnoceni .top .text strong {
        font-size: 20px;
    }
    .hodnoceni .bottom .vote-wrap .vote-header .vote-name {
        color: var(--color-g400);
    }
    .newsletter-wrapper::after {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .newsletter-wrapper h4.topic {
        line-height: 1.1;
    }
    #footer .contact-box ul li span.tel::after {
        color: var(--color-b400);
    }
    #footer .contact-box ul li span.mail a {
        color: var(--color-b400);
    }
    #footer ul > li:not(:last-child) {
        padding: 0;
    }
    #footer .socky {
        margin-top: 48px;
    }
    #footer .custom-footer > div:not(.custom-footer__contact) ul > li {
        padding-bottom: 12px;
        line-height: 1.4;
    }
    .type-category .breadcrumbs {
        padding: 0;
    }
    .rady-tipy ul {
        margin: 0 0 24px;
    }
    .type-category .subcategories li a {
        text-decoration: none;
    }
    .ratings-and-brand a {
        color: var(--color-b400);
    }
    .p-short-description ul[style="list-style-type: disc;"] {
        padding: 0 0 40px;
    }
    .specialistka {
        padding-left: 82px;
    }
    .p-detail-inner .p-short-description {
        margin-bottom: 37px;
    }
    .p-detail-inner .p-gifts-heading {
        color: var(--color-g400);
        margin-bottom: 23px;
    }
    .p-gifts-wrapper {
        padding-bottom: 40px;
    }
    .p-detail-tabs-wrapper {
        margin-top: 48px;
    }
    #hodnoceni-top .slick-next, #hodnoceni-top .slick-prev{
        transform: none;
        top: 85px;
    }
    .slick-arrow.slick-disabled {
        display: none !important;
    }
    #hodnoceni-top .slick-next {
        right: -10px;
    }
    #hodnoceni-top .slick-prev {
        left: -10px;
    }
    #hodnoceni-top .vote-wrap {
        margin: 0;
    }
    .type-detail .footer-banners .slick-prev, .type-detail .footer-banners .slick-next {
        top: 375px;
        z-index: 2;
    }
    .type-detail .zakaznice .autor {
        margin-top: 16px;
    }
    .type-detail .zakaznice .autor span {
        font-size: 14px;
    }
    .basic-description img {
        border-radius: 12px;
    }
    .video-pribehy .slick-next {
        width: 64px;
        height: 64px;
        right: -5px;
        z-index: 9998;
    }
    .video-pribehy .slick-prev {
        width: 64px;
        height: 64px;
        left: -5px;
        z-index: 9998;
    }
    .video-pribehy .slick-next::before, .video-pribehy .slick-prev::before {
        width: 19px;
        height: 19px;
    }
    .dokonalost::before {
        background-position: center -20px;
        background-size: 265px auto;
    }
    .type-detail .latky-in > div:nth-child(2) {
        background-size: 450px auto;
    }
    .type-detail .latky-in > div:first-child {
        background-size: 470px auto;
    }
    .type-detail .latky-in > div:nth-child(3) {
        background-size: 410px auto;
    }
    .mobile .products-header {
        text-align: center;
    }
    .products-related-wrapper.has-navigation .product-slider-navigation.navigation-next::before, .products-related-wrapper.has-navigation .product-slider-navigation.navigation-prev::before {
        width: 19px;
        height: 19px;
    }
    .products-related-wrapper.has-navigation .product-slider-navigation.navigation-next, .products-related-wrapper.has-navigation .product-slider-navigation.navigation-prev {
        width: 64px;
        height: 64px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0px 0px 20px 0px #315E4533;
    }
    .products-related-wrapper.has-navigation .product-slider-navigation.navigation-next {
        right: 0;
    }
    .products-related-wrapper.has-navigation .product-slider-navigation.navigation-prev {
        left: 0;
    }
    .products-related .products-block > div .p .p-in {
        justify-content: flex-start;
    }
    .type-detail .hodnoceni .bottom .vote-wrap .vote-header .stars {
        margin-right: 0;
    }
    .main-zmena {
        max-width: 100%;
    }
    .products-related-wrapper {
        padding: 0 !important;
    }
    .clanek-autor {
        padding: 152px 20px 40px;
        text-align: center;
        background-position: center 32px;
    }
    .clanek-autor h4 {
        font-size: 20px;
        line-height: 1.1;
    }
    .clanek-autor h4 span {
        margin-top: 2px;
        line-height: 1.2;
    }
    .clanek-autor::before {
        content: none;
    }
    .clanek-autor::after {
        display: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    #formSearchForm {right: 105px;width: 400px;}
}
.popup-overlay{position: fixed; display: none;left: 0;top: 0 !important;background-color: rgba(0,0,0,0.3);width: 100%;height: 100%;z-index: 10000;}
.popup-video{position: fixed; display: none; width: 600px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-color: #fff; padding: 40px;border-radius: 20px;z-index: 10001;max-height: calc(100vh - 40px); overflow: auto; scrollbar-width: thin;}
@media screen and (min-width: 1200px){
    .popup-video.garance-popup {width: 1160px;}
}
.popup-open .popup-video, .popup-open .popup-overlay{display: block;}
.popup-open .close {background: url("/user/documents/upload/Images/close.svg") no-repeat 50% 50%; width: 24px; height: 24px; background-size: 32px auto; cursor: pointer;position: absolute; right: 12px; top: 12px;}
.popup-open .close:hover{opacity: 0.7;}
@media screen and (max-width: 767px){
    .popup-video{width: calc(100% - 20px);max-height: calc(100vh - 20px);padding: 48px 16px 16px 16px;border-radius: 12px;}
}
@media screen and (min-width: 768px){
    .socky a.social-icon:hover{background-color: #468662;border-color: #468662;color: #fff !important;}
    .socky a.social-icon:hover::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
}
a, .link-like {text-decoration: none;-webkit-transition: none;-o-transition: none;transition: none;}
.menu-helper > span::after {font-size: 10px;}
.menu-helper-visible .menu-helper > span::after {content: '\e90e';}
.votes-wrap .votes-wrap .more-ratings-link{display: none !important;}
.komplet-slozeni{background-color: var(--color-s300);padding: 40px;margin-top: 32px;display: none;width: 100%;border-radius: 12px;}
.otevreno .komplet-slozeni {display: block;}
.komplet-slozeni p:last-child{margin-bottom: 0 !important;}
#slozeni.otevreno > a::after {transform: rotate(270deg);}
@media screen and (max-width: 767px){
    .komplet-slozeni {padding: 24px;margin-top: 24px;}
    .close.close-mobile{top: auto;bottom: 24px;position: relative;display: block;left: 50%;margin-left: -12px;}
}
@media screen and (min-width: 768px){
    .close.close-mobile{display: none;}
}
.type-posts-listing .content-inner h1, .type-posts-listing .content-inner > p{display: none;}
.category-title .pagination-appendix{display: none;}
.roz-obj #cboxContent {height: auto !important;}
.advanced-order .d-zdarma{line-height: 25px;}
.d-zdarma .price-range {margin-top: 21px;}
.extra.delivery .price-range, .cart-free-shipping .price-range{margin-left: -36px;width: calc(100% + 36px);}
.summary .extra.delivery > span.d-zdarma strong, .cart-free-shipping > div.d-zdarma strong{font-weight: 700;}
.summary .extra.delivery > span.d-zdarma, .cart-free-shipping > div.d-zdarma {line-height: 25px;}
.shipping-options-popup .extra.delivery .price-range {margin-left: 0;width: 100%;}
.doruceni-popup #cboxLoadedContent{height: auto !important;}
.shipping-options-popup .d-zdarma .price-range {margin-top: 12px;}
.order-button-text {font-weight: 700;}
.price-range::before{display: none !important;}
.d-zdarma strong{font-size: 0;line-height: 0;letter-spacing: 0;}
.d-zdarma strong::after{content: " dopravu ZDARMA"; font-weight: 700; font-size: 14px;line-height: 25px;letter-spacing: 1px;}
.d-zdarma strong::before{content: "Získáváte"; font-weight: 400; font-size: 14px;line-height: 25px;letter-spacing: 1px;}
@media screen and (max-width: 767px){
    .d-zdarma .price-range {margin-top: 18px;}
}
.hodnoceni-top .admin-response{display: none !important;}
.cart-count .cart-price{text-transform: none;}
.site-msg .close:hover::before {color: #fff;}
@media screen and (min-width: 768px){
.search-window-visible::before {opacity: 1;background-color: rgba(0,0,0,.3);z-index: 1002;}
.ui-slider-horizontal .ui-slider-handle:hover {border-color: var(--color-b300);;background-color: var(--color-b300);}
.ui-slider-horizontal .ui-slider-handle:hover::after {background-color: #fff;}
}
.jak .product .name:hover{text-decoration: underline;}
.banner-category a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .banners-content a:hover img, .footer-banner a:hover img {-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.jak:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.news-item .image img, .news-wrapper .news-item .news-item-link-img img {transition: transform 0.3s;}
.news-item .image:hover img, .news-wrapper .news-item .news-item-link-img:hover img{transform: scale(1.05);}
.news-wrapper .news-item .news-item-link-img {overflow: hidden;border-radius: 12px;}
.subcategories.with-image li:hover{border-color: #468662;}
#category-filter-hover > div h4:hover{text-decoration: underline;}
.id--7 .sidebar {display: none;}
.id--7 .content-inner{max-width: 600px;margin: 0 auto;text-align: center;}
.id--7 .content .login-wrapper .btn {float: none;}
.id--7 .content input#email {background: url("/user/documents/upload/Images/envelope.svg") 20px 50% no-repeat; border-radius: 100px;padding-left: 48px;}
.id--7 .content .js-validator-msg {margin-left: 0;}
.id--7 .content .login-wrapper {padding-top: 0;margin-bottom: 40px !important;}
@media screen and (max-width: 1199px){
    .columns-mobile-2 #products-2 .products-block {width: auto !important;transition: none !important;transform: none !important;}
    .type-index .product-slider-holder #products-2{width: auto !important;}
    .type-index .product-slider-navigation, .type-index .product-slider-pagination {display: none !important;}
    .type-index .roz-obj .product-slider-navigation, .type-index .roz-obj .product-slider-pagination {display: block!important;}
}
@media screen and (max-width: 767px){
    .columns-mobile-2 .products-block {margin-left: -10px;margin-right: -10px;}
    .products-block > div {padding: 10px !important;}
    .products-block > div .p .p-bottom > div{flex-wrap: wrap;}
    .products-block > div .p .availability{width: 100%;}
    .columns-mobile-2 .products-block .p .name{text-align: center !important;height: auto !important;font-size: 13px;margin-bottom: 8px;display: block !important;overflow: visible !important;}
    .p-in-in{padding-bottom: 0;}
    .products-block > div .p .p-bottom{margin-top: 8px;}
    .products-block > div .p .p-bottom > div .prices {flex-direction: row-reverse;width: 100%;margin-top: 8px;}
    .products-block .stars{margin: 0 auto;width: auto;}
    .product .price-save {top: 4px;right: 4px;width: 32px;height: 32px;font-size: 10px;}
    .flags {left: 4px;top: 4px;}
    .product .flags-default .flag {font-size: 11px;padding: 0 6px;line-height: 20px;}
    .flag.flag-darek-zdarma::before, .flag.flag-gift::before{top: -2px; position: relative;}
   
    
}
@media screen and (max-width: 479px){
    .socky ul {display: flex;flex-wrap: wrap;}
    .socky ul li:first-child{width: 100%;margin-bottom: 12px;}
    .custom-footer > div.custom-footer__contact .socky ul {justify-content: left;}
}
.siteCookies--bottom {left: 0 !important;width: 100% !important;margin: 0;background-color: rgba(0,0,0,0.6) !important;top: 0;}
@media screen and (min-width: 768px){
    .siteCookies__form {padding: 24px 24px 24px 96px;background: url('/user/documents/upload/Images/susenky.svg') 24px 27px no-repeat;background-color: rgba(0, 0, 0, 0);box-shadow: none !important;align-items: flex-start;left: 50% !important;margin-left: -470px !important;width: 940px !important;border-radius: 20px 20px 0 0;background-color: #fff !important;box-shadow: 0 0 40px rgba(0,0,0,0.29) !important;position: absolute;max-width: none;bottom: 0;top: auto;}
    .siteCookies__buttonWrap {width: 180px;gap: 0;display: flex;flex-wrap: wrap;}

}
.siteCookies__button {padding: 0 25px;line-height: 44px;border-radius: 100px;font-size: 13px;text-transform: uppercase;letter-spacing: 1.5px;height: 44px;transition: none;}
.siteCookies__button[value="all"]{order: -1; background-color: #315E45;}
.siteCookies__button[value="all"]:hover{background-color: #468662;}
.siteCookies__button[value="reject"]{border: 1px solid #EBEBEB;background-color: #fff;color: #575759;margin-top: 10px;}
.siteCookies__button[value="reject"]:hover{background-color: #000;border-color: #000;color: #fff;}
.siteCookies__link {background: none !important;font-size: 15px;font-weight: 400;color: #343537 !important;text-decoration: underline;line-height: 1.7;padding: 0;border: 0;}
.siteCookies__link::before{content: url('/user/documents/upload/Images/gear.svg'); display: inline-block; vertical-align: middle; line-height: 1; margin-right: 10px;}
.siteCookies__text {margin-bottom: 24px;font-size: 15px;line-height: 1.7;color: #343537;}
@media screen and (max-width: 991px){
    .siteCookies__form{width: calc(100% - 40px) !important;margin-left: 0 !important;left: 20px !important;}
}
@media screen and (max-width: 767px){
    .siteCookies__form {width: calc(100% - 20px) !important;left: 10px !important;position: absolute;bottom: 0;top: auto;}
    .siteCookies__form {background: url('/user/documents/upload/Images/susenky.svg') 50% 20px no-repeat #fff !important;padding-top: 82px;}
    .siteCookies__text {margin-bottom: 20px;font-size: 14px;text-align: center;}
    .siteCookies__button[value="reject"]{margin-top: 0;}
    .siteCookies__buttonWrap {gap: 10px;margin-top: 24px;}
    .benefitBanner__item {margin: 0 0 20px;}
    .benefitBanner{padding-bottom: 4px;margin-bottom: 40px;padding-top: 96px;}
    .main-banner{padding-bottom: 4px;}
}
.pred-po-videa h2{width: 100%;text-align: center;margin: 0 0 38px 0;padding: 0 10px;}
.zakaznice-side.vypis .footer-banners::before{content: "Výsledky zákaznic";display: block;width: 100%;font-size: 32px;line-height: 1.1;margin-bottom: 38px;text-align: center;color: #242527;font-weight: 500;}
.pred-po-videa .zakaznice .bottom {background-color: #F3ECE4;margin-top: -8px;padding-top: 40px;}
.pred-po-videa .zakaznice {border: 0;}
.type-post article header{display: flex;flex-wrap: wrap;flex-direction: column-reverse;justify-content: center;text-align: center;max-width: 940px;margin: 0 auto;}
.type-post article h1{font-size: 48px;margin-bottom: 48px;}
.type-post article .text > p:first-child{text-align: center; font-weight: 700;color: #343537;}
.type-post .overall-wrapper{overflow-x: hidden;}
.produkt-widget.products-block > div .p .p-bottom > div{flex-wrap: wrap;}
.produkt-widget .p-tools {display: block !important;}
.produkt-widget.products-block > div .p .p-bottom > div .p-tools .btn.btn-cart:hover{background-color: var(--color-secondary-hover) !important;color: #fff;}
@media screen and (min-width: 1200px){
    .tip, .produkt-widget:not(.only-product), .type-post .zakaznice-side{width: 1178px;left: 50%;position: relative;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@media screen and (min-width: 1440px){
    .tip, .produkt-widget:not(.only-product), .type-post .zakaznice-side{width: 1340px;}
}
.produkt-widget.only-product {width: 375px;}
.produkt-widget.only-product.left{padding-right: 20px; float: left;}
.produkt-widget.only-product.right{padding-left: 20px; float: right;}
.produkt-widget.only-product .product{width: 100% !important;}
.produkt-widget.only-product .product:nth-child(n+2){display: none !important;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .type-post .produkt-widget.products-block .product:nth-child(4){display: none !important;}
}
@media screen and (max-width: 767px){
    .news-item-detail .produkt-widget > div {width: 50%;}
}
article .slick-dots li{background: none !important;margin-bottom: 0 !important;}
.type-post article .footer-banners-wrapper::before {display: none;}
.type-post article .footer-banners-wrapper {padding-top: 0;}
.type-post article .footer-banners-wrapper > p, .type-post article .footer-banners-wrapper > h2{display: none;}
.type-post article .footer-banners {margin-top: 40px !important;}
.banner-kat{margin: 40px 0 20px 0;display: flex; flex-wrap: wrap;}
.banner-kat a{margin: 0 20px 20px 0; font-weight: 700;font-size: 18px; line-height: 1.2; display: block;text-decoration: underline;}
.banner-kat a:hover{text-decoration: none;}
.banner-kat a::after{content: url('/user/documents/upload/Images/sipka-odkaz.svg'); display: inline-block; vertical-align: middle; line-height: 1; margin-left: 8px;}
@media screen and (max-width: 767px){
    .banner-kat {-webkit-justify-content: center;justify-content: center;}
    .banner-kat a {margin: 0 10px 20px 10px;font-size: 16px;}
}
.slozeni-balicku{margin-bottom: 100px;text-align: center;padding-bottom: 100px; border-bottom: 1px solid #EBEBEB;}
.slozeni-balicku h2{margin-bottom: 48px;}
.slozeni-balicku .btn::after{content: url('/user/documents/upload/Images/sipka-odkaz.svg');display: inline-block; vertical-align: middle; line-height: 1; margin-left: 12px;}
.slozeni-balicku .btn:hover::after{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.slozeni-balicku > div{display: flex;justify-content: center;gap: 24px;flex-wrap: wrap;}
@media screen and (max-width: 767px){
    .slozeni-balicku .btn {width: 100%;font-size: 12px;}
    .slozeni-balicku > div {gap: 12px;}
    .slozeni-balicku{margin-bottom: 64px;padding-bottom: 64px;}
}
.slozky{background: url('/user/documents/upload/Images/lupeny.svg') 100% 0 no-repeat #EDF3EF; background-size: cover;position: relative;display: flex; flex-wrap: wrap;border-radius: 12px;}
.slozky h2{margin: 0; padding: 64px 264px 64px 40px;width: 100%;}
.slozky::before{content: ""; background: url('/user/documents/upload/Images/zelena1.png') 50% 50% no-repeat; background-size: cover;width: 235px; height: 173px; position: absolute; top: 0; right: 0;border-radius: 0 12px 0 0;}
.slozky::after{content: ""; background: url('/user/documents/upload/Images/zelena2.png') 50% 50% no-repeat; background-size: cover;width: 422px; height: 328px; position: absolute; bottom: 0; left: 80px;}
.slozka{width: 50%; padding: 32px 40px 45px 40px; border-top: 1px solid #B3CDBF;}
.slozka:nth-of-type(2n){border-left: 1px solid #B3CDBF;}
.slozka p{margin-bottom: 0 !important;}
.pravidla .image{padding: 64px;background: url('/user/documents/upload/Images/lupeny.svg') 100% 0 no-repeat #EDF3EF; background-size: cover;border-radius: 12px;}
.pravidla h2{margin-bottom: 40px;margin-top: 0 !important;}
.pravidla ul{margin: 0; padding: 0;}
.pravidla ul li{position: relative; padding-left: 88px;min-height: 64px; margin-bottom: 32px;}
.pravidla ul li strong{width: 100%; display: block;font-weight: 500; font-size: 20px; color: #242527;line-height: 1.1;margin-bottom: 4px;}
.pravidla ul li::before{content: counter(steps);counter-increment: steps;font-family: 'Plus Jakarta Sans', sans-serif !important;width: 64px;height: 64px;position: absolute;left: 0;background-color: #fff;border-radius: 50%;text-align: center;line-height: 64px;font-weight: 500;font-size: 32px;color: #315E45;}
.pravidla ul li:last-child{margin-bottom: 0;}
.pravidla .text p{font-size: 18px;font-style: italic; margin-bottom: 24px !important;position: relative;}
.pravidla .text p::before{content: ""; width: 66px; height: 48px; background: url('/user/documents/upload/Images/uvozovky.svg') 50% 50% no-repeat; position: absolute; left: -48px; top: -17px;z-index: -1;background-size: contain;}
.pravidla .autor{display: flex;align-items: center;font-size: 14px;}
.pravidla .autor img{width: 80px; height: auto;}
.pravidla .autor span{padding-left: 16px;}
.pravidla .autor span strong{font-size: 18px; line-height: 1.1; font-weight: 500; color: #343537;margin-bottom: 7px; display: block;}
.pravidla .autor a:not(:hover){text-decoration: underline;}
.davkovani{display: flex; flex-wrap: wrap;}
.davkovani .left{width: 59%;padding-right: 42px;display: flex; flex-wrap: wrap;}
.davkovani .left > div:first-child{width: 42%; padding-right: 40px;}
.davkovani .left > div:last-child{width: 58%;}
.davkovani .right{width: 41%;}
.davkovani .left img{border-radius: 12px;}
.davkovani h2{margin-bottom: 24px;}
.davkovani ul{margin: 0; padding: 0;}
.davkovani ul li{position: relative; padding-left: 24px;margin-bottom: 20px; color: #343537;}
.davkovani ul li:last-child{margin-bottom: 0;}
.davkovani ul li::before{content: url('/user/documents/upload/Images/li-lupen.svg'); position: absolute; left: 0;margin: 0;top: 6px;}
.davkovani tr:nth-child(2n){background-color: #FAF7F4;}
.davkovani table{width: 100%;}
.davkovani table td{padding: 12px;font-size: 14px;}
.davkovani table tr:first-child td{font-size: 15px; font-weight: 700;}
.all-slozeni{margin-top: 24px; text-align: center;}
.all-slozeni span{font-size: 14px;color: #315E45;text-decoration: underline;cursor: pointer;}
.all-slozeni span::after, .cela-studie span::after{content: url('/user/documents/upload/Images/sipka-zelena-dolu.svg'); display: inline-block; vertical-align: middle; line-height: 1; margin-left: 8px;}
.all-slozeni span:hover{text-decoration: none;}
.all-slozeni span:last-child{display: none;}
.otevreno .all-slozeni span:last-child{display: block;}
.otevreno .all-slozeni span:first-child{display: none;}
.otevreno .all-slozeni span::after{-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-top: -1px;}
.studie-perex{background-color: #F3ECE4;padding: 16px 20px;border-radius: 12px;margin-top: 24px;}
.studie-perex .product-range{margin-bottom: 0;}
.studie-perex .range-in{background-color: #fff;}
.cela-studie{line-height: 15px;display: block;margin-top: 16px;}
.cela-studie span{font-size: 13px;color: #315E45;text-decoration: underline;cursor: pointer;}
.cela-studie span:hover{text-decoration: none;}
@media screen and (max-width: 1439px){
    .slozky::after {display: none;}
}
@media screen and (max-width: 991px){
    .davkovani .left {width: 100%;padding-right: 0;}
    .davkovani .right {width: 100%;margin-top: 48px;}
}
@media screen and (max-width: 767px){
    .slozky::before {display: none;}
    .slozky h2 {padding: 24px;}
    .slozka {padding: 24px;}
    .pravidla .text p {font-size: 16px;text-align: center;}
    .pravidla .autor img {width: 64px;}
    .pravidla .image {padding: 24px;}
    .pravidla ul li::marker, .davkovani ul li::marker{font-size: 0;}
    .pravidla ul li::before {width: 40px;height: 40px;line-height: 40px;font-size: 24px;}
    .pravidla ul li {padding-left: 56px;}
    .pravidla ul li strong {font-size: 18px;}
    .davkovani .left > div:first-child{display: none;}
    .davkovani .left > div:last-child {width: 100%;}
    .subcategories.with-image li a .image{margin-right: 10px;}
    .subcategories li a {background-image: none;padding: 10px;}
    .subcategories.with-image li a .text {max-width: none;width: calc(100% - 58px);}
}
@media screen and (max-width: 479px){
    .slozka {width: 100%;border-left: 0 !important;}
}
.id-682 .art-header::after {display: none;}
.id-682 .art-header .container{position: relative;}
.id-682 .art-header .container > p{max-width: 700px !important;}
.id-682 .art-header .container::before{content: url('/user/documents/upload/Images/jak-aplikovat-lupen.svg'); position: absolute; bottom: -87px; left: -93px;}
.id-682 .rady-tipy > ul,
.id-682 .rady-tipy h4:first-child{display: none !important;}
.id-682 .art-header .container > p:last-of-type{margin-bottom: 0 !important;}
.id-682 #newsWrapper h2{margin-top: 16px;}
.id-682 #newsWrapper > article .title{font-weight: 700;}
.id-682 .news-wrapper .news-item .news-item-link-img{position: relative;display: block;}
.id-682 .news-wrapper .news-item .news-item-link-img::after{content: url('/user/documents/upload/Images/play_1.svg'); position: absolute; right: 12px; bottom: 12px;line-height: 1;height: 64px;}
.id-682.type-posts-listing #content-wrapper {padding-top: 0;}
.id-682 #newsWrapper{margin-top: 24px;}
.id-682 .rady-tipy::before {display: none !important;}
@media screen and (max-width: 1199px){
    .id-682 .rady-tipy {max-width: none;position: relative;top: auto;transform: none;margin-top: 48px;}
    .id-682 .art-header .container::before {display: none;}
}
@media screen and (max-width: 767px){
    .id-682 .rady-tipy {margin: 32px 0 0 0;padding: 0;}
}
.id-827 .content-wrapper, .id-984 .content-wrapper{background: url('/user/documents/upload/Images/lupen-bg.svg') 72px -130px no-repeat !important;}
.id-827 .art-header, .id-984 .art-header{position: relative;}
.id-827 h1, .id-984 h1{max-width: 580px;font-size: 48px;margin-bottom: 30px;}
.id-827 .art-header p, .id-984 .art-header p{max-width: 580px;font-size: 20px;}
.id-827 .kontakt-clanek {margin-top: 64px;font-size: 0;}
.id-827 .kontakt-clanek .contact-box ul li {padding-top: 30px;}
.id-827 .kontakt-clanek .contact-box h4{display: block;padding-left: 114px;margin-bottom: -24px;}
.id-827 .kontakt-clanek .socky{display: none;}
.header-video{position: absolute;right: 0;top: 0;width: 700px;}
.id-827  #content {padding-top: 48px;}
.proc-denatura {border-top: 1px solid #EBEBEB; padding-top: 80px;}
.proc-denatura h2{margin: 0 0 24px 0; text-align: center;}
.proc-denatura > p{max-width: 940px; margin: 0 auto 48px auto !important; text-align: center;}
.proc-denatura-in{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.proc-denatura-in > div{width: calc(25% - 20px); margin: 0 10px 20px 10px; background: url('/user/documents/upload/Images/proc-check.svg') 50% 32px no-repeat #F3ECE4; border-radius: 12px; text-align: center; padding: 88px 40px 32px 40px;}
.proc-bottom{margin-top: 60px;display: flex; flex-wrap: wrap;}
.proc-bottom > div{width: 50%;}
.proc-bottom h2{text-align: left;}
.proc-bottom ul{margin: 0; padding: 0;}
.proc-bottom li{position: relative; padding-left: 24px;margin-bottom: 20px;}
.proc-bottom li:last-child{margin-bottom: 0;}
.proc-bottom li::before{content: url('/user/documents/upload/Images/li-lupen.svg'); position: absolute; left: 0;top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0;}
@media screen and (min-width: 1200px){
    .id-827 .postup-garance-in > div{width: calc(20% - 20px);}
}
.id-827 .overall-wrapper{overflow-x: hidden;}
.id-827 .postup-garance-in{-webkit-justify-content: center;justify-content: center;max-width: 1200px;margin: 64px auto 30px auto;}
.id-827 .postup-garance{padding-top: 80px; border-top: 1px solid #EBEBEB;padding-bottom: 80px;}
.vo-recenze{position: relative;padding-top: 80px; border-top: 1px solid #EBEBEB;}
.vo-recenze-in{ position: relative;}
.vo-recenze-in .slick-list {overflow: initial;}
.vo-nazor{margin-right: 20px; border: 1px solid #EBEBEB; border-radius: 12px; padding: 40px;}
.vo-nazor .top{display: flex; flex-wrap: wrap;align-items: center;margin-bottom: 20px;}
.vo-nazor .top img{width: 74px;}
.vo-nazor .top span{width: calc(100% - 74px); padding-left: 16px; font-size: 14px; line-height: 1.2;}
.vo-nazor .top span strong{display: block; font-size: 18px; line-height: 1.1; margin-bottom: 8px;font-weight: 500;color: #242527;}
.vo-nazor .bottom{font-style: italic;}
.vo-recenze-in .slick-prev, .vo-recenze-in .slick-next,
.spoluprace-osoby .slick-prev, .spoluprace-osoby .slick-next{width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 20px rgba(49, 94, 69,0.2);background-color: #fff;z-index: 1;}
.vo-recenze-in .slick-prev:hover, .vo-recenze-in .slick-next:hover,
.spoluprace-osoby .slick-prev:hover, .spoluprace-osoby .slick-next:hover{background-color: #468662;}
.vo-recenze-in .slick-prev {left: -20px;}
.spoluprace-osoby .slick-prev {left: -10px;}
.vo-recenze-in .slick-next {right: 0;}
.spoluprace-osoby .slick-next {right: -10px;}
.vo-recenze-in .slick-prev::before, .vo-recenze-in .slick-next::before,
.spoluprace-osoby .slick-prev::before, .spoluprace-osoby .slick-next::before{content: url('/user/documents/upload/Images/sipka-slider.svg') !important;line-height: 42px;display: inline-block;}
.vo-recenze-in .slick-prev::before, .spoluprace-osoby .slick-prev::before{-webkit-transform: rotate(180deg);transform: rotate(180deg);line-height: 40px;}
.slick-arrow.slick-disabled{display: none !important;}
.vo-recenze-in .slick-prev:hover::before, .vo-recenze-in .slick-next:hover::before,
.spoluprace-osoby .slick-prev:hover::before, .spoluprace-osoby .slick-next:hover::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.vo-recenze h2{margin: 0 0 40px 0; text-align: center;}
.galerie{margin-top: 100px;}
.galerie h2{text-align: center; margin: 0 0 48px 0;}
.galerie-in{display: flex; flex-wrap: wrap; margin: 0 -10px -20px -10px;}
.galerie-in img{width: 33.3333%; padding: 0 10px; margin-bottom: 20px;}
.mapa {margin-top: 80px;}
.mapa h2{text-align: center; margin: 0 0 56px 0;}
.faq-wrapper > h2{text-align: center; width: 100%; margin: 0 0 40px 0;}
.id-827 .faq-wrapper{margin-top: 80px;padding-bottom: 70px;border-top: 0;}
@media screen and (max-width: 1439px){
    .header-video {width: 580px;}
}
@media screen and (max-width: 1199px){
    .header-video {width: 450px;}
}
@media screen and (max-width: 991px){
    .header-video {width: 100%;position: relative;}
    .id-827 .kontakt-clanek .contact-box h4 {padding-left: 222px;}
    .id-827 h1, .id-827 .art-header p {max-width: none;}
    .proc-denatura-in > div {width: calc(50% - 20px);}
    .proc-bottom > div {width: 100%;}
    .proc-bottom > div:last-child{margin-top: 40px;}
}
@media screen and (max-width: 767px){
    .id-827 #content {padding-top: 0;}
    .id-827 h1 {font-size: 32px;line-height: 1.2;}
    .id-827 .kontakt-clanek .contact-box ul li {padding-top: 0;}
    .id-827 .kontakt-clanek .contact-box h4 {padding-left: 0;margin: 0 0 16px 0;text-align: center;}
    .id-827 .kontakt-clanek {margin-top: 32px;}
    .id-827 h1, .id-827 .art-header p{text-align: center;}
    .id-827 .art-header p{font-size: 16px;}
    .proc-denatura {padding-top: 48px;}
    .id-827 .art-header {padding-bottom: 48px;}
    .proc-denatura-in > div {padding-left: 10px;padding-right: 10px;width: calc(50% - 10px);margin: 0 5px 10px 5px}
    .proc-denatura-in > div br{display: none;}
    .proc-denatura-in {margin: 0 -5px;}
    .id-827 .postup-garance {padding-top: 48px;padding-bottom: 48px;}
    .vo-recenze {padding-top: 48px;}
    .vo-nazor {margin-right: 10px;padding: 24px;}
    .vo-recenze-in .slick-prev {left: -10px;}
    .vo-recenze-in .slick-next {right: -10px;}
    .galerie {margin-top: 64px;}
    .galerie-in img {width: 100%;padding: 0 5px;margin-bottom: 10px;}
    .galerie-in {margin: 0 -5px -10px -5px;}
    .mapa {margin-top: 48px;}
    .mapa h2 {margin: 0 0 32px 0;}
    .id-827 .faq-wrapper {margin-top: 48px;padding-bottom: 48px;}
    .id-827 .faq-wrapper .faq {margin: 0;}
}
.id-846 .art-header {padding-bottom: 0;font-size: 24px;max-width: none;margin-bottom: 232px;position: relative;}
.id-846 .art-header > p{max-width: 584px;}
.id-846 .content-wrapper::before{content: "";background: url('/user/documents/upload/Images/nas-pribeh-bg.jpg') calc(50% + 420px) 50% no-repeat !important;background-size: contain !important;position: absolute;width: 100%;height: 800px;top: -180px;z-index: -1;right: 0;}
@media screen and (min-width: 2100px){
    .id-846 .content-wrapper::before{background-position: 100% 50% !important;}
}
.tym{position: relative;margin-top: 216px;}
.tym h2{text-align: center; margin: 0 0 48px 0;}
.tym-in{display: flex; flex-wrap: wrap; margin: 0 -10px -48px -10px;}
.osoba{width: 25%; padding: 0 10px; margin-bottom: 48px;}
.osoba img{border-radius: 12px;width: 100%;}
.osoba h5{margin: 32px 0 20px 0;}
.osoba h5 span{display: block; font-size: 14px; line-height: 1.7; color: #898A8B; font-weight: 400; margin-top: 4px;letter-spacing: 0.5px;}
.osoba p{font-size: 14px; color: #575759; margin-bottom: 0 !important;max-width: 300px;}
.id-846 .sami-uzivame-in > div {margin: 0 0 40px 0;width: 20%;padding: 96px 20px 0 20px;background-size: 64px auto;background-position: 50% 0;text-align: center;}
.sami-uzivame-in > div:first-child {background-image: url("/user/documents/upload/Images/z1.png");}
.sami-uzivame-in > div:nth-child(2) {background-image: url("/user/documents/upload/Images/z2.png");}
.sami-uzivame-in > div:nth-child(3) {background-image: url("/user/documents/upload/Images/z3.png");}
.sami-uzivame-in > div:nth-child(4) {background-image: url("/user/documents/upload/Images/z4.png");}
.sami-uzivame-in > div:nth-child(5) {background-image: url("/user/documents/upload/Images/z5.png");}
.id-846 .sami-uzivame::after{content: url('/user/documents/upload/Images/zalezi-line.svg'); position: absolute; top: -64px; left: 50%; margin-left: -20px;}
.timeline{margin: 112px auto 68px auto; max-width: 940px;position: relative;}
.timeline::before{content: ""; border-left: 1px solid #B3CDBF; width: 1px; height: calc(100% + 150px); bottom: 0; left: 50%; position: absolute;z-index: 1;}
.time-box{margin-bottom: 32px; position: relative; padding: 48px; border: 1px solid #B3CDBF; border-radius: 20px;display: flex; flex-wrap: wrap;color: #575759;background-color: #fff;z-index: 2;}
.time-box .image{flex: 1 1 280px;padding-right: 40px;}
.time-box .text{flex: 1 1 calc(100% - 280px);align-self: center;}
@media screen and (min-width: 480px){
    .time-box.mirror .image{order: 2; padding-right: 0; padding-left: 40px;}
}
.time-box h3{margin: 0 0 24px 0;}
.time-box p:last-child{margin-bottom: 0 !important;}
.time-box::before{content: ""; width: 16px; height: 16px; border-radius: 50%; background-color: #B3CDBF; position: absolute; top: -8px; left: 50%; margin-left: -8px;}
.timeline::after{content: ""; position: absolute; height: calc(100% - 130px); background: url('/user/documents/upload/Images/timeline-bg2.jpg') 50% 0 repeat-y; width: 1325px; top: 130px; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);background-size: contain;margin-left: -40px;}
@media screen and (max-width: 1199px){
    .id-846 .art-header > p {max-width: 500px;}
    .id-846 .content-wrapper::before {top: -196px;}
    .id-846 .art-header {margin-bottom: 120px;}
    .id-846 .sami-uzivame-in > div {padding: 96px 10px 0 10px;}
    .id-846 .sami-uzivame-in {margin: 0 -10px;}
    .pravidla .text p::before {width: 40px;height: 34px;left: 0;top: -30px;}
}
@media screen and (max-width: 991px){
    .id-846 .two-cols .image {max-width: none;}
    .tym {margin-top: 0;}
    .tym::after {display: none !important;}
    .osoba {width: 33.3333%;}
    .id-846 .sami-uzivame-in > div {width: 50%;}
}
@media screen and (max-width: 767px){
    .id-846 .content-wrapper::before {display: none;}
    .id-846 .art-header img{margin: -30px -10px 0 -10px;width: calc(100% + 20px);max-width: none;}
    .id-846 .art-header > p {max-width: none;font-size: 16px;}
    .id-846 .art-header {margin-bottom: 48px;}
    .id-846  .two-cols .text h2 {text-align: left;}
    .id-846  .two-cols .text {margin-bottom: 0 !important;}
    .osoba {width: 50%;}
    .time-box {padding: 24px;}
    .time-box .image {flex: 1 1 140px;padding-right: 20px;}
    .time-box .text {flex: 1 1 calc(100% - 140px);}
    .time-box.mirror .image {padding-right: 0;padding-left: 20px;}
    .pravidla .text p::before {left: 50%;top: -22px;margin-left: -20px;}
    .pravidla .text p{padding-top: 10px;}
    .p-to-cart-block .add-to-cart-button, a.btn.btn-primary.watchdog {max-width: none;}
    .category-appendix{margin-top: 0;}
}
@media screen and (max-width: 479px){
    .time-box .image {flex: 1 1 100%;padding: 0 !important;}
    .time-box .text {flex: 1 1 100%;}
    .time-box .image + .text{margin-top: 24px;}
}
@media screen and (min-width: 1200px) and (max-width: 1439px){
    .socky a.social-icon.messenger{padding-left: 12px;padding-right: 12px;margin-right: 6px;font-size: 11px !important;height: 44px;line-height: 23px !important;}
}
.dalsi-rubriky + .dalsi-rubriky{display: none !important;}
#ratingTab{position: relative;}
#ratingTab >p {position: absolute;top: 193px;left: 0;width: 460px;text-align: center;}
@media screen and (max-width: 991px){
    #ratingTab > p {top: 186px;width: 100%;}
}
.type-product .latky-in div, .slozeni-in > div{background-image: none !important;padding-top: 0;}
body, div, h1, h2, h3, h4, h5, h6, .h1, .h2, .h4, p, li, a, label, input, .cart-table .main-link{font-family: 'Plus Jakarta Sans', sans-serif !important;}
@media screen and (min-width: 768px){
.top-navigation-bar{display: none;}
#header .navigation-buttons a[data-target="login"], #header .navigation-buttons a[data-target="search"], .top-nav-button-account.secondary {display: block;}
body:not(.search-window-visible) .search-form {display: none;}
}
.btn.btn-conversion, .btn.btn-primary, a.btn.btn-conversion, a.btn.btn-primary{background-color: var(--color-secondary) !important; border-color: var(--color-secondary);color: #fff !important;}
.btn.btn-conversion:hover, .btn.btn-primary:hover, a.btn.btn-conversion:hover, a.btn.btn-primary:hover{background-color: var(--color-secondary-hover) !important; border-color: var(--color-secondary-hover);}
.btn.btn-secondary, .btn.btn-default, a.btn.btn-secondary, a.btn.btn-default{background-color: var(--color-primary); border-color: var(--color-primary);color: #fff !important;}
.btn.btn-secondary:hover, .btn.btn-default:hover, a.btn.btn-secondary:hover, a.btn.btn-default:hover{background-color: var(--color-primary-hover); border-color: var(--color-primary-hover);color: #fff !important;}
.desktop .banners-row {margin-top: 0;}
.homepage-blog-wrapper .news-item .read-article {display: block;}
.welcome h1, .instagram-follow-btn{display: none;}
.footer-links-icons{display: none;}
#customerLogin .input-wrapper.email::before, #formLogin .input-wrapper.email::before {content: "E-mailová adresa:";}
#customerLogin .input-wrapper.password::before, #formLogin .input-wrapper.password::before {content: "Heslo:";}
.login-widget .password-helper{display: none;}
.popup-widget-inner {color: #343537;}
.cart-empty-visible .cart-empty-widget{display: block !important;}
.full-cart .cart-empty-widget{display: none !important;}
.category-top .subcategories{display: none;}
.aktivni-filtry .slider-header{display: block !important;}
.filter-section-count, .empty-content-category, .product-appendix{display: none !important;}
.p-to-cart-block .add-to-cart, .p-data-wrapper .detail-parameters th, .social-buttons-wrapper, .rate-wrapper-in-description{display: none;}
.type-product .tab-content > .tab-pane{display: block !important; opacity: 1;}
/*.kura6::after{content: " měsíců";}
.kura3::after{content: " měsíce";}*/
.type-product .vote-title{display: none !important;}
.watchdog-row:nth-of-type(4), .watchdog-row:nth-of-type(5){display: none;}
.p-tools{display: none !important;}
#description::before{content: "Popis přírodního produktu";}
.order-phone .header-phone{display: block;}
.summary .extra.gift:not(.darek-zdarma){display: none !important;}
.id--16 .navigation-buttons, .id--17 .navigation-buttons{display: flex;}
.id--16 #header .navigation-buttons a[data-target="search"], .id--17 #header .navigation-buttons a[data-target="search"]{display: none;}
.id--15 .content-inner {font-size: 0;letter-spacing: 0;}
.id--15 .content-inner > div{font-size: 14px;letter-spacing: 0.5px;}
.cart-empty .cart-row, .empty-contact .social-icon-list{display: none !important;}
article footer{display: none;}
#search-group-manufacturers, .no-results #products-found{display: none !important;}
.kontakt-clanek h4, .id-777 .kontakt-clanek .socky, .id-735 .kontakt-clanek .socky{display: none;}
.content .register-soc h4{display: none;}
.id--4 .content-inner{max-width: 940px;margin: 0 auto;}
.empty-content-404 > p, .empty-content-404 > h2{display: none !important;}
@media screen and (max-width: 767px){
#accordion-content .shp-accordion .shp-accordion-content {display: block;}
}
.shipping-options-popup > p{display: none !important;}
.id--4 .content .login-wrapper .password-helper{margin-top: 32px;}

body.fvStudio-Disco .fvDoplnek {flex-wrap: wrap;display: flex;margin-top: 48px;border-bottom: 0;margin-bottom: 0;}
.fvDoplnek-produkt{width: calc(50% - 10px); margin: 0 10px 20px 0;padding: 20px 20px 32px 20px;border: 1px solid #EBEBEB; border-radius: 12px;position: relative;}
.fvDoplnek-produkt:nth-of-type(2n){margin-left: 10px; margin-right: 0;}
body.fvStudio-Disco .fvDoplnek::before{content: "Přihoďte si ještě k objednávce"; width: 100%; margin-bottom: 20px; display: block;color: #000;font-size: 20px;line-height: 1.1;font-weight: 500;}
.fvDoplnek-produkt img{height: 64px !important;margin-right: 16px !important;}
.fvDoplnek-produkt button{position: absolute;right: 20px;top: 51px;-webkit-appearance: none;appearance: none;background-color: #fff;border: 1px solid #CA1858;color: #CA1858;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;padding: 0 20px;line-height: 36px;border-radius: 100px;}
.fvDoplnek-produkt button:hover{background-color: #CA1858;color: #fff;}
.fvDoplnek-text .name {font-size: 14px;text-transform: none;color: #242527;}
.fvDoplnek-text {font-size: 16px;padding-left: 0;width: 100%;display: flex;align-items: baseline;line-height: 1.2;}
.fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price {color: #242527 !important;}
.fvDoplnek-text .price {padding-left: 0;margin-left: auto;font-weight: 600;line-height: 1.1;}
div.fvDoplnek .fvDoplnek-produkt form p {padding-left: 0 !important;padding-right: 117px;font-size: 12px;line-height: 1.4;margin-top: 12px !important;}
.planetwe-wrapper-outer {margin-top: 0 !important;}
@media screen and (max-width: 1200px){
.fvDoplnek-produkt {width: 100%;margin: 0 0 20px 0 !important;}
.fvcontent{width: 100%;}
body.fvStudio-Disco .fvDoplnek-produkt .fvcontent .fvDoplnek-description{max-width: 600px;}
}
@media screen and (max-width: 767px){
.fvDoplnek-text{flex-wrap: wrap;}
.fvDoplnek-text .name{width: 100%;height: 34px;overflow: hidden;}
.fvDoplnek-text .price {margin-left: 0;margin-top: 22px;margin-bottom: 12px;}
div.fvDoplnek .fvDoplnek-produkt form p {padding-right: 0;}
.fvDoplnek-produkt button{top: 58px;}
.hodnoceni .bottom .vote-wrap .vote-time{margin: 0 auto;}
.hodnoceni .bottom .vote-wrap .vote-header .stars {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);margin: 0;width: auto;}
.dalsi-clanky .news-wrapper {margin: 0;}
.dalsi-clanky .news-wrapper > .news-item {width: 100%;margin: 0 0 32px;}
}
.ratings-and-brand a.stars-label {color: #315E45;}
.ratings-and-brand a.stars-label:hover{text-decoration: none;}
.ratings-and-brand .stars a::before{font-size: 14px;line-height: 14px;}
@media screen and (min-width: 768px){
    .ratings-and-brand .stars a::before {font-size: 16px;line-height: 16px;}
    .ratings-and-brand .stars a{width: 20px;}
    .type-index .overall-wrapper{overflow-x: hidden;}
    .category-header .dropdown-menu{z-index: 1;}
}
.p-gift-name a:hover{text-decoration: underline;}
.doruceni-popup #cboxContent{min-height: 680px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .main-banner > .top {padding-top: 32px;}
}
#manufacturer-filter{display: none !important;}
#header .dropdown > span{display: none;}
#header .dropdown button{-webkit-appearance: none;appearance: none; background-color: transparent; border: 0; font-size: 0;padding: 0;margin-right: 12px;width: 56px;background-repeat: no-repeat;background-position: 12px 50%;background-size: 24px auto;height: 24px;position: relative;}
.cz #header .dropdown button{background-image: url('/user/documents/upload/Images/cz.svg');}
.sk #header .dropdown button{background-image: url('/user/documents/upload/Images/sk.svg');}
#header .dropdown button:hover{text-decoration: underline;}
#header .dropdown button::after{content: url('/user/documents/upload/Images/sipka-cerna-dolu.svg');line-height: 1;top: 4px;position: absolute;right: 0;}
#header .dropdown.open button::after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#header .dropdown .caret{display: none !important;}
#header .dropdown .dropdown-menu a{width: 100% !important;font-size: 14px;text-align: left;height: auto !important;min-height: auto !important;line-height: 1.1 !important;color: #242527;}
#header .dropdown-menu{width: 200px;min-width: auto;top: 40px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);border: 0;border-radius: 8px;box-shadow: 0 2px 20px rgba(0,0,0,0.1);}
#header .dropdown-menu::before{content: ""; width: 16px; height: 16px; background-color: #fff; -webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; left: 50%; margin-left: -8px; top: -8px;}
#header .dropdown-menu li a{padding: 14px 12px 14px 52px; background-position: 20px 50%; background-repeat: no-repeat; background-size:24px auto;position: relative;}
#header .dropdown-menu li a::before{position: absolute;left: 36px; top: 8px;background-color: transparent;width: auto;height: auto;}
.cz #header .dropdown-menu li a.cesko::before{content: url('/user/documents/upload/Images/flag-active.svg');}
.sk #header .dropdown-menu li a.slovensko::before{content: url('/user/documents/upload/Images/flag-active.svg');}
#header .dropdown-menu li a.cesko{background-image: url('/user/documents/upload/Images/cz.svg');}
#header .dropdown-menu li a.slovensko{background-image: url('/user/documents/upload/Images/sk.svg');}
#header .dropdown-menu > li > a:hover{text-decoration: underline;}
#header .dropdown .dropdown-menu li:first-child a{border-radius: 8px 8px 0 0;}
#header .dropdown .dropdown-menu li:last-child a{border-radius: 0 0 8px 8px;}
@media screen and (max-width: 767px){
    .navigation-in .dropdown{padding: 10px;width: 92px;font-size: 14px;margin-top: 20px;border: 1px solid var(--color-g50);display: inline-block;margin-left: 20px;}
    #header .dropdown-menu {width: auto;text-align: center;top: 60px;bottom: auto;left: 0;-webkit-transform: none;transform: none;}
    #header .dropdown-menu::before {left: 26px;margin-left: 0;top: -8px;}
}
.price-measure{display: none !important;}
@media screen and (max-width: 1439px){
.type-index .news-item .text .description {max-height: 96px;overflow: hidden;}
}
#rate-form form > .row > .form-group:first-child::after, #rate-form form > .row > .form-group:nth-child(2)::after {content: "*";color: #CA1858; position: absolute; left: 60px;top: -4px;font-weight: 700;}
#rate-form form > .row > .form-group:nth-child(2)::after{left: 70px;}
@media screen and (max-width: 767px){
    #rate-form form > .row > .form-group:nth-child(2)::after {left: 61px;}
    input.form-control{font-size: 16px !important;}
}
#rate-form .stars span{cursor: pointer;}
.close:hover{opacity: 0.7;}
textarea::placeholder{opacity: 1;}
.type-post article a{text-decoration: none !important;}
.type-post article a:hover{text-decoration: underline !important;}
.news-item .text .title{font-weight: 700;}
.cart-table .p-quantity .quantity .increase:hover, .cart-table .p-quantity .quantity .decrease:hover{background-color: var(--color-g50);}
tr.removeable .remove-item:hover{opacity: 0.7;}
.toggle-coupon-input .toggle-coupon-input-button:hover{text-decoration: underline;}
select.form-control, .radio-wrapper{cursor: pointer;}
.country-flags:not(.active) .country-flag.selected:hover{text-decoration: underline;}
input[type="radio"] + label:hover::before, input[type="checkbox"] + label:hover::before, .toggle-coupon-input .toggle-coupon-input-button:hover::before {border-color: var(--color-primary);}
#checkoutContent .whole-width:hover{text-decoration: underline;}
.id--7 .breadcrumbs{-webkit-justify-content: center;justify-content: center;}
@media screen and (max-width: 767px){
    .advanced-order .products-block > div .p .p-bottom > div .p-tools .btn::before{display: none !important;}
    .advanced-order .products-block > div {margin-bottom: 0 !important;}
    .advanced-order .product-slider-holder .product-slider-pagination {margin-top: 0;}
    .vyhody-side .benefitBanner {margin-bottom: 48px;margin-top: 64px;}
}
.ordering-process #hw-87kwowifjjowiklsadh666left{display: none !important;}
.slick-dots li::before{display: none !important;}
@media screen and (min-width: 768px){
    .id-846 .art-header img{display: none !important;}
}
#product-detail-form .surcharge-label, #product-detail-form .variant-label {padding-bottom: 8px;font-size: 16px;font-weight: 500;color: #242527;}
.p-data-wrapper .advanced-parameter img{display: none;}
.p-data-wrapper .advanced-parameter{width: auto; height: auto;margin: 8px 8px 0 0;}
.p-data-wrapper .advanced-parameter-inner{width: auto;height: auto;border: 1px solid #315E45 !important;border-radius: 100px;padding: 9px 16px;font-size: 13px;line-height: 18px;font-weight: 700;color: #315E45;cursor: pointer;background-color: #fff !important;}
.p-data-wrapper .advanced-parameter-inner.yes-before, .p-data-wrapper .advanced-parameter-inner:hover {box-shadow: none !important;background-color: #315E45 !important; color: #fff;}
#product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before::before {display: none !important;}
.surcharge-list, .variant-list {padding-bottom: 28px;}
.hp-pruh{width: 100%;background-color: #000;color: #fff;text-align: center;padding: 12px;font-size: 16px;margin-top: 32px;border-radius: 8px;}
.p-to-cart-block .add-to-cart{display: block;}
@media screen and (min-width: 1200px){
    .wide .p-detail-inner .p-image-wrapper {padding: 0 40px;}
}
.cart-free-shipping{margin-left: 0;text-align: left;margin-top: 20px;max-width: none;}
.cart-free-shipping .price-range{max-width: none;}
.cart-free-shipping > div div {padding-bottom: 0;}
.cart-free-shipping > div div strong{padding-top: 0;}
.cart-free-shipping .d-zdarma .price-range {margin-top: 12px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .p-to-cart-block .p-final-price-wrapper{width: 100%;margin-bottom: 20px;}
    .p-to-cart-block .add-to-cart{margin-left: 0;}
    .p-to-cart-block .add-to-cart-button, a.btn.btn-primary.watchdog {max-width: 300px;}
    .shipping-options-layout tbody{flex-wrap: wrap;}
    .p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row {margin-left: 0;margin-top: 10px;}
}
@media screen and (min-width: 768px){
.p .image .price-save{transition: opacity .3s ease-out;}
.p:hover .image .price-save{opacity: 0;}
}
@media screen and (max-width: 767px){
    .prazdny-kosik.columns-mobile-2 .products-block {margin-left: 0;margin-right: 0;}
    #header .site-msg.information .container {min-height: auto;}
}
.spoluprace-banner{margin-top: 64px;position: relative;padding: 0 !important;border-radius: 20px;}
.spoluprace-banner img{border-radius: 20px;}
.spoluprace-banner .banner-text{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;max-width: 608px;}
.spoluprace-banner h2{margin: 0 0 24px 0;}
.spoluprace-banner p{font-size: 18px; margin-bottom: 32px !important;color: #000;}
.spoluprace-banner > a{display: block;}
.spoluprace-banner:hover {box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.spoluprace-banner:hover .btn{background-color: var(--color-primary-hover);border-color: var(--color-primary-hover);}
@media screen and (max-width: 1199px){
    .spoluprace-banner {padding: 24px 0 !important;background-color: #EDF3EF;overflow: hidden;}
    .spoluprace-banner img {-webkit-transform: scale(1.25);transform: scale(1.25);}
}
@media screen and (max-width: 991px){
    .spoluprace-banner .banner-text{width: 100%;max-width: 440px;}
    .spoluprace-banner img {-webkit-transform: scale(1.5);transform: scale(1.5);}
    .spoluprace-banner {padding: 40px 0 !important;}
}
@media screen and (max-width: 767px){
    .spoluprace-banner{margin: 40px 10px 0 10px;padding: 0 !important;height: auto;}
    .spoluprace-banner > a {display: flex;height: 100%;flex-direction: column;justify-content: flex-end;}
    .spoluprace-banner img {-webkit-transform: none;transform: none;}
    .spoluprace-banner .banner-text {max-width: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 40px;}
    .spoluprace-banner h2 {margin-bottom: 15px;}
    .spoluprace-banner p {font-size: 16px;margin-bottom: 24px !important;padding: 0 20px;line-height: 22px;}
}
.podtitul{display: inline-block;width: 100%;}
.podtitul blockquote{margin: 8px 0 0 0;display: inline-block;font-size: 14px;font-weight: 400;color: #343537;line-height: 1.7;}
.podtitul blockquote p{margin-bottom: 0 !important;}
@media screen and (max-width: 767px){
    .podtitul blockquote{font-size: 12px;line-height: 1.2;}
}

.fix-detail-header{display: flex; flex-wrap: wrap;align-items: center;position: fixed;top: 0;left: 0;background-color: #fff;width: 100%;z-index: 9999;padding: 10px 20px 10px 10px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);-webkit-transform: translateY(-100%);transform: translateY(-100%);transition: transform 1s;}
.product-line-active .fix-detail-header{-webkit-transform: translateY(0);transform: translateY(0);}
.popup-open .fix-detail-header{-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.fix-detail-header .left {width: 72px;text-align: center;}
.fix-detail-header .left img{height: 72px; width: auto;}
.fix-detail-header .right{width: 380px;}
.fix-detail-header .center{width: calc(100% - 452px);padding: 0 20px;}
.fix-detail-header .h1{font-size: 18px;margin-bottom: 12px;margin-top: 0;font-weight: 500;}
.fix-detail-header .p-to-cart-block{padding: 0; box-shadow: none;-webkit-justify-content: right;justify-content: right;flex-wrap: nowrap;gap: 0;}
.fix-detail-header .p-to-cart-block .add-to-cart-button {padding: 0 16px;height: 48px;line-height: 46px;white-space: nowrap;width: 240px;max-width: none;flex: none;}
.fix-detail-header .p-final-price-wrapper > *:not(.price-final):not(td){display: none;}
.fix-detail-header .shp-tabs-holder ul.shp-tabs::before {display: none;}
.fix-detail-header .shp-tabs-holder{margin: 0;}
.fix-detail-header .shp-tabs-holder ul.shp-tabs{text-align: left;box-shadow: none;padding: 0;border: 0;}
.fix-detail-header .shp-tabs-holder ul.shp-tabs li[data-testid="tabBrand"]{display: none;}
.fix-detail-header .shp-tabs-holder ul.shp-tabs li a {padding: 0;margin-right: 32px;font-size: 13px;}
.fix-detail-header .p-final-price-wrapper > strong {font-size: 18px;line-height: 25px;margin-bottom: 2px;}
.fix-detail-header .p-to-cart-block .p-final-price-wrapper {width: auto;margin-right: 40px;text-align: right;margin-bottom: 0;}
.fix-detail-header td .parameter-dependent{display: none;}
.fix-detail-header td {width: 100%;display: block;line-height: 15px;font-size: 14px;font-weight: 700;}
.fix-detail-header .product-appendix{display: none;}
.fix-detail-header #variants{display: none;}
.fix-detail-header .p-final-price-wrapper td .choose-variant{display: none;}
.p-final-price-wrapper .price-final-holder, .p-to-cart-block .p-final-price-wrapper .price-final-holder {font-weight: 800;font-family: 'Plus Jakarta Sans', sans-serif !important;}
@media screen and (max-width: 1800px){
    .fix-detail-header .shp-tabs-holder ul.shp-tabs li:nth-child(n+9){display: none;}
}
@media screen and (max-width: 1439px){
    .fix-detail-header .shp-tabs-holder ul.shp-tabs li:nth-child(n+7){display: none;}
}
@media screen and (max-width: 1199px){
    .fix-detail-header .shp-tabs-holder{display: none;}
    .fix-detail-header .h1 {margin-bottom: 0;}
}
@media screen and (max-width: 767px){
    .fix-detail-header .center{display: none !important;}
    .fix-detail-header .left {width: 48px;}
    .fix-detail-header .left img{opacity: 1 !important; height: 48px;margin: 0 auto;}
    .fix-detail-header .right {padding-left: 10px;width: calc(100% - 48px);}
    .fix-detail-header {top: auto;bottom: 0;-webkit-transform: translateY(200%);transform: translateY(200%);padding: 10px;box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);height: 68px;}
    .fix-detail-header .p-to-cart-block .add-to-cart-button {padding: 0;font-size: 0;width: 48px;margin: 0;line-height: 1;text-align: center;}
    .fix-detail-header .p-to-cart-block .add-to-cart-button::before {margin-right: 0;display: block;}
    .fix-detail-header .p-to-cart-block .p-final-price-wrapper {width: calc(100% - 48px);margin-right: 0; padding-right: 32px;text-align: left;}
}
.doruceni-boxy{display: flex; flex-wrap: wrap;margin: 0 -10px;}
.doruceni-boxy > div{width: calc(50% - 20px); margin: 0 10px; border: 1px solid #EBEBEB; border-radius: 20px; background: url('/user/documents/upload/Images/doruceni-box-list.svg') 0 0 no-repeat;padding: 48px 40px 35px 40px;}
.doruceni-boxy h3{margin: 0 0 24px 0;}
.doprava-radek{display: flex; flex-wrap: wrap;padding: 20px 0; border-top: 1px solid #EBEBEB;align-items: center;}
.d-img{width: 100px;}
.d-nazev{width: calc(100% - 180px); padding: 0 12px;font-size: 14px;}
.d-cena{width: 80px;font-size: 16px; font-weight: 500; color: #242527;}
.d-nazev h6{margin: 0 0 7px 0;width: 100%;}
.doprava-zdarma{width: 100%;background: url('/user/documents/upload/Images/truck-hneda.svg') no-repeat 16px 50% #F3ECE4;border-radius: 8px;padding: 8px 12px 8px 60px;margin: -8px 0 24px 0;}
.id-735 .faq-wrapper{border-top: 0;margin-top: 26px;margin-bottom: 64px;}
.id-735 .faq-wrapper h2{margin-bottom: 40px;}
.id-735 .vyhody-side .benefitBanner{margin-top: 0;}
@media screen and (min-width: 1200px) and (max-width: 1439px){
    .doprava-zdarma{font-size: 14px;}
}
@media screen and (max-width: 1199px){
    .doruceni-boxy > div {width: calc(100% - 20px);}
    .doruceni-boxy > div + div{margin-top: 40px;}
}
@media screen and (max-width: 767px){
    .id-735 .art-header{padding-bottom: 0;}
    .doruceni-boxy > div {width: calc(100% - 20px);padding: 20px;}
    .doprava-zdarma{line-height: 1.4;}
    .id-735 .faq-wrapper {margin-top: 0;padding-top: 0;}
    .id-735 .faq-wrapper h2 {margin-bottom: 24px;}
}
@media screen and (max-width: 479px){
    .d-nazev {font-size: 0;line-height: 0;width: calc(100% - 144px);}
    .d-nazev h6 {font-size: 14px;margin: 0;}
    .d-cena{font-size: 14px;}
    .d-img{width: 64px;}
}
.id-879 h1, .id-947 h1{margin: 28px 0 56px 0 !important;font-size: 48px;max-width: 580px;}
.id-879 .art-header, .id-947 .art-header{padding-bottom: 60px;margin-bottom: 80px;border-bottom: 1px solid #EBEBEB;min-height: 364px;}
.id-879 .art-header h2, .id-947 .art-header h2{margin: 0 0 32px 0;max-width: 580px;}
.id-879 .art-header p, .id-947 .art-header p{font-size: 20px;max-width: 580px;margin-bottom: 0 !important;}
.id-879 .art-header a, .id-947 .art-header a{color: #468662; text-decoration: underline;}
.id-879 .art-header a:hover, .id-947 .art-header a:hover{text-decoration: none;}
.id-947 .art-header{min-height: 330px;}
.nabizime{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.nabizime > div{padding: 0 10px; width: 50%;}
.nabizime h2{margin: 0 0 48px 0;}
.nabizime ul{padding: 0; margin: 0;}
.zaujala-banner{background: url('/user/documents/upload/Images/list-banner.svg') 0 100% no-repeat #EDF3EF; text-align: center;padding: 40px; border-radius: 12px;margin-top: 80px;}
.zaujala-banner h2{margin: 0 0 20px 0;}
.zaujala-banner p{margin-bottom: 0 !important;font-size: 18px;}
.zaujala-banner a{font-weight: 700; text-decoration: underline;color: #468662;}
.zaujala-banner a:hover{text-decoration: none;}
.spoluprace-osoby{margin-top: 100px;}
.spoluprace-osoby h2{text-align: center; margin: 0 0 40px 0;}
.osoby-in{margin: 0 -10px;}
.inf-osoba{padding: 0 10px;}
.spoluprace-osoby .slick-list{overflow: visible;}
.id-879 .overall-wrapper{overflow-x: hidden;}
.id-879 .form-faq{margin-bottom: 10px;padding-bottom: 120px;border-bottom: 1px solid #EBEBEB;border-top: 0;}
.id-879 #content-wrapper{background: url('/user/documents/upload/Images/spoluprace-bg.jpg') 100% 36px no-repeat; background-size: auto 522px;}
.id-947 #content-wrapper{background: url('/user/documents/upload/Images/kariera-bg.jpg') 100% 70px no-repeat;background-size: auto 443px;}
@media screen and (max-width: 1199px){
    .id-879 #content-wrapper {background-size: auto 380px;}
    .id-879 .art-header p, .id-879 .art-header h2, .id-879 h1{max-width: 480px;}
    .id-879 .art-header{min-height: auto;}
    .id-879 .form-faq {padding-bottom: 40px;}
}
@media screen and (max-width: 991px){
    .id-879 #content-wrapper {background: none;}
    .id-879 .art-header p, .id-879 .art-header h2, .id-879 h1 {max-width: none;}
}
@media screen and (max-width: 767px){
    .id-879 h1 {margin: 28px 0 32px 0 !important;font-size: 36px;}
    .id-879 .art-header p {font-size: 16px;}
    .id-879 .art-header {padding-bottom: 40px;margin-bottom: 40px;}
    .nabizime > div {padding: 0 10px;width: 100%;}
    .nabizime > div + div{margin-top: 24px;}
    .nabizime h2{margin-bottom: 24px;}
    .zaujala-banner{margin-top: 32px;}
    .spoluprace-osoby {margin-top: 48px;}
    .spoluprace-osoby .slick-next {right: 0;}
    .spoluprace-osoby .slick-prev {left: 0;}
}
@media screen and (min-width: 768px){
    .p-to-cart-block .add-to-cart {width: 140px;margin-right: 20px;margin-left: 0;flex: none;}
    .p-to-cart-block .add-to-cart-button, a.btn.btn-primary.watchdog{width: 240px;flex: none;}
    .p-to-cart-block {gap:0;}
    .p-to-cart-block .p-final-price-wrapper {width: calc(100% - 400px);flex: none;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .p-to-cart-block .p-final-price-wrapper {width: 100%;}
}
.prispevek{order: 2;width: 100%;margin-bottom: 0 !important;margin-top: 32px !important;padding: 28px 32px 28px 100px;background: url('/user/documents/upload/Images/tata.jpg') 20px 50% no-repeat;background-size: 64px;}
.prispevek .fvDoplnek-text .name {margin-bottom: 12px;}
body.fvStudio-Disco .fvDoplnek-produkt.prispevek .fvcontent .fvDoplnek-description {font-size: 12px;line-height: 17px;}
.prispevek .price{display: none !important;}
.fvDoplnek-produkt.prispevek button{font-size: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 32px;line-height: 0;letter-spacing: 0;}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .cart-inner .summary > div:nth-child(2) {max-width: none;width: 100%;}
    .summary .col-md-8 {width: 100%;max-width: none;}
    .cart-inner .summary{flex-wrap: wrap;}
}
@media screen and (max-width: 1199px){
    .fvDoplnek-produkt.prispevek button{right: 20px;}
}
@media screen and (max-width: 767px){
    .prispevek{padding-bottom: 64px;}
    .fvDoplnek-produkt.prispevek button {top: auto;-webkit-transform: none;transform: none;bottom: 20px;}
}
.fvDoplnek-produkt.prispevek button::after{content: "Přispět";font-size:13px;letter-spacing: 1.5px;line-height: 36px;}
.fvDoplnek-produkt.prispevek button[onclick="fvStudioAppCartUpsell.removeFromCart('171')"]::after{content: "Odebrat";}
@media screen and (min-width: 1440px){
    .container:not(.container-narrow) {width: 1340px;}
}
#odpocet{display: inline-block;}
#odpocet > div{display: inline-block;margin-right: 4px;}
#odpocet > div span{margin-right: 4px;}
.two-cols img{aspect-ratio: 1/1;}
/*.news-item-detail .text img{aspect-ratio: 320/181;}*/
.footer-banners:not(.slick-initialized){display: flex; overflow: hidden;flex-wrap: nowrap;}
.footer-banners:not(.slick-initialized) .footer-banner {width: 33.3333%;flex: 0 0 auto;}
.welcome .proc-vybrat{display: none;}
@media screen and (max-width: 767px){
    .ratings-and-brand {flex-direction: column;min-height: 43px;gap: 10px;align-items: center;}
    .produkt-widget.products-block > div .p .p-bottom > div .p-tools .btn.btn-cart::before {display: none;}
    .produkt-widget.only-product.left {padding-right: 0;float: none;width: 100%;}
}
html{opacity: 0;}
html.visible-screen{opacity: 1;}
.content .category-top, .category-top + .category-top{display: none;}
@media screen and (min-width: 1200px){
    .id--9 .advanced-order .extras-wrap{padding-right: calc(25% + 24px);}
}
@media screen and (max-width: 1199px){
    .id--9 .advanced-order .extras-wrap .do-obchodu {text-align: center;margin-top: 24px;}
}
.volne-pozice{margin-bottom: 80px;}
.volne-pozice h2{text-align: center;margin: 0 0 24px 0;}
.volne-pozice > p{text-align: center; margin: 0 auto 48px !important; max-width: 940px;}
.pozice-in{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.pozice{width: calc(50% - 20px); margin: 0 10px 20px;border: 1px solid #EBEBEB; border-radius: 12px; position: relative; display: flex; flex-wrap: wrap; padding: 20px 32px 20px 20px;}
.pozice .image{width: 140px;background-color: #F5EFE9; border-radius: 12px;display: flex;align-items: center;-webkit-justify-content: center;justify-content: center;}
.pozice .image img{height: 70px; width: auto;}
.pozice .text{width: calc(100% - 140px); padding-left: 32px;margin-bottom: 0 !important;}
.pozice h5{margin: 8px 0; text-decoration: underline;}
.pozice p{margin-bottom: 12px !important; font-size: 14px;}
.pozice span{display: inline-block; line-height: 30px; margin-right: 32px; color: #898A8B; font-size: 13px;}
.pozice span:last-child{margin-right: 0;}
.pozice > a{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.pozice:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.pozice:hover h5{text-decoration: none;}
.id-947 .two-cols{margin-bottom: 80px;}
.id-947 .two-cols ul{padding: 0; margin: 0;}
.id-947 .two-cols p{font-size: 18px;}
.id-947 .overall-wrapper{overflow-x: hidden;}
.sami-uzivame.verze2 {margin-top: 0;padding: 100px 0 44px;background-color: #F3ECE4;position: relative;}
.sami-uzivame.verze2::before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; top: 0; background-color: #F3ECE4;}
.sami-uzivame.verze2 h2, .sami-uzivame.verze2 .sami-uzivame-in{position: relative;}
.sami-uzivame.verze2 h2{margin-bottom: 40px;}
.sami-uzivame.verze2 .sami-uzivame-in{margin: 0 -20px;padding: 0;}
.sami-uzivame.verze2 .sami-uzivame-in > div{padding: 96px 20px 0;background-size: auto 64px;background-position: 50% 0;text-align: center;margin: 0 0 40px 0;}
.tym.tym-kariera {margin-top: 80px;}
.tym.tym-kariera::after{display: none;}
.tym-side{padding-bottom: 100px;border-bottom: 1px solid #EBEBEB;margin-bottom: 16px;}
@media screen and (max-width: 1439px){
    .id-947 #content-wrapper{background-size: auto 370px;}
    .pozice span{margin-right: 24px;}
}
@media screen and (max-width: 1199px){
    .id-947 #content-wrapper {background-size: auto 270px;}
    .id-947 .art-header {min-height: auto;}
    .pozice {width: calc(100% - 20px);}
}
@media screen and (max-width: 991px){
    .id-947 #content-wrapper{background: none;}
    .id-947 .art-header h1, .id-947 .art-header p {max-width: none;}
}
@media screen and (max-width: 767px){
    .id-947 h1 {margin: 28px 0 32px 0 !important;font-size: 36px;}
    .id-947 .art-header {margin-bottom: 48px;padding-bottom: 48px;}
    .pozice {margin-bottom: 10px;padding: 16px;}
    .pozice .image {width: 100%;padding: 20px;}
    .pozice .text {width: 100%;padding-left: 0;padding-top: 16px;text-align: center;}
    .pozice span {margin: 0 10px !important;}
    .volne-pozice {margin-bottom: 48px;}
    .id-947 .two-cols {margin-bottom: 48px;}
    .sami-uzivame.verze2 {padding: 48px 0 24px;}
    .tym.tym-kariera {margin-top: 48px;}
    .tym-side {padding-bottom: 48px;}
}
.news-item-detail time{margin-bottom: 24px;}
.id-950 .dalsi-clanky{display: none !important;}
.id-950.type-post article h1{margin-bottom: 16px;}
.id-950.type-post #content-wrapper{background: none;}
.top-info{text-align: center;line-height: 32px; margin-bottom: 24px;}
.top-info span{margin: 0 16px; font-size: 16px; color: #898A8B;}
.box-info{display: flex; flex-wrap: wrap; background-color: #F3ECE4; border-radius: 12px; padding: 48px; align-items: center;margin-bottom: 48px;}
.box-info .image{width: 180px;}
.box-info .text{width: calc(100% - 180px); padding-left: 48px;margin: 0;}
.news-item-detail > article div.box-info p{text-align: left !important;margin-bottom: 0 !important;}
.id-950 .news-item-detail > article > .text ul{padding: 0; margin: 32px 0;}
.cols2{display: flex;flex-wrap: wrap;margin: 24px -10px;}
.cols2 > div{width: 50%; padding: 0 10px;}
.zamestnanec{display: flex; flex-wrap: wrap; align-items: center;margin-top: 44px;}
.zamestnanec .image{width: 340px;}
.zamestnanec .text{margin: 0 !important; width: calc(100% - 340px); padding-left: 32px;}
.zamestnanec h3{margin-bottom: 16px !important;}
.news-item-detail > article .zamestnanec .text p{margin-bottom: 32px !important; font-style: italic;}
.zamestnanec .autor{font-size: 14px; line-height: 1.1;}
.zamestnanec .autor strong{display: block;margin-bottom: 4px;}
.chces-pracovat{background-color: #EDF3EF; padding: 80px 120px; border-radius: 20px; display: flex; flex-wrap: wrap;margin-top: 100px;position: relative;}
.chces-pracovat > div{width: 50%;position: relative;z-index: 1;}
.chces-pracovat .left > a{font-size: 24px; font-weight: 800; color: #CA1858;display: inline-block;line-height: 1.4;margin-bottom: 24px;}
.news-item-detail > article .chces-pracovat .left p{margin-bottom: 0 !important;}
.chces-pracovat .right h4{margin-top: 0 !important;}
.chces-pracovat .right ul li{font-size: 15px;}
.chces-pracovat .right ul{margin: 0 !important;}
.chces-pracovat::after{content: "";position: absolute;background: url('/user/documents/upload/Images/kariera-prace.png') 50% 50% no-repeat;width: 1418px;left: 50%;bottom: -40px;height: 453px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-size: cover;}
.pozice-side{margin-top: 100px;}
.pozice-side .volne-pozice {margin-bottom: 0;}
.id-950 .news-item-detail {padding-bottom: 60px;}
@media screen and (max-width: 991px){
    .chces-pracovat {padding: 40px;}
    .chces-pracovat::after{display: none;}
}
@media screen and (max-width: 767px){
    .id-950.type-post article h1 {margin-top: 0;font-size: 36px;}
    .id-950 .news-item-detail > article > .text {margin-top: 0;}
    .top-info span {margin: 0 10px;font-size: 14px;display: inline-block;}
    .box-info{padding: 20px;}
    .box-info .image {width: 100%;text-align: center;}
    .box-info .image img{height: 80px;}
    .box-info .text {width: 100%;padding-left: 0;padding-top: 20px;}
    .news-item-detail > article div.box-info p{text-align: center !important;}
    .cols2 > div {width: 100%;}
    .cols2 {margin: 0 -10px;}
    .id-950 .news-item-detail > article > .text ul {margin: 0;}
    .zamestnanec .image {width: 100%;text-align: center;}
    .zamestnanec .text {width: 100%;padding-left: 0;padding-top: 20px;}
    .chces-pracovat{margin-top: 48px;padding: 24px;}
    .chces-pracovat > div {width: 100%;}
    .chces-pracovat > div br{display: none;}
    .pozice-side {margin-top: 48px;}
    .chces-pracovat .left > a {font-size: 20px;}
    .chces-pracovat > div.right{margin-top: 32px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .custom-footer > div {width: 50%;}
}
@media screen and (max-width: 479px){
    .produkt-widget.only-product {width: 100%;padding: 0 !important;}
}
.endline{clear: both;}
.ordering-process .shoproku-sticky-widget{display: none !important;}
@media screen and (max-width: 767px){
   .shoproku-sticky-widget{display: none !important;}
   .type-product #smartsupp-widget-container > div:not([data-testid="widgetMessengerFrame"]){transition: bottom 1s;}
   .type-product.product-line-active #smartsupp-widget-container > div:not([data-testid="widgetMessengerFrame"]){bottom: 92px !important;}
}
.sk .footer-banner.vypln .btn{font-size: 0;letter-spacing: 0;}
.sk .footer-banner.vypln .btn::after{content: "Zaslať svoju premenu"; font-size: 13px;letter-spacing: 2px;}
blockquote .vice{display: none;}
.faq-item a, article a:not(.btn){text-decoration: underline !important;}
.faq-item a:hover, article a:not(.btn):hover{text-decoration: none !important;}
@media screen and (max-width: 1199px){
    #checkoutContent .form-group:not(.phone-form-group) input {width: 100%;}
    .smart-labels-active #checkoutContent .smart-label-wrapper label{width: 100%;}
}
.latky + .slozeni{margin-top: 70px;}
.two-cols a:not(:hover):not(.btn){text-decoration: underline;}
.id-827 .kontakt-clanek .contact-box ul a {font-size: 18px !important;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .id-827 .kontakt-clanek .contact-box ul a {font-size: 14px !important;}
    .id-827 .kontakt-clanek .contact-box ul .tel {margin-right: 24px;}
}
.client-center-box li:nth-child(n+7), .client-center-box li:nth-child(5){display: none;}
.slovnik-menu {margin-bottom: 38px;margin-top: 48px;}
.slovnik-menu > div{display: flex; flex-wrap: wrap;}
.slovnik-menu a:not(.btn) {border: 1px solid #242527;min-width: 40px;display: block;height: 40px;margin-right: 10px; margin-bottom: 10px; text-align: center;text-decoration: none !important;line-height: 38px;color: #242527;font-weight: bold;padding: 0 10px;font-size: 14px;}
.slovnik-menu a:not(.btn):hover{background-color: #242527; color: #fff;}
.slovnik-seznam > div{border-bottom: 1px solid #eee;margin-bottom: 24px;}
.top-nav-button-logout.primary.logout{display: none !important;}


.customer-page .sidebar {width: 340px;padding-right: 0;}
.customer-page .sidebar-inner {padding: 32px 0 0;}
.customer-page .content{padding-left: 60px;}
.customer-page .sidebar-inner > div.box-sm {margin: 0;padding: 0;border: 0;}
.client-center-box ul {padding: 0; margin: 0;list-style: none;display: flex;flex-wrap: wrap; border: 1px solid #EBEBEB;border-radius: 8px;position: relative;}
.client-center-box ul li a{color: #000;line-height: 1.2;padding: 16px 32px;display: block;font-size: 14px;}
.client-center-box ul li a:hover{text-decoration: underline !important;}
.client-center-box ul li{border-bottom: 1px solid #EBEBEB;width: 100%;}
.client-center-box ul li.logout{margin: 0;border-bottom: 0;position: absolute;top: 51px;left: 103px;width: auto;}
.client-center-box ul li.logout a.btn{background: none !important;border: 0 !important;color: #315E45 !important;font-size: 14px;font-weight: 400 !important;text-transform: none;line-height: 1.7;text-align: left;padding: 0;text-decoration: underline;background: none !important;}
.client-center-box ul li.logout a.btn:hover{text-decoration: none !important;}
.customer-page .benefitBanner {margin-top: 0 !important;}
.client-center-box ul li:first-child a{padding: 29px 24px 57px 103px;position: relative;font-size: 16px;line-height: 1.1;font-weight: 500;}
.client-center-box ul li:first-child a::before{content: url('/user/documents/upload/Images/user.svg');border-radius: 50%;position: absolute;left: 32px;top: 24px;height: 56px;width: 56px;text-align: center;background-color: #EDF3EF;line-height: 62px;}
.customer-page .vyhody-side{margin-top: 80px;}
.client-center-box ul li:last-child{border-bottom: 0;}
.client-center-box ul li:last-child a {border-radius: 0 0 12px 12px;overflow: hidden;}
.client-center-box ul li.active:not(:first-child) a{background-color: #EDF3EF;color: #315E45;position: relative;}
.client-center-box ul li.active:not(:first-child) a::after{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 4px;background-color: #468662;}
.id--12 h1{margin-bottom: 16px;}
.id--12 h1 + h2{margin: 0 0 20px 0;font-size: 20px;color: #343537;}
@media screen and (min-width: 1200px){
.customer-page .table th, .customer-page .table td {border: 0;font-size: 14px; line-height: 1.1; padding: 23px 0; text-align: left;}
.customer-page .table tr{border-bottom: 1px solid #EBEBEB;}
}
.customer-page .table td a:not(:hover){text-decoration: underline;}
.customer-page .table th{color: #242527;font-weight: 400;}
.customer-page .table td {color: #898A8B;}
.customer-page .table td strong{color: #242527;font-size: 16px;}
.customer-page .table td a, .customer-page .table td a strong{color: #315E45;}
.customer-page h1{font-size: 48px;}
.customer-page #content {padding-top: 32px;}
.client-content{margin-top: 48px;}
.klient-materialy h3{margin: 0 0 24px;}
.materialy-in{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.materialy-in > a{background: url('/user/documents/upload/Images/soubor.svg') 24px 50% no-repeat #EDF3EF;width: calc(25% - 20px);margin: 0 10px 20px;padding: 24px 52px;border-radius: 8px;color: #315E45;text-decoration: underline;position: relative;font-size: 15px;line-height: 1.2;display: flex;flex-direction: column;justify-content: center;}
.materialy-in > a:hover{text-decoration: none;}
.materialy-in > a::after{content: url('/user/documents/upload/Images/sipka-zelena-dolu.svg'); position: absolute; right: 24px;}
.klient-skoleni{margin-top: 44px;}
.klient-skoleni h3{margin: 0 0 32px;}
.skoleni-in{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.skoleni-video{width: 50%; padding: 0 10px; margin-bottom: 48px;}
.skoleni-video h4{margin: 20px 0;}
.skoleni-video p{color: #000;margin-bottom: 20px !important;}
@media screen and (max-width: 1439px){
    .materialy-in > a {width: calc(100% - 20px);}
}
@media screen and (max-width: 1199px){
    .customer-page .sidebar {width: 280px;}
    .customer-page .content {padding-left: 32px;}
}
@media screen and (max-width: 991px){
    .skoleni-video {width: 100%;}
}
@media screen and (max-width: 767px){
    .customer-page .sidebar {width: 100%;}
    .customer-page #content {padding-top: 0;padding-left: 0;}   
    .customer-page h1 {font-size: 36px;}
}
.obj-detail h1{margin-bottom: 24px !important;}
.obj-detail h1 + h2{margin: 0 0 8px 0;font-size: 20px;line-height: 1.7;}
.obj-detail h1 + h2 + div{display: flex;justify-content: space-between;}
.obj-detail h1 + h2 + div .btn::before, .obj-detail .cart-table tr.row-summary dl .btn::before{content: url('/user/documents/upload/Images/znovu.svg'); display: inline-block; vertical-align: middle; line-height: 1; margin-right:12px;}
.obj-detail h1 + h2 + div p{margin-bottom: 0 !important;}
.obj-detail h1 + h2 + div p:first-child{font-size: 14px;line-height: 24px;color: #898A8B;}
.obj-detail h1 + h2 + div p:last-child{margin-top: -42px !important;}
.obj-detail .content-inner h2:not(:first-of-type) {margin: 28px 0 32px 0;}
.obj-detail .content-inner > .row {margin: 0 -10px -32px -10px;display: flex;flex-wrap: wrap;}
.obj-detail .content-inner > .row > div{padding: 0;margin: 0 10px 32px 10px;width: calc(50% - 20px);}
.obj-detail .content-inner > .row > div a{color: #515256;}
.obj-detail .content-inner > .row h4{margin: 0 0 24px 0;}
.obj-detail .content-inner h2:not(:first-of-type){margin-top: 32px;padding-top: 40px;border-top: 1px solid #EBEBEB;margin-bottom: 24px;font-size: 24px;}
.id--18 .content .client-link.bottom-1rem a:not(:hover), .obj-detail .content-inner > .row > div a:not(:hover){text-decoration: underline;}
.obj-detail .cart-table {border-spacing: 0 8px;}
.obj-detail .cart-table tr td.p-name a {color: #242527;display: block;font-size: 14px;line-height: 1.4;font-weight: 600;margin-bottom: 5px;}
.obj-detail .cart-table tr td.p-name br{display: none;}
.obj-detail .cart-table th{padding-bottom: 20px;font-size: 14px;line-height: 1.2;color: #242527;font-weight: 400;border-bottom: 1px solid #EBEBEB;}
.obj-detail .cart-table thead th:first-child{visibility: hidden;}
.obj-detail .cart-table thead tr {border-bottom: 0;}
@media screen and (min-width: 992px){
    .obj-detail .cart-table .p-name{width: 48%;}
}
.obj-detail .cart-table td:nth-child(2) strong{font-weight: 400;color: #898A8B;}
.obj-detail .cart-table td:last-child{color: #1F2124;font-size: 16px;text-align: right !important;padding-right: 24px;}
.obj-detail .cart-table th:last-child{text-align: right !important; padding-right: 24px;}
.obj-detail .cart-table td:last-child strong{font-weight: 600;}
.obj-detail .cart-table tr > td{padding-top: 24px;padding-bottom: 24px;font-size: 14px;color: #898A8B;line-height: 1.1;}
.obj-detail .cart-table tr:nth-last-child(2) td:nth-child(3), .obj-detail .cart-table tr:nth-last-child(2) td:nth-child(4),
.obj-detail .cart-table tr:nth-last-child(3) td:nth-child(3), .obj-detail .cart-table tr:nth-last-child(3) td:nth-child(4){color: #898A8B;}
.obj-detail .cart-table tr:nth-last-child(2) td, .obj-detail .cart-table tr:nth-last-child(3) td{color: #1F2124;}
.obj-detail .cart-table tr.row-summary > td{padding: 0;border: 0 !important;}
.obj-detail .cart-table tr.row-summary dl{display: flex;margin: 57px 0 0 auto;max-width: 460px;flex-wrap: wrap;font-size: 14px;color: #242527;align-items: baseline;background-color: #F3ECE4;padding: 32px;border-radius: 12px;position: relative;}
.obj-detail .cart-table tr.row-summary dl::before{content: url('/user/documents/upload/Images/obj-lupen.svg'); position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: -41px;}
.obj-detail .cart-table tr.row-summary dt{width: 55%;padding-top: 8px;text-align: left;}
.obj-detail .cart-table tr.row-summary dd{width: 45%;margin: 0 !important;padding-top: 8px;text-align: right;}
.obj-detail .cart-table tr.row-summary dt:first-of-type{padding-top: 0;font-weight: 600;font-size: 13px;}
.obj-detail .cart-table tr.row-summary dd:first-of-type{padding-top: 0;font-weight: 500;font-size: 24px;line-height: 1.2;}
.obj-detail .cart-table tr.row-summary{border: 0 !important;position: relative;}
.obj-detail .cart-table{border-bottom: 0 !important;}
.obj-detail .cart-table tr.row-summary dl .btn{width: 100%;margin-top: 28px;}
.obj-detail .cart-table tr.row-summary .contact-box{position: absolute; top: 57px; left: 0;background: url("/user/documents/upload/Images/header-contact-lady.png") 0 0 no-repeat; background-size: 74px auto; padding-left: 100px;}
.row-summary .contact-box h6{font-size: 20px;margin: 0 0 24px;}
.row-summary .contact-box ul li > span::before{display: none;}
.row-summary .contact-box ul {font-size: 20px;line-height: 1.1;display: flex;flex-direction: column-reverse;}
.row-summary .contact-box ul li{margin-bottom: 16px;}
.row-summary .contact-box ul li a{text-decoration: underline;font-weight: 500;}
.row-summary .contact-box ul li a:hover{text-decoration: none;}
.row-summary .contact-box ul .tel::after {font-size: 13px;display: block;line-height: 1.4;margin-top: 6px;}
.obj-detail .content-wrapper-in {padding-bottom: 64px;border-bottom: 1px solid #EBEBEB;}
@media screen and (min-width: 768px) and (max-width: 991px){
    .benefitBanner__item {flex: 1 1 calc(50% - 40px);flex-direction: row;}
    .benefitBanner__content {text-align: left;padding-left: 16px;}
}
@media screen and (max-width: 1439px){
    .row-summary .contact-box ul {font-size: 18px;}
    .obj-detail .cart-table tr.row-summary .contact-box{padding-left: 90px;}
}
@media screen and (max-width: 1199px){
    .obj-detail .cart-table tr.row-summary dl {max-width: none;}
    .obj-detail .cart-table tr.row-summary > td{padding-bottom: 200px;}
    .obj-detail .cart-table tr.row-summary .contact-box {top: auto;bottom: 0;}
}
@media screen and (max-width: 991px){
    .obj-detail h1 + h2 + div {display: block;}
    .obj-detail h1 + h2 + div p:last-child {margin-top: 20px !important;}
    .obj-detail .cart-table tr > td {padding-top: 0;padding-bottom: 20px;}
    .obj-detail .cart-table thead{display: none !important;}
}
@media screen and (max-width: 767px){
    .obj-detail .content-inner > .row > div {width: calc(100% - 20px);}
    .obj-detail .cart-table tr.row-summary dl{padding: 20px 10px;}
    .customer-page .breadcrumbs{display: none;}
    .customer-page .sidebar-inner {padding: 0;}
}
.id-972 .news-item-detail article iframe{width: 100% !important; height: 530px !important;}
.news-item-detail article hr{background: url('/user/documents/upload/Images/hr.svg') 50% 50% no-repeat; height: 40px;width: 100%;border: 0;margin: 40px 0;}
.zakaznice-produkt{display: flex; flex-wrap: wrap;align-items: stretch;}
.zakaznice-produkt .zakaznice{width: 60%;margin: 0;border: 0;height: auto;}
div.zakaznice-produkt p.produkt-widget {width: 40%;margin: 0 !important;}
.zakaznice-produkt .zakaznice .bottom h4{font-size: 24px; margin: 0 0 12px !important;}
.zakaznice-produkt .zakaznice .bottom {padding: 80px;background-color: #EDF3EF;height: 100%;}
.zakaznice-produkt .zakaznice .bottom {font-size: 20px;}
.zakaznice-produkt .zakaznice .bottom > p:first-of-type {margin-bottom: 16px !important;font-size: 14px;}
.zakaznice-produkt .zakaznice .autor::after {content: url("/user/documents/upload/Images/verified_white.svg");}
.zakaznice-produkt .p-in-in {padding-bottom: 0;}
.zakaznice-produkt .products-block > div .p .p-bottom > div .p-tools {padding: 12px 0 0;}
.id-972 .dalsi-clanky {margin-top: 48px;padding-top: 80px;border-top: 1px solid #EBEBEB;}
.obsah-clanku{background-color: #EDF3EF;padding: 64px;border-radius: 20px;margin-bottom: 40px;margin-top: -16px;}
.obsah-clanku::before{content: "Obsah článku"; font-size: 32px; margin-bottom: 32px; display: block;color: #242527;line-height: 1.1;font-weight: 500;}
.obsah-clanku ul{padding: 0 !important; margin: 0 !important;font-size: 15px;}
@media screen and (max-width: 991px){
    .zakaznice-produkt .zakaznice .bottom {padding: 32px;}
    .zakaznice-produkt {align-items: center;}
}
@media screen and (max-width: 767px){
    .type-post article h1 {font-size: 36px;margin-bottom: 0;}
    .news-item-detail article > div p:nth-child(2) > iframe{height: 320px !important;}
    .obsah-clanku {padding: 32px 20px;}
    .zakaznice-produkt .zakaznice {width: 100%;}
    div.zakaznice-produkt p.produkt-widget {width: calc(100% + 20px);margin: 0 -10px !important;}
    .id-972 .dalsi-clanky {margin-top: 32px;padding-top: 48px;}
    .type-product .vote-form{z-index: 99999;}
    .login-widget #customerLogin #formLoginIncluded .form-control {height: 40px;}
    .login-widget .registrace-box > p:nth-of-type(-n+2), .login-widget .registrace-box > p:nth-of-type(5){display: none;}
    .category-top::before{display: none;}
}
.p-image img{aspect-ratio: 2/3;}
.id-864 #filters-wrapper, .id-742 #filters-wrapper{display: none !important;}
.benefitBanner__link {align-items: center;}
.fvDoplnek:not(.ready){opacity: 0;}
.id--9.darek-nenastaven .darek-zdarma{visibility: hidden;}
.darek-nenastaven .cart-widget-bottom .darek-zdarma > span, .darek-nenastaven .advanced-order .darek-zdarma{display:none;}
p.video-short, .news-item-detail > article > .text p.video-short{position: relative;overflow: hidden;width: 100%; padding-top: 76%;max-width: 400px; margin-left: auto !important;margin-right: auto !important;}
p.video-short video{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%; height: 100%;}
@media screen and (max-width: 479px){
    p.video-short, .news-item-detail > article > .text p.video-short{padding-top: 150%;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .benefitBanner__item {flex:none;width: calc(33.3333% - 20px);}
    .benefitBanner__item br{display: none;}
    .benefitBanner {-webkit-justify-content: center;justify-content: center;flex-wrap: wrap;}
}
@media screen and (max-width: 767px){
    .benefitBanner__item br{display: none;}
    .vote-form .form-group > .form-control {height: 38px;}
    .vote-form form textarea.form-control {height: 80px !important;padding: 12px 16px;}
    .vote-form form .form-group.consents-first {margin: -20px 0 20px;}
    .vote-form form{max-height: calc(100vh - 20px);}
}
article a.benefitBanner__link{text-decoration: none !important;}
article a.benefitBanner__link:hover{text-decoration: underline !important;}
article .vyhody-side{margin-bottom: 44px;}
.vyhody-detail{display: flex; flex-wrap: wrap;}
.vyhody-detail > div{width: 33.3333%; padding: 0 32px 24px 0;display: flex; flex-wrap: wrap;align-items: center;}
.vyhody-detail.dve > div{width: 50%;}
.vyhody-detail .image{width: 32px;}
.vyhody-detail .text{width: calc(100% - 32px);padding-left: 12px;font-size: 13px;line-height: 17px;font-weight: 700;color: #242527;}
@media screen and (max-width: 991px){
    .vyhody-detail{margin-bottom: 12px;}
}
@media screen and (max-width: 767px){
    .vyhody-detail .text {padding-left: 10px;font-size: 12px;line-height: 16px;}
}
@media screen and (max-width: 479px){
    .vyhody-detail > div{padding: 0 10px;align-items: flex-start;}
    .vyhody-detail {align-items: flex-start;}
    .vyhody-detail .image {width: 100%;}
    .vyhody-detail .image img{height: 32px; margin: auto;display: block;}
    .vyhody-detail .text{width: 100%; text-align: center;padding: 0;margin-top: 8px;margin-bottom: 10px;}
}
.flag.flag-sleva-navic{display: none !important;}
.sleva-navic{position:relative;background: url('/user/documents/upload/Images/procenta.svg') 12px 50% no-repeat #FAE8EE; padding: 6px 12px 6px 52px; color: #CA1858;font-size: 13px; line-height: 1.3;text-align: left;margin-top: 12px;border-radius: 4px;}
.sleva-navic strong{color: #CA1858;}
.sleva-navic::after{content: ""; width: 12px; height: 12px; -webkit-transform: rotate(45deg);transform: rotate(45deg);background-color: #FAE8EE; position: absolute; top: -6px; right: 22px;}
.p-data-wrapper .sleva-navic{margin: 0 0 15px;width: 100%;padding: 11px 12px 11px 56px;font-size: 14px;line-height: 1.7;background-position: 20px 50%;}
.p-data-wrapper .sleva-navic::after{right: auto; left: 28px; top: auto; bottom: -6px;}
.fix-detail-header .sleva-navic{display: none;}
@media screen and (max-width: 767px){
    .product .sleva-navic{padding: 32px 10px 10px;text-align: center;background-position: 50% 6px;font-size: 11px;background-size: 24px auto;}
    .product .sleva-navic::after{right: calc(50% - 6px);}
}
.rady-tipy > a{display: inline-block; margin-bottom: 24px; font-weight: 700;text-decoration: underline;}
.rady-tipy > a:hover{text-decoration: none;}
.proc-denatura + .zakaznice-side{margin-top: 64px;}
.id-984 .art-header{padding: 0;min-height: 396px;display: flex;flex-wrap: wrap;flex-direction: column;-webkit-justify-content: center;justify-content: center;}
.id-984 h1 {margin-bottom: 40px;}
.id-984 .art-header p{margin-bottom: 40px !important;}
@media screen and (min-width: 992px){
.id-984 .art-header p:last-of-type{margin-bottom: 0 !important;}
}
.id-984 .dokonalost .bottom > div {background: #F5EFE9;}
.id-984 .dokonalost::before, .id-984 .dokonalost::after {display: none;}
.id-984 .dokonalost {padding: 64px 0 0;margin-bottom: 80px;margin-top: 80px;border-top: 1px solid #EBEBEB;}
.id-984 .dokonalost h2{text-align: center; margin: 0 0 40px;}
.id-984 .dokonalost .bottom > div:not(:last-child)::after {top: 232px; bottom: auto;}
.two-cols .sleva-navic {padding: 12px 20px 12px 52px;font-size: 14px;line-height: 1.7;margin-top: 0;margin-bottom: 40px;}
.two-cols .sleva-navic::after{display: none;}
.buttons{display: flex;flex-wrap: wrap;}
.buttons .btn + .btn{margin-left: 20px;}
.buttons .btn{padding-left: 32px !important; padding-right: 32px !important;}
.buttons .btn.btn-default{background-color: #fff;border: 1px solid #315E45;color: #315E45 !important;}
.buttons .btn.btn-default:hover{background-color: #315E45;border-color: #315E45;color: #fff !important;}
.testerky .video-pribehy-in .slick-slide iframe {position: relative;height: 450px;border-radius: 8px;}
.testerky .video-pribehy-in .slick-slide{padding-bottom: 0;height: auto;text-align: center;}
.testerky .video-pribehy-in .slick-slide p{padding: 0 10px; font-size: 14px;margin-bottom: 0 !important;}
.video-pribehy.testerky{text-align: center;margin: 0;padding: 80px 0;position: relative;}
.video-pribehy.testerky::before{content: ""; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background-color: #F3ECE4; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.id-984 .overall-wrapper, .type-post.id-712 .overall-wrapper{overflow-x: hidden;}
.video-pribehy.testerky > *{position: relative; z-index: 1;}
.two-cols.green{margin-top: 80px; background: url('/user/documents/upload/Images/vyzva-listy.svg') 100% 100% no-repeat #EDF3EF; border-radius: 24px;margin-bottom: 80px;}
.two-cols.green .text {margin-right: 80px;}
.sleva-navic.white{background-color: #fff;}
.id-984 .faq{margin-bottom: 16px;padding-bottom: 70px;}
.id-984 .faq h2{margin-bottom: 40px;}
.two-cols.green .image img{margin: 32px auto;display: block;}
@media screen and (max-width: 1439px){
    .two-cols.green .text {margin-right: 0;max-width: 440px;}
}
@media screen and (max-width: 1199px){
    .id-984 .art-header p {max-width: 480px;}
    .id-984 .dokonalost .bottom{flex-wrap: wrap;}
    .id-984 .dokonalost .bottom > div {background: #F5EFE9;width: calc(50% - 20px);margin-bottom: 20px;}
    .id-984 .dokonalost .bottom > div:not(:last-child)::after{display: none;}
    .id-984 .dokonalost{margin-bottom: 60px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .two-cols.green .text {position: relative;left: 40px;z-index: 1;}
}
@media screen and (max-width: 991px){
    .id-984 .art-header p {max-width: none;}
    .two-cols.green .text {max-width: none;padding: 32px 32px 0;}
}
@media screen and (max-width: 767px){
    .id-984 h1 {margin-bottom: 30px;font-size: 36px;}
    .id-984 .art-header p {font-size: 18px;}
    .id-984 .dokonalost {margin-bottom: 40px;margin-top: 40px;padding-top: 40px;}
    .id-984 .dokonalost .bottom {margin: 0;}
    .id-984 .dokonalost .bottom > div {width: 100%;margin-bottom: 10px;margin-top: 0;}
    .two-cols.green .text {padding: 32px 20px 0;}
    .two-cols.green{margin-bottom: 64px;}
    .id-984 .faq {border-bottom: 1px solid #EBEBEB;margin-bottom: 0;padding-bottom: 48px;}
}
@media screen and (max-width: 479px){
    .buttons .btn{width: 100%;}
    .buttons .btn + .btn{margin-top: 16px; margin-left: 0;}
    .two-cols.green .image img {margin: 0 auto;}
}
.type-post.id-712 .news-item-detail > article > .text {max-width: none;}
.pagination-loader .btn{font-size: 0;letter-spacing: 0;}
.pagination-loader .btn::before{content: "Další přírodní produkty";font-size: 13px;letter-spacing: 2px;vertical-align: middle;display: inline-block;}
.load-next-wrap{display: none !important;}
.id-1017 #content-wrapper, .id-1017 #content {padding-top: 0;}
.id-1017 .art-header{padding: 24px 0 60px; position: relative;background-color: #EDF3EF;}
.id-1017 .art-header::before, .fotky-pred-po::before{content: ""; width: calc(100vw - 18px); height: 100%; position: absolute; top: 0%; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #EDF3EF;}
.id-1017 .art-header > *:not(.header-video){position: relative;}
.id-1017 .art-header .breadcrumbs{margin-bottom: 48px;}
.id-1017 .art-header > *:not(.header-video):not(.breadcrumbs){max-width: 710px;}
.id-1017 .art-header h4{margin: 32px 0 24px;}
.id-1017 .buttons .btn{line-height: 42px;padding: 0 24px !important;height: 44px;font-size: 12px;}
.id-1017 .buttons .btn::after{content: url('/user/documents/upload/Images/sipka-zelena-dolu.svg'); display: inline-block; vertical-align: middle; line-height: 1; margin-left:12px;}
.id-1017 .buttons .btn:hover::after{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.id-1017 .header-video {top: 66px;width: 580px;}
.video-res{position: relative;overflow: hidden;width: 100%; padding-top: 56.25%;}
.video-res iframe{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%; height: 100%;}
.jak-postupovat{margin-top: 100px;}
.jak-postupovat h2{margin: 0 0 16px; text-align: center;}
.jak-postupovat > p{text-align: center; margin-bottom: 35px !important;}
.jak-postupovat-in{display: flex; flex-wrap: wrap;margin: 0 -20px;-webkit-justify-content: space-around;justify-content: space-around; counter-reset: steps;}
.jak-postupovat-in > div{width: 25%; padding: 0 20px;margin-bottom: 40px; text-align: center;position: relative;}
.jak-postupovat-in > div:nth-child(-n+3){width: 33.3333%;padding: 0 calc(7% - 20px);}
.jak-postupovat-in > div::before{content: counter(steps)'.';counter-increment: steps;display: block;font-size: 64px;line-height: 1;color: #315E45; font-weight: 500;margin-bottom: 32px;}
.jak-postupovat-in > div h6{font-size: 16px; line-height: 18px; height: 36px; margin: 0 0 16px;}
.jak-postupovat-in > div:not(:nth-child(3)):not(:last-child)::after{content: url('/user/documents/upload/Images/jak-postupovat-cara.svg');position: absolute;top: 24px;line-height: 1;right: -110px;}
.vztahuje{margin-top: 40px;}
.vztahuje h3{margin: 0 0 32px; text-align: center;}
.vztahuje-in{display: flex; flex-wrap: wrap;justify-content: center;margin: 0 -10px;}
.vztahuje-in > div{width: calc(25% - 20px);margin: 0 10px 20px;}
.vztahuje-in > div a{border: 1px solid #EBEBEB;border-radius: 8px; padding: 20px;display: flex; align-items: center;}
.vztahuje-in > div img{height: 80px; width: auto; border-radius: 8px; margin-right: 20px;}
.vztahuje-in > div a:hover{border-color: #468662;}
.vztahuje-in > div span{font-size: 14px;line-height: 1.2;}
.fotky-pred-po{margin-top: 60px;padding: 80px 0 60px;position: relative;background-color: #F3ECE4;}
.fotky-pred-po::before{background-color: #F3ECE4;}
.fotky-pred-po > *{position: relative;}
.fotky-pred-po h2{margin: 0 0 40px; text-align: center;}
.fotky-in{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.fotky-in img{width: calc(25% - 20px); margin: 0 10px 20px;border-radius: 8px;}
.empty-contact .contact-box h6 span{font-size: 14px; display: block;font-weight: 400;line-height: 1.7;margin-top: 8px;}
.id-1017 .empty-contact .contact-box h6{display: block;max-width: none; width: 640px; margin-right: 0; padding-right: 20px;height: auto;}
.id-1017 .empty-contact {max-width: none;margin-top: 60px;}
.id-1017 .empty-contact .contact-box ul{width: calc(100% - 640px);}
.id-1017 .empty-contact .contact-box{flex-wrap: wrap;}
.id-1017 .empty-contact .contact-box li::before{display: none;}
.id-1017 .faq-wrapper{padding-bottom: 70px;border-top: 0;}
@media screen and (min-width: 1200px) and (max-width: 1439px){
    .id-1017 .buttons .btn + .btn {margin-left: 0;margin-top: 10px;}
}
@media screen and (max-width: 1439px){
    .id-1017 .art-header > :not(.header-video):not(.breadcrumbs) {max-width: 560px;}   
    .id-1017 .empty-contact .contact-box ul {width: calc(100% - 500px);}
    .id-1017 .empty-contact .contact-box h6 {width: 500px;}
}
@media screen and (max-width: 1199px){
    .id-1017 .art-header > :not(.header-video):not(.breadcrumbs) {max-width: none;}
    .id-1017 .header-video {top: auto;width: 100%;position: relative;margin-top: 40px;}
    .jak-postupovat-in > div:not(:nth-child(3)):not(:last-child)::after {display:none;}
    .id-1017 .empty-contact .contact-box h6 {width: 100%;}
    .id-1017 .empty-contact .contact-box ul {width: 100%;margin-top: 24px;-webkit-justify-content: center;justify-content: center;}
}
@media screen and (max-width: 991px){
    .jak-postupovat > p br{display: none;}
    .jak-postupovat-in > div {width: 50% !important;padding: 0 20px !important;}
    .vztahuje-in > div {width: calc(50% - 20px);}
    .fotky-in img {width: calc(50% - 20px);}
    .id-1017 .empty-contact .contact-box ul {flex-direction: row-reverse;}
    .id-1017 .empty-contact .contact-box ul li {margin: 0 20px;}
}
@media screen and (max-width: 767px){
    .id-1017 .art-header::before, .fotky-pred-po::before {display: none;}
    .id-1017 .art-header {margin: 0 -10px;padding-left: 10px;padding-right: 10px;padding-bottom: 32px;}
    .id-1017 .art-header .breadcrumbs {margin-bottom: 0;}
    .id-1017 .buttons .btn + .btn {margin-top: 16px;margin-left: 0;}
    .id-1017 .buttons .btn{width: 100%;}
    .jak-postupovat {margin-top: 48px;}
    .jak-postupovat-in > div::before {font-size: 48px;}
    .fotky-pred-po {margin: 32px -10px 0;padding: 40px 10px 20px;}
    .vztahuje {margin-top: 12px;}
    .id-1017 .empty-contact .contact-box ul {display: block;text-align: center;margin-top: 0;}
    .id-1017 .empty-contact .contact-box ul li {width: 100%;text-align: center;display: block;max-width: none;margin: 0;}
    .id-1017 .empty-contact .contact-box ul li:first-child{margin-bottom: 16px;}
    .id-1017 .empty-contact {margin: 48px 0 32px 0;}
    .id-1017 .faq-wrapper .faq {margin: 0;}
}
@media screen and (max-width: 479px){
    .jak-postupovat-in > div {width:100% !important;padding: 0 !important;}
    .jak-postupovat-in {margin: 0;}
    .vztahuje-in > div {width: 100%; margin: 0 0 10px;}
    .vztahuje-in{margin: 0;}
    .fotky-in{margin: 0;}
    .fotky-in img{width: 100%; margin: 0 0 10px;}
}
.varianty{display: flex; flex-wrap: wrap;margin-bottom: 32px;}
.varianty::before{content: "Zvolte typ řasenky:"; display: block; font-size: 18px; line-height: 1.1; color: #000; font-weight: 600; margin-bottom: 18px;width: 100%;}
.varianty > div{margin-right: 5px;width: auto;}
.varianty a, .varianty span{font-size: 14px; line-height: 42px; color: #343537; border: 1px solid #EBEBEB; border-radius: 100px; padding: 0 12px 0 40px; position: relative;display: block;}
.varianty span{color: #315E45; background-color: #EDF3EF; border-color: #468662;}
.varianty a::before, .varianty span::before{position: absolute; content: ""; width: 20px; height: 20px; border-radius: 50%; left: 12px; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.varianty .cerna > *::before{background-color: #000;}
.varianty .hneda > *::before{background-color: #B18876;}
.varianty a:hover{border-color: #468662; color: #315E45; text-decoration: underline;}