/*OBECNÉ*/

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

@font-face {
    font-family: Inter;
    src: url("/user/documents/fonty/Inter-Light.ttf");
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url("/user/documents/fonty/Inter-Regular.ttf");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url("/user/documents/fonty/Inter-Medium.ttf");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url("/user/documents/fonty/Inter-SemiBold.ttf");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url("/user/documents/fonty/Inter-Bold.ttf");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Tenor Sans";
    src: url("/user/documents/fonty/Fahkwang-Light.ttf");
    font-weight: 300;
    font-display: swap;
}

:root {
    --template-font: Inter, sans-serif !important;
    --template-headings-font: "Tenor Sans", sans-serif !important;
    --size-h1: 34px;
    --size-h2: 32px;
    --size-h3: 24px;
    --size-h4: 18px;
    --size-h5: 16px;
    --size-h6: 14px;
    --size-body: 16px;
    --size-smaller: 14px;
    --main-border-color: #DADADA;
    --nav-height: 56px;
    --wide-container: 1440px;
    --narrow-container: 1340px;
}

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

#signature a.image img {
    margin-bottom: 6px;
}

#signature a img.remedio-logo {
    width: 67px;
}

#signature {
    align-items: center;
    flex: 0 0 auto;
}

.footer-bottom {
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.remedio-signature {
    display: inline-flex;
    align-items: center;
    margin-right: 11px;
    opacity: 0;
    cursor: default;
}

.remedio-signature a {
    cursor: default;
}

.remedio-logo {
    margin: 0 7px 0 8px;
}

.remedio-spaceman {
    margin-right: 10px;
}

body {
    font-size: var(--size-body);
    color: var(--color-secondary);
    font-weight: 300;
    line-height: 1.4;
}

h1, .h1 {
    font-size: var(--size-h1);
}

h2, .h2 {
    font-size: var(--size-h2);
}

h3, .h3 {
    font-size: var(--size-h3);
}

h4, .h4 {
    font-size: var(--size-h4);
}

h5, .h5 {
    font-size: var(--size-h5);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    color: var(--color-secondary);
    text-transform: uppercase;
}

.link-like, a {
    color: var(--color-secondary);
}

#header, .entrance-protection h1 {
    color: var(--color-secondary);
}

/*HEADER*/

@media (min-width: 768px) {
    .header-top > div {
        flex: 0 1 auto;
    }

    .header-top .search {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .header-top .site-name-wrapper {
        margin-right: 80px;
    }

    .header-top #formSearchForm {
        max-width: 100%;
        width: 450px;
    }

    .header-top #formSearchForm .form-control, .header-top #formSearchForm .btn {
        height: 50px;
    }

    .header-top #formSearchForm .form-control {
        border-color: var(--main-border-color);
        border-radius: 20px 0 20px 0;
        background-image: url("/user/documents/upload/kodovani/magnifier.svg");
        background-size: 23px 23px;
        background-position: 14px center;
        background-repeat: no-repeat;
        padding-left: 50px;
    }

    .header-top #formSearchForm ::placeholder {
        color: #a19d9d;
    }

    .header-top #formSearchForm .btn {
        padding: 10px 24px;

        background: linear-gradient(277.85deg, #9F0250 12.11%, #C20B66 100%);
        border: none;
        border-radius: 20px 0 20px 0;
    }

    .header-contact {
        line-height: 1.4;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .myhours {
        font-size: 13px;
        font-weight: 300;
        color: #272727;
    }

    .header-contact a {
        font-weight: 500;
        color: #272727;
    }

    .header-contact a:hover {
        color: #272727;
    }

    .header-contact > div {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-contact__phone::before, .header-contact__mail::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px;
        mask-image: url("/user/documents/upload/kodovani/phone.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #C20B66;
    }

    .header-contact__mail::before {
        mask-image: url("/user/documents/upload/kodovani/mail.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/mail.svg");
    }

    #header .cart-count span {
        display: none !important;
    }

    .header-top .btn.cart-count:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 32px;
        height: 32px;
        mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #272727;
        margin: 0;
    }

    .navigation-buttons {
        display: flex;
        gap: 16px;
        align-items: center;
        margin-left: auto;
    }

    .navigation-buttons > * {
        width: auto !important;
        height: auto !important;
        display: block !important;
        background-color: transparent !important;
        padding: 0 !important;
    }

    .dkLabFavHeaderIconBtn {
        display: block;
    }

    .dkLabFavHeaderIconBtn::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 32px;
        height: 32px;
        mask-image: url("/user/documents/upload/kodovani/heart.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/heart.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #272727;
        margin: 0;
    }

    .navigation-buttons > a[data-target=login]:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 32px;
        height: 32px;
        mask-image: url("/user/documents/upload/kodovani/user.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/user.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #272727;
        margin: 0;
    }

    .top-navigation-bar {
        display: none;
    }

    .header-top {
        height: auto;
        padding: 32px 0;
    }

    .navigation-in {
        font-size: var(--size-body);
        line-height: 1;
        background-color: transparent;
    }

    .navigation-in a {
        color: var(--color-secondary);
    }

    .navigation-in > ul > li {
        border: none;
    }

    .navigation-in > ul > li > a {
        position: relative;
        display: flex;
        align-items: center;
        height: var(--nav-height);
        color: #fff;
    }

    .navigation-in > ul > li.ext > a {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .navigation-in > ul > li.ext > a::after {
        content: "";
        width: 11px;
        height: 6px;
        position: relative;
        display: inline-block;
        mask-image: url("/user/documents/upload/kodovani/arrow-down.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/arrow-down.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #fff;
        transition: transform ease 300ms;
    }

    .navigation-in > ul > li.ext.exp > a::after {
        transform: rotate(180deg);
    }

    .navigation-in ul li a b {
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: .1em;
    }

    #navigation {
        position: relative;
        z-index: 1;
        height: var(--nav-height);
    }

    .menu-helper {
        height: var(--nav-height);
        font-size: var(--size-body);
        line-height: 1;
        top: auto;
        bottom: 0;
    }

    .menu-helper:after {
        width: var(--nav-height);
        line-height: var(--nav-height);
        background-color: transparent;
        color: #fff;
    }

    .menu-helper>ul>li a:hover, .menu-helper>ul>li a {
        color: var(--color-secondary);
    }

    #header {
        position: relative;
        background-color: #fff;
    }

    #header::after {
        content: "";
        display: block;
        position: absolute;
        width: calc(100vw - var(--scrollbar-width));
        height: var(--nav-height);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background: linear-gradient(277.85deg, #9F0250 12.11%, #C20B66 100%);
    }

    body {
        transition: all ease 300ms;
    }

    body.submenu-visible::before {
        content: "";
        position: fixed;
        background-color: rgba(0, 0, 0, .58);
        width: 100%;
        height: 100%;
        z-index: 1002;
    }

    body.submenu-visible #navigation {
        z-index: 1003;
        position: relative;
    }

    body.submenu-visible #header, body.submenu-visible .top-navigation-bar {
        position: relative;
        z-index: 1003;
    }

    .navigation-in > ul > li.exp > a, .navigation-in > ul > li > a:hover {
        color: #C20B66;
        background-color: #fff;
    }

    .navigation-in > ul > li.ext.exp > a::after {
        background-color: #C20B66;
    }

    .navigation-in > ul > li.ext > ul > li {
        align-items: flex-start;
        break-inside: avoid-column;
        column-break-inside: avoid;
        width: auto;
        padding: 0 50px 30px 0;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul:has(.menu-item-all) > li:not(:nth-child(-n+4)), #navigation .mymenu .menu-level-3:has(.menu-item-all) > li:not(:nth-child(-n+4)) {
        display: none;
    }

    .navigation-in > ul > li.ext > ul > li > a.menu-image {
        display: none;

        padding: 0;
        width: 56px;
        height: 56px;
    }

    .navigation-in > ul > li.ext > ul > li > a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-width: unset;
        max-height: unset;
        object-position: center;
    }

    .mymenu .menu-level-2 img {
        width: 56px;
        height: 56px;
        object-fit: contain;
    }

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

    .navigation-in > ul > li.ext > ul > li > div > a {
        font-weight: 500;
    }

    .navigation-in ul.menu-level-2 a {
        color: var(--color-secondary);
    }

    .navigation-in > ul > li.ext > ul > li > div > ul {
        display: flex;
        flex-direction: column;
        max-height: unset;
        align-items: flex-start;
    }

    .navigation-in .has-third-level div > ul a {
        color: var(--color-secondary);
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul, .mymenu .menu-level-2 {
        display: block;
        columns: 4;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul {
        padding: 16px 60px;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul > li > a {
        font-weight: 300;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul > li {
        margin-bottom: 6px;
    }

    .navigation-in > ul > li.exp > ul {
        width: var(--wide-container);
        left: 50%;
        transform: translateX(-50%);
    }

    .mymenu-wrapper {
        display: none;
        position: absolute;
        background-color: #fff;
        border-color: var(--main-border-color);
        left: 50%;
        top: calc(100%);
        z-index: 1001;
        transform: translateX(-50%);
        width: var(--narrow-container);
        padding: 16px 70px;
        gap: 20px;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > .mymenu-wrapper {
        display: flex;
    }

    .navigation-in .mymenu-wrapper ul.menu-level-2 {
        top: auto;
        left: auto;
        position: relative;
        width: auto;
    }

    .navigation-in ul.menu-level-2 li a {
        padding: 0;
    }

    .mymenu-wrapper .mymenu-banners {
        flex: 0 0 420px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .mymenu > ul > li {
        display: flex !important;
        align-items: flex-start;
        break-inside: avoid-column;
        column-break-inside: avoid;
        padding: 0 50px 30px 0;
    }

    .mymenu > ul > li .menu-level-3 {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 4px;

        line-height: 1.3;
    }

    .mymenu > ul > li > a.menu-image {
        padding: 0;
        flex-shrink: 0;
        width: 56px;
        height: 56px;
        margin-right: 24px;
    }

    .mymenu > ul > li > div > a {
        font-weight: 500;
        margin-bottom: 8px;
    }

    .mymenu > ul > li > div > ul > li {
        margin-bottom: 5px;
    }

    .mymenu > ul > li > div > ul > li a {
        font-weight: 300;
    }

    #navigation .mymenu-banner {
        aspect-ratio: 420/286;
        overflow: hidden;
    }

    #navigation .mymenu-banner a {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 24px;
        width: 100%;
        height: 100%;
        transition: none;
    }

    #navigation .mymenu-banner a img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        object-fit: cover;
        transition: transform ease 300ms;
        border-radius: 60px 0 60px 0;
    }

    #navigation .mymenu-banner:hover a img {
        transform: scale(1.05);
    }

    .mymenu-highlighted {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }

    .mymenu-highlight {
        width: calc(25% - 15px);
    }

    #navigation .mymenu-highlight a {
        padding: 8px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid var(--main-border-color);
        font-weight: 300;
    }

    #navigation .mymenu-highlight a:hover {
        color: var(--color-secondary);
        text-decoration: underline;
    }

    #navigation .mymenu-highlight a .img-holder {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }

    #navigation .mymenu-highlight a .img-holder img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .mymenu-banner__title {
        position: relative;
        z-index: 1;
        max-width: 280px;
        font-size: var(--size-h2);
        font-family: var(--template-headings-font);
        text-transform: uppercase;
        line-height: 1.2;
    }

    .mymenu-banners > div:nth-child(even) .mymenu-banner__title {
        color: #fff;
    }

    .mymenu-banners > div:nth-child(odd) a:hover .mymenu-banner__title {
        color: var(--color-secondary) !important;
    }

    .mymenu-favourites__inner {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }

    .mymenu-favourite {
        width: calc(12.5% - 18px);
    }

    #navigation .mymenu-favourite a {
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    #navigation .mymenu-favourite a:hover {
        text-decoration: underline;
        color: var(--color-secondary);
    }

    .mymenu-favourite .img-holder {
        overflow: hidden;
        border-radius: 50%;
        border: 1px solid var(--main-border-color);
    }

    .mymenu-highlight__title {
        font-weight: 300;
        line-height: 1.4;
        font-size: 13px;
    }

    .mymenu-favourites__title {
        margin: 0 0 12px;
    }

    .mymenu-favourites {
        margin: 16px 0 0;
    }

    .navigation-in ul.menu-level-2 li a:hover {
        text-decoration: underline;
        color: var(--color-secondary);
    }

    .navigation-buttons > a[data-target=cart] i {
        background-color: var(--color-secondary-hover);
    }

    .navigation-buttons > a[data-target=cart] i {
        top: auto;
        bottom: -7px;
    }

    .ordering-process.id--16 #navigation, .ordering-process.id--16 #navigation, .ordering-process.id--17 #navigation {
        display: none;
    }

    .ordering-process.id--16 #header::after, .ordering-process.id--17 #header::after {
        content: none;
    }

    .ordering-process.id--16 #header, .ordering-process.id--17 #header {
        border-bottom: 12px solid ##AE5780;
    }

    li.menu-item-all {
        display: block !important;
        margin-top: 5px;
    }

    li.menu-item-all > a {
        color: #679C63 !important;
        font-weight: 500 !important;
        display: flex !important;
        align-items: flex-end;
        gap: 5px;
        font-size: var(--size-smaller);
    }

    li.menu-item-all > a::after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 12px;
        mask-image: url("/user/documents/upload/kodovani/black-chevron-left.svg");
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/black-chevron-left.svg");
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        transform: rotate(270deg);
        background-color: #679C63;
    }

    .navigation-in > ul > li.ext > ul > li > div > a {
        margin-bottom: 5px;
    }
}

.language-switcher {
    position: relative;
    border-bottom: 1px solid transparent;
    z-index: 1001;
}

.language-switcher:has(.language-dropdown.active) {
    border-color: #e1e1e1;
}

.language-current {
    display: flex;
    align-items: center;
    column-gap: 5px;
    cursor: pointer;
}

.language-current::after {
    content: "";
    width: 8px;
    height: 5px;
    position: relative;
    display: inline-block;
    mask-image: url(/user/documents/upload/kodovani/arrow-down.svg);
    -webkit-mask-image: url(/user/documents/upload/kodovani/arrow-down.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #000;
    transition: transform ease 300ms;
}

.language-current:has(+.language-dropdown.active)::after {
    transform: rotate(180deg);
}

.language-dropdown {
    display: none;
}

.language-dropdown.active {
    display: block;
    position: absolute;
    top: 100%;
    padding-top: 5px;
}

.btn.btn-default, a.btn.btn-default {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn.btn-default:hover, a.btn.btn-default:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
}

.btn, a.btn {
    font-family: var(--template-headings-font);
    text-transform: none;
    line-height: 1.6;
    font-size: var(--size-body);
}

/*OBECNÉ*/

.homepage-box {
    background-color: transparent;
    border: none !important;
}

.type-index .dkLabVisitedContainer {
    display: none;
}

/*CAROUSEL*/

.homepage-box.before-carousel {
    padding-bottom: 0;
    margin-bottom: 0;
}

.mobile .row.banners-row:has(#carousel) {
    padding-top: 20px;
    margin: 0;
}

.homepage-box.before-carousel .row.banners-row > div:has(.next-to-carousel-banners) {
    display: none;
}

.homepage-box.before-carousel .row.banners-row > div:has(#carousel) {
    width: 100%;
}

.homepage-box.before-carousel .row.banners-row {
    margin: 0;
}

.carousel-control.left, .carousel-control.right {
    opacity: 1;
    width: 80px;
}

.carousel-control.left:before, .carousel:hover .carousel-control.left:before {
    left: 32px;
}

.carousel-control.right:before, .carousel:hover .carousel-control.right:before {
    right: 32px;
}

.carousel-control.left:before, .carousel-control.right:before {
    content: "";
    width: 32px;
    height: 32px;
    margin-top: 0;
    mask-image: url("/user/documents/upload/kodovani/arrow-left-circle.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 24px;
    -webkit-mask-image: url("/user/documents/upload/kodovani/arrow-left-circle.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 24px;
    background-color: #AE5780;
}

.carousel-control.right:before {
    transform: rotate(180deg);
}

.mycontrols {
    position: absolute;
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    bottom: 8px;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin: 0;
}

.mycontrols li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
}

.mycontrols li::before {
    content: "";
    position: relative;
    width: 10px;
    height: 10px;
    border: 1px solid #F8EFEB;
    background-color: transparent;
    border-radius: 50%;
}

.mycontrols li.active::before {
    background-color: #fff;
}

.mobile .mycontrols {
    justify-content: center;
    margin-right: 0px;
}

/*USP*/


.benefitBanner.position--benefitHomepage::before, .benefitBanner.position--benefitHomepage::after {
    content: none;
}

.usps-loader {
    position: relative;
    width: calc(100vw - var(--scrollbar-width));
    left: 50%;
    transform: translateX(-50%);

    margin-block: 50px;
}

.benefitBanner {
    position: relative;
    margin: 0 auto 0;
    padding: 28px 0 !important;
    width: calc(100vw - var(--scrollbar-width)) !important;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(90vw - var(--scrollbar-width));
}

.benefitBanner .benefitBanner__picture img {
    filter: invert(1);
}

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

.benefitBanner::before {
    display: block;

    content: "" !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;

    background: linear-gradient(277.85deg, #9F0250 12.11%, #C20B66 100%);
}

/*MAIN CLAIM*/

.main-claim {
    text-align: center;
    line-height: 1.2;
    margin: 32px 0 40px;
    text-transform: none;
}

.main-claim span {
    display: block;
}

/*HP PRODUKTY*/

.whole-wrap {
    padding: 0;
    position: relative;
    z-index: 2;
    margin-bottom: 55px;
}

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

.myproducts-swiper .products-block {
    margin: 0;
    flex-wrap: nowrap;
    position: relative;
    z-index: 2;
}

.in-index .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    position: relative;
}

.h4.homepage-group-title, h4.homepage-group-title {
    font-size: var(--size-h3);
    display: flex;
    margin: 40px 0 24px;
    text-transform: uppercase;
}

.swiper-pagination {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: -22px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    width: 26px;
    height: 10px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.swiper-pagination-bullet::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid var(--color-secondary);
    background-color: #fff;
    border-radius: 50%;
}

.swiper-pagination-bullet-active::before {
    background-color: var(--color-secondary);
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 171px;
    width: 32px;
    height: 32px;
}

.swiper-button-next {
    transform: rotate(180deg);
}

.swiper-button-next:hover::after, .swiper-button-prev:hover::after {
    background-color: #F7DBD4;
}

.swiper-button-prev {
    left: -16px;
}

.swiper-button-next {
    right: -16px;
}

.swiper-button-prev::after, .swiper-button-next::after {
    content: "" !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-color: #F7DBD4;
    border-radius: 50%;
    transition: all ease 300ms;
    background-image: url("/user/documents/upload/kodovani/chevron-left.svg");
    background-size: 4px 8px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: unset;
    opacity: 1;
}

.swiper-button-next.swiper-button-disabled::after, .swiper-button-prev.swiper-button-disabled::after {
    background-color: #F7DBD4;
    opacity: .5;
}

/*TOP BANNERS*/

.top-banners-title {
    margin: 55px 0 24px;
}

.next-to-carousel-banners > div {
    margin: 0 !important;
    overflow: hidden;
}

.next-to-carousel-banners {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.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 {
    transform: none;
}

.next-to-carousel-banners .extended-banner-texts {
    padding: 40px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.next-to-carousel-banners .extended-banner-title {
    background-color: transparent;
    border: none;
    box-shadow: none;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    padding: 0;
    font-family: var(--template-headings-font);
    font-size: var(--size-h2);
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}

.next-to-carousel-banners > div:first-child .extended-banner-title {
    color: #000;
}

.next-to-carousel-banners > div:has(a):hover img {
    transform: scale(1.03);
}

/*PRODUKTY*/

.products > div {
    border: none !important;
}

.swiper .products-block.products > div {
    padding: 0;
}

.products-block .p a.image, .dvpnProducts__item__image, .additional-product .img-holder {
    margin: 0 0 16px;
    background-color: #F9F9F9;
}

.products-block .p a.image img {
    mix-blend-mode: multiply;
}

.products-block.products .p .name {
    color: var(--color-secondary);
    margin: 0 0 6px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0;
}

.products-block .ratings-wrapper {
    min-height: unset;
    padding: 0;
    margin-bottom: 6px;
}

.products-block .ratings-wrapper .availability {
    flex: 0 0 100%;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
}

.products-block.swiper-wrapper {
    flex-wrap: nowrap;
}

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

.myadditional-price {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 6px;
}

.price-standard {
    color: var(--color-secondary);
    font-size: var(--size-body);
}

.btn, .next-step, .price-additional, .price-final, .price-measure, .price-save, .price-standard, .price-wrapper, .products .name, ol.cart-header {
    font-family: var(--template-font);
}

.price-save {
    color: #E31156;
    font-size: var(--size-body);
    padding: 4px;
    border: 1px solid #E31156;
    line-height: 1;
}

.price-save:has(.empty:not(.noDisplay)) {
    display: none;
}

.products-block .p-bottom > div {
    min-height: 52px;
}

.products-block .p-bottom .prices {
    flex-basis: 100%;
}

.products-block .p-bottom .p-tools {
    display: none;
}

/*BENEFITY*/

.benefitBanner__picture {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    margin-right: 16px;
}

.benefitBanner__picture img {
    object-fit: contain;
}

.benefitBanner__item, .multiple-columns-body .benefitBanner__item, .benefitBanner__link {
    flex: 0 1 auto;
    width: auto;
    margin: 0;
}

.benefitBanner__link {
    width: 100%;
}

.benefitBanner {
    justify-content: space-between;
}

.benefitBanner__title {
    font-family: var(--template-headings-font);
    font-weight: 600;
    font-size: var(--size-h6);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #fff;
}

.benefitBanner__data {
    color: #fff;
    font-size: var(--size-smaller);
    line-height: 1.3;
    margin-top: 4px;
}

.benefitBanner {
    margin: 80px 0;
}

.type-index .benefitBanner {
    margin-block: 10px;
}

.benefitBanner__link:hover {
    text-decoration: none;
    opacity: 1;
}

.benefitBanner__link:hover .benefitBanner__title {
    text-decoration: underline;
}

/*NEJOBLÍBENĚJŠÍ KATEGORIE*/

.footer-banner .extended-banner-texts > *:not(.extended-banner-link) {
    display: none;
}

.footer-banner .extended-banner-texts {
    display: flex;
    flex-direction: column;
    padding: 24px;
    align-items: center;
    justify-content: flex-end;
}

.footer-banner .extended-banner-texts > .extended-banner-link {
    font-family: var(--template-headings-font);
    font-size: var(--size-h4);
    box-shadow: none;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px solid #F8EFEB;
    padding: 13px 37px 11px;
    border-radius: 50px;
    margin: 0;
    color: #F8EFEB;
    background-color: transparent;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: auto;
    border-radius: 30px 0 30px 0;
}

.footer-banners::before, .footer-banners::after {
    content: none;
}

.footer-banners {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    margin: 24px 0 0;
}

.footer-banners > div {
    float: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.footer-banners > div {
    grid-row: span 1;
    grid-column: span 1;
}

.footer-banners > div:first-child {
    grid-row: 1 / span 4;
}

.footer-banners > div:nth-child(2), .footer-banners > div:nth-child(3), .footer-banners > div:nth-child(7), .footer-banners > div:nth-child(6) {
    grid-row: span 2;
}

.footer-banners > div:nth-child(5) {
    grid-row: span 3;
}

.footer-banner a {
    display: block;
    width: 100%;
    height: 100%;
}

.footer-banner a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: unset;
}

.footer-banner a:hover img {
    transform: scale(1.05);
}

/*INSPIRUJTE SE*/

.inspiration h3 {
    text-align: center;
    margin: 0 0 32px;
}

.inspiration-inner {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.inspiration-inner > div {
    grid-row: span 1;
    grid-column: span 1;
    position: relative;
}

.inspiration-inner > div:nth-child(2) {
    grid-row: span 2;
}

.inspiration-inner div svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

svg g.label {
    cursor: pointer;
}

svg g.label g.description {
    opacity: 0;
    transition: all ease 300ms;
}

.mobile svg g.label g.description {
    opacity: 1;
}

svg g.label:hover g.description {
    opacity: 1;
}

/*FOOTER*/

.custom-footer {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    gap: 0 70px;
    border: none;
}

.custom-footer__newsletter {
    position: relative;
    max-width: var(--narrow-container);
    margin-inline: auto;
    padding: 55px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
}

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

.custom-footer__newsletter::after {
    display: inline-block;

    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    left: 50%;
    transform: translateX(-50%);

    background-color: #F9F9F9;
}

.custom-footer__newsletter::before {
    display: inline-block;

    content: "";
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 320px;
    left: calc(50% - 250px);
    transform: translateX(-50%);
    background-image: url("/user/documents/upload/kodovani/obalky-new.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
}

.footer-newsletter__inner {
    max-width: 500px;
    text-align: center;
    margin-left: 500px;
}

.newsletter-header h4 {
    font-size: var(--size-h2);
    text-transform: none;
    line-height: 1.2;
}

#formNewsletterWidget input {
    height: 50px;
    background-color: #fff;
    border: none;
    border-radius: 20px 0 20px 0;
    padding-right: 150px;
}

#formNewsletterWidget ::placeholder {
    color: transparent;
}

#formNewsletterWidget button[type="submit"]::before {
    content: none;
}

#formNewsletterWidget button[type="submit"] {
    height: 50px;
    font-family: var(--template-headings-font);
    padding: 5px 24px;
    background-color: #C20B66;
    border-color: #C20B66;
    border-radius: 20px 0 20px 0;
}

#formNewsletterWidget button[type="submit"]:hover {
    background-color: #d36a9c;
    border-color: #d36a9c;
}

#formNewsletterWidget .consents label {
    padding: 0;
}

#formNewsletterWidget .consents {
    margin-top: 16px;
}

#formNewsletterWidget .consents a {
    text-decoration: underline;
}

#formNewsletterWidget .consents a:hover {
    text-decoration: none;
    color: var(--color-secondary);
}

#formNewsletterWidget br {
    display: none;
}

#footer .site-name {
    display: none;
}

.custom-footer > .custom-footer__banner1, .custom-footer > .custom-footer__contact, .custom-footer > .custom-footer__instagram {
    display: none;
}

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

.custom-footer > div .banner {
    margin: 0;
}

.custom-footer > div.custom-footer__banner5 {
    width: 100%;
}

.myfooter-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    margin-top: 32px;
}

.payments-n-logistic {
    display: flex;
    flex-shrink: 0;
    gap: 8px;
    align-items: center;
}

.payments-n-logistic > div {
    width: 90px;
    height: 32px;
    border: 1px solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myfooter-contact > a {
    margin-bottom: 24px;
}

.myphone::before, .mymail::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    mask-image: url("/user/documents/upload/kodovani/phone.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #C20B66;
}

.mymail::before {
    mask-image: url("/user/documents/upload/kodovani/mail.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/mail.svg");
}

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

.myphone a, .mymail a {
    font-weight: 500;
}

.myphone span {
    font-size: 13px;
    margin-left: 8px;
}

.myphone, .mymail {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    line-height: 23px;
}

.socials {
    display: flex;
    gap: 16px;
    margin-top: 24px;
}

#footer h4 {
    position: relative;
    font-size: var(--size-h5);
    margin: 0 0 16px;
    padding-bottom: 8px;
}

#footer h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 1px;
    background-color: #DADADA;
}

#footer .contact-box a, #footer .news-item-widget a, #footer .password-helper a, #footer ul a {
    color: #575757;
}

#signature a {
    color: var(--color-secondary);
}

#footer > .footer-rows {
    padding: 0 20px;
}

/*OZDOBILI JSME*/

.decorated-inner {
    max-width: 330px;
    position: relative;
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 8px;
    line-height: 1.2;
    margin-right: 150px;
    margin-left: auto;
}

.decorated {
    margin: 200px auto 80px;
    background-color: #F9F9F9;
    border-radius: 40px 0 40px 0;
    position: relative;
}

.decorated::before {
    content: "";
    position: absolute;
    width: 645px;
    height: 370px;
    background-image: url("/user/documents/upload/kodovani/pocitadlo-image-new.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    left: 60px;
    bottom: 0;
}

.decorated-title, .decorated-rest {
    font-size: var(--size-h3);
    font-family: var(--template-headings-font);
}

.decorated-number {
    color: #3D0E31;
    font-size: 56px;
    font-weight: 700;
}

.mobile .decorated, .mobile .myratings, .mobile .myinstagram {
    padding: 0;
}

/*IG WIDGET*/

.myinstagram {
    margin: 80px auto;
}

.myinstagram-title {
    margin: 0;

    line-height: 1.8;
}

.myinstagram-title a {
    position: relative;
    top: -5px;
}

.myinstagram-link {
    text-transform: none;
    color: #575757;
}

.myinstagram-link:hover {
    color: #575757;
    text-decoration: unset;
}

.myinstagram__inner {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
}

.myinstagram__inner > a {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.myinstagram__inner > a:first-child {
    grid-row: span 2;
    grid-column: span 2;
}

.myinstagram__inner > a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all ease 300ms;
}

.myinstagram__inner > a:hover img {
    transform: scale(1.05);
}

/*HEUREKA HP*/

.myratings {
    margin: 80px auto;
}

.myratings-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.reccomends {
    display: flex;
    align-items: center;
}

.reccomends .img-holder {
    position: relative;
    display: flex;
    align-items: center;
    gap: 32px;
    padding-right: 36px;
    margin-right: 32px;
}

.reccomends .img-holder::after {
    content: "";
    position: absolute;
    display: block;
    height: 77px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    background-color: #d8d8d8;
}

.reccomends .img-holder span {
    display: block;
    color: #1E1E1E;
    font-size: var(--size-h3);
    font-weight: 700;
    max-width: 185px;
    line-height: 1.1;
}

.heureka-all {
    color: #575757;
    line-height: 1.1;
    max-width: 150px;
}

.heureka-all a {
    color: #575757;
    text-decoration: underline;
}

.heureka-all a:hover {
    text-decoration: none;
    color: #575757;
}

.myratings-inner {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}

.myratings-inner > div {
    width: calc(25% - 15px);
    padding: 32px;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    margin: 0;
    min-height: 310px;
    display: flex;
    flex-direction: column;
}

.myratings-inner .vote-time, .myratings-inner .vote-delimeter, .myratings-inner .vote-rating {
    display: none;
}

.myratings-inner .vote-pic > * {
    display: none;
}

.myratings-inner .vote-pic {
    min-width: unset;
    padding: 0;
    width: 24px;
    height: 24px;
    mask-image: url("/user/documents/upload/kodovani/user.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/user.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: var(--color-secondary);
    flex-shrink: 0;
    margin-right: 8px;
}

.myratings-inner .vote-name {
    margin: 0;
    color: #1e1e1e;
}

.myratings-inner .vote-content {
    color: #575757;
    font-size: var(--size-body);
    margin-top: 16px;
    margin-bottom: 16px;
}

.myratings-inner .vote-header {
    display: flex;
    align-items: center;
    margin: 0;
}

.content-wrapper.latest-contribution-box {
    display: none;
}

.my-stars {
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: .1em;
    font-size: var(--size-smaller);
    font-weight: 700;
    margin-top: auto;
}

/*DETAIL KATEGORIE*/

.type-category #content-wrapper {
    opacity: 0;
    transition: opacity ease 300ms;
}

#productsTop .myadditional-price {
    display: none;
}

.whole-wrap:has(#productsTop) .swiper-button-next, .whole-wrap:has(#productsTop) .swiper-button-prev {
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0;
}

.whole-wrap:has(#productsTop) .swiper-button-next {
    right: 0;
    transform: translateY(-50%) rotate(180deg);
}

.whole-wrap:has(#productsTop) .swiper-button-prev {
    left: 0;
}

.products-inline > div .p .p-in .p-in-in .name {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
    overflow: hidden;
}

.whole-wrap:has(#productsTop) {
    margin: 0 0 50px;
    padding: 0 50px;
}

.p .name, .p .name:hover, .p:hover .name {
    color: var(--color-secondary);
}

#productsTop {
    flex-wrap: nowrap;
    margin: 0;
}

#productsTop .button-wrapper {
    display: none;
}

.products-top > div.inactive {
    display: block !important;
    height: auto;
    overflow: visible;
    position: relative;
    transform: none;
}

.products-inline.products-top > div {
    padding: 0;
    margin: 0;
}

.products-inline > div .p .p-in .p-in-in {
    padding-right: 0;
}

.products-inline > div .p .p-in .p-in-in .ratings-wrapper {
    margin-bottom: 5px;
}

.p-image-wrapper {
    position: sticky;
    top: 10px;
}

.type-category .dkLabVisitedProductsNew {
    margin-left: 20px;
    margin-right: 20px;
}

.navigation-home-icon-wrapper:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    left: auto;
    margin: 0;
    top: auto;
    background-color: var(--color-secondary);
    mask-image: url("/user/documents/upload/kodovani/house.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/house.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    bottom: 2px;
}

.navigation-home-icon-wrapper #navigation-first a::after {
    top: 3px;
}

.navigation-home-icon-wrapper #navigation-first a {
    padding: 0;
}

.breadcrumbs {
    display: block;
    border: none;
    flex-wrap: wrap;
    margin: 16px 0;
}

.breadcrumbs > span > a:after {
    content: "";
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    mask-image: url("/user/documents/upload/kodovani/black-chevron-left.svg");
    mask-repeat: no-repeat;
    mask-size: 6px 11px;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/black-chevron-left.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 6px 11px;
    -webkit-mask-position: center;
    background-color: var(--color-secondary);
    margin: 0 6px;
    transform: rotate(180deg);
    flex-shrink: 0;
}

.breadcrumbs > span > a:before {
    content: none;
}

.breadcrumbs > span > a, .breadcrumbs > span > span {
    display: inline;
    padding: 0;
    font-weight: 300;
}

.breadcrumbs > span > a {
    min-height: unset;
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
}

.breadcrumbs > span > a:hover {
    text-decoration: none;
    color: var(--color-secondary);
}

.breadcrumbs, .breadcrumbs a {
    color: var(--color-secondary);
}

.sidebar-indented .content .sidebar {
    margin-left: 0;
    margin-right: 20px;
}

.sidebar {
    width: 310px;
}

.sidebar-indented .category-content-wrapper {
    width: calc(100% - 330px);
}

.category-title {
    margin: 18px 0 35px;
    text-align: center;
}

.subcategories li {
    flex: 0 0 200px;
}

.subcategories {
    gap: 10px;
    margin: 35px 0 40px;
}

.subcategories li a {
    color: var(--color-secondary);
    font-weight: 300;
    border-color: #9F0250;
    min-height: 40px;
    height: auto;
}

.subcategories li a:before {
    content: none;
}

.subcategories.with-image li {
    padding: 0;
}

.subcategories.with-image li a {
    padding: 8px;
}

.subcategories li a:hover {
    color: var(--color-secondary);
    text-decoration: underline;
}

.subcategories.with-image li a .image {
    display: none;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.subcategories.with-image li a .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 100%;
}

.subcategories.with-image li a .text {
    padding-left: 8px;
    width: 100%;
    line-height: 1.2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.category-header {
    flex-direction: row-reverse;
    background-color: transparent;
    margin-bottom: 24px;
}

#category-header > div:has(.total-amount) {
    display: flex;
    gap: 5px;
}

.category-header div {
    padding-left: 0;
    font-size: var(--size-body);
}

.category-header div strong {
    font-weight: 300;
    color: var(--color-secondary);
}

.category-header input[type=radio] + label {
    font-size: var(--size-body);
    text-decoration: underline;
    padding: 0 18px;
}

.category-header input[type=radio]:checked + label {
    font-weight: 600;
    color: var(--color-secondary);
    text-decoration: none;
}

.category-header input[type=radio] + label:last-child {
    padding-right: 0;
}

.category-header input[type=radio] + label:hover, .category-header input[type=radio]:checked + label {
    text-decoration: none;
    color: var(--color-secondary);
}

.products-block.products:not(.swiper-wrapper) > div {
    padding: 0 10px 40px;
}

.products-block:not(.swiper-wrapper) {
    margin: 0 -10px;
}

.box.box-sm.box-filters {
    padding: 0;
}

.sidebar {
    background-color: transparent;
}

.sidebar-inner {
    padding: 0;
}

#content .sidebar .filter-section fieldset div:has(input[disabled="disabled"]) {
    order: 1;
}

.filter-sections {
    background-color: transparent;
}

.filter-sections div:has(>input[value="189"]), .filter-sections div:has(>input[value="177"]), .filter-sections div:has(>input[value="180"]), .filter-sections div:has(>input[value="183"]), .filter-sections div:has(>input[value="186"]), .filter-sections div:has(>input[value="236"]) {
    display: none;
}

.sidebar #filters {
    padding: 24px 14px 24px 24px;
    border: 1px solid var(--main-border-color);
}

.sidebar-indented .content {
    align-items: flex-start;
}

#content .filters-wrapper > div:first-of-type, #footer .filters-wrapper > div:first-of-type {
    text-align: left;
}

.sidebar .h4, .sidebar h4 {
    font-family: var(--template-font);
    font-weight: 600;
    font-size: var(--size-body);
    text-transform: none;
    margin: 0 0 20px;
}

input[type=checkbox] + label:before, input[type=radio] + label:before {
    width: 19px;
    height: 19px;
    border-color: #000000;
}

input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before {
    border-color: #000;
}

input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {
    border-color: #000;
    background-color: #000;
    left: 5px;
    width: 9px;
    height: 9px;
}

input[type=checkbox] + label, input[type=radio] + label {
    padding-left: 31px;
}

.filter-sections {
    padding-left: 0;
    padding-right: 0;
}

.filter-count {
    color: #979698;
    font-weight: 300;
    font-size: var(--size-body);
    padding: 0;
    margin-left: 6px;
}

.filter-count::before {
    content: "(";
}

.filter-count::after {
    content: ")";
}

#content .filter-section fieldset div label, #footer .filter-section fieldset div label {
    margin-bottom: 10px;
}

.ui-slider .ui-slider-range {
    background-color: #1F1F1F;
}

.slider-content, .ui-slider {
    background-color: #E0E0E0;
}

.ui-slider-horizontal .ui-slider-handle:after {
    content: none;
}

.ui-slider-horizontal .ui-slider-handle {
    border: 1px solid #1F1F1F;
    background-color: #fff;
}

#filters .slider-wrapper {
    border-bottom: 1px solid var(--main-border-color);
    margin: 0 0 16px;
    padding: 0 0 16px;
}

.filter-section {
    padding: 0 0 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--main-border-color);
    border-top: none !important;
}

.filter-section.filter-section-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: var(--size-smaller);
    margin: 16px 0 0;
    padding: 0;
    border-bottom: none;
}

.filter-section.filter-section-button:has(.toggle-filters) {
    display: none;
}

#category-filter-hover, .content .sidebar #category-filter-hover {
    display: block;
}

.filter-section.filter-section-count::before, .filter-section.filter-section-count::after {
    content: none !important;
}

.filter-section:has(#clear-filters) {
    margin-top: 16px;
}

#clear-filters .close-after {
    padding: 0;
    color: #1F1F1F;
    text-transform: none;
    text-decoration: underline;
}

#clear-filters .close-after:hover {
    text-decoration: none;
}

#clear-filters .close-after::after {
    content: none;
}

.filter-total-count {
    color: #1F1F1F;
}

.filter-total-count strong {
    font-weight: 300;
}

.filter-section:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.filter-sections fieldset {
    max-height: 240px;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.filter-sections fieldset > div:has(label.active) {
    order: -1;
}

.filter-sections fieldset > .advanced-filters-wrapper:empty {
    display: none;
}

.filter-sections fieldset::-webkit-scrollbar {
    width: 4px;
    background-color: #e0e0e0;
}

.filter-sections fieldset::-webkit-scrollbar-thumb {
    background-color: #1F1F1F;
}

.filter-sections fieldset::-webkit-scrollbar-thumb:hover {
    background-color: #1F1F1F;
}

.filter-sections fieldset::-webkit-scrollbar-thumb:active {
    background-color: #1F1F1F;
}

.filter-sections fieldset::-webkit-scrollbar-button {
    display: none;
}

.myproduct-banner__inner {
    position: relative;
    height: 100%;
    padding: 32px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: hidden;
}

.myproduct-banner__inner > .img-holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all ease 300ms;
}

.myproduct-banner__inner > .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.myproduct-banner__title {
    font-size: var(--size-h3);
    font-family: var(--template-headings-font);
    color: #fff;
    text-transform: uppercase;
    position: relative;
}

.myproduct-banner__inner .overall-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.myproduct-banner__inner:hover .img-holder {
    transform: scale(1.05);
}


body:has(#clear-filters) .myproduct-banner {
    display: none;
}

.listingControls .goToTop {
    display: none;
}

.listingControls .loadMore {
    justify-content: flex-start;

    margin-left: 0;
}

.listingControls .loadMore__button {
    border: 1px solid var(--main-border-color);
    color: #1F1F1F;
    padding: 15px 24px;
    background-color: #fff;
    line-height: 1;
    font-family: var(--template-headings-font);
    font-weight: 400;
}

:where(body.ums_a11y_pagination--on) .btn.loadMore__button, :where(body.ums_a11y_pagination--on) .pagination .pagination__list .pagination__link, :where(body.ums_a11y_pagination--on) a.btn.goToTop__button {
    color: #1F1F1F;
}

.pagination__list {
    align-items: center;
}

.pagination .pagination__list .pagination__link.pagination__link--prev, .pagination .pagination__list .pagination__link.pagination__link--next {
    width: 25px;
    height: 25px;
    min-height: unset;

    border-radius: 50%;
    font-size: 10px;
    background-color: #f8dbd4;
    color: #1F1F1F;
}

.pagination .pagination__list .pagination__link.pagination__link--prev:hover, .pagination .pagination__list .pagination__link.pagination__link--next:hover {
    background-color: #eebfb3;
    color: #1F1F1F;
}

.pagination .pagination__list .pagination__link:not(.pagination__link--prev):not(.pagination__link--next) {
    text-decoration: underline;
}

.pagination .pagination__list .pagination__link:not(.pagination__link--prev):not(.pagination__link--next):hover {
    text-decoration: none;
    color: #1F1F1F;
    background-color: transparent;
    border: none;
}

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

.desktop #content-wrapper > .category__secondDescription {
    margin: 0 20px;
}

.category__secondDescription {
    margin-top: 30px !important;
    background-color: var(--color-primary);
    padding: 75px 92px;
    background-image: url("/user/documents/upload/kodovani/pozadi_faq.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
}

.category__secondDescription a {
    color: #fff;
    text-decoration: underline;
}

.category__secondDescription a:hover {
    text-decoration: none;
    color: #fff;
}

.category__secondDescription > p:last-child, .second-description__inner > p:last-child {
    margin-bottom: 0;
}

.category__secondDescription:has(.second-description__inner) {
    display: flex;
    align-items: center;
    gap: 115px;
}

.second-description__title {
    max-width: 325px;
    flex-shrink: 0;
    color: #fff;
}

body:not(.in-index) .benefitBanner {
    padding: 0 20px;
}

.category-content-wrapper > .category__secondDescription {
    display: none;
}

.detail-parameters:has(.variant-list) {
    width: 100%;
}

.advanced-parameter-inner img {
    padding: 3px;
    border: 1px solid #dadada;
}

/*DETAIL PRODUKTU*/

.p-thumbnails a {
    margin-right: 16px;
}

.product-top > div:not(.p-image-wrap) {
    min-height: unset;
    float: none;
    width: auto;
}

.product-top > div:first-child {
    display: none;
}

.product-top::before, .product-top::after {
    content: none;
}

.product-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 16px;
}

.product-top > div:empty {
    display: none;
}

.type-detail #content-wrapper {
    opacity: 0;
}

.p-detail-inner-header h1 {
    font-size: 28px;
    text-transform: none;
    margin: 0 0 24px;
}

.social-buttons-wrapper {
    display: none;
}

.add-to-cart .quantity {
    display: none;
}

.p-short-description p:last-child {
    margin-bottom: 0;
}

.p-short-description {
    margin-bottom: 8px;

    font-size: 15px;
}

.p-info-wrapper {
    max-width: 460px;
}

.p-info-wrapper:has(:not(.p-short-description)) p[data-testid='productCardDescr'] {
    display: none;
}

.p-info-wrapper p[data-testid='productCardDescr'] a {
    text-decoration: underline;
    margin-bottom: 32px;
}

.p-info-wrapper p[data-testid='productCardDescr'] a:hover {
    text-decoration: none;
}

.p-info-wrapper p[data-testid='productCardDescr'] a::after {
    content: none;
}

.variant-list th:has(.th-wrapper) {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.choose-size {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
    font-size: var(--size-smaller);
}

.mypopup-window {
    display: none;
    position: absolute;
    z-index: 10002;
}

.mypopup-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.clickable-part {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.mypopup-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 860px;
    background-color: #fff;
    padding: 40px 40px;
    max-height: 100%;
    overflow: auto;
    margin: 0 auto;
}

.mypopup-inner h2 {
    font-size: 24px;
    text-align: center;
    margin: 0 0 8px;
}

.close-popup {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10px;
    right: 10px;
    width: 46px;
    height: 46px;
    cursor: pointer;
}

.close-popup::before {
    content: "\e912";
    display: inline-block;
    font-size: 20px;
    font-family: shoptet;
}

.popup-content {
    margin: 16px auto 0;
    max-width: 640px;
}

.choose-size::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    mask-image: url("/user/documents/upload/kodovani/info.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/info.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #000;
}

.choose-size:hover {
    text-decoration: none;
}

.mypopup-inner > p {
    max-width: 470px;
    margin: 16px auto;
    text-align: center;
    line-height: 1.5;
}

.popup-content table {
    width: 100%;
}

.popup-content table th {
    padding: 12px 8px;
    text-align: left;
    font-weight: 400;
}

.popup-content table th:first-child {
    font-weight: 600;
}

.popup-content table td {
    padding: 8px;
}

.popup-content table tbody > tr:nth-child(odd) {
    background-color: #F8EFEB;
}

.popup-content table tr > td:first-child {
    font-weight: 600;
}

.popup-content > p {
    text-align: center;
    font-size: var(--size-smaller);
    margin: 16px 0 0;
}

.how-to-measure {
    text-align: center;
}

.popup-content h4 {
    margin: 0 0 8px;
    line-height: 1.4;
    text-transform: none;
}

.how-to-measure {
    margin-top: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 26px;
}

.size-converter {
    text-align: center;
}

#convert-size {
    background-color: #F8EFEB;
    border: none;
    min-height: 48px;
    padding: 5px 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#inner-diameter {
    width: 84px;
    height: 48px;
    border: 1px solid #A3A3A3;
    margin: 0 15px;
    text-align: center;
}

#result {
    margin: 16px 0 0;
    font-size: var(--size-h4);
    font-family: var(--template-headings-font);
}

.chain {
    padding: 5px 16px;
    background: var(--color-primary);
    margin-bottom: 18px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transition: border-color ease 300ms;
}

.chain-inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 5px;
}

.chain-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 25px;
}

.chain-form input[type="radio"] {
    position: relative;
    cursor: pointer;
    width: 18px;
    height: 18px;
    border: 1px solid #C2C2C2;
    display: inline-block;
    margin: 0;
    background-color: #fff;
    appearance: none;
    border-radius: 0;
}

.chain-form label {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.chain-form input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--color-secondary-hover);
}

.chain-additional {
    font-size: 12px;
    padding: 5px;
}

.chain.not-chosen {
    border-color: red;
}

.disabled-add-to-cart .add-to-cart-button {
    cursor: not-allowed;
}

tr.variant-list:has(.th-wrapper) {
    align-items: flex-start;
}

#relatedFiles {
    list-style: none;
    padding: 0;
}

#relatedFiles li img {
    display: none;
}

#relatedFiles li {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--size-bigger);
    margin-bottom: 10px;
}

#relatedFiles li:last-child {
    margin-bottom: 0;
}

#relatedFiles li::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    mask-image: url("/user/documents/upload/kodovani/certificate.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/certificate.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #000;
}

.th-wrapper {
    flex-grow: 1;
}

tr.variant-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.detail-parameters:not(.show-surcharge) tr:has(.parameter-id-87.surcharge-parameter) {
    display: none;
}

.mysurcharge-title {
    display: block;
    font-weight: 500;
    margin-bottom: 8px;
}

.add-to-cart {
    position: relative;
}

.mysurcharge {
    padding: 10px;
    border: 2px solid var(--color-primary);
    background-color: #C20B66;
    color: #fff;
}

.mysurcharge.choose {
    border-color: red;
}

.mysurcharge .fake-form label input[type="radio"]::before {
    background-color: #fff;
}

.add-to-cart .forbidden {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: not-allowed;
}

.add-to-cart.disabled .forbidden {
    display: block;
}

.fake-form label:has(input[type="radio"]) {
    display: flex;
    align-items: center;
    gap: 5px;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
}

.fake-form label input[type="radio"] {
    height: auto;;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    width: auto;
    display: flex;
    align-items: center;
}

.fake-form label input[type="radio"]::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #272727;
}

.fake-form label input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 9px;
    height: 9px;
    border: 1px solid #272727;
    top: 3px;
    left: 3px;
    background-color: #272727;
}

.detail-parameters tbody:has(.variant-list) {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

tr.surcharge-list {
    display: flex;
    flex-direction: column;
}

.variant-list td > div:not(#parameter-id-174) .advanced-parameter-inner:has(img) {
    width: 80px;
    height: 80px;
}

.detail-parameters .surcharge-list th {
    color: var(--color-secondary);
    font-weight: 600;
}

.surcharge-list select {
    font-size: var(--size-body);
}

.name-of-variant:not(:empty)::before {
    content: ":";
    margin-left: -4px;
    margin-right: 5px;
    font-weight: 600;
}

.name-of-variant {
    font-weight: 300;
}

tr.variant-list th {
    font-weight: 600;
    color: var(--color-secondary);
}

tr.variant-list td {
    padding: 0;
}

tr.variant-list td > div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 6px;
}

tr.variant-list td > div span {
    order: 1;
}

.advanced-parameter-inner {
    width: 46px;
    height: 46px;
    border: 1px solid transparent;
    padding: 3px;
    transition: border-color ease 300ms;
}

.advanced-parameter-inner.yes-before {
    border-color: var(--color-secondary);
}


.advanced-parameter-inner.yes-before::before {
    content: none;
}

.advanced-parameter {
    height: auto;
    width: auto;
    margin: 0;
}

tr:has(#jsSplitVariantsReset) {
    display: none;
}

tr.variant-list th {
    padding: 0;
}

.buy-box__delivery {
    display: flex;
    align-items: baseline;
    gap: 8px;
    background-color: rgba(234, 243, 209, .7);
    padding: 16px;
    color: #2C232A;
    flex-wrap: wrap;
}

.for-free {
    color: #88D27B;
}

.buy-box__delivery .availability-label[style="color: #88D27B"] {
    color: #2C232A !important;
}

.delivery-time {
    margin-left: 4px;
}

.tooltip-show {
    font-size: 12px;
    width: 100%;
}

.delivery-time .show-tooltip {
    cursor: default;
}

.my-delivery:has(.delivery-time .parameter-dependent.default-variant:not(.no-display)) .delivery-time-label {
    display: none;
}

.delivery-time .default-variant {
    display: none;
}

.availability-value {
    font-size: var(--size-body);
}

.delivery-time {
    padding: 0;
}

.p-info-wrapper .availability-value {
    margin: 0;
}

.buy-box {
    border: 1px solid var(--main-border-color);
    padding-bottom: 24px;
    font-weight: 400;
    margin-bottom: 32px;
}

.buy-box .add-to-cart .add-to-cart-button {
    background-color: #88D27B;
    border-color: #88D27B;
    color: #2C232A;
    text-transform: uppercase;
    font-weight: 700;
}

.availability-value {
    text-transform: uppercase;
}

.products-related:after {
    background-color: transparent;
}

.buy-box__top {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.buy-box .p-detail-info {
    margin: 0;
}

.p-detail-info .flag {
    display: none;
}

.p-detail-info .stars-wrapper::before {
    content: none;
}

.p-detail-info .dkLabFavFlagProduct {
    display: none;
}

.stars a:before, .stars span:before {
    line-height: 10px;
    left: auto;
    top: auto;
    position: relative;
    width: auto;
    height: auto;
}

.stars a, .stars span {
    width: 10px;
    height: 10px;
    line-height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stars-wrapper {
    gap: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.stars {
    width: auto !important;
    display: flex !important;
    gap: 6px !important;
}

.stars-label {
    color: var(--color-secondary);
}

.shipping-options {
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 8px;
}

.shipping-options:hover {
    text-decoration: none;
    color: var(--color-secondary);
}

.shipping-options::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    background-color: var(--color-secondary);
    mask-image: url("/user/documents/upload/kodovani/van.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/van.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.buy-box__bottom {
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.p-info-wrapper .p-final-price-wrapper {
    margin-bottom: 0;
}

.p-info-wrapper .add-to-cart {
    margin-bottom: 0;
}

.price-measure {
    margin: 0;
}

.p-info-wrapper .price-final {
    font-size: var(--size-h3);
    font-weight: 500;
    margin-top: 4px;
}

.btn.add-to-cart-button::before {
    content: none;
}

.btn.add-to-cart-button {
    min-height: 50px;
    padding: 5px 24px;
}

.add-to-cart .link-icon.watchdog::before {
    content: none;
}

.add-to-cart .link-icon.watchdog {
    min-height: 50px;
    padding: 5px 24px;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff;
    margin: 0;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--template-headings-font);
}

.p-info-wrapper.not-available .btn.add-to-cart-button {
    display: none;
}

.dkLabFavouriteDiv:has(.link-icon.watchdog) {
    display: flex;
    align-items: center;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.dkLabFavouriteDiv:has(.link-icon.watchdog) .dkLabFavDetailSpan {
    flex-grow: 1;
}

.link-icon.watchdog {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-transform: none;
    color: #000;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
}

.dkLabFavProductSpan:hover, .dkLabFavDetailSpan:hover {
    color: #000;
}

.dkLabFavProductSpan:hover span, .dkLabFavDetailSpan:hover span {
    text-decoration: underline;
}

a.link-icon:hover {
    color: #000;
    text-decoration: underline;
}

.link-icon.watchdog::before {
    content: "";
    display: inline-block;
    margin: 0;
    width: 18px;
    height: 18px;
    mask-image: url("/user/documents/upload/kodovani/dog-paw.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/dog-paw.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #000;
}


.p-info-wrapper.not-available .link-icon.watchdog {
    color: #679C63;
}

.p-info-wrapper.not-available .link-icon.watchdog::before {
    background-color: #679C63;
}

.btn, a.btn {
    font-family: var(--template-headings-font);
    font-weight: 400;
    font-size: var(--size-body);
}

.detail-usps__inner {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.detail-usp {
    display: flex;
    align-items: center;
    gap: 4px;
}

.detail-usp .img-holder img {
    display: block;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.detail-usp__text {
    font-family: var(--template-headings-font);
    font-size: var(--size-smaller);
}

.detail-usps {
    margin-bottom: 32px;
}

.need-help {
    border: 2px solid var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 22px;
}

.need-help__contact a {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.need-help__contact .myhours {
    color: var(--color-secondary);
}

.need-help__contact a::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    mask-image: url("/user/documents/upload/kodovani/phone.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: var(--color-secondary-hover);
}

.need-help__contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.need-help__title {
    max-width: 100px;
    text-transform: none;
    margin: 0;
    line-height: 1.2;
}

.loyalty {
    margin-bottom: 20px;
    background-color: var(--color-primary);
    background-image: url("/user/documents/upload/kodovani/quarter-circle.svg");
    background-position: left bottom;
    background-repeat: no-repeat;
}

.loyalty-logo {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--template-headings-font);
    letter-spacing: 0.15em;
    padding-right: 10px;
}

.loyalty-logo span {
    position: absolute;
    top: -11px;
    right: -1px;
}

.loyalty-subtitle a {
    text-decoration: underline;
}

.loyalty-subtitle a:hover {
    text-decoration: none;
}

.loyalty-inner {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 16px 22px;
}

.loyalty-title {
    font-weight: 600;
    display: block;
    margin: 0 0 2px;
}

.shp-tabs, .shp-tabs-holder {
    background-color: transparent;
    border: none;
}

.shp-tabs-holder ul.shp-tabs li a {
    line-height: 1;
    padding: 16px 20px;
    text-decoration: underline;
}

#p-detail-tabs .shp-tab[data-testid="tabRelatedVideos"] {
    display: none;
}

.shp-tab-link {
    background-color: transparent;
    color: var(--color-secondary);
}

.shp-tabs-row.responsive-nav {
    width: var(--wide-container);
    left: 50%;
    transform: translateX(-50%);
    background-color: #EBEBEB;
    margin-bottom: 40px;
}

.shp-tabs-row.responsive-nav .shp-tabs-holder {
    width: var(--narrow-container);
    margin: 0 auto;
}

.active .shp-tab-link {
    background-color: transparent;
    font-weight: 600;
    text-decoration: none;
}

.active .shp-tab-link {
    text-decoration: none !important;
    color: var(--color-secondary);
}

.shp-tab-link:hover {
    background-color: transparent;
    color: var(--color-secondary);
    text-decoration: none !important;
}

.type-detail #tab-content {
    display: flex;
    flex-direction: column;
}

.tab-content > .tab-pane#productVideos {
    display: block;
    opacity: 1;
    margin-top: 40px;
    order: 1;
}

.tab-content > .products-related-header {
    order: 2;
}

.tab-content > .whole-wrap:has(.products-related) {
    order: 3;
}

.tab-content > .products-alternative-header {
    order: 4;
}

.tab-content > .whole-wrap:has(.products-alternative) {
    order: 5;
}

.tab-content > .toggle-content + #productVideos {
    display: none;
    margin-top: 0;
    order: unset;
}

.description-inner {
    padding: 0;
}

.basic-description {
    padding-right: 65px;
}

.extended-description .detail-parameters {
    width: 100%;
    font-size: var(--size-smaller);
}

.extended-description .detail-parameters td {
    border: none;
}

.extended-description .detail-parameters tbody > tr:nth-child(odd) {
    background-color: #F4DEE3;
}

.extended-description .detail-parameters th, .extended-description .detail-parameters td {
    color: #000000;
    font-weight: 300;
    padding: 16px 10px;
}

.extended-description .detail-parameters tr:last-child td, .extended-description .detail-parameters tr:last-child th {
    padding-bottom: 16px;
}

.tab-content .detail-parameters td {
    font-weight: 300;
}

.detail-parameters a {
    text-decoration: underline;
}

.detail-parameters a:hover {
    text-decoration: none;
}

.extended-description > h3 {
    text-transform: none;
    margin: 0 0 11px;
}

.basic-description > h3:first-child {
    margin: 0 0 16px;
    text-transform: none;
}

.basic-description ul {
    padding-left: 30px;
}

.basic-description img {
    margin: 20px 0;
}

#tab-content > div > h3:first-child {
    margin: 0 0 16px;
    text-transform: none;
}

.type-detail .browse-p {
    display: none;
}

.products-block.products-alternative > div:nth-child(4n), .products-block.products-related > div:nth-child(4n) {
    border-right-width: 1px !important;
    border-right-color: transparent !important;
}

.products-related-header, .products-alternative-header {
    font-size: var(--size-h3);
    margin: 60px auto 24px;
}

li:has(.shp-tab-link[href="#productsAlternative"]) {
    display: none !important;
}

.dkLabVisitedProductsNew > h2 {
    font-size: var(--size-h3);
    margin: 0 0 24px;
}

.dkLabVisitedProductsNew .dvpnProducts__item__text {
    margin-top: 0;
}

.dkLabVisitedProductsNew .dvpnProducts__item__price {
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
    font-size: 20px;
    text-align: left;
    min-height: 52px;
    display: flex;
    gap: 5px;
    align-items: flex-end;
}

.dkLabVisitedProductsNew .dvpnProducts__item__name {
    text-align: left;
    color: var(--color-secondary);
    margin: 0 0 6px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
}

.myproducts-swiper-last a:hover {
    color: var(--color-secondary);
}

.add-comment, .discussion, .discussion-form, .rate-wrapper, .votes-wrap, .welcome div, .welcome h1 {
    margin-left: 0;
}

.btn.btn-primary, a.btn.btn-primary {
    color: #000;
}

.btn.btn-primary:hover, a.btn.btn-primary:hover {
    color: #000;
}

.btn.btn-sm, a.btn.btn-sm {
    padding: 8px 16px;
}

.responsive-nav .navigation-btn {
    background: transparent;
    color: var(--color-secondary);
}

.myswiper-navi {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

h4.toggle-content {
    padding: 16px 0;
    border-top: 1px solid var(--main-border-color);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: margin-bottom ease 500ms;
}

h4.toggle-content.opened {
    margin-bottom: 20px;
}

h4.toggle-content::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: auto;
    background-color: var(--color-secondary);
    mask-image: url("/user/documents/upload/kodovani/black-chevron-left.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/black-chevron-left.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    transform: rotate(270deg);
    transition: transform ease 300ms;
}

h4.toggle-content.opened::after {
    transform: rotate(90deg);
}

.p-detail-info, .p-detail-info a {
    color: var(--color-secondary);
}

.favourite-categories {
    margin: 40px 0 55px;
}

.favourite-categories h3 {
    margin: 0 0 24px;
}

.favourite-categories__inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.favourite-category {
    position: relative;
    width: calc(25% - 15px);
    border: 1px solid var(--main-border-color);
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 16px 32px;
}

.favourite-category:hover {
    text-decoration: underline;
}

.favourite-category .img-holder {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

.favourite-category .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.favourite-category .overall-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.special-surcharges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
}

.special-surcharge {
    position: relative;
}

.mobile .myzoom {
    display: none;
    opacity: 1;
}

.myzoom {
    opacity: 0;
    position: absolute;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 14px;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    z-index: 112;
    pointer-events: none;
}

.last .myzoom {
    left: auto;
    transform: none;
    right: 0;
}

.last .myzoom::before {
    right: 26px;
    left: auto;
    transform: none;
}

.first .myzoom {
    left: 0;
    transform: none;
}

.first .myzoom::before {
    left: 26px;
    transform: none;
}

.myzoom::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 7px 7px 7px;
    border-style: solid;
    border-color: transparent transparent black transparent;
    width: 0;
    height: 0;
}

.desktop .info-myzoom {
    display: none;
}

.mobile .info-myzoom {
    display: inline-block;
}

.info-myzoom {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    top: -5px;
    right: -5px;
    background: #fff;
}

.info-myzoom::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 20px;
    height: 16px;
    mask-image: url("/user/documents/upload/kodovani/zoom.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/zoom.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--color-secondary);
}

.special-surcharge > .img-holder {
    border: 1px solid #bebebe;
}

.special-surcharge.active > .img-holder::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("/user/documents/upload/kodovani/check-full.svg");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 111;
}

.desktop .special-surcharge:hover .myzoom {
    opacity: 1;
}

.toggle-cards {
    cursor: pointer;
    margin-top: 12px;
    color: #000;
}

.toggle-cards span {
    position: relative;
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
}

.toggle-cards span::after {
    content: "";
    width: 10px;
    height: 10px;
    mask-image: url("/user/documents/upload/kodovani/arrow-down.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/arrow-down.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #000;
    transition: transform ease 300ms;
}

.toggle-cards.active span::after {
    transform: rotate(180deg);
}

.shipping-options-popup .payment-info:has(.payment-additional-info) {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.shipping-options-popup .payment-additional-info {
    font-size: 14px;
    max-width: 180px;
    color: #ae5780;
}

.shipping-options-popup .payment-shipping-price {
    padding-left: 0;
}

.shipping-options-popup .shipping-billing-name {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.shipping-options-popup .shipping-billing-name span {
    font-weight: 400;
    font-size: 14px;
}

.shipping-options-popup .payment-info {
    font-size: 16px;
    max-width: 250px;
    padding-right: 0;
}

.shipping-options-popup .payment-logo {
    order: -1;
    padding-right: 10px;
}

.shipping-options-popup .shipping-row {
    justify-content: space-between;
    gap: 10px;
}

/*BLOG*/
.content-inner {
    max-width: var(--container-narrow);
}

.type-posts-listing .content-inner > h1 {
    text-align: center;
}

.type-posts-listing .subcategories {
    justify-content: center;
}

.type-posts-listing .subcategories.with-image li a .image {
    display: none;
}

.type-posts-listing .subcategories.with-image li a .text {
    padding: 0;
    text-align: center;
}

#newsWrapper, .last-blog-posts__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 20px;
    margin-bottom: 80px;
}

#newsWrapper .news-item, .last-blog-posts__inner .news-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0;
}

.last-blog-posts {
    margin: 80px auto 0px;
}

.news-item {
    position: relative;
}

.news-item .image {
    width: 100%;
    aspect-ratio: 1/1;
    margin: 0;
    flex: unset;
    overflow: hidden;
}

.news-item .image a {
    display: block;
    width: 100%;
    height: 100%;
}

.news-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform ease 300ms;
}

.news-item .text .title {
    position: relative;
    z-index: 1;
    font-family: var(--template-headings-font);
    font-size: var(--size-h3);
    line-height: 1.2;
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 60px;
}

.news-item .text .title:hover {
    color: var(--color-secondary);
}

.news-item .text .description {
    margin-bottom: 16px;
}

.read-news {
    position: relative;
    z-index: 1;
    display: block;
    text-decoration: underline;
}

.news-item .overall-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.news-item:hover .image img {
    transform: scale(1.05);
}

/*BLOGOVÝ ČLÁNEK*/

.news-item-detail {
    max-width: 860px;
    margin: 0 auto;
    line-height: 1.6;
}

.news-item-detail > h1 {
    text-align: center;
    margin: 0 0 40px;
}

.news-item-detail p:has(img) {
    margin-bottom: 24px;
}

.news-item-detail h2, .news-item-detail h3, .news-item-detail h4, .news-item-detail h5 {
    text-transform: none;
}

.news-item-detail h3 {
    margin: 40px 0 32px;
}

.news-item-detail h5 {
    margin: 16px 0;
}

.next-to {
    display: flex;
    gap: 20px;
    margin: 40px 0;
}

.next-to img {
    max-width: calc(50% - 10px) !important;
}

.news-item-detail ul {
    padding-left: 30px;
}

.news-item-detail ul li {
    margin-bottom: 5px;
}

/*ROZŠÍŘENÁ OBJEDNÁVKA*/

.advanced-order .product-added {
    display: flex;
    align-items: center;
    gap: 24px;
}

.advanced-order .h2[data-testid="textPopupProductName"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: var(--size-body);
    font-family: var(--template-font);
    font-weight: 600;
    gap: 8px;
    margin: 0;
    color: #000;
    line-height: 1.3;
    text-align: left;
}

.advanced-order .h2[data-testid="textPopupProductName"] span {
    font-weight: 300;
}

.product-added .img-holder {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.product-added .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.h1.advanced-order__main-title::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("/user/documents/upload/kodovani/check-full.svg?v=1");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px;
}

.h1.advanced-order__main-title {
    font-size: var(--size-h3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.advanced-order .p-final-price-wrapper {
    margin-left: auto;
    flex-shrink: 0;
}

.advanced-order .p-final-price-wrapper .price-final {
    text-align: right;
    font-size: var(--size-h3);
    margin-top: 6px;
}

.advanced-order .extras-wrap {
    justify-content: center;
    gap: 20px 30px;
    padding-top: 15px;
    border-top: 1px solid var(--main-border-color);
    margin-top: 24px;
}

.price-range>div {
    background-color: #88D27B;
}

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

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

.advanced-order .advancedOrder__buttons .btn-conversion, .advanced-order .advancedOrder__buttons .btn-conversion:hover{
    background-color: #88D27B;
    border-color: #88D27B;
    color: #2C232A;
}

.advanced-order .advancedOrder__buttons .next-step-back {
    color: #2C232A;
}

.advanced-order .advancedOrder__buttons .next-step-back:hover {
    text-decoration: underline;
}

.extra.delivery:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    mask-image: url("/user/documents/upload/kodovani/van.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/van.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: var(--color-secondary);
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    margin: 0;
    flex-shrink: 0;
}

.extra.delivery, .extra.discount, .extra.gift {
    padding-left: 0;
    gap: 8px;
}

.extra strong {
    color: var(--color-secondary);
}

.price-range {
    margin-top: 5px;
}

.extra.back .btn {
    color: #1F1F1F;
    border: 1px solid var(--main-border-color);
    padding: 15px 24px;
    background-color: #fff;
    line-height: 1;
}

.extra.step .btn {
    padding: 15px 24px;
    line-height: 1;
}

.extra.delivery:not(:has(.price-range)) strong {
    color: #679C63;
}

.extra.delivery:not(:has(.price-range)):before {
    background-color: #679C63;
}

.h1.advanced-order-suggestion {
    font-size: var(--size-body);
    margin: 24px 0 20px;
    text-align: left;
    padding: 0;
    border-top: none;
}

/*KOŠÍK*/

.radio-wrapper input[type=radio]:checked+label>span b {
    color: var(--color-secondary);
}

.ordering-process #lb-recommend-element-basket {
    display: none;
}

.cart-login {
    padding: 15px 20px;
    border: 2px solid #000;
}

.cart-login a {
    text-decoration: underline;
}

.cart-login a:hover {
    text-decoration: none;
}

.id--9 .cart-inner > .row > div {
    width: 100%;
    padding: 0;
}

.ordering-process__title {
    text-align: center;
    margin: 40px 0 0;
}

body.ordering-process {
    background-color: transparent;
}

ol.cart-header {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 560px;
    width: 100%;
    margin: 0 auto 40px;
    border: none;
}

.cart-header li {
    border: none;
    position: relative;
}

ol.cart-header li a span:before, ol.cart-header li strong span:before {
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid var(--main-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-body);
    font-weight: 600;
    color: #000;
    margin: 0;
    background-color: #fff;
}

ol.cart-header li a, ol.cart-header li strong {
    padding: 0;
    border: none;
}

ol.cart-header li a span, ol.cart-header li strong span {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    font-size: var(--size-body);
    color: var(--color-secondary);
    text-transform: none;
}

ol.cart-header li.active strong span {
    font-weight: 600;
}

ol.cart-header li.active strong span:before {
    background-color: var(--color-secondary);
    color: #fff;
    border-color: var(--color-secondary);
}

ol.cart-header li a:hover {
    text-decoration: underline;
}

ol.cart-header li.step-1::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    width: 50%;
    height: 1px;
    background-color: var(--main-border-color);
}

ol.cart-header li.step-3::before {
    width: 50%;
    left: 0;
    right: auto;
}

ol.cart-header li::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-border-color);
}

ol.cart-header li.completed a span:before {
    background-color: var(--color-secondary);
    text-indent: -9999px;
}

ol.cart-header li.completed a span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 40px;
    mask-image: url("/user/documents/upload/kodovani/check-icon.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/check-icon.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #fff;
}

.col-md-8 .cart-content {
    padding: 25px 20px;
}

.cart-table .show-related {
    display: none;
}

.cart-table .p-availability, .cart-table .p-price {
    display: none;
}

.cart-table tr td {
    border: none;
    background-color: #F4DEE3;
}

.cart-table tr td.cart-p-image {
    background-color: #F4DEE3;
}

.cart-table tr {
    border-bottom: 1px solid var(--main-border-color);
    background-color: #F4DEE3;
}

.cart-table .cart-p-image {
    width: 104px;
    height: 128px;
}

.cart-table tr > td {
    padding: 24px;
}

.cart-table tr > td:first-child {
    padding-left: 10px;
}

.cart-table tr > td:last-child {
    padding-right: 10px;
}

.cart-table .cart-p-image img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.cart-table .main-link {
    font-weight: 600;
    font-size: var(--size-body);
    font-family: var(--template-font);
    transform: none;
}

.cart-table tr td.p-name a {
    color: var(--color-secondary);
}

.cart-table .p-name {
    padding-left: 0;
    width: 500px;
}

.main-link-surcharges, .main-link-variant {
    font-size: var(--size-body);
    margin-top: 10px;
    font-weight: 300;
    text-transform: none;
}

.cart-table tr td.p-name a:hover {
    color: var(--color-secondary);
}

.quantity {
    font-size: var(--size-body) !important;
    padding: 0 28px !important;
    text-align: center;
    border-radius: 0;
    border-color: #DADADA;
}

.quantity input {
    text-align: center;
    height: 48px !important;
    font-family: var(--template-font);
    font-weight: 700;
}

.quantity .decrease, .quantity .increase {
    height: 100% !important;
    width: 30px !important;
    top: 0 !important;
    background-color: transparent;
    border: none !important;
}

.quantity .decrease {
    left: 0 !important;
}

.quantity .decrease:before, .quantity .increase:before {
    font-family: var(--template-font);
    font-size: var(--size-body);
    background-color: transparent;
    border: none;
    line-height: 48px !important;
}

.quantity .increase:before {
    content: "+";
    line-height: 46px !important;
}

.quantity .decrease:before {
    content: "-";
}

.cart-table tr:first-child {
    border-top: 1px solid var(--main-border-color);
}

tr.removeable .remove-item {
    opacity: 1;
}

.p-total .price-final {
    font-size: var(--size-h3);
    color: var(--color-secondary);
    font-weight: 500;
    margin-right: 50px;
}

.additional-swipers:has(>div:nth-child(2)) {
    display: flex;
    gap: 30px;
}

.additional-swipers:has(>div:nth-child(2)) > div {
    width: calc(50% - 15px);
}

a.cart-related-name:hover {
    color: var(--color-secondary);
    text-decoration: underline;
}

.additional-product .cart-related-name, .hp-slider .products-block.products .p .name {
    color: var(--color-secondary);
    margin: 0 0 6px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0;
    height: 67px;
    overflow: hidden;
    text-transform: none;
    font-family: var(--template-headings-font);
}

.hp-slider .products-block .p-bottom > div {
    min-height: unset;
}

.hp-slider .products-block .name {
    text-align: left;
}

div:has(.hp-slider) .h4.homepage-group-title {
    text-align: left;
}

.products-block.products .p .price strong {
    font-size: var(--size-body);
}

.cart-related-availability {
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
}

.additional-products-title, div:has(.hp-slider-wrap) .homepage-group-title {
    font-size: var(--size-h5);
    margin: 40px 0 20px;
}

.additional-product .add-to-cart-button, .hp-slider .add-to-cart-button {
    width: 100%;
    margin-top: 10px;
    color: var(--color-secondary);
    background-color: #fff;
    min-height: unset;
}

.swiper.additional-swiper {
    padding-bottom: 3px;
}

.cart-content .delivery-time {
    display: none;
}

.id--9 .overall-wrapper {
    overflow: hidden;
}

.fvDoplnek-upsell > h4 {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--main-border-color);
    margin: 0px 0 24px;
}

.ordering-process #content-wrapper {
    opacity: 0;
}

.fvDoplnek-text .name {
    text-transform: none;
    font-size: var(--size-h5);
}

body.fvStudio-Classic .fvDoplnek {
    border: none;
    padding-left: 0;
}

.fvDoplnek-produkt {
    margin: 0 0 20px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--main-border-color);
}

body.fvStudio-Classic .fvDoplnek > div:last-child {
    margin-bottom: 0 !important;
}

.id--9 .extras-wrapper {
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
}

.id--9 .extras-wrapper .extras-col:has(.extra.delivery) {
    padding: 0;
    margin: 20px 0 0;
    max-width: 550px;
}

.id--9 .price-range {
    height: 8px;
    background-color: #fff;
    margin-top: 10px;
    border-radius: 50px;
}

.id--9 .price-range > div {
    background-color: #C20B66;
    border-radius: 50px;
}

.id--9 .cart-summary:has(.extras-wrapper) > h4 {
    display: none;
}

body.fvStudio-Classic .fvDoplnek-produkt form input[type=checkbox] {
    width: 19px;
    height: 19px;
}

.fvDoplnek-produkt .fvcontent .header {
    display: flex;
    align-items: center;
}

body.fvStudio-Classic .fvDoplnek-text {
    line-height: 1;
    width: 100%;
    display: flex;
}

.fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price {
    margin-left: auto;
    margin-right: 100px;
    color: #000 !important;
    font-size: var(--size-h5);
    font-weight: 600;
}

body.fvStudio-Classic .fvDoplnek-produkt form span:has(input[type=checkbox]) {
    display: flex;
    align-items: center;
}

.fvDoplnek-produkt .fvcontent {
    width: 100%;
}

.extras-wrapper:has(.applied-coupon) .have-coupon > .mycheckbox {
    display: none;
}

.extras-wrapper:has(.applied-coupon) .discount-coupon {
    display: block !important;
}

.have-coupon {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    font-size: var(--size-h5);
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

.mycheckbox {
    width: 19px;
    height: 19px;
    border: 1px solid #000;
    border-radius: 3px;
}

.have-coupon.checked > .mycheckbox {
    background-color: #0075FF;
    border-color: #0075FF;
    position: relative;
}

.have-coupon.checked > .mycheckbox::before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    mask-image: url("/user/documents/upload/kodovani/check-icon.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/check-icon.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #fff;
}

.discount-coupon form .btn[aria-label="Odstranit slevový kupón"] {
    padding: 0px;
    flex: unset;
    height: auto;
    border: none;
}

.discount-coupon form .btn[aria-label="Odstranit slevový kupón"]:hover {
    background-color: transparent;
    border: none;
}

.applied-coupon {
    display: flex;
    align-items: center;
}

.applied-coupon > strong {
    flex-shrink: 0;
}

.discount-coupon:before {
    content: none !important;
}

.discount-coupon {
    padding-left: 0;
    margin-top: 15px;
}

.btn.btn-secondary, a.btn.btn-secondary {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn.btn-secondary:hover, a.btn.btn-secondary:hover {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}

#discountCouponCode {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
    border-radius: 0;
}

.discount-coupon form .btn, .free-gift .btn {
    margin-left: 10px;
}

.have-coupon + .discount-coupon {
    display: none;
}

.discount-coupon input {
    font-size: var(--size-body);
}

.discount-coupon ::placeholder {
    color: var(--color-secondary);
}

.id--9 .price-secondary {
    display: none;
}

.id--9 .cart-summary {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.id--9 .cart-summary::before {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: #F4DEE3;
}

.id--9 .cart-summary > * {
    position: relative;
    z-index: 2;
}

.id--9 .cart-content {
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
}

.id--9 .fvDoplnek-upsell {
    order: 4;
    margin-top: 60px;
}

.id--9 .cart-summary {
    order: 5;
}

.id--9 .cart-content.summary-wrapper {
    position: relative;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 40px;
}

.id--9 .cart-content.summary-wrapper::before {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: #F4DEE3;
}

.id--9 .cart-content.summary-wrapper > * {
    position: relative;
    z-index: 1;
}

.id--9 .cart-content.summary-wrapper .next-step, .cart-content .next-step {
    justify-content: space-between;
}

.id--9 .cart-content.summary-wrapper .next-step a, .cart-content .next-step a {
    height: 50px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 24px;
    border: #88D27B;
}

.btn.next-step-forward:after {
    content: none;
}

.ordering-process .btn.next-step-forward {
    height: 50px;
    line-height: 1;
    background-color: #88D27B;
    border-color: #88D27B;
    font-size: var(--size-h5);
    text-transform: uppercase;
}

.ordering-process .btn.next-step-forward:hover {
    color: var(--color-primary);
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.order-button-text {
    text-transform: none;
    font-size: var(--size-h5);
}

.ordering-process .next-step-back {
    border-color: var(--main-border-color);
    color: var(--color-secondary);
    font-size: var(--size-h5);
}

.ordering-process .next-step-back:hover {
    background-color: var(--color-secondary);
    color: var(--color-primary);
    border-color: var(--color-secondary);
}

.id--9 .cart-summary {
    display: flex;
    align-items: flex-end;
}

.id--9 .cart-summary .price-wrapper {
    width: auto;
    text-align: right;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.id--9 .cart-summary .price-wrapper .price-label, .id--9 .cart-summary .price-wrapper .price {
    font-size: var(--size-h3);
    font-weight: 500;
    flex: unset;
}

.free-gift-name {
    font-size: var(--size-smaller);
}

/*JINÝ DÁREK*/

.extras-col:has(>.free-gift) {
    width: 100%;
    max-width: 100%;
}

#vybrat-iny-darcek {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
}

#vybrat-iny-darcek > li {
    background-color: #fff;
    border: 1px solid transparent !important;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 180px;
    width: 100%;
    transition: border-color ease 300ms;
}

#vybrat-iny-darcek > li.active, #vybrat-iny-darcek > li:hover {
    border-color: #bebebe !important;
}

#vybrat-iny-darcek > li label {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    padding: 10px 15px;
    width: 100%;
    height: 100%;
}

#vybrat-iny-darcek > li .free-gift-label {
    padding: 0;
    width: 100%;
}

#vybrat-iny-darcek > li .free-gift-name {
    text-transform: none;
    padding: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
}

#vybrat-iny-darcek > li .free-gifts-img > img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: block;
}

h4.mygift-title {
    margin: 0 0 20px;
    font-size: 18px;
    width: 100%;
}

.cart-summary .free-gift {
    width: 100%;
}

.free-gift .free-gift-trigger {
    display: none;
}

#vybrat-iny-darcek li.active .unchecked {
    display: none;
}

#vybrat-iny-darcek li .checked {
    display: none;
}

#vybrat-iny-darcek li.active .checked {
    display: inline-block;
}

#vybrat-iny-darcek .btn {
    flex: unset;
    width: 100%;
    margin: 0;
}

#vybrat-iny-darcek li.active .btn {
    background-color: var(--color-secondary);
    color: #fff;
}

.free-gift.just-one .free-gifts-wrapper {
    flex-direction: column;
    row-gap: 15px;
    max-width: 180px;
    padding: 10px 15px;
    background-color: #fff;
    text-align: center;
}

.free-gift.just-one .free-gifts-wrapper .free-gifts-img > img {
    width: 100px;
    height: 100px;
}

.free-gift.just-one .free-gifts-wrapper .free-gift-label {
    padding: 0;
}

.free-gift.just-one .free-gifts-wrapper .free-gift-label span {
    text-transform: none;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.free-gift-name {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
}

.free-gift-name .gift-value {
    color: #ae5780;
}

.extra.gift::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    mask-image: url("/user/documents/upload/kodovani/gift.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url(/user/documents/upload/kodovani/gift.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: var(--color-secondary);
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    margin: 0;
    flex-shrink: 0;
}

/*KOŠÍK DOPRAVA A PLATBA*/

.id--16 .cart-login {
    margin: 0 -20px 20px;
}

.id--16 .ordering-process__title {
    display: none;
}

.id--16 ol.cart-header {
    margin-top: 40px;
}

.box.co-box h4:before, .co-box h4:before {
    content: none !important;
}

.co-box {
    padding: 24px !important;
    border: 1px solid #DEDEDE;
    margin-bottom: 24px;
}

.co-box.co-delivery-method, .co-box.co-payment-method {
    padding-bottom: 0 !important;
}

.id--16 .cart-content, .id--17 .cart-content {
    padding: 0;
}

.co-box.co-basic-information, .co-box.co-contact-information {
    border-top-style: solid;
}

.box.co-box h4, .co-box h4 {
    margin: 4px 0 0px;
    padding: 0 0 25px;
    font-weight: 600;
    font-size: var(--size-body);
    font-family: var(--template-font);
    text-transform: none;
    border-bottom: 1px solid #D8D8D8;
    line-height: 1.2;
}

.co-box.co-basic-information label {
    font-weight: 600;
    line-height: 1;
    margin: 16px 0 13px;
    padding: 0;
}

.cart-content select.form-control::placeholder {
    color: var(--color-secondary);
}

.cart-content select.form-control {
    height: 48px;
    border-radius: 0;
    min-width: 330px;
    color: var(--color-secondary);
}

.radio-wrapper input[type=radio] + label .payment-logo {
    order: -1;
    flex-basis: 75px;
    height: 25px;
    margin-right: 48px;
}

.radio-wrapper input[type=radio] + label .payment-logo img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
}

.ordering-process .radio-wrapper input[type=radio] + label {
    padding-top: 16px;
    padding-bottom: 16px;
}

.ordering-process input[type=checkbox] + label, input[type=radio] + label {
    padding-left: 50px;
}

.ordering-process input[type=radio] + label:before {
    width: 16px;
    height: 16px;
    border-color: var(--color-secondary);
}

.ordering-process .radio-wrapper input[type=radio]:checked + label:after {
    width: 10px;
    height: 10px;
    background-color: var(--color-secondary);
    left: 3px;
    border: none;
}

.ordering-process .co-box:has(.cart-toggle-unselected-options:not(.js-hidden)) .radio-wrapper input[type=radio]:checked + label:after {
    width: 9px;
    height: 9px;
}

.ordering-process .radio-wrapper input[type=radio]:checked + label:before {
    border-color: var(--color-secondary);
}

.radio-wrapper.active label > span b {
    color: var(--color-secondary);
}

.payment-info b {
    font-weight: 600;
    text-transform: none;
    padding: 0;
    margin-bottom: 2px;
}

.additional-method-text {
    display: block;
    font-size: var(--size-smaller);
    color: #231F20;
    font-weight: 400;
    margin-bottom: 2px;
}

.shipping-billing-table > div:has(.additional-method-text) span:has(>.show-tooltip) {
    display: none;
}

.ordering-process .radio-wrapper {
    padding: 0 24px 0 0;
}

.radio-wrapper.active .for-free {
    color: #7dc001;
}

.radio-wrapper input[type=radio] + label .sublabel a {
    font-weight: 400;
    text-decoration: underline;
}

#checkoutSidebar {
    padding-left: 20px;
}


#checkoutSidebar .cart-content > .order-summary {
    border: 1px solid #D8D8D8;
    padding: 24px 16px;
}

.order-summary-item.price {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.order-summary-inner h4 {
    text-align: center;
    font-family: var(--template-font);
    font-size: var(--size-body);
    font-weight: 600;
    text-transform: none;
    margin: 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #D8D8D8;
}

#summary-box .cart-items {
    margin-bottom: 0;
}

#summary-box .cart-item {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 16px 0 16px 62px;
    min-height: 88px;
    border-bottom: 1px solid #D8D8D8;
}

#summary-box .cart-item .img-holder {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 0;
    border: none;
}

#summary-box .cart-item .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#summary-box .cart-item .cart-item-name {
    width: 100%;
    border: none;
    text-transform: none;
    margin-bottom: 10px;
}

#summary-box .cart-item .cart-item-amount {
    flex-grow: 1;
    font-size: var(--size-smaller);
    text-align: left;
}

#summary-box .cart-item .cart-item-amount .unit-value {
    color: var(--color-secondary);
}

#summary-box .cart-item .cart-item-price {
    font-weight: 600;
    flex-shrink: 0;
}

.cart-item > div {
    border: none;
    padding: 0;
}

.recapitulation-shipping-billing-label {
    display: block;
    flex: 0 0 100% !important;
    font-size: var(--size-body);
    font-weight: 600;
    padding-right: 0;
    margin-bottom: 6px;
}

.order-summary-item.helper > div:first-child {
    flex: 0 0 140px;
}

.order-summary-item.helper > div:last-child {
    flex: 1 1 calc(100% - 140px);
}

.recapitulation-single > strong span {
    color: var(--color-secondary);
    font-weight: 600;
    font-size: var(--size-body);
}

.order-summary-item.helper, .recapitulation-single {
    padding: 16px 0 !important;
    border-bottom: 1px solid #D8D8D8;
}

.order-recapitulation {
    margin-bottom: 0;
}

.order-summary-item.price {
    padding: 16px 0 0;
}

.price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary {
    font-size: var(--size-body);
    font-weight: 600;
}

.price-additional, .price-measure, .price-secondary {
    font-size: 13px;
    color: var(--color-secondary);
}

.id--16 .cart-content .next-step {
    margin-top: 24px;
}

/*INFORMACE O VÁS*/

.mycoupon {
    margin: 16px 0;
}

.mycoupon h4 {
    margin: 0 0 8px;
    padding: 0;

    font-weight: 600;
    font-size: 14px;
    text-align: left;
    border-bottom: none;
}

.mycoupon form {
    display: flex;
}

.mycoupon form ::placeholder {
    font-size: 14px;
}

.mycoupon form input {
    min-height: 40px;

    border-color: #D8D8D8 !important;
    border-right: none;
}

.mycoupon form button {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-height: 40px;
    min-width: 120px;

    font-size: 14px;
    background-color: var(--color-primary) !important;
    border: 1px solid #D8D8D8 !important;
}

.mycoupon form button:hover {
    background-color: var(--color-tertiary) !important;
}

.id--17 .ordering-process__title {
    margin-bottom: 25px;
}

.id--17 .smart-label-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.id--17 .smart-label-wrapper:last-child {
    margin-bottom: 8px;
}

.id--17 .smart-label-wrapper::before, .id--17 .smart-label-wrapper::after {
    content: none;
}

.id--17 .smart-label-wrapper label {
    line-height: 1.2;
    width: auto;
    font-weight: 600;
    margin-bottom: 13px;
}

.id--17 .smart-label-wrapper .form-control {
    height: 48px;
    border-radius: 0;
    min-width: 500px;
}

.id--17 .smart-label-wrapper.phone-form-group .form-control {
    min-width: 413px;
}

.id--17 .smart-label-wrapper label .required-asterisk:after {
    padding-left: 2px;
}


.id--17 .smart-label-wrapper .msg-error {
    margin-left: 0;
    font-size: var(--size-smaller);
}

.id--17 .form-group label[for="login"] {
    display: none;
}

.id--17 .form-group:has(label[for="login"]) {
    margin: 16px 0 36px;
    padding-bottom: 24px;
    border-bottom: 1px solid #D8D8D8;
}

.id--17 .form-group:has(label[for="login"]) .btn.btn-secondary {
    height: 50px;
    padding: 5px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-color: var(--main-border-color);
}

.login-additional-text {
    margin-top: 16px;
    font-weight: 600;
    display: block;
}

.form-group.company-shopping {
    margin: 16px 0 36px;
    padding-bottom: 16px;
    border-bottom: 1px solid #D8D8D8;
}

.co-shipping-address > h4 {
    margin-bottom: 36px !important;
}

.additional-information {
    color: var(--color-secondary);
    font-size: var(--size-smaller);
}

#checkoutSidebar .consents-first {
    margin-top: 16px;
    font-size: 13px;
    font-weight: 400;
}

#checkoutSidebar .consents-first label {
    line-height: 1.5;
}

#checkoutSidebar .consents-first a {
    text-decoration: underline;
}

#checkoutSidebar .consents-first a:hover {
    text-decoration: none;
}

#submit-order {
    color: #fff;
    line-height: 1.3;
    max-width: 205px;
    background-color: #88D27B;
    border-color: #88D27B;
}

#submit-order:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

/*DĚKUJEME ZA OBJEDNÁVKU*/

.id--15 .content-inner {
    max-width: 860px;
    margin: 0 auto;
}

.id--15 .ordering-process__title {
    display: none;
}

.myorder-summary {
    width: 100%;
    background-color: var(--color-primary);
    padding: 40px;
    margin: 50px auto 30px;
    text-align: center;
}

.myorder-summary .order-summary-heading {
    color: #000;
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.myorder-summary .order-summary-heading::before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url("/user/documents/upload/kodovani/check-full-black.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 16px;
}

.recapitulation-wrapper .reca-number {
    display: none;
}

.id--15 .co-box {
    padding: 0 !important;
    border: none;
}

.id--15 .co-box h4 {
    margin: 0 0 24px;
    padding: 0;
    border-bottom: none;
}

.id--15 table.table.recapitulation-table > tbody > tr th {
    padding-left: 0;
}

.id--15 table.table.recapitulation-table > tbody > tr th, .id--15 table.table.recapitulation-table > tbody > tr td {
    padding-bottom: 10px;
}

.id--15 table.table.recapitulation-table > tbody > tr:last-child th, .id--15 table.table.recapitulation-table > tbody > tr:last-child td {
    padding-bottom: 0;
}

.id--15 .co-box.co-payment-method {
    padding-bottom: 32px !important;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 32px;
}

.id--15 .cart-table tr > td {
    padding: 16px 24px;
}

.id--15 .cart-table tr > td.cart-p-image {
    padding-left: 0;
}

.id--15 .cart-table tr > td.p-quantity {
    padding-right: 0;
    text-align: right;
}

.id--15 .cart-table .cart-p-image img {
    width: 56px;
    height: 56px;
}

.id--15 .cart-table .cart-p-image {
    height: 88px;
    width: 56px;
    padding-right: 0;
}

.id--15 .recapitulation-wrapper .order-summary-item {
    font-size: 16px;
}

.recapitulation-wrapper .order-summary-item.summary-thx {
    display: none;
}

.id--15 .order-complete-links .btn.btn-primary {
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 24px;
    border: 1px solid var(--main-border-color);
    background-color: #fff;
    color: #1F1F1F;
}

.id--15 .order-complete-links .btn.btn-primary:hover {
    background-color: var(--color-secondary);
    color: #fff;
    border-color: var(--color-secondary);
}

.id--15 .order-complete-links:has(.btn.btn-primary) {
    margin-top: 32px;
}

/*DÁREK NA MÍRU*/

.category-banner {
    position: relative;
    padding: 40px 40px 40px 50%;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: var(--color-primary);
    overflow: hidden;
    margin-bottom: 40px;
}

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

.category-banner::after {
    content: "";
    position: absolute;
    right: -10%;
    top: 20%;
    background-color: #F1E7E3;
    border-radius: 50%;
    height: 530px;
    aspect-ratio: 1;
}

.category-banner::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/user/documents/upload/kodovani/gift-image-desktop.png");
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
}

.category-banner .category-title {
    font-size: 56px;
    margin: 0 0 16px;
}

.category-banner h2 {
    text-transform: none;
}

.category-top:has(.category-banner) {
    margin-bottom: 40px;
}

.category-top:has(.category-banner) ol {
    counter-reset: item;
    display: flex;
    align-items: center;
    gap: 20px;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.category-top:has(.category-banner) ol li {
    width: calc(33.333% - 13.3333px);
    display: flex;
    align-items: center;
    font-size: var(--size-h4);
    counter-increment: item;
    position: relative;
}

.category-top:has(.category-banner) ol li::before {
    content: counter(item);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background-color: var(--color-primary);
    font-family: var(--template-headings-font);
    font-size: var(--size-h2);
    border-radius: 50%;
    margin-right: 16px;
    flex-shrink: 0;
}

.category-top:has(.category-banner) h2, .category-top:has(.category-banner) h3, .category-top:has(.category-banner) h4 {
    text-transform: none;
}

.category-top:has(.category-banner) h3 + h2 {
    margin-top: 40px;
}

.type-category.id-1176 #category-header {
    display: none;
}

.customized-gift-category-title {
    text-transform: none;
    text-align: center;
}

.id-1176 #content-wrapper {
    opacity: 0;
}

/*PROPOJENÍ PRODUKTŮ*/

.c-product-interconnection-detail-params.is-template--Classic {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.c-product-interconnection-detail-params.is-template--Classic .c-product-interconnection-detail-params__type {
    display: none;
}

.c-product-interconnection-detail-params__products a.is-current::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: 1px solid #272727;
    border-radius: 50%;
}

.c-product-interconnection-detail-params__products {
    gap: 6px;
}

.c-product-interconnection-detail-params__products a.is-current .item-type-bg:before, .c-product-interconnection-detail-params__products a.is-current .item-type-img:before {
    content: none;
}

.c-product-interconnection-detail-params__products span[class^=item-type] {
    margin: 0;
}

.c-product-interconnection-detail-params__products a {
    padding: 4px;
}

/*ŠPERKOVÁ PORADNA*/

.welcome div {
    margin-inline: auto;
    max-width: var(--narrow-container);
}

.homepage-box.welcome-wrapper {
    padding-top: 0;
    margin-top: 0;
}

.consultancy.new {
    display: block;
}

.consultancy {
    position: relative;
    margin-inline: auto !important;
    padding-block: 40px;
    width: 920px;
    margin-block: 80px;
}

.consultancy::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    background: linear-gradient(278deg, #9F0250 12.11%, #C20B66 100%);
    background-image: url("/user/documents/upload/kodovani/pozadi_faq.jpg");
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 1;
}

.consultancy::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    background: linear-gradient(278deg, #9F0250 12.11%, #C20B66 100%);
}

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

.consultancy h2 {
    margin-block: 0 30px;

    font-size: 42px;
    text-align: center;
    color: #fff;
}

.consultancy-questions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;

    margin-bottom: 40px;
}

.consultancy-question {
    display: flex;
    align-items: center;
    column-gap: 10px;

    position: relative;
    min-height: 50px;
    width: 100%;
    padding: 10px 24px;

    font-family: var(--template-headings-font);
    color: #272727;
    background-color: #fff;
    border-radius: 20px 2px 20px 2px;
}

.consultancy-question .overall-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.consultancy-question:hover span {
    text-decoration: underline;
}

.consultancy-question::before {
    display: inline-block;

    content: "";
    width: 32px;
    height: 16px;
    mask-image: url("/user/documents/upload/kodovani/whole-arrow-right.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/whole-arrow-right.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #C20B66;
}

.didnt-find {
    font-family: var(--template-headings-font);
    font-size: var(--size-h4);
    color: #fff;
    text-align: center;
}

.consultancy .btn-holder {
    margin-top: 16px;
    text-align: center;
}

.mybtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;
    padding: 10px 40px;

    border-radius: 20px 2px 20px 2px;
    font-family: var(--template-headings-font);
    text-decoration: none !important;
}

.mybtn:hover {
    text-decoration: underline !important;
}

.mybtn-white {
    background-color: #fff;
    color: #272727;
}

/*DRBKY*/

.cart-widget-product-name a:hover, .cart-widget-product-name>span {
    color: #AE5780;
}

.cart-free-shipping strong  {
    color: var(--color-secondary);
}

.cart-widget-product>div.cart-widget-product-unit {
    display: none;
}

.cart-widget-product-amount {
    width: 110px;
}

.site-msg.information {
    background-color: #E31156;
    opacity: 1;
    position: relative;
    width: 100%;
    max-width: 100%;
    bottom: auto;
    left: auto;
    text-align: center;
    color: #fff;
    letter-spacing: .05em;
}

.site-msg .close {
    display: none;
}

.site-msg.information .text {
    padding-right: 0;
}

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

.dkLabVisitedProductsNew:has(.swiper) {
    display: block;
}

.dkLabVisitedProductsNew {
    display: none;
}

.search-whisperer .p-name, .search-whisperer .price {
    color: var(--color-secondary);
}

#footer .contact-box a:hover, #footer .news-item-widget a:hover, #footer .password-helper a:hover, #footer ul a:hover {
    color: var(--color-secondary);
    text-decoration: underline;
}

.link-like:focus, .link-like:hover, a:focus, a:hover {
    color: var(--color-secondary);
    text-decoration: underline;
}

span.dkLabFavDeleteBtn {
    top: 10px;
    right: 10px;
}

.highlight {
    color: var(--color-secondary);
}

#content-wrapper:has(.cart-empty) .ordering-process__title {
    display: none;
}

.cart-empty .cart-heading {
    text-align: center;
    margin: 30px 0;
}

.video-wrapper {
    max-width: 560px;
}

.video-wrapper + .video-wrapper {
    margin-top: 32px;
}

.video-holder {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video-holder iframe, .video-holder video {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/*RESPO*/

@media (min-width: 1920px) {
    #header::after {
        max-width: 1920px;
    }

    .custom-footer__newsletter {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }

    #header {
        margin-left: auto;
        margin-right: auto;
        max-width: 1920px;
    }

    .id--9 .cart-summary::before, .id--9 .cart-content.summary-wrapper::before {
        max-width: 1920px;
    }
}

@media (min-width: 1440px) {
    .p-image-wrapper {
        display: flex;
        align-items: stretch;
        flex-direction: row-reverse;
        max-width: calc(100% - 565px);
    }

    .p-thumbnails {
        height: 100%;
        width: 100px;
    }

    .p-thumbnails > div {
        height: 100%;
        position: absolute;
        width: 100px;
    }

    .p-thumbnails-wrapper {
        height: inherit;
        margin-right: 20px;
    }

    .p-info-wrapper {
        max-width: 460px;
    }

    .p-thumbnails > div > div {
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: absolute;
        top: 0;
        transition: top 0.3s;
    }

    .p-thumbnails a {
        margin-left: 0;
        margin-right: 0;
    }

    .image360, .p-image {
        margin: 0;
    }

    .p-thumbnails > div > div::before, .p-thumbnails > div > div::after {
        content: none;
    }

    .p-thumbnails > div.arrow {
        width: 100px;
        position: absolute;
        left: 0;
        top: 0;
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 45%);
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .p-thumbnails > div.arrow.up {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 45%);
    }

    .p-thumbnails > div.arrow.down {
        top: auto;
        bottom: 0;
    }

    .p-thumbnails > div.arrow::after {
        content: "";
        width: 20px;
        height: 10px;
        position: relative;
        display: inline-block;
        mask-image: url("/user/documents/upload/kodovani/arrow-down.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/arrow-down.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: var(--color-secondary);
        margin: 15px 0 0;
    }

    .p-thumbnails > div.arrow.up::after {
        transform: rotate(180deg);
        margin: 0 0 15px;
    }

    .p-thumbnails-horizontal .p-thumbnail:before, .p-thumbnails-horizontal .show360image:before {
        content: none;
    }
}

@media (min-width: 768px) {
    .container {
        width: var(--narrow-container);
    }
}

@media (max-width: 1600px) and (min-width: 1440px) {

}

@media (max-width: 1600px) and (min-width: 768px) {
    .header-top .site-name-wrapper {
        margin-right: 40px;
    }

    .header-top #formSearchForm {
        width: 400px;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul, .mymenu .menu-level-2 {
        columns: 3;
    }

    .mymenu-wrapper {
        padding: 20px;
    }

    .mymenu > ul > li {
        padding: 0 20px 20px 0;
    }

    .mymenu-wrapper .mymenu-banners {
        flex: 0 0 320px;
    }

    .mymenu-highlighted {
        gap: 10px;
    }

    .mymenu-wrapper .mymenu-banners {
        gap: 10px;
    }

    .mymenu > ul > li > a.menu-image {
        margin-right: 15px;
    }

    .myhours {
        display: none;
    }
}

@media (max-width: 1600px) {
    :root {
        --wide-container: 1240px;
        --narrow-container: 1140px;
        --size-h1: 30px;
        --size-h2: 26px;
    }

    .row.banners-row:has(#carousel) > div {
        width: 100%;
    }

    .benefitBanner__item, .multiple-columns-body .benefitBanner__item, .benefitBanner__link {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .benefitBanner__picture {
        margin-right: 0;
    }

    .benefitBanner__content {
        padding-right: 0;
    }

    .benefitBanner {
        margin: 60px 0;
        gap: 20px;
    }

    .newsletter-header {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .payments-n-logistic > div {
        width: 70px;
        padding: 0 10px;
    }

    .custom-footer__newsletter {
        margin-top: 40px;
    }

    .myratings-inner > div:nth-child(4) {
        display: none;
    }

    .myratings-inner > div {
        width: calc(33.333% - 13.333px);
    }

    .swiper-button-next, .swiper-button-prev {
        top: 151px;
    }

    .p-image-wrapper {
        max-width: calc(100% - 460px);
    }

    .category-banner {
        min-height: 350px;
    }

    .category-banner::before {
        width: 480px;
        background-size: cover;
    }

    .decorated::before {
        width: 520px;
    }

    .decorated {
        margin-top: 140px;
    }
}

@media (max-width: 1439px) and (min-width: 768px) {
    #header .site-name a img {
        max-height: 35px;
    }

    .header-top #formSearchForm .form-control, .header-top #formSearchForm .btn {
        height: 42px;
    }

    .header-top #formSearchForm .btn {
        padding: 5px 20px;
    }

    .header-top #formSearchForm .form-control {
        background-size: 18px 18px;
        background-position: 8px center;
        padding-left: 32px;
    }

    .header-top #formSearchForm {
        width: 300px;
    }

    .header-contact {
        font-size: var(--size-smaller);
    }

    .header-top .btn.cart-count:before, .navigation-buttons > a[data-target=login]:before, .dkLabFavHeaderIconBtn::before {
        width: 28px;
        height: 28px;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > .mymenu-wrapper {
        flex-direction: column;
    }

    .mymenu-wrapper .mymenu-banners {
        flex-direction: row;
        justify-content: center;
    }

    .mymenu-favourites {
        margin-top: 25px;
    }
}

@media (max-width: 1439px) and (min-width: 992px) {
    .mycoupon form button {
        min-width: 80px;
    }
}

@media (max-width: 1439px) {
    :root {
        --nav-height: 50px;
        --wide-container: 1040px;
        --narrow-container: 940px;
        --size-h1: 26px;
        --size-h2: 24px;
        --size-h3: 20px;
    }

    .swiper-button-next, .swiper-button-prev {
        top: 140px;
    }

    .h4.homepage-group-title, h4.homepage-group-title {
        margin-bottom: 16px;
    }

    .products-block.products .p .price span, .products-block.products .p .price strong {
        font-size: 18px;
    }

    .hp-slider-wrap .products-block.products .p .price strong {
        font-size: var(--size-body);
    }

    .next-to-carousel-banners .extended-banner-texts {
        padding: 25px;
    }

    .benefitBanner {
        gap: 10px;
    }

    .next-to-carousel-banners {
        gap: 10px;
    }

    .top-banners-title {
        margin-bottom: 16px;
    }

    .footer-banners {
        margin-top: 16px;
    }

    .footer-banners-title {
        margin-bottom: 16px;
    }

    .benefitBanner {
        margin: 40px 0;
    }

    .footer-banners {
        gap: 10px;
    }

    .footer-banner .extended-banner-texts > .extended-banner-link {
        font-size: var(--size-body);
        padding: 8px 24px;
    }

    .footer-banner .extended-banner-texts {
        padding: 16px;
    }

    .inspiration-inner {
        gap: 10px;
    }

    .inspiration h3 {
        margin-bottom: 16px;
    }

    .myratings-inner {
        margin-top: 24px;
        gap: 10px;
    }

    .myratings-inner > div {
        width: calc(33.333% - 7px);
    }

    .myratings, .myinstagram, .main-claim, .consultancy {
        margin: 40px auto;
    }

    .top-banners-title {
        margin-top: 40px;
    }

    .whole-wrap {
        margin-bottom: 40px;
    }

    .reccomends .img-holder img {
        max-width: 80px;
    }

    .reccomends .img-holder {
        gap: 20px;
    }

    .reccomends .img-holder {
        padding-right: 20px;
        margin-right: 20px;
    }

    .reccomends .img-holder span {
        max-width: 155px;
    }

    .reccomends .img-holder::after {
        height: 60px;
    }

    .myratings-inner .vote-content {
        font-size: var(--size-smaller);
    }

    .custom-footer__newsletter {
        padding: 30px 0;
    }

    .newsletter-header {
        max-width: 300px;
    }

    .decorated-number {
        font-size: 40px;
    }

    .custom-footer > .custom-footer__banner2 {
        width: 100%;
    }

    .myfooter-contact {
        text-align: center;
        margin-bottom: 50px;
    }

    .myphone, .mymail {
        justify-content: center;
    }

    .socials {
        justify-content: center;
    }

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

    .myfooter-info {
        margin-top: 20px;
        gap: 20px;
    }

    .footer-bottom {
        align-items: center;
        text-align: center;
        gap: 0;
        flex-direction: column;
        padding-bottom: 10px;
    }

    .copyright {
        text-align: center;
    }

    #signature {
        margin: 0;
    }

    .custom-footer > div {
        text-align: center;
    }

    #footer h4::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .custom-footer {
        padding-top: 50px;
        gap: 20px;
        justify-content: space-between;
    }

    .custom-footer > div {
        width: 30%;
    }

    .desktop .products-block > div {
        width: 50%;
    }

    .category-header input[type=radio] + label {
        font-size: var(--size-smaller);
        padding: 0 13px;
    }

    .category-header div {
        font-size: var(--size-smaller);
    }

    .news-item .text .title {
        height: 50px;
    }

    #newsWrapper {
        margin-bottom: 40px;
    }

    .news-item-detail {
        margin-top: 16px;
    }

    .p-image-wrapper {
        max-width: calc(100% - 500px);
    }

    .id--9 .cart-content.summary-wrapper .next-step {
        gap: 14px;
    }

    .id--9 .extras-wrapper .extras-col:has(.extra.delivery) {
        max-width: 500px;
    }

    .cart-content select.form-control {
        min-width: 260px;
    }

    .id--16 .cart-content .next-step, .id--17 .cart-content .next-step {
        gap: 14px;
        align-items: stretch;
        flex-direction: column-reverse;
    }

    #submit-order {
        max-width: 100%;
    }

    .category-top:has(.category-banner) ol li {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .category-top:has(.category-banner) ol li::before {
        margin: 0 0 10px;
    }

    .category-top:has(.category-banner) ol {
        align-items: flex-start;
    }

    .category-banner .category-title {
        font-size: 36px;
    }

    .category-banner::after {
        height: 430px;
        top: 30%;
    }

    .category-banner {
        min-height: 250px;
    }

    .category-banner::before {
        width: 380px;
    }

    .favourite-category .img-holder {
        width: 55px;
        height: 55px;
    }

    .favourite-category {
        gap: 15px;
    }

    .decorated-inner {
        margin-right: 40px;
    }

    .decorated::before {
        width: 460px;
    }

    .decorated {
        margin: 100px auto 50px;
    }

    .consultancy h2 {
        font-size: var(--size-h2);
    }

    .consultancy-question {
        min-height: 44px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .navigation-buttons {
        gap: 10px;
    }
}

@media (max-width: 1199px) {
    :root {
        --narrow-container: 940px;
        --wide-container: 992px;
    }

    .p-detail-inner-header h1 {
        font-size: var(--size-h2);
    }

    .next-to-carousel-banners .extended-banner-texts {
        padding: 20px;
    }

    .products-block .p a.image, .dvpnProducts__item__image, .additional-product .img-holder, .hp-slider-wrap .products-block > div .p a.image {
        margin-bottom: 8px;
    }

    .swiper-button-next, .swiper-button-prev {
        top: 130px;
    }

    .myratings-inner > div {
        padding: 20px;
    }

    .category__secondDescription {
        padding: 40px 60px;
    }

    .pagination-wrapper .pagination {
        justify-content: center;
    }

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

    .filters-wrapper .filters-unveil-button-wrapper .btn {
        padding: 14px 24px;
        width: 100%;
    }

    .mobile .filters-wrapper .filters-unveil-button-wrapper .btn {
        background-color: #C20B66;
        border-color: #C20B66;
    }

    #content .filter-section fieldset div label, #footer .filter-section fieldset div label {
        margin-bottom: 0;
    }

    .slider-wrapper {
        max-width: 100%;
    }

    .advanced-order .extras-wrap .extra.step {
        width: auto;
    }

    .basic-description {
        padding-right: 0;
    }

    .description-inner {
        flex-direction: column;
    }

    .description-inner .extended-description {
        width: 100%;
    }

    .product-top {
        flex-direction: column;
        gap: 20px;
    }

    .p-image-wrapper, .p-info-wrapper {
        max-width: 100%;
        position: relative;
        top: auto;
    }

    .p-image > .p-main-image {
        display: none;
    }

    .p-image-wrapper:not(:has(.detail-photos-swiper)) .p-image > .p-main-image {
        display: block;
    }

    .p-thumbnails-wrapper {
        display: none;
    }

    .detail-photos-swiper .swiper-button-next, .detail-photos-swiper .swiper-button-prev {
        top: 50%;
        transform: translateY(-50%);
    }

    .detail-photos-swiper .swiper-button-next {
        right: 0;
        transform: translateY(-50%) rotate(180deg);
    }

    .detail-photos-swiper .swiper-button-prev {
        left: 0;
    }

    .need-help, .loyalty {
        max-width: 450px;
    }

    .product-top > div:not(.p-image-wrap) {
        width: 100%;
    }

    .detail-usps__inner {
        justify-content: center;
    }

    .detail-photos-swiper .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        height: initial;
    }

    .extended-description.smaller {
        max-height: 270px;
        overflow: hidden;
        position: relative;
    }

    .extended-description:not(.smaller) .show-whole-table {
        display: none;
    }

    .show-whole-table {
        position: absolute;
        width: 100%;
        height: 70px;
        padding-bottom: 10px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        cursor: pointer;
        bottom: 0;
        left: 0;
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
        text-decoration: underline;
    }

    .products-block .p {
        border-right: 1px solid transparent;
    }

    #productVideos iframe {
        height: 100%;
    }

    .benefitBanner {
        max-width: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header-contact {
        display: none;
    }

    .header-top > div {
        flex: 0 0 33.333%;
    }

    .header-top .site-name-wrapper {
        margin-right: 0;
    }

    .header-top > div.navigation-buttons {
        flex: 0 0 170px;
    }

    .navigation-in {
        font-size: var(--size-smaller);
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul, .mymenu .menu-level-2 {
        columns: 2;
    }

    .mymenu-banner__title {
        max-width: 250px;
    }
}

@media (max-width: 991px) {
    :root {
        --wide-container: 100%;
        --narrow-container: 100%;
    }

    .content-wrapper.container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .benefitBanner {
        justify-content: center;
        gap: 20px 40px;
    }

    .footer-banners > div, .footer-banners > div:nth-child(5) {
        grid-row: span 2;
    }

    .mobile.in-index .decorated, .mobile.in-index .myratings, .mobile.in-index .myinstagram {
        padding: 0 20px;
    }

    .inspiration {
        padding: 0 20px;
    }

    .myratings-inner > div {
        width: calc(50% - 5px);
    }

    .myratings-inner > div:nth-child(4) {
        display: block;
    }

    .myratings-inner {
        flex-wrap: wrap;
    }

    .payments-n-logistic {
        width: 100%;
        order: 1;
        justify-content: center;
    }

    .myfooter-info {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-newsletter__inner {
        margin-left: 240px;
    }

    .custom-footer__newsletter {
        padding: 20px 0;
    }

    .myfooter-contact {
        margin-bottom: 30px;
    }

    .type-category #content {
        padding-left: 0;
        padding-right: 0;
    }

    .desktop #content-wrapper > .category__secondDescription {
        margin: 0;
    }

    .desktop:not(.in-index) .decorated, .desktop:not(.in-index) .myinstagram {
        padding: 0;
    }

    .category__secondDescription:has(.second-description__inner) {
        gap: 50px;
    }

    #newsWrapper, .last-blog-posts__inner {
        grid-template-columns: repeat(2, 1fr);
    }

    #newsWrapper .news-item, .last-blog-posts__inner .news-item {
        gap: 16px;
    }

    .news-item-detail > h1 {
        margin: 0 0 25px;
    }

    .news-item-detail h2 {
        margin: 25px 0 15px;
    }

    .news-item-detail h3 {
        margin: 25px 0 15px;
    }

    .news-item-detail h4 {
        margin: 25px 0 15px;
    }

    .next-to {
        gap: 10px;
        margin: 30px 0;
    }

    .next-to img {
        max-width: calc(50% - 5px) !important;
    }

    .advanced-order .extras-wrap .extra {
        width: auto;
    }

    .advanced-order .extras-wrap .extra.delivery {
        width: 100%;
        order: -1;
    }

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

    .advanced-order .extras-wrap {
        justify-content: center;
        gap: 30px;
    }

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

    #productVideos > h3:first-child {
        display: none;
    }

    .type-detail #tab-content .tab-pane {
        margin-bottom: 40px;
    }

    .product-top > div {
        padding-left: 0;
        padding-right: 0;
    }

    .shp-tabs-wrapper.p-detail-tabs-wrapper > .row > div {
        padding-left: 0;
        padding-right: 0;
    }

    .inspiration-loader .inspiration {
        padding: 0;
    }

    .type-detail .dkLabVisitedProductsNew {
        margin-left: -20px;
        margin-right: -20px;
    }

    ol.cart-header {
        margin-bottom: 20px;
    }

    .cart-table .cart-p-image img {
        width: 56px;
        height: 56px;
    }

    .cart-table .cart-p-image {
        height: 76px;
        width: 76px;
    }

    .cart-table tr > td {
        padding: 16px 14px;
    }

    .p-total .price-final {
        margin-right: 0px;
    }

    .additional-products-title, div:has(.hp-slider-wrap) .homepage-group-title {
        margin: 20px 0;
        font-size: var(--size-h5);
    }

    .id--9 .cart-summary {
        flex-direction: column;
        align-items: flex-start;
    }

    .id--9 .cart-summary .price-wrapper {
        padding: 0;
        margin: 25px 0 0;
        width: 100%;
        justify-content: flex-end;
    }

    .id--9 .cart-summary {
        padding: 24px 0;
    }

    .id--9 .cart-content {
        padding-left: 0;
        padding-right: 0;
    }

    .id--9 .cart-content.summary-wrapper .next-step {
        padding: 0;
        margin-bottom: 0;
    }

    .cart-table tr {
        padding-left: 0;
        padding-right: 0;
    }

    .order-summary-item .price-wrapper {
        padding: 0;
    }

    #checkoutSidebar {
        padding-left: 0;
    }

    .id--15 #content-wrapper {
        padding: 0;
    }

    .category-banner {
        min-height: 250px;
    }

    .category-banner::before {
        width: 45%;
    }

    .favourite-category {
        width: calc(50% - 10px);
    }

    .type-detail .dkLabVisitedProductsNew {
        margin-left: 0;
        margin-right: 0;
    }

    .shp-tabs-row.responsive-nav {
        display: none;
    }

    .in-index .decorated {
        margin: 60px 20px 50px;
    }

    .decorated {
        margin: 60px 0 50px;
    }

    .decorated::before {
        width: 360px;
    }

    .consultancy-questions {
        gap: 20px;
    }

    .listingControls {
        justify-content: center;
        align-items: center;
    }

    .listingControls .loadMore {
        justify-content: center;
    }

    .listingControls .pagination {
        margin-inline: auto;
    }
}

@media (max-width: 767px) {
    .mobile .row.banners-row:has(#carousel) > div {
        padding: 0;
    }

    .mobile .row.banners-row:has(#carousel) {
        padding-top: 0;
    }

    .responsive-tools > a[data-target=search] {
        display: none;
    }

    .responsive-tools > a[data-target=login] {
        display: block;
    }

    #header .site-name {
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        top: -71px;
    }

    .responsive-tools > a[data-target=navigation] {
        right: auto !important;
        left: 11px;
        top: 60px !important;
        width: auto !important;
        height: auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        position: absolute !important;
    }

    .responsive-tools > a[data-target=navigation]::before {
        content: "";
        width: 24px;
        height: 18px;
        mask-image: url("/user/documents/upload/kodovani/three-lines.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/three-lines.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #C20B66;
        border-radius: 0;
    }

    .responsive-tools > a[data-target=navigation]::after {
        content: "Menu";
        font-size: var(--size-smaller);
        font-weight: 500;
        color: #C20B66;
        line-height: 1;
        text-transform: uppercase;
    }

    .top-navigation-bar .responsive-tools {
        height: 64px;
    }

    .header-top .btn.cart-count:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 32px;
        height: 32px;
        mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #C20B66;
    }

    .responsive-tools > a[data-target=login]:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 32px;
        height: 32px;
        mask-image: url("/user/documents/upload/kodovani/user.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/user.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #C20B66;
        margin: 0;
    }

    body.template-11 .dkLabFavHeaderIconBtn::before {
        color: #C20B66;
    }

    .navigation-window-visible .responsive-tools > a[data-target=navigation]::before {
        width: 17px;
        height: 17px;
        mask-image: url("/user/documents/upload/kodovani/x.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/x.svg");
    }

    .navigation-window-visible #navigation {
        width: 100%;
    }

    #navigation {
        top: 110px;
        bottom: 0;
        height: auto;
        right: auto;
        left: 0;
        overflow: auto;
    }

    .navigation-in {
        background-color: var(--color-primary);
    }

    .navigation-in > ul:last-child {
        margin-bottom: 0;
    }

    .navigation-close {
        display: none;
    }

    #navigation .submenu-arrow {
        margin-left: auto;
        transform: rotate(270deg);
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .navigation-in > ul > li > a > b, .navigation-in > ul > li > a > span {
        padding: 0;
    }

    .navigation-in > ul > li > a > b {
        line-height: 1.4;
    }

    .navigation-in ul li {
        border-top: 1px solid #DADADA;
        margin: 0 15px;
        padding: 0;
    }

    .navigation-in ul > li:first-child {
        border-top: none;
    }

    .navigation-in > ul > li:first-child > a {
        border-top: none;
    }

    .navigation-in ul li a {
        text-transform: uppercase;
        color: var(--color-secondary);
        font-weight: 500;
        border: none;
        letter-spacing: .1em;
        padding: 0;
        min-height: 55px;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .navigation-in a:hover, .navigation-in a:focus {
        color: var(--color-secondary);
    }

    .navigation-in ul.menu-level-1, .navigation-in ul.navigationActions {
        background-color: var(--color-primary);
    }

    .navigation-in > ul > li:last-child {
        border-bottom-width: 0;
    }

    .header-contact {
        height: 46px;
        border-bottom: 1px solid #DADADA;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        width: calc(100% - 30px);
        left: 50%;
        transform: translateX(-50%);
    }

    #header .cart-count {
        top: -65px;
    }

    .top-navigation-bar {
        padding-top: 46px;
        background-color: #fff;
    }

    .header-contact__phone {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-contact__phone::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px;
        mask-image: url("/user/documents/upload/kodovani/phone.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #C20B66;
    }

    .header-contact__phone a {
        font-weight: 500;
        color: #272727;
    }

    .header-contact__phone .myhours {
        font-weight: 300;
        font-size: var(--size-smaller);
        color: #272727;
    }

    .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .site-name {
        transform: translate(-50%, -100px);
    }

    .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .cart-count {
        transform: translateY(-100px);
    }

    .type-index .overall-wrapper {
        padding-top: 190px;
    }

    .overall-wrapper {
        padding-top: 190px;
    }

    #header {
        padding-top: 15px;
        top: 110px;
        transition: transform .15s;
        padding-bottom: 15px;
    }

    #header .search {
        display: block;
    }

    #header .search-form {
        display: block;
    }

    .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header {
        transform: translateY(-175px);
        padding-bottom: 0;
    }

    #formSearchForm .form-control, #formSearchForm.compact-form .btn {
        height: 50px;
    }

    #formSearchForm.compact-form .btn {
        font-family: var(--template-headings-font);
        padding: 5px 24px;
        background: linear-gradient(277.85deg, #9F0250 12.11%, #C20B66 100%);
        border-radius: 20px 0 20px 0;
        border: none;
    }

    #header .navigation-wrapper {
        padding: 0 15px;
    }

    #formSearchForm .form-control {
        border-color: var(--main-border-color);
        border-radius: 20px 0 20px 0;
        background-image: url("/user/documents/upload/kodovani/magnifier.svg");
        background-size: 23px 23px;
        background-position: 14px center;
        background-repeat: no-repeat;
        padding-left: 50px;
        padding-right: 120px;
    }

    #formSearchForm ::placeholder {
        color: transparent;
    }

    .submenu-visible .menu-helper > ul > li.ext.exp > ul, .submenu-visible .navigation-in > ul > li.ext.exp > ul, .navigation-in > ul > li.ext.exp > ul {
        transform: none;
        height: auto;
    }

    .navigation-in:has(ul li.ext.exp) {
        background-color: #fff;
    }

    .navigation-in > ul > li.ext > ul {
        transform: translateX(-110%);
        transition: transform .15s;
        background-color: #fff;
        display: block;
        position: absolute;
        left: 0;
        height: 100%;
        width: 100%;
    }

    #navigation .menu-level-1:has(>.exp) > li:not(.exp) {
        display: none;
    }

    ul.navigationActions li:has(a[data-testid="signin"]) {
        display: none;
    }

    .navigation-in > ul > li.ext.exp > a {
        justify-content: center;
        position: relative;
    }

    .navigation-in > ul > li.ext.exp > a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 84px;
        height: 6px;
        background-color: var(--color-secondary-hover);
    }

    #navigation .navigation-in > ul > li.ext.exp > a .submenu-arrow {
        margin-left: 0;
        position: absolute;
        left: -10px;
    }

    li.exp > a .submenu-arrow:after {
        transform: rotate(180deg);
    }

    .navigation-in ul.menu-level-2 > li:first-child a {
        border-top: none;
    }

    .navigation-in ul.menu-level-2 li a {
        padding-left: 0px;
    }

    .navigation-in a.menu-image {
        display: inline-block;
        display: none;
        width: 40px;
        height: 55px;
        padding: 0 !important;
        margin-right: 12px;
        min-height: unset;
        flex-shrink: 0;
    }

    .navigation-in a.menu-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .navigation-in ul li.ext.exp ul li {
        display: flex;
        align-items: center;
    }

    .navigation-in ul.menu-level-2 li a {
        text-transform: none;
        letter-spacing: unset;
    }

    .menu-level-2 li.has-third-level > div {
        width: 100%;
    }

    .navigation-in ul.menu-level-2 li a {
        padding: 0;
    }

    .navigation-in ul.menu-level-2 > li.exp {
        align-items: flex-start !important;
    }

    .navigation-in .has-third-level div > ul a {
        color: var(--color-secondary);
    }

    #navigation .menu-level-2 .submenu-arrow {
        transform: rotate(0deg);
        transition: all ease 300ms;
    }

    #navigation .menu-level-2 .exp .submenu-arrow {
        transform: rotate(180deg);
    }

    .content-wrapper.container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .inspiration {
        padding: 0 15px;
    }

    .mobile.in-index .decorated, .mobile.in-index .myratings, .mobile.in-index .myinstagram {
        padding: 0 15px;
    }

    .footer-bottom {
        font-size: var(--size-smaller);
    }

    .swiper-button-next, .swiper-button-prev {
        width: 28px;
        height: 28px;
    }

    .swiper-button-prev {
        left: -14px;
    }

    .swiper-button-next {
        right: -14px;
    }

    .next-to-carousel-banners {
        grid-template-columns: 1fr;
    }

    .benefitBanner__item, .multiple-columns-body .benefitBanner__item {
        flex: 0 0 180px;
    }

    .footer-banners {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        gap: 16px 7px;
    }

    .footer-banners > div {
        padding: 0 !important;
        max-height: 200px;
    }

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

    .footer-banners > div:first-child {
        grid-row: span 1;
        grid-column: span 2;
    }

    .footer-banners > div:nth-child(2), .footer-banners > div:nth-child(3), .footer-banners > div:nth-child(7), .footer-banners > div:nth-child(6), .footer-banners > div, .footer-banners > div:nth-child(5) {
        grid-row: span 1;
    }

    .next-to-carousel-banners .extended-banner-texts {
        padding: 16px;
    }

    .next-to-carousel-banners {
        gap: 16px;
    }

    .main-claim {
        font-size: var(--size-body);
        max-width: 400px;
        margin: 24px auto;
    }

    .footer-banner .extended-banner-texts {
        padding: 12px;
    }

    .footer-banners > div:first-child .extended-banner-texts {
        padding: 24px;
    }

    .footer-banner .extended-banner-texts > .extended-banner-link {
        padding: 12px 24px;
    }

    .inspiration-inner {
        display: flex;
        flex-direction: column;
    }

    .inspiration h3 {
        margin-bottom: 24px;
    }

    .myratings, .decorated, .myinstagram, .main-claim, .consultancy {
        margin: 32px auto;
    }

    .myratings-inner {
        align-items: flex-start;
    }

    .myratings-inner > div {
        width: 100%;
        min-height: unset;
    }

    .vote-name, .vote-product-name, .vote-title {
        font-size: 16px;
    }

    .myratings-inner .vote-content {
        font-size: var(--size-body);
    }

    .decorated-title, .decorated-rest {
        font-size: var(--size-h2);
    }

    .decorated-number {
        font-size: 56px;
    }

    .myinstagram__inner {
        gap: 7px;
    }

    .myinstagram-link {
        text-decoration: underline;
    }

    .myinstagram__inner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .myinstagram__inner > a:first-child, .myinstagram__inner > a {
        grid-row: span 1;
        grid-column: span 1;
    }

    .myinstagram__inner > a:nth-child(n + 7) {
        display: none;
    }

    .footer-newsletter__inner {
        max-width: 345px;
        margin: 0 auto;
    }

    #formNewsletterWidget .consents a, #formNewsletterWidget .consents {
        color: #575757;
    }

    .footer-heureka {
        display: none;
    }

    .custom-footer > div {
        width: 100%;
    }

    #footer h4::after {
        content: none;
    }

    #footer .banner {
        min-height: unset;
    }

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

    #footer > .footer-rows {
        padding: 0;
    }

    .custom-footer > div {
        border-bottom: 1px solid #DADADA;
    }

    .custom-footer > div.custom-footer__banner5 {
        border-bottom: none;
    }

    #footer h4 {
        padding: 16px 15px;
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #footer h4::after {
        content: "";
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        mask-image: url("/user/documents/upload/kodovani/arrow-down.svg");
        mask-repeat: no-repeat;
        mask-size: 11px 6px;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/arrow-down.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 11px 6px;
        -webkit-mask-position: center;
        background-color: var(--color-secondary);
        left: auto;
        transform: none;
        bottom: auto;
        transition: all ease 300ms;
    }

    #footer h4.collapsed::after {
        transform: rotate(180deg);
    }

    .custom-footer > div {
        text-align: left;
    }

    #footer ul {
        padding: 0 15px;
        margin: 15px 0;
    }

    .custom-footer {
        gap: 0;
    }

    .myfooter-info {
        border: none;
        padding: 0 15px;
    }

    #signature, .copyright {
        margin: 5px 0;
    }

    .subcategories {
        gap: 7px;
    }

    .subcategories li {
        flex: 1 0 200px;
    }

    #category-header > div:has(.total-amount) {
        display: none;
    }

    .subcategories {
        margin: 16px 0;
    }

    .category-title {
        margin: 16px 0;
    }

    .category-header {
        margin: 24px 0;
    }

    .products-block.products:not(.swiper-wrapper) > div {
        padding: 0 4px 24px;
    }

    .category__secondDescription:has(.second-description__inner) {
        flex-direction: column;
        gap: 16px;
        padding: 32px 16px;
        align-items: flex-start;
    }

    .advanced-order .product-added {
        gap: 10px;
    }

    .advanced-order .h2[data-testid="textPopupProductName"] {
        gap: 4px;
    }

    .p-image-wrap {
        max-width: 100%;
    }

    .p-image {
        margin-bottom: 0;
    }

    .type-detail .dkLabVisitedProductsNew {
        margin-left: 0;
        margin-right: 0;
    }

    .shp-tabs-wrapper.p-detail-tabs-wrapper > .row > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .content-wrapper.container .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    h4.toggle-content {
        margin: 0 -15px;
        padding: 16px 15px;
    }

    .rate-wrapper.unveil-wrapper .rate-wrap {
        flex-direction: column;
        gap: 15px;
    }

    .rate-wrapper.unveil-wrapper .rate-wrap::before, .rate-wrapper.unveil-wrapper .rate-wrap::after {
        content: none;
    }

    .rate-wrapper.unveil-wrapper .rate-wrap > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-contact:has(.header-contact__mail) {
        display: none;
    }

    ol.cart-header li {
        display: block;
    }

    .ordering-process .top-navigation-bar {
        position: fixed;
    }

    .ordering-process .site-name {
        display: block;
    }

    .ordering-process .overall-wrapper {
        padding-top: 175px;
    }

    ol.cart-header {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
    }

    ol.cart-header li {
        padding: 0 15px;
        border: none;
    }

    .ordering-process__title {
        margin: 20px 0 0;
    }

    body.fvStudio-Classic .fvDoplnek-produkt {
        padding: 0;
    }

    body.fvStudio-Classic div.fvDoplnek h4 {
        margin-left: 0;
    }

    .id--9 .cart-content {
        padding: 20px 15px 0;
    }

    .cart-table .p-quantity {
        text-align: left !important;
        padding-left: 0;
    }

    .cart-table .p-total {
        position: initial;
    }

    .cart-table .p-total .p-label {
        display: none;
    }

    .cart-table .p-total form {
        position: absolute;
        top: 6px;
        right: 0;
    }

    .cart-table tr {
        position: relative;
        margin-bottom: 0;
        padding: 16px 10px;
    }

    .cart-table tr > td {
        padding: 0;
    }

    .cart-table tr > td.cart-p-image {
        padding: 0px 7px 7px 0;
        margin: 0;
        width: 63px;
        flex: 0 0 63px;
        height: 80px;
    }

    .cart-table tr > td.p-name {
        padding: 0px 40px 7px 10px;
        flex: 0 0 calc(100% - 63px);
        align-self: flex-start;
    }

    .cart-table tr > td.p-total {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price {
        margin: 0;
    }

    body.fvStudio-Classic .fvDoplnek-produkt {
        padding-bottom: 15px;
    }

    .fvDoplnek-upsell > h4 {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    body.fvStudio-Classic .fvDoplnek .header .fvDoplnek-text {
        margin-top: 0;
    }

    body.fvStudio-Classic .fvDoplnek .header .fvDoplnek-text .name {
        flex-grow: 1;
        line-height: 1.3;
    }

    body.fvStudio-Classic .fvDoplnek {
        margin-bottom: 24px;
    }

    .fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price {
        flex-shrink: 0;
    }

    .id--16 ol.cart-header {
        max-width: calc(100% - 30px);
        margin: 20px auto 20px;
        padding-bottom: 24px;
        border-bottom: 1px solid #DADADA;
    }

    .id--16 #header {
        padding-bottom: 0;
    }

    .id--16 #header .search {
        display: none;
    }

    .id--16 .top-navigation-bar {
        border-bottom: 12px solid var(--color-primary);
    }

    .ordering-process.id--16 .overall-wrapper {
        padding-top: 122px;
    }

    .ordering-process.id--16 .responsive-tools > a[data-target=navigation], .ordering-process.id--17 .responsive-tools > a[data-target=navigation] {
        display: none;
    }

    .id--16 #header .site-name, .id--17 #header .site-name {
        transform: none;
        left: 15px;
    }

    .co-box {
        border: none !important;
        padding: 15px !important;
        margin-bottom: 0;
    }

    .cart-content select.form-control {
        min-width: 480px;
    }

    #checkoutContent .co-basic-information > .row > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .radio-wrapper input[type=radio] + label .payment-logo {
        margin-right: 15px;
    }

    .ordering-process input[type=checkbox] + label, input[type=radio] + label {
        padding-left: 32px;
    }

    .ordering-process .radio-wrapper {
        padding: 0;
    }

    #checkoutSidebar .cart-content > .order-summary {
        border: none;
        padding: 15px;
    }

    .ordering-process .radio-wrapper input[type=radio] + label {
        margin-right: 0;
    }

    #summary-box .cart-items {
        padding: 0;
    }

    .id--17 .smart-label-wrapper.phone-form-group .form-control {
        min-width: unset;
    }

    .id--17 .smart-label-wrapper .form-control {
        min-width: unset;
        width: 100%;
    }

    .phone-combined-input {
        max-width: 100%;
    }

    .co-box.co-billing-address {
        padding-bottom: 4px !important;
    }

    .id--15 #content-wrapper {
        padding: 0 20px;
    }

    .id--15 .co-box .row {
        margin-left: 0;
        margin-right: 0;
    }

    .id--15 .co-payment-method > .row > div {
        padding: 0;
    }

    .id--15 .co-box.co-order .cart-table {
        margin-left: 0;
        margin-right: 0;
        width: auto;
    }

    .id--15 .cart-table tr > td.p-name {
        flex: 1 1 auto;
        padding: 16px;
        flex-grow: 1;
        align-self: center;
    }

    .id--15 .cart-table tr {
        flex-wrap: nowrap;
        align-items: center;
        padding-bottom: 0;
    }

    .id--15 .cart-table tr > td {
        width: auto;
    }

    .id--15 .cart-table tr > td.p-quantity {
        text-align: right !important;
    }

    .id--15 table.table.recapitulation-table > tbody > tr {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .id--15 table.table.recapitulation-table > tbody > tr > * {
        width: auto;
    }

    .id--15 table.table.recapitulation-table > tbody > tr > th {
        min-width: 150px;
    }

    .category-banner {
        padding: 40px 34px 200px;
    }

    .category-banner::after {
        content: none;
    }

    .category-banner::before {
        width: 100%;
        height: 50%;
        transform: translateX(-50%);
        left: 50%;
        top: auto;
        bottom: 0;
        background-image: url("/user/documents/upload/kodovani/gift-image-mobile.png");
        background-position: center top;
    }

    .category-banner {
        align-items: center;
        text-align: center;
    }

    .category-top:has(.category-banner) ol li {
        width: auto;
        flex: 1 0 100%;
        flex-direction: row;
        align-items: center;
        text-align: left;
    }

    .category-top:has(.category-banner) ol li::before {
        margin: 0 16px 0 0;
    }

    .navigation-buttons a[data-target=cart] i, .navigation-buttons a[data-target=cart]:hover i {
        background-color: var(--color-secondary-hover);
    }

    body.template-11.mobile-header-version-1 #dkLabFavHeaderWrapper {
        right: 108px;
        top: -63px;
    }

    .popup-widget.cart-widget, .popup-widget.login-widget {
        padding-top: 175px;
    }

    .columns-mobile-2 .products-block > div .flags-extra {
        display: none;
    }

    .dkLabFavHeaderIconBtn em {
        background-color: var(--color-secondary-hover);
    }

    .products-inline.products-top > div .p {
        flex-direction: column;
    }

    .products-inline.products-top > div .p .p-in {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .products-inline > div .p .p-in .p-in-in .ratings-wrapper {
        justify-content: center;
    }

    .products-inline.products-top > div .p .p-in .p-bottom > div {
        text-align: center;
    }

    .whole-wrap:has(#productsTop) {
        padding: 0 30px;
    }

    .products-inline.products-top > div .p {
        flex-direction: row;
    }

    .hp-slider-wrap .products-block > div .ratings-wrapper .availability {
        margin-bottom: 0;
    }

    .additional-products-title, div:has(.hp-slider-wrap) .homepage-group-title {
        min-height: 36px;
    }

    .additional-product .add-to-cart-button, .hp-slider .add-to-cart-button {
        min-height: 38px;
    }

    .hp-slider .products-block.products .p .price {
        line-height: 1.4;
    }

    .hp-slider .products-block.products .p .prices {
        margin-bottom: 0;
    }

    .hp-slider .products-block .ratings-wrapper {
        margin-bottom: 0;
    }

    .decorated::before {
        position: absolute;
        height: 210px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        display: block;
        max-width: 100%;
    }

    .decorated-inner {
        margin-left: auto;
        margin-right: auto;
        padding: 20px 0 240px;
    }

    .decorated {
        max-width: 400px;
    }

    .navigation-in ul li.appended-category {
        display: none;
    }

    label[for="inner-diameter"] {
        width: 100%;
    }

    #inner-diameter {
        margin: 10px 10px;
    }

    ul.navigationActions > li:has(a[href*="changeCurrency"]) {
        display: none;
    }

    .cart-table tr > td:last-child {
        padding-right: 0;
    }

    .id--16 .cart-login {
        margin-inline: 15px;
    }
    .custom-footer__newsletter::before {
        content: none;
    }
    .navigation-in>ul>li>a>b {
        font-weight: 500;
    }
    .benefitBanner__data br {
        display: none;
    }
    .consultancy-questions {
        grid-template-columns: 1fr;
    }
    .homepage-box.welcome-wrapper {
        padding-inline: 0;
    }
    .language-switcher {
        position: absolute;
        left: 70px;
    }
}

@media (max-width: 499px) {
    #carousel {
        margin: 0 -15px;
    }

    .inspiration {
        padding: 0;
    }

    .myratings-title {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .reccomends .img-holder {
        padding: 0 0 16px;
        margin: 0 0 16px;
        text-align: left;
    }

    .reccomends .img-holder::after {
        width: 77px;
        height: 1px;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        top: auto;
    }

    .myratings-inner > div {
        padding: 32px;
    }

    .mobile .decorated {
        padding: 0;
    }

    .myinstagram__inner {
        margin-left: -15px;
        margin-right: -15px;
    }

    .payments-n-logistic {
        flex-wrap: wrap;
    }

    .payments-n-logistic > div {
        width: 90px;
    }

    .custom-footer__newsletter {
        padding-top: 20px;
        background-image: none;
        background-color: #EBEBEB;
    }

    .footer-newsletter__inner {
        padding: 0 15px;
    }

    .benefitBanner {
        gap: 0;
        justify-content: unset;
        flex-wrap: nowrap;
        transform: none;
        left: auto;
        padding-block: 0 !important;
    }

    .benefitBanner::before {
        content: none !important;
    }

    .benefitBanner__item, .multiple-columns-body .benefitBanner__item, .benefitBanner__link {
        display: flex;
        flex-direction: row;
        flex: 1 0 auto;
        text-align: left;
        gap: 0;
    }

    .benefitBanner__item {
        max-width: calc(100% - 20px);
    }

    .benefitBanner__data {
        max-width: calc(100% - 20px)
    }

    .benefitBanner__content {
        padding-right: 0;
    }

    .big-wrap {
        position: relative;
        margin: 0;
    }

    .big-wrap .swiper-button-next {
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        margin: 0;
        right: 0;
    }

    .products-block.products > div {
        height: initial;
    }

    .p-in {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .p-bottom {
        margin-top: auto;
    }

    .carousel-control.left, .carousel-control.right {
        width: 50px;
    }

    .carousel-control.left:before, .carousel:hover .carousel-control.left:before {
        left: 12px;
    }

    .carousel-control.right:before, .carousel:hover .carousel-control.right:before {
        right: 12px;
    }

    .subcategories li {
        flex: 1 0 160px;
    }

    .myproduct-banner__inner {
        padding: 16px 12px;
    }

    .myproduct-banner__title {
        font-size: var(--size-h5);
    }

    .myproduct-banner__title {
        margin-bottom: 8px;
    }

    .products-block:not(.swiper-wrapper) {
        margin: 0 -4px;
    }

    .category__secondDescription:has(.second-description__inner) {
        margin: 0 -15px;
    }

    body:not(.in-index) .decorated {
        margin-left: -15px;
        margin-right: -15px;
    }

    .mobile.in-index .decorated {
        margin: 0;
    }

    .benefitBanner__picture {
        margin-right: 16px;
    }

    #category-header input[type="radio"]:checked + label {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        order: -1;
    }

    #category-header input[type="radio"]:checked + label::after {
        content: "";
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        margin-left: 12px;
        mask-image: url("/user/documents/upload/kodovani/black-chevron-left.svg");
        mask-repeat: no-repeat;
        mask-size: 6px 11px;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/black-chevron-left.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 6px 11px;
        -webkit-mask-position: center;
        background-color: var(--color-secondary);
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        border-radius: 0;
        transform: rotate(270deg);
        transition: all ease 300ms;
    }

    #category-header input[type="radio"]:checked + label.opened::after {
        transform: rotate(90deg);
    }

    #category-header label {
        display: none;
        text-align: right;
    }

    #category-header fieldset {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .category-header input[type=radio] + label {
        padding-right: 0;
    }

    .category-header input[type=radio] + label {
        text-decoration: none;
    }

    #newsWrapper, .last-blog-posts__inner {
        grid-template-columns: 1fr;
    }

    .news-item {
        padding-bottom: 0;
    }

    #newsWrapper .news-item, .last-blog-posts__inner .news-item {
        gap: 24px;
    }

    .news-item .text .title {
        font-size: var(--size-h2);
        height: 56px;
    }

    .news-item .text .description {
        margin-bottom: 8px;
    }

    .type-posts-listing .subcategories li {
        flex: 1 0 110px;
    }

    .type-posts-listing .subcategories {
        margin-bottom: 24px;
    }

    .advanced-order .p-final-price-wrapper {
        display: none;
    }

    .advanced-order .extra .btn {
        min-width: 182px;
    }

    .advanced-order .extras-wrap {
        gap: 10px;
    }

    .advanced-order .extras-wrap .extra.delivery {
        margin-bottom: 0px;
    }

    .advanced-order .extras-wrap .extra, .advanced-order .extras-wrap .extra.step {
        width: 100%;
    }

    .advanced-order .extra .btn {
        width: 100%;
    }

    .extra.delivery:not(:has(.price-range)) {
        justify-content: center;
    }

    .advanced-order .extras-wrap .extra.delivery:not(:has(.price-range)) span {
        flex-grow: 0;
    }

    .advanced-order .extras-wrap .extra.back {
        order: 1;
    }

    .detail-usps__inner {
        justify-content: space-between;
    }

    .detail-usp__text {
        font-size: 13px;
    }

    .detail-usp .img-holder img {
        width: 12px;
        height: 12px;
    }

    .detail-usps__inner {
        gap: 10px;
        flex-wrap: nowrap;
    }

    .buy-box {
        margin-bottom: 12px;
    }

    .detail-usps {
        margin-bottom: 18px;
    }

    .need-help {
        flex-direction: column;
        gap: 5px;
    }

    .need-help__title {
        max-width: 100%;
    }

    .buy-box__bottom {
        gap: 10px;
        flex-wrap: wrap;
    }

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

    .buy-box__bottom {
        padding: 0 12px;
    }

    .buy-box__top {
        padding: 18px 12px 12px;
    }

    .buy-box__delivery {
        padding: 16px 12px;
    }

    .inspiration-loader .inspiration {
        margin: 0 -15px;
    }

    .p-detail .stars-wrapper {
        flex: 1 1 auto;
        flex-wrap: wrap;
    }

    ol.cart-header li a span, ol.cart-header li strong span {
        font-size: 13px;
    }

    ol.cart-header li {
        padding: 0 9px;
    }

    ol.cart-header {
        margin-bottom: 24px;
    }

    .cart-table {
        margin-top: 0;
        margin-bottom: 12px;
    }

    .id--16 .cart-content .next-step {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .cart-content select.form-control {
        min-width: unset;
    }

    .ordering-process .radio-wrapper input[type=radio] + label {
        flex-wrap: nowrap;
    }

    .payment-info {
        padding-right: 0;
    }

    .cart-content select.form-control {
        font-size: var(--size-body);
    }

    .id--17 .smart-label-wrapper .form-control {
        min-width: unset;
        width: 100%;
    }

    .myorder-summary {
        margin: 0 -15px 24px;
        width: auto;
        padding: 32px 15px;
    }

    .myorder-summary .order-summary-heading {
        flex-direction: column;
        gap: 12px;
    }

    .myorder-summary .order-summary-heading::before {
        margin: 0;
    }

    .id--15 #content-wrapper {
        padding: 0 15px;
    }

    .id--15 table.table.recapitulation-table > tbody > tr {
        align-items: flex-start;
    }

    .id--15 .cart-table tr > td.p-quantity {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-left: 0;
    }

    .id--15 .cart-table tr > td.p-quantity > span {
        display: none;
    }

    .category-banner {
        padding-bottom: 220px;
    }

    .category-banner .category-title {
        font-size: 32px;
    }

    .category-banner {
        padding: 40px 20px 200px;
        margin: 0 -15px;
    }

    .favourite-category {
        width: 100%;
    }

    .mobile.in-index .decorated {
        padding: 0;
    }

    #header .site-name {
        left: 90px;
        transform: none;
    }

    .additional-swipers:has(>div:nth-child(2)) {
        flex-direction: column;
        gap: 0;
    }

    .additional-swipers:has(>div:nth-child(2)) > div {
        width: 100%;
    }

    .additional-products-title, div:has(.hp-slider-wrap) .homepage-group-title {
        min-height: unset;
    }

    .id--9 .whole-wrap {
        margin-bottom: 0;
    }

    .additional-swipers {
        margin-bottom: 40px;
    }

    .decorated-inner {
        padding-bottom: 210px;
    }

    .products-inline.products-top > div .p .image {
        min-height: 100px;
        width: 100px;
    }

    .mypopup-wrapper {
        padding: 40px 10px;
    }

    .mypopup-inner {
        padding: 40px 15px;
    }

    .popup-content table {
        font-size: var(--size-smaller);
    }

    .close-popup {
        top: 0;
        right: 0;
    }

    #convert-size, #inner-diameter {
        min-height: 38px;
    }

    .shipping-options-popup .shipping-row {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .shipping-options-popup .payment-info {
        width: 100%;
        max-width: 100%;
    }

    .shipping-options-popup .payment-additional-info {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 8px;
    }

    .payment-logo, .payment-shipping-price {
        text-align: left;
    }

    .free-gift.just-one .free-gifts-wrapper {
        position: relative;
        max-width: 100%;
        padding-left: 92px;
        min-height: 92px;
    }

    .free-gift.just-one .free-gifts-wrapper .free-gift-label {
        display: flex;
        align-items: center;
    }

    #vybrat-iny-darcek > li {
        max-width: 100%;
    }

    #vybrat-iny-darcek > li label {
        flex-direction: row;
    }

    #vybrat-iny-darcek > li .free-gifts-img > img, .free-gift.just-one .free-gifts-wrapper .free-gifts-img > img {
        height: 72px;
        width: 72px;
    }

    #vybrat-iny-darcek > li .free-gifts-img, .free-gift.just-one .free-gifts-img {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    #vybrat-iny-darcek > li label {
        flex-direction: column;
        justify-content: center;
        padding-left: 92px;
        min-height: 92px;
        gap: 8px;
    }

    .free-gift-name {
        gap: 4px
    }

    #vybrat-iny-darcek .btn {
        font-size: 14px;
    }

    .cart-table .main-link {
        font-size: 14px;
    }

    .cart-login {
        margin-bottom: 8px;
    }

    .big-wrap::before {
        display: block;
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: calc(100vw - var(--scrollbar-width));
        height: 100%;
        background: linear-gradient(277.85deg, #9F0250 12.11%, #C20B66 100%);
    }

    .benefitBanner.position--benefitHomepage {
        padding-inline: 15px;
    }

    .big-wrap {
        margin: 0 -15px;
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
    }

    .usps-loader .big-wrap {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .free-gifts-img .free-gifts-img-hover {
        display: none !important;
    }

    .language-switcher {
        left: auto;
        top: 65px;
        right: 120px;
    }

    .language-switcher img {
        max-width: 20px;
    }

    .language-current::after {
        content: none;
    }

    .responsive-tools > a[data-target=login]:before {
        width: 24px;
        height: 24px;
    }

    .header-top .btn.cart-count:before {
        width: 22px;
        height: 22px;
    }

    .header-top .btn.cart-count:before {
        margin-right: 10px;
    }

    #header .site-name {
        left: 70px;
    }

    .dkLabFavHeaderIconBtn::before {
        font-size: 18px;
    }

    .dkLabFavHeaderIconBtn em {
        top: 14px;
    }

    body.template-11 .dkLabFavHeaderIconBtn::before {
        margin-right: 0;
    }

    body.template-11.mobile-header-version-1 #dkLabFavHeaderWrapper {
        right: 90px;
    }

}


@media (max-width: 375px) {
    .columns-mobile-2 .products-block > div {
        width: 100%;
    }

    .detail-usps__inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .need-help {
        padding: 12px;
    }

    .radio-wrapper input[type=radio] + label .payment-logo {
        display: none;
    }
}