.admin-bar {
    z-index: 1111;
}

#cboxOverlay,
#colorbox {
    z-index: 1004;
}

.messages,
.user-action-login.popup-widget.login-widget,
.user-action-cart.popup-widget.cart-widget.loader-wrapper {
    z-index: 1005;
}

@media(max-width: 767px) {
    header#header {
        z-index: 1003;
    }

    .site-msg.information {
        z-index: 1002;
    }

    body.in-index .content-wrapper.container {
        padding: 0px;
    }
}

@media (min-width: 768px) {
    header#header {
        z-index: 1003;
        position: relative;
    }

    .top-navigation-bar {
        z-index: 1004;
        position: relative;
    }

    ul.menu-level-2>li:before {
        content: "" !important;
        position: absolute !important;
        top: -1px !important;
        width: 5000px !important;
        height: calc(100% + 1px) !important;
        left: -2500px !important;
        background-color: #fff !important;
        z-index: -1 !important;
    }

    .in-index main#content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/*carousel*/
.in-index .row.banners-row>div {
    width: 100% !important;
}

.in-index .row.banners-row>div .next-to-carousel-banners {
    display: flex;
    justify-content: space-between;
}

.in-index .row.banners-row>div .next-to-carousel-banners>div {
    width: calc(50% - 10px);
}

.in-index .row.banners-row>div .next-to-carousel-banners img {
    object-fit: cover;
    object-position: center;
    height: 100% !important;
    width: 100% !important;
}

.in-index .row.banners-row>div .next-to-carousel-banners>div.banner-wrapper,
.in-index .row.banners-row>div .next-to-carousel-banners a {
    aspect-ratio: 695 / 220;
    overflow: hidden;
    border-radius: 160px;
}

.in-index .row.banners-row>div.col-sm-4 {
    max-width: 1418px;
    margin-top: 20px !important;
    margin: auto;
    display: flex;
}

/*slider*/
div#carousel {
    width: 100vw;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*bell*/
.fvicon-bell-o:before,
.fvscn-notification .fvscn-headBell:hover .fvicon-bell-o:before {
    content: url(/user/documents/upload/icons/notifikace-aktualizace.svg) !important;
    width: 38px;
    display: block;
}

.fvscn-notification .fvscn-headBell .fvscn-headUnread i {
    font-size: 14px !important;
    font-weight: 500 !important;
    background-color: #25f45b !important;
    color: #6c00ff !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}

.fvscn-notification .fvscn-headBell .fvscn-headUnread {
    /* right: 4px !important; */
    right: -32px !important;
    top: 3px !important;
}

/*HP*/
.row.banners-content.body-banners {
    width: 100%;
    margin-top: 100px;
}

.hp-categories-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: calc(3 * 25px / 2);
}

.wrapper-flavors {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6 * 18px / 5);
    width: 100%;
}

.wrapper-bottom-banners {
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
    gap: 30px;
}

.welcome-wrapper.container-narrow {
    width: 100% !important;
}

.hp-categories-wrapper .hp-category {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.hp-categories-wrapper .hp-category.short {
    width: calc(25% - 25px);
    border-radius: 50%;
}

.hp-categories-wrapper .hp-category.long {
    width: calc(50% - 25px);
    border-radius: calc(100vw);
}

.hp-categories-wrapper .hp-category.purple {
    background-color: #6c00ff;
}

.hp-categories-wrapper .hp-category.green {
    background-color: #25f45b;
}

.hp-categories-wrapper .hp-category span.heading {
    color: white;
    z-index: 100;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 400 !important;
    position: absolute;
    text-align: center;
}

.hp-categories-wrapper .hp-category img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
}

.wrapper-flavors .flavor {
    width: calc(100% / 6 - 18px);
}

.flavors-block {
    text-align: center;
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flavors-block span.heading {
    font-size: 22px;
    color: #494947;
    margin-bottom: 50px !important;
}

.wrapper-flavors .flavor .flavor-background {
    background-color: #6c00ff;
    border-radius: calc(100vw);
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.wrapper-flavors .flavor .flavor-background img {
    height: 120px;
    width: auto;
    position: absolute;
}

.wrapper-flavors .flavor span.title {
    margin-top: 35px !important;
    display: block;
    font-size: 16px;
    line-height: 19px;
    color: #494947;
    text-transform: lowercase;
}

.wrapper-bottom-banners .half-banner {
    width: calc(50% - 15px);
}

.wrapper-bottom-banners .full-banner {
    width: 100%;
}

/*Welcome*/
.welcome-wrapper {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.welcome {
    background: linear-gradient(135deg, #6c00ff, #7a1cff);
    border-radius: 999px;
    padding: 100px 250px;
    overflow: visible;
    color: #fff;
    margin-right: 15%;
    padding-right: 30%;
}

/* TEXT */
.welcome-text {
    max-width: 600px;
    z-index: 2;
}

.welcome-text a {
    background: #25f45b;
    color: #7614ff;
    border: none;
    padding: 14px 28px;
    border-radius: 999px;
    font-weight: 600;
    cursor: pointer;
}

/* OBRÁZEK */
.welcome-image {
    position: absolute;
    top: 0;
    right: 0px;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.welcome-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* TABLET */
@media (max-width: 1024px) {
    .welcome-content {
        padding: 60px 60px;
        border-radius: 60px;
    }

    .welcome-image {
        width: 280px;
        height: 280px;
        right: -40px;
    }
}

/* MOBIL */
@media (max-width: 768px) {
    .welcome-content {
        flex-direction: column;
        text-align: center;
        padding: 60px 30px 140px;
        border-radius: 40px;
    }

    .welcome-text {
        max-width: 100%;
    }

    .welcome-image {
        position: absolute;
        bottom: -120px;
        right: 50%;
        transform: translateX(50%);
        width: 240px;
        height: 240px;
    }
}

/*Recenze Footer*/
.banner-rating.row.container-narrow .homepage-group-title.h4 {
    width: 100%;
    margin-bottom: 50px;
}

.ratings__header {
    display: flex;
    flex-wrap: wrap;
}

.ratings__header {
    width: 45% !important;
}

.rate-items.ratings-banner {
    width: 55% !important;
}

.ratings__header .header-left {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 50px;
}

.ratings__header .header-left {
    width: 300px;
}

.ratings__header .ratings__header-text {
    display: flex;
    justify-content: center;
    width: 100%;
}

.ratings__header .ratings__header-text span.rate-average {
    font-size: 100px;
    font-weight: 500;
    color: #6c00ff;
    line-height: 1;
}

.rating-wrapper-pw {
    display: flex;
    justify-content: center;
    width: 100%;
}

.rating-wrapper-pw .show-more-wrapper a.show-more {
    background-color: #25f45b;
    color: #6c00ff;
    padding: 10px 15px;
    border-radius: 999px;
}

.ratings__header .header-right {
    width: calc(100% - 300px);
}

.ratings__header span.rate-star-wrap .stars {
    width: 145px;
    height: 24px;
    margin-right: 20px;
}

.ratings__header span.rate-star-wrap span.stars-label {
    font-size: 18px;
    color: #494947;
    line-height: 20px;
}

.content-wrapper #content a:not(.btn):not(.cart-count):not(.pagination-link) {
    text-decoration: none;
}

.ratings__header span.rate-star-wrap .stars a,
.ratings__header span.rate-star-wrap .stars span {
    height: 24px;
    line-height: 24px;
    width: 28px;
}

.stars .star {
    color: #EACF60;
}

.ratings__header span.rate-star-wrap .stars a:before,
.ratings__header span.rate-star-wrap .stars span:before {
    font-size: 20px;
    line-height: 20px;
}

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

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

span.stars-label {
    font-size: 14px;
}

.ratings__header .header-right>div {
    width: 100% !important;
    margin-top: 20px;
}

.ratings__header .header-right>div .rate-list {
    align-items: center;
    height: 28px;
}

.rate-list {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
}

.ratings__header .header-right>div .stars {
    width: 55px !important;
}

.ratings__header .rate-block {
    display: flex;
    flex-grow: 1;
    padding-right: 0px;
    background-color: #d7d7d7;
    margin-right: 80px;
    height: 6px;
    border-radius: 5px;
}

.rate-bar {
    background-color: #25f45b;
    border-radius: 5px;
}

.ratings__header .header-right>div .rate-list span.rate-count {
    position: absolute;
    right: 30px;
    margin-top: -11px;
}

.banner-rating.row.container-narrow .rate-items.ratings-banner {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.rate-items.ratings-banner {
    display: flex;
    flex-wrap: wrap;
    max-height: fit-content;
}

.in-index main#content .container-narrow {
    width: 100%;
}

.banner-rating.row.container-narrow {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    padding-bottom: 55px;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 120px;
    margin-bottom: 145px;
}

/*Bottom banners*/
.half-banner.bottom-banner.tip {
    background-color: #6c00ff;
    border-radius: calc(100vw);
    padding: 10px 20px;
}

.half-banner.bottom-banner.nikopedie {
    background-color: #25f45b;
    border-radius: calc(100vw);
    background-image: url(/user/documents/upload/homepage/bottom-banners/nikopedie.jpg);
    background-position: center;
    background-size: cover;
    justify-content: center;
}

.full-banner.bottom-banner.bonus {
    background: transparent linear-gradient(110deg, #6C00FF 0%, #25F45B 100%) 0% 0% no-repeat padding-box;
    border-radius: calc(100vw);
    justify-content: space-between;
    padding: 20px 150px;
}

.wrapper-bottom-banners {
    margin-top: 170px !important;
}

.half-banner.bottom-banner.tip span.heading {
    font-size: 44px;
    line-height: 48px;
    margin-bottom: 5px;
    color: #25f45b;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    display: block;
}

.half-banner.bottom-banner.nikopedie span.heading {
    font-size: 44px;
    line-height: 48px;
    margin-bottom: 5px;
    color: #6c00ff;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    display: block;
}

.wrapper-bottom-banners .bottom-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.half-banner.bottom-banner.tip .images {
    width: 40%;
}

.half-banner.bottom-banner.tip .text {
    width: 60%;
    padding: 0px 50px;
}

.half-banner.bottom-banner.tip .text p {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 24px;
}

.half-banner.bottom-banner.nikopedie .text p {
    color: #6c00ff;
    font-size: 18px;
    line-height: 24px;
}

.half-banner.bottom-banner.nikopedie .text {
    text-align: center;
    margin-bottom: 30px;
}

.full-banner.bottom-banner.bonus .text span.heading {
    font-size: 44px;
    line-height: 48px;
    color: #25f45b;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    display: block;
}

.full-banner.bottom-banner.bonus .text p {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 24px;
}

.full-banner.bottom-banner.bonus .image img {
    scale: 1.3;
}

.half-banner.bottom-banner.nikopedie {
    background-size: 110%;
    transition: background-size 0.3s ease;
}

.half-banner.bottom-banner.nikopedie:hover {
    background-size: 130%;
    cursor: pointer;
}

.full-banner.bottom-banner.bonus .image img,
.full-banner.bottom-banner.bonus,
.half-banner.bottom-banner.tip,
.half-banner.bottom-banner.tip:hover,
.half-banner.bottom-banner.tip .images img {
    transition: 0.3s;
}

.full-banner.bottom-banner.bonus:hover,
.half-banner.bottom-banner.tip:hover {
    cursor: pointer;
}

.full-banner.bottom-banner.bonus:hover .image img {
    scale: 1.4;
    transition: 0.3s;
}

.half-banner.bottom-banner.tip:hover .images img:first-of-type {
    rotate: 10deg;
    transition: 0.3s;
}

.half-banner.bottom-banner.tip:hover .images img:nth-of-type(2) {
    rotate: -10deg;
    transition: 0.3s;
}

.full-banner.bottom-banner.bonus .text p {
    margin-bottom: 0px !important;
}

/*Welcome*/
.welcome h1 {
    color: #ffffff;
    font-size: 44px;
    line-height: 48px;
    font-weight: 200;
    text-transform: uppercase;
}

.welcome-wrapper.container-narrow {
    margin-top: 120px;
}

.welcome-text a,
.rating-wrapper-pw .show-more-wrapper a.show-more {
    transition: 0.3s;
}

.welcome-text a:hover,
.rating-wrapper-pw .show-more-wrapper a.show-more:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
    transition: 0.3s;
}

/*Footer newsletter*/
.footer-newsletter-wrapper {
    background-color: #6c00ff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 45px 150px;
    border-radius: 999px;
    display: flex;
    justify-content: space-between;
    margin-top: -100px;
    margin-bottom: 50px;
    z-index: 1;
    position: relative;
}

img.footer-logo {
    width: 100%;
    max-width: 200px;
}

.footer-newsletter-wrapper .h4 {
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.footer-newsletter-wrapper .form-control {
    border-radius: 999px;
}

.footer-newsletter-wrapper button.btn.btn-default.btn-arrow-right {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
}

.footer-newsletter-wrapper button.btn.btn-default {
    border-radius: 999px;
    padding: 5px 30px 5px 30px;
    border: 2px solid white !important;
    font-weight: 400;
}

.footer-newsletter-wrapper .form-control {
    padding-left: 25px;
}

/*Header*/
.container.navigation-wrapper.header-top-wrapper {
    padding-left: 20px;
    padding-right: 20px;
}

.top-navigation-bar a:hover {
    color: #ffffffb5;
}

.top-navigation-bar .dropdown button:hover {
    background-color: #4400a3 !important;
    transition: 0.3s;
}

.top-navigation-bar .dropdown button {
    transition: 0.3s;
}

.top-navigation-bar .dropdown .dropdown-menu {
    border-radius: 23px;
    overflow: hidden;
}

.dropdown-menu>li>a,
.dropdown-menu>li>span {
    color: #000000;
    padding: 3px 30px;
    line-height: 30px !important;
}

.dropdown-menu,
.languagesMenu ul,
.top-navigation-bar-menu-helper {
    border-color: #fff;
}

.top-navigation-menu-trigger {
    height: 100%;
    color: white;
}

.top-navigation-bar-menu-helper li a {
    color: black;
}

.top-navigation-bar-menu-helper li a:hover {
    color: #6c00ff !important;
}

a.top-nav-button.top-nav-button-account.secondary {
    display: flex;
    align-items: center;
}

a.top-nav-button.top-nav-button-account:before {
    content: url(/user/documents/upload/icons/prihlaseny-uzivatel.svg);
    width: 42px;
    margin-right: 10px;
}

a.top-nav-button.top-nav-button-account.secondary span {
    color: var(--color-primary);
    font-size: 16px;
}

#header .search-input::placeholder {
    color: #6c00ff;
}

.search-input-icon:hover {
    background-color: #07ca3b;
    transition: 0.3s;
    cursor: pointer;
}

span.search-input-icon {
    transition: 0.3s;
}

.searchWhisperer {
    margin-top: 4px;
}

.searchWhisperer {
    border-radius: 23px;
    box-shadow: 0px 20px 20px #00000042;
}

.searchWhisperer__buttonWrapper .btn.searchWhisperer__button {
    color: #6c00ff;
    font-weight: 400;
    border-radius: 999px;
    padding: 8px 20px;
}

li.searchWhisperer__products__listItem .product-appendix {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {

    .admin-logged .popup-widget.login-widget,
    .admin-logged .popup-widget.cart-widget {
        top: 145px;
    }

    .popup-widget.login-widget,
    .popup-widget.cart-widget {
        top: 120px;
    }
}

@media (min-width: 1440px) {
    .popup-widget {
        margin-left: 325px;
    }

    .popup-widget.cart-widget {
        margin-left: 400px;
    }
}

@media (min-width: 992px) {
    .popup-widget-inner:not(.cart-widget-inner) {
        border-radius: 23px;
    }
}

.popup-widget-inner:not(.cart-widget-inner) input.form-control {
    border-radius: 23px;
    padding: 0px 20px;
}

.login-wrapper .btn {
    border-radius: 23px;
}

a.login-btn.facebook,
a.login-btn.google,
a.login-btn.seznam {
    border-radius: 23px;
}

.navigation-buttons button.top-nav-button-login {
    display: flex;
    padding: 0px;
    margin-left: 40px;
    height: 50px;
    align-items: center;
}

a.top-nav-button.top-nav-button-account {
    display: flex;
    align-items: center;
}

a.top-nav-button.top-nav-button-account span {
    font-size: 16px;
    line-height: 50px;
}

#header .navigation-buttons a {
    padding: 0px;
}

.menu-helper {
    height: 50px;
}

.menu-helper>span {
    padding: 16px 10px;
}

.menu-helper>ul {
    top: calc(50% + 25px);
}

.menu-helper>ul>li.exp>ul>li {
    background-color: #f6f6f6;
}

.menu-helper .menu-level-2 a {
    padding: 1.5rem 20px;
    line-height: 22px;
}

/*Cart*/
.popup-widget-inner:not(.cart-widget-inner) .form-group {
    margin-bottom: 15px !important;
}

.navigation-buttons>a[data-target=cart] i {
    background-color: #25f45b;
    color: #6c00ff;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    width: 20px;
    font-weight: 500;
}

#header .navigation-buttons a[data-target=cart] i {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    #header .navigation-buttons a[data-target=cart] i {
        left: 23px;
    }
}

.popup-widget.cart-widget {
    border-radius: 23px;
    overflow: hidden;
    border-width: 0;
    box-shadow: 0px 20px 20px #00000042;
}

.price-range>div {
    background-color: #6c00ff;
}

div#cart-widget a#continue-order-button {
    color: #6c00ff;
    font-weight: 400;
    border-radius: 23px;
    padding: 8px 20px;
}

.cart-widget-product {
    border-bottom-width: 0px;
}

.cart-widget-product-amount .quantity {
    border-radius: 23px;
    overflow: hidden;
}

.quantity .decrease,
.quantity .increase {
    cursor: pointer !important;
}

.msg.msg-notice,
.msg.msg-success {
    background-color: #25f45b;
    border-color: #25f45b;
    color: #6c00ff;
}

.messages span a {
    color: #6c00ff !important;
    text-decoration: underline;
}

@media (min-width: 1440px) {
    .in-kosik .popup-widget {
        margin-left: 430px;
    }
}

@media (min-width: 992px) {
    .in-kosik .popup-widget.login-widget:before {
        right: 90px;
    }
}

.login-wrapper .password-helper a:hover {
    color: #4400a3;
    text-decoration: underline;
}

ol.cart-header li.active a,
ol.cart-header li.active strong,
ol.cart-header li.completed a,
ol.cart-header li.completed a:hover,
ol.cart-header li.completed strong {
    color: #6c00ff;
    font-weight: 500;
}

.cart-table .p-quantity .quantity {
    border-radius: 23px;
    overflow: hidden;
}

.ordering-process .btn.btn-conversion,
.ordering-process a.btn.btn-conversion {
    border-radius: 99px;
    color: #6c00ff;
    display: flex;
    align-items: center;
}

.id--16 .next-step-forward:after,
.id--9 .next-step-forward:after {
    margin-top: 0px;
}

.price-range,
.price-range>div {
    border-radius: 23px;
}

.discount-coupon .form-control {
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px;
}

.discount-coupon .input-group .btn {
    color: #6c00ff;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
}

@media (min-width: 768px) {
    .discount-coupon .form-control {
        max-width: 260px;
        width: 100%;
    }
}

.cart-table,
.cart-table tr td,
.cart-table tr td.cart-p-image {
    border-width: 0px;
}

.cart-inner .cart-table tbody tr[data-micro=cartItem] {
    box-shadow: 0px 0px 20px #0000000f;
}

div#cart-wrapper .cart-table {
    border-collapse: separate;
    border-spacing: 0 20px;
}

.remove-item,
.remove-item-placeholder {
    padding: 25px;
}

.cart-related-product button.btn-conversion.add-to-cart-button {
    font-weight: 400;
    font-size: 16px;
    padding: 20px 20px;
}

.ordering-process a.top-nav-button.top-nav-button-login.login {
    display: none;
}

.in-krok-1 .cart-inner {
    padding-top: 40px;
}

.cart-msg {
    background-color: #25f45b30;
    border: 1px solid #25f45b;
    border-radius: 23px;
    padding: 30px 35px;
    text-align: center;
    margin-bottom: 40px;
}

.cart-msg p {
    margin-bottom: 0px !important;
}

.cart-msg span.heading {
    text-transform: uppercase;
    font-weight: 700;
    color: #000000;
}

.select2-selection,
select,
select.form-control {
    border-radius: 23px;
}

.box.co-delivery-method,
.box.co-payment-method {
    border: 1px solid #cfcfcf;
    border-radius: 23px;
    padding: 0px 30px 30px;
    margin-top: 25px;
}

.shipping-billing-table .radio-wrapper,
.desktop .shipping-billing-table .radio-wrapper:hover {
    border: none;
    box-shadow: none;
}

.checkout-box .box.box-sm {
    height: auto;
    margin-top: 11px;
    transform: scale(1);
    visibility: visible;
}

#checkoutSidebar .toggle-contacts {
    display: none;
}

.checkout-box .box.box-sm {
    margin-top: 0px;
}

.contact-box ul li>span.cellphone span.working-hours {
    padding-left: 50px;
}

.checkout-box {
    border-radius: 23px;
}

.contact-box ul li span a:hover {
    color: #4400a3;
    text-decoration: underline !important;
}

.order-summary-inner {
    border-radius: 23px;
}

.cart-item-name a {
    font-weight: 500;
}

#checkoutContent .helper {
    border-radius: 23px;
    border: 1px solid #cfcfcf;
}

button#submit-order {
    padding: 10px 30px;
}

#checkoutContent .form-control {
    border-radius: 23px;
}

.unit-value {
    color: #000000;
}

.cart-widget-product-name span.product-appendix {
    justify-content: flex-start;
    width: 100% !important;
    display: flex;
}

.cart-widget-product-name a {
    line-height: 18px;
}

.cart-widget-button {
    padding: 30px 0 15px;
}

.next-step.next-step--cart>p {
    background-color: #25f45b30;
    border: 1px solid #25f45b;
    border-radius: 23px;
    padding: 30px 35px;
    text-align: center;
    margin-top: 30px !important;
}

.order-summary-inner span.product-appendix {
    justify-content: flex-start;
}

input.form-control {
    border-radius: 100vw;
    padding-left: 25px;
    padding-right: 25px;
}

.cart-related-button a.btn.btn-sm.btn-primary {
    border-radius: 100vw;
    width: 110px;
}

/*Navigation*/
#navigation .menu-level-3 li a {
    font-size: 14px;
}

@media (min-width: 768px) {
    .navigation-in>ul>li.ext>ul>li>div>ul {
        line-height: 18px;
        max-height: 36px;
    }
}

@media (min-width: 768px) {
    .navigation-in>ul>li.ext>ul>li>a {
        padding: 15px;
    }
}

li.menu-item-3641>a>b,
li.menu-item-1199>a>b {
    color: #6c00ff !important;
}

/*Next to carousel banners*/
span.extended-banner-texts span.extended-banner-title {
    left: unset;
    right: unset;
    font-size: 44px;
    font-weight: 400;
    padding: 0;
    position: static;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
    margin-bottom: 5px;
}

span.extended-banner-texts span.extended-banner-text {
    left: unset;
    right: unset;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    position: static;
    width: 100%;
    text-align: center;
}

.next-to-carousel-banners .banner-wrapper:nth-child(2) span.extended-banner-texts * {
    color: #6c00ff !important;
}

.next-to-carousel-banners .banner-wrapper:nth-child(1) span.extended-banner-texts {
    background-color: rgba(108, 0, 255, 0.5);
}

.next-to-carousel-banners .banner-wrapper:nth-child(2) span.extended-banner-texts {
    background-color: rgb(37 244 91 / 80%);
}

.next-to-carousel-banners .banner-wrapper a:hover img {
    transform: scale(1.2);
}

/*Cookies*/
@media (min-width: 992px) {
    .siteCookies__button:hover {
        background-color: #6c00ff;
    }
}

@media (hover: hover) {
    .siteCookies__link:hover {
        background: #6c00ff;
        border-color: #6c00ff;
        color: #fff;
        transition: 0.3s;
    }
}

.siteCookies__link {
    border: 2px solid #6c00ff;
    color: #6c00ff;
    transition: 0.3s;
}

/*Products block*/
.products-block>div .p .p-bottom>div .p-tools .btn,
.products-block>div .p .p-bottom>div .p-tools .btn.btn-cart {
    border-radius: 40px;
}

.p-in-in span[data-micro=name] {
    font-size: 20px;
    line-height: 22px;
    text-align: left;
    padding: 0px !important;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.p-in-in a.name {
    padding: 0 !important;
    text-align: left;
    height: 48px !important;
}

.p-in-in a.name .product-appendix {
    width: 100%;
}

.p .p-bottom>div {
    display: flex;
    padding-left: 0px;
    padding-right: 0px;
    align-items: flex-start;
    text-align: left;
}

.p .p-bottom>div .p-tools {
    text-align: right;
    padding: 0 !important;
}

.btn.btn-cart {
    color: #6c00ff;
    text-transform: uppercase;
    font-weight: 500 !important;
}

.btn.btn-cart:hover {
    color: #6c00ff !important;
}

.products-block>div .p .p-bottom .prices,
.products-block>div .p .p-bottom .p-tools {
    width: 50% !important;
}

.products-block>div .p .p-bottom>div .prices {
    justify-content: flex-start;
}

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

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

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

.widget-parameter-wrapper.justified {
    justify-content: flex-start;
}

.product-slider-navigation {
    opacity: 1 !important;
}

.product-slider-holder .product-slider-navigation:before {
    font-size: 32px;
    height: 50px;
    width: 50px;
}

.product-slider-holder .product-slider-navigation {
    height: 50px;
    width: 50px;
}

.product-slider-holder .product-slider-navigation:before {
    color: #6c00ff;
    transition: 0.3s;
}

.product-slider-holder.has-navigation {
    padding-left: 50px;
    padding-right: 50px;
}

.product-slider-holder .product-slider-navigation:hover:before {
    color: #25f45b;
    transition: 0.3s;
}

.products-block>div .p .p-bottom>div .p-tools {
    align-items: end !important;
}

.products-block>div .p .p-bottom>div .p-tools .btn,
.products-block>div .p .p-bottom>div .p-tools .btn.btn-cart {
    min-width: 120px;
    margin: 0px;
}

.widget-parameter-wrapper .widget-parameter-value a {
    padding: 0 0px;
}

.widget-parameter-wrapper .widget-parameter-value {
    padding-left: 5px;
}

.widget-parameter-wrapper .widget-parameter-value a:hover {
    color: #6c00ff;
}

.products-inline.products-top>div .p .p-in .p-in-in a.name {
    height: unset !important;
}

.products-block>div .p .p-bottom>div .prices {
    padding-right: 10px;
}

.products-block>div .p .flags.flags-default {
    left: -40px;
    top: 10px;
}

/*Product*/
a.shp-tab-link {
    background-color: #f7f7f7 !important;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;
}

div#rate-form textarea.form-control {
    border-radius: 23px;
    resize: none;
}

div#rate-form .btn.btn-sm {
    padding: 10px 16px;
    background-color: #25f45b;
    border-color: #25f45b;
    color: #6c00ff;
    font-weight: 500;
}

div#rate-form .btn.btn-sm:hover {
    background-color: #07ca3b;
    border-color: #07ca3b;
}

@media (min-width: 768px) {
    .vote-form .col-xs-12 .form-group>.form-control {
        width: calc(50% - 15px) !important;
    }
}

.rate-list .stars a.star-off:before,
.rate-list .stars span.star-off:before,
.rate-list .stars .star.star-on:before {
    color: #EACF60;
}

.rate-wrap.row {
    margin-left: 0px;
    margin-right: 0px;
}

.basic-description p span img {
    max-width: 450px;
    margin-top: 50px;
}


div#ratingTab .rate-average-wrap.col-xs-12.col-sm-6 {
    padding-left: 0px !important;
}

.shp-tabs-wrapper .tab-content .tab-pane {
    width: 100% !important;
}

.type-product .products-wrapper .product .stars-wrapper {
    display: none;
}

div#ratingTab .rate-average-wrap span.stars.star-list {
    height: unset !important;
}

div#ratingTab .rate-average-wrap .stars a {
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin-right: 5px;
}

div#ratingTab .rate-average-wrap .stars a:before {
    font-size: 30px;
    line-height: 30px;
}

.type-product div#tab-content {
    padding: 0px 20px;
}

#ratingsList {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 40px !important;
    align-items: stretch !important;
}

.quantity .decrease:hover:before,
.quantity .decrease {
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px;
}

.quantity .increase:hover:before,
.quantity .increase {
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
}

.quantity {
    border-radius: 23px;
}

/*HP Categories wrapper*/
.hp-categories-wrapper .hp-category:hover img {
    scale: 1.5;
    transition: 0.3s;
    cursor: pointer;
}

.hp-categories-wrapper .hp-category img {
    transition: 0.3s;
}

.hp-categories-wrapper .hp-category a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hp-categories-wrapper .hp-category span.heading {
    line-height: 48px;
}

/*owl-carousel*/
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel.owl-drag .owl-item {
    min-height: 100% !important;
}

.owl-carousel.owl-drag .owl-item .vote-wrap {
    padding: 20px 30px;
    margin-bottom: 0px;
    height: 100%;
}

.ratings__header .header-right span.rate-star-wrap {
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.banner-rating .header-right .rate-list .stars span.star-off:before {
    content: "\e91c" !important;
    color: #EACF60;
}

.rating-wrapper-pw a.show-more:after {
    content: "\e90c";
    font-family: shoptet;
    margin-left: 10px;
    font-size: 12px;
}

.show-more-wrapper {
    display: flex;
    align-items: center;
}

.stars a.star-off:before,
.stars span.star-off:before {
    color: #25F45B;
}

.banner-rating.row.container-narrow .rate-items.ratings-banner {
    padding-left: 40px;
    padding-right: 40px;
}

.vote-wrap .vote-header .vote-name {
    font-size: 24px;
    color: #494947;
}

.banner-rating.row.container-narrow .homepage-group-title.h4 {
    color: black !important;
    font-weight: 400;
}

.banner-rating.row.container-narrow {
    width: 100%;
}

.vote-summary span.stars {
    width: 145px !important;
    height: 24px;
}

.vote-summary span.stars span {
    height: 24px;
    line-height: 24px;
    width: 29px;
}

.vote-summary .stars span:before {
    font-size: 24px;
    line-height: 24px;
}

.vote-content.is-collapsed {
    max-height: 82px;
    overflow: hidden;
}

.vote-toggle {
    display: inline-block;
    margin-top: 10px;
    color: #7715ff;
    cursor: pointer;
    font-size: 16px;
    text-decoration: underline;
}

.vote-toggle:hover {
    color: #5207ba;
}

.vote-toggle:hover {
    text-decoration: underline;
}

.vote-wrap .vote-content {
    overflow-y: hidden;
}

/*Footer*/
footer .footer-phone,
footer .footer-mail {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.footer-phone:before {
    content: url(/user/documents/upload/icons/footer-telefon.svg);
    width: 32px;
    margin-top: 3px;
}

.footer-mail:before {
    content: url(/user/documents/upload/icons/footer-email.svg);
    width: 32px;
    margin-top: 3px;
}

footer .footer-phone p {
    margin-bottom: 0;
}

.footer-mail p {
    margin-bottom: 0px;
}

/*HP Flavors*/
.wrapper-flavors .flavor:hover .flavor-background {
    background-color: #25f45b;
    transition: 0.3s;
}

.wrapper-flavors .flavor:hover {
    cursor: pointer;
}

.wrapper-flavors .flavor a {
    width: 100%;
}

/*Page*/
.type-page .container {
    max-width: 1920px !important;
}

/* .content {
    padding-left: 40px;
    padding-right: 40px;
} */

@media (min-width: 768px) {
    .breadcrumbs {
        padding-top: 20px;
    }
}

.orange-text {
    color: #ff6600;
}

.green-text {
    color: #07ca3b;
}

.type-page article.pageArticleDetail p {
    margin: 0 0 11px !important;
}

.row.bonus h2 {
    margin-top: 40px;
}

.row.bonus .col-sm-12 {
    margin-bottom: 20px;
}

img.img404 {
    border-radius: 23px;
}

.spotrebni-dan h3 {
    margin-top: 40px;
}

.row.overeni-veku h2,
.row.overeni-veku h3 {
    margin-top: 40px;
}

.row.overeni-veku .video-wrapper {
    margin-top: 80px;
    margin-bottom: 80px;
    text-align: center;
}

.row.overeni-veku .video-wrapper p {
    font-size: 21px;
}

.row.overeni-veku.zodpovedny-prodejce {
    text-align: center;
    margin-top: 40px;
}

.row.overeni-veku.zodpovedny-prodejce p a {
    font-weight: 700;
    font-size: 21px;
}

button.btn.btn-primary.js-try-search-button {
    border-radius: 23px;
}

p.warning {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    padding-top: 25px !important;
}

.in-kontakt .col-sm-6.formular textarea.form-control {
    border-radius: 23px !important;
    resize: none;
}

.in-kontakt .contact-form-wrapper {
    border-radius: 23px;
    padding: 30px 40px 50px;
    background-color: #6c00ff;
    color: #ffffff;
}

.in-kontakt .contact-form-wrapper h2,
.in-kontakt .contact-form-wrapper a {
    color: #ffffff;
}

.in-kontakt .contact-form-wrapper h2 {
    font-size: 32px;
}

.in-kontakt .contact-form-wrapper form#formContact {
    margin-top: 30px;
}

.in-kontakt .contact-form-wrapper input.btn.btn-primary {
    background-color: #25f45b;
    border-color: #25f45b;
    color: #ffffff;
    font-weight: 500;
    transition: 0.3s;
}

.in-kontakt .contact-form-wrapper input.btn.btn-primary:hover {
    background-color: #07ca3b;
    border-color: #07ca3b;
    color: #ffffff;
    transition: 0.3s;
}

/*Hodnocení obchodu*/
.vote-wrap {
    border-left-style: solid;
    border-left-width: 1px;
}

.vote-wrap {
    border-color: #cfcfcf4f;
}

body.in-hodnoceni-obchodu footer#footer {
    margin-top: 150px;
}

body.in-hodnoceni-obchodu #ratingsList {
    margin-top: 80px;
}

body.in-hodnoceni-obchodu .rate-wrapper.unveil-wrapper .rate-count.active {
    right: -50px;
}

.in-hodnoceni-obchodu .rate-average-wrap .rate-average-inner {
    margin-bottom: 20px;
}

.in-hodnoceni-obchodu .rate-average-wrap .stars a:before,
.in-hodnoceni-obchodu .rate-average-wrap .stars span:before {
    font-size: 24px;
    line-height: 24px;
}

.in-hodnoceni-obchodu .rate-average-wrap .stars a,
.in-hodnoceni-obchodu .rate-average-wrap .stars span {
    height: 24px;
    line-height: 24px;
    width: 29px;
}

.in-hodnoceni-obchodu .rate-average-wrap .stars {
    height: 29px;
}

.owl-item.active {
    padding: 2px !important;
}

.rate-average-wrap .rate-average {
    color: #6c00ff;
    font-size: 450% !important;
    font-weight: 600;
}

.carousel-buttons-group {
    flex-wrap: wrap;
}

.vote-wrap {
    border: 1px solid #cfcfcf4f;
    border-radius: 23px;
}

.carousel-buttons-group {
    max-width: calc(100% - 60px);
}

/*User*/
.in-login form#formLogin {
    max-width: 1000px;
}

.in-registrace form#register-form {
    max-width: 1500px;
}

.customer-page .sidebar-inner>div {
    border-color: #6c00ff;
    border-radius: 23px;
    margin-top: 0px;
}

.customer-page .content-wrapper-in {
    padding-left: 20px;
    padding-right: 20px;
}

.customer-page .sidebar-inner>div ul {
    padding-left: 30px;
}

.customer-page .sidebar-inner>div ul li {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}

.customer-page .sidebar-inner>div ul li:not(.logout) a:hover {
    color: #4400a3;
    text-decoration: underline;
}

.customer-page .sidebar-inner>div ul li.logout a.btn {
    background-color: #25f45b;
    border-color: #25f45b;
    border-radius: 40px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 14px 15px;
    transition: 0.3s;
}

.customer-page .sidebar-inner>div ul li.logout a.btn:hover {
    transition: 0.3s;
    background-color: #07ca3b;
    border-color: #07ca3b;
}

.customer-page form#register-form .phone-combined-input,
.customer-page form.csrf-enabled .phone-combined-input,
.customer-page select#billCountryId,
.customer-page select#deliveryCountryId {
    max-width: 100%;
}

.customer-page form#register-form input#billZip,
.customer-page form.csrf-enabled input#deliveryZip {
    width: 100%;
}

/*Kategorie*/
.subcategories li {
    width: calc(100% / 8);
}

.subcategories li a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 100%;
    padding: 15px;
    height: auto;
}

.subcategories li a .image {
    height: 100px;
    margin: 0 0 10px;
    width: 100% !important;
    padding-right: 0px;
}

.subcategories li a .image img {
    max-width: 100%;
}

.subcategories li a .text {
    flex-grow: 1;
    text-align: center;
    font-weight: 500;
}

.subcategories.with-image li a .text {
    max-width: 90%;
}

.category-perex li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.category-perex ul li:before {
    margin: 0px 10px 0 -25px;
}

.category-perex ul li p {
    margin-bottom: 0px !important;
}

.products-top-wrapper {
    margin-top: 50px;
}

h2#productsTopHeading {
    font-size: 21px;
}

button.chevron-after.chevron-down-after.toggle-top-products.btn {
    margin-top: 20px;
    margin-bottom: 20px;
    transition: 0.3s;
}

button.chevron-after.chevron-down-after.toggle-top-products.btn:hover {
    color: #4400a3;
    transition: 0.3s;
}

.products-top-wrapper .p-in-in span[data-micro=name] {
    font-size: 18px;
    color: #000000;
}

.products-top-wrapper .p-in-in a.name .product-appendix {
    font-size: 16px;
}

.products-top-wrapper .products-inline>div {
    margin-bottom: 20px;
}

.type-category .category-top .toggle-wrapper {
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.type-category .category-top .toggle-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    transition: 0.3s;
    content: url('/user/documents/upload/icons/arrowdown.png');
    transform: rotate(0deg);
}

.type-category .category-top .toggle-icon.expanded {
    transform: rotate(180deg);
}

button.loadMore__button,
.pagination .pagination__list .pagination__link,
.pagination .pagination__list .pagination__link:hover,
div#listSortingControls {
    border-radius: 23px;
}

.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button {
    background-color: #25f45b;
    border-radius: 23px;
    color: #6c00ff;
    font-weight: 500;
}

.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover {
    background-color: #07ca3b;
    border-color: #07ca3b;
    color: #6c00ff;
}

.filters-wrapper .filters-unveil-button-wrapper .unveil-button:after {
    margin-left: 10px;
}

/*Články*/
.type-posts-listing div#content-wrapper,
.type-post div#content-wrapper {
    max-width: 1920px;
}

article.news-item {
    border: 1px solid #cfcfcf4f;
    border-radius: 23px;
    padding: 25px 25px !important;
}

.next-prev.text-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.news-wrapper .news-item .news-image {
    border-radius: 23px;
}

div#newsWrapper {
    padding-bottom: 18px;
}

.next-prev.text-center a.btn.btn-default {
    color: #6c00ff !important;
    border-radius: 23px;
    font-weight: 500;
}

/*Rozšířená objednávka*/
.advanced-order .products-block>div .p .p-bottom .prices,
.advanced-order .products-block>div .p .p-bottom .p-tools {
    width: 100% !important;
}

.advanced-order .products-block>div .p {
    padding: 24px 25px;
}

.advanced-order .products-block>div .p .flags.flags-default {
    left: -25px;
}

/*Cbox*/
#cboxContent {
    border-radius: 23px;
}

button#cboxClose {
    background-color: transparent !important;
    right: 5px;
    top: 5px;
}

#cboxLoadedContent .advancedOrder__buttons a.btn.btn-conversion {
    color: #6c00ff;
    text-transform: uppercase;
    font-weight: 500;
}

/*Global*/
.smart-labels-active .smart-label-wrapper label {
    padding: 0 0 0 25px;
}

input.btn.btn-secondary.btn-text.btn-login {
    border-radius: 40vw;
    margin-top: 20px;
}

a.btn.btn-conversion {
    border-radius: 100vw;
}

input.btn.btn-secondary.btn-text.btn-login {
    background-color: #25f45b;
    border-color: #25f45b;
    font-weight: 500;
    font-size: 16px !important;
}

input.btn.btn-secondary.btn-text.btn-login:hover {
    transition: 0.3s;
    background-color: #07ca3b;
    border-color: #07ca3b;
}

input.btn.btn-primary,
a.btn.btn-secondary {
    border-radius: 23px;
}

.ui-slider-horizontal .ui-slider-handle {
    border-radius: 6px;
}

.slider-content {
    border-radius: 23px;
}

.in-index main#content .row.banners-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*Responzivita*/
@media(max-width: 2150px) and (min-width: 1921px) {
    .vote-wrap .vote-header .vote-name {
        font-size: 21px;
    }

    .owl-carousel.owl-drag .owl-item .vote-wrap {
        padding: 20px 20px;
    }

    .ratings__header .header-left {
        width: 260px;
    }

    .ratings__header .header-right {
        width: calc(100% - 260px);
    }

    .vote-summary .stars span:before {
        font-size: 20px;
        line-height: 20px;
    }

    .vote-summary span.stars span {
        height: 20px;
        line-height: 20px;
        width: 24px;
    }

    .ratings__header .header-right>div .stars {
        width: 45px !important;
    }

    .ratings__header .rate-block {
        margin-right: 65px;
    }

    .popup-widget.login-widget:before {
        right: unset;
        left: 125px;
    }
}

@media(max-width: 2000px) and (min-width: 1921px) {
    .welcome {
        padding: 80px 210px;
        padding-right: 30%;
    }

    .footer-newsletter-wrapper {
        padding: 45px 90px;
    }
}

@media (max-width: 1920px) and (min-width: 1720px) {
    .welcome {
        padding: 60px 190px;
        padding-right: 400px;
    }

    .welcome h1 {
        font-size: 31px;
        line-height: 35px;
    }
}

@media (max-width: 1920px) and (min-width: 1670px) {
    .popup-widget.login-widget:before {
        right: unset;
        left: 240px !important;
    }
}

@media (max-width: 1920px) and (min-width: 1440px) {
    .half-banner.bottom-banner.tip .text p {
        font-size: 16px;
        line-height: 22px;
    }

    .half-banner.bottom-banner.tip span.heading {
        font-size: 36px;
        line-height: 40px;
    }

    .half-banner.bottom-banner.tip .text {
        padding: 0px 25px;
    }

    .full-banner.bottom-banner.bonus .image {
        width: 40%;
    }

    .full-banner.bottom-banner.bonus .text {
        width: 50%;
    }

    .full-banner.bottom-banner.bonus .text span.heading {
        font-size: 36px;
        line-height: 40px;
    }

    .full-banner.bottom-banner.bonus .text p {
        font-size: 16px;
        line-height: 22px;
    }

    .ratings__header,
    .rate-items.ratings-banner {
        width: 100% !important;
    }

    .rate-items.ratings-banner {
        margin-top: 50px;
    }

    .one-column-body table.detail-parameters tbody tr th {
        min-width: 160px;
    }

    .description-inner .extended-description {
        padding: 20px 25px;
        width: 40%;
    }

    .description-inner .basic-description {
        padding-right: 60px;
        width: 60%;
    }

    .type-product #ratingsList {
        display: flex !important;
        flex-wrap: wrap;
        gap: 20px !important;
    }

    .type-product #ratingsList .vote-wrap {
        width: calc(100% / 3 - 40px / 3);
    }

    .top-navigation-bar .container>div.top-navigation-tools {
        flex: 1 1 300px !important;
    }

    .top-navigation-bar .container>div.top-navigation-menu {
        flex: 1 1 calc(100% - 300px) !important;
    }

    #header .navigation-buttons a,
    #header .navigation-buttons button.top-nav-button-login {
        margin-left: 40px;
    }

    .fvscn-notification {
        padding: 0px !important;
    }

    #header .header-top-wrapper .site-name {
        width: 300px !important;
        flex: 0 1 300px;
    }

    #header .header-top-wrapper>div.search {
        flex: 0 1 calc(100% - 720px) !important;
    }

    #header .header-top-wrapper>div.navigation-buttons {
        flex: 0 1 420px !important;
    }

    .footer-newsletter-wrapper {
        width: 90%;
        padding: 45px 120px;
    }

    .advanced-order .products-block>div .p .p-bottom .prices,
    .advanced-order .products-block>div .p .p-bottom .p-tools {
        width: 100% !important;
    }

    #checkoutContent {
        padding-right: 20px;
    }

    .columns-4 .products-block>div {
        width: calc(100% / 3);
    }

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

    .products-block>div .p .flags.flags-default {
        left: -15px;
    }

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

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

    .products-block>div .p .p-bottom .prices,
    .products-block>div .p .p-bottom .p-tools {
        width: 100% !important;
    }

    .p .p-bottom>div {
        flex-wrap: wrap;
    }

    .products-block>div .p .p-bottom>div .p-tools {
        align-items: start !important;
        margin-top: 10px;
    }

    .products-block>div .p .p-bottom>div .p-tools .pr-action {
        display: flex;
        justify-content: flex-start;
    }

    .wrapper-flavors .flavor .flavor-background img {
        height: 90px;
    }

    .popup-widget.login-widget:before {
        right: unset;
        left: 125px;
    }

    .popup-widget {
        margin-left: 210px;
    }
}

@media(max-width: 1820px) and (min-width: 1440px) {
    .popup-widget.cart-widget {
        margin-left: 200px;
    }
}

@media (max-width: 1719px) and (min-width: 1440px) {
    .welcome {
        padding: 60px 165px;
        padding-right: 320px;
    }

    .welcome h1 {
        font-size: 31px;
        line-height: 35px;
    }

    .welcome-image {
        top: 12.5%;
        height: 75%;
    }
}

@media(max-width: 1620px) and (min-width: 1440px) {
    .co-basic-information .form-group select {
        min-width: 200px !important;
    }
}

@media(max-width: 1530px) and (min-width: 1440px) {
    .product .widget-parameter-wrapper {
        display: none;
    }

    .hp-categories-wrapper {
        gap: calc(3 * 10px / 2);
    }

    .hp-categories-wrapper .hp-category.short {
        width: calc(25% - 10px);
    }

    .hp-categories-wrapper .hp-category.long {
        width: calc(50% - 10px);
    }

    .hp-categories-wrapper .hp-category span.heading {
        font-size: 38px;
        line-height: 42px;
    }
}

@media(max-width: 1439px) and (min-width: 1200px) {
    .top-navigation-bar-menu-helper {
        top: 36px;
    }

    #header .header-top-wrapper .site-name {
        flex: 0 1 300px;
    }

    #header .header-top-wrapper .navigation-buttons {
        flex: 0 1 405px;
    }

    #header .header-top-wrapper .search {
        flex: 0 1 calc(100% - 705px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .fvscn-notification {
        padding: 0px !important;
    }

    .navigation-buttons button.top-nav-button-login,
    #header .navigation-buttons a {
        margin-left: 30px;
    }

    .in-index .row.banners-row>div.col-sm-4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    a#continue-order-button,
    button#orderFormButton {
        display: flex;
        justify-content: center;
    }

    .products-top-wrapper .p-in-in span[data-micro=name] {
        font-size: 16px;
        line-height: 20px;
    }

    .products-top-wrapper .p-in-in a.name .product-appendix {
        font-size: 14px;
    }

    .products-top-wrapper .p-in-in .availability {
        font-size: 14px;
    }

    .subcategories li a .image {
        max-height: 100px;
    }

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

    .description-inner .basic-description {
        width: 60% !important;
    }

    .description-inner .extended-description {
        width: 40%;
    }

    .description-inner .extended-description {
        padding: 20px 20px;
    }

    .one-column-body table.detail-parameters tbody tr th {
        min-width: 170px;
    }

    #ratingsList {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .top-navigation-bar .container>div.top-navigation-tools {
        flex: 1 1 300px !important;
    }

    .top-navigation-bar .container>div.top-navigation-menu {
        flex: 1 1 calc(100% - 300px) !important;
    }

    .products-block>div.product {
        padding-left: 5px;
        padding-right: 5px;
    }

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

    .product .widget-parameter-wrapper {
        display: none;
    }

    .products-block>div .p .flags.flags-default {
        left: -20px;
        top: 15px;
    }

    .products-block>div .p .p-bottom .prices,
    .products-block>div .p .p-bottom .p-tools {
        width: 100% !important;
    }

    .product-slider-holder {
        padding: 22px 0;
    }

    .p .p-bottom>div {
        flex-wrap: wrap;
    }

    .products-block>div .p .p-bottom>div .p-tools {
        align-items: start !important;
        margin-top: 10px;
    }

    .products-block>div .p .p-bottom>div .p-tools .pr-action {
        display: flex;
        justify-content: flex-start;
    }

    .hp-categories-wrapper {
        gap: calc(3 * 10px / 2);
    }

    .hp-categories-wrapper .hp-category.short {
        width: calc(25% - 10px);
    }

    .hp-categories-wrapper .hp-category.long {
        width: calc(50% - 10px);
    }

    .hp-categories-wrapper .hp-category span.heading {
        font-size: 38px;
        line-height: 42px;
    }

    .wrapper-flavors .flavor .flavor-background img {
        height: 85px;
    }

    .wrapper-flavors .flavor span.title {
        margin-top: 20px !important;
    }

    .wrapper-bottom-banners {
        margin-top: 100px !important;
    }

    .half-banner.bottom-banner.tip .text {
        padding: 0px 30px;
    }

    .half-banner.bottom-banner.tip span.heading,
    .half-banner.bottom-banner.nikopedie span.heading,
    .full-banner.bottom-banner.bonus .text span.heading {
        font-size: 34px;
        line-height: 38px;
    }

    .half-banner.bottom-banner.tip .text p,
    .half-banner.bottom-banner.nikopedie .text p,
    .full-banner.bottom-banner.bonus .text p {
        font-size: 16px;
        line-height: 20px;
    }

    .full-banner.bottom-banner.bonus .image {
        width: 35%;
    }

    .full-banner.bottom-banner.bonus .text {
        width: 65%;
    }

    .ratings__header,
    .rate-items.ratings-banner {
        width: 100% !important;
    }

    .rate-items.ratings-banner {
        margin-top: 50px;
    }

    .welcome {
        padding: 70px 140px;
        margin-right: unset;
        padding-right: unset;
    }

    .welcome h1 {
        width: calc(100% - 420px);
        font-size: 32px;
        line-height: 42px;
    }

    .welcome-text {
        max-width: calc(100% - 420px);
    }

    .welcome-image {
        height: 380px;
    }

    .welcome-image {
        top: 95px;
        right: 20px;
    }

    .footer-newsletter-wrapper {
        padding: 45px 90px;
    }

    .footer-newsletter-wrapper .h4 {
        width: calc(100% - 400px);
        font-size: 32px;
        line-height: 38px;
    }

    .footer-newsletter-wrapper form#formNewsletterWidget {
        max-width: 400px;
    }

    .popup-widget.login-widget:before {
        right: unset;
        left: 200px;
    }

    .cart-widget-button {
        padding: 30px 35px 15px;
    }
}

@media (min-width: 1200px) {
    .news-wrapper {
        gap: 20px;
    }

    .news-wrapper .news-item {
        width: calc(100% / 3 - 20px) !important;
        margin-bottom: 0px !important;
    }
}

@media(max-width: 1199px) {
    .carousel-buttons-group button.slide-switch-button {
        padding: 8px 20px;
        font-size: 14px;
        margin: 0px !important;
    }

    .carousel-buttons-group {
        gap: 5px;
    }
}

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

    .ordering-process .btn.btn-conversion,
    .ordering-process a.btn.btn-conversion {
        justify-content: center;
    }

    .order-summary-item>div:not(.price-wrapper):last-child {
        text-align: left;
    }

    .wrapper-bottom-banners {
        margin-top: 100px !important;
    }

    .half-banner.bottom-banner.tip .text {
        padding: 0px 25px;
    }

    .half-banner.bottom-banner.tip span.heading,
    .half-banner.bottom-banner.nikopedie span.heading,
    .full-banner.bottom-banner.bonus .text span.heading {
        font-size: 28px;
        line-height: 32px;
    }

    .half-banner.bottom-banner.tip .text p,
    .half-banner.bottom-banner.nikopedie .text p,
    .full-banner.bottom-banner.bonus .text p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0px !important;
    }

    .half-banner.bottom-banner.nikopedie .text {
        margin-bottom: 40px;
    }

    .full-banner.bottom-banner.bonus .text {
        width: 60%;
        padding-right: 50px;
    }

    .full-banner.bottom-banner.bonus .image {
        width: 40%;
    }

    .full-banner.bottom-banner.bonus {
        padding: 20px 80px;
    }

    .welcome-wrapper.container-narrow {
        margin-top: 120px;
    }

    .welcome {
        padding: 40px;
        margin-right: 0;
        border-radius: 60px;
    }

    .welcome h1 {
        font-size: 30px;
        line-height: 36px;
        padding-right: 300px;
    }

    .welcome-text {
        padding-right: 300px;
        max-width: unset;
    }

    .welcome-content {
        border-radius: 60px;
        padding-right: 300px;
        padding: 0;
    }

    .welcome-image {
        width: 280px;
        height: 280px;
        right: 30px;
        top: calc(50% - 140px);
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive {
        height: unset !important;
    }

    .in-index .row.banners-row>div .next-to-carousel-banners {
        padding-left: 20px;
        padding-right: 20px;
    }

    #ratingsList {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .content .votes-wrap {
        margin-top: 50px;
    }

    .description-inner .extended-description {
        width: 100%;
        margin-top: 50px;
    }

    .type-page .container {
        max-width: 100% !important;
    }

    .in-kontakt .contact-form-wrapper {
        padding: 15px 30px 35px;
    }

    .top-navigation-bar .container>div.top-navigation-tools {
        flex: 1 1 230px !important;
    }

    .top-navigation-bar .container>div.top-navigation-menu {
        flex: 1 1 calc(100% - 230px) !important;
    }

    .navigation-buttons button.top-nav-button-login>span {
        display: none !important;
    }

    #header .header-top-wrapper .site-name {
        flex: 0 1 250px;
    }

    #header .header-top-wrapper>div.navigation-buttons {
        flex: 0 1 230px;
    }

    #header .header-top-wrapper>div.search {
        flex: 0 1 calc(100% - 480px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-newsletter-wrapper {
        width: calc(100% - 40px);
    }

    .navigation-buttons button.top-nav-button-login,
    #header .navigation-buttons a {
        margin-left: 25px;
    }

    .custom-footer>div {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footer-newsletter-wrapper {
        margin-bottom: 0;
    }

    .footer-newsletter-wrapper {
        padding: 40px 80px;
    }

    .footer-newsletter-wrapper .h4 {
        font-size: 30px;
        line-height: 34px;
    }

    .footer-newsletter-wrapper form#formNewsletterWidget {
        max-width: 430px;
    }

    .advanced-order .product-slider-holder {
        padding-top: 0px;
    }

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

    .subcategories li {
        width: calc(100% / 6);
    }

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

    .products-block>div .p .flags.flags-default {
        left: -20px;
    }

    .products-block>div .p .p-bottom .prices,
    .products-block>div .p .p-bottom .p-tools {
        width: 100% !important;
    }

    .p .p-bottom>div {
        flex-wrap: wrap;
    }

    .products-block>div .p .p-bottom>div .p-tools {
        align-items: start !important;
        margin-top: 10px;
    }

    .products-block>div .p .p-bottom>div .p-tools .pr-action {
        display: flex;
        justify-content: flex-start;
    }

    .ratings__header,
    .rate-items.ratings-banner {
        width: 100% !important;
    }

    .rate-items.ratings-banner {
        margin-top: 50px;
    }

    .product .widget-parameter-wrapper {
        display: none;
    }

    .hp-categories-wrapper .hp-category.short {
        width: calc(25% - 10px);
    }

    .hp-categories-wrapper .hp-category.long {
        width: calc(50% - 10px);
    }

    .hp-categories-wrapper {
        gap: calc(3 * 10px / 2);
    }

    .hp-categories-wrapper .hp-category span.heading {
        font-size: 32px;
        line-height: 36px;
    }

    .row.banners-content.body-banners {
        margin-top: 60px;
    }

    .homepage-group-title {
        margin-top: 80px;
    }

    .flavors-block {
        margin-top: 20px;
    }

    .wrapper-flavors {
        gap: calc(3 * 18px / 2);
    }

    .wrapper-flavors .flavor {
        width: calc(100% / 3 - 18px);
        margin-bottom: 10px;
    }

    .wrapper-flavors .flavor .flavor-background img {
        height: 95px;
    }

    .wrapper-flavors .flavor span.title {
        margin-top: 25px !important;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .news-wrapper {
        gap: 20px;
    }

    .news-wrapper .news-item {
        width: calc(100% / 2 - 10px) !important;
        margin-bottom: 0px !important;
    }

    .type-posts-listing div#content-wrapper,
    .type-post div#content-wrapper {
        max-width: 972px;
    }

    a.top-nav-button.top-nav-button-account span {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .news-wrapper article.news-item {
        padding: 20px 20px !important;
    }

    .news-wrapper article.news-item .description {
        font-size: 14px;
    }

    .news-wrapper article.news-item h2 {
        font-size: 20px;
    }

    .carousel-buttons-group button.slide-switch-button {
        padding: 4px 16px;
        font-size: 12px;
    }

    .wrapper-bottom-banners {
        margin-top: 100px !important;
    }

    .half-banner.bottom-banner.tip .images {
        width: 30%;
    }

    .half-banner.bottom-banner.tip span.heading,
    .half-banner.bottom-banner.nikopedie span.heading {
        font-size: 34px;
        line-height: 38px;
    }

    .half-banner.bottom-banner.tip .text p,
    .half-banner.bottom-banner.nikopedie .text p {
        font-size: 16px;
        margin-bottom: 0px !important;
        line-height: 20px;
    }

    .half-banner.bottom-banner.nikopedie {
        min-height: 260px;
    }

    .full-banner.bottom-banner.bonus {
        padding: 15px 40px;
    }

    .full-banner.bottom-banner.bonus .text {
        width: 60%;
        padding-right: 40px;
    }

    .full-banner.bottom-banner.bonus .text span.heading {
        font-size: 28px;
        line-height: 32px;
    }

    .full-banner.bottom-banner.bonus .text p {
        font-size: 16px;
        line-height: 18px;
    }

    .full-banner.bottom-banner.bonus .image {
        width: 40%;
    }

    .welcome {
        margin-right: unset;
        padding-right: unset;
        padding: 0px;
        border-radius: 80px;
        padding: 350px 30px 50px;
    }

    .welcome-text p {
        text-align: center;
    }

    .welcome-content {
        padding: 0px;
    }

    .welcome h1 {
        font-size: 32px;
        line-height: 34px;
        text-align: center;
    }

    .welcome-image {
        top: 40px;
        left: calc(50% - 140px);
    }

    .banner-rating.row.container-narrow {
        margin-top: 80px;
    }

    .banner-rating.row.container-narrow {
        margin-bottom: 165px;
    }

    .subcategories li {
        width: 25%;
    }

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

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

    .description-inner .extended-description {
        background-color: #f7f7f7;
        border-radius: 23px;
        padding: 28px 32px;
        margin-top: 50px;
    }

    #accordion-content .shp-accordion {
        padding-top: 30px;
    }

    #ratingsList {
        display: flex !important;
        flex-wrap: wrap;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100%;
        margin-top: 50px;
    }

    #ratingsList .vote-wrap {
        width: calc(50% - 10px) !important;
    }

    .advanced-order .h1 {
        margin-bottom: 45px;
    }

    .ao-product {
        margin-bottom: 45px;
    }

    .advanced-order .extras-wrap .extra {
        text-align: center;
    }

    .advanced-order .extra .price-range {
        margin-left: auto;
        margin-right: auto;
    }

    .customer-page .sidebar-inner>div.box-sm {
        padding: 10px;
    }

    .customer-page .sidebar-inner {
        padding-right: 10px;
    }

    .customer-page .sidebar-inner>div ul li {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .searchWhisperer__products__listItem {
        flex-basis: 50%;
    }

    .cart-inner .cart-table tbody tr[data-micro=cartItem] {
        border: none;
        border-radius: 23px;
    }

    input#discountCouponCode {
        border-top-left-radius: 23px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 23px !important;
        border-bottom-right-radius: 0px !important;
    }

    .in-kontakt article .row .col-sm-6.udaje,
    .in-kontakt article .row .col-sm-6.formular {
        width: 100%;
    }

    .in-kontakt article .row .col-sm-6.formular {
        margin-top: 50px;
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive {
        height: unset !important;
    }

    .products-block>div .p .p-bottom .prices,
    .products-block>div .p .p-bottom .p-tools {
        width: 100% !important;
    }

    .p .p-bottom>div {
        flex-wrap: wrap;
    }

    .products-block>div .p .p-bottom>div .p-tools {
        align-items: start !important;
        margin-top: 10px;
    }

    .products-block>div .p .p-bottom>div .p-tools .pr-action {
        display: flex;
        justify-content: flex-start;
    }

    .hp-categories-wrapper {
        gap: 20px;
    }

    .hp-categories-wrapper .hp-category.short {
        width: calc(50% - 10px);
    }

    .hp-categories-wrapper .hp-category.long {
        width: 100%;
    }

    .hp-categories-wrapper .hp-category span.heading {
        font-size: 46px;
        line-height: 50px;
    }

    .wrapper-flavors .flavor {
        width: calc(100% / 3 - 18px);
        margin-bottom: 10px;
    }

    .wrapper-flavors .flavor .flavor-background img {
        height: 90px;
    }

    .wrapper-flavors .flavor span.title {
        margin-top: 20px !important;
    }

    .wrapper-bottom-banners .half-banner {
        width: 100%;
    }

    .footer-newsletter-wrapper {
        width: 95%;
        padding: 30px 80px;
        flex-wrap: wrap;
        border-radius: 80px;
    }

    .footer-newsletter-wrapper .h4 {
        width: 100%;
        font-size: 28px;
        line-height: 30px;
        margin-top: 0px;
    }

    .footer-newsletter-wrapper form#formNewsletterWidget {
        width: 100%;
    }

    .custom-footer>div {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ratings__header,
    .rate-items.ratings-banner {
        width: 100% !important;
    }

    .rate-items.ratings-banner {
        margin-top: 50px;
    }

    .banner-rating.row.container-narrow {
        padding: 0 !important;
    }

    .vote-wrap .vote-header .vote-name {
        font-size: 21px;
    }

    #header .header-top-wrapper .site-name {
        flex: 0 1 200px;
    }

    #header .header-top-wrapper>div.navigation-buttons {
        flex: 0 1 210px;
    }

    #header .header-top-wrapper>div.search {
        flex: 0 1 calc(100% - 410px);
        padding-left: 20px;
        padding-right: 0px;
    }

    .navigation-buttons button.top-nav-button-login>span {
        display: none !important;
    }

    .navigation-buttons button.top-nav-button-login,
    #header .navigation-buttons a {
        margin-left: 20px;
    }

    .fvscn-notification {
        padding: 0px !important;
    }

    input.form-control {
        padding-left: 15px;
    }

    .search-input-icon {
        width: 90px;
    }

    #header .header-top {
        padding: 15px 0 5px !important;
    }

    .top-navigation-bar .container>div.top-navigation-tools {
        flex: 1 1 180px !important;
    }

    .top-navigation-bar .container>div.top-navigation-menu {
        flex: 1 1 calc(100% - 180px) !important;
    }

    .in-index .row.banners-row>div.col-sm-4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extended-banner-texts {
        padding: 20px;
    }

    span.extended-banner-texts span.extended-banner-title {
        font-size: 28px;
        line-height: 30px;
    }

    span.extended-banner-texts span.extended-banner-text {
        font-size: 14px;
    }

    .homepage-group-title {
        margin-top: 80px;
    }

    .product-slider-holder {
        padding: 20px 0;
    }

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

    .product .widget-parameter-wrapper {
        display: none;
    }

    .login-widget .popup-widget-inner {
        padding-left: 10%;
        padding-right: 10%;
    }

    div#cart-widget .popup-widget-inner.cart-widget-inner {
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 20px;
    }

    div#cart-widget {
        border-radius: 0px;
    }
}

@media (min-width: 768px) {
    .menu-helper>span {
        color: #434342;
        font-size: 16px;
        font-weight: 400;
    }
}

@media (max-width: 767px) {
    .news-wrapper article.news-item {
        padding: 20px 15px !important;
        margin-bottom: 20px;
    }

    .news-wrapper article.news-item .description {
        font-size: 14px;
    }

    .news-wrapper article.news-item h2 {
        font-size: 20px;
    }

    .sectionDescription p {
        font-size: 14px;
    }

    .in-nikotinova-encyklopedie h1 {
        font-size: 26px;
    }

    /*temp*/
    .navigation-buttons a[href="/klient/"] {
        display: none !important;
    }

    #header .searchWhisperer {
        max-height: calc(var(--vh, 1vh) * 100 - 149px) !important;
    }

    .search-window-visible #header .search {
        box-shadow: 0px 20px 20px 0px #0000000d;
    }

    .carousel-buttons-group {
        max-width: 100% !important;
    }

    .carousel-buttons-group button.slide-switch-button {
        font-size: 0 !important;
    }

    .in-index .row.banners-row>div .next-to-carousel-banners>div {
        min-height: 90px;
    }

    .basic-description p span img {
        max-width: 100% !important;
    }

    .product-slider-holder .product-slider-pagination .pagination-button.active {
        width: 30px;
    }

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

    .overall-wrapper {
        overflow-x: hidden;
    }

    #header .navigation-buttons a {
        width: 60px;
    }

    .navigation-buttons a[data-target=cart]:before {
        margin-right: 0px !important;
    }

    .carousel-control.left {
        left: 10px;
    }

    .carousel-control.right {
        right: 10px;
    }

    .in-index .row.banners-row>div .next-to-carousel-banners {
        padding-left: 10px;
        padding-right: 10px;
    }

    .in-index .row.banners-row>div .next-to-carousel-banners>div {
        width: 100%;
    }

    .in-index .row.banners-row>div .next-to-carousel-banners {
        flex-wrap: wrap;
        gap: 20px;
    }

    .fvscn-notification {
        padding: 0px !important;
        width: 60px;
        justify-content: center;
    }

    .navigation-buttons a[data-target=search]:before {
        line-height: 38px !important;
        height: 38px;
    }

    .popup-widget.cart-widget {
        border-radius: 0px !important;
    }

    .search-window-visible #header .search {
        padding: 15px 10px;
    }

    #header .navigation-buttons a:before {
        font-size: 35px;
    }

    .navigation-buttons a[data-target=navigation] {
        color: #6c00ff;
    }

    .navigation-buttons a[data-target=search]:before {
        content: url(/user/documents/upload/icons/hledat.svg) !important;
        width: 38px;
        display: block;
    }

    .navigation-buttons a.toggle-window[data-target="search"] {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .cart-free-shipping {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cart-widget-inner.popup-widget-inner .cart-widget-products {
        height: calc(100% - 205px);
    }

    .searchWhisperer {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        padding: 0 15px 20px;
        margin-top: 14px;
    }

    li.searchWhisperer__products__listItem .product-appendix {
        justify-content: start;
    }

    .navigation-in>ul.menu-level-1>li {
        background-color: #6c00ff;
    }

    .navigation-in>ul.menu-level-1>li * {
        color: white !important;
        text-decoration: none !important;
    }

    .navigation-in ul.menu-level-2>li {
        background-color: #6300ea;
    }

    #navigation .navigation-in ul li>a>b {
        font-size: 18px;
        line-height: 22px;
    }

    #navigation .navigation-in ul.menu-level-2 li>div>a>span {
        font-size: 16px;
        line-height: 20px;
    }

    .navigation-in>ul.menu-level-1>li.copy {
        background-color: #fff;
    }

    .navigation-in>ul.menu-level-1>li.copy * {
        color: #6c00ff !important;
    }

    footer .footer-phone,
    footer .footer-mail {
        justify-content: center;
    }

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

    .footer-newsletter-wrapper {
        width: 100%;
        padding: 20px 40px;
        flex-wrap: wrap;
        border-radius: 60px;
    }

    .footer-newsletter-wrapper .h4 {
        font-size: 26px;
        line-height: 30px;
    }

    .footer-newsletter-wrapper .h4,
    .footer-newsletter-wrapper .compact-form {
        width: 100%;
    }

    .footer-newsletter-wrapper span.required-asterisk {
        font-size: 14px;
        line-height: 16px;
    }

    .footer-newsletter-wrapper .consents.consents-first {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .footer-newsletter-wrapper .form-control {
        padding-left: 20px;
        font-size: 14px;
    }

    .ratings__header,
    .rate-items.ratings-banner {
        width: 100% !important;
    }

    .rate-items.ratings-banner {
        margin-top: 50px;
    }

    .ratings__header .header-left {
        width: 100%;
    }

    .ratings__header .header-right {
        width: 100%;
        margin-top: 50px;
    }

    .owl-carousel.owl-drag .owl-item .vote-wrap {
        padding: 15px 20px;
    }

    .vote-wrap .vote-header .vote-name {
        font-size: 18px;
    }

    .vote-wrap .vote-content {
        font-size: 14px;
        line-height: 18px;
    }

    .homepage-group-title {
        font-size: 28px;
        line-height: 32px;
    }

    .banner-rating.row.container-narrow .homepage-group-title.h4 {
        margin-bottom: 10px;
    }

    .ratings__header .header-left {
        gap: 20px;
    }

    .homepage-group-title {
        margin-top: 60px;
    }

    .product-slider-holder .product-slider-navigation {
        top: 50%;
    }

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

    .products-block>div .p .flags.flags-default {
        left: -20px;
        top: 13px;
    }

    .products-block .p .name span {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .p-in-in a.name {
        height: 40px !important;
    }

    .products-block>div .p .availability>span {
        font-size: 14px;
        line-height: 18px;
    }

    .products-block>div .p .p-bottom .prices,
    .products-block>div .p .p-bottom .p-tools {
        width: 100% !important;
    }

    .p .p-bottom>div {
        flex-wrap: wrap;
    }

    .products-block>div .p .p-bottom>div .p-tools {
        align-items: start !important;
        margin-top: 10px;
    }

    .products-block>div .p .p-bottom>div .p-tools .pr-action {
        display: flex;
        justify-content: flex-start;
    }

    .products-block>div .p .p-bottom>div .prices {
        padding-right: 0px;
    }

    .widget-parameter-wrapper.justified {
        display: none;
    }

    .products-block>div .p .p-bottom>div .p-tools>.btn:last-child {
        padding: 6px 0px;
    }

    button.btn.btn-cart.add-to-cart-button {
        line-height: 42px;
    }

    .row.banners-content.body-banners {
        margin-top: 60px;
    }

    .hp-categories-wrapper .hp-category.short {
        width: calc(50% - 10px);
    }

    .hp-categories-wrapper .hp-category.long {
        width: 100%;
    }

    .hp-categories-wrapper {
        gap: 20px;
    }

    .row.banners-content.body-banners {
        margin-top: 60px !important;
        margin: auto;
    }

    .hp-categories-wrapper .hp-category span.heading {
        font-size: 35px;
        line-height: 37px;
    }

    .wrapper-flavors {
        gap: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .wrapper-flavors .flavor {
        width: calc(50% - 15px);
    }

    .wrapper-flavors .flavor span.title {
        margin-top: 15px !important;
        margin-bottom: 5px;
    }

    .wrapper-flavors .flavor .flavor-background img {
        height: 90px;
    }

    .flavors-block span.heading {
        margin-bottom: 40px !important;
    }

    .wrapper-bottom-banners {
        margin-top: 80px !important;
    }

    .flag {
        font-size: 12px;
        padding: 4px 8px;
    }

    .flavors-block {
        margin-top: 40px;
    }

    .wrapper-bottom-banners {
        margin-top: 80px !important;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .wrapper-bottom-banners .half-banner {
        width: 100%;
    }

    .half-banner.bottom-banner.tip .images {
        width: 30%;
    }

    .half-banner.bottom-banner.tip span.heading,
    .half-banner.bottom-banner.nikopedie span.heading {
        font-size: 30px;
        line-height: 34px;
    }

    .half-banner.bottom-banner.tip .text p,
    .half-banner.bottom-banner.nikopedie .text p {
        font-size: 14px;
        margin-bottom: 0px !important;
        line-height: 16px;
    }

    .full-banner.bottom-banner.bonus {
        padding: 20px 48px;
    }

    .full-banner.bottom-banner.bonus .text {
        width: 60%;
        padding-right: 25px;
    }

    .full-banner.bottom-banner.bonus .text span.heading {
        font-size: 26px;
        line-height: 30px;
    }

    .full-banner.bottom-banner.bonus .text p {
        font-size: 14px;
        line-height: 16px;
    }

    .full-banner.bottom-banner.bonus .image {
        width: 40%;
    }

    .in-index main#content .container-narrow {
        padding-left: 20px;
        padding-right: 20px;
    }

    .welcome {
        margin-right: unset;
        padding-right: unset;
        padding: 0px;
        border-radius: 80px;
        padding: 250px 20px 10px;
    }

    .welcome-content {
        padding: 0px;
    }

    .welcome h1 {
        font-size: 26px;
        line-height: 30px;
        text-align: center;
    }

    .welcome-image {
        top: 35px;
    }

    .welcome-image {
        width: 200px;
        height: 200px;
    }

    .welcome-wrapper.container-narrow {
        margin-top: 60px;
    }

    .half-banner.bottom-banner.tip .text {
        padding-right: 20px !important;
        width: 70%;
        padding: 0px 30px;
    }

    .half-banner.bottom-banner.tip,
    .half-banner.bottom-banner.nikopedie,
    .full-banner.bottom-banner.bonus {
        height: 180px;
    }

    .subcategories li {
        width: calc(100% / 3);
    }

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

    .products-inline.products-top>div {
        width: 100%;
    }

    h2#productsTopHeading {
        padding-left: 20px;
    }

    button.sortingToggle {
        border-radius: 23px;
        color: #6c00ff;
        border-color: #6c00ff;
    }

    button.chevron-after.chevron-down-after.toggle-top-products.btn {
        margin-top: 0;
        margin-bottom: 0;
    }

    .banner-rating.row.container-narrow {
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
    }

    .advanced-order .products-block>div .p {
        padding: 12px 12px;
    }

    .advanced-order .products-block>div .p .flags.flags-default {
        left: -12px;
    }

    .cart-inner .cart-table tbody tr[data-micro=cartItem] {
        padding: 14px;
        border: 0;
        border-radius: 23px;
    }

    .cart-xyDiscount__banner {
        border-radius: 23px;
    }

    .discount-coupon .form-control {
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .order-summary-inner,
    .order-summary-item {
        border-width: 0px !important;
    }

    .description-inner .extended-description {
        background-color: #f7f7f7;
        border-radius: 23px;
        padding: 28px 32px;
        margin-top: 50px;
    }

    #accordion-content .shp-accordion {
        padding-top: 30px;
    }

    .xyDiscount__banner {
        border-radius: 23px;
    }

    .type-product div#ratingWrapper .rate-wrap.row {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    h2.products-related-header.products-header {
        text-align: center;
        font-size: 28px;
        line-height: 32px;
    }

    #ratingsList {
        display: flex !important;
        gap: 20px !important;
        flex-wrap: wrap;
    }

    #ratingsList .vote-wrap {
        width: 100%;
    }

    .in-kontakt .contact-form-wrapper {
        padding: 20px 30px 40px;
    }

    .in-kontakt .col-sm-6.formular {
        margin-top: 50px;
    }

    .row.overeni-veku .video-wrapper iframe {
        height: 330px;
    }

    .row.overeni-veku .video-wrapper {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .navigation-buttons a[data-target=navigation]:hover {
        color: #6c00ff;
    }

    .popup-widget.cart-widget,
    .popup-widget.login-widget,
    .popup-widget.search-widget {
        top: 80px;
    }
}

@media(max-width: 480px) {

    #header .header-top,
    #header .site-name,
    #header .site-name a {
        height: 70px;
    }

    #header .site-name a img {
        max-height: 70px !important;
        height: 70px !important;
    }

    header .navigation-buttons a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header .header-top a.cart-count i {
        bottom: 4px;
        right: 2px;
    }

    .fvscn-notification .fvscn-headBell .fvscn-headUnread {
        right: 1px !important;
        top: 0px !important;
    }
}

@media(max-width: 479px) {

    .ordering-process .btn.btn-conversion,
    .ordering-process a.btn.btn-conversion {
        justify-content: center !important;
    }

    .price-wrapper {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .price-wrapper .price-label.price-primary,
    .price-wrapper .price.price-primary {
        text-align: left !important;
    }

    input.form-control {
        font-size: 16px;
    }

    .login-wrapper .password-helper a+a {
        padding-top: 0px;
    }

    .login-wrapper {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .login-wrapper a {
        font-size: 14px;
    }

    .advanced-order .h1 {
        font-size: 26px;
    }

    .h2.advanced-order-suggestion {
        font-size: 21px;
    }

    .advanced-order .products-block>div .p .stars-wrapper {
        display: none;
    }

    .products-block>div .p .availability {
        line-height: 16px !important;
    }

    .advanced-order .products-block>div .p {
        padding: 8px 8px;
    }

    .advanced-order .products-block>div .p .flags.flags-default {
        left: -8px;
        top: 14px;
    }

    ol.cart-header li.step>*>span {
        line-height: 16px !important;
        font-size: 14px;
        display: block;
    }

    .in-krok-1 .cart-inner {
        padding-top: 0px;
    }

    .box.co-delivery-method,
    .box.co-payment-method {
        padding: 0px 10px 10px;
    }

    .payment-info {
        max-width: 100%;
        width: 100%;
    }

    .payment-shipping-price {
        text-align: left;
    }

    .radio-wrapper input[type=radio]+label {
        gap: 8px 10px;
    }

    .delivery-point-form table tr {
        display: flex;
        flex-wrap: wrap;
    }

    .delivery-point-form table.table tbody>tr>td {
        min-width: 100%;
    }

    .banner-rating.row.container-narrow {
        display: flex;
        flex-wrap: wrap;
        padding-top: 0;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    .in-kontakt .contact-form-wrapper {
        padding: 5px 20px 30px;
    }

    .h1,
    h1 {
        font-size: 28px;
    }

    .wrapper-bottom-banners {
        padding-left: 10px;
        padding-right: 10px;
    }

    .half-banner.bottom-banner.tip .text {
        padding-right: 5px !important;
        padding: 0px 15px;
    }

    .half-banner.bottom-banner.tip,
    .half-banner.bottom-banner.nikopedie,
    .full-banner.bottom-banner.bonus {
        border-radius: 60px;
    }

    .in-index main#content .container-narrow {
        padding-left: 10px;
        padding-right: 10px;
    }

    .half-banner.bottom-banner.tip span.heading,
    .half-banner.bottom-banner.nikopedie span.heading {
        font-size: 23px;
        line-height: 25px;
    }

    .half-banner.bottom-banner.tip,
    .half-banner.bottom-banner.nikopedie,
    .full-banner.bottom-banner.bonus {
        height: 160px;
    }

    .half-banner.bottom-banner.tip .text p,
    .half-banner.bottom-banner.nikopedie .text p {
        font-size: 12px;
        line-height: 14px;
    }

    .half-banner.bottom-banner.nikopedie {
        padding: 10px 20px;
    }

    .half-banner.bottom-banner.nikopedie {
        background-size: cover !important;
    }

    .full-banner.bottom-banner.bonus {
        padding: 10px 20px;
        padding-right: 0px;
    }

    .full-banner.bottom-banner.bonus .text {
        padding-right: 15px;
    }

    .full-banner.bottom-banner.bonus .text span.heading {
        font-size: 20px;
        line-height: 22px;
    }

    .full-banner.bottom-banner.bonus .text p {
        font-size: 12px;
        line-height: 14px;
    }

    .welcome {
        border-radius: 60px;
        padding: 230px 15px 10px;
    }

    .welcome-image {
        top: 25px;
    }

    .welcome h1 {
        font-size: 23px;
        line-height: 27px;
    }

    .welcome-text p {
        font-size: 14px;
    }

    .welcome-wrapper {
        margin-bottom: 0 !important;
    }

    .banner-rating.row.container-narrow {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .homepage-group-title {
        font-size: 23px;
        line-height: 26px;
    }

    .ratings__header .header-right span.rate-star-wrap {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .ratings__header span.rate-star-wrap .stars {
        margin-right: 0px;
    }

    .ratings__header .rate-block {
        margin-right: 60px;
    }

    .ratings__header .header-right>div.col-xs-12.col-sm-6 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .ratings__header .header-right>div .rate-list span.rate-count {
        right: 5px;
    }

    .rate-items.ratings-banner {
        margin-top: 30px;
    }

    .footer-newsletter-wrapper {
        padding: 20px 20px;
    }

    .footer-newsletter-wrapper .h4 {
        font-size: 20px;
        line-height: 23px;
    }

    input[type=checkbox]+label,
    input[type=radio]+label {
        line-height: 18px;
        margin-right: 0;
    }

    .footer-newsletter-wrapper .form-control {
        padding-left: 10px;
        font-size: 12px;
    }

    .footer-newsletter-wrapper button.btn.btn-default {
        padding: 5px 16px 5px 16px;
        font-size: 15px;
    }

    .description-inner .extended-description {
        padding: 20px 20px;
    }

    .one-column-body table.detail-parameters tbody tr th,
    .one-column-body table.detail-parameters tbody tr td {
        min-width: unset;
        max-width: 50%;
        font-size: 14px;
    }

    .discussion-form .form-group>.form-control,
    .vote-form .form-group>.form-control {
        font-size: 16px;
        padding: 10px 20px;
    }

    span.required-asterisk {
        font-size: 14px;
    }

    .products-header {
        margin-top: 60px;
        font-size: 23px !important;
        line-height: 26px !important;
    }

    .type-product .banner-rating.row.container-narrow {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    .type-product .banner-rating.row.container-narrow .rate-items.ratings-banner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .overall-wrapper {
        padding-top: 70px;
    }

    .container.navigation-wrapper .site-name {
        flex: 0 1 150px;
    }

    #header .navigation-buttons a {
        width: 42px;
    }

    .fvscn-notification {
        padding: 0px !important;
        width: 42px;
    }

    .navigation-buttons a[data-target=search]:before,
    .navigation-buttons a[data-target=cart]:before,
    .fvicon-bell-o:before,
    .fvscn-notification .fvscn-headBell:hover .fvicon-bell-o:before {
        width: 30px;
    }

    #header .navigation-buttons a:before {
        font-size: 30px;
        line-height: 30px;
    }

    .navigation-buttons a[data-target=navigation]:before {
        margin-top: 2px;
    }

    .fvscn-notification .fvscn-headBell .fvscn-headUnread {
        right: 1px !important;
        top: 0px !important;
    }

    #navigation {
        top: 70px;
    }

    .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 70px);
        top: 70px;
    }

    .search-window-visible #header .search {
        background-color: white;
    }

    #header .search-input {
        font-size: 16px;
    }

    .search-input-icon {
        width: 90px;
    }

    span.extended-banner-texts span.extended-banner-title {
        font-size: 28px;
        line-height: 30px !important;
    }

    span.extended-banner-texts span.extended-banner-text {
        font-size: 14px;
        line-height: 16px;
    }

    .product-slider-holder.has-navigation {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-slider-holder .product-slider-navigation:before,
    .product-slider-holder .product-slider-navigation:hover:before {
        background-color: transparent;
    }

    .product-slider .products-block>div {
        padding: 4px;
    }

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

    .products-block>div .p .flags.flags-default {
        left: -10px;
        top: 5px;
    }

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

    .products-block .p-bottom .price-additional {
        font-size: 11px;
    }

    .products-block>div .p .p-bottom>div .p-tools .btn,
    .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart {
        min-width: 90px;
    }

    button.btn-cart.add-to-cart-button {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 14px;
    }

    a.btn.btn-primary {
        font-size: 16px;
        font-weight: 700 !important;
    }

    #header .navigation-buttons {
        padding-right: 10px;
    }

    .container.navigation-wrapper .site-name {
        max-width: calc(100% - 178px);
    }

    .hp-categories-wrapper {
        gap: 10px;
    }

    .hp-categories-wrapper .hp-category.short {
        width: calc(50% - 5px);
    }

    .hp-categories-wrapper .hp-category span.heading {
        font-size: 24px;
        line-height: 26px;
    }

    .product-slider-holder {
        padding: 5px 0;
    }

    .flavors-block span.heading {
        font-size: 21px;
        line-height: 23px;
    }

    .wrapper-flavors {
        gap: 15px;
    }

    .wrapper-flavors .flavor {
        width: calc(50% - 7.5px);
    }

    .wrapper-flavors .flavor .flavor-background img {
        height: 60px;
    }

    .wrapper-flavors .flavor .flavor-background {
        height: 50px;
    }

    .wrapper-bottom-banners {
        margin-top: 60px !important;
    }
}

@media (max-width:374px) {
    input.form-control {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .login-wrapper .password-helper {
        float: left;
        width: 50%;
    }

    .customer-page .sidebar-inner>div ul {
        margin: 0px;
    }

    .cart-table tr>td.p-quantity.p-cell {
        width: 100%;
    }

    .cart-table tr>td.p-price.p-cell {
        text-align: left;
    }

    .remove-item,
    .remove-item-placeholder {
        padding: 0px;
    }

    .ordering-process .btn.btn-conversion,
    .ordering-process a.btn.btn-conversion {
        justify-content: center;
    }

    .carousel-buttons-group button.slide-switch-button {
        padding: 6px 14px;
    }

    .vote-summary span.stars span {
        height: 20px;
        line-height: 20px;
        width: 25px;
    }

    .vote-summary .stars span:before {
        font-size: 20px;
        line-height: 20px;
    }

    .vote-summary span.stars {
        width: 130px !important;
    }
}