/*OBECNÉ*/

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


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

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

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

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

@font-face {
    font-family: Inter;
    src: url("/user/documents/fonty/Inter-Black.ttf");
    font-weight: 900;
}


:root {
    --template-font: "Inter", sans-serif !important;
    --template-headings-font: "Inter", sans-serif !important;
    --size-h1: 30px;
    --size-h2: 30px;
    --size-h3: 26px;
    --size-h4: 22px;
    --size-h5: 20px;
    --size-bigger: 18px;
    --size-body: 16px;
    --size-smaller: 14px;
    --container-width: 1440px;
    --nav-height: 74px;
}

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

#signature {
    align-items: center;
}

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

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

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

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

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

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

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

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

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #1F1F1F;
    font-weight: 600;
}

/*HEADER*/

@media (min-width: 768px) {
    .top-navigation-bar > .container > .top-navigation-contacts {
        display: none;
    }

    .top-navigation-bar .container > div {
        flex: 1 1 70%;
    }

    .top-navigation-bar > .container {
        min-height: 45px;
        display: flex;
        align-items: center;
    }

    .top-navigation-bar > .container > .top-navigation-menu {
        text-align: left;
        display: flex;
        align-items: center;
        height: auto;
    }

    .top-navigation-bar-menu li a, .top-navigation-bar-menu-helper li a {
        padding: 0;
    }

    .top-navigation-bar-menu {
        display: flex;
        gap: 0 50px;
        align-items: center;
    }

    .top-navigation-bar-menu, .top-navigation-bar-menu-helper {
        text-transform: none;
    }

    .top-navigation-bar-menu li {
        font-size: var(--size-body);
    }

    .top-navigation-bar {
        font-size: var(--size-body);
        border: none;
    }

    .top-navigation-bar-menu li:before {
        content: none;
    }

    .top-navigation-bar .dropdown button, .top-navigation-bar a {
        color: #272727;
    }

    .top-navigation-bar .container > div.top-navigation-tools {
        display: flex;
        justify-content: flex-end;
        gap: 25px;
    }

    .top-navigation-bar .top-nav-button-login {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .top-navigation-bar .top-nav-button-login::before {
        content: "";
        width: 11px;
        height: 14px;
        mask-image: url("/user/documents/upload/kodovani/user.svg");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/user.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        background-color: var(--color-secondary);
    }

    #header .cart-count:not(.full) .cart-price {
        display: none !important;
    }

    #header .cart-count.full .myempty-cart {
        display: none;
    }

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

    .header-top > div.search {
        flex: 0 1 435px;
    }

    .header-top {
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 20px;
        padding: 40px 0;
        height: auto;
    }

    #formSearchForm.compact-form .form-control {
        border: 1px solid #DADADA;
        border-radius: 8px;
        height: 50px;
        background-image: url("/user/documents/upload/kodovani/magnifier.svg");
        background-size: 23px 23px;
        background-position: 12px center;
        background-repeat: no-repeat;
        padding: 5px 90px 5px 48px;
        font-size: var(--size-smaller);
    }

    #formSearchForm.compact-form .btn {
        height: 50px;
        padding: 5px 19px;
        color: #F8EFEB;
        border-radius: 8px;
        border: none;
        font-size: var(--size-body);
        font-weight: 600;
        text-transform: none;
    }

    .myempty-cart {
        text-transform: none;
    }

    .btn.cart-count:before, a.btn.cart-count:before {
        content: "";
        width: 33px;
        height: 33px;
        mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        background-color: var(--color-secondary);
    }

    .navigation-buttons > a[data-target=cart] i {
        top: auto;
        bottom: 5px;
        left: 24px;
        background-color: var(--color-primary-hover);
    }

    #header {
        position: relative;
    }

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

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

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

    .navigation-in {
        background-color: var(--color-secondary);
        height: 100%;
    }

    .navigation-in > ul > li {
        border: none;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .navigation-in > ul {
        height: 100%;
    }

    .navigation-in ul li a b {
        font-weight: 600;
        text-transform: uppercase;
    }

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

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

    .navigation-in > ul > li.exp > a, .navigation-in > ul > li > a:hover {
        background-color: transparent;
        color: #fff;
        text-decoration: underline;
    }

    .navigation-in > ul > li.ext > a > span {
        display: inline-block;
    }

    .fitted .navigation-in ul {
        justify-content: center;
    }

    .myblog-inner .news-item {
        width: calc(25% - 15px) !important;
        margin-right: 0 !important;
    }

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

    .navigation-in>ul>li.ext>ul>li {
        width: auto;
        flex-basis: unset;
    }

    .navigation-in>ul>li.ext>ul>li>div {
        width: auto;
    }

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


.call-us__title {
    color: var(--color-secondary);
    font-size: var(--size-bigger);
    line-height: 1.25;
    margin: 0 0 5px;
}

.call-us__numbers {
    display: flex;
    align-items: center;
}

.call-us__numbers > a:first-child {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding-right: 14px;
    margin-right: 14px;
    border-right: 1px solid rgba(39, 39, 39, .5);
}

.call-us__numbers > a:first-child::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    mask-image: url("/user/documents/upload/kodovani/phone.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: var(--color-secondary);

}

.call-us__numbers > a {
    font-size: var(--size-h5);
    font-weight: 700;
    line-height: 1;
}

/*CAROUSEL*/

.homepage-box {
    background-color: transparent;
    border: none;
    padding: 25px 0 25px;
    margin: 0;
}

/*USP*/

.benefitBanner__picture {
    flex: unset;
    width: 95px;
    height: 95px;
    margin-right: 15px;
    background-color: #F5ECF0;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.benefitBanner__picture img {
    max-width: 56px;
}

.benefitBanner > .benefitBanner__item:nth-child(2) {
    justify-content: center;
}

.benefitBanner > .benefitBanner__item:nth-child(3) {
    justify-content: flex-end;
}

.benefitBanner__content {
    padding-right: 0;
}

/*HP PRODUKTY*/

.whole-wrap {
    position: relative;
}

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

.products-block .p-bottom .p-desc {
    max-height: unset;
}

.products-block.products > div {
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 20px 30px;
}

.products-block.products .p .name {
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product .p-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 14px;
}

.product .p-desc ul {
    padding: 0 0 0 20px;
    margin: 0;
}

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

.products-block .ratings-wrapper .availability {
    text-align: left;
}

.availability > span[style="color:#0B8F48"]::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 14px;
    mask-image: url("/user/documents/upload/kodovani/checkmark.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/checkmark.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #0B8F48;
}

.availability > span[style="color:#0B8F48"] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.products-block .p .flags-default {
    left: -30px;
}

.flag {
    border-radius: 0 6px 6px 0;
    font-size: var(--size-smaller);
    font-weight: 600;
    padding: 9px 19px;
    margin-bottom: 2px;
    text-transform: lowercase;
}

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

.products-block .p-bottom > div {
    gap: 15px;
}

.products-block .p-bottom .p-tools {
    text-align: center;
    flex: 1 0 100%;
}

.products-block .p-bottom .p-tools button {
    width: 100%;
}

.products-block .p-bottom .p-tools button.add-to-cart-button {
    background-color: #fff;
    color: var(--color-secondary);
}

.products-block .p-bottom .p-tools a.btn-primary {
    width: 100%;
    text-transform: none;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.products-block .p-bottom .p-tools a.btn-primary:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
}

.products-block .p-bottom .p-tools button.add-to-cart-button:hover {
    background-color: #0B8F48;
    color: #fff;
}

.products-block .p-bottom .p-tools button.add-to-cart-button:hover::after {
    background-color: #fff;
}

.products-block .p-bottom .p-tools button.add-to-cart-button::before {
    content: none;
}

.products-block .p-bottom .p-tools button.add-to-cart-button::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 20px;
    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: var(--color-secondary);
    transition: background-color ease 300ms;
}

.btn, a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 5px 25px;
    border-radius: 8px;
    font-size: var(--size-body);
    font-weight: 600;
    min-height: 46px;
    text-transform: none;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next {
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    margin: 0;
    width: 42px;
    height: 42px;
    background-color: var(--color-secondary);
    border-radius: 50%;
    transition: background-color ease 300ms;
}

.swiper-button-next:hover, .swiper-rtl .swiper-button-prev:hover, .swiper-button-prev:hover, .swiper-rtl .swiper-button-next:hover {
    background-color: var(--color-secondary-hover);
}

.swiper-button-prev, .swiper-rtl .swiper-button-prev {
    left: 0;
    right: auto;
    transform: translate(-50%, -50%);
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after, .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
    content: "";
    display: inline-block;
    position: absolute;
    height: 13px;
    width: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    mask-image: url("/user/documents/upload/kodovani/chevron-right.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-prev::after {
    transform: translate(-50%, -50%) rotate(180deg);
}

/*BLOG HP*/

.myblog {
    margin: 150px auto;
}

.myblog-inner {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.myblog-inner .news-item {
    flex-direction: column;
    margin: 0;
    max-width: 330px;
    border-radius: 6px;
    overflow: hidden;
}

.myblog-inner .news-item .image a {
    display: block;
    aspect-ratio: 3/2;
    overflow: hidden;
}

.myblog-inner .news-item .image {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

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

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

.myblog-inner .text {
    background-color: #F6F6F6;
    padding: 20px;
}

.myblog-inner .news-item .text .title {
    font-size: var(--size-h5);
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
    overflow: hidden;
    margin: 0 0 16px;
}

.myblog-inner .news-item .text .title:hover {
    color: #1f1f1f;
}

.myblog-inner .news-item .text .description {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 66px;
    overflow: hidden;
}

.read-all {
    display: block;
    color: var(--color-secondary);
    font-size: var(--size-bigger);
    text-decoration: underline;
    margin: 20px 0 0;
    font-weight: 600;
}

.read-all:hover {
    text-decoration: none;
    color: var(--color-secondary);
}

.myblog-title {
    text-align: center;
}

.myblog > .btn-holder {
    margin: 25px auto 0;
    text-align: center;
}

.myblog .btn-primary {
    padding: 5px 43px;
}

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

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

.homepage-products-heading__link {
    font-size: var(--size-body);
    color: var(--color-secondary);
    text-decoration: underline;
}

.homepage-products-heading__link:hover {
    color: var(--color-secondary);
}

.h4.homepage-group-title, h4.homepage-group-title {
    font-size: var(--size-h2);
    text-align: left;
    margin: 50px 0 20px;
}

.h4.homepage-group-title:has(.homepage-products-heading__link) {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 15px 30px;
}

.h4.homepage-group-title:has(.homepage-products-heading__link) span {
    flex-grow: 1;
}

/*DETAIL KATEGORIE*/

.prices:has(.moc-price), .prices:has(.myprice-standard) {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.prices:has(.moc-price) > div, .myprice-standard {
    display: flex;
    align-items: center;
    gap: 0 30px;
}

.prices:has(.moc-price) > div span, .myprice-standard__label {
    flex-grow: 1;
    font-size: var(--size-body) !important;
    font-weight: 600;
}

.prices:has(.moc-price) > div strong, .myprice-standard__value {
    flex-shrink: 0;
    font-size: var(--size-h5) !important;
}

.prices:has(.moc-price) > div.moc-price, .myprice-standard {
    color: #737373;
}

.prices:has(.moc-price) > div.moc-price strong, .myprice-standard__value {
    font-weight: 400;
    text-decoration: line-through;
}

.prices:has(.moc-price) > div.voc-price strong, .price.price-final:has(.myprice-final__label) strong {
    font-weight: 900;
    color: var(--color-secondary);
    font-size: var(--size-h5) !important;
}

.price.price-final:has(.myprice-final__label) {
    display: flex;
    align-items: center;
    gap: 0 30px;
}

.price.price-final:has(.myprice-final__label) strong {
    flex-shrink: 0;
}

.myprice-final__label {
    flex-grow: 1;
    font-size: var(--size-body) !important;
    font-weight: 600;
}

.products-block .p-bottom .prices {
    min-height: 47px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.navigation-home-icon-wrapper:before {
    content: none;
}

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

#navigation-first {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask-image: url("/user/documents/upload/kodovani/home.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/home.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #272727;
    min-height: unset;
}

#navigation-first a {
    min-height: unset;
    display: block;
    width: 100%;
    height: 100%;
}

.breadcrumbs > span > a, .breadcrumbs > span > span {
    padding: 0;
    display: inline-block;
    color: #272727;
}

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

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

.breadcrumbs > span > span {
    font-weight: 600;
}

.breadcrumbs > span:not(:first-child)::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 6px;
    height: 12px;
    mask-image: url("/user/documents/upload/kodovani/chevron-right.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-right.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #272727;
    margin: 0 5px 0 10px;
}

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

.breadcrumbs > span {
    display: flex;
    align-items: center;
}

.breadcrumbs {
    margin: 0;
    padding: 18px 0;
    border: none;
}

.category-title {
    text-align: center;
}

.subcategories {
    display: flex;
    justify-content: center;
    gap: 22px;
    margin: 30px auto;
}

.subcategories li {
    padding: 0;
    width: auto;
}

.subcategories li a {
    color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    min-height: 38px;
    padding: 5px 24px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    height: auto;
    transition: all ease 300ms;
}

.subcategories li a:hover {
    background-color: var(--color-secondary);
    color: #fff;
}

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

.category-header {
    background-color: transparent;
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 34px;
}

.category-header input[type=radio]:checked + label {
    font-weight: 700;
    border-bottom: 1px solid var(--color-secondary);
}

.category-header div, .category-header input[type=radio] + label {
    padding-left: 8px;
    padding-right: 8px;
}

.category-header input[type=radio] + label:hover {
    border-bottom: 1px solid var(--color-secondary);
}

#category-header fieldset {
    display: flex;
    gap: 35px;
}

#content .btn.unveil-button, #footer .btn.unveil-button {
    display: inline-flex;
}

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

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

.pagination-wrapper {
    margin-top: 33px;
    justify-content: flex-end;
    margin-bottom: 110px;
}

.load-products.btn.btn-default {
    background-color: #fff;
    color: var(--color-tertiary);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    gap: 13px;
    font-weight: 700;
    min-height: 58px;
    padding: 5px 48px;
}

.load-products.btn.btn-default::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    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: var(--color-tertiary);
    transform: rotate(90deg);
    transition: background-color ease 300ms;
}

.pagination-top {
    display: none;
}

.pagination-top > a, .pagination-top > strong, .pagination > a, .pagination > strong {
    width: 54px;
    height: 54px;
    line-height: 54px;
    border-radius: 50%;
    border: 1px solid var(--color-secondary);
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--color-secondary);
}

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

.pagination > strong {
    background-color: var(--color-secondary);
    color: #fff;
}

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

.pagination-link {
    background-color: transparent;
}

.pagination-link:hover {
    color: var(--color-secondary);
    background-color: transparent;
}

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

.load-products.btn.btn-default:hover::after {
    background-color: #fff;
}


/*FOOTER BANNERY*/

.footer-banners {
    margin: 120px auto 0;
}

.footer-banner {
    padding: 0;
}

/*FOOTER*/

#footer {
    background-color: var(--color-secondary);
    margin-top: 100px;
}

.custom-footer {
    padding: 0;
    border: none;
    justify-content: space-between;
}

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

.custom-footer > div.custom-footer__banner1 {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}

#footer .banner {
    margin: 0;
}

.socials > span {
    display: none;
}

.custom-footer__banner1::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.myfooter-socials {
    position: relative;
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 20px 0;
}

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

.myfooter-socials .socials {
    display: flex;
    align-items: center;
    gap: 15px 40px;
}

.myfooter-socials .socials a {
    width: 50px;
    height: 50px;
    background-color: var(--color-secondary);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.myfb {
    mask-image: url("/user/documents/upload/kodovani/facebook.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/facebook.svg");
}

.myig {
    mask-image: url("/user/documents/upload/kodovani/instagram.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/instagram.svg");
}

.myytb {
    mask-image: url("/user/documents/upload/kodovani/youtune.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/youtube.svg");
}

.myfooter-socials h2 {
    flex-grow: 1;
    margin: 0;
}

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

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

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

#footer h4 {
    margin: 0 0 35px;
    text-transform: none;
}

.custom-footer ul li a {
    text-decoration: underline;
}

.custom-footer ul li {
    padding-bottom: 20px;
}

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

.myfooter-contact__phones {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 25px;
}

.myfooter-contact__phones a {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.myfooter-contact__address a {
    display: inline-flex;
    align-items: flex-start;
    gap: 15px;
}

.myfooter-contact__address a::before {
    content: "";
    width: 22px;
    height: 22px;
    mask-image: url("/user/documents/upload/kodovani/location.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/location.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #fff;
}

.myfooter-contact__mail a {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.myfooter-contact__mail a::before {
    content: "";
    width: 22px;
    height: 22px;
    mask-image: url("/user/documents/upload/kodovani/mail.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/mail.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #fff;
}

.myfooter-contact {
    font-weight: 700;
}

.myfooter-contact__phones a::before {
    content: "";
    width: 22px;
    height: 22px;
    mask-image: url("/user/documents/upload/kodovani/phone.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #fff;
}

#signature img.remedio-logo {
    width: auto;
}

.footer-bottom, #signature a {
    color: #fff;
}

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

#signature, .copyright {
    margin-top: 0;
    margin-bottom: 0;
}

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

/*DETAIL PRODUKTU*/

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

.price-measure {
    display: none;
}

.p-final-price-wrapper {
    display: flex;
    flex-direction: column;

    row-gap: 4px;
}

.p-info-wrapper .price-final {
    font-size: var(--size-h3);
    color: var(--color-secondary);
    font-weight: 900;
}

.p-final-price-wrapper:has(.moc-price) {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.p-final-price-wrapper:has(.moc-price) .price-standard {
    display: none;
}

.p-final-price-wrapper:has(.moc-price) .moc-price {
    color: #737373;
}

.p-final-price-wrapper:has(.moc-price) .moc-price, .p-final-price-wrapper:has(.moc-price) .voc-price {
    display: flex;
    align-items: baseline;
    gap: 30px;
}

.p-final-price-wrapper:has(.moc-price) .moc-price span, .p-final-price-wrapper:has(.moc-price) .voc-price span:not(.price-final-holder) {
    flex-grow: 1;
}

.p-final-price-wrapper:has(.moc-price) .moc-price strong, .p-final-price-wrapper:has(.moc-price) .voc-price span.price-final-holder {
    flex-shrink: 0;
}

.p-final-price-wrapper:has(.moc-price) .moc-price span {
    font-weight: 600;
}

.p-final-price-wrapper:has(.moc-price) .moc-price strong {
    font-weight: 400;
}

.p-final-price-wrapper:has(.moc-price) .voc-price span:not(.price-final-holder) {
    font-size: var(--size-bigger);
    font-weight: 700;
    color: #1F1F1F;
}

.p-final-price-wrapper:has(.moc-price) .voc-price span.price-final-holder {
    color: var(--color-secondary);
    font-weight: 900;
    font-size: var(--size-h3);
}

.type-detail .footer-banners {
    margin-top: 40px;
}

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

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

.product-top > div {
    padding: 0;
}

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

.product-top {
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 50px;
}

.product-top > div {
    float: none;
    width: auto;
}

.product-top > div:has(.p-detail-info) {
    display: none;
}

.p-detail-inner-header h1 {
    line-height: 1.45;
    margin: 0 0 15px;
}

.p-short-description > ul {
    padding-left: 30px;
}

.p-short-description > ul:first-child {
    margin-top: 0;
}

.p-info-wrapper a[href='#description'] {
    font-weight: 600;
    text-decoration: underline;
}

.p-info-wrapper a[href='#description']:hover {
    text-decoration: none;
    color: var(--color-primary);
}

.my-wrapper {
    display: flex;
    align-items: center;
    gap: 10px 40px;
    margin: 30px 0;
}

.my-wrapper .availability-value {
    margin: 0;
    font-size: var(--size-bigger);
    font-weight: 700;
    letter-spacing: 1px;
    flex-grow: 1;
}

.availability-label[style='color: #0B8F48'] + .shipping-now {
    color: #0B8F48;
    margin-left: -5px;
    font-weight: 400;
    font-size: var(--size-smaller);
}

.my-wrapper .shipping-options::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #343537;
    mask-image: url("/user/documents/upload/kodovani/van.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/van.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.my-wrapper .shipping-options {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
    letter-spacing: .5px;
    text-decoration: underline;
    color: #343537;
}

.my-wrapper .shipping-options:hover {
    text-decoration: none;
    color: #343537;
}

.p-info-wrapper .add-to-cart {
    gap: 15px 40px;
}

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

.p-detail .add-to-cart .quantity {
    padding: 0 45px;
    border: 1px solid var(--color-secondary);
    border-radius: 10px;
}

.p-detail .add-to-cart .quantity input {
    width: 50px;
    text-align: center;
    height: 54px;
    font-family: var(--template-font);
    font-weight: 600;
    font-size: 22px;
}

.p-detail .add-to-cart .quantity .increase, .p-detail .add-to-cart .quantity .decrease {
    height: 54px;
    width: 45px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
}

.p-detail .add-to-cart .quantity .decrease {
    left: 0;
}

.p-detail .add-to-cart .quantity .increase {
    right: 0;
}

.p-detail .add-to-cart .quantity .increase::before, .p-detail .add-to-cart .quantity .decrease::before {
    content: "";
    width: 34px;
    height: 34px;
    background-color: var(--color-secondary);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: var(--size-bigger);
    font-weight: 700;
    font-family: var(--template-font);
    line-height: 34px;
}

.p-detail .add-to-cart .quantity .increase::before {
    content: "+";
    left: 0;
}

.p-detail .add-to-cart .quantity .decrease::before {
    content: "-";
    right: 0;
    left: auto;
}

.p-info-wrapper .add-to-cart .add-to-cart-button {
    background-color: #0B8F48;
    border-color: #0B8F48;
    text-transform: uppercase;
    min-height: 54px;
    padding: 5px 30px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-flex;
    gap: 12px;
    border-radius: 10px;
}

.p-final-price-wrapper .price-save>span, .p-final-price-wrapper .price-standard>span {
    color: #737373;
    font-size: var(--size-h4);
}

.p-info-wrapper .add-to-cart .add-to-cart-button::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #fff;
    mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    margin: 0;
}

.product-discount {
    border: 1px solid rgba(152, 63, 104, .2);
    background-color: #F5ECF0;
    border-radius: 12px;
    padding: 16px;
    margin: 20px 0;
}

.product-discount__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.product-discount__inner .btn {
    min-height: 34px;
    padding: 5px 15px;
    border-radius: 8px;
    font-size: var(--size-smaller);
}

.product-discount__title {
    color: #6A2346;
    font-size: var(--size-bigger);
    font-weight: 600;
}

.product-discount__description {
    font-size: var(--size-smaller);
    display: flex;
    align-items: center;
    gap: 8px 16px;
    flex-wrap: wrap;
}

.product-discount__description span {
    color: var(--color-secondary);
}

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

.p-image .flags-default .flag .icon-van::before {
    content: none;
}

.p-image .flags-default {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.p-image .flags-default .flag {
    font-size: var(--size-body);
    color: #fff;
    background-color: var(--color-secondary);
    text-transform: none;
    border-radius: 10px;
    max-width: unset;
}

.p-image .flags-default .flag-discount {
    display: none;
}

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

.p-thumbnails-horizontal .p-thumbnail:before, .p-thumbnails-horizontal .show360image:before {
    content: none;
}

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

.p-thumbnails a img {
    border-color: #d1d1d1;
}

.products-block.products-alternative > div {
    border: 1px solid #D9D9D9 !important;
}

.products-block.products-alternative > div:nth-child(3), .products-block.products-alternative > div:nth-child(4), .products-block.products-related > div:nth-child(3), .products-block.products-related > div:nth-child(4) {
    border-top-style: solid;
}

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

.type-detail #content-wrapper {
    opacity: 1;
    transition: opacity ease 300ms;
}

.p-thumbnails a {
    max-width: 100px;
}

.p-video {
    cursor: pointer;
}

.p-video::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("/user/documents/upload/kodovani/play.svg");
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
}

.shp-tabs, .shp-tabs-holder {
    background-color: var(--color-secondary);
    border-radius: 10px;
}

.shp-tabs-holder {
    height: 56px;
    display: flex;
    align-items: center;
}

.active .shp-tab-link, .shp-tab-link:hover, .shp-tab-link {
    background-color: transparent;
    border: none !important;
    color: #fff;
}

.active .shp-tab-link {
    font-weight: 600;
}

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

.shp-tabs-holder ul.shp-tabs li a {
    text-decoration: underline;
    font-size: var(--size-bigger);
}

.shp-tabs-holder ul.shp-tabs li.active a {
    text-decoration: none;
}

.shp-tabs-holder ul.shp-tabs > li:not(:first-child) {
    margin-left: 30px;
}

.responsive-nav .shp-tabs-holder {
    padding: 0 35px;
}

.responsive-nav:has(.shp-tabs-holder) {
    padding: 0;
}

.p-image-wrapper {
    max-width: 700px;
}

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

.basic-description {
    line-height: 1.6;
}

.extended-description table {
    width: 100%;
    table-layout: fixed;
    overflow: auto;
}

.extended-description table tr > th:first-child, .extended-description table tr > td:first-child {
    text-align: left;
    padding-left: 0;
}

.extended-description table tr > th {
    font-weight: 600;
}

.extended-description table tr > td, .extended-description table tr > th {
    text-align: center;
    padding: 15px 5px;
    border-bottom: 1px solid #DEDEDE;
}

.extended-description table tr > td:first-child {
    text-align: left;
}

.position--benefitProduct .benefitBanner__item {
    margin: 0;
}

.position--benefitProduct {
    margin: 100px auto;
}

.whole-wrap:has( + .products-related-header) {
    margin-bottom: 80px;
}

.detail-loader {
    margin-top: 100px;
}

.detail-loader .myblog-articles {
    margin: 0 auto;
}

/*POP-UP*/

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

.popup-inner {
    position: relative;
    background: #fff;
    padding: 60px 60px 35px;
    max-width: 50vw;
    max-height: 60vh;
    line-height: 1.7;
    overflow: auto;
    z-index: 2;
}

.close-popup {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    mask-image: url("/user/documents/upload/kodovani/x.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/x.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--color-secondary);
}

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

.video-holder video {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
    display: block;
}

/*SOUVISEJÍCÍ, PODOBNÉ PRODUKTY*/

.disabled, .inactive {
    color: unset;
}

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

.products-related.swiper-wrapper {
    margin-bottom: 0;
    align-items: unset;
}

.products-block.products-alternative > div, .products-block.products-related > div {
    flex: unset;
    flex-shrink: 0;
}

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

/*PORADNA*/

.content-inner {
    max-width: 1200px;
}

.type-page h1 {
    text-align: center;
}

.title-banner {
    margin: 0 0 60px;
}

.subtitle {
    letter-spacing: .05em;
    line-height: 1.625;
    max-width: 585px;
    margin: 5px auto;
    text-align: center;
}

.question .answer {
    display: none;
    padding: 32px 54px 32px;
    background-color: var(--color-secondary);
    border-radius: 10px;
    color: #fff;
    letter-spacing: .05em;
    line-height: 1.625;
}

.question .answer p:last-child {
    margin-bottom: 0;
}

.question {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.question-title {
    position: relative;
    padding: 32px 80px 32px 32px;
    background-color: #F5ECF0;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    gap: 30px;
    transition: all ease 300ms;
}

.question-title.active {
    background-color: var(--color-secondary);
    color: #fff;
}

.question-title.active::after {
    content: "-";
    color: #fff;
}

.question-title::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    font-size: 54px;
    color: var(--color-secondary);
    font-weight: 600;
    flex-shrink: 0;
    width: 37px;
    text-align: center;
}

.question-title.active h4 {
    color: #fff;
}

.question-title h4 {
    font-size: var(--size-bigger);
    margin: 0;
    color: var(--color-secondary);
    font-weight: 500;
}

.questions {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.contact-form {
    margin: 90px auto 0;
    max-width: 700px;
    text-align: center;
}

.contact-form > h2 {
    margin: 0 0 5px;
}

.contact-form__inner {
    margin-top: 35px;
}

.contact-form__inner > p {
    display: none;
}

.contact-form__inner label:not([for="consents40"]) {
    display: none;
}

.contact-form__inner ::placeholder {
    color: rgba(152, 63, 104, .6);
    font-weight: 500;
}

.contact-form__inner input:not([type="submit"]) {
    min-height: 48px;
    border-radius: 8px;
    background-color: #F5ECF0;
    border: none;
    width: 100% !important;
}

.contact-form__inner textarea {
    border-radius: 8px;
    background-color: #F5ECF0;
    border: none;
}

.contact-form__inner label a {
    text-decoration: underline;
}

.last {
    margin-top: 100px;
}

.last h2 {
    text-align: center;
}

.last__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.last-question {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--color-secondary);
    box-shadow: 0px 4px 8px 0px rgba(10, 58, 100, 0.15);
    line-height: 1.625;
}

.last-question__person {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 15px;
}

.last-question__person .img-holder img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    -o-object-fit: cover;
}

.last-question__person span {
    font-weight: 600;
    font-size: var(--size-bigger);
}

.show-answer {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 5px 20px;
    border-radius: 6px;
    border: 1px solid #E0E0E1;
    background-color: #F1F2F3;
    cursor: pointer;
    font-size: var(--size-smaller);
    font-weight: 600;
}

.last-question .btn-holder {
    margin-top: 15px;
}

.last-question__answer {
    padding: 10px 60px 10px 24px;
    border: 1px solid #E0E0E1;
    background-color: #F1F2F3;
    border-radius: 6px;
    margin-top: 15px;
    display: none;
}

/*KONTAKTY*/

h1.main-title {
    padding: 28px 85px;
    background-color: #F5ECF0;
    font-size: 50px;
    color: var(--color-secondary);
    font-weight: 600;
    text-align: left;
    border-radius: 10px;
}

.write-form > p {
    display: none;
}

.write-form .form-group:not(.submit-wrapper):has(input) {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 5px;
    width: calc(50% - 11px);
}

.write-form .form-group:has(textarea) {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 5px;
    width: 100%;
}

.write-form .form-group:has(textarea) .form-control {
    height: 240px;
    border-radius: 6px;
    background-color: #F5ECF0;
    border: none;
    padding: 15px;
}

.write-form .form-group:has(input) .form-control {
    width: 100%;
    height: 60px;
    border-radius: 6px;
    background-color: #F5ECF0;
    border: none;
    padding: 5px 15px;
}

.write-form .form-group:has(input)::before {
    content: none;
}

.write-form label {
    line-height: 1;
    margin: 0;
    padding: 0;
    letter-spacing: .05em;
}

.write-form fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 0 22px;
}

.write {
    max-width: 675px;
}

.write-form ::placeholder {
    color: rgba(152, 63, 104, .6);
}

.write-form .form-group.consents-first {
    width: 100% !important;
    color: #555555;
}

.write-form .form-group.consents-first label {
    text-decoration: underline;
}

.write-form .form-group.submit-wrapper::after {
    content: none;
}

.write-form .form-group.submit-wrapper {
    margin: 0;
}

.write-form .form-group.submit-wrapper input {
    min-width: 226px;
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-bigger);
}

.contact-top {
    margin: 90px 0 40px;
    padding-bottom: 60px;
    border-bottom: 1px solid var(--color-secondary);
}

.contact-top__inner {
    display: flex;
    gap: 80px;
}

.information .subtitle {
    text-align: left;
    margin: 16px 0 35px;
}

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

.info-tel {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

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

.info-mail {
    display: flex;
    gap: 20px;
}

.info-mail__inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info-tel__inner {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.info-tel .call-us__numbers > a:first-child::before {
    content: none;
}

.info-tel .call-us__title {
    margin-bottom: 7px;
}

.info-tel .call-us__numbers > a {
    font-weight: 400;
}

.link-like:focus, .link-like:hover, a:focus, a:hover {
    color: var(--color-primary);
}

.prolog .subtitle {
    text-align: left;
    margin: 0;
    max-width: 435px;
}

.prolog {
    flex-grow: 1;
    flex-shrink: 0;
}

.prolog h2 {
    margin: 0 0 16px;
}

.visit {
    display: flex;
    gap: 40px;
}

.shops {
    display: flex;
    gap: 40px 80px;
    flex-wrap: wrap;
}

.shop {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

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

.address {
    letter-spacing: .05em;
}

.address-link a {
    color: var(--color-secondary);
    text-decoration: underline;
    font-weight: 500;
}

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

/*BLOGOVÉ ČLÁNKY*/

#newsWrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 60px;
}

#newsWrapper .news-item {
    margin: 0;
    flex-direction: column;
    border-radius: 6px;
    overflow: hidden;
}

#newsWrapper .news-item .image {
    margin: 0;
    width: 100%;
}

.type-posts-listing .content-inner {
    max-width: 100%;
}

.news-item .text .title {
    font-size: var(--size-h5);
    margin: 0 0 16px;
    color: #1E1E1E;
    font-weight: 600;
    line-height: 1.3;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-item .text {
    padding: 20px;
    background-color: #F6F6F6;
}

.news-item .image a {
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

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

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

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

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

/*BLOGOVÝ ČLÁNEK*/

.type-post .content-inner {
    max-width: 810px;
}

.post-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 15px;
    margin: 17px 0;
    gap: 5px 0;
}

.author {
    display: flex;
    align-items: center;
    gap: 20px;
}

.author .img-holder img {
    object-fit: cover;
    display: block;
    width: 40px;
    height: 40px;
}

.post-info > div:not(:last-child) {
    position: relative;
    padding-right: 8px;
    margin-right: 8px;
}

.post-info > div:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 22px;
    background-color: #272727;
}

.post-time {
    color: var(--color-secondary);
}

.type-post .text {
    line-height: 2;
}

.type-post .text p {
    margin-bottom: 20px;
}

.type-post .text p:has(img) {
    margin: 20px 0;
}

.type-post .text h2 {
    margin: 30px 0 20px;
}

/*KOŠÍK*/

.checkout-box .toggle-contacts br, .checkout-box .toggle-contacts span {
    display: none;
}

.ordering-process .contact-box .tel span::before {
    display: block;

    content: "Bezplatná linka";
    position: relative;

    font-weight: 700;
}

.id--17 .form-group:has(>#add-note), .id--17 #note {
    pointer-events: none;
    display: none;
}

.doctor-overlay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;

    background-color: rgba(0,0,0,.6);
    backdrop-filter: blur(10px);
}

.doctor {
    display: flex;
    position: relative;
    flex-direction: column;
    border-radius: 20px;
    overflow: auto;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    background-color: #fff;
}

.doctor-close {
    width: 36px;
    height: 36px;
    border: 1px solid #2B3228;
    border-radius: 50%;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}

.doctor-close::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    mask-image: url("/user/documents/upload/kodovani/x.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/x.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #231F20;
}

.doctor-coupon {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;

    padding: 40px 80px 0;

    text-align: center;
}

.doctor-coupon h2 {
    margin: 0;
}

.doctor-coupon form {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;

    width: 100%;
}

.doctor-mail {
    position: relative;
    margin-top: 32px;
    padding: 24px 80px 8px;
    background-color: #FCDBEA;
}

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

.doctor-mail .ec-v-form-holder {

    width: auto !important;

    font-family: var(--template-font);
    background-color: transparent !important;
    font-weight: 400;
}

.doctor-help {
    font-size: var(--size-h5);
    text-align: center;
    padding: 12px 80px;
    font-weight: 500;
}

.doctor input::placeholder {
    color: #989191;
}

.doctor input {
    min-height: 52px !important;
    border: 1px solid #FCDBEA !important;
    border-radius: 8px !important;
    max-width: 500px;
    margin: 0 auto;
    text-align: center !important;
    font-family: var(--template-font) !important;
    font-size: 16px !important;
}

.doctor h2 {
    margin: 0 !important;
    padding: 0 !important;

    font-size: var(--size-h2) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.doctor button, .applyDoctorCoupon {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 4px 20px !important;
    min-height: 40px !important;

    background-color: var(--color-secondary) !important;
    color: #fff !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: 500 !important;
    font-family: var(--template-font) !important;
    font-size: var(--size-body) !important;
}

.doctor .ec-v-form-column {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.doctor .ec-v-form-column > div {
    padding: 0 !important;
}

.doctor .ec-v-form-error {
    color: #000;
    margin-top: 12px;
    text-align: center;
    border: 1px solid var(--color-secondary);
}

.doctor .ec-v-form-step.ec-v-form-step-send.ec-v-form-step-visible {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}



/*DRBKY*/

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

.cart-item>div.cart-item-name, .cart-table .main-link {
    text-transform: none;
}

.order-summary-item.helper, .recapitulation-single {
    font-size: 16px;
}

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

#continue-order-button, #orderFormButton, #submit-order {
    background-color: #0B8F48;
    border-color: #0B8F48;
}

.client-center-box ul li {
    display: none;
}

.client-center-box ul li:has(a[href="/klient/nastaveni/"]), .client-center-box ul li:has(a[href="/klient/klient-platby/"]), .client-center-box ul li:has(a[href="/klient/objednavky/"]), .client-center-box ul li:has(a[href="/klient/"]), .client-center-box ul li.logout {
    display: block;
}

/*MYNEWSLETTER*/

.mynewsletter .ec-v-form-html {
    font-size: 0;
}

.mynewsletter {
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 10;
}

.mynewsletter .ec-v-form-holder.ec-v-form-holder-basic {
    background-color: transparent !important;
    max-width: 100%;
}

.mynewsletter .ec-v-form-html:has(>.asdasdasd) {
    background-color: var(--color-secondary);
    border-radius: 12px;
    position: relative;
    padding: 20px 0 12px !important;
}

.mynewsletter .ec-v-form-html:has(>.close-mynewsletter) {
    font-size: 0;
    position: initial;
}

.mynewsletter .close-mynewsletter {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.mynewsletter .close-mynewsletter::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 13px;
    height: 13px;
    mask-image: url("/user/documents/upload/kodovani/x-eco.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/x-eco.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--color-secondary);
}

.mynewsletter .ec-v-form-image {
    text-align: center;
}

.mynewsletter .ec-v-form-image img {
    display: block;
    max-width: 410px !important;
    margin: 0 auto;
}

.mynewsletter h4 {
    font-size: 20px !important;
    color: #fff !important;
    margin: 12px 0 16px !important;
    font-family: var(--template-headings-font) !important;
}

.mynewsletter h4 span {
    font-family: var(--template-headings-font) !important;
}


.mynewsletter input[type="email"] {
    border-radius: 8px !important;
    box-shadow: none !important;
    min-height: 50px;
}

.mynewsletter .ec-v-form-submit.ec-v-form-btntype-submit {
    text-align: right !important;
    margin-top: -50px;
}

.mynewsletter .ec-v-form-submit.ec-v-form-btntype-submit button {
    min-height: 50px;
    border-radius: 8px;
    color: #F8EFEB !important;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    padding: 5px 23px !important;
    font-family: var(--template-font) !important;
}

.mynewsletter .ec-v-form-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mynewsletter .ec-v-form-text p {
    color: #fff !important;
}

.mynewsletter .ec-v-form-text p a {
    text-decoration: underline;
    color: #fff !important;
}

.mynewsletter .ec-v-form-text p a:hover {
    text-decoration: none;
}

.mynewsletter .ec-v-form-step.ec-v-form-step-send.ec-v-form-step-visible {
    background-color: var(--color-secondary);
    height: auto !important;
    min-height: 80px;
    padding: 20px 0;
    border-radius: 12px;
}

.mynewsletter form {
    min-height: unset !important;
}




/*VÍNO ZELENÁ*/

.want {
    display: none;
    position: fixed;
    top: 300px;
    right: 0;
    max-width: 220px;
    transition: transform ease 300ms;
    z-index: 10;
}

.want-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--size-h5);
}

.want-subtitle {
    font-size: 12px;
    margin-top: 7px;
    line-height: 1.5;
}

.want-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #B8A674;
    padding: 20px 32px;
    text-align: center;
    color: #fff;
    border-radius: 10px 0 0 10px;
}

.close-want {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    background-image: url("/user/documents/upload/kodovani/x-eco.svg");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    cursor: pointer;
}

.want.closed {
    transform: translateX(100%);
}

.show-popup {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 20px;
    background-color: var(--color-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    border-radius: 8px;
    border: 1px solid #fff;
    cursor: pointer;
}

#ec-v-from-popup-cover:has(.get-coupon):not(.my-show) {
    display: none !important;
}

/*COUPON POPUP*/

.coupon-popup .ec-v-form-html:has(>.close-coupon-popup) {
    position: initial !important;
    height: 0;
}

.coupon-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    display: block;
    z-index: 1111;
}

.coupon-popup > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 60px);
}

.coupon-popup .close-coupon-popup {
    width: 36px;
    height: 36px;
    border: 1px solid #2B3228;
    border-radius: 50%;
    position: absolute;
    top: 16px;
    rig)CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    right: 16px;
    cursor: pointer;
}

.coupon-popup .close-coupon-popup::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    mask-image: url("/user/documents/upload/kodovani/x.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/x.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #231F20;
}

.coupon-popup .ec-v-form-holder.ec-v-form-holder-basic {
    border-radius: 10px !important;
}

.coupon-popup .ec-v-form-column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding: 60px 40px;
}

.coupon-popup .ec-v-form-text {
    padding: 0 !important;
}

.coupon-popup h2 {
    font-size: 45px !important;
    font-weight: 600 !important;
}

.coupon-popup h3 {
    font-size: 32px !important;
    font-weight: 600;
    margin-bottom: 20px !important;
}

.coupon-popup .ec-v-form-text > p {
    margin: 10px 0 !important;
    font-size: 19px !important;
    letter-spacing: .05em;
    line-height: 1.25 !important;
}

.coupon-popup .ec-v-form-input {
    padding: 0 !important;
    width: 100% !important;
}

.coupon-popup input[type="email"] {
    width: 100% !important;
    max-width: 565px;
    border: none !important;
    background-color: #F5ECF0 !important;
    box-shadow: none !important;
    margin: 0 auto;
    min-height: 60px;
    border-radius: 6px;
    text-align: center !important;
    font-size: 16px !important;
}

.coupon-popup button[type="submit"] {
    min-height: 58px;
    min-width: 226px;
    background-color: var(--color-secondary) !important;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    transition: background-color ease 300ms;
}

.coupon-popup .ec-v-form-close.ec-v-form-btntype-close button {
    background-color: var(--color-secondary) !important;
    border-radius: 10px;
    transition: background-color ease 300ms;
}

.coupon-popup button[type="submit"]:hover {
    background-color: var(--color-secondary-hover) !important;
}

.coupon-popup .ec-v-form-submit.ec-v-form-btntype-submit {
    margin-top: 24px;
}

.coupon-popup .ec-v-form-text:has(a) p {
    font-size: 14px !important;
    color: #555555 !important;
    margin-top: 16px !important;
}

.coupon-popup form {
    min-height: unset !important;
}

.coupon-popup .ec-v-form-step.ec-v-form-step-visible {
    height: auto !important;
}


/*RESPO*/

@media (min-width: 768px) {
    .container {
        width: var(--container-width);
        padding-right: 0;
        padding-left: 0;
    }

    .content {
        padding-left: 0;
        padding-right: 0;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 1600px) and (min-width: 1440px) {

}

@media (max-width: 1600px) and (min-width: 768px) {
    .call-us__numbers {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .call-us__numbers > a:first-child {
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }

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

    .call-us__numbers > a {
        display: flex;
        gap: 10px;
        font-size: var(--size-bigger);
    }

    #header .site-name a img {
        max-height: 40px;
    }

    .call-us__title {
        margin: 0 0 10px;
    }

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

@media (max-width: 1600px) {
    :root {
        --container-width: 1300px;
        --nav-height: 60px;
    }

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

    .benefitBanner__picture img {
        max-width: 50px;
    }

    .benefitBanner {
        margin-top: 40px;
    }

    .myblog {
        margin: 100px auto;
    }

    .mobile .footer-banner {
        text-align: center;
    }

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

    .load-products.btn.btn-default {
        min-height: 46px;
        padding: 5px 30px;
    }

    .pagination-top > a, .pagination-top > strong, .pagination > a, .pagination > strong {
        width: 46px;
        height: 46px;
        line-height: 46px;
    }

    .products-block .p .flags-default {
        top: -10px;
    }

    .flag {
        font-size: 12px;
        padding: 5px 14px;
    }

    h1.main-title {
        font-size: 35px;
        padding: 25px 50px;
    }

    .contact-top {
        margin-top: 50px;
    }

    .write-form .form-group:has(input) .form-control {
        height: 46px;
    }

    .information .call-us__numbers {
        flex-direction: row;
        gap: 0;
    }

    .information .call-us__numbers > a::before {
        content: none;
    }

    .information .call-us__numbers > a:first-child {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding-right: 14px;
        margin-right: 14px;
        border-right: 1px solid rgba(39, 39, 39, .5);
    }

    #newsWrapper {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .mynewsletter .ec-v-form-image img {
        max-width: 300px !important;
    }

    .mynewsletter input[type="email"] {
        min-height: 40px !important;
    }
    .mynewsletter .ec-v-form-submit.ec-v-form-btntype-submit button {
        min-height: 40px !important;
        font-size: 14px !important;
    }
    .mynewsletter .ec-v-form-submit.ec-v-form-btntype-submit {
        margin-top: -40px !important;
    }
    .mynewsletter h4 {
        margin-bottom: 16px !important;
    }
    .mynewsletter .ec-v-form-holder.ec-v-form-holder-basic {
        width: auto !important;
    }
}

@media (max-width: 1439px) and (min-width: 768px) {
    .header-top {
        padding: 20px 0;
    }

    .call-us {
        display: none;
    }

    .btn.cart-count:before, a.btn.cart-count:before {
        width: 28px;
        height: 28px;
        margin-right: 0px !important;
    }

    #header .cart-count {
        display: flex;
        align-items: center;
    }

    #formSearchForm.compact-form .form-control, #formSearchForm.compact-form .btn {
        height: 42px;
        min-height: unset;
    }

    .top-navigation-bar-menu {
        gap: 0 30px;
    }

    .navigation-in {
        font-size: var(--size-smaller);
    }

    .myblog-inner .news-item {
        width: calc(33.333% - 13.333px) !important;
    }
}

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

    .myblog-inner {
        flex-wrap: wrap;
    }

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

    .shp-tabs-holder ul.shp-tabs li a {
        font-size: var(--size-body);
    }

    .shp-tabs-holder ul.shp-tabs > li:not(:first-child) {
        margin-left: 10px;
    }

    .responsive-nav .shp-tabs-holder {
        padding: 0 20px;
    }

    .shp-tabs-holder {
        height: 48px;
    }

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

    .p-info-wrapper .price-final {
        font-size: 24px;
    }

    .p-detail .add-to-cart .quantity {
        padding: 0 40px;
    }

    .p-detail .add-to-cart .quantity input {
        width: 44px;
        height: 44px;
    }

    .p-detail .add-to-cart .quantity .increase::before, .p-detail .add-to-cart .quantity .decrease::before {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

    .p-detail .add-to-cart .quantity .increase, .p-detail .add-to-cart .quantity .decrease {
        height: 44px;
        width: 40px;
    }

    .p-info-wrapper .add-to-cart .add-to-cart-button {
        min-height: 44px;
    }

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

    .questions {
        margin-top: 40px;
    }

    .information .call-us {
        display: block;
    }
    .want {
        top: 220px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {

}

@media (max-width: 1199px) {
    :root {
        --container-width: 940px;
        --size-h1: 28px;
        --size-h2: 26px;
        --size-h3: 22px;
        --size-h4: 20px;
        --size-h5: 18px;
        --size-bigger: 16px;
        --size-body: 14px;
        --size-smaller: 14px;
    }

    .benefitBanner__item, .benefitBanner__link {
        flex: 1 1 33.3333%;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
    }

    .benefitBanner__picture {
        margin-right: 0;
    }

    .products-block.products > div {
        padding: 20px 25px;
    }

    .myblog {
        margin: 60px auto;
    }

    .footer-banners {
        margin-top: 60px;
    }

    .myfooter-socials .socials a {
        width: 40px;
        height: 40px;
    }

    .myfooter-socials .socials {
        gap: 26px 20px;
    }

    .pagination-wrapper .pagination {
        justify-content: center;
    }

    .pagination-wrapper {
        margin-bottom: 40px;
    }

    .product-top {
        gap: 30px;
    }

    .p-image-wrapper {
        max-width: 450px;
    }

    .detail-loader {
        margin-top: 40px;
    }

    .title-banner {
        margin-bottom: 30px;
    }

    .question-title {
        padding: 26px 80px 26px 26px;
    }

    .question-title::after {
        font-size: 44px;
        right: 26px;
    }

    .question .answer {
        padding: 26px;
    }

    .questions {
        gap: 20px;
    }

    .contact-form {
        margin-top: 60px;
    }

    .last {
        margin-top: 60px;
    }

    .contact-top__inner {
        gap: 40px;
    }

    .write {
        max-width: 530px;
    }

    .shops {
        gap: 40px 50px;
    }

    .news-item .text .title {
        height: 47px;
    }
    .want-title {
        font-size: var(--size-body);
    }
    .show-popup {
        padding: 8px 12px;
        font-size: 12px;
    }
    .want-bottom {
        min-height: 100px;
        padding: 16px;
    }
    .want {
        max-width: 160px;
    }

    .coupon-popup h2 {
        font-size: 28px !important;
        margin: 0 !important;!i;!;
    }
    .coupon-popup .ec-v-form-text > p {
        font-size: 16px !important;
    }
    .coupon-popup input[type="email"] {
        max-width: 400px !important;
        min-height: 40px !important;
    }
    .coupon-popup button[type="submit"] {
        min-height: 40px !important;
        min-width: 170px !important;
        font-size: 14px !important;
    }
    .coupon-popup .ec-v-form-submit.ec-v-form-btntype-submit {
        margin-top: 16px !important;
    }
    .coupon-popup .ec-v-form-text:has(a) p {
        font-size: 12px !important;
        margin-top: 8px !important;
    }
    .coupon-popup .ec-v-form-column {
        padding: 40px !important;
    }
    .coupon-popup .ec-v-form-holder.ec-v-form-holder-basic {
        width: 580px !important;
        max-width: 100% !important;
    }
    .coupon-popup .close-coupon-popup {
        width: 28px;
        height: 28px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header-top > div.search {
        flex: 0 1 290px;
    }

    #header .site-name a img {
        max-height: 33px;
    }

    .header-top .btn.cart-count {
        font-size: 14px;
    }

    .navigation-in > ul > li > a {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .myblog-inner .news-item {
        width: calc(50% - 20px) !important;
    }
}

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

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

    .benefitBanner__picture img {
        max-width: 35px;
    }

    .h4.homepage-group-title, h4.homepage-group-title {
        margin: 40px 0 20px;
    }

    .custom-footer > div {
        width: 50%;
        text-align: center;
    }

    .myfooter-contact__phones a {
        justify-content: center;
    }

    #footer h4 {
        margin: 0 0 25px;
    }

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

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

    #signature {
        flex: 0 0 auto;
    }

    .myfooter-socials {
        flex-direction: column;
        gap: 10px;
    }

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

    #category-header fieldset {
        gap: 15px;
    }

    .product-top {
        flex-direction: column;
        gap: 20px;
    }

    .p-image-wrapper, .p-info-wrapper {
        max-width: 100%;
    }

    .p-detail-inner {
        margin-top: 30px;
    }

    .my-wrapper {
        margin-top: 0;
    }

    .description-inner {
        padding: 0;
    }

    .type-detail div:has(>#tab-content) {
        padding: 0;
    }

    .contact-top__inner {
        flex-direction: column;
    }

    .write {
        max-width: 100%;
    }

    .visit {
        flex-direction: column;
    }

    .contact-top {
        padding-bottom: 40px;
    }

    .write-form .form-group.submit-wrapper input {
        min-width: 160px;
        min-height: 46px;
    }

    .contact-top__inner {
        gap: 20px;
    }

    h1.main-title {
        font-size: 28px;
        padding: 20px 20px;
    }

    .contact-top {
        margin-top: 30px;
    }

    .write-form .form-group:has(textarea)::before {
        content: none;
    }

    #newsWrapper {
        grid-template-columns: 1fr 1fr;
    }
    .doctor-coupon, .doctor-mail, .doctor-help {
        padding-inline: 40px !important;
    }
    .want {
        top: 188px;
    }
    .doctor-close {
        top: 4px;
        right: 4px;
    }
}

@media (max-width: 767px) {
    :root {
        --size-h1: 26px;
        --size-h2: 24px;
        --size-h3: 20px;
        --size-h4: 18px;
        --size-h5: 16px;
        --size-bigger: 15px;
        --size-body: 14px;
        --size-smaller: 13px;
    }

    .call-us {
        display: none;
    }

    .myempty-cart {
        display: none;
    }

    .top-navigation-tools > a {
        display: none;
    }

    .responsive-tools > a[data-target=navigation]:before, .responsive-tools > a[data-target=navigation]:hover:before {
        background-color: var(--color-secondary);
    }

    .responsive-tools > a {
        width: 35px;
        height: 35px;
        padding: 0;
    }

    .responsive-tools > a[data-target=navigation]:before {
        width: 100%;
        height: 100%;
        border-radius: 0;
        line-height: 35px;
        font-size: 20px;
    }

    .responsive-tools > a[data-target=search] {
        display: none;
    }

    .responsive-tools > a[data-target=navigation] {
        position: relative;
        right: 0;
        background-color: var(--color-secondary);
    }

    .top-navigation-bar > .container {
        padding: 0 15px;
    }

    #header .cart-count {
        width: 35px;
        height: 35px;
        right: 70px;
        top: -35px;
        min-height: unset;
    }

    .header-top .btn.cart-count:before {
        content: "";
        position: absolute;
        width: 33px;
        height: 33px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-cart.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        background-color: var(--color-secondary);
        margin: 0;
    }

    .responsive-tools {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .top-navigation-bar {
        border-bottom: 1px solid #D7D7D7;
    }

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

    #header .site-name {
        top: -42px;
        left: 15px;
    }

    .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .site-name {
        transform: translateY(-80px);
    }

    #navigation {
        top: 65px;
        bottom: 0;
        border-top: 1px solid #D7D7D7;
        height: auto;
        z-index: 1;
    }

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

    .navigation-close {
        display: none;
    }

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

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

    .navigation-in {
        padding: 15px 20px 20px;
        height: 100%;
        max-height: 100%;
    }

    .navigation-in ul li a {
        text-transform: uppercase;
        color: #1E1E1E;
        padding: 0 0 0 15px;
    }

    .navigation-in > ul > li > a > b, .navigation-in > ul > li > a > span {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .scrolled body:not(.search-window-visible) .top-navigation-bar {
        box-shadow: none;
    }

    .navigation-in > ul > li > a > b {
        flex-grow: 1;
        font-weight: 400;
    }

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

    .navigation-in ul.menu-level-2 li a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .navigation-in .navigationActions {
        margin-top: 30px;
    }

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

    .navigation-in > ul.navigationActions > li > a > span {
        text-transform: none;
        font-weight: 500;
        padding: 10px 0;
    }

    .call-us {
        display: block;
        margin-top: 30px;
        padding: 0 15px;
    }

    .navigation-in a {
        color: #272727;
    }

    .call-us__title {
        margin-bottom: 10px;
        font-size: var(--size-h5);
    }

    .row.banners-row:has(.wide-carousel) {
        margin-left: 0;
        margin-right: 0;
    }

    .content-wrapper.container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .benefitBanner__item {
        flex: 0 0 150px;
    }

    .benefitBanner {
        justify-content: center;
    }

    .myblog-inner .news-item {
        flex: 1 0 270px;
        max-width: 100%;
    }

    .columns-mobile-2 .products-block > div:nth-child(2) {
        border-top-style: solid;
    }

    .content-wrapper.container .row > div {
        padding-left: 0;
        padding-right: 0;
    }

    .content-wrapper.container .row {
        margin-left: 0;
        margin-right: 0;
    }

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

    #footer .banner {
        min-height: unset;
    }

    .custom-footer > div {
        width: 100%;
        text-align: left;
    }

    .myfooter-part > h4, .custom-footer__articles > h4 {
        display: flex;
        align-items: center;
        margin: 0 !important;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
        font-weight: 500;
        padding-right: 15px;
    }

    .myfooter-part > h4 span, .custom-footer__articles > h4 span {
        flex-grow: 1;
    }

    .myfooter-part > h4::after, .custom-footer__articles > h4::after {
        content: "";
        position: relative;
        display: inline-block;
        width: 7px;
        height: 12px;
        flex-shrink: 0;
        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;
        transform: rotate(90deg);
        transition: transform ease 300ms;
    }

    .myfooter-part > h4.collapsed::after, .custom-footer__articles > h4.collapsed::after {
        transform: rotate(270deg);
    }

    .custom-footer ul li:last-child {
        padding-bottom: 0;
    }

    .custom-footer ul {
        margin-top: 20px;
    }

    .whole-wrap {
        padding: 0 20px;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-prev {
        transform: translateY(-50%);
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next {
        transform: translateY(-50%);
    }

    .myblog {
        padding: 0;
    }

    .myblog-customers {
        padding: 0 15px;
    }

    .h4.homepage-group-title:has(.homepage-products-heading__link) {
        padding: 0 20px;
    }

    .custom-footer ul li {
        padding-bottom: 15px;
    }

    .myfooter-contact__phones {
        align-items: flex-start;
    }

    .myfooter-contact__phones {
        margin-top: 20px;
        gap: 15px;
        margin-bottom: 15px;
    }

    .myfooter-contact__mail {
        margin-bottom: 15px;
    }

    .custom-footer > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .myfooter-logo {
        margin-top: 25px;
    }

    .myfooter-logo img {
        max-width: 250px;
    }

    .myfooter-socials h2 {
        text-align: center;
    }

    .custom-footer > div.custom-footer__banner1 {
        margin-top: -1px;
    }

    .custom-footer ul li a {
        text-decoration: none;
    }

    .products-block.products > div.swiper-slide {
        max-width: calc(100% - 30px);
        width: 345px;
        transition: opacity ease 300ms;
    }

    .whole-wrap {
        padding: 0 0 0 20px;
        margin: 0 -15px 0 0;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 25px;
    }

    .products-block.products > div.swiper-slide:not(.swiper-slide-active) {
        opacity: .35;
    }

    .myblog-inner {
        flex-wrap: nowrap;
        gap: 0;
        margin: 0;
        justify-content: unset;
    }

    .myblog-inner .news-item {
        flex: unset;
        flex-shrink: 0;
    }

    .myblog .whole-wrap {
        margin: 0;
        padding: 0 65px;
    }

    .myblog .swiper-button-next {
        right: 0;
    }

    #category-header fieldset {
        gap: 0;
    }

    .products-block:not(.swiper-wrapper) {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .products-block.products:not(.swiper-wrapper) > div {
        overflow: hidden;
    }

    .p-detail-inner {
        margin-top: 10px;
    }

    .my-wrapper {
        margin-bottom: 20px;
    }

    #footer {
        margin-top: 60px;
    }

    #p-detail-tabs {
        display: flex;
    }

    .shp-tabs, .shp-tabs-holder {
        border-radius: 0;
    }

    .responsive-nav .shp-tabs-holder {
        position: relative;
    }

    .responsive-nav .shp-tabs-holder::before {
        content: "";
        position: absolute;
        width: calc(100vw - var(--scrollbar-width));
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: var(--color-secondary);
    }

    .responsive-nav .shp-tabs-holder {
        margin: 0;
        padding: 0;
    }

    #p-detail-tabs {
        overflow: auto;
        position: relative;
        z-index: 1;
    }

    .question-title {
        padding: 15px 60px 15px 15px;
    }

    .question-title::after {
        font-size: 28px;
        right: 14px;
        line-height: 18px;
    }

    .last-question__answer {
        padding: 15px;
    }

    h1.main-title {
        font-size: 24px;
    }

    .information .call-us {
        padding: 0;
        margin: 0
    }

    .news-item .text .title {
        height: 42px;
    }
    .mynewsletter .close-mynewsletter {
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
    }


    .ordering-process #content {
        margin-top: 20px;
    }

    .ordering-process .responsive-tools > a[data-target=navigation]:before {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .want {
        top: 80px;
    }
}

@media (max-width: 499px) {
    .swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next {
        width: 30px;
        height: 30px;
        top: auto;
        bottom: 0;
        display: none;
        transform: translateX(-50%);
    }

    .products-block.products > div {
        padding: 10px;
    }

    .whole-wrap {
        padding: 0;
    }

    .products-block .p .flags-default {
        left: -10px;
    }

    .h4.homepage-group-title:has(.homepage-products-heading__link) {
        padding: 0;
    }

    .products-block.products > div.swiper-slide {
        max-width: calc(100% - 100px);
    }

    .myblog .whole-wrap {
        padding: 0;
        margin: 0 -15px 0 0;
    }

    .myblog-inner .news-item {
        max-width: calc(100% - 100px);
        padding: 0;
    }

    .myblog-inner .text {
        padding: 10px;
    }

    .news-item.swiper-slide {
        transition: opacity ease 300ms;
    }

    .news-item.swiper-slide:not(.swiper-slide-active) {
        opacity: .35;
    }

    .benefitBanner {
        display: flex;
    }

    .benefitBanner__item {
        flex: 0 1 150px;
    }

    .benefitBanner > .benefitBanner__item {
        justify-content: flex-start !important;
    }

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

    .category-header {
        display: none;
    }

    .subcategories {
        gap: 10px;
    }

    .subcategories li a .text {
        max-height: unset;
    }

    .subcategories li a {
        min-height: 36px;
        padding: 5px 20px;
        font-size: 12px;
    }

    .p-info-wrapper .add-to-cart {
        gap: 15px 20px;
    }

    #footer {
        margin-top: 40px;
    }

    .question-title {
        padding-right: 50px;
    }

    .write-form .form-group:not(.submit-wrapper):has(input) {
        width: 100%;
    }

    .write-form .form-group:not(.submit-wrapper):has(input) {
        margin-bottom: 18px;
    }

    #newsWrapper {
        grid-template-columns: 1fr;
    }

    .news-item {
        padding-bottom: 0;
    }

    .news-item .text .title {
        height: auto;
        display: block;
    }
    .coupon-popup .ec-v-form-column {
        padding: 20px !important;
    }
    .coupon-popup > div {
        max-width: calc(100% - 16px);
    }
    .coupon-popup .close-coupon-popup {
        top: 4px !important;
        right: 4px !important;
        width: 20px !important;
        height: 20px !important;
    }
    .coupon-popup .close-coupon-popup::before {
        width: 16px;
        height: 16px;
    }
    .coupon-popup h2 {
        font-size: 24px !important;
    }
    .mynewsletter {
        left: 0;
        bottom: 0;
        right: 0;
    }
    .mynewsletter .ec-v-form-html:has(>.asdasdasd) {
        border-radius: 12px 12px 0 0;
    }
    .mynewsletter .ec-v-form-image img {
        max-width: 200px !important;
    }
    .mynewsletter h4 {
        font-size: 16px !important;
    }
    .mynewsletter .ec-v-form-text p {
        font-size: 11px !important;
    }
    .mynewsletter .ec-v-form-submit.ec-v-form-btntype-submit button {
        font-size: 12px !important;
        padding: 5px 14px !important;
    }
    .mynewsletter input[type="email"] {
        padding-right: 100px !important;
    }
    .mynewsletter h4 {
        margin-bottom: 12px !important;
    }
    .mynewsletter .ec-v-form-html:has(>.asdasdasd) {
        padding: 10px 0 !important;
    }
    .mynewsletter .ec-v-form-step.ec-v-form-step-send.ec-v-form-step-visible {
        border-radius: 12px 12px 0 0;
    }
    .doctor-coupon, .doctor-mail, .doctor-help {
        padding-inline: 20px !important;
    }
    .doctor {
        max-width: calc(100% - 10px);
        max-height: calc(100% - 10px);
    }
    .doctor-coupon {
        padding-top: 48px;
    }
}