@font-face {
    font-family: "SwitzerVariable";
    src: url("/user/documents/font/Switzer-Variable.ttf") format("truetype");
    font-weight: 100 900; /* Rozsah váhy, který Switzer Variable podporuje */
    font-style: normal;
    font-display: swap;
}

:root {
    --template-headings-font: "SwitzerVariable", sans-serif;
    --template-font: "SwitzerVariable", sans-serif;
    --container-width: 1200px;
    --nav-height: 72px;

    --size-h1: 35px;
    --size-h2: 35px;
    --size-h3: 25px;
    --size-h4: 20px;
    --size-bigger: 17px;
    --size-body: 16px;
    --size-smaller: 15px;
}

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

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

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

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
    color: #1e1e1e;
}

body {
    color: #242424;
    font-size: var(--size-body);
}

.link-like,
a {
    color: #242424;
}

.link-like:hover,
a:hover {
    color: #70bf54;
}

@media (min-width: 768px) {
    .container {
        padding-inline: 0;
        width: 100%;
        max-width: var(--container-width);
    }

    .container::before,
    .container::after {
        content: none;
    }

    .row {
        margin-inline: 0;
    }

    .content {
        padding-inline: 0;
    }

    #header .container {
        max-width: 1400px;
    }

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

    .header-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;

        height: 94px;
        padding-block: 20px;
        padding-inline: 20px;

        opacity: 0;
    }

    .header-top > div {
        flex: 0 0 auto;
    }

    #header .search {
        max-width: 100%;
        width: 500px;
    }

    #header .search input[type="search"] {
        padding: 12px 20px;
        min-height: 54px;

        border: none;
        backdrop-filter: blur(75px);
        background-color: #efefef;
        border-radius: 10px;
    }

    #header .search input[type="search"]::placeholder {
        color: #000000;
    }

    #header .search button[type="submit"] {
        padding: 0;
        height: 100%;
        width: 65px;
        top: 0;
        right: 0;

        border: none;
        font-size: 0;
        mask-image: url("/user/documents/upload/kodovani/magnifier.svg");
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: 25px;
        -webkit-mask-image: url("/user/documents/upload/kodovani/magnifier.svg");
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 25px;
        background-color: #000;
    }

    #header .navigation-buttons {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        column-gap: 50px;
    }

    #header .navigation-buttons a {
        min-height: unset;

        font-size: var(--size-smaller);
    }

    #header .navigation-buttons .mylogin {
        display: inline-flex;
        align-items: center;
        column-gap: 10px;

        width: auto;

        color: #242424;
        text-decoration: underline;
    }

    #header .navigation-buttons .mylogin:hover {
        text-decoration: none;
    }

    #header .navigation-buttons .mylogin::before {
        display: inline-block;

        content: "";
        position: relative;
        width: 24px;
        height: 28px;

        mask-image: url("/user/documents/upload/kodovani/user.svg");
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/user.svg");
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        background-color: #000;
    }

    #header .cart-count span:not(.mycart-text) {
        display: none !important;
    }

    #header .cart-count span.mycart-text {
        display: inline-block;

        text-transform: none;
        color: #000;
    }

    #header .cart-count {
        display: inline-flex;
        align-items: center;
        column-gap: 10px;

        text-decoration: underline;
    }

    #header .cart-count:hover {
        text-decoration: none;
    }

    #header .cart-count::before {
        display: inline-block;

        content: "";
        position: relative;
        width: 28px;
        height: 28px;
        margin: 0;

        mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        background-color: #000;
    }

    .navigation-buttons > a[data-target="cart"] i {
        width: 20px;
        height: 20px;

        background-color: #1e9200;
        transform: translateY(50%);
        top: auto;
        bottom: 0;
        font-size: 13px;
        line-height: 13px;
    }

    #cart-widget {
        display: none;
    }

    #header {
        position: relative;
    }

    #header::after {
        content: "";
        position: absolute;
        height: var(--nav-height);
        width: 100%;
        left: 0;
        bottom: 0;

        background-color: #293b46;
    }

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

    #header .navigation-in {
        background-color: #293b46;
        font-size: var(--size-body);
        line-height: var(--size-body);
    }

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

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

        min-height: var(--nav-height);
        padding: 8px 22px !important;
        margin: 0 !important;
    }

    .navigation-in ul li a b {
        font-weight: 500;
    }

    #navigation .submenu-arrow {
        display: inline-block;
        width: 14px;
        height: 8px;
        mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        background-color: #fff;
        transition: transform ease 300ms;
    }

    #navigation li.exp > a > .submenu-arrow,
    #navigation ul > li > a:hover > .submenu-arrow {
        background-color: #70bf54;
        transform: rotate(180deg);
    }

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

    .submenu-visible .navigation-in > ul > li.ext.exp > ul {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 15px;

        padding: 40px 30px 30px;

        background: transparent;
        border: none;
    }

    .navigation-in > ul > li.ext > ul > li {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;

        position: relative;
        width: 100%;
        min-height: unset;
        padding: 0;

        border: 1px solid #dedede !important;
        border-radius: 10px;
    }

    .navigation-in > ul > li.ext > ul > li::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;

        border: 2px solid transparent;
        border-radius: 10px;
        transition: border-color ease 300ms;
    }

    .navigation-in > ul > li.ext > ul > li:hover::before {
        border-color: #293b46;
    }

    .navigation-in > ul > li.ext > ul > li > * {
        position: relative;
        z-index: 1;
    }

    .navigation-in > ul > li.ext > ul > li > div {
        justify-content: center;
        width: 100%;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul::before {
        display: inline-block;

        content: "";
        position: absolute;
        width: 100%;
        height: calc(100% - 10px);
        top: 10px;
        left: 0;

        box-shadow: 0px 0px 14px 0px #00000040;
        background-color: #fff;
        border-radius: 20px;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul > * {
        position: relative;
        z-index: 1;
    }

    .navigation-in > ul > li.ext > ul > li > a.menu-image {
        flex-shrink: 0;

        height: 80px;
        width: 105px;
        padding: 15px 15px 15px 20px;
    }

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

    .navigation-in > ul > li.ext > ul > li > div > ul {
        display: none;
    }

    .navigation-in > ul > li.ext > ul > li > div > a {
        display: flex;
        align-items: center;

        height: 100%;
        padding: 15px 20px 15px 0;

        font-weight: 500;
        font-size: 15px;
        color: #293b46;
    }

    .navigation-in ul.menu-level-2 a:hover {
        color: #293b46;
    }

    #navigation.fitted > .navigation-in > ul > li.menu-item-813 {
        position: relative;
        margin-left: auto;
        padding-left: 45px !important;
    }

    #navigation.fitted > .navigation-in > ul > li.menu-item-813::before {
        display: inline-block;

        content: "";
        position: absolute;
        height: 42px;
        width: 1px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);

        background-color: #4a5d68;
    }

    .menu-helper {
        height: var(--nav-height);
        top: auto;
        bottom: 0;
        right: 10px;
    }

    .menu-helper:after,
    .menu-trigger:after {
        background-color: transparent;
    }

    .ordering-process #header #navigation {
        display: none;
    }

    .ordering-process #header::after {
        content: none;
    }

    .ordering-process #header {
        box-shadow: 0px 0px 9px 0px #00000026;
        border: none;
    }

    .ordering-process #header .search #formSearchForm {
        display: none;
    }
}

/*INFORMAČNÍ PROUŽEK*/

.site-msg.information {
    position: relative;
    max-width: 100%;
    width: 100%;
    bottom: auto;
    left: auto;
    padding: 15px;

    box-shadow: none;
    opacity: 1;
    text-align: center;
    background-color: #8a0b40;
    color: #fff;
    font-size: var(--size-smaller);
}

.site-msg .close {
    display: none;
}

.site-msg.information .text {
    padding-right: 0;
}

.site-msg.information .text strong {
    font-weight: 600;
}

/*CAROUSEL*/

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

.homepage-box.before-carousel {
    padding: 0;
    margin-block: 30px 0;
}

.carousel-inner {
    min-height: unset !important;
}

.mobile #carousel {
    margin-top: 30px;
}

#carousel {
    margin-bottom: 50px;
}

#carousel .item > a {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;

    border-radius: 10px;
    overflow: hidden;
}

#carousel .item > a > img {
    width: 50%;
    aspect-ratio: 6/5;
    object-fit: cover;
}

#carousel .extended-banner-texts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 20px;

    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 50%;
    padding: 40px 70px;

    background-color: #f3f3f3;
}

#carousel .extended-banner-texts > * {
    display: block;

    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 0;
    margin: 0;
    height: auto;

    background-color: transparent;
    border: none;
    box-shadow: none;
}

#carousel .extended-banner-texts > .extended-banner-title {
    font-size: var(--size-h1);
    color: #1e1e1e;
    line-height: 1.1;
}

#carousel .extended-banner-texts > .extended-banner-text {
    max-width: 100%;

    font-size: var(--size-body);
    line-height: 1.75;
    color: #242424;
}

#carousel .extended-banner-texts > .extended-banner-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 40px;

    min-height: 60px;
    padding: 10px 30px;
    margin-top: 50px;

    background-color: #293b46;
    color: #fff;
    border-radius: 10px;
    transition: background-color ease 300ms;
}

#carousel .extended-banner-texts > .extended-banner-link:hover {
    background-color: #0f1c23;
}

#carousel .extended-banner-texts > .extended-banner-link::after {
    display: inline-block;

    content: "";
    width: 12px;
    height: 7px;
    mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: #fff;
    transform: rotate(270deg);
}

.homepage-box.before-carousel .row::before,
.homepage-box.before-carousel .row::after {
    content: none;
}

.homepage-box.before-carousel .row > div,
.row:has(> div > #carousel) > div {
    width: 100%;
    padding: 0;

    float: none;
}

/*TOP BANNERY*/

.next-to-carousel-banners {
    display: flex;
    flex-direction: column;
    gap: 25px;

    position: relative;
    padding-bottom: 65px;
    margin-bottom: 65px;
}

.categories-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.next-to-carousel-banners::after {
    display: inline-block;

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

    background-color: #f1f1f1;
}

.next-to-carousel-banners > div h2 {
    margin: 0;

    text-align: center;
}

.categories-wrapper > div.banner-wrapper {
    width: calc(20% - 12px);
    margin: 0 !important;
}

.categories-wrapper > div.banner-wrapper > a > img {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;

    border-radius: 10px;
}

.next-to-carousel-banners .extended-banner-texts {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.next-to-carousel-banners .extended-banner-texts > * {
    display: none;
}

.next-to-carousel-banners .extended-banner-texts > .extended-banner-link {
    display: block;

    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
    margin: 15px 0 0;
    height: auto;

    font-size: 18px;
    color: #1e1e1e;
    font-weight: 500;
    text-align: center;
    text-decoration: underline;
    box-shadow: none;
    background-color: transparent;
    border: none;
}

.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;
}

.categories-wrapper > div.banner-wrapper > a::before {
    display: inline-block;

    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    left: 0;
    top: -2px;
    border: 2px solid transparent;
    border-radius: 10px;
    z-index: 1;
}

.categories-wrapper > div.banner-wrapper > a:hover::before {
    border-color: #d3d3d3;
}

/*USPS*/

.benefitBanner.position--benefitHomepage {
    margin-top: 0;
}

.benefitBanner {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 25px;

    position: relative;
    margin-bottom: 65px;
    padding-bottom: 65px;
}

.benefitBanner.position--benefitProduct {
    margin-top: 65px;
    padding-top: 65px;
}

.benefitBanner.position--benefitProduct::before {
    display: inline-block;

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

    background-color: #f1f1f1;
}

.benefitBanner::after {
    display: inline-block;

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

    background-color: #f1f1f1;
}

.benefitBanner__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex: unset;
    gap: 10px;

    width: calc(33.333% - 16.6667px);
    padding: 25px;
    margin: 0;

    background-color: #eeeff0;
    border-radius: 10px;
}

.benefitBanner__content {
    display: contents;
}

.benefitBanner__item:has(.benefitBanner__link) {
    padding: 0;
}

.benefitBanner__link {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;

    padding: 25px;

    color: #242424;
}

.benefitBanner__data {
    width: 100%;

    margin: 0;

    font-size: var(--size-smaller);
    line-height: 1.6;
    text-align: center;
}

.benefitBanner__title {
    width: auto;

    font-size: var(--size-body);
    font-weight: 600;
}

.benefitBanner__picture {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: unset;
    flex-shrink: 0;

    width: 42px;
    height: 42px;
    margin: 0;

    transition: transform ease 300ms;
}

.benefitBanner__link:hover {
    opacity: 1;
    color: #242424;
}

.benefitBanner__link:hover .benefitBanner__picture {
    transform: scale(1.1);
}

/*TAKTO NÁS HODNOTÍTE*/

.reviews {
    position: relative;
    padding-block: 0 65px;
    margin: 0 auto 65px;
}

.type-detail .reviews {
    margin-block: 65px 0;
    padding-top: 65px;
}

.type-detail .reviews::before {
    display: inline-block;

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

    background-color: #f1f1f1;
}

.reviews::after {
    display: inline-block;

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

    background-color: #f1f1f1;
}

.id--51 .content-inner {
    overflow: hidden;
}

.reviews h2 {
    margin: 0 0 50px;
    text-align: center;
}

.reviews-inner,
.id--51 .votes-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
    grid-row-gap: 50px;
    grid-column-gap: 60px;
}

.reviews-inner .vote-wrap,
.id--51 .vote-wrap {
    padding: 0;
    margin: 0;

    text-align: center;
    border-top-width: 0;
}

.reviews-inner .vote-wrap:nth-child(n + 4) {
    display: none;
}

.reviews .vote-pic,
.vote-pic {
    display: none;
}

.stars .star.is-active:hover,
.stars .star.star-half:before,
.stars .star.star-on:before {
    color: #ffb800;
}

.stars a.star-off:before,
.stars span.star-off:before {
    content: "\e91c";
    color: #dcdcdc;
}

.vote-content {
    font-size: var(--size-body);
    line-height: 1.75;
    margin-top: 10px;
    color: #242424;
}

.vote-name {
    margin: 10px 0 0;

    font-family: var(--template-font);
    color: #484848;
    font-size: 14px;
    line-height: 1.75;
}

.reviews .btn-holder {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

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

.reviews .vote-rating {
    justify-content: center;
}

.stars {
    height: 16px;
    width: 90px;
}

.stars a,
.stars span {
    height: 16px;
    line-height: 16px;
    width: 18px;
}

.stars a:before,
.stars span:before {
    font-size: var(--size-body);
    line-height: 16px;
}

/*BUTTONS*/

.my-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 60px;
    padding: 10px 35px;

    border-radius: 10px;
    border: 1px solid #293b46;
    color: #293b46;
    font-weight: 500;
}

.my-btn:hover {
    color: #fff;
    background-color: #293b46;
}

.my-btn.main-btn {
    background-color: #293b46;
    color: #fff;
}

.my-btn.main-btn:hover {
    background-color: #0f1c23;
}

/*HP PRODUKTY*/

.whole-wrap {
    position: relative;
    margin-bottom: 65px;
    padding-bottom: 65px;
}

.whole-wrap.last {
    padding-bottom: 0;
    margin-bottom: 0;
}

.whole-wrap::after {
    display: inline-block;

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

    background-color: #f1f1f1;
}

.whole-wrap.last::after {
    content: none;
}

.whole-wrap .products {
    flex-wrap: nowrap;
}

.whole-wrap .products-block.products > div {
    display: block;
    width: 285px;
    padding: 0;
}

.products-block.products > div {
    border: none;
}

.h4.homepage-group-title,
h4.homepage-group-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    min-height: 48px;
    padding-right: 130px;
    margin-block: 65px 25px;

    font-size: var(--size-h2);
    text-align: left;
}

.myswiper-navi {
    position: initial;
    margin-top: 40px;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: flex;
    justify-content: center;

    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 23px;
    height: 13px;
    margin: 0;
    opacity: 1;

    background: none;
}

.swiper-pagination-bullet::before {
    display: inline-block;

    content: "";
    width: 13px;
    height: 13px;

    background-color: #cecece;
    border-radius: 50%;
}

.swiper-pagination-bullet-active::before {
    background-color: #000;
}

.swiper-button-next,
.swiper-button-prev {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    border: 2px solid #000000;
    border-radius: 10px;
    background-color: #fff;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: inline-block;

    content: "";
    width: 13px;
    height: 8px;
    mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: #000;
    transform: rotate(90deg);
}

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

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    background-color: #eaeaea;
    opacity: 1;
    border-color: #eaeaea;
}

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

.whole-wrap .swiper-button-next,
.whole-wrap .swiper-button-prev {
    right: 0;
    left: auto;
    top: -75px;
    transform: translateY(50%);
}

.whole-wrap .swiper-button-prev {
    transform: translate(calc(-100% - 15px), 50%);
}

/*PRODUKTY*/

.products-block .p a.image {
    margin-bottom: 10px;

    background-color: #f3f3f3;
    border-radius: 10px;
    overflow: hidden;
}

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

.products-block.products .p .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    height: 48px;
    margin-bottom: 12px;

    text-align: center;
    color: #484848;
    font-size: 17px;
    line-height: 1.42;
    text-overflow: ellipsis;
}

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

.products-block .ratings-wrapper .availability {
    flex: unset;

    width: 100%;

    text-align: center;
    font-size: var(--size-smaller);
}

.products-block .ratings-wrapper .availability:has(.show-tooltip) {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 2px;
}

.products-block .p-bottom > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 25px;
}

.products-block.products .p .price span,
.products-block.products .p .price strong {
    font-weight: 600;
    font-size: 17px;
}

.products-block .p-bottom .prices {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 10px;
    flex: unset;
}

.products-block .p-bottom .prices .price-standard {
    font-size: var(--size-smaller);
    line-height: 1;
    color: #d34343;
}

.products-block .product .p-in .btn {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;

    min-height: 50px;
    padding: 10px 25px;

    border: 1px solid #d5d5d5;
    border-radius: 10px;
    background-color: transparent;
    color: #293b46;
    font-size: var(--size-body);
    font-weight: 500;
    text-transform: none;
}

.products-block .product .p-in .btn:hover {
    background-color: #293b46;
    color: #fff;
}

.products-block .product .p-in .btn::before {
    content: none;
}

.product .flags-extra .flag-discount {
    display: none;
}

.products-block .p .flags-default {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    row-gap: 5px;

    left: 5px;
    top: 5px;
}

.flag {
    display: flex;
    align-items: center;
    gap: 5px;
    float: none;
    margin: 0;
    max-width: 100%;

    border-radius: 5px;
    font-weight: 500;
}

.flag-italsky-vyrobek::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/user/documents/upload/kodovani/italia.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.flag-cesky-vyrobek::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/user/documents/upload/kodovani/czech.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*HP*/

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

/*FOOTER*/

#footer {
    margin-top: 55px;

    background-color: #293b46;
    color: #fff;
}

#footer h4,
#footer ul a,
#footer a {
    color: #fff;
}

#footer ul a:hover,
#footer a:hover {
    color: #fff;
}

#footer h4 {
    margin: 0 0 25px;

    text-transform: none;
    font-size: var(--size-h3);
}

#footer > .container {
    background-color: transparent;
}

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

#footer .custom-footer {
    justify-content: space-between;
    gap: 40px;

    padding: 55px 0;

    border: none;
}

.custom-footer > div {
    flex: unset;

    width: auto;
    padding: 0;
}

#footer .banner {
    margin: 0;
}

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

.custom-footer > div.custom-footer__articles ul li {
    max-width: 200px;
    padding-bottom: 10px;
}

.custom-footer > div a {
    text-decoration: underline;
}

.custom-footer > div a:hover {
    text-decoration: none;
}

.myfooter-references .img-holder {
    display: flex;
    gap: 15px;
}

.myfooter-references a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100px;
    height: 100px;
}

.myfooter-contact__contacts {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.myfooter-contact__contacts a {
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
}

.myfooter-contact__contacts a::before {
    display: inline-block;

    content: "";
    width: 20px;
    height: 20px;
    mask-repeat: no-repeat;
    mask-position: bottom center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom center;
    -webkit-mask-size: contain;
    background-color: #fff;
}

.myfooter-contact__contacts a.phone::before {
    mask-image: url("/user/documents/upload/kodovani/phone.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
}

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

.myfooter-contact__contacts a span {
    text-decoration: underline;
}

.myfooter-contact__contacts a:hover span {
    text-decoration: none;
}

.myfooter-contact .socials {
    display: flex;
    column-gap: 20px;

    margin-top: 35px;
}

#footer .footer-bottom {
    position: relative;
}

#footer .footer-bottom::before {
    display: inline-block;

    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - var(--scrollbar-width));
    height: 1px;
    background-color: #007185;
}

#signature,
.copyright {
    margin: 0;
}

#signature {
    gap: 5px;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

#signature .jk-link {
    margin-bottom: 0px;
}

#signature .jk-link img {
    margin-right: 0;
}

#signature .shoptet-link img {
    margin-right: 4px;
    width: 22px;
}

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

/*DROBEČKOVKA*/

.breadcrumbs {
    display: block;

    margin-top: 30px;
    margin-inline: 0;

    border: none;
}

.breadcrumbs,
.breadcrumbs a {
    color: #6c6c6c;
}

.breadcrumbs > span > a,
.breadcrumbs > span > span {
    display: inline;

    min-height: unset;
    padding: 0;
}

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

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

.breadcrumbs > span > a:after {
    display: inline;

    position: relative;
    content: ">";
    top: auto;
    bottom: auto;
    right: auto;
    height: auto;
    width: auto;
    transform: none;
    margin-inline: 15px;

    background-color: transparent;
}

/*DETAIL KATEGORIE*/

.category__secondDescription {
    margin-top: 50px;
}

.category-perex,
.category__secondDescription {
    position: relative;
    margin-bottom: 0;

    font-size: var(--size-smaller);
    line-height: 1.66;
    color: #6c6c6c;
}

.category-perex p:last-child {
    margin-bottom: 0;
}

.category-perex.not-all p:first-child {
    margin-bottom: 0;
}

.category-perex .read-more {
    display: none;
}

.category-perex.not-all .read-more {
    display: inline-block;

    margin-left: 10px;

    text-decoration: underline;
    cursor: pointer;
}

.category-perex.not-all .read-more:hover {
    text-decoration: none;
}

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

.sidebar-indented .content .sidebar {
    margin-inline: 0;
}

.sidebar {
    width: 260px;
    background-color: transparent;
}

.sidebar-inner {
    padding: 0;
}

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

#filters > .slider-wrapper:has(#currencyExchangeRate) {
    display: none;
}

.filter-section:has(> .param-filter-top > form[action="/action/ProductsListing/setStockFilter/"]) {
    display: none;
}

.filter-sections {
    padding: 0;

    background-color: transparent;
}

#category-filter-hover > div:first-child {
    border-radius: 5px 5px 0 0;
}

#category-filter-hover > div:last-child {
    display: none;
}

#category-filter-hover > div:nth-last-child(2) {
    border-radius: 0 0 5px 5px;
}

.filter-section.filter-section-button {
    display: none !important;
}

.filter-section {
    padding: 15px;

    border: none !important;
    background: #f2f2f2;
    border-radius: 0;
}

.filter-section h4 {
    display: flex;
    align-items: center;
    column-gap: 15px;

    margin-bottom: 0;

    font-size: var(--size-smaller);
    font-weight: 500;
    text-transform: none;
    color: #293b46;
    cursor: pointer;
    user-select: none;
    transition: margin-bottom 300ms ease;
}

.filter-section.active h4 {
    margin-bottom: 15px;
}

.filter-section h4 span:not(.show-tooltip) {
    flex-grow: 1;
}

.filter-section h4::after {
    display: inline-block;

    content: "";
    width: 14px;
    height: 7px;

    mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #242424;
    transition: transform 300ms ease;
}

.filter-section.active h4::after {
    transform: rotate(180deg);
}

#filters #category-filter-hover {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

#filters #manufacturer-filter {
    display: none;
}

#filters input[type="checkbox"] + label:before {
    width: 18px;
    height: 18px;

    border-color: #293b46;
    border-radius: 2px;
}

#filters input[type="checkbox"]:checked + label:after {
    width: 14px;
    height: 14px;
    left: 2px;

    border-radius: 1px;
}

#filters input[type="checkbox"] + label {
    padding-left: 28px;

    font-size: var(--size-smaller);
    color: #293b46;
}

#filters fieldset:not(:has(.advanced-parameter)) {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.filter-count {
    margin-left: 5px;

    background-color: #dadada;
    color: #5d5d5d;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}

#filters .advanced-filters-wrapper:not(:empty):has(+ div) {
    margin-bottom: 15px !important;
}

#filters .advanced-filters-wrapper:empty {
    display: none;
}

#filters .filter-section:not(.active) form {
    display: none;
}

.desktop .filters-unveil-button-wrapper {
    display: none;
}

.sidebar-indented .category-content-wrapper {
    width: calc(100% - 290px);
    margin-left: 30px;
}

.category-top {
    margin-bottom: 35px;
}

.desktop .subcategories.with-image {
    grid-template-columns: repeat(4, 1fr);
}

.subcategories.with-image {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    margin: 0 0 30px;
}

.subcategories.with-image li {
    float: none;

    padding: 0;
    width: 100%;
}

.subcategories.with-image li a {
    display: flex;
    column-gap: 15px;

    padding: 15px 20px;
    height: auto;

    box-shadow: inset 0 0 0 1px #dedede;
    border-radius: 10px;
}

.subcategories.with-image li a:hover {
    box-shadow: inset 0 0 0 2px #293b46;
}

.subcategories.with-image li a:after {
    content: none;
}

.subcategories.with-image li a .image {
    flex-shrink: 0;

    width: auto;
}

.subcategories.with-image li a .image img {
    max-height: 50px;
    width: 50px;
    height: 50px;

    object-fit: cover;
}

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

.subcategories.with-image li a .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    width: auto;
    max-height: 44px;
    padding: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--size-smaller);
    color: #293b46;
}

#category-header > div {
    display: none;
}

#category-header {
    margin-bottom: 10px;

    background-color: transparent;
}

.category-header input[type="radio"] + label {
    margin-right: 15px;
    margin-bottom: 10px;

    box-shadow: inset 0 0 0 1px #dedede;
    border-radius: 10px;
    color: #293b46;
    font-weight: 500;
}

.category-header input[type="radio"] + label:hover {
    color: var(--color-primary);
}

.category-header input[type="radio"]:checked + label {
    box-shadow: inset 0 0 0 2px #293b46;
    color: #293b46;
}

.desktop .products-block:not(.swiper-wrapper) {
    grid-template-columns: repeat(3, 1fr);
}

.products-block:not(.swiper-wrapper) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 20px;
}

.products-block:not(.swiper-wrapper) > div {
    width: 100%;
    padding: 0;
}

.listingControls .goToTop,
.listingControls .pagination {
    display: none;
}

.listingControls {
    justify-content: center;

    margin-top: 50px;
}

.listingControls .loadMore__button {
    display: inline-flex !important;

    padding-inline: 35px;

    background-color: #293b46;
    border-color: #293b46;
    color: #fff;
}

.listingControls .loadMore__button:hover {
    background-color: #456376;
    border-color: #456376;
}

.listingControls .pagination-loader {
    margin-block: 0;
}

/*BUTTONY*/

.btn,
a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 60px;
    padding: 10px 30px;

    border-radius: 10px;
    text-transform: none;
    font-size: var(--size-bigger);
    font-weight: 500;
}

.btn.btn-default,
a.btn.btn-default {
    background-color: #293b46;
    border-color: #293b46;
}

.btn.btn-default:hover,
a.btn.btn-default:hover {
    background-color: #0f1c23;
    border-color: #0f1c23;
}

#filters-wrapper .filters-unveil-button-wrapper .unveil-button {
    display: inline-flex;
    width: 100%;
}

/*DETAIL PRODUKTU*/

.product-top {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 60px;

    margin-top: 30px;
}

.p-image-wrapper,
.p-info-wrapper {
    width: calc(50% - 30px);
    padding-inline: 0;
}

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

.p-image-wrapper .p-main-image {
    display: block;

    background-color: #efefef;
    border-radius: 16px;
    overflow: hidden;
}

.p-image-wrapper .p-image img {
    mix-blend-mode: multiply;
}

.image360,
.p-image {
    position: relative;
    margin-bottom: 10px;
}

.p-image .flags-extra {
    display: none;
}

.p-image .flags.flags-default {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 5px;

    position: absolute;
    top: 20px;
    left: 20px;
}

.p-image .flags::before,
.p-image .flags::after {
    content: none;
}

.p-image .flags .flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    max-width: unset;
    min-height: 32px;
    padding: 5px 12px;

    border-radius: 6px;
    font-size: var(--size-smaller);
}

.p-thumbnails a {
    margin-left: 10px;

    overflow: hidden;
    background-color: #f3f2f3;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px transparent;
}

.p-thumbnails a.highlighted,
.p-thumbnails a.p-thumbnail:hover {
    box-shadow: inset 0 0 0 2px #293b46;
}

.p-thumbnails a img {
    mix-blend-mode: multiply;
    border: none;
}

.p-thumbnail.highlighted:before,
.p-thumbnail:hover:before,
.show360image.highlighted:before,
.show360image:hover:before {
    content: none;
}

.p-thumbnails.overflow-next .thumbnail-next,
.p-thumbnails.overflow-prev .thumbnail-prev {
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 100px;
    margin: 0;

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, #fff 60%);
    border-radius: 0;
}

.p-thumbnails .thumbnail-next:before,
.p-thumbnails .thumbnail-prev:before {
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    background-color: #efefef;
    background-image: url("/user/documents/upload/kodovani/chevron-right.svg");
    background-size: 7px 14px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.p-thumbnails.overflow-prev .thumbnail-prev {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, #fff 70%);
}

.p-thumbnails .thumbnail-prev:before {
    transform: rotate(180deg);
    right: auto;
    left: 0;
}

.type-detail .breadcrumbs-wrapper {
    display: none;
}

.type-detail .breadcrumbs {
    margin-block: 0 40px;
}

.type-detail .breadcrumbs > span {
    display: none;
}

.type-detail .breadcrumbs > span:nth-last-child(2) {
    display: block;
}

.type-detail .breadcrumbs > span:nth-last-child(2) a::before {
    display: inline;
    position: relative;
    content: "<";
    top: auto;
    bottom: auto;
    right: auto;
    height: auto;
    width: auto;
    transform: none;
    margin-inline: 0 10px;
    background-color: transparent;
}

.type-detail .breadcrumbs > span:nth-last-child(2) a::after {
    content: none;
}

.breadcrumbs a {
    color: #242424;
}

.p-info-wrapper {
    display: flex;
    flex-direction: column;
    float: none;
}

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

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

.p-detail-info {
    margin-bottom: 15px;
}

.p-detail-info .stars-label {
    color: #242424;
    text-decoration: underline;
}

.p-detail-info .stars-label:hover {
    text-decoration: none;
}

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

.variant-list th {
    padding: 0;

    font-weight: 500;
    font-size: var(--size-smaller);
    color: #424242;
}

.advanced-parameter-inner {
    width: 50px;
    height: 50px;
}

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

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

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

.p-info-wrapper .detail-parameters:not(:has(tr:not([style="display: none;"]))) {
    display: none;
}

.p-info-wrapper .detail-parameters:not(:has(tr:not([style="display: none;"]))) + .p-final-price-wrapper {
    margin-top: 30px !important;
}

.p-info-wrapper .detail-parameters tbody {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}

.p-info-wrapper .detail-parameters tbody tr:has(#jsUnavailableCombinationMessage.no-display) {
    display: none;
}

.advanced-parameter-inner.yes-before:before {
    background-size: 20px;
}

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

.p-final-price-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;

    margin-block: 60px 10px !important;
}

.p-info-wrapper .price-standard:not(:has(.empty:not(.no-display))) {
    order: 1;

    margin-inline: 10px 5px;

    font-weight: 300;
    color: #787878;
    font-size: var(--size-body);
}

.p-info-wrapper .detail-parameters {
    margin-bottom: 0;
}

.price-standard:has(> span.empty:not(.no-display)) {
    display: none;
}

.price-save:has(> span.empty:not(.no-display)) {
    display: none;
}

.p-info-wrapper .price-save:not(:has(.empty:not(.no-display))) {
    order: 2;

    padding: 5px 10px;

    background-color: #1e9200;
    color: #fff;
    border-radius: 5px;
}

.p-info-wrapper .price-final {
    font-weight: 500;
}

.shipping-info {
    display: flex;
    align-items: baseline;
    gap: 5px 15px;

    margin-bottom: 30px;
}

.shipping-info .availability-value {
    flex-grow: 1;

    margin: 0;

    font-size: var(--size-smaller);
}

.shipping-options {
    color: #293b46;
    text-decoration: underline;
    font-size: var(--size-smaller);
}

.shipping-options:hover {
    text-decoration: none;
}

.p-info-wrapper .add-to-cart {
    display: flex;
    gap: 15px;

    margin-bottom: 30px;
}

.quantity {
    min-height: 60px;
    padding-inline: 45px !important;

    border: 1px solid #ececec !important;
    border-radius: 10px !important;
}

.quantity input {
    width: 50px !important;
    height: 60px !important;

    text-align: center;
    font-family: var(--template-font);
    font-weight: 500;
    font-size: var(--size-h4);
}

.quantity .decrease,
.quantity .increase {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 45px !important;
    height: 100% !important;
    top: 0 !important;
    bottom: 0;

    background-color: transparent;
    border: none;
}

.quantity .decrease {
    right: auto;
    left: 0;
}

.quantity .decrease:before,
.quantity .increase:before {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin-bottom: 4px;

    font-size: 18px;
    font-weight: 600;
    line-height: 1 !important;
}

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

.quantity .increase:before {
    content: "+";
}

.add-to-cart .add-to-cart-button {
    flex-grow: 1;
    column-gap: 10px;

    background-color: #1e9200;
    border-color: #1e9200;
}

.add-to-cart .add-to-cart-button:hover {
    background-color: #197c00;
    border-color: #197c00;
}

.add-to-cart .add-to-cart-button::before {
    display: inline-block;

    content: "";
    position: relative;
    width: 19px;
    height: 19px;
    margin: 0;

    mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #fff;
}

.p-short-description {
    color: #242424;
    font-size: var(--size-smaller);
    line-height: 1.73;
}

.specific-banner {
    position: relative;
    padding: 25px 30px;
    margin-top: 30px;

    border-radius: 6px;
    overflow: hidden;
}

.specific-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.specific-banner__inner {
    position: relative;
    z-index: 1;

    font-weight: 500;
    line-height: 1.4;
}

.specific-banner__title {
    font-size: var(--size-body);
    color: #fff;
}

.specific-banner__subtitle {
    font-size: var(--size-smaller);
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.6;
}

.specific-banner__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 40px;

    padding: 10px 20px;
    min-height: 45px;
    margin-top: 15px;

    color: #fff;
    font-size: var(--size-smaller);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
}

.specific-banner__button::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 12px;

    mask-image: url("/user/documents/upload/kodovani/chevron-right.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-right.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #fff;
}

.specific-banner__button:hover {
    border-color: #fff;
    color: #fff;
}

.p-short-description ul {
    display: flex;
    flex-direction: column;
    row-gap: 10px;

    margin: 16px 0;
    padding: 0;
}

.p-short-description ul li {
    position: relative;
    padding: 0 0 0 34px;

    list-style: none;
}

.p-short-description ul li::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    border-radius: 4px;
    background-color: #eaeaea;
    background-image: url("/user/documents/upload/kodovani/chevron-right.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px 10px;
}

.link-icon.print {
    display: none;
}

.link-icons a {
    display: inline-flex;
    align-items: center;
    column-gap: 10px;

    position: relative;
    padding: 10px 0;
    margin: 0;

    font-size: var(--size-smaller);
    color: #000;
    text-transform: none;
}

.link-icons a::after {
    display: inline-block;

    content: "" !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    margin: 0;

    background-color: #d2d2d2;
    transition: background-color ease 300ms;
}

.link-icons a:hover {
    color: #000;
}

.link-icons a:hover::after {
    background-color: #293b46;
}

.link-icons {
    display: flex;
    justify-content: space-between;
    gap: 15px;

    width: 100%;
}

.link-icons > p {
    margin: 0;
}

.link-icon::before {
    display: inline-block;

    content: "" !important;
    margin: 0;
    width: 20px;
    height: 20px;
}

.link-icon.chat::before {
    background-image: url("/user/documents/upload/kodovani/chat-icon.svg");
}

.link-icon.watchdog::before {
    background-image: url("/user/documents/upload/kodovani/watchdog-icon.svg");
}

.link-icons a.chevron-after::before {
    display: inline-block;
    order: 1;

    content: "" !important;
    margin: 0;
    width: 14px;
    height: 8px;

    mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #000;
}

.social-buttons-wrapper {
    margin-top: 30px;
}

.p-detail-tabs-wrapper .tab-content {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.p-detail-tabs-wrapper > .row > div {
    padding-inline: 0;
}

.products-block.products-alternative > div:nth-child(2n),
.products-block.products-related > div:nth-child(2n),
.products-block.products-alternative > div:nth-child(3n),
.products-block.products-related > div:nth-child(3n) {
    border: none !important;
}

.whole-wrap + .browse-p {
    display: none;
}

.type-detail .shp-tabs-holder {
    background-color: transparent;
}

#p-detail-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;

    width: max-content;
    max-width: 100%;
    padding: 4px;
    margin-bottom: 30px;

    border: 1px solid #ebebeb;
    border-radius: 100px;
    background-color: transparent;

    overflow: auto;
    scrollbar-width: none;
}

#p-detail-tabs::-webkit-scrollbar {
    display: none;
}

#p-detail-tabs > li {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 62px;
    padding: 0;

    border-radius: 100px;
    transition: background-color ease 300ms;
}

#p-detail-tabs > li.active {
    background-color: #d8d8d8;
}

#p-detail-tabs > li > a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
    padding: 10px 40px;

    border: none;
    background-color: transparent;
    color: #242424;
    font-weight: 600;
    font-size: var(--size-body);
}

.description-inner {
    padding-inline: 0;
}

.description-inner {
    gap: 0 100px;
}

.basic-description > h3:first-child,
.extended-description > h3:first-child {
    font-size: var(--size-h2);
    margin-block: 0 15px;
}

.extended-description table {
    border-collapse: separate;
    border-spacing: 0 5px;
}

.extended-description table tr {
    background-color: #f3f2f3;
}

.extended-description table td,
.extended-description table th {
    padding: 15px 20px !important;

    font-weight: 400 !important;
    color: #242424;
    border-radius: 10px;
}

.extended-description table td {
    border-radius: 0 4px 4px 0;
}

.extended-description table th {
    border-radius: 4px 0 0 4px;
}

.extended-description table a {
    text-decoration: underline;
}

.extended-description table a:hover {
    text-decoration: none;
}

#ratingTab #ratingWrapper {
    margin-left: 0;
}

#ratingTab #ratingWrapper .rate-average-wrap {
    padding-left: 0;
}

#ratingTab #formRating > .row > div {
    padding-inline: 0;
}

#ratingTab #formRating input,
#ratingTab #formRating textarea {
    border-radius: 6px;
    min-height: 52px;
}

#ratingTab #formRating ::placeholder {
    color: #767676;
}

#ratingTab .vote-name {
    margin-bottom: 10px;

    font-size: var(--size-bigger);
    font-weight: 500;
}

.decors-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.decor {
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 15px;

    text-align: center;
}

.decor-name {
    font-size: var(--size-bigger);
    line-height: 1.6;
    color: #484848;
}

.decor-image img {
    width: 210px;
    max-width: 100%;
    aspect-ratio: 210 / 115;
    object-fit: cover;

    border-radius: 10px;
}

.shp-tabs-wrapper.p-detail-tabs-wrapper .shp-tabs-row {
    margin-bottom: 0;
}

.p-detail .whole-wrap:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.p-detail .whole-wrap:last-child::after {
    content: none;
}

.tab-content .rate-wrapper.unveil-wrapper {
    margin-bottom: 0;
}

/*KOŠÍK*/

body.ordering-process {
    background-color: #fff;
}

.id--9 #content-wrapper {
    max-width: 1400px;
    padding-bottom: 40px;
}

.id--9 .cart-inner > .row {
    display: flex;
    flex-direction: column;
}

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

.col-md-8 .cart-content {
    padding: 0;
}

ol.cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    max-width: 600px;
    margin: 30px auto 25px;

    border: none;
    text-transform: none;
}

ol.cart-header li {
    top: auto;
    width: auto;
}

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

ol.cart-header li a span:before,
ol.cart-header li strong span:before {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;

    border-radius: 50%;
    background-color: #e8e8e8;
    font-size: 16px;
    line-height: 32px;
    color: #272727;
    border: none;
}

ol.cart-header li.completed a span:before,
ol.cart-header li.completed strong span:before {
    content: "✓";

    font-size: 25px;
    color: #1e9200;
    background-color: #fff;
    font-weight: 900;
}

ol.cart-header li.active strong span:before {
    color: #fff;
    font-weight: 600;
    background-color: #1e9200;
}

ol.cart-header li a,
ol.cart-header li strong {
    color: #242424;
    font-size: 16px;
}

ol.cart-header li.active a,
ol.cart-header li.active strong {
    font-weight: 600;
    color: #1e9200;
}

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

.cart-table {
    margin-block: 0;

    border-spacing: 0 15px;
    border-collapse: separate;
}

.cart-table tr td {
    border-color: #dcdcdc;
    border-width: 1px 0 1px 0;
    border-style: solid;
}

.cart-table tr:first-child > td {
    border-top-style: solid;
}

.cart-table .cart-p-image img {
    width: 130px;

    mix-blend-mode: multiply;
}

.cart-table tr td.cart-p-image a {
    display: block;

    background-color: #f3f3f3;
    border-radius: 8px;
    overflow: hidden;
}

.cart-table tr td.cart-p-image {
    padding: 4px;

    border-radius: 10px 0 0 10px;
    border-left-width: 1px;
}

.cart-table tr td.p-name {
    padding-left: 20px;
}

.cart-table tr td.p-name a.show-related {
    display: none;
}

.cart-table tr td.p-name a.main-link {
    display: block;
    width: 100%;

    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    color: #000;
}

.cart-table tr td.p-name a.main-link .main-link-variant {
    margin-top: 0px;

    color: #242424;
    font-weight: 300;
}

.cart-table tr td.p-name .availability-label {
    display: inline-block;

    margin-top: 10px;

    font-weight: 600;
}

.cart-table tr td.p-availability {
    display: none;
}

.cart-table tr td.p-price .price-final,
.cart-table tr td.p-price .unit-value {
    font-size: 16px;
    font-weight: 500;
    color: #838383;
}

.cart-table tr td.p-total {
    border-radius: 0 10px 10px 0;
    border-right-width: 1px;
    border-right-style: solid;
}

.cart-table tr td.p-total .price-final {
    font-size: 19px;
    font-weight: 600;
    color: #000;
}

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

tr.removeable .remove-item::before {
    font-size: 14px;
}

.ordering-process .quantity input {
    font-size: 16px;
}

.sidebar-in-cart .checkout-box-wrapper {
    display: none !important;
}

.id--9 .cart-content {
    display: flex;
    flex-direction: column;

    margin-top: 5px;
}

.delivery-time {
    padding: 0;
}

.delivery-time::before {
    display: inline-block;

    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;

    mask-image: url("/user/documents/upload/kodovani/calendar.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/calendar.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #000;
    vertical-align: top;
}

.delivery-time .show-tooltip {
    font-weight: 600;
    text-decoration: underline;
    border-bottom: none !important;
}

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

.discount-coupon {
    padding-left: 0;
}

.discount-coupon form {
    gap: 10px;
}

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

#discountCouponCode {
    height: 60px;
    padding: 15px 20px;
    min-width: 270px;

    border: 1px solid #ececec;
    border-radius: 10px;
}

.id--9 .cart-summary {
    padding-top: 0;
    margin-top: 30px;
}

.id--9 .cart-summary .extras-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
}

.id--9 .cart-summary .extras-wrapper .extras-col:has(> .discount-coupon) {
    max-width: 430px;
    margin-bottom: 40px;
}

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

.discount-coupon form .btn {
    min-width: 148px;

    background-color: #1e9200;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    border: none;
}

.discount-coupon form ::placeholder {
    color: #838383;
}

.cart-content.summary-wrapper {
    flex-grow: 1;

    padding: 0;
}

.cart-content.summary-wrapper > div {
    display: flex;
    flex-direction: column;

    height: 100%;
}

.extra.delivery:before {
    content: none;
}

.extra.delivery {
    padding-left: 0;
}

.extra.delivery span {
    font-size: 16px;
    color: #1e1e1e;
}

.extra.delivery span strong {
    color: #1e1e1e;
    font-weight: 600;
}

.extra.delivery span::before {
    display: inline-block;

    position: relative;
    top: 2px;
    margin-right: 5px;
    content: "";
    width: 20px;
    height: 15px;
    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: #000;
}

.extra.delivery .price-range {
    margin-top: 10px;
    height: 8px;

    background-color: #ebebeb;
    border-radius: 8px;
    overflow: hidden;
}

.extra.delivery .price-range div {
    background-color: #1e9200;
}

.id--9 .sidebar-in-cart {
    display: flex;
    gap: 20px 40px;

    margin-top: 30px;
}

.id--9 .cart-summary,
.id--9 .summary-wrapper {
    width: calc(50% - 20px);
    margin-top: 0;
}

.summary-wrapper .price-wrapper {
    max-width: 440px;
    width: 100%;
    margin-left: auto;
    margin-bottom: 40px;
}

.ordering-process .next-step {
    gap: 30px;
    justify-content: space-between;

    max-width: 440px;
    width: 100%;
    margin-left: auto;
    margin-top: auto;
}

.ordering-process .next-step-back {
    padding: 0 !important;

    font-size: 17px;
    font-weight: 300;
    color: #000;
    text-decoration: underline;
    text-transform: lowercase;
}

.ordering-process .next-step-back:hover {
    text-decoration: none;
    color: #000;
}

.ordering-process .next-step-forward::after,
.ordering-process .next-step-finish::after {
    content: none;
}

.ordering-process .next-step-forward,
.ordering-process .next-step-finish {
    flex-grow: 1;

    min-height: 68px;

    background-color: #1e9200 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    border: none !important;
}

.ordering-process .next-step-forward:hover,
.ordering-process .next-step-finish:hover {
    background-color: var(--color-primary) !important;
}

.price-wrapper .price.price-primary {
    font-size: 25px;
}

.price-wrapper .price {
    font-size: 16px;
}

.price-wrapper .price-label.price-primary,
.price-wrapper .price.price-primary {
    font-weight: 600;
}

.price-wrapper .price-label {
    font-size: 18px;
}

.price-wrapper .price-label.price-secondary {
    font-size: 14px;
}

.order-summary .checkout-box {
    display: none;
}

.ordering-process .co-box {
    padding: 25px 30px;
    margin-bottom: 30px;

    background-color: #f1f1f1;
    border-radius: 10px;
    border: none;
}

.ordering-process .co-box h4 {
    margin: 0 0 20px 0;
    padding: 0;

    font-weight: 600;
    font-size: 30px;
    text-transform: none;
}

.ordering-process .co-box h4::before {
    content: none;
}

.ordering-process .radio-wrapper.inactive-child {
    display: none;
}

.ordering-process .radio-wrapper input[type="radio"] + label:before {
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;

    border: 1px solid #656565;
}

input[type="radio"]:checked + label:after {
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    left: 3px;
    background-color: #000 !important;
    border: none;
}

.ordering-process .radio-wrapper {
    padding: 0;
}

.ordering-process .radio-wrapper input[type="radio"] + label {
    align-items: center;
    gap: 10px 20px;

    padding-left: 33px;
}

.ordering-process .radio-wrapper input[type="radio"] + label b {
    font-weight: 400;
}

.ordering-process.id--16 .cart-row,
.ordering-process.id--17 .cart-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 60px;

    margin-top: 40px;
}

.ordering-process.id--16 .cart-row::before,
.ordering-process.id--17 .cart-row::before,
.ordering-process.id--16 .cart-row::after,
.ordering-process.id--17 .cart-row::after {
    content: none;
}

.radio-wrapper input[type="radio"]:checked + label > span b {
    color: #000;
}

.payment-logo {
    order: -1;
}

.payment-logo img {
    width: 70px;
    height: 35px;
    object-fit: contain;
    object-position: center;
}

.payment-info {
    flex: 1 1 auto;
}

.payment-shipping-price {
    font-size: var(--size-body);
    font-weight: 600;
}

.payment-shipping-price.for-free {
    text-transform: lowercase;
    color: #1e9200;
}

.radio-wrapper.active .for-free {
    color: #1e9200;
}

.inactive .not-possible-info {
    font-size: var(--size-smaller);
}

#checkoutSidebar .cart-content {
    box-shadow: 0px 0px 14px 0px #e6e6e6;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
}

.payment-info b {
    text-transform: none;
}

.cart-item > div.cart-item-name {
    text-transform: none;
}

.order-summary-inner > h4 {
    margin: 0 0 20px;
}

.cart-items {
    font-size: var(--size-smaller);
}

.cart-item > div {
    border: none;
}

.recapitulation-single > strong span {
    color: #1e9200;
    text-transform: lowercase;
}

.co-contact-information > h4 {
    display: flex;
    align-items: center;
    gap: 10px 20px;
}

.co-contact-information > h4 span {
    flex-grow: 1;
}

.co-contact-information > h4 .btn-secondary {
    display: none;

    border: 2px solid #1e9200;
    color: #1e9200;
    background-color: #fff;
    text-decoration: underline;
}

.co-contact-information > h4 .btn-secondary:hover {
    background-color: #1e9200;
    border-color: #1e9200;
    color: #fff;
}

.co-contact-information .form-group:has(label[for="login"]) {
    display: none;
}

.ordering-process .form-group {
    display: flex;
    flex-direction: column;
    gap: 7px 20px;

    margin-bottom: 25px;
}

.ordering-process .form-group:last-child {
    margin-bottom: 0;
}

.ordering-process .form-group::before,
.ordering-process .form-group::after {
    content: none;
}

#checkoutContent {
    max-width: 680px;
}

#checkoutSidebar {
    width: calc(100% - 680px);
    padding: 0;
}

.ordering-process .form-group label {
    padding: 0;
    width: 100%;

    line-height: 1.75;
}

.ordering-process .form-group .form-control {
    width: 100%;
    min-height: 60px;

    border-radius: 6px;
    border: 1px solid #d5d5d5;
}

.ordering-process .form-group input[type="checkbox"] + label {
    padding-left: 40px;
}

.phone-combined-input {
    max-width: 100%;
}

.co-billing-address fieldset,
#company-info,
.co-shipping-address .form-option-block {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

.co-billing-address .form-group,
.co-shipping-address .form-group {
    width: calc(50% - 10px);
}

.co-billing-address .form-group.company-shopping {
    width: 100%;
}

.form-group > input.form-control.short,
.form-group > select.form-control.short {
    width: 100%;
}

.ordering-process .js-validator-msg,
.ordering-process .validator-msg {
    margin: 0;
}

.ordering-process input[type="checkbox"] + label:before {
    width: 30px;
    height: 30px;

    border: 1px solid #d5d5d5;
    border-radius: 6px;
}

input[type="checkbox"]:checked + label:after {
    height: 19px;
    width: 19px;
    left: 6px;

    border-radius: 4px;
}

.ordering-process .form-group-tooltip {
    left: auto;
    right: 0;
    top: 0;
    transform: none;
}

#remark {
    border: 1px solid #d5d5d5;
    border-radius: 6px;
}

.cart-item .unit-value {
    color: #242424;
}

/*DRBKY*/

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

.tooltip-inner {
    background-color: #293b46;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #293b46;
}

.content-inner {
    max-width: var(--container-width);
}

/*RESPO*/

@media (max-width: 1600px) {
}

@media (max-width: 1439px) and (min-width: 768px) {
    #header .navigation-in {
        font-size: var(--size-smaller);
    }

    #navigation .submenu-arrow {
        width: 10px;
    }

    .navigation-in > ul > li > a {
        column-gap: 6px;
    }
}

@media (max-width: 1439px) {
    :root {
        --container-width: 1000px;
        --nav-height: 55px;
    }

    .whole-wrap .products-block.products > div {
        width: 235px;
    }

    .desktop .subcategories.with-image {
        grid-template-columns: repeat(3, 1fr);
    }

    .subcategories.with-image {
        grid-template-columns: repeat(4, 1fr);
    }

    .type-detail .breadcrumbs {
        margin-bottom: 20px;
    }

    .p-final-price-wrapper {
        margin-top: 40px !important;
    }

    .description-inner {
        gap: 0 50px;
    }

    .basic-description > h3:first-child,
    .extended-description > h3:first-child {
        font-size: var(--size-h3);
    }

    #p-detail-tabs > li > a {
        padding: 10px 30px;
    }

    #p-detail-tabs > li {
        min-height: 52px;
    }

    .id--9 #content-wrapper {
        max-width: var(--container-width);
    }

    .cart-table .cart-p-image img {
        width: 100px;
    }

    .cart-table tr td.p-name,
    .cart-table tr td.p-name a.main-link {
        font-size: 14px;
    }

    #discountCouponCode {
        height: 48px;
    }

    .discount-coupon form .btn {
        min-height: 48px;

        font-size: var(--size-body);
    }

    .ordering-process .next-step-forward,
    .ordering-process .next-step-finish {
        min-height: 60px;

        font-size: var(--size-body) !important;
    }

    .ordering-process .next-step-back {
        font-size: var(--size-body);
    }

    .ordering-process .next-step {
        flex-direction: row;
    }

    .id--9 .cart-summary .extras-wrapper .extras-col:has(> .discount-coupon) {
        margin-bottom: 25px;
    }

    .id--9 .sidebar-in-cart {
        margin-top: 20px;
    }

    .id--9 .cart-summary .extras-wrapper .extras-col:has(> .discount-coupon) {
        max-width: 100%;
    }

    .ordering-process.id--16 .cart-row,
    .ordering-process.id--17 .cart-row {
        gap: 30px;
    }
}

@media (max-width: 1119px) and (min-width: 768px) {
    .navigation-in > ul > li > a {
        padding-inline: 15px !important;
    }

    .navigation-in > ul > li.ext > ul > li > a.menu-image {
        padding: 10px 10px;
        width: 80px;
        height: inherit;
    }

    .navigation-in > ul > li.ext > ul > li > div > a {
        padding: 10px 10px 10px 0;
    }

    .navigation-in > ul > li.ext > ul > li > div > a {
        font-size: var(--size-smaller);
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1199px) {
    :root {
        --container-width: 900px;

        --size-bigger: 16px;
        --size-body: 15px;
        --size-smaller: 14px;
        --size-h1: 30px;
        --size-h2: 30px;
        --size-h3: 22px;
    }

    #carousel .extended-banner-texts {
        padding: 30px;
    }

    #carousel .extended-banner-texts > .extended-banner-text {
        font-size: var(--size-smaller);
    }

    #carousel .extended-banner-texts > .extended-banner-link {
        column-gap: 20px;

        padding: 10px 15px;
        margin-top: 10px;
        min-height: 44px;

        font-size: var(--size-smaller);
    }

    .btn,
    a.btn {
        min-height: 44px;
    }

    .next-to-carousel-banners .extended-banner-texts > .extended-banner-link {
        font-size: var(--size-body);
    }

    .benefitBanner__link {
        gap: 5px;
    }

    .benefitBanner__item {
        gap: 5px;

        padding: 20px;
    }

    .benefitBanner__title {
        width: 100%;

        text-align: center;
    }

    .next-to-carousel-banners,
    .benefitBanner,
    .reviews,
    .whole-wrap {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .benefitBanner.position--benefitProduct {
        margin-top: 40px;
        padding-top: 40px;
    }

    .reviews h2 {
        margin-bottom: 30px;
    }

    .my-btn {
        min-height: 44px;
        padding: 10px 20px;

        font-size: var(--size-smaller);
    }

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

    .whole-wrap .products-block.products > div {
        width: 210px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .h4.homepage-group-title,
    h4.homepage-group-title {
        min-height: 40px;
        margin-top: 40px;
    }

    .whole-wrap .swiper-button-next,
    .whole-wrap .swiper-button-prev {
        top: -65px;
    }

    #footer .custom-footer {
        padding-block: 40px;
    }

    #footer h4 {
        margin-bottom: 15px;

        font-size: var(--size-h4);
    }

    .custom-footer > div.custom-footer__articles ul {
        column-gap: 20px;
    }

    .myfooter-references a {
        height: 70px;
        width: auto;
    }

    .myfooter-references a img {
        max-height: 100%;
        width: auto;
    }

    .site-msg.information {
        padding: 10px;
    }

    .desktop .products-block:not(.swiper-wrapper) {
        grid-template-columns: repeat(2, 1fr);
    }

    .extended-description {
        flex: 0 0 100%;

        margin-top: 30px;
    }

    .id--9 .sidebar-in-cart {
        flex-direction: column;
    }

    .id--9 .cart-summary,
    .id--9 .summary-wrapper {
        width: 100%;
    }

    .discount-coupon {
        margin-bottom: 0;
    }

    .delivery-time:has(+ .extras-col) {
        margin-bottom: 10px;
    }

    .summary-wrapper .price-wrapper {
        max-width: 100%;
    }

    .ordering-process .next-step {
        max-width: 100%;
        margin-block: 0;
    }

    .ordering-process .next-step-forward,
    .ordering-process .next-step-finish {
        flex-grow: 0;
    }

    .ordering-process .next-step-back {
        margin-left: auto;
    }

    .id--9 #content-wrapper {
        padding-bottom: 20px;
    }

    .ordering-process .quantity input {
        height: 50px !important;
        width: 40px !important;
    }

    .ordering-process .quantity {
        min-height: 50px;
        padding-inline: 35px !important;
    }

    .ordering-process .quantity .decrease,
    .ordering-process .quantity .increase {
        width: 35px !important;
    }

    #checkoutSidebar,
    #checkoutContent {
        width: 100%;
        max-width: 100%;
        float: none;
        top: auto !important;
        padding-inline: 0;
    }

    .ordering-process.id--16 .cart-row,
    .ordering-process.id--17 .cart-row {
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #header .navigation-buttons a {
        justify-content: center;

        font-size: 0;
    }

    #header .navigation-buttons {
        column-gap: 20px;
    }

    #header .search {
        width: 360px;
    }

    #header .search input[type="search"] {
        min-height: 44px;
    }

    #header .search button[type="submit"] {
        width: 50px;
    }

    #header .navigation-buttons a::before {
        flex-shrink: 0;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    :root {
        --container-width: 700px;

        --size-h1: 25px;
        --size-h2: 25px;
        --size-h3: 22px;
    }
    .reviews-inner,
    .id--51 .votes-wrap {
        grid-template-columns: 1fr 1fr;
    }

    .benefitBanner__link {
        gap: 10px;
    }

    .benefitBanner__item {
        gap: 10px;
        width: calc(50% - 12.5px);
    }

    .benefitBanner__title {
        width: auto;
    }

    .benefitBanner__picture {
        width: 30px;
        height: 30px;
    }

    .benefitBanner__picture img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .whole-wrap .products-block.products > div {
        width: 220px;
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 16px;
    }

    .swiper-pagination-bullet::before {
        width: 10px;
        height: 10px;
    }
    #signature {
        flex: unset;
    }

    #footer .footer-bottom {
        flex-direction: column;
        align-items: center;
        row-gap: 5px;
    }

    .desktop .subcategories.with-image {
        grid-template-columns: repeat(2, 1fr);
    }

    .subcategories.with-image {
        grid-template-columns: repeat(3, 1fr);
    }

    .products-block:not(.swiper-wrapper) {
        grid-template-columns: repeat(3, 1fr);
    }

    .description-inner {
        gap: 0;
    }

    .product-top {
        column-gap: 30px;
    }

    .p-image-wrapper,
    .p-info-wrapper {
        width: calc(50% - 15px);
    }

    .cart-table tr td.p-total .price-final {
        font-size: var(--size-bigger);
    }

    .cart-table tr td.p-price .price-final,
    .cart-table tr td.p-price .unit-value {
        font-size: var(--size-smaller);
    }

    .id--9 .cart-summary {
        padding: 0;
    }

    .cart-inner .delivery-time {
        padding: 0;
    }

    .summary-wrapper .price-wrapper {
        padding: 0;
        margin-bottom: 30px;
    }

    .ordering-process .next-step {
        padding: 0;
    }

    .ordering-process input[type="checkbox"] + label:before {
        width: 20px;
        height: 20px;
    }

    input[type="checkbox"]:checked + label:after {
        width: 12px;
        height: 12px;
        left: 4px;
    }

    .ordering-process .form-group input[type="checkbox"] + label {
        padding-left: 25px;
    }
}

@media (max-width: 767px) {
    .navigation-buttons .mylogin {
        display: none;
    }

    #carousel .item > a {
        flex-direction: column;
        align-items: center;
        row-gap: 10px;

        padding: 20px 10px;

        background-color: #f3f3f3;
        border-radius: 0;
    }

    #carousel .item > a > img {
        order: 3;

        max-width: 100%;
        width: auto;
        aspect-ratio: unset;
        object-fit: unset;
        margin-block: 10px;
        border-radius: 10px;
    }

    #carousel .extended-banner-texts {
        display: contents;
        align-items: center;

        width: 100%;
        padding: 0;

        background-color: transparent;
        text-align: center;
    }

    #carousel .extended-banner-texts .extended-banner-title {
        order: 1;
    }
    #carousel .extended-banner-texts > .extended-banner-text {
        order: 2;
    }
    #carousel .extended-banner-texts > .extended-banner-link {
        order: 4;

        margin-top: 0;
    }

    .next-to-carousel-banners {
        padding-inline: 10px;
    }

    .categories-wrapper > div.banner-wrapper {
        width: calc(33.33% - 10px);
    }

    #carousel {
        margin-bottom: 25px;
    }

    .next-to-carousel-banners,
    .benefitBanner,
    .reviews,
    .whole-wrap {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .benefitBanner.position--benefitProduct {
        margin-top: 25px;
        padding-top: 25px;
    }

    .benefitBanner {
        gap: 10px;
    }

    .benefitBanner__item {
        width: 100%;
    }

    .benefitBanner__title {
        font-size: var(--size-bigger);
    }

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

    .reviews-inner,
    .id--51 .votes-wrap {
        grid-template-columns: 1fr;
        grid-row-gap: 25px;
    }

    .reviews .btn-holder {
        flex-wrap: wrap;
        gap: 10px 15px;

        margin-top: 35px;
    }

    .reviews .btn-holder .my-btn {
        flex-grow: 1;
    }

    .h4.homepage-group-title,
    h4.homepage-group-title {
        margin-block: 25px;
    }

    .reviews {
        padding-inline: 0px;
    }

    .whole-wrap .swiper-button-prev {
        transform: translate(calc(-100% - 10px), 50%);
    }

    .myproducts-swiper {
        margin-inline: -10px;
    }

    #footer {
        padding-inline: 10px;
    }

    .sidebar-indented .category-content-wrapper {
        width: 100%;
        margin-left: 0;
    }

    .listingControls {
        margin-block: 30px;
    }

    .breadcrumbs-wrapper {
        padding-inline: 10px;
    }

    .breadcrumbs {
        margin-top: 10px;
    }

    .breadcrumbs > span > a:after {
        margin-inline: 10px;
    }

    .subcategories.with-image {
        grid-template-columns: repeat(2, 1fr);
    }

    .products-block:not(.swiper-wrapper) {
        grid-template-columns: repeat(2, 1fr);
    }

    #header .site-name a img {
        max-height: 38px;
        padding: 0;
    }

    #header .site-name {
        left: 65px;
        top: -60px;
    }

    .top-navigation-tools .responsive-tools > a[data-target="navigation"] {
        display: flex;
        align-items: center;
        justify-content: center;

        right: auto;
        left: 15px;
        width: 30px;
        height: 30px;
        padding: 0;
    }

    .responsive-tools > a[data-target="navigation"]:before,
    .responsive-tools > a[data-target="navigation"]:hover:before {
        content: "";
        width: 100%;
        height: 100%;

        border-radius: 0;
        mask-image: url("/user/documents/upload/kodovani/menu-ico.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/menu-ico.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #000;
    }

    .top-navigation-bar .top-navigation-tools .responsive-tools {
        height: 68px;
    }

    .type-index .overall-wrapper,
    .overall-wrapper {
        padding-top: 68px;
    }

    .responsive-tools > a[data-target="search"]:before {
        mask-image: url("/user/documents/upload/kodovani/magnifier1.svg");
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: 28px;
        -webkit-mask-image: url("/user/documents/upload/kodovani/magnifier1.svg");
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 28px;
        background-color: #000;
    }

    .responsive-tools > a[data-target="login"] {
        display: flex;
        justify-content: center;
        align-items: center;

        margin-right: 46px;
    }

    .responsive-tools > a[data-target="login"]:before {
        width: 24px;
        height: 28px;
        mask-image: url("/user/documents/upload/kodovani/user.svg");
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/user.svg");
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        background-color: #000;
    }

    #header .cart-count {
        right: 20px;
        top: -55px;
    }

    .header-top .btn.cart-count:before {
        display: inline-block;

        content: "";
        position: relative;
        width: 28px;
        height: 28px;
        margin: 0;

        mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        background-color: #000;
    }

    .responsive-tools > a[data-target="search"] {
        margin-right: 8px;
    }

    #navigation {
        height: calc(100% - 68px);
        top: 68px;
        bottom: 0;
        right: auto;
        left: 0;
        width: 100%;
        transform: translateX(-100%);

        background-color: #293b46;
    }

    .navigation-window-visible #navigation {
        transform: translateX(0);
    }

    .navigation-window-visible #navigation {
        width: 100%;
    }

    .navigation-in {
        padding: 25px 20px;

        background-color: #293b46;
    }

    .navigation-in > ul > li:has(> a[data-testid="signin"]) {
        display: none;
    }

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

    .navigation-in ul li a {
        padding-inline: 0;
    }

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

    .navigation-in ul.menu-level-2 li a {
        position: relative;
        padding-left: 45px;

        font-weight: 400;
        font-size: var(--size-body);
    }

    .navigation-in a {
        color: #fff;
    }

    .navigation-in ul li.appended-category {
        display: none;
    }

    .navigation-in ul.menu-level-2 li a::before {
        display: inline-block;

        content: "";
        position: absolute;
        top: 50%;
        left: 20px;
        width: 15px;
        height: 2px;

        background-color: #485f6e;
    }

    .navigation-in > ul > li.menu-item-813 {
        margin-top: 28px;
        padding-top: 28px;

        border-top: 1px solid #4a5d68 !important;
    }

    .submenu-arrow {
        padding-inline: 13px;
    }

    .menu-helper ul li,
    .navigation-in ul li {
        margin-bottom: 10px;
    }

    .navigation-in ul.menu-level-2 li {
        margin-bottom: 5px;
    }

    .navigation-close {
        display: none;
    }

    .navigation-window-visible .responsive-tools > a[data-target="navigation"]:before,
    .navigation-window-visible .responsive-tools > a[data-target="navigation"]:hover:before {
        mask-image: url("/user/documents/upload/kodovani/close-menu.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/close-menu.svg");
        mask-size: 20px;
        -webkit-mask-size: 20px;
    }

    .search-window-visible #header .search {
        margin-inline: -10px;
        padding: 0;
        width: auto;
    }

    .search-window-visible #header .search input {
        height: 54px;
        padding: 5px 75px 5px 20px;

        border: 0;
        background-color: #efefef;
        color: #000000;
        border-radius: 0;
    }

    .search-window-visible #header .search ::placeholder {
        color: #000000;
    }

    .search-window-visible #header .search button[type="submit"] {
        height: 100%;
        width: 65px;

        font-size: 0;
        background-color: transparent;
        border: none;
        background-image: url("/user/documents/upload/kodovani/magnifier.svg");
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
    }

    #header {
        top: 68px;
    }

    .product-top {
        flex-direction: column;
    }

    .p-image-wrapper,
    .p-info-wrapper {
        width: auto;
    }

    .p-image-wrapper {
        padding-inline: 0 !important;
    }

    .product-top {
        margin-top: 0;
    }

    .p-image-wrapper {
        position: relative;
        top: 0;
    }

    .p-image-wrapper .p-main-image {
        border-radius: 0;
    }

    .p-thumbnails.overflow-next .thumbnail-next,
    .p-thumbnails.overflow-prev .thumbnail-prev {
        display: none !important;
    }

    .p-thumbnails.overflow-prev:before,
    .p-thumbnails.overflow-next:after {
        content: none;
    }

    .p-thumbnails {
        width: auto;
    }

    .p-thumbnails > div {
        position: relative;
        height: auto;
        width: 100%;
    }

    .p-thumbnails > div > div {
        display: flex;

        padding-inline: 10px;

        overflow: auto;
        scrollbar-width: none;
    }

    .p-thumbnails > div > div::-webkit-scrollbar {
        display: none;
    }

    .p-thumbnails a {
        flex-shrink: 0;
    }

    .p-thumbnails-wrapper {
        max-width: calc(100vw - var(--scrollbar-width));
    }

    .p-info-wrapper {
        margin-top: 20px;
    }

    #ratingTab #ratingWrapper .rate-average-wrap {
        padding-left: 10px;
    }

    #ratingTab #formRating > .row > div {
        padding-inline: 10px;
    }

    .type-detail .shp-tabs-holder {
        padding-inline: 10px;
    }

    ol.cart-header {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
    }

    .ordering-process .top-navigation-bar {
        position: fixed;

        box-shadow: 0px 0px 9px 0px #00000026;
    }

    .ordering-process .responsive-tools > a[data-target="login"] {
        margin-right: 0;
    }

    .ordering-process .responsive-tools > a[data-target="navigation"]:before {
        vertical-align: unset;
    }

    .ordering-process .responsive-tools > a[data-target="navigation"] {
        position: absolute;
        top: auto;
    }

    .ordering-process .site-name {
        display: block;
    }

    ol.cart-header {
        margin-block: 20px;

        text-align: center;
    }

    ol.cart-header li {
        display: block;

        padding: 0;

        border: none;
    }

    ol.cart-header li a,
    ol.cart-header li strong {
        font-size: var(--size-body);
    }

    ol.cart-header li a span:before,
    ol.cart-header li strong span:before {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        content: counter(steps);
        counter-increment: steps;
        width: 25px;
        height: 25px;
        margin: 0;

        border-radius: 50%;
        background-color: #e8e8e8;
        font-size: var(--size-smaller);
        line-height: 32px;
        color: #272727;
        border: none;
    }

    ol.cart-header li.completed a span:before,
    ol.cart-header li.completed strong span:before {
        font-size: 20px;
    }

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

    ol.cart-header li a span,
    ol.cart-header li strong span {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }

    .ordering-process .overall-wrapper {
        padding-top: 68px;
    }

    .cart-table {
        padding-inline: 10px;
    }

    .cart-table tr td {
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .cart-table tr {
        gap: 10px;

        position: relative;
        padding: 5px !important;

        border: 1px solid #dcdcdc !important;
        border-radius: 10px;
    }

    .cart-table tr td.cart-p-image {
        flex: 0 0 100px;
    }

    .cart-table tr td.p-name {
        flex: 0 0 calc(100% - 110px);

        padding-right: 30px !important;
    }

    .cart-table tr td.p-name .availability-label {
        margin-top: 5px;
    }

    .ordering-process .quantity-form .quantity .decrease {
        border: none !important;
    }

    .cart-table .p-quantity {
        flex: 0 0 112px;
    }

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

    .cart-table tr td.p-total .p-label {
        display: none;
    }

    .cart-table tr td.p-total {
        position: initial;
    }

    .cart-table tr td.p-total form {
        position: absolute;
        top: 0;
        right: 0;
    }

    tr.removeable .remove-item::before {
        font-size: 10px;
    }

    .id--9 .sidebar-in-cart {
        padding-inline: 10px !important;
        margin-top: 0;
    }

    .ordering-process .next-step-back {
        margin-left: 0;
    }

    .ordering-process .next-step {
        align-items: flex-end;
    }

    .id--16 .cart-inner,
    .id--17 .cart-inner {
        padding-inline: 10px;
    }

    .ordering-process .co-box h4 {
        font-size: var(--size-h2);
    }

    .ordering-process .co-box {
        padding: 20px;
    }

    .ordering-process #checkoutSidebar .next-step {
        padding: 0 10px 10px;
    }

    .order-summary-inner > h4 {
        margin-top: 20px;
    }

    .id--9 .cart-content {
        margin-top: 0;
    }

    .ordering-process.id--16 .cart-row,
    .ordering-process.id--17 .cart-row {
        margin-top: 25px;
    }

    ol.cart-header {
        max-width: 370px;
    }

    .co-billing-address .form-group,
    .co-shipping-address .form-group {
        width: 100%;
    }

    .mobile #carousel {
        margin-top: 0;
    }

    #cart-widget {
        display: none;
    }

    .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .site-name {
        transform: translateY(calc(-100% - 10px));
    }

    .submenu-arrow {
        position: relative;
        top: -2px;
    }

    .search-window-visible::before {
        height: 100%;
        backdrop-filter: blur(4px);
    }

    body::before {
        height: 0;
        transition: backdrop-filter ease 300ms;
        background-color: rgba(0, 0, 0, 0.58);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
        content: "";
        width: 100%;
    }

    .ordering-process #checkoutSidebar .form-group input[type="checkbox"] + label {
        padding-left: 30px;

        line-height: 1.3;
    }

    .popup-widget.cart-widget,
    .popup-widget.login-widget {
        padding-top: 68px;
    }
}

@media (max-width: 499px) {
    :root {
        --size-smaller: 13px;
    }
    .reviews h2 {
        margin-bottom: 20px;
    }

    .reviews-inner,
    .id--51 .votes-wrap {
        grid-template-columns: 1fr;
        margin: 0;
        grid-row-gap: 20px;
    }

    .reviews-inner .vote-wrap,
    .id--51 .vote-wrap {
        padding: 20px 0 0;
        border-top: 1px solid #e6e6e6;
        border-right: none !important;
        text-align: center;
    }

    .reviews-inner .vote-wrap:first-child,
    .id--51 .vote-wrap:first-child {
        border-top: none;
        padding-top: 0;
    }

    .vote-name {
        margin-bottom: 0;
    }

    .vote-rating {
        justify-content: center;
    }

    .vote-content {
        margin-top: 10px;
    }

    .reviews .btn-holder {
        gap: 15px;
        margin-top: 20px;
    }

    .categories-wrapper {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 10px;

        margin-inline: -10px;
        padding-inline: 10px;

        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        position: relative;
        mask-image: linear-gradient(to right, black calc(100% - 60px), transparent);
        -webkit-mask-image: linear-gradient(to right, black calc(100% - 60px), transparent);
    }

    .categories-wrapper::-webkit-scrollbar {
        display: none;
    }

    .categories-wrapper > div.banner-wrapper {
        flex-shrink: 0;

        width: 130px;
    }

    .categories-wrapper > div.banner-wrapper > a::before {
        content: none;
    }

    .benefitBanner {
        display: flex;
        flex-wrap: wrap;
    }

    .custom-footer > div.custom-footer__articles ul {
        columns: 1;
    }

    #footer .custom-footer {
        gap: 30px;
    }

    #footer .banner {
        min-height: unset;
    }

    #signature,
    .copyright {
        font-size: var(--size-smaller);
    }

    .footer-bottom {
        display: flex;
        gap: 10px;

        padding-inline: 0;
    }

    .products-block:not(.swiper-wrapper) {
        gap: 20px 10px;
    }

    .products-block .p-bottom > div {
        row-gap: 15px;
    }

    .subcategories.with-image,
    .desktop .subcategories.with-image {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;

        margin-inline: -10px;
        padding-inline: 10px;

        overflow: auto;
        scrollbar-width: none;
        mask-image: linear-gradient(to right, black calc(100% - 40px), transparent);
        -webkit-mask-image: linear-gradient(to right, black calc(100% - 40px), transparent);
    }

    .subcategories.with-image::-webkit-scrollbar,
    .desktop .subcategories.with-image::-webkit-scrollbar {
        display: none;
    }

    .subcategories.with-image li a .image img {
        width: 35px;
        height: 35px;
    }

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

    .subcategories.with-image li {
        flex: 1 0 160px;
    }

    .category-top {
        margin-bottom: 25px;
    }

    .category-header input[type="radio"] + label {
        margin: 5px;

        font-size: var(--size-smaller);
    }

    .products-block .product .p-in .btn {
        padding: 10px 20px;
        min-height: 40px;
    }

    .listingControls {
        margin-block: 20px;
    }

    #p-detail-tabs > li {
        min-height: 40px;
    }

    #p-detail-tabs > li > a {
        padding: 10px 20px;
    }

    .link-icons {
        justify-content: flex-start;
        gap: 10px 20px;
    }

    .extended-description table td,
    .extended-description table th {
        padding: 10px 15px !important;
    }

    #ratingTab .vote-rating {
        justify-content: flex-start;
    }

    #discountCouponCode {
        min-width: unset;
        padding: 5px 10px;

        font-size: var(--size-body);
    }

    .ordering-process .next-step {
        flex-direction: column-reverse;
        align-items: center;

        gap: 10px;
    }

    ol.cart-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;

        width: 100%;
        padding-inline: 10px;
    }

    ol.cart-header li a span,
    ol.cart-header li strong span {
        display: flex;
        flex-direction: row;
    }

    .extra.delivery span {
        font-size: var(--size-body);
    }

    .ordering-process .next-step-forward,
    .ordering-process .next-step-finish {
        width: 100%;
    }

    .cart-table tr td.p-name,
    .cart-table tr td.p-name a.main-link {
        line-height: 1.3;
    }

    .cart-table tr td.p-name a.main-link .main-link-variant {
        margin-top: 3px;
    }

    .discount-coupon form .btn {
        min-width: 110px;
    }

    .ordering-process .radio-wrapper {
        margin-inline: -10px;
    }

    .payment-logo img {
        width: 50px;
        height: 25px;
    }

    .payment-info {
        width: 100%;
        max-width: 100%;
    }

    .payment-logo {
        order: unset;
        max-width: calc(50% - 10px);
    }

    .payment-shipping-price {
        flex: unset;
        max-width: calc(50% - 10px);
    }

    .ordering-process input[type="checkbox"] + label,
    input[type="radio"] + label {
        margin-right: 0;
    }

    .ordering-process .co-box h4 {
        margin-bottom: 10px;

        font-size: var(--size-h3);
        line-height: 1.2;
    }

    .ordering-process .co-box {
        padding: 20px 20px 10px;
    }

    .ordering-process .radio-wrapper input[type="radio"] + label {
        gap: 5px 20px;
        padding-left: 25px;
    }

    .ordering-process .radio-wrapper input[type="radio"] + label:before {
        width: 15px;
        height: 15px;
    }

    input[type="radio"]:checked + label:after {
        width: 9px;
        height: 9px;
        left: 3px;
    }

    .id--16 ol.cart-header,
    .id--17 ol.cart-header {
        padding-inline: 0px;
    }

    ol.cart-header {
        max-width: 100%;
    }

    .co-contact-information > h4 {
        flex-wrap: wrap;
    }

    .ordering-process .form-group label {
        margin-bottom: 0;
    }

    .ordering-process .form-group .form-control {
        min-height: 50px;
    }

    .ordering-process .form-group {
        gap: 5px 20px;

        margin-bottom: 15px;
    }

    .decor {
        max-width: calc(50% - 7.5px);
    }

    .id--9 .sidebar-in-cart {
        margin-top: 10px;
    }

    .link-icons a {
        min-height: 40px;
    }

    .rate-wrapper.unveil-wrapper .rate-wrap {
        flex-direction: column;
        row-gap: 20px;
    }

    #ratingTab #ratingWrapper .rate-average-wrap {
        padding-right: 0;
        width: auto;
    }

    .rate-wrapper.unveil-wrapper .rate-average-inner + .add-comment {
        margin-top: 10px;
    }
}