/*OBECNÉ*/

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

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

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

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

:root {
    --template-font: "Plus Jakarta sans", sans-serif !important;
    --template-headings-font: "Plus Jakarta sans", sans-serif !important;
    --size-h1: 36px;
    --size-h2: 32px;
    --size-h3: 24px;
    --size-h4: 20px;
    --size-h5: 18px;
    --size-h6: 16px;
    --size-bigger: 20px;
    --nav-height: 52px;
    --color-bodyboom: #F18AB6;
    --color-bodyboom-secondary: #CFC9E4;
    --color-bodyboom-text: #DC95B8;
}

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

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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--template-font-headings);
    letter-spacing: 1px;
    font-weight: 500;
}

#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: 15px;
    font-family: var(--template-font);
    line-height: 1.7;
    letter-spacing: .5px;
}

/*HEADER*/

@media (min-width: 992px) {
    #header > .container.navigation-wrapper {
        position: relative;
        width: 100%;
        padding: 64px 50px 77px;
        justify-content: space-between;
        max-width: 1920px;
    }
    #header .site-name a img {
        max-height: 189px;
    }
    .container.navigation-wrapper .site-name {
        flex-basis: 300px;
    }
    #header > .container.navigation-wrapper::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-color: var(--color-tertiary);
        width: 100%;
        height: 42px;
    }
    #header > .container.navigation-wrapper::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: var(--color-tertiary);
        width: 100%;
        height: 52px;
    }
    #navigation {
        position: absolute;
        bottom: 0px;
        width: 100%;
        background: transparent;
        z-index: 1;
        height: var(--nav-height);
    }
    .menu-helper {
        position: absolute;
        bottom: 0;
        right: 0;
        top: auto;
    }
    .navigation-in>ul>li>a {
        padding: 10px 25px 10px 25px;
        color: #fff;
        letter-spacing: 1px;
        border-radius: 50px;
    }
    .navigation-in {
        background-color: var(--color-tertiary);
        padding: 0 33px;
        line-height: 1.1;
    }
    .navigation-in > ul {
        height: var(--nav-height);
    }
    .navigation-in ul li a b {
        font-weight: 500;
    }
    .navigation-in>ul>li.menu-item-1318>a {
        background-color: var(--color-primary);
        color: #000;
    }
    .navigation-in>ul>li.menu-item-1318 {
        margin-right: 16px;
    }
    .navigation-in>ul>li.menu-item-1301>a {
        background-color: var(--color-tertiary-hover);
        color: #000;
    }
    .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {
        color: #fff;
        text-decoration: underline;
    }
    .navigation-in>ul>li.menu-item-1318>a:hover, .navigation-in>ul>li.menu-item-1301>a:hover {
        color: #000;
    }
    .menu-helper {
        height: var(--nav-height);
        background: transparent;
    }
    .menu-helper>span {
        background: transparent;
        color: #fff;
        font-weight: 500;
        letter-spacing: 1px;
    }
    #header .navigation-wrapper > #formSearchForm {
        width: 615px;
        max-width: 100%;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form .btn.btn-lg::before {
        content: none;
    }
    .navigation-buttons {
        width: 100%;
        max-width: 300px;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form .btn > span {
        position: relative;
        width: auto;
        height: auto;
        margin: 0;
        clip: unset;
        border: unset;
        line-height: 1;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form .btn {
        border-radius: 50px;
        background: var(--color-secondary);
        font-size: 16px;
        letter-spacing: 2.85px;
        font-weight: 600;
        text-transform: none;
        line-height: 1;
        padding: 5px 41px;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form input {
        border-radius: 50px;
        border: 1px solid #B0B0B0;
        box-shadow: none;
        text-indent: 54px;
        font-size: 14px;
        padding-left: 0;
        background-image: url("/user/documents/upload/kodovani/magnifier.svg");
        background-size: 21px;
        background-repeat: no-repeat;
        background-position: 17px center;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form ::placeholder {
        color: #161515;
    }
    .navigation-buttons a {
        width: 50px;
    }
    .navigation-buttons a[data-target="search"] {
        display: none;
    }
    .navigation-buttons a[data-target="login"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 28px;
        height: 28px;
        background-image: url("/user/documents/upload/kodovani/user1.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .navigation-buttons a[data-target="cart"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 29px;
        height: 28px;
        background-image: url("/user/documents/upload/kodovani/shopping-bag1.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .top-navi {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 42px;
        display: flex;
        padding: 0 33px;
        justify-content: space-between;
        align-items: center;
        background: var(--color-tertiary);
    }
    .top-navi__menu ul {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .top-navi__menu ul li {
        margin-left: 35px;
    }
    .top-navi__menu ul li a {
        position: relative;
        color: #fff;
        font-size: 14px;
        line-height: 1.1;
        letter-spacing: 1px;
    }
    .top-navi__menu ul li a:hover {
        text-decoration: underline;
    }
    .top-navi__menu ul li a[href="/login"] {
        display: flex;
        align-items: center;
    }
    .top-navi__menu ul li a[href="/login"]::before {
        content: "";
        width: 24px;
        height: 24px;
        display: inline-block;
        margin-right: 3px;
        background-image: url("/user/documents/upload/kodovani/user-white.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .top-navi__contact a {
        position: relative;
        color: #fff;
        letter-spacing: 1px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .top-navi__contact a:hover {
        color: #fff;
    }
    .top-navi__contact {
        display: flex;
    }
    .top-navi__contact .tel a::before {
        content: "";
        width: 26px;
        height: 26px;
        display: inline-block;
        margin-right: 14px;
        background-image: url("/user/documents/upload/kodovani/phone-yellow.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .top-navi__contact .tel a::after {
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
        margin-left: 5px;
    }
    .top-navi__contact .tel {
        margin-right: 50px;
    }
    .top-navi__contact .mail a::before {
        content: "";
        width: 23px;
        height: 23px;
        display: inline-block;
        margin-right: 6px;
        background-image: url("/user/documents/upload/kodovani/mail-yellow.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .in-index .navigation-in {
        background: transparent;
    }
    .in-index #header > .container.navigation-wrapper::after {
        content: none;
    }
    .in-index .navigation-in>ul>li>a, .in-index .menu-helper>span {
        color: #000;
    }
    .navigation-buttons > a[data-target="cart"] i {
        left: 7px;
        right: auto;
        top: 42px;
        bottom: auto;
        width: 16px;
        height: 16px;
        background-color: #CA1858;
    }
    .id-1301 .top-navi {
        background: var(--color-bodyboom);
    }
    .id-1301 #header > .container.navigation-wrapper::before {
        background-color: var(--color-bodyboom);
    }
    .id-1301 .top-navi__contact a, .id-1301 .top-navi__menu ul li a {
        color: #000;
    }
    .id-1301 .top-navi__menu ul li a[href="/login"]::before {
        content: none;
    }
    .id-1301 .top-navi__menu ul li a[href="/login"] {
        display: inline-block;
    }
    .id-1301 .navigation-in {
        background: transparent;
    }
    .id-1301 #header > .container.navigation-wrapper::after {
        content: none;
    }
    .id-1301 .navigation-in>ul>li>a, .id-1301 .menu-helper>span {
        color: #000;
    }
    .navigation-in ul.menu-level-2 {
        top: 100%;
    }
    .navigation-in ul.menu-level-2 a:hover {
        text-decoration: underline;
    }
}

/*CAROUSEL*/

#carousel {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

#carousel .extended-banner-texts {
    position: relative;
    max-width: 680px;
}

#carousel .extended-banner-texts > * {
    position: relative;
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    display: block;
    max-width: 100%;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
}


#carousel .item > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto;
    background: #F8F8F8;
}

#carousel .item > a:hover {
    text-decoration: none;
}

#carousel .item > a img {
    max-width: 444px;
    mix-blend-mode: multiply;
}

.content-wrapper {
    background-color: transparent;
}

#carousel {
    padding: 40px 0;
}

#carousel .extended-banner-texts > .extended-banner-title {
    font-size: var(--size-h1);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
    margin: 0 0 13px;
}

#carousel .extended-banner-texts > .extended-banner-text ul {
    padding: 0;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 22px;
}

#carousel .extended-banner-texts > .extended-banner-text ul li {
    position: relative;
    color: var(--color-tertiary);
    font-weight: 700;
    display: flex;
    align-items: center;
}

#carousel .extended-banner-texts > .extended-banner-text ul li::before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 7px;
    background-image: url("/user/documents/upload/kodovani/check.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
}

#carousel .extended-banner-texts > .extended-banner-link {
    font-size: var(--size-h5);
    letter-spacing: 1px;
    line-height: 1.1;
    font-weight: 500;
    padding: 12px 16px;
    border-radius: 50px;
    background: var(--color-primary);
    display: inline-block;
    height: auto;
    margin: 55px 0 0;
    transition: all ease 300ms;
}

#carousel .extended-banner-texts > .extended-banner-link:hover {
    background: var(--color-primary-hover);
}

#carousel .item::before {
    content: "";
    position: absolute;
    width: 98px;
    height: 154px;
    bottom: 0;
    left: 75px;
    background-image: url('../images/liste-23_3deabbcd4b.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#carousel .item::after {
    content: "";
    position: absolute;
    width: 123px;
    height: 94px;
    top: 47px;
    right: 125px;
    background-image: url('../images/list_2-23_0c59f2eedb.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.carousel-control.left::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: 0;
    transform: translateY(-50%);
    width: 37px;
    height: 37px;
    background: url("/user/documents/upload/kodovani/chevron-circle-left.svg") no-repeat center;
    border: none;
}

.carousel-control.right::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: 0;
    transform: translateY(-50%);
    width: 37px;
    height: 37px;
    background: url("/user/documents/upload/kodovani/chevron-circle-right.svg") no-repeat center;
    border: none;
}

.carousel-control {
    opacity: 1;
}

/*TOP BANNERY*/

.next-to-carousel-banners {
    margin: 17px auto 0;
}

.next-to-carousel-banners > .banner-wrapper {
    box-shadow: 0px 2.0023601055145264px 6.007081508636475px 0px #00000042;
    border-radius: 15px;
    overflow: hidden;
    margin: 18px;
    transition: all ease 300ms;
}

.next-to-carousel-banners > .banner-wrapper:hover {
    transform: scale(1.03);
}

/*HP PRODUKTY*/

.in-index #tab-content > .tab-pane {
    display: block;
    opacity: 1;
    margin-bottom: 50px;
    padding-bottom: 55px;
    border-bottom: 1px solid #C3C3C3;
}

.in-index #tab-content > .tab-pane:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.shp-tabs-wrapper.homepage-tabs-wrapper > .shp-tabs-row {
    display: none;
}

.homepage-group-title {
    display: block;
    text-align: left;
    font-size: var(--size-h2);
    margin: 0 0 -35px;
}

.myproducts-swiper .swiper-button-prev::after, .myproducts-swiper .swiper-button-next::after {
    content: none;
}

.myproducts-swiper .swiper-button-prev::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    background-image: url("/user/documents/upload/kodovani/chevron-circle-left.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
}

.myproducts-swiper .swiper-button-prev {
    margin-right: 6px !important;
}

.myproducts-swiper .swiper-button-next, .myproducts-swiper .swiper-button-prev {
    width: 42px;
    height: 42px;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    margin: 0;
}

.myproducts-swiper .swiper-button-next::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    background-image: url("/user/documents/upload/kodovani/chevron-circle-right.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
}

.in-index .tab-pane .products-block {
    margin: 0;
    flex-wrap: nowrap;
}

.myproducts-swiper {
    padding-top: 90px;
}

.myswiper-navi {
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.myproducts-swiper .product {
    padding: 0 !important;
    transition: all ease 300ms;
    overflow: hidden;
    border: 1px solid transparent;
}

.products-block>div {
    background: #fff;
    border-radius: 10px;
    border: none;
    overflow: hidden;
}

.products-block > div .p {
    border: none;
    text-align: left;
}

.products-block > div .p .p-bottom.single-button {
    padding: 0;
}

.products-block > div .p .name {
    padding: 0;
    font-size: 16px;
    text-align: left;
    height: auto;
    line-height: 1.1;
    letter-spacing: 1px;
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.products-block > div .p .p-in {
    padding: 20px 20px 15px;
}

.products-block > div .p .availability {
    padding: 16px 0;
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
}

.products-block > div .p .availability span[style="color:#009901"] {
    position: relative;
    color: #005F1F !important;
    display: flex;
    align-items: center;
}

.products-block > div .p .availability span[style="color:#009901"]::before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 7px;
    background-image: url("/user/documents/upload/kodovani/check.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

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

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

.products-block > div .p .p-bottom > div .p-tools {
    width: auto;
    padding: 0;
}

.products-block > div .p .p-bottom.single-button .prices strong {
    font-size: 20px;
    font-weight: 500;
}

.products-block .p .p-bottom .p-tools .btn.btn-primary {
    width: auto;
    min-width: unset;
    font-size: var(--size-h6);
    line-height: 1.1 !important;
    letter-spacing: 1px;
    font-weight: 500;
    padding: 7px 17px;
    background: var(--color-primary);
    border-radius: 50px;
    color: #000;
    text-transform: none;
}

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

.myproducts-swiper .product:hover {
    box-shadow: 0px 0px 12.32024097442627px 0px #0000000A;
    border: 1px solid #378014;
}

.index-content-wrapper {
    margin-top: 50px;
}

/*USP*/

.benefitBanner {
    background: url('../images/bgnd-usp_2a62a01a90.jpg') no-repeat center;
    background-size: cover;
    padding: 35px 0;
    border-radius: 10px;
    position: relative;
    margin-top: 200px;
}

.benefitBanner__picture {
    height: 55px;
    margin: 0 0 11px;
    align-items: flex-end;
    flex: unset;
}

.benefitBanner__picture img {
    max-height: 100%;
}

.benefitBanner__link {
    flex-direction: column;
}

.benefitBanner__item {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
}

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

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

.benefitBanner > div:not(:last-child) {
    border-right: 1px solid #313131;
}

.benefitBanner::before {
    content: "";
    position: absolute;
    width: 253px;
    height: 192px;
    bottom: -96px;
    left: -148px;
    background-image: url('../images/list_2-24_7475361839.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.benefitBanner::after {
    content: "";
    position: absolute;
    width: 110px;
    height: 173px;
    top: -66px;
    right: -74px;
    background-image: url('../images/list_24_e6a3a4a9f4.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/*STŘEDNÍ BANNERY*/

.banners-content.body-banners::before {
    display: block;
    font-size: var(--size-h2);
    width: 100%;
    text-align: center;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
    margin: 0 0 80px;
}

.banners-content.body-banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1300px;
    margin: 180px auto 0;
}

/*ZNAČKY*/

.welcome > h1 {
    display: none;
}

.footer-banners {
    position: relative;
    margin: 180px auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

.footer-banners::before {
    display: block;
    margin: 0 0 60px;
    text-align: center;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
    font-size: var(--size-h2);
    width: 100%;
}

.footer-banners img {
    mix-blend-mode: multiply;
}

/*FOOTER*/

#footer {
    margin-top: 150px;
    border: none;
    padding-bottom: 0;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.myig {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}

.myig > a {
    position: relative;
    display: block;
    width: calc(25% - 6px);
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.myig > a img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease 300ms;
}

.myig > a:hover img {
    transform: translateY(-50%) scale(1.03);
}

.myig::before {
    display: block;
    margin: 0 0 45px;
    text-align: center;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
    font-size: var(--size-h2);
    width: 100%;
    color: #222222;
}

#footer .container {
    position: relative;
    width: 100%;
    max-width: 1600px;
}

#footer .container.footer-newsletter {
    display: flex;
    align-items: center;
    background: var(--color-tertiary);
}

#footer .footer-newsletter .newsletter-header {
    flex: 0 0 auto;
    margin: 0 20px 0 0;
}

#footer .footer-newsletter .newsletter-header > h4 {
    font-size: var(--size-h4);
    font-weight: 500;
    letter-spacing: 1.22px;
    margin: 0;
    line-height: 1.7;
    color: #fff;
}

.footer-bottom span {
    margin-bottom: 0;
}

#footer .footer-newsletter .newsletter-header > p {
    font-size: var(--size-h5);
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #fff;
}

#footer .footer-newsletter > * {
    position: relative;
}

#footer .footer-newsletter::after {
    content: none;
}

#footer .footer-newsletter::before {
    content: "";
    position: absolute;
    height: 100%;
    width: calc(100vw - var(--scrollbar-width));
    background: var(--color-tertiary);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    max-width: 1920px;
    display: block;
}

#footer #formNewsletter .form-control {
    height: 44px;
    border-radius: 50px;
    width: 100%;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 22px;
}

#footer #formNewsletter ::placeholder {
    color: #fff;
}

#footer #formNewsletter fieldset {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#footer #formNewsletter button[type="submit"] {
    height: 44px;
    border-radius: 50px;
    background: var(--color-primary);
    font-size: var(--size-h6);
    padding: 5px 18px;
    border: none;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    font-weight: 500;
    letter-spacing: 1px;
    margin-left: 16px;
}

#footer #formNewsletter button[type="submit"]:hover {
    background: var(--color-primary-hover);
}

#footer #formNewsletter .validator-msg-holder {
    width: 100%;
    max-width: 298px;
}

.custom-footer__contact h4 {
    display: none;
    font-size: var(--size-h4);
}

.custom-footer__contact .instagram, .custom-footer__contact .facebook, .custom-footer__contact .cellphone {
    display: none;
}

.custom-footer__contact li {
    padding: 0;
}

.custom-footer__contact ul {
    display: flex;
    flex-direction: column-reverse;
}

.custom-footer__contact .tel::before {
    content: "" !important;
    position: relative;
    display: inline-block;
    width: 57px;
    height: 57px;
    background-image: url("/user/documents/upload/kodovani/phone-footer.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 30px;
}

.custom-footer__contact .tel {
    padding: 0;
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}

.custom-footer__contact .tel a::after {
    display: block;
    font-weight: 400;
}

.custom-footer__contact .tel a {
    font-weight: 700;
}

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

a:hover, .link-like:hover, a:focus, .link-like:focus {
    color: #000;
    text-decoration: underline;
}

.custom-footer__contact .mail {
    padding: 0;
    display: flex;
    align-items: center;
}

.custom-footer__contact .mail a {
    font-weight: 700;
}

.custom-footer__contact .mail::before {
    content: "" !important;
    position: relative;
    display: inline-block;
    width: 57px;
    height: 57px;
    background-image: url("/user/documents/upload/kodovani/mail-footer.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 30px;
}

.custom-footer > div.custom-footer__instagram {
    display: none;
}

#footer ul li::before {
    content: none;
}

#footer ul {
    padding: 0;
}

#footer .custom-footer h4 {
    text-transform: uppercase;
    margin: 0 0 20px;
    position: relative;
}

#footer .custom-footer {
    display: flex;
    justify-content: space-between;
    padding: 77px 0;
}

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

#footer .custom-footer>div.custom-footer__contact li {
    padding: 0;
}

.custom-footer .banner, .custom-footer .banner-wrapper {
    margin: 0;
    overflow: visible;
}

#footer .custom-footer > div.custom-footer__banner18 {
    display: none;
}

#footer .custom-footer > div.custom-footer__banner17, #footer .custom-footer > div.custom-footer__articles {
    padding-left: 68px;
}

#footer .custom-footer > div.custom-footer__banner17 h4::before {
    content: "";
    position: absolute;
    width: 29px;
    height: 30px;
    left: -48px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/user/documents/upload/kodovani/pro-zakazniky.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#footer .custom-footer > div.custom-footer__articles h4::before {
    content: "";
    position: absolute;
    left: -48px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/user/documents/upload/kodovani/pro-vas.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 29px;
    height: 30px;
}

.payments-inner {
    display: flex;
    flex-wrap: wrap;
    max-width: 172px;
}

.payments-inner img {
    margin: 0 28px 13px 0;
}

.container.footer-bottom {
    border: none;
}

/*DETAIL KATEGORIE*/

.breadcrumbs a, .breadcrumbs {
    color: #000000;
    font-weight: 500;
}

.breadcrumbs {
    border: none;
    padding-top: 20px;
    padding-bottom: 10px;
}

.breadcrumbs>span>a::before {
    content: "/";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    background: transparent;
}

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

.breadcrumbs>span>a, .breadcrumbs>span>span {
    padding: 10px 15px 10px 7px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
}

.breadcrumbs > span:last-child > span {
    color: #000;
}

.category-title {
    font-size: var(--size-h2);
    margin: 32px 0 20px;
}

.category-perex p {
    margin-bottom: 20px;
}

#category-header {
    background: #005F1F29;
    border-radius: 12px;
    margin: 43px 0 54px;
    justify-content: center;
}

.category-header input[type="radio"]:checked+label {
    background: transparent;
    font-weight: 500;
    border: none;
    color: #343434;
    text-decoration: underline;
}

.category-header input[type="radio"]+label {
    background: transparent;
    font-weight: 500;
    color: #000000;
    border: none;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0 30px 0 0;
}

.category-header input[type="radio"]+label:hover {
    background: transparent;
    text-decoration: underline;
}

.products-block {
    margin-left: 0;
    margin-right: 0;
}

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

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

.products-block:not(.swiper-wrapper) {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 80px;
    grid-row-gap: 50px;
}

.columns-3 .products-block > div, .columns-4 .products-block>div {
    padding: 0;
}

.pagination-wrapper {
    margin-top: 80px;
}

.pagination-top strong {
    position: relative;
    font-size: 20px;
    letter-spacing: 1.42px;
    line-height: 1.7;
    font-weight: 700;
    color: #000;
    text-transform: none;
    margin: 0;
}

.pagination-top>a {
    display: none;
}

.pagination-top strong::after {
    content: "";
    display: inline-block;
    margin-left: 14px;
    width: 14px;
    height: 16px;
    background: url("/user/documents/upload/kodovani/double-chevron-up.svg") no-repeat center;
    background-size: contain;
}

.pagination-top strong:hover {
    text-decoration: underline;
}

#content .btn.unveil-button.load-products {
    font-weight: 700;
    text-transform: none;
    padding: 11px 20px;
    border: 2px solid #005F1F;
    border-radius: 60px;
    background: transparent;
    line-height: 1.7;
    display: inline-flex;
    align-items: center;
}

#content .btn.unveil-button.load-products::after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 12px;
    background: url("/user/documents/upload/kodovani/keyboard_arrow_down.svg") no-repeat center;
    background-size: contain;
}

#content .btn.unveil-button.load-products:hover {
    text-decoration: underline;
}

.pagination>strong.current {
    background: #F5F5F5;
}

.pagination>a, .pagination>strong {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

.pagination>a:not(.pagination-link) {
    text-decoration: underline;
}

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

.brands-loader .footer-banners {
    margin-top: 140px;
}

body:not(.type-detail) .breadcrumbs {
    display: none;
}

.subcategories.with-image li a .image img {
    mix-blend-mode: multiply;
}

/*BODYBOOM KATEGORIE*/

body.id-1301 {
    background-color: #fff;
}

.id-1301 .myig {
    display: none;
}

.id-1301 #footer .footer-newsletter::before {
    background: var(--color-bodyboom);
}

.id-1301 #footer #formNewsletter button[type="submit"] {
    background: var(--color-bodyboom-secondary);
}

.id-1301 .products-block > div .p .availability {
    display: none;
}

.id-1301 .products-block .p .p-bottom .p-tools .btn.btn-primary {
    background: var(--color-bodyboom);
    color: #fff;
    padding: 6px 32px;
    border-color: var(--color-bodyboom);
    margin-top: 20px;
}

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

.id-1301 .products-block > div .p .p-bottom > div {
    flex-direction: column;
    margin-top: 20px;
    align-items: center;
    text-align: center;
}

.id-1301 .products-block:not(.swiper-wrapper) {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 180px;
    grid-row-gap: 110px;
}

.id-1301 .products-block .p>a.image {
    background: #fcf8f9;
}

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

.id-1301 .products-block > div .p .name {
    text-align: center;
}

.id-1301 .products-block>div {
    border-radius: 0;
}

.id-1301 #category-header {
    display: none;
}

.id-1301 .category-title {
    display: none;
}

.id-1301 #content {
    max-width: 1920px;
}

.id-1301 #content > *:not(.category-top) {
    max-width: 1418px;
    margin-left: auto;
    margin-right: auto;
}

.id-1301 .category-top {
    margin: 0 -20px;
    background-color: var(--color-bodyboom);
    background-image: url('../images/faceboom-image-new_4c839393b7.jpg');
    background-size: 50% auto;
    background-position: right center;
    background-repeat: no-repeat;
    height: 27.85vw;
    max-height: 540px;
    padding-right: calc(50% + 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.id-1301 .category-top .category-perex {
    max-width: 566px;
    color: #fff;
    position: relative;
    margin: 0;
}

.id-1301 .category-top .category-perex > p:last-of-type {
    margin-bottom: 0;
}

.id-1301 .category-top .category-perex h2 {
    color: #fff;
    margin: 0;
}

.id-1301 .category-top .category-perex h3 {
    line-height: 1.4;
    color: #fff;
    margin: 0 0 8px;
}

.id-1301 .category-top .category-perex::after {
    content: "";
    position: absolute;
    width: 166px;
    height: 164px;
    top: -100px;
    right: -80px;
    background-image: url('../images/logo_faceboom_5175234b20.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.id-1301 #content .btn.unveil-button.load-products {
    border-color: var(--color-bodyboom);
}

.bb-usps {
    display: flex;
    justify-content: space-between;
    margin: 45px auto 100px;
}

.bb-usp {
    max-width: 365px;
    color: var(--color-bodyboom-text);
    letter-spacing: 1px;
    line-height: 1.1;
    text-align: center;
    font-size: var(--size-h6);
}

.bb-usp .img-holder {
    min-height: 47px;
    margin-bottom: 15px;
}

.bb-products-title {
    margin: 0 0 8px;
    text-align: center;
    color: var(--color-bodyboom-text);
}

.bb-products-subtitle {
    text-align: center;
    color: var(--color-bodyboom-text);
    max-width: 642px;
    margin: 0 auto 55px;
}

.bb-banners {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
    margin-top: 145px;
}

/*DETAIL PRODUKTU*/

.type-detail .myig {
    background: #fff;
}

.type-detail {
    background: #fff;
}

.p-detail-inner-header {
    display: flex;
    flex-direction: column;
}

.p-detail-inner-header .stars-wrapper {
    order: 1;
}

.p-detail-inner-header h1 {
    margin: 0 0 24px;
    font-size: var(--size-h2);
}

.stars-label {
    color: #231f20;
    margin-left: 13px;
    font-size: 16px;
}

.p-detail .stars a::before, .p-detail .stars span::before {
    font-size: 16px;
}

.p-detail .stars a, .p-detail .stars span {
    width: 17px;
}

.p-detail .stars {
    width: 85px;
}

table.detail-parameters tbody tr th, table.detail-parameters tbody tr td {
    line-height: 1;
}

.p-variants-block {
    padding: 0;
}

.p-detail-inner .p-short-description {
    font-size: inherit;
}

.availability-label.skladem {
    position: relative;
}

.availability-label.skladem {
    padding-left: 28px;
    background: url("/user/documents/upload/kodovani/check_circle.svg") no-repeat left center;
    background-size: 18px;
}

.availability-label {
    font-weight: 700;
}

.availability-label span:not(.divider) {
    font-weight: 400;
}

.availability-label .divider {
    margin-left: -3px;
}

table.detail-parameters tbody tr th {
    line-height: 1;
}

.p-to-cart-block .p-add-to-cart-wrapper .add-to-cart {
    gap: 0;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}

.p-to-cart-block .p-add-to-cart-wrapper {
    margin-left: 0;
}

.p-to-cart-block .p-add-to-cart-wrapper .add-to-cart .price-additional {
    color: #231F20;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}

.p-to-cart-block .p-add-to-cart-wrapper .add-to-cart .price-final-holder {
    font-size: 32px;
    font-weight: 500;
    color: #231F20;
}

.p-to-cart-block .p-add-to-cart-wrapper .add-to-cart .quantity input {
    height: 37px;
    border: 1px solid #EDEDED;
    border-radius: 6px;
    font-size: 22px;
    font-weight: 400;
    font-family: "Roboto", Sans-serif;
}

.p-detail .add-to-cart .quantity {
    border: none;
    padding-left: 72px;
    padding-right: 72px;
}

.p-detail .add-to-cart .quantity .increase, .p-detail .add-to-cart .quantity .decrease {
    border: none !important;
    height: 37px;
    width: 37px;
    background: #F3F3F3;
    border-radius: 50%;
}


.p-detail .add-to-cart .quantity .increase::before, .p-detail .add-to-cart .quantity .decrease::before {
    line-height: 38px;
    font-size: 10px;
}

.p-basic-info-block {
    padding: 0;
    border: none;
}

.p-short-description {
    margin-top: 19px;
}

.p-basic-info-block > .block:first-child {
    padding-left: 0;
}

.p-to-cart-block {
    padding: 0;
    margin-top: 20px;
    border: none;
}

.p-detail-inner .p-data-wrapper {
    max-width: 490px;
}

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

.p-detail-inner {
    justify-content: space-between;
}

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

.p-to-cart-block .add-to-cart-button.btn-conversion {
    color: #231F20;
    text-transform: none;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
    border-radius: 50px;
    font-size: var(--size-h5);
    padding: 16px 32px;
    flex: unset;
}

#find {
    background: var(--color-tertiary);
    color: #fff;
    padding: 16px 32px;
    text-transform: none;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
    border-radius: 50px;
    font-size: var(--size-h5);
    text-align: center;
    min-width: 218px;
    border: 1px solid var(--color-tertiary);
    cursor: pointer;
    transition: all ease 300ms;
}

#find:hover {
    background: #057a2c;
}

.btns-holder {
    margin-top: 34px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.wide .image360::after, .wide .p-image::after {
    content: none;
}

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

.p-thumbnails a img {
    border: none;
}

.shp-tabs-holder ul.shp-tabs li a[href="#description"]::after {
    content: " produktu";
}

#p-detail-tabs {
    margin-left: 85px;
}

.shp-tabs-wrapper.p-detail-tabs-wrapper #tab-content {
    padding: 0;
}

ul.shp-tabs li {
    padding-left: 0;
    padding-right: 0;
}

.shp-tabs-holder ul.shp-tabs li a {
    border-radius: 10px 10px 0 0;
    padding: 9px 26px;
    font-size: 18px;
    color: #231F20;
    font-weight: 500;
    background: #fff;
    border-color: #D7D7D7;
    min-width: 195px;
    text-align: center;
}

.shp-tabs-holder {
    border-color: #D7D7D7;
}

.shp-tabs-holder ul.shp-tabs li.active a {
    border-color: var(--color-tertiary);
    background: var(--color-tertiary);
    color: #fff;
}

.shp-tabs-holder ul.shp-tabs li[data-testid="tabRelatedProducts"], .shp-tabs-holder ul.shp-tabs li[data-testid="tabAlternativeProducts"] {
    display: none;
}

.tab-content>.tab-pane#productsRelated, .tab-content>.tab-pane#productsAlternative {
    display: block;
    opacity: 1;
    margin: 50px auto 50px;
}

.tab-content>.tab-pane#productsRelated .browse-p, .tab-content>.tab-pane#productsAlternative .browse-p {
    display: none;
}

.tab-content>.tab-pane#productsAlternative.with-swiper::before, .tab-content>.tab-pane#productsRelated.with-swiper::before {
    margin: 0 0 -35px;
}

.tab-content>.tab-pane#productsAlternative::before, .tab-content>.tab-pane#productsRelated::before {
    margin: 0 0 30px;
    display: block;
    font-size: var(--size-h2);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
    width: 100%;
    text-align: left;
}

.products-block.swiper-wrapper {
    margin: 0;
}

.wide .p-detail-tabs-wrapper {
    margin-top: 50px;
}

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

.myoverlay-holder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myoverlay-inner {
    position: relative;
    max-width: 700px;
    max-height: calc(100vh - 50px);
    width: 100%;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}

.myoverlay-inner .close {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.myoverlay-inner .close::before {
    content: '\e912';
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 20px;
    text-indent: 0;
    line-height: 40px;
    display: inline-block;
    speak: none;
    vertical-align: middle;
    font-family: shoptet;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
}

.myoverlay-inner iframe {
    border-radius: 10px;
}

.myoverlay {
    display: none;
}

/*MAGAZÍN*/

.id-1321 .content-wrapper-in {
    max-width: 100%;
}

.id-1321 article > header {
    margin: 0 -20px;
    min-height: 482px;
    background-image: url('../images/rain-water-leaf_199965d147.jpg');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.id-1321 article > header h1 {
    max-width: 1200px;
    width: 100%;
    text-align: left;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.id-1321 article > header h1::after {
    content: "";
    display: inline-block;
    height: 280px;
    width: 582px;
    background: url('../images/magaziny_337306372d.jpg') no-repeat center;
    background-size: contain;
    margin-left: auto;
}

.id-1321 article > div[itemprop="about"] {
    max-width: 1420px;
    margin: 0 auto;
}

.magazine {
    margin-top: 64px;
}

.magazine > h3 {
    text-align: center;
    margin: 0 auto;
}

.magazine-year {
    margin: 45px auto 100px;
}

.magazine-year h4 {
    margin: 0 0 20px;
    text-align: center;
}

.magazine-year__inner {
    padding-top: 40px;
    border-top: 1px solid #000;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 130px;
    grid-row-gap: 60px;
}

.single-magazine {
    position: relative;
    text-align: center;
}

.single-magazine h5 {
    margin: 25px 0 0;
    text-align: center;
}

.single-magazine a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.single-magazine:hover h5 {
    text-decoration: underline;
}

/*DRBKY*/

.columns-3 .products-block.products-additional > div, .columns-4 .products-block.products-additional>div {
    width: 100%;
}

.flag-tlacitko--najit-lekarnu {
    display: none !important;
}

/*RESPO*/

@media (max-width: 1600px) and (min-width: 992px) {
    .top-navi__menu ul li {
        margin-left: 25px;
    }
    .top-navi {
        padding: 0 20px;
    }
    .top-navi__contact .tel a::before {
        margin-right: 7px;
    }
    .top-navi__contact .mail a::before {
        margin-right: 7px;
    }
    .top-navi__contact {
        font-size: 14px;
    }
    .top-navi__contact .tel {
        margin-right: 20px;
    }
    #header .site-name a img {
        max-height: 140px;
    }
    #header > .container.navigation-wrapper {
        padding: 50px 20px 60px;
    }
}

@media (max-width: 1600px) {
    .benefitBanner::after {
        right: 10px;
        transform: rotate(-15deg);
    }
    #carousel .item > a {
        max-width: 1100px;
    }
    #carousel .item > a img {
        margin-right: 80px;
        max-width: 380px;
    }
    #carousel .extended-banner-texts > .extended-banner-link {
        margin-top: 20px;
    }
    .breadcrumbs, .index-content-wrapper, .ordering-process .content-wrapper-in, .type-search .content-wrapper-in, .type-manufacturers-listing .content-wrapper-in, .type-manufacturer-detail .content-wrapper-in, .type-posts-listing .content-wrapper-in, .type-post .content-wrapper-in, .type-page .content-wrapper-in, .type-glossary .content-wrapper-in, .next-to-carousel-banners, .type-category .content, .p-detail-inner, .p-detail-tabs-wrapper, .id-1301 #content > *:not(.category-top) {
        max-width: 1200px;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form input, #header .navigation-wrapper > #formSearchForm.compact-form .btn {
        height: 50px;
    }
    #header .navigation-wrapper > #formSearchForm {
        width: 100%;
        max-width: 500px;
    }
    .next-to-carousel-banners {
        margin: 0 auto;
    }
    .myproducts-swiper {
        padding-top: 70px;
    }
    .benefitBanner::before {
        width: 200px;
        height: 140px;
        bottom: -55px;
        left: -105px;
    }
    .benefitBanner, .banners-content.body-banners, .footer-banners, #footer {
        margin-top: 120px;
    }
    .banners-content.body-banners::before, .footer-banners::before {
        margin-bottom: 50px;
    }
    #footer .container.footer-newsletter {
        justify-content: center;
    }
    .products-block:not(.swiper-wrapper) {
        grid-column-gap: 40px;
        grid-row-gap: 30px;
    }
    #category-header {
        margin: 40px 0 30px;
    }
    .category-header input[type="radio"]+label {
        margin: 0 10px 0 0;
    }
    .id-1301 .products-block:not(.swiper-wrapper) {
        grid-column-gap: 130px;
        grid-row-gap: 60px;
    }
    .id-1321 .content-wrapper-in {
        max-width: 100%;
    }
    .id-1321 article > div[itemprop="about"] {
        max-width: 1200px;
    }
    .magazine-year__inner {
        grid-column-gap: 90px;
        grid-row-gap: 50px;
    }
    .magazine-year {
        margin: 45px auto 80px;
    }
}

@media (max-width: 1439px) and (min-width: 992px) {
    .top-navi__contact .tel a::after {
        content: none !important;
    }
    .top-navi__contact a {
        font-size: 12px;
    }
    .top-navi__contact .tel a::before, .top-navi__contact .mail a::before {
        width: 22px;
        height: 22px;
    }
    .top-navi__menu ul li a {
        font-size: 12px;
    }
    .top-navi__menu ul li a[href="/login"]::before {
        width: 16px;
        height: 16px;
        vertical-align: text-bottom;
    }
    .top-navi__menu ul li a[href="/login"] {
        display: block;
    }
    .top-navi__menu ul li {
        display: flex;
        align-items: center;
    }
    #header > .container.navigation-wrapper::before, .top-navi {
        height: 32px;
    }
    #header .site-name a img {
        max-height: 100px;
    }
    .container.navigation-wrapper .site-name {
        flex-basis: 158px;
    }
    .navigation-buttons {
        max-width: 158px;
    }
    #header .navigation-wrapper > #formSearchForm {
        max-width: 400px;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form .btn {
        top: 2px;
        right: 2px;
        height: 46px;
    }
    .navigation-in {
        padding: 0 20px;
        font-size: 14px;
        line-height: 14px;
    }
    .menu-helper>span {
        font-size: 14px;
    }
}

@media (max-width: 1439px) {
    :root {
        --size-h1: 30px;
        --size-h2: 28px;
        --size-h3: 22px;
    }
    #carousel .item::after {
        top: 0;
        right: 50px;
    }
    #carousel .item::before {
        content: none;
    }
    #carousel .item > a img {
        margin-right: 40px;
    }
    .next-to-carousel-banners > .banner-wrapper {
        margin: 10px;
    }
    .next-to-carousel-banners {
        margin: 0 10px;
        width: unset;
    }
    #carousel {
        padding: 20px 0;
    }
    .benefitBanner::before {
        content: none;
    }
    .benefitBanner, .banners-content.body-banners, .footer-banners, #footer {
        margin-top: 100px;
    }
    #footer .container.footer-newsletter {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    #footer #formNewsletter fieldset {
        justify-content: center;
        margin-top: 20px;
    }
    #footer .footer-newsletter .newsletter-header {
        margin: 0;
    }
    #footer .custom-footer {
        flex-wrap: wrap;
    }
    #footer .custom-footer > div.custom-footer__banner20 {
        width: 100%;
        text-align: center;
        order: -1;
        margin-bottom: 20px;
    }
    #footer .custom-footer {
        padding: 20px 0;
    }
    .myfooter-logo img {
        max-width: 200px;
    }
    .id-1301 .category-top .category-perex {
        max-width: 490px;
    }
    .id-1301 .category-top .category-perex::after {
        width: 100px;
        height: 100px;
        top: -60px;
        right: -50px;
    }
    .id-1301 .products-block:not(.swiper-wrapper) {
        grid-column-gap: 80px;
        grid-row-gap: 40px;
    }
    .bb-banners {
        margin-top: 60px;
    }
    .id-1321 article > header h1 {
        max-width: 972px;
    }
    .id-1321 article > header {
        min-height: 340px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .top-navi__contact {
        display: none;
    }
    .top-navi {
        justify-content: flex-end;
    }
    .navigation-in>ul>li>a {
        padding: 8px 18px;
    }
    .navigation-in>ul>li.menu-item-1318 {
        margin-right: 18px;
    }
}

@media (max-width: 1199px) {
    :root {
        --size-h5: 16px;
    }
    #carousel .item > a {
        max-width: calc(100% - 110px);
    }
    #carousel .extended-banner-texts > .extended-banner-text ul {
        grid-template-columns: 1fr;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form .btn {
        font-size: 14px;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form input, #header .navigation-wrapper > #formSearchForm.compact-form .btn {
        height: 44px;
    }
    #header .navigation-wrapper > #formSearchForm.compact-form .btn {
        height: 40px;
        padding: 5px 30px;
    }
    #header .navigation-wrapper > #formSearchForm {
        max-width: 360px;
    }
    .myproducts-swiper .swiper-button-next, .myproducts-swiper .swiper-button-prev {
        width: 36px;
        height: 36px;
    }
    .in-index #tab-content {
        padding: 0;
    }
    .benefitBanner::after {
        width: 70px;
    }
    .banners-content.body-banners {
        margin-right: -10px;
        margin-left: -10px;
    }
    .banners-content.body-banners .banner-wrapper {
        margin: 10px;
        width: calc(50% - 20px);
    }
    .footer-banners {
        justify-content: center;
    }
    .footer-banners > div {
        width: auto;
    }
    .custom-footer__contact .tel::before, .custom-footer__contact .mail::before {
        width: 40px;
        height: 40px;
        margin-right: 20px;
    }
    #footer h4 {
        font-size: 18px;
    }
    #footer .custom-footer > div.custom-footer__banner17 h4::before, #footer .custom-footer > div.custom-footer__articles h4::before {
        width: 19px;
        height: 20px;
        left: -28px;
    }
    #footer .custom-footer > div.custom-footer__banner17, #footer .custom-footer > div.custom-footer__articles {
        padding-left: 40px;
    }
    .products-block:not(.swiper-wrapper) {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .pagination-wrapper .pagination {
        justify-content: center;
    }
    .pagination-wrapper {
        margin-top: 40px;
    }
    .brands-loader .footer-banners {
        margin-top: 100px;
    }
    .id-1301 .category-top .category-perex {
        max-width: 90%;
        font-size: 12px;
    }
    .id-1301 .category-top .category-perex h3 {
        font-size: 20px;
    }
    .id-1301 .category-top .category-perex::after {
        right: 0;
        width: 80px;
        top: -50px;
        height: 80px;
    }
    .bb-usp {
        max-width: 300px;
        font-size: 14px;
    }
    .bb-usps {
        margin: 40px auto 60px;
    }
    .id-1301 .products-block:not(.swiper-wrapper) {
        grid-column-gap: 40px;
        grid-row-gap: 20px;
    }
    .bb-banners {
        grid-column-gap: 40px;
    }
    .breadcrumbs>span>a, .breadcrumbs>span>span {
        font-size: 14px;
    }
    .breadcrumbs {
        padding-top: 0;
    }
    .p-detail-inner-header h1 {
        margin-bottom: 20px;
    }
    .p-detail .stars-wrapper {
        margin-bottom: 10px;
    }
    .p-short-description {
        margin-top: 10px;
    }
    .p-to-cart-block .p-add-to-cart-wrapper .add-to-cart .price-final-holder {
        font-size: 28px;
    }
    #p-detail-tabs {
        margin-left: 35px;
    }
    .shp-tabs-holder ul.shp-tabs li a {
        padding: 7px 21px;
        font-size: 16px;
        min-width: 180px;
    }
    #find {
        min-width: 188px;
    }
    .id-1321 article > header h1 {
        max-width: 747px;
    }
    .id-1321 article > header h1::after {
        max-width: 400px;
        height: 190px;
    }
    .id-1321 article > header {
        min-height: 260px;
    }
    .magazine-year__inner {
        grid-column-gap: 40px;
    }
}

@media (max-width: 991px) {
    :root {
        --size-h1: 28px;
        --size-h2: 24px;
        --size-h3: 20px;
        --size-h4: 18px;
        --size-h5: 14px;
        --size-h6: 14px;
    }
    .top-navi {
        display: none;
    }
    #header .navigation-wrapper > #formSearchForm {
        display: none;
    }

    #header {
        box-shadow: none;
    }
    #header .container {
        justify-content: center;
    }
    .navigation-buttons {
        width: 100%;
    }
    #header .site-name {
        z-index: 54;
    }
    .navigation-buttons a[data-target="navigation"] {
        position: absolute;
        left: 0;
    }
    #navigation {
        left: 0;
        padding-top: 0;
    }
    .navigation-in {
        padding-top: 60px;
        font-size: 18px;
        max-width: 350px;
        background: #fff;
    }
    .navigation-in a {
        color: #000;
    }
    .navigation-in>ul>li>a>b {
        font-weight: 400;
        padding: 18px 20px;
    }
    .navigation-window-visible #navigation {
        width: 100%;
        background: rgba(0,0,0,.5);
        z-index: 1006;
    }
    .navigation-in ul li a {
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 0;
    }
    .menu-level-1 > li a {
        border-bottom: 1px solid #000 !important;
    }
    .navigation-in .navigationActions {
        border: none;
        margin: 30px 0;
    }
    .navigation-buttons a[data-target="navigation"]::before {
        content: "";
        position: absolute;
        background: url("/user/documents/upload/kodovani/ico-menu_1.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 32px;
        height: 27px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .navigation-buttons a[data-target="cart"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 28px;
        height: 27px;
        background: url("/user/documents/upload/kodovani/shopping-bag1.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transform: translate(-50%, -50%);
    }
    .navigation-buttons a[data-target="search"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 27px;
        height: 27px;
        background: url("/user/documents/upload/kodovani/magnifier.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transform: translate(-50%, -50%);
    }
    .navigation-buttons>a {
        border: none;
    }
    .navigation-window-visible .navigation-buttons a[data-target="navigation"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 37px;
        height: 37px;
        background: url("/user/documents/upload/kodovani/x_1.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        filter: invert(1);
        transform: translate(-50%, -50%);
    }
    .navigation-close {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: url("/user/documents/upload/kodovani/x_1.svg");
        background-size: 30px;
        background-position: center;
        background-repeat: no-repeat;
    }
    #header .site-name {
        z-index: 1002;
    }
    #header .site-name a img {
        margin: 0 auto;
    }
    .navigation-in>ul>li.menu-item-1318>a>b {
        background: var(--color-primary);
        border-radius: 50px;
        padding: 12px 20px;
    }
    .navigation-in>ul>li.menu-item-1318>a {
        border-bottom: none !important;
        margin: 8px 20px 16px;
    }
    .navigation-in>ul>li.menu-item-1301>a>b {
        background: var(--color-tertiary-hover);
        border-radius: 50px;
        padding: 12px 20px;
    }
    .navigation-in>ul>li.menu-item-1301>a {
        border-bottom: none !important;
        margin: 8px 20px;
    }
    body {
        background-color: #F8F8F8;
    }
    #carousel .item > a img {
        max-width: 200px;
        margin: 0 0 20px;
    }
    #carousel .item::after {
        content: none;
    }
    #carousel .item > a {
        flex-direction: column;
        text-align: center;
    }
    #carousel .extended-banner-texts > .extended-banner-text ul li {
        justify-content: center;
    }
    .products-block > div .p .name {
        font-size: 14px;
    }
    .products-block > div .p .p-in {
        padding: 10px;
    }
    .in-index #tab-content > .tab-pane {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .benefitBanner__item {
        width: 33.33%;
        flex: unset;
        padding: 0 10px;
    }
    .benefitBanner {
        padding: 20px 0;
    }
    .benefitBanner__picture {
        height: 45px;
        max-width: 60px;
    }
    .benefitBanner::after {
        content: none;
    }
    .benefitBanner, .banners-content.body-banners, .footer-banners, #footer {
        margin-top: 60px;
    }
    .banners-content.body-banners::before, .footer-banners::before, .myig::before {
        margin-bottom: 20px;
    }
    .footer-banners .footer-banner {
        padding: 15px;
    }
    #footer #formNewsletter .form-control {
        font-size: 14px;
    }
    #footer .custom-footer > div {
        width: 50%;
        text-align: center;
    }
    .custom-footer__contact .tel, .custom-footer__contact .mail {
        justify-content: center;
    }
    .payments-inner img {
        margin: 0 auto 13px;
    }
    .payments-inner {
        justify-content: center;
        margin: 0 auto;
    }
    #footer .custom-footer > div.custom-footer__banner17 h4::before, #footer .custom-footer > div.custom-footer__articles h4::before {
        content: none !important;
    }
    .custom-footer > div {
        margin-bottom: 20px;
    }
    #footer .custom-footer h4 {
        margin-bottom: 15px;
    }
    #footer .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #footer .custom-footer {
        padding: 20px 0 0;
    }
    #footer .custom-footer > div.custom-footer__banner17, #footer .custom-footer > div.custom-footer__articles {
        padding-left: 20px;
    }
    .category-header input[type="radio"]+label {
        font-size: 14px;
        padding: 10px;
    }
    .products-block:not(.swiper-wrapper) {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .pagination-wrapper {
        margin-top: 40px;
    }
    .pagination-top strong {
        font-size: 16px;
    }
    .pagination-top strong::after {
        width: 10px;
        height: 12px;
    }
    .id-1301 .category-top {
        height: unset;
        background-image: none;
        padding: 20px;
    }
    .id-1301 .category-top .category-perex {
        max-width: 600px;
        text-align: center;
        font-size: 14px;
    }
    .id-1301 .category-top .category-perex::after {
        content: none;
    }
    .id-1301 .category-top {
        position: relative;
        background-image: url('../images/logo_BB_ce590d3e14.jpg');
        background-size: 80px;
        background-position: right top;
        background-repeat: no-repeat;
    }
    .id-1301 .category-top .category-perex h3 {
        font-size: var(--size-h3);
    }
    .bb-usp {
        padding: 0 10px;
        width: 33.333%;
    }
    .id-1301 .products-block:not(.swiper-wrapper) {
        grid-column-gap: 20px;
    }
    .bb-banners {
        grid-column-gap: 20px;
    }
    .p-detail-inner .p-data-wrapper {
        margin-top: 20px;
    }
    .wide .p-detail-inner .p-image-wrapper {
        max-width: 100%;
    }
    .p-detail-inner .p-data-wrapper {
        max-width: 100%;
    }
    .btns-holder {
        justify-content: flex-start;
    }
    #find {
        margin-left: 20px;
    }
    .p-to-cart-block .p-add-to-cart-wrapper .add-to-cart {
        justify-content: flex-start;
    }
    .id-1321 article > header h1::after {
        max-width: 300px;
        height: 150px;
    }
    .id-1321 article > header h1 {
        max-width: 600px;
    }
    .magazine {
        margin-top: 30px;
    }
    .magazine-year__inner {
        grid-template-columns: 1fr 1fr 1fr;
        padding-top: 20px;
    }
    .magazine-year {
        margin: 40px auto 60px;
    }
    .submenu-arrow {
        padding-left: 10px;
        padding-right: 10px;
    }
    .navigation-in>ul>li>a {
        justify-content: space-between;
        padding-right: 0;
    }
    .navigation-in a:hover {
        color: #000;
    }
}

@media (max-width: 767px) {
    .custom-footer__contact .tel, .custom-footer__contact .mail {
        flex-direction: column;
        align-items: center;
    }
    .custom-footer__contact .tel::before, .custom-footer__contact .mail::before {
        margin: 0 0 5px;
    }
    .benefitBanner > div:not(:last-child) {
        border-right: none;
    }
    .benefitBanner__item {
        padding: 10px;
        width: 50%;
    }
    .benefitBanner {
        justify-content: center;
    }
    .benefitBanner, .banners-content.body-banners, .footer-banners, #footer {
        margin-top: 40px;
    }
    body {
        font-size: 14px;
    }
    :root {
        --size-h1: 24px;
        --size-h2: 20px;
        --size-h3: 18px;
        --size-h4: 16px;
    }
    #footer #formNewsletter .validator-msg-holder {
        max-width: 240px;
    }
    #footer .banner {
        min-height: unset;
    }
    #footer .custom-footer > div {
        width: 100%;
    }
    #signature {
        margin-left: 0;
        float: none;
        width: auto;
    }
    .remedio-signature {
        display: inline;
    }
    .category-header form fieldset {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .category-header input[type="radio"]+label {
        margin: 0 5px;
    }
    .products-block:not(.swiper-wrapper) {
        grid-template-columns: 1fr 1fr;
    }
    #content .btn.unveil-button.load-products {
        justify-content: center;
    }
    .brands-loader .footer-banners {
        margin-top: 60px;
    }
    .id-1301 .category-top {
        background-size: 60px;
    }
    .bb-usp {
        padding: 10px;
        width: 50%;
    }
    .bb-usps {
        flex-wrap: wrap;
        justify-content: center;
        margin: 20px auto 40px;
    }
    .id-1301 .products-block:not(.swiper-wrapper) {
        grid-template-columns: 1fr 1fr;
    }
    .bb-banners {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 20px;
        margin-top: 40px;
    }
    .bb-banners > div:last-child {
        grid-column: span 2;
    }
    .btns-holder {
        margin-top: 25px;
    }
    .p-to-cart-block .p-add-to-cart-wrapper .add-to-cart .price-additional {
        font-size: 14px;
    }
    .p-to-cart-block .p-add-to-cart-wrapper .add-to-cart .price-final-holder {
        font-size: 24px;
    }
    .p-detail .add-to-cart .quantity {
        padding-left: 50px;
        padding-right: 50px;
    }
    .p-detail .add-to-cart .quantity .increase, .p-detail .add-to-cart .quantity .decrease {
        height: 30px;
        width: 30px;
    }
    .p-final-price-wrapper {
        margin-right: 20px;
    }
    #p-detail-tabs {
        margin-left: 0;
    }
    .shp-tabs-holder ul.shp-tabs li a {
        min-width: unset;
        font-size: 14px;
        padding: 6px 14px;
    }
    .p-detail .add-to-cart .quantity .increase::before, .p-detail .add-to-cart .quantity .decrease::before {
        line-height: 32px;
    }
    .myoverlay-inner {
        max-width: calc(100vw - 30px);
        max-height: calc(100vh - 30px);
    }
    .id-1321 article > header h1 {
        flex-direction: column;
        align-items: center;
    }
    .id-1321 article > header h1::after {
        margin: 20px auto 0;
    }
    .magazine-year {
        margin-top: 25px;
    }
    .magazine-year__inner {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 499px) {
    .carousel-control.left::before {
        left: 5px;
    }
    .carousel-control.right::before {
        right: 5px;
    }
    .carousel-control.left::before, .carousel-control.right::before {
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    #carousel .item > a {
        max-width: calc(100% - 40px);
    }
    .next-to-carousel-banners {
        padding: 0;
    }
    .myproducts-swiper {
        padding-top: 60px;
    }
    .myproducts-swiper .swiper-button-next, .myproducts-swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    .myswiper-navi {
        top: 10px;
    }
    .benefitBanner__item {
        width: 100%;
    }
    .banners-content.body-banners .banner-wrapper {
        width: 100%;
        margin: 0 0 10px;
    }
    .banners-content.body-banners {
        margin-left: 0;
        margin-right: 0;
    }
    .footer-banners > div.footer-banner {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }
    .myig > a {
        width: calc(50% - 3px);
        margin: 0 0 6px;
    }
    #footer .container.footer-newsletter {
        margin-top: -6px;
    }
    .myig::before {
        margin: 0 10px 20px;
    }
    #footer #formNewsletter fieldset {
        display: flex;
        flex-direction: column;
    }
    #footer #formNewsletter .validator-msg-holder {
        width: 100%;
        margin-bottom: 10px;
    }
    #footer #formNewsletter .form-control {
        text-align: center;
    }
    .myfooter-logo img {
        max-width: 150px;
    }
    .navigation-close::before {
        content: none;
    }
    .navigation-close {
        width: 40px;
        height: 40px;
    }
    .navigation-in {
        font-size: 16px;
    }
    .navigation-in {
        padding-top: 40px;
    }
    .navigation-in>ul>li>a>b {
        padding: 13px 20px;
    }
    .navigation-in>ul>li.menu-item-1318>a {
        margin: 8px 20px;
    }
    .category-header input[type="radio"]+label {
        font-size: 12px;
        padding: 5px;
        margin: 3px;
    }
    .products-block:not(.swiper-wrapper) {
        grid-template-columns: 1fr;
    }
    #content .btn.unveil-button.load-products {
        padding: 7px 20px;
    }
    .pagination-top strong {
        font-size: 14px;
    }
    .bb-usp {
        min-width: 280px;
    }
    .id-1301 .products-block:not(.swiper-wrapper) {
        grid-template-columns: 1fr;
    }
    .btns-holder {
        flex-direction: column;
        align-items: flex-start;
    }
    #find {
        margin: 10px 0 0;
    }
    .type-detail .benefitProdutct-container {
        padding: 0;
    }
    .p-detail .add-to-cart .quantity {
        margin-top: 10px;
    }
    .myoverlay-inner {
        width: 100%;
        max-width: 100%;
        padding: 40px 10px 10px;
        border-radius: 0;
    }
}