@font-face {
    font-family: "Haffer";
    src: url("../fonts/Haffer-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Haffer";
    src: url("../fonts/Haffer-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

body:not(.type-index) {
    opacity: 0;
}

html {
    scroll-behavior: smooth;
    font-size: unset
}

body {
    padding: 0;
    margin: 0;
    color: #5c5c5d;
    font-family: "Haffer", sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

.overall-wrapper {
    font-size: .875rem
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #5c5c5d;
    transition: all .15s ease-in-out
}

.news-item-detail .text a:not(.btn), .basic-description a:not(.btn), .type-page article div[itemprop=about] a:not(.btn) {
    text-decoration: underline
}

.news-item-detail .text a:not(.btn):hover, .news-item-detail .text a:not(.btn):focus-visible, .basic-description a:not(.btn):hover, .basic-description a:not(.btn):focus-visible, .type-page article div[itemprop=about] a:not(.btn):hover, .type-page article div[itemprop=about] a:not(.btn):focus-visible {
    text-decoration: none
}

small {
    letter-spacing: .08em;
    font-size: .9rem
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .extended-banner-title {
    font-weight: 600;
    font-style: normal;
    margin: 1em 0 1em;
    font-family: "Haffer", sans-serif;
    line-height: 1.2222222222em;
    color: #161617
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, .extended-banner-title small {
    font-size: .875rem;
    text-transform: uppercase;
    line-height: 1.5714285714em;
    font-weight: 400;
    letter-spacing: .08em
}

h1, .h1 {
    font-size: 2.9rem
}

@media (max-width: 767px) {
    h1, .h1 {
        font-size: 2.125rem
    }
}

h1.site-name, .h1.site-name {
    margin-block: 0
}

h2, .h2 {
    font-size: 2.2rem
}

@media (max-width: 767px) {
    h2, .h2 {
        font-size: 1.375rem
    }
}

h3, .h3 {
    font-size: 1.9rem
}

@media (max-width: 767px) {
    h3, .h3 {
        font-size: 1.25rem
    }
}

h4, .h4, .custom-footer__instagram h4, .custom-footer__newsletter h4, .homepage-group-title, .h4.homepage-group-title {
    font-size: 2.2rem;
    text-align: left
}

@media (max-width: 767px) {
    h4, .h4, .custom-footer__instagram h4, .custom-footer__newsletter h4, .homepage-group-title, .h4.homepage-group-title {
        font-size: 1.375rem
    }
}

.type-page article div[itemprop=about] h4, .type-post .news-item-detail .text h4, .type-product .basic-description h4 {
    font-size: 1.6875rem
}

@media (max-width: 767px) {
    .type-page article div[itemprop=about] h4, .type-post .news-item-detail .text h4, .type-product .basic-description h4 {
        font-size: 1.1875rem
    }
}

h5, .h5, .cart-inner h4 {
    font-size: 1.25rem
}

@media (max-width: 767px) {
    h5, .h5, .cart-inner h4 {
        font-size: 1.0625rem
    }
}

h6, .h6 {
    font-size: 1.1rem
}

@media (max-width: 767px) {
    h6, .h6 {
        font-size: 1rem
    }
}

img, video, iframe {
    max-width: 100%;
    height: auto
}

.container {
    max-width: calc(1440px + 4rem);
    margin: 0 auto;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (max-width: 767px) {
    .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.container::before, .container::after {
    display: none
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none;
    cursor: pointer;
    font-size: 1rem;
    padding: 0
}

fieldset {
    padding: 0;
    margin: 0;
    border: none
}

table {
    border-collapse: collapse
}

table th .client-table-heading, table td .client-table-heading {
    display: none
}

table th {
    text-align: left
}

.text-center {
    text-align: center
}

.full-width {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - var(--scrollbar-width));
    max-width: 1920px
}

@media (max-width: 767px) {
    .full-width {
        position: initial;
        transform: none;
        width: auto;
        margin-left: -20px;
        margin-right: -20px
    }
}

.products-block, .benefitBanner, .top-categories, .countdown-banner, .loyalty-club, .blog-wrapper, .homepage-box.welcome-wrapper, .product-top, .tab-pane, .usp-container, .type-posts-listing #content, .type-post #content, .type-page #content, .customer-page #content-wrapper {
    margin-bottom: 85px
}

@media (max-width: 767px) {
    .products-block, .benefitBanner, .top-categories, .countdown-banner, .loyalty-club, .blog-wrapper, .homepage-box.welcome-wrapper, .product-top, .tab-pane, .usp-container, .type-posts-listing #content, .type-post #content, .type-page #content, .customer-page #content-wrapper {
        margin-bottom: 42px
    }
}

.clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .row::after, .row::before, .products-block .p a.image::after {
    display: none
}

.row {
    margin-inline: 0
}

.row .col-lg-1, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-md-1, .row .col-md-10, .row .col-md-11, .row .col-md-12, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-sm-1, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-xl-1, .row .col-xl-10, .row .col-xl-11, .row .col-xl-12, .row .col-xl-2, .row .col-xl-3, .row .col-xl-4, .row .col-xl-5, .row .col-xl-6, .row .col-xl-7, .row .col-xl-8, .row .col-xl-9, .row .col-xs-1, .row .col-xs-10, .row .col-xs-11, .row .col-xs-12, .row .col-xs-2, .row .col-xs-3, .row .col-xs-4, .row .col-xs-5, .row .col-xs-6, .row .col-xs-7, .row .col-xs-8, .row .col-xs-9 {
    padding-inline: 0
}

@media (max-width: 767px) {
    .content-wrapper.container .row {
        margin-left: 0px;
        margin-right: 0px
    }

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

.homepage-box {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0
}

@media (min-width: 768px) {
    .homepage-box.before-carousel {
        margin-top: 24px
    }
}

.header-top .btn.cart-count .cart-price, .btn, .next-step, .price-additional, .price-final, .price-measure, .price-save, .price-standard, .price-wrapper, .products .name, ol.cart-header, #footer h5, .cart-table .main-link {
    font-family: "Haffer", sans-serif
}

.footer-icons img {
    display: block;
    width: 24px;
    height: 24px
}

.top-navigation-bar {
    background-color: #2e2d2f;
    color: #fff;
    white-space: nowrap;
    border: none;
    padding: 8px 0;
    font-size: .875rem
}

.top-navigation-bar > .container {
    display: grid;
    align-items: center;
    gap: 20px;
    grid-template-columns:repeat(3, 1fr)
}

.top-navigation-bar > .container > div {
    flex: unset
}

.top-navigation-bar > .container > div.top-navigation-menu, .top-navigation-bar > .container > div.top-navigation-tools {
    display: none
}

.top-navigation-bar > .container > div.top-navigation-contacts {
    grid-column: 3
}

.top-navigation-bar > .container .top-navigation-contacts {
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end
}

.top-navigation-bar > .container .top-navigation-contacts a:last-of-type {
    padding-right: 24px;
    border-right: 1px solid #fff
}

.top-navigation-bar > .container .top-navigation-contacts .footer-icons {
    padding-left: 12px;
    gap: 0
}

.top-navigation-bar > .container .top-navigation-contacts .footer-icons .footer-icon {
    display: flex
}

.top-navigation-bar > .container .top-navigation-contacts .footer-icons .footer-icon a {
    border: none;
    padding: 0 12px
}

.top-navigation-bar > .container .top-navigation-contacts .footer-icons .footer-icon a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(141deg) brightness(104%) contrast(103%)
}

.top-navigation-bar .site-msg.information {
    position: static;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    padding: 0;
    opacity: 1;
    max-width: unset;
    box-shadow: none;
    font-size: .875rem;
    line-height: 1.5714285714em;
    text-align: center;
    grid-column: 2
}

.top-navigation-bar .site-msg.information .text {
    text-align: center;
    padding: 0
}

.top-navigation-bar .site-msg.information .close.js-close-information-msg {
    display: none
}

.top-navigation-bar .dropdown-button, .top-navigation-bar a {
    color: #fff;
    text-decoration: underline;
    font-size: .875rem
}

.top-navigation-bar .dropdown-button:hover, .top-navigation-bar .dropdown-button:focus-visible, .top-navigation-bar a:hover, .top-navigation-bar a:focus-visible {
    text-decoration: none;
    color: #fff
}

@media (max-width: 767px) {
    .top-navigation-bar {
        display: none
    }
}

.top-navigation-contacts {
    background-color: rgba(0, 0, 0, 0)
}

.top-navigation-contacts a.project-phone, .top-navigation-contacts a.project-email {
    font-size: .875rem
}

.top-navigation-contacts a.project-phone::before, .top-navigation-contacts a.project-email::before {
    display: none
}

.top-navigation-contacts .project-phone {
    display: none
}

.top-navigation-bar-menu {
    display: flex;
    align-items: center
}

.top-navigation-bar-menu a {
    padding: .625em 1.25em;
    display: inline-block;
    text-decoration: none
}

.header-top {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    padding: 20px 0;
    position: relative;
    height: unset
}

.header-top > div {
    flex: unset
}

.header-top .search {
    display: none;
    position: absolute;
    z-index: 1011;
    right: calc(2rem + 5px + var(--nav-btns-width));
    height: 48px;
    max-width: 0;
    width: 100%;
    transition: all .15s ease-in-out
}

@media (min-width: 768px) {
    .header-top {
        flex-wrap: nowrap;
        padding: 28px 0
    }

    .header-top .navigation-in ul, .header-top .navigation-buttons {
        flex-wrap: nowrap
    }

    .header-top + #navigation {
        display: none
    }
}

@media (max-width: 767px) {
    .header-top {
        position: relative
    }

    .header-top .search {
        top: 100%;
        left: 0;
        right: 0;
        max-width: unset;
        background-color: #fff;
        padding: 10px 20px;
        height: unset
    }
}

.search-window-visible #header .search {
    display: block;
    max-width: 460px
}

@media (max-width: 767px) {
    .search-window-visible #header .search {
        padding: 10px 5px
    }
}

#formSearchForm fieldset, #formSearchFormContent fieldset {
    display: flex
}

#formSearchForm input, #formSearchFormContent input {
    padding-left: 48px;
    background: url(../img/icon/Search.svg) 17px center no-repeat, #f3f3f3;
    border-radius: 64px;
    border-style: solid;
    border-color: #d0d0d1;
    border-width: 1px
}

#formSearchForm .btn, #formSearchFormContent .btn {
    border-radius: 64px;
    color: #fff
}

.navigation-buttons {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0
}

.navigation-buttons .top-nav-button-account::before, .navigation-buttons .top-nav-button-login::before, .navigation-buttons .btn.cart-count::before, .navigation-buttons .toggle-window[data-target=search]::before, .navigation-buttons .toggle-window[data-target=navigation]::before {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 0;
    margin-right: 0
}

@media (max-width: 991px) {
    .navigation-buttons .top-nav-button-account span, .navigation-buttons .top-nav-button-login span, .navigation-buttons .btn.cart-count span, .navigation-buttons .toggle-window[data-target=search] span, .navigation-buttons .toggle-window[data-target=navigation] span {
        display: none
    }
}

.navigation-buttons > a[data-target=login], .navigation-buttons > a[href="/klient/"], .navigation-buttons > a.toggle-window[data-target=search] {
    display: flex;
    padding: 8px;
    background-color: rgba(0, 0, 0, 0);
    color: #161617
}

.navigation-buttons > a[data-target=login]:hover, .navigation-buttons > a[href="/klient/"]:hover, .navigation-buttons > a.toggle-window[data-target=search]:hover {
    background-color: rgba(0, 0, 0, 0)
}

.navigation-buttons > a[data-target=login] span, .navigation-buttons a.top-nav-button-login span, .navigation-buttons a.top-nav-button-account span {
    font-size: 0
}

.navigation-buttons > a[data-target=login]::before, .navigation-buttons a.top-nav-button-login::before, .navigation-buttons a.top-nav-button-account::before {
    content: url(../img/icon/login.svg)
}

.navigation-buttons > a[data-target=cart] i {
    background-color: #f8ad41;
    color: #161617;
    width: 20px;
    height: 20px;
    font-size: .625rem;
    line-height: emmMM(10, 10);
    top: 12px;
    border: 2px solid #fff
}

.navigation-buttons .cart-count span.cart-price {
    white-space: nowrap
}

.navigation-buttons .btn.cart-count {
    padding: 0px 0 0px 8px
}

.navigation-buttons .btn.cart-count::before {
    content: url(../img/icon/cart.svg)
}

.navigation-buttons .toggle-window[data-target=search]::before {
    content: url(../img/icon/Search.svg)
}

.navigation-buttons .toggle-window[data-target=navigation]::before {
    content: url(../img/icon/menu.svg)
}

.navigation-buttons .toggle-window[data-target=navigation]:hover, .navigation-buttons .toggle-window[data-target=navigation]:focus-visible {
    background-color: rgba(0, 0, 0, 0)
}

.navigation-buttons a {
    display: flex;
    align-items: center;
    gap: .625em;
    padding: .625em;
    text-decoration: none
}

@media (max-width: 767px) {
    .navigation-buttons {
        gap: 10px
    }
}

@media (min-width: 768px) {
    .navigation-buttons .toggle-window[data-target=navigation], .navigation-buttons .toggle-window[data-target=search] {
        display: none
    }
}

.search-window-visible .navigation-buttons .toggle-window[data-target=search]::before {
    content: url(../img/icon/Cross.svg)
}

@media (max-width: 767px) {
    .cart-window-visible .navigation-buttons .btn.cart-count::before {
        content: url(../img/icon/Cross.svg)
    }
}

#header {
    position: sticky;
    top: 0;
    background-color: #fff;
    transition: all .15s ease-in-out
}

#header > .container {
    max-width: unset;
    padding: 0
}

#header .site-name-wrapper {
    flex-shrink: 0
}

#header .site-name {
    max-width: 205px;
    line-height: 1;
    display: flex
}

#header .site-name a img {
    aspect-ratio: 205/38
}

@media (max-width: 767px) {
    #header .site-name {
        max-width: 150px
    }

    #header .site-name > a {
        height: unset;
        padding: 5px 0
    }

    #header .site-name > a img {
        aspect-ratio: 150/28;
        max-height: unset;
        padding: 0;
        max-width: 150px
    }
}

#header .cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px
}

#header.sticky.scroll-down {
    top: calc(var(--header-top-height) * -1)
}

#header.sticky.scroll-up .header-top {
    margin-top: 0
}

@media (max-width: 767px) {
    #header {
        position: relative;
        margin-bottom: 0
    }

    #header .site-name {
        position: static
    }

    #header .navigation-buttons > .top-nav-button-account, #header .navigation-buttons > .top-nav-button-login {
        display: none
    }

    #header .navigation-buttons .cart-count {
        top: unset;
        position: relative;
        right: 3px
    }

    #header .navigation-buttons > a:not(.cart-count) {
        padding: 0;
        width: 24px;
        height: 24px
    }
}

.overall-wrapper, .type-index .overall-wrapper {
    padding-top: 0
}

.menu-helper {
    position: static;
    font-size: .875rem
}

.navigation-in, #navigation {
    font-size: 1rem
}

.header-top {
    max-width: calc(1440px + 4rem);
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto
}

.header-top #navigation {
    height: unset;
    left: unset;
    margin: 0;
    width: 100%;
    max-width: 896px
}

.header-top #navigation .navigation-in {
    background-color: rgba(0, 0, 0, 0);
    position: static;
    max-width: 896px;
    width: unset
}

.header-top #navigation .navigation-in > ul > li {
    border: none
}

.header-top #navigation .navigation-in > ul > li > a {
    color: #161617;
    padding: 6px 16px;
    line-height: 1.5em
}

@media (min-width: 1365px) {
    .header-top #navigation .navigation-in > ul > li:nth-child(4) {
        margin-left: auto
    }
}

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

@media (min-width: 768px) {
    .header-top {
        position: relative
    }

    .header-top #navigation {
        position: initial
    }
}

@media (max-width: 767px) {
    .header-top {
        padding-left: 20px;
        padding-right: 20px
    }

    .header-top #navigation {
        display: none
    }

    #navigation {
        top: 75px
    }

    #navigation .navigation-close {
        display: none
    }

    .navigation-in {
        padding: 0 0 100px 0;
        max-height: calc(100vh - 78px)
    }

    .navigation-window-visible .navigation-buttons .toggle-window[data-target=navigation]::before {
        content: url(../img/icon/Cross.svg)
    }

    .menu-level-1 > li > a {
        transition: none
    }
}

.menu-level-1 {
    display: flex;
    gap: 8px
}

.menu-level-1 > li.splitted {
    visibility: hidden;
    opacity: 0
}

.menu-level-1 > li > a {
    display: inline-flex;
    gap: 12px;
    padding: 1.25em 1.5625em;
    display: flex;
    align-items: center;
    gap: .625em;
    white-space: nowrap;
    color: #161617;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 64px
}

.menu-level-1 > li > a:hover, .menu-level-1 > li > a:focus-visible {
    border-color: #161617
}

.menu-level-1 > li > a b {
    font-weight: 400
}

@media (max-width: 767px) {
    .menu-level-1 > li > a .submenu-arrow {
        margin-left: auto;
        padding-left: 1.5rem;
        padding-right: 1rem
    }
}

.menu-level-1 a {
    text-decoration: none
}

@media (max-width: 767px) {
    .menu-level-1 {
        flex-direction: column
    }
}

@media (min-width: 768px) {
    .navigation-in > ul > li > a:hover, .navigation-in > ul > li.ext.exp > a {
        margin-left: 0px;
        margin-right: 0px
    }

    .navigation-in ul.menu-level-1 > li > a {
        display: inline-flex
    }
}

.submenu-arrow {
    padding: 0;
    line-height: 0
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - var(--scrollbar-width));
    max-width: 1920px;
    display: none;
    align-items: flex-start;
    background: #fff;
    padding: 32px 0;
    z-index: 11
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: stretch;
    padding: 32px 2rem
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-container > div {
    max-width: 702px
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .list-menu-wrapper {
    flex: 1 1 400px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    height: 100%
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .list-menu-wrapper .search {
    display: block;
    position: relative;
    width: 100%;
    right: 0;
    max-width: 702px;
    margin-top: 100px
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-banners-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 36px
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-banners-wrapper > div {
    flex: 1 1 300px;
    max-width: 333px
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-banners-wrapper .radce {
    max-height: 296px
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-banners-wrapper .radce .color-banner {
    min-height: 296px
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-banners-wrapper .radce .color-banner img {
    max-width: 217px;
    right: 12px
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-banners-wrapper .guide.container {
    padding: 0;
    height: 296px
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-banners-wrapper .guide.container .texts {
    margin-bottom: 13px
}

.navigation-in .menu-level-1 li:first-child .menu-level-2-helper .menu-banners-wrapper .guide.container .texts h2 {
    font-size: 1.5rem;
    line-height: 1.3333333333em
}

.navigation-in .menu-level-1 li:first-child ul.menu-level-2 {
    overflow: auto;
    display: none;
    position: static;
    z-index: 11;
    background-color: #fff;
    padding: 0px
}

.navigation-in .menu-level-1 li:first-child ul.menu-level-2 .menu-no-image {
    padding: 0
}

.navigation-in .menu-level-1 li:first-child ul.menu-level-2 > li > div > a {
    display: flex;
    align-items: center;
    gap: .625em;
    border-radius: 64px;
    padding: .5em 1.5em;
    border: 2px solid #161617;
    color: #161617
}

.navigation-in .menu-level-1 li:first-child ul.menu-level-2 > li > div > a > .menu-image {
    width: 42px;
    height: 42px;
    border-radius: 5px;
    border: 1px solid #d0d0d1;
    overflow: hidden
}

.navigation-in .menu-level-1 li:first-child ul.menu-level-2 > li > div > a > .menu-image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: center
}

@media (min-width: 768px) {
    .navigation-in .menu-level-1 li:first-child ul.menu-level-2 > li > div > a:hover, .navigation-in .menu-level-1 li:first-child ul.menu-level-2 > li > div > a:focus-visible {
        background-color: #161617;
        color: #fff
    }
}

@media (min-width: 768px) {
    .navigation-in .menu-level-1 li:not(:first-child) {
        position: relative
    }

    .navigation-in .menu-level-1 li:not(:first-child) > a:hover, .navigation-in .menu-level-1 li:not(:first-child) > a:focus-visible {
        background-color: #f3f3f3;
        border-color: rgba(0, 0, 0, 0)
    }

    .navigation-in .menu-level-1 li:not(:first-child).exp a {
        background-color: #f3f3f3;
        border-color: rgba(0, 0, 0, 0)
    }

    .navigation-in .menu-level-1 li:not(:first-child) .menu-level-2-helper {
        position: absolute;
        background: #fff;
        max-height: 50px;
        padding-top: 20px;
        top: 40px
    }

    .navigation-in .menu-level-1 li:not(:first-child) ul.menu-level-2 {
        width: auto;
        background-color: #f3f3f3;
        flex-direction: column;
        border-radius: 32px;
        padding: 16px;
        gap: 2px;
        align-items: flex-start;
        justify-content: center;
        text-align: left;
        position: static;
        min-width: 260px
    }

    .navigation-in .menu-level-1 li:not(:first-child) ul.menu-level-2::before {
        content: "";
        position: absolute;
        top: -4px;
        border-bottom: 12px solid #f3f3f3;
        border-left: 12px solid rgba(0, 0, 0, 0);
        border-right: 12px solid rgba(0, 0, 0, 0);
        width: 24px;
        height: 24px;
        left: 37px
    }

    .navigation-in .menu-level-1 li:not(:first-child) ul.menu-level-2 > li {
        text-align: left
    }

    .navigation-in .menu-level-1 li:not(:first-child) ul.menu-level-2 > li .menu-no-image {
        padding: 0
    }

    .navigation-in .menu-level-1 li:not(:first-child) ul.menu-level-2 > li > div > a {
        border: 2px solid rgba(0, 0, 0, 0);
        text-align: left;
        color: #161617;
        border-radius: 64px
    }

    .navigation-in .menu-level-1 li:not(:first-child) ul.menu-level-2 > li > div > a:hover, .navigation-in .menu-level-1 li:not(:first-child) ul.menu-level-2 > li > div > a:focus-visible {
        border-color: #161617
    }
}

@media (max-width: 767px) {
    .navigation-in .menu-level-1 li {
        position: initial;
        flex-direction: column;
        columns: unset;
        column-gap: unset
    }

    .navigation-in .menu-level-1 li > a:hover, .navigation-in .menu-level-1 li > a:focus-visible {
        border-color: rgba(0, 0, 0, 0);
        background-color: #fff;
        color: #161617
    }

    .navigation-in .menu-level-1 li ul.menu-level-2, .navigation-in .menu-level-1 li:first-child ul.menu-level-2 {
        padding: 0 20px;
        flex-direction: column
    }

    .navigation-in .menu-level-1 li ul.menu-level-2 > li .menu-no-image, .navigation-in .menu-level-1 li:first-child ul.menu-level-2 > li .menu-no-image {
        padding: 0
    }

    .navigation-in .menu-level-1 li ul.menu-level-2 > li a, .navigation-in .menu-level-1 li:first-child ul.menu-level-2 > li a {
        gap: .625em;
        border-radius: 64px;
        padding: .5em 1.5em;
        border: none;
        color: #161617
    }

    .navigation-in .menu-level-1 li ul.menu-level-2 li > div > a, .navigation-in .menu-level-1 li:first-child ul.menu-level-2 li > div > a {
        border: none
    }

    .navigation-in .menu-level-1 li > li > div > a {
        padding: .75em .625em;
        margin-bottom: 0
    }

    .navigation-in .menu-level-1 li > li > div > a > .menu-image {
        display: none
    }
}

.submenu-visible #header:has(.navigation-in .menu-level-1 li:first-child.exp) .menu-level-2-helper {
    display: block
}

.submenu-visible #header:has(.navigation-in .menu-level-1 li:first-child.exp)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(92, 92, 93, .6);
    z-index: 10;
    min-height: 100vh
}

.menu-level-1 > li.ext .menu-level-2 {
    display: none
}

.navigation-in .menu-level-1 > li.ext.exp .menu-level-2 {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .navigation-in .menu-level-1 > li.ext.exp .menu-level-2 {
        display: flex
    }
}

.navigation-in ul.menu-level-3 {
    display: none
}

.menu-level-3 {
    display: none;
    flex-wrap: wrap;
    gap: .4em;
    color: #161617
}

.menu-level-3 a {
    color: #161617
}

.menu-level-3 a:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    .menu-level-3 {
        flex-direction: column;
        gap: 0
    }

    .menu-level-3 a {
        padding: .75em 1.5em .75em 0;
        display: flex;
        align-items: center;
        color: #5c5c5d
    }

    .menu-level-3 a::before {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #161617;
        margin: 10px
    }
}

.extended-banner-texts, .extended-banner-title, .extended-banner-text, .extended-banner-link {
    display: block;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none;
    color: #fff;
    height: fit-content
}

.extended-banner-title, .extended-banner-text, .extended-banner-link {
    inset: unset;
    max-width: unset;
    position: static
}

@media (min-width: 768px) {
    .extended-banner-title, .extended-banner-text, .extended-banner-link {
        text-wrap: balance
    }
}

.extended-banner-title, .extended-banner-text {
    padding: 0
}

.extended-banner-title small {
    display: block
}

.extended-banner-link {
    width: fit-content;
    background-color: #f9f9fa;
    color: #161617;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    gap: 24px
}

.extended-banner-link:hover, .extended-banner-link:focus-visible {
    padding-right: 30px
}

.banner-category .extended-banner-link:hover, .banner-category .extended-banner-link:focus-visible {
    background-color: #161617;
    color: #fff
}

.banner-category .extended-banner-link:hover::after, .banner-category .extended-banner-link:focus-visible::after {
    border-color: #fff
}

#carousel {
    margin-bottom: 20px
}

#carousel .extended-banner-texts {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 720px;
    width: 100%;
    padding: 20px
}

#carousel .extended-banner-title {
    font-size: 2.7rem;
    margin: 0;
    display: flex;
    flex-direction: column
}

#carousel .extended-banner-text {
    font-size: 1.25rem;
    line-height: 1.4em
}

#carousel .extended-banner-link {
    margin-top: auto
}

@media (min-width: 1440px) {
    #carousel .extended-banner-texts {
        inset: 56px;
        right: 50%;
        transform: none;
        padding: 0;
        max-width: 590px;
        height: unset
    }
}

@media (min-width: 768px) {
    #carousel a img {
        max-height: 432px;
        object-fit: cover
    }
}

@media (max-width: 767px) {
    #carousel a {
        text-decoration: none
    }

    #carousel .extended-banner-texts {
        position: initial;
        align-items: flex-start;
        transform: none;
        padding: 24px 20px 32px 20px;
        max-width: unset;
        text-align: left;
        background-color: #f8ad41
    }

    #carousel .extended-banner-title {
        font-size: 2.125rem
    }

    #carousel .extended-banner-text {
        font-size: 1.125rem;
        line-height: 1.4444444444em
    }

    #carousel .extended-banner-link {
        padding: .9375em;
        text-align: center;
        background-color: #161617;
        color: #fff;
        margin-top: 12px
    }

    #carousel .extended-banner-link:after {
        border-color: #fff
    }
}

@media (max-width: 767px)and (max-width: 480px) {
    #carousel .extended-banner-link {
        width: 100%;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .wide-carousel {
        margin-left: -20px;
        margin-right: -20px
    }
}

.homepage-group-title {
    margin: 0 0 47px;
    width: calc(100% - 67px)
}

@media (max-width: 767px) {
    .homepage-group-title {
        margin: 0 0 24px
    }
}

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

.columns-mobile-2 .products-block > div .p .name {
    -webkit-line-clamp: 3;
    text-align: center;
    min-height: 48px
}

.columns-4 .products-block > div, .columns-3 .products-block > div {
    width: 100% !important;
    border: none
}

.columns-4 .products-block > div:nth-child(2n), .columns-4 .products-block > div:nth-child(3n), .columns-3 .products-block > div:nth-child(2n), .columns-3 .products-block > div:nth-child(3n) {
    border: none
}

.products-block.products .p {
    height: 100%;
    display: flex;
    flex-direction: column
}

.products-block.products .p .image {
    display: block;
    aspect-ratio: 1;
    position: relative;
    overflow: hidden;
    flex-shrink: 0
}

.products-block.products .p .image img {
    display: block;
    aspect-ratio: 1;
    transform: scale(0.8);
    transition: all .15s ease-in-out
}

.products-block.products .p .stars-wrapper {
    display: none
}

.products-block.products .p .p-in {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center
}

.products-block.products .p .name {
    font-family: "Haffer", sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    line-height: 1.4em;
    text-align: center;
    height: unset;
    text-decoration: none !important
}

.products-block.products .p .name span {
    display: block
}

.products-block.products .p .p-bottom .p-desc {
    color: #706e6f;
    order: -1;
    flex-basis: 100%;
    margin: 0;
    text-align: center
}

.products-block.products .p .p-bottom {
    margin-top: auto
}

.products-block.products .p .p-bottom > div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    height: 100%
}

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

.products-block.products .p .p-bottom .p-tools a.btn.btn-primary {
    width: 100%;
    justify-content: center;
    background-color: #fff;
    color: #161617
}

.products-block.products .p .p-bottom .p-tools a.btn.btn-primary:hover, .products-block.products .p .p-bottom .p-tools a.btn.btn-primary:focus-visible {
    background-color: #161617;
    color: #fff
}

.products-block.products .p .p-bottom .prices {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    margin-right: auto;
    text-align: center
}

.products-block.products .p .btn.btn-primary, .products-block.products .p .btn.btn-cart {
    line-height: 1.5em;
    padding: .8125em .9375em
}

.products-block.products .p:hover .image img, .products-block.products .p:focus-visible .image img {
    transform: scale(1)
}

@media (max-width: 767px) {
    .products-block.products .p .p-in {
        padding: 12px 12px 0px 12px
    }

    .products-block.products .p .name {
        font-size: 1rem
    }

    .products-block.products .p .p-bottom .p-desc {
        font-size: .75rem;
        line-height: 1.5em
    }

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

    .products-block.products .p .p-tools .btn {
        width: 100%;
        justify-content: center;
        padding: 6px 8px
    }

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

    .products-block.products .p .prices {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        width: 100%
    }
}

@media (max-width: 767px) {
    #products:not(.slick-initialized) .p .p-bottom .p-desc {
        height: 54px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }
}

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

@media (max-width: 767px) {
    .products-block .p .flags-default {
        left: 12px;
        top: 12px
    }
}

.flags-default, .flags-extra {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    top: 0px;
    left: 0px
}

@media (max-width: 767px) {
    .flags-default, .flags-extra {
        flex-direction: row;
        flex-wrap: wrap;
        left: 0;
        top: 0
    }
}

.flags-default.contains-extra .flags-extra {
    position: initial
}

.flag {
    font-size: .75rem;
    padding: 6px 8px;
    background-color: #161617;
    color: #fff;
    border-radius: 64px;
    font-weight: 400;
    line-height: 1
}

.flag.flag-new {
    background-color: #161617
}

.flag.flag-action {
    background-color: #161617
}

.flag.flag-tip {
    background-color: #161617
}

.flag.flag-gift {
    background-color: #161617
}

.flag.flag-custom2 {
    background-color: #161617;
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .flag {
        font-size: .75rem;
        padding: 6px 8px
    }
}

.products-block.slick-initialized .slick-track {
    padding: 0 0 15px 0
}

.products-block.slick-initialized .slick-list {
    margin: -15px -15px
}

.products-block.slick-initialized .slick-slide {
    margin: 0 15px
}

@media (max-width: 767px) {
    .products-block.slick-initialized .slick-slide {
        margin: 0 7.5px
    }

    .products-block.slick-initialized > div.slick-list {
        width: auto !important;
        margin: -15px -20px
    }
}

.links ul, ul.subcategories {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.links ul li a, ul.subcategories li a {
    border-radius: 64px;
    border: 2px solid #161617;
    color: #161617;
    background-color: #fff;
    padding: 8px 24px;
    font-size: 1rem;
    line-height: 1.4444444444em;
    height: unset;
    text-decoration: none !important
}

.links ul li a:hover, .links ul li a:focus-visible, ul.subcategories li a:hover, ul.subcategories li a:focus-visible {
    background-color: #161617;
    color: #fff
}

@media (max-width: 767px) {
    .links ul, ul.subcategories {
        gap: 8px
    }

    .links ul li a, ul.subcategories li a {
        padding: 8px 12px;
        font-size: .875rem;
        line-height: 1.5em
    }
}

.category-top {
    background-color: #384999;
    color: #fff;
    padding: 24px 20px 32px 20px
}

.category-top h1 {
    margin-top: 0;
    margin-bottom: 16px;
    color: #fff
}

.category-top .subcategories, .category-top > h4, .category-top #productsTop {
    display: none
}

.category-top .tip-guide {
    background-color: #fff;
    color: #5c5c5d;
    padding: 12px 16px;
    border-radius: 24px;
    margin-top: 32px
}

.category-top .tip-guide strong {
    position: relative;
    padding-left: 29px;
    color: #161617
}

.category-top .tip-guide strong::before {
    content: url(../img/icon/info.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px;
    line-height: 0;
    position: absolute;
    left: 0
}

@media (min-width: 768px) {
    .category-top .tip-guide strong::before {
        top: -4px
    }
}

@media (max-width: 480px) {
    .category-top .tip-guide strong {
        display: block;
        margin-bottom: 8px
    }
}

.category-top .tip-guide a {
    color: #161617;
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
    gap: 2px
}

.category-top .tip-guide a:hover, .category-top .tip-guide a:focus-visible {
    text-decoration: none
}

.category-top .tip-guide a::after {
    content: url(../img/icon/arrow-down.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 0;
    rotate: -90deg
}

.category-top .category-perex {
    margin-bottom: 0
}

.category-top .category-perex p {
    font-size: 1rem;
    line-height: 1.5em
}

@media (max-width: 767px) {
    .category-top {
        margin-inline: -20px
    }
}

@media (min-width: 768px) {
    .category-top {
        padding: 48px 56px;
        margin-bottom: 32px
    }

    .category-top .category-perex, .category-top .category-title {
        max-width: 650px
    }

    .category-top .category-perex {
        margin-bottom: 0
    }

    .category-top .category-perex p {
        font-size: 1.25rem;
        line-height: 1.4em;
        max-width: 635px
    }

    .category-top .tip-guide {
        margin-top: 46px
    }
}

.category-top-wrapper {
    margin-bottom: 64px
}

.category-top-wrapper .subcategories {
    margin: 0
}

.category-top-wrapper .subcategories li.col-xl-1, .category-top-wrapper .subcategories li.col-xl-10, .category-top-wrapper .subcategories li.col-xl-11, .category-top-wrapper .subcategories li.col-xl-12, .category-top-wrapper .subcategories li.col-xl-2, .category-top-wrapper .subcategories li.col-xl-3, .category-top-wrapper .subcategories li.col-xl-4, .category-top-wrapper .subcategories li.col-xl-5, .category-top-wrapper .subcategories li.col-xl-6, .category-top-wrapper .subcategories li.col-xl-7, .category-top-wrapper .subcategories li.col-xl-8, .category-top-wrapper .subcategories li.col-xl-9 {
    float: none;
    width: fit-content;
    padding: 0
}

.category-top-wrapper .subcategories li a::before, .category-top-wrapper .subcategories li a::after {
    display: none
}

@media (max-width: 767px) {
    .category-top-wrapper {
        margin-bottom: 40px
    }

    .category-top-wrapper .subcategories {
        display: none;
        flex-direction: column;
        align-items: flex-start
    }

    .category-top-wrapper .subcategories li a {
        padding: 0;
        border: none;
        height: fit-content
    }

    .category-top-wrapper .subcategories li a .text {
        font-size: 1rem;
        line-height: 1.5
    }

    .category-top-wrapper .subcategories.active {
        display: flex
    }

    .category-top-wrapper .show-categories {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        color: #161617;
        border: 1px solid #161617;
        padding: 12px 16px;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 100%;
        max-width: 480px
    }

    .category-top-wrapper .show-categories::before, .category-top-wrapper .show-categories::after {
        width: 24px;
        height: 24px;
        display: inline-block;
        line-height: 0
    }

    .category-top-wrapper .show-categories::before {
        content: url(../img/icon/categories.svg)
    }

    .category-top-wrapper .show-categories::after {
        margin-left: auto;
        content: url(../img/icon/arrow-down.svg)
    }
}

.type-category #content > h4, .type-category #content #productsTop {
    display: none
}

.subcategories-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start
}

.subcategories-wrapper .subcategories {
    flex: 1 1 500px;
    max-width: 702px
}

#category-header {
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 32px;
    gap: 16px
}

#category-header div.category-header-amount {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0
}

#category-header div.category-header-amount strong, #category-header div.category-header-amount p {
    font-size: 1.5625rem;
    line-height: 1.2666666667em;
    color: #161617;
    font-weight: 600;
    margin-bottom: 0
}

#category-header div.category-header-amount strong::after, #category-header div.category-header-amount strong::before {
    display: inline-block
}

#category-header div.category-header-amount strong::before {
    content: "("
}

#category-header div.category-header-amount strong::after {
    content: ")"
}

#category-header > form {
    order: 1;
    overflow: scroll;
    padding-bottom: 10px;
    margin-right: -20px
}

#category-header > form fieldset {
    display: flex;
    gap: 8px
}

#category-header > form fieldset label {
    border-radius: 64px;
    border: 1px solid #161617;
    color: #161617;
    background-color: #fff;
    padding: 6px 8px;
    font-size: .75rem;
    line-height: 1.5em
}

#category-header > form fieldset label:hover, #category-header > form fieldset label:focus-visible {
    background-color: #161617;
    color: #fff
}

#category-header > form fieldset input[type=radio]:checked + label {
    background-color: #161617;
    color: #fff
}

#category-header .sorting-form-wrapper {
    color: #161617;
    position: relative;
    flex: 0
}

#category-header .sorting-form-wrapper .sortingBtn {
    padding: 12px 16px;
    border: 2px solid #161617;
    border-radius: 64px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between
}

#category-header .sorting-form-wrapper .sortingBtn::before {
    content: url(../img/icon/Compare.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 0
}

#category-header .sorting-form-wrapper .sortingBtn::after {
    content: url(../img/icon/arrow-down.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 0
}

#category-header .sorting-form-wrapper form {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10;
    display: none;
    background-color: #fff
}

#category-header .sorting-form-wrapper form input[type=radio] + label {
    display: block;
    width: fit-content;
    font-size: 1rem
}

#category-header .sorting-form-wrapper.active form {
    display: block
}

@media (max-width: 767px) {
    #category-header div:not(.category-header-amount) {
        display: block
    }

    #category-header div.category-header-amount {
        width: 100%;
        border-bottom: 2px solid #161617;
        padding-bottom: 16px
    }
}

@media (min-width: 768px) {
    #category-header {
        margin-bottom: 56px
    }

    #category-header div {
        padding-inline: 0;
        font-size: 1rem;
        text-align: left
    }

    #category-header div.category-header-amount strong, #category-header div.category-header-amount p {
        font-size: 3rem;
        line-height: 1.1666666667em
    }
}

#content .filters-wrapper > div:first-of-type {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    #content .filters-wrapper > div:first-of-type {
        margin-bottom: 56px
    }
}

#filters {
    color: #161617
}

#filters h4 {
    margin-top: 0;
    margin-bottom: 10px
}

#filters .filter-sections {
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

#filters .filter-sections label {
    white-space: nowrap
}

#filters .filter-section label.active {
    font-weight: 400
}

#filters .filter-count, #filters .filter-total-count {
    display: none
}

#filters .param-filter-top {
    display: flex;
    gap: 40px
}

#filters .param-filter-top form fieldset {
    display: flex;
    gap: 40px;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    #filters .param-filter-top {
        gap: 20px;
        flex-wrap: wrap
    }

    #filters .param-filter-top form:first-child {
        order: 1
    }

    #filters .param-filter-top form fieldset {
        gap: 20px
    }
}

#filters .param-filter-top form fieldset div {
    width: fit-content
}

#filters #category-filter-hover .filter-section:first-child, #filters .filter-section + .filter-section {
    border-top: none
}

#filters .filter-section-boolean {
    padding-top: 0;
    padding-bottom: 24px
}

#filters #category-filter-hover {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
    gap: 35px;
    border-bottom: 2px solid #161617;
    padding-bottom: 24px;
    margin-bottom: 24px
}

#filters #category-filter-hover .filter-btn {
    border: 1px solid #161617;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 16px;
    height: fit-content
}

#filters #category-filter-hover .filter-btn::before, #filters #category-filter-hover .filter-btn::after {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 0
}

#filters #category-filter-hover .filter-btn::before {
    content: url(../img/icon/Filter.svg)
}

#filters #category-filter-hover .filter-btn::after {
    content: url(../img/icon/arrow-down.svg);
    margin-left: auto
}

@media (min-width: 768px) {
    #filters #category-filter-hover .filter-btn {
        background-color: #161617;
        color: #fff
    }

    #filters #category-filter-hover .filter-btn::before, #filters #category-filter-hover .filter-btn::after {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(141deg) brightness(104%) contrast(103%)
    }
}

#filters #category-filter-hover .filter-section {
    position: relative;
    padding: 0;
    height: fit-content
}

#filters #category-filter-hover .filter-section h4 {
    font-size: 1rem;
    font-weight: 400;
    border: 2px solid #000;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 0;
    cursor: pointer
}

#filters #category-filter-hover .filter-section h4::after {
    content: url(../img/icon/arrow-down.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 0;
    margin-left: 8px
}

#filters #category-filter-hover .filter-section label {
    margin-right: 0
}

#filters #category-filter-hover .filter-section form {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    z-index: 10;
    display: none;
    background-color: #fff;
    padding: 8px;
    border-style: none solid solid solid;
    border-width: 2px
}

#filters #category-filter-hover .filter-section form fieldset {
    display: flex;
    flex-direction: column;
    gap: 5px
}

#filters #category-filter-hover .filter-section.active form, #filters #category-filter-hover .filter-section.filter-form-visible form {
    display: block
}

#filters #category-filter-hover .filter-section.active h4, #filters #category-filter-hover .filter-section.filter-form-visible h4 {
    border-bottom-color: rgba(0, 0, 0, 0)
}

#filters #category-filter-hover .more-filters {
    display: none;
    grid-column: 1/-1
}

#filters #category-filter-hover .more-filters.active {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
    gap: 35px
}

@media (max-width: 767px) {
    #filters #category-filter-hover {
        gap: 20px
    }

    #filters #category-filter-hover .more-filters.active {
        gap: 20px
    }

    #filters #category-filter-hover > div:not(.filter-btn) {
        display: none
    }

    #filters #category-filter-hover.active > div:not(.filter-btn) {
        display: block
    }

    #filters #category-filter-hover.active > div:not(.filter-btn).slider-wrapper {
        display: flex
    }
}

#filters .filter-section-count, #filters .active-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

#filters .active-list label, #filters #clear-filters a {
    color: #161617;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 64px;
    padding: 8px 12px;
    width: fit-content;
    text-transform: none
}

#filters .active-list label::after, #filters #clear-filters a::after {
    font-size: .6875rem;
    content: "";
    margin-left: 1ex;
    font-family: shoptet
}

#filters #clear-filters a {
    background-color: #e8e8e8
}

#filters .active-list label {
    border: 2px solid #161617
}

#filters .slider-wrapper {
    margin: 0;
    padding: 0
}

#filters .slider-wrapper h4 {
    font-size: 1rem
}

.category-title {
    text-align: left
}

.category-title::after {
    margin-left: 0
}

.breadcrumbs-wrapper {
    padding: 16px 2rem
}

@media (max-width: 767px) {
    .breadcrumbs-wrapper {
        display: none
    }
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: #161617;
    border: none
}

@media (min-width: 992px) {
    .breadcrumbs {
        margin: 0
    }
}

.breadcrumbs .navigation-bullet {
    font-size: 0
}

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

.breadcrumbs > span > span {
    padding: 0
}

.breadcrumbs > span > a {
    color: #5c5c5d;
    text-decoration: none;
    min-height: unset;
    padding: 0
}

.breadcrumbs > span > a:hover, .breadcrumbs > span > a:focus-visible {
    text-decoration: underline
}

.breadcrumbs > span > a::before {
    display: none
}

.breadcrumbs > span > a::after {
    content: "";
    width: 9px;
    height: 9px;
    display: inline-block;
    border-style: none solid solid none;
    border-width: 1px;
    border-color: #161617;
    transform: rotate(-45deg);
    background: rgba(0, 0, 0, 0);
    margin-left: 10px;
    position: static
}

.breadcrumbs > span:last-child {
    font-weight: 600
}

.p-detail-inner > .p-detail-inner-header {
    display: none
}

.product-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-top .p-image-wrapper, .product-top .p-info-wrapper {
    flex: 1 1 400px
}

.product-top .flag-discount .price-standard {
    display: none
}

.product-top .flag {
    font-size: 1rem
}

@media (max-width: 767px) {
    .product-top {
        margin-bottom: 0
    }
}

.p-image-wrapper {
    max-width: 702px
}

.p-image-wrapper .p-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.p-image-wrapper .p-image .flags-default, .p-image-wrapper .p-image .flags-extra {
    top: 32px;
    left: 32px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px
}

@media (max-width: 767px) {
    .p-image-wrapper {
        width: 100%;
        padding: 0 20px;
        overflow: hidden
    }

    .p-image-wrapper .p-image {
        margin-bottom: 0;
        border: none;
        border-radius: 0;
        overflow: visible
    }

    .p-image-wrapper .p-image .flags-default, .p-image-wrapper .p-image .flags-extra {
        top: 16px;
        gap: 4px
    }

    .p-image-wrapper .slick-slide {
        overflow: hidden
    }

    .p-image-wrapper .slick-list {
        overflow: visible
    }
}

.p-image-wrapper img {
    display: block
}

.p-thumbnails-wrapper .p-thumbnails, .p-thumbnails-wrapper .p-thumbnails-inner {
    height: 96px
}

.p-thumbnails-wrapper .p-thumbnails a img, .p-thumbnails-wrapper .p-thumbnails-inner a img {
    border-style: none
}

@media (max-width: 767px) {
    .p-thumbnails-wrapper {
        display: none
    }
}

.p-thumbnail {
    border: none;
    overflow: hidden
}

.p-thumbnail.highlighted::before {
    display: none
}

.custom-slider-wrapper .slick-slide {
    margin: 0 5px
}

.custom-slider-wrapper .slick-list {
    margin: 0 -5px
}

.custom-slider-wrapper .slick-dots {
    position: initial;
    transform: none;
    margin-top: 20px;
    justify-content: center
}

.custom-slider-wrapper .slick-dots > li {
    width: 12px;
    height: 12px;
    background-color: #e8e8e8;
    opacity: 1
}

.custom-slider-wrapper .slick-dots > li button {
    font-size: 0
}

.custom-slider-wrapper .slick-dots > li.slick-active {
    background-color: #5c5c5d
}

.roast {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.roast__text {
    font-size: .75rem;
    line-height: 1.5em
}

.roast__text strong {
    color: #161617
}

@media (min-width: 768px) {
    .roast {
        margin-bottom: 32px
    }
}

.p-info-wrapper {
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    max-width: 579px
}

.p-info-wrapper > * {
    order: 100
}

.p-info-wrapper .p-detail-info {
    display: none
}

.p-info-wrapper .p-detail-inner-header {
    order: 1;
    margin-bottom: 30px
}

.p-info-wrapper .p-detail-inner-header h1 {
    font-size: 2.9rem;
    line-height: 1.0784313725em;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .p-info-wrapper .p-detail-inner-header h1 {
        font-size: 2.125rem
    }
}

.p-info-wrapper .p-short-description {
    order: 2;
    margin-bottom: 5px;
    color: #5c5c5d
}

.p-info-wrapper p[data-testid=productCardDescr] {
    order: 3;
    margin-top: 0;
    margin-bottom: 32px;
    color: #161617
}

.p-info-wrapper p[data-testid=productCardDescr] a {
    color: inherit;
    text-decoration: underline
}

.p-info-wrapper p[data-testid=productCardDescr] a::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-style: solid solid none none;
    border-width: 1px;
    rotate: 45deg;
    margin-left: 10px
}

.p-info-wrapper .detail-parameters {
    order: 4
}

.p-info-wrapper .detail-parameters tr {
    background-color: rgba(0, 0, 0, 0) !important
}

.p-info-wrapper .detail-parameters tr:has(td:has(.no-display)) {
    display: none
}

.p-info-wrapper .detail-parameters tr:last-child {
    display: block
}

.p-info-wrapper .detail-parameters .variant-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 0;
    margin-bottom: 24px;
    position: relative
}

.p-info-wrapper .detail-parameters .variant-list:last-of-type {
    margin-bottom: 0
}

.p-info-wrapper .detail-parameters .variant-list .tooltip-mleti {
    position: absolute;
    right: 0;
    top: 52px
}

.p-info-wrapper .detail-parameters .variant-list .tooltip-mleti .tooltip-btn {
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.p-info-wrapper .detail-parameters .variant-list .tooltip-mleti .tooltip-btn::before {
    content: url(../img/icon/info.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 0
}

.p-info-wrapper .detail-parameters .variant-list .tooltip-mleti .mleti-info {
    background-color: #fff;
    padding: 5px;
    position: absolute;
    z-index: 5;
    border: 1px solid #e8e8e8;
    top: 100%;
    display: none
}

.p-info-wrapper .detail-parameters .variant-list .tooltip-mleti.active .mleti-info {
    display: block
}

@media (max-width: 1199px) {
    .p-info-wrapper .detail-parameters .variant-list {
        max-width: 333px
    }

    .p-info-wrapper .detail-parameters .variant-list .tooltip-mleti {
        top: 0
    }
}

.p-info-wrapper .detail-parameters .surcharge-list select, .p-info-wrapper .detail-parameters .variant-list select {
    max-width: 333px;
    width: 100%
}

.p-info-wrapper .detail-parameters th {
    font-size: 1.25rem;
    color: #161617;
    font-weight: 600
}

.p-info-wrapper .detail-parameters td, .p-info-wrapper .detail-parameters th {
    padding: 0;
    text-align: left
}

.p-info-wrapper .detail-parameters select {
    background-color: rgba(0, 0, 0, 0)
}

.p-info-wrapper .options-wrapper {
    order: 5;
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: 2px solid #161617;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between
}

.p-info-wrapper .availability-value {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    gap: .3em
}

.p-info-wrapper .availability-value .availability-ico {
    line-height: 0
}

.p-info-wrapper .shipping-options {
    text-decoration: underline;
    display: flex;
    gap: 8px
}

.p-info-wrapper .shipping-options::before {
    content: url(../img/icon/Transport.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 0
}

.p-info-wrapper .add-to-cart-wrapper {
    order: 6;
    margin-bottom: 40px
}

.p-info-wrapper .btn.add-to-cart-button::before {
    display: none
}

.p-info-wrapper .btn.add-to-cart-button:hover, .p-info-wrapper .btn.add-to-cart-button:focus {
    color: #fff
}

.p-info-wrapper .social-buttons-wrapper {
    order: 7;
    margin-bottom: 30px;
    margin-top: 0
}

.p-info-wrapper .social-buttons.no-display {
    display: flex !important;
    opacity: 0;
    overflow: hidden;
    z-index: -1
}

@media (max-width: 767px) {
    .p-info-wrapper {
        padding: 0
    }

    .p-info-wrapper .add-to-cart-wrapper {
        padding: 20px 24px;
        gap: 16px;
        margin-bottom: 16px
    }
}

@media (max-width: 767px)and (max-width: 360px) {
    .p-info-wrapper .add-to-cart-wrapper {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .p-info-wrapper .add-to-cart-wrapper .availability-value {
        order: 1000;
        flex-basis: 100%;
        text-align: center
    }

    .p-info-wrapper .add-to-cart-wrapper .add-to-cart {
        flex-basis: 100%
    }

    .p-info-wrapper .add-to-cart-wrapper .add-to-cart .add-to-cart-button {
        width: 100%
    }

    .p-info-wrapper .options-wrapper {
        flex-direction: column;
        align-items: flex-start
    }
}

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

.quantity {
    display: flex;
    align-items: center;
    border: none;
    padding-right: 0
}

.quantity input.amount {
    order: 2;
    max-width: 72px;
    width: 100%;
    background-color: #fff;
    border-radius: 64px;
    text-align: center;
    font-family: "Haffer", sans-serif;
    color: #161617;
    font-size: 1.25rem;
    font-weight: 400;
    border: 2px solid #161617
}

.quantity input.amount::placeholder {
    color: #161617;
    font-size: 1.25rem
}

.quantity .increase, .quantity .decrease {
    padding: 0 10px;
    position: static;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    height: unset;
    width: unset;
    display: flex;
    align-items: center
}

.quantity .increase::before, .quantity .decrease::before {
    display: block;
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    position: static;
    color: #161617;
    height: unset
}

.quantity .increase {
    order: 3
}

.quantity .increase::before {
    content: ""
}

.quantity .decrease {
    order: 1
}

.quantity .decrease::before {
    content: ""
}

.quantity-form .quantity .decrease, .quantity-form .quantity .increase {
    height: unset;
    width: unset
}

.add-to-cart-wrapper {
    padding: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background-color: #f8ad41
}

.add-to-cart-wrapper .p-final-price-wrapper, .add-to-cart-wrapper .add-to-cart {
    margin-bottom: 0
}

.add-to-cart-wrapper .quantity input.amount {
    border: none
}

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

.p-final-price-wrapper .price-final {
    grid-row: 1/2;
    grid-column: 1/2;
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .p-final-price-wrapper .price-final {
        font-size: 1.5rem
    }

    .p-final-price-wrapper .price-final .parameter-dependent.default-variant {
        font-size: 1.125rem
    }
}

.p-final-price-wrapper .price-final .pr-list-unit {
    color: #161617;
    font-size: 1rem
}

.p-final-price-wrapper .price-standard {
    grid-row: 1/2;
    grid-column: 2/3;
    color: #444446
}

.p-final-price-wrapper .price-additional {
    grid-row: 2/3;
    grid-column: 1/3;
    color: #5c5c5d
}

.p-final-price-wrapper .price-save {
    display: none
}

body:not(.VO-logged) .price-additional {
    display: none
}

.p-short-description p {
    margin-top: 0
}

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

.p-detail .benefitBanner {
    gap: 10px;
    margin-top: 0;
    flex-wrap: nowrap
}

.p-detail .benefitBanner__item {
    flex: unset;
    flex-direction: row;
    width: fit-content
}

.p-detail .benefitBanner__content {
    display: none
}

.p-detail .benefitBanner__picture {
    flex: 1 1 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .p-detail .benefitBanner {
        justify-content: start;
        margin-bottom: 0;
        width: fit-content;
        margin: 0;
        gap: 20.5px
    }

    .p-detail .benefitBanner .heading-wrapper {
        justify-content: flex-end
    }
}

.has-page-header .content-inner {
    max-width: unset
}

.type-posts-listing .undecided.container, .type-post .undecided.container {
    display: none
}

.type-posts-listing #content, .post-sidebar #content {
    margin-bottom: 0
}

.type-posts-listing .subcategories, .post-sidebar .subcategories {
    margin-top: 0;
    gap: 10px;
    align-items: center;
    margin-bottom: 56px;
    display: flex;
    flex-wrap: wrap
}

.type-posts-listing .subcategories .image, .post-sidebar .subcategories .image {
    display: none
}

.type-posts-listing .subcategories li, .post-sidebar .subcategories li {
    padding: 0;
    width: fit-content
}

.type-posts-listing .subcategories li a, .post-sidebar .subcategories li a {
    border-radius: 64px;
    border: 2px solid #161617;
    color: #161617;
    background-color: #fff;
    padding: 8px 22px;
    font-size: 1.25rem;
    line-height: 1.4em
}

.type-posts-listing .subcategories li a::before, .type-posts-listing .subcategories li a::after, .post-sidebar .subcategories li a::before, .post-sidebar .subcategories li a::after {
    display: none
}

.type-posts-listing .subcategories li a .text, .post-sidebar .subcategories li a .text {
    padding: 0
}

.type-posts-listing .subcategories li a:hover, .type-posts-listing .subcategories li a:focus-visible, .post-sidebar .subcategories li a:hover, .post-sidebar .subcategories li a:focus-visible {
    background-color: #161617;
    color: #fff
}

.type-posts-listing .subcategories::before, .post-sidebar .subcategories::before {
    content: "Podrubriky";
    display: inline-block;
    padding-bottom: 24px;
    font-size: 1.75rem;
    margin-bottom: 16px;
    font-weight: 700;
    flex-basis: 100%;
    border-bottom: 2px solid #161617;
    color: #161617;
    line-height: 1
}

@media (max-width: 767px) {
    .type-posts-listing .subcategories, .post-sidebar .subcategories {
        margin-bottom: 50px
    }

    .type-posts-listing .subcategories li a .text, .post-sidebar .subcategories li a .text {
        font-size: 1rem;
        line-height: 1.5em;
        max-height: unset
    }
}

.type-posts-listing .content-inner {
    max-width: unset
}

.type-posts-listing .content-inner h1 {
    margin-top: 0;
    margin-bottom: 24px
}

.type-posts-listing .content-inner > p {
    font-size: 1.25rem;
    line-height: 1.4em
}

.type-posts-listing .content-inner > p:last-of-type {
    margin-bottom: 32px
}

.type-posts-listing .content-inner .news-item {
    margin-right: 0;
    padding-bottom: 0
}

.type-posts-listing .page-header {
    margin-bottom: 20px
}

.type-posts-listing .blog-sidebar .color-banner .texts h4, .type-posts-listing .blog-sidebar .color-banner .texts h2 {
    font-size: 1.5rem;
    line-height: 1.3333333333em
}

.type-posts-listing .blog-sidebar .radce .color-banner {
    padding: 24px 20px 32px 20px;
    min-height: 296px
}

.type-posts-listing .blog-sidebar .radce .color-banner img {
    max-width: 217px
}

@media (min-width: 768px) {
    .type-posts-listing .content-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .type-posts-listing .content-inner > * {
        flex-basis: 100%
    }

    .type-posts-listing .content-inner > p {
        font-size: 1.5rem;
        line-height: 1.3333333333em
    }

    .type-posts-listing .content-inner > p:last-of-type {
        margin-bottom: 48px
    }

    .type-posts-listing .content-inner #newsWrapper {
        flex: 1 1 350px;
        max-width: 645px;
        margin-right: 30px
    }

    .type-posts-listing .content-inner aside, .type-posts-listing .content-inner > .subcategories {
        flex: 1 1 300px;
        max-width: 335px;
        position: sticky;
        top: 15px
    }

    .type-posts-listing .news-item:first-child, .type-posts-listing .news-item:nth-child(5n+1) {
        display: flex;
        grid-column: 1/-1;
        overflow: hidden
    }

    .type-posts-listing .news-item:first-child .image, .type-posts-listing .news-item:nth-child(5n+1) .image {
        aspect-ratio: 946/456
    }

    .type-posts-listing .news-item:first-child .image img, .type-posts-listing .news-item:nth-child(5n+1) .image img {
        max-height: 456px
    }

    .type-posts-listing .news-item:first-child .text, .type-posts-listing .news-item:nth-child(5n+1) .text {
        padding: 24px 16px 20px 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }

    .type-posts-listing .news-item:first-child .text .title, .type-posts-listing .news-item:nth-child(5n+1) .text .title {
        font-size: 2rem;
        line-height: 1.25em
    }

    .type-posts-listing .news-item:first-child .text time, .type-posts-listing .news-item:nth-child(5n+1) .text time {
        position: initial;
        transform: none;
        margin-bottom: 20px
    }
}

@media (min-width: 768px)and (max-width: 1200px) {
    .type-posts-listing .news-item:first-child .text, .type-posts-listing .news-item:nth-child(5n+1) .text {
        padding: 30px
    }
}

@media (min-width: 1300px) {
    .type-posts-listing .content-inner #newsWrapper {
        margin-right: 159px;
        max-width: 946px
    }
}

.type-post .content-wrapper-in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start
}

@media (max-width: 767px) {
    .type-post .content-wrapper-in {
        flex-direction: column
    }
}

.type-post #content {
    flex: 1 1 500px;
    max-width: 948px
}

.type-post #content h1 {
    margin-top: 0;
    margin-bottom: 24px
}

.type-post aside.post-sidebar {
    flex: 1 1 300px;
    max-width: 335px;
    position: sticky;
    top: 30px
}

.type-post aside.post-sidebar .color-banner .texts h4, .type-post aside.post-sidebar .color-banner .texts h2 {
    font-size: 1.5rem;
    line-height: 1.3333333333em
}

.type-post aside.post-sidebar .radce .color-banner {
    padding: 24px 20px 32px 20px;
    min-height: 296px
}

.type-post aside.post-sidebar .radce .color-banner img {
    max-width: 217px
}

.type-post .news-item-detail h2, .type-post .news-item-detail h3, .type-post .news-item-detail h4 {
    margin-top: 48px;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .type-post .news-item-detail h2, .type-post .news-item-detail h3, .type-post .news-item-detail h4 {
        margin-top: 40px
    }
}

@media (min-width: 1200px) {
    .type-post .one-column-body .content-inner {
        margin: 0
    }

    .type-post .content-inner {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .type-post .sharing-wrapper {
        display: none
    }

    .type-post aside.post-sidebar {
        display: flex;
        flex-direction: column
    }

    .type-post aside.post-sidebar .subcategories {
        order: 10
    }
}

.post-header-image {
    position: relative;
    margin-bottom: 60px;
    width: 100%
}

.post-header-image img {
    display: block;
    width: 100%;
    max-height: 480px;
    object-fit: cover
}

.post-header-image time {
    position: absolute;
    bottom: 24px;
    left: 24px;
    background-color: #fff;
    padding: 12px 16px;
    border-radius: 64px;
    font-size: 1.25rem;
    line-height: 1.4em;
    color: #161617;
    border: 1px solid #e8e8e8
}

@media (max-width: 767px) {
    .post-header-image time {
        padding: 6px 8px;
        font-size: .75rem
    }
}

@media (max-width: 767px) {
    .post-header-image {
        margin-bottom: 32px;
        margin-left: -20px;
        margin-right: -20px;
        width: auto
    }

    .post-header-image img {
        min-height: 320px
    }
}

.sharing-wrapper > p {
    font-size: 1.25rem;
    line-height: 1.4em;
    font-weight: 600;
    margin-bottom: 16px;
    color: #161617
}

.sharing-wrapper .sharing-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

.sharing-wrapper .sharing-list a {
    border: 2px solid #161617;
    padding: 8px;
    border-radius: 50%
}

.sharing-wrapper .sharing-list a::before {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 0
}

.sharing-wrapper .sharing-list a.x-btn::before {
    content: url(../img/icon/Twitter-X-black.svg)
}

.sharing-wrapper .sharing-list a.insta-btn::before {
    content: url(../img/icon/Instagram-black.svg)
}

.sharing-wrapper .sharing-list a.fb-btn::before {
    content: url(../img/icon/FB-black.svg)
}

.content-inner {
    max-width: unset
}

.in-radce-pri-vyberu #header {
    margin-bottom: 0
}

.in-radce-pri-vyberu article > header > h1 {
    display: none
}

@media (min-width: 992px) {
    .in-radce-pri-vyberu .category-top.page-header {
        background: url(https://cdn.myshoptet.com/usr/653627.myshoptet.com/user/documents/upload/Miranda_bannery/radce_img.png) no-repeat center right 56px #384999;
        margin-bottom: 60px
    }
}

.in-radce-pri-vyberu .undecided {
    display: none
}

.in-radce-pri-vyberu h2 {
    margin-bottom: 16px;
    margin-top: 24px
}

.in-radce-pri-vyberu .links {
    margin-right: -20px;
    margin-bottom: 56px
}

.in-radce-pri-vyberu .links ul {
    flex-wrap: nowrap;
    min-height: 50px;
    align-items: center
}

.in-radce-pri-vyberu .links ul li a {
    white-space: nowrap
}

@media (max-width: 1200px) {
    .in-radce-pri-vyberu .links {
        overflow: scroll
    }
}

@media (max-width: 991px) {
    .in-radce-pri-vyberu .links {
        margin-left: -20px
    }

    .in-radce-pri-vyberu .links ul {
        margin-left: 20px
    }
}

.in-radce-pri-vyberu .content-inner .method, .in-radce-pri-vyberu .content-inner .degustace {
    scroll-margin-top: 40px
}

.in-radce-pri-vyberu .content-inner .method a.btn.btn-secondary, .in-radce-pri-vyberu .content-inner .degustace a.btn.btn-secondary {
    border: 2px solid #161617;
    width: fit-content;
    padding: 12px 26px 12px 28px;
    gap: 18px
}

.in-radce-pri-vyberu .content-inner .method a.btn.btn-secondary:hover, .in-radce-pri-vyberu .content-inner .method a.btn.btn-secondary:focus-visible, .in-radce-pri-vyberu .content-inner .degustace a.btn.btn-secondary:hover, .in-radce-pri-vyberu .content-inner .degustace a.btn.btn-secondary:focus-visible {
    gap: 28px;
    padding-right: 16px
}

@media (max-width: 767px) {
    .in-radce-pri-vyberu .content-inner .method a.btn.btn-secondary, .in-radce-pri-vyberu .content-inner .degustace a.btn.btn-secondary {
        margin-bottom: 40px
    }
}

.in-radce-pri-vyberu .content-inner p > picture {
    margin-bottom: 32px;
    display: block
}

.in-radce-pri-vyberu .method img {
    vertical-align: middle
}

@media (max-width: 767px) {
    .in-radce-pri-vyberu .method {
        margin-bottom: 56px
    }
}

.in-radce-pri-vyberu .method__left h5 {
    margin-top: 32px;
    margin-bottom: 24px
}

.in-radce-pri-vyberu .method__left .image-wrapper {
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .in-radce-pri-vyberu .method__left .image-wrapper img {
        width: 101px;
        height: 101px
    }
}

.in-radce-pri-vyberu .method__left h2::before {
    display: flex;
    width: 64px;
    height: 64px;
    line-height: 0;
    margin-bottom: 24px
}

.in-radce-pri-vyberu .method__left h2::after {
    display: none
}

.in-radce-pri-vyberu .method#automaticke h2::before, .in-radce-pri-vyberu .method#automaticke h2::after {
    content: url("../img/icon/Automatic.svg")
}

.in-radce-pri-vyberu .method#pakovy h2::before, .in-radce-pri-vyberu .method#pakovy h2::after {
    content: url("../img/icon/paka.svg")
}

@media (max-width: 767px) {
    .in-radce-pri-vyberu .method#pakovy .method__left .image-wrapper img {
        width: 205px
    }
}

.in-radce-pri-vyberu .method#french-press-filtr h2::before, .in-radce-pri-vyberu .method#french-press-filtr h2::after {
    content: url("../img/icon/filtr_french.svg");
    width: 176px
}

.in-radce-pri-vyberu .method#moka h2::before, .in-radce-pri-vyberu .method#moka h2::after {
    content: url("../img/icon/moka_dzezva.svg");
    width: 176px
}

.in-radce-pri-vyberu .method__right .advice {
    background-color: #f3f3f3;
    padding: 16px
}

.in-radce-pri-vyberu .method__right .advice p:last-child {
    margin-bottom: 0
}

.in-radce-pri-vyberu .method__right .advice h5 {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0
}

.in-radce-pri-vyberu .method__right .advice h5::before {
    content: url(../img/icon/info.svg);
    display: block;
    width: 24px;
    height: 24px;
    line-height: 0
}

@media (max-width: 767px) {
    .in-radce-pri-vyberu .method__right img {
        display: none
    }

    .in-radce-pri-vyberu .method__right .advice h5 {
        cursor: pointer;
        justify-content: space-between
    }

    .in-radce-pri-vyberu .method__right .advice h5::after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-style: none solid solid none;
        border-width: 1px;
        rotate: 45deg;
        margin-left: auto
    }

    .in-radce-pri-vyberu .method__right .advice > p {
        display: none
    }

    .in-radce-pri-vyberu .method__right .advice.active h5 {
        margin-bottom: 16px
    }

    .in-radce-pri-vyberu .method__right .advice.active h5::after {
        rotate: 225deg
    }

    .in-radce-pri-vyberu .method__right .advice.active > p {
        display: block
    }
}

@media (max-width: 767px) {
    .in-radce-pri-vyberu .degustace__intro {
        margin-bottom: 40px
    }

    .in-radce-pri-vyberu .degustace__text h4 {
        margin-top: 16px;
        margin-bottom: 16px;
        font-size: 1.25rem;
        line-height: 1.4em
    }

    .in-radce-pri-vyberu .degustace a.btn.btn-secondary {
        margin-top: 32px
    }
}

@media (min-width: 768px) {
    .in-radce-pri-vyberu .guide__header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 88px
    }

    .in-radce-pri-vyberu .guide__header h2 {
        margin-top: 0;
        margin-bottom: 0
    }

    .in-radce-pri-vyberu .guide__header p {
        font-size: 1.25rem;
        line-height: emmm(28, 20)
    }

    .in-radce-pri-vyberu .guide__header > * {
        flex: 1 1 350px;
        max-width: 579px
    }

    .in-radce-pri-vyberu .links {
        margin-bottom: 120px
    }

    .in-radce-pri-vyberu .content-inner .guide .color-banner {
        margin-bottom: 120px
    }

    .in-radce-pri-vyberu .content-inner p > picture {
        margin-bottom: 60px
    }

    .in-radce-pri-vyberu h2 {
        margin-bottom: 40px
    }

    .in-radce-pri-vyberu .method {
        display: flex;
        gap: 30px;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 120px;
        flex-wrap: wrap
    }

    .in-radce-pri-vyberu .method__left {
        max-width: 702px;
        flex: 1 1 400px
    }

    .in-radce-pri-vyberu .method__left .image-wrapper {
        margin-bottom: 48px;
        margin-top: 40px
    }

    .in-radce-pri-vyberu .method__left p {
        font-size: 1.25rem;
        line-height: 1.4em;
        font-size: 1.125rem;
        line-height: 1.5555555556em
    }

    .in-radce-pri-vyberu .method__left h2 {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 10px
    }

    .in-radce-pri-vyberu .method__left h2::before {
        display: none
    }

    .in-radce-pri-vyberu .method__left h2::after {
        display: inline-block;
        width: 80px;
        height: 80px;
        line-height: 0
    }

    .in-radce-pri-vyberu .method__right {
        flex: 1 1 300px;
        max-width: 456px
    }

    .in-radce-pri-vyberu .method__right .advice {
        padding: 32px
    }

    .in-radce-pri-vyberu .method__right .advice h5 {
        font-size: 1.5rem;
        line-height: 1.3333333333em;
        margin-bottom: 16px
    }

    .in-radce-pri-vyberu .degustace__intro, .in-radce-pri-vyberu .degustace__item {
        display: flex;
        gap: 30px;
        justify-content: space-between;
        margin-bottom: 120px;
        flex-wrap: wrap
    }

    .in-radce-pri-vyberu .degustace__intro h2, .in-radce-pri-vyberu .degustace__intro h4, .in-radce-pri-vyberu .degustace__item h2, .in-radce-pri-vyberu .degustace__item h4 {
        margin-top: 0;
        margin-bottom: 24px
    }

    .in-radce-pri-vyberu .degustace__intro p, .in-radce-pri-vyberu .degustace__item p {
        font-size: 1.25rem;
        line-height: 1.4em
    }

    .in-radce-pri-vyberu .degustace__intro h2 {
        max-width: 702px;
        flex: 1 1 400px
    }

    .in-radce-pri-vyberu .degustace__intro > p {
        flex: 1 1 400px;
        max-width: 579px
    }

    .in-radce-pri-vyberu .degustace__item a.btn-secondary {
        margin-top: 40px
    }

    .in-radce-pri-vyberu .degustace__item .image-wrapper {
        flex: 1 1 400px;
        max-width: 702px
    }

    .in-radce-pri-vyberu .degustace__item .image-wrapper img {
        display: block;
        width: 100%;
        object-fit: cover
    }

    .in-radce-pri-vyberu .degustace__item:last-child {
        margin-bottom: 0
    }

    .in-radce-pri-vyberu .degustace__item .degustace__text {
        flex: 1 1 300px;
        max-width: 579px
    }
}

.nas-tym {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
    gap: 36px;
    max-width: 1070px
}

.nas-tym .tym.columns {
    display: block;
    text-align: center;
    color: #161617
}

.nas-tym .tym.columns p {
    margin-bottom: 0
}

.nas-tym .tym.columns a:not(.btn) {
    font-weight: 600;
    font-size: 1.25rem;
    color: #161617;
    margin-bottom: 10px
}

.claim {
    font-size: 3rem;
    line-height: 1.1666666667em;
    font-weight: 400;
    letter-spacing: .01em;
    text-align: right;
    color: #161617
}

.white-text p, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text a {
    color: #fff
}

.custom-heading {
    position: relative
}

.custom-heading h1 {
    margin: 0 0 30px
}

.custom-heading .text-container p {
    font-size: 1.5rem;
    line-height: 1.25em
}

.custom-heading .text-container p:last-of-type {
    margin-bottom: 0
}

.custom-heading + h2 {
    margin-top: 60px
}

@media (min-width: 768px) {
    .custom-heading.no-image {
        background-color: #384999;
        padding: 48px 56px
    }

    .custom-heading.no-image .text-container {
        max-width: 650px;
        position: static
    }

    .custom-heading:not(.no-image) .text-container {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 52px;
        transform: translateY(-50%);
        max-width: 305px
    }
}

@media (max-width: 767px) {
    .custom-heading {
        background-color: #384999;
        padding: 24px 20px 32px 20px
    }

    .custom-heading img {
        display: none
    }

    .custom-heading.no-image .text-container {
        max-width: unset
    }
}

.hashtags ul {
    padding-left: 0 !important;
    list-style: none
}

.hashtags li {
    border-radius: 64px;
    color: #fff;
    padding: 8px 24px;
    font-size: 1rem;
    line-height: 1.4444444444em
}

.uvodni {
    font-size: 1.3rem;
    max-width: 1070px;
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .uvodni {
        font-size: 1rem;
        margin-bottom: 30px
    }
}

.flex-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    gap: 40px;
    justify-content: space-between
}

.flex-box .flex-text {
    max-width: 702px;
    flex: 1 1 400px
}

.flex-box .flex-text .btn.btn-secondary {
    width: fit-content;
    margin-top: 30px
}

.flex-box h6 {
    margin-bottom: 5px
}

.flex-box h6:first-of-type {
    margin-top: 0
}

.flex-box h6:not(:first-of-type) {
    margin-top: 30px
}

.flex-box .company-info p:nth-of-type(2) {
    margin-bottom: 0px
}

@media (min-width: 992px) {
    .flex-box {
        gap: 36px
    }

    .flex-box.reverse {
        flex-direction: row-reverse
    }

    .flex-box .flex-text {
        max-width: calc(50% - 18px)
    }

    .flex-box iframe {
        min-height: 250px
    }

    .flex-box > img, .flex-box iframe, .flex-box video {
        margin-right: auto
    }
}

@media (min-width: 1200px) {
    .flex-box {
        margin-bottom: 50px
    }

    .flex-box .flex-text {
        padding-right: 116px
    }

    .flex-box .flex-text .btn.btn-secondary {
        margin-top: 60px
    }

    .flex-box .flex-text.columns {
        gap: 120px
    }
}

h2:has(+.flex-box) {
    margin-top: 60px
}

#header {
    z-index: 999
}

#formSearchForm {
    position: relative
}

.search-whisperer {
    top: 60px;
    max-height: calc(100vh - 155px);
    overflow: scroll
}

@media (max-width: 767px) {
    #header .search-whisperer {
        max-height: calc(100vh - 150px);
        top: 58px;
        padding-bottom: 100px
    }
}

.list-menu-wrapper ul.search-whisperer-products {
    display: block
}

.list-menu-wrapper .search-whisperer-documents a {
    color: #5c5c5d
}

.menu-helper .appended-category {
    display: none
}

@media (max-width: 767px) {
    .menu-helper {
        display: none
    }
}

.menu-helper > span {
    font-size: 0;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.menu-helper > span::after {
    content: url(../img/icon/menu.svg);
    display: block;
    width: 24px;
    height: 24px;
    line-height: 0
}

.menu-helper::after {
    display: none
}

.menu-helper .menu-level-1 {
    position: absolute;
    top: 77px;
    right: 20px;
    flex-direction: column;
    background-color: #fff;
    border-radius: 32px;
    border: none;
    padding: 10px 20px;
    display: none;
    box-shadow: 0 0 5px 10px rgba(0, 0, 0, .05)
}

.menu-helper .menu-level-1 > li {
    border: none
}

.menu-helper .menu-level-1 li.splitted {
    display: none
}

.menu-helper .menu-level-1 > li:not(.splitted) {
    display: flex;
    flex-direction: column
}

.menu-helper .menu-level-1 > li.ext.exp .menu-level-2 {
    display: flex;
    padding: 0 0 0 20px
}

.menu-helper .menu-level-1 > li.ext.exp .menu-level-2 > li {
    margin: 0
}

.menu-helper .menu-level-1 li > a {
    padding: .625em 1.25em;
    color: #5c5c5d;
    font-size: 1rem;
    display: flex
}

.menu-helper .menu-level-1 li > a::before, .menu-helper .menu-level-1 li > a::after {
    display: none
}

.menu-helper .menu-level-1 li > a:hover, .menu-helper .menu-level-1 li > a:focus {
    text-decoration: underline
}

.menu-helper .menu-level-2 {
    display: none;
    position: initial;
    flex-direction: column
}

.menu-helper .menu-level-2 .menu-image {
    display: none
}

.menu-helper-visible .menu-helper .menu-level-1 {
    display: flex
}

.appended-category {
    display: none
}

.top-navigation-menu {
    display: none
}

#navigation .menu-level-2-helper .color-banner {
    padding: 24px 20px;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    margin: 0
}

#navigation .menu-level-2-helper .color-banner img {
    rotate: 0deg
}

.carousel-control {
    position: absolute;
    bottom: 56px;
    top: unset;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.carousel-control.right, .carousel-control.left {
    background-color: #fff;
    opacity: 1
}

.carousel-control.right::before, .carousel-control.left::before {
    content: url(../img/icon/arrow-right.svg);
    display: block;
    line-height: 0;
    transition: all .15s ease-in-out;
    right: unset;
    background-color: rgba(0, 0, 0, 0);
    width: unset;
    height: unset;
    margin-top: unset;
    position: static
}

.carousel-control.right {
    right: 56px;
    left: unset
}

.carousel-control.left {
    left: unset;
    right: 110px
}

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

.carousel-control:hover {
    border-color: #5c5c5d
}

@media (max-width: 767px) {
    .carousel-control {
        top: 104px;
        bottom: unset
    }

    .carousel-control.right {
        right: 20px;
        left: unset
    }

    .carousel-control.left {
        right: unset;
        left: 20px
    }
}

.carousel:hover .carousel-control.left::before, .carousel:hover .carousel-control.right::before {
    right: unset
}

.carousel-dots, .slick-dots {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 8px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%)
}

.carousel-dots > li, .slick-dots > li {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    transition: all .15s ease-in-out;
    opacity: .4
}

.carousel-dots > li.dot-active, .slick-dots > li.dot-active {
    opacity: 1
}

/*# sourceMappingURL=critical.min.css.map */

a.link-like {
    text-decoration: underline
}

.content-wrapper.container {
    padding-left: 2rem;
    padding-right: 2rem
}

.content-wrapper.container .content {
    padding-inline: 0
}

@media (max-width: 767px) {
    .content-wrapper.container {
        padding-left: 20px;
        padding-right: 20px
    }
}

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

@media (max-width: 767px) {
    .columns {
        gap: 20px
    }
}

.columns.col-2 .column {
    flex: 1 1 450px
}

.columns.col-3 .column {
    flex: 1 1 300px
}

.columns.col-4 .column {
    flex: 1 1 300px
}

.columns.align-center {
    align-items: center
}

.columns.no-gap {
    gap: 0
}

.buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px
}

.buttons-wrapper.buttons-center {
    justify-content: center
}

.buttons-wrapper.align-center {
    align-items: center
}

@media (max-width: 767px) {
    .buttons-wrapper {
        margin-top: 20px
    }
}

#newsWrapper:not(.slick-inicialized) {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
    gap: 36px
}

@media (max-width: 540px) {
    #newsWrapper:not(.slick-inicialized) {
        grid-template-columns:minmax(1px, 1fr)
    }
}

p.large {
    font-size: 1.25rem
}

.slick-track {
    display: flex !important;
    margin-left: unset;
    margin-right: unset
}

.slick-slide {
    height: inherit !important
}

.slick-arrow {
    font-size: 0;
    position: absolute;
    top: -90px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    border: 2px solid #161617;
    border-radius: 50%;
    background-color: #fff;
    transition: all .15s ease-in-out
}

.slick-arrow::before {
    content: url(../img/icon/arrow-right.svg);
    line-height: 0;
    display: block
}

.slick-arrow:hover, .slick-arrow:focus {
    border-color: #5c5c5d
}

.slick-arrow.slick-prev {
    right: 58px
}

.slick-arrow.slick-prev::before {
    transform: rotate(180deg)
}

.slick-arrow.slick-next {
    right: 0
}

.slick-arrow.slick-disabled {
    opacity: .3
}

@media (max-width: 767px) {
    .slick-arrow {
        top: -2.5rem;
        width: 32px;
        height: 32px
    }

    .slick-arrow.slick-prev {
        right: 37px
    }

    .slick-arrow::before {
        scale: .85
    }
}

.flags-default, .flags-extra {
    position: absolute;
    z-index: 1
}

.flags-default.contains-extra .flags-extra {
    position: initial
}

.products-block:not(.slick-initialized), .products-inline.dkLabVisitedProducts:not(.slick-initialized) {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
    gap: 36px
}

@media (max-width: 767px) {
    .products-block:not(.slick-initialized), .products-inline.dkLabVisitedProducts:not(.slick-initialized) {
        grid-template-columns:repeat(2, minmax(1px, 1fr));
        gap: 12px
    }
}

@media (min-width: 1380px) {
    .one-column-body .products-block:not(.slick-initialized), .one-column-body .products-inline.dkLabVisitedProducts:not(.slick-initialized) {
        grid-template-columns:repeat(4, minmax(1px, 1fr))
    }
}

.dkLabVisitedProductsBox.dkLabVisitedClassic a.image > img {
    width: auto !important
}

.dkLabVisitedProductsBox .product .ratings-wrapper {
    display: none
}

.btn, .next-step-back, .rate-form-trigger, .cp-button, .chevron-after, .add-comment, .login-btn, .display-results-group {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    cursor: pointer;
    transition: all .15s ease-in-out
}

.btn, a.btn {
    font-size: 1rem;
    line-height: 1.5em;
    text-transform: none
}

.login-btn {
    justify-content: flex-start;
    border-radius: 6px;
    padding: .875em 1.0625em
}

.login-btn strong {
    font-weight: 400
}

.login-btn.facebook {
    background-color: #0677e8;
    color: #fff
}

.login-btn.facebook::before {
    content: url(../img/template-default/icon/fb-ico.svg)
}

.login-btn.google {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #e5e1db;
    color: #373338
}

.login-btn.google::before {
    content: url(../img/template-default/icon/google-ico.svg)
}

.login-btn::before {
    display: block;
    line-height: 0;
    margin-right: 1.0625em
}

.btn:not(.cart-count), .extended-banner-link, .rate-form-trigger, .toggle-top-products {
    transition: all .15s ease-in-out;
    text-decoration: none;
    border-radius: 64px
}

a.btn.btn-secondary, .btn-default, .btn.inline-block, .btn-cart {
    border: 1px solid #161617;
    background-color: #fff;
    color: #161617
}

a.btn.btn-secondary:hover, a.btn.btn-secondary:focus, .btn-default:hover, .btn-default:focus, .btn.inline-block:hover, .btn.inline-block:focus, .btn-cart:hover, .btn-cart:focus {
    background-color: #000;
    color: #fff
}

.btn.btn-secondary, a.btn.btn-secondary, .extended-banner-link {
    border: none;
    display: flex;
    align-items: center;
    gap: 24px
}

.btn.btn-secondary:hover, .btn.btn-secondary:focus-visible, a.btn.btn-secondary:hover, a.btn.btn-secondary:focus-visible, .extended-banner-link:hover, .extended-banner-link:focus-visible {
    gap: 34px
}

@media (max-width: 767px) {
    .btn.btn-secondary, a.btn.btn-secondary, .extended-banner-link {
        gap: 18px
    }
}

a.btn.btn-primary, .btn.btn-primary, .btn.btn-secondary, a.btn.btn-secondary, a.btn.btn-read-more {
    padding: .75em 1em;
    border: 2px solid #161617
}

.btn.btn-secondary::after, a.btn.btn-secondary::after, .extended-banner-link::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #161617;
    border-style: solid solid none none;
    rotate: 45deg
}

.btn.btn-secondary, a.btn.btn-secondary {
    padding-right: 28px;
    padding-left: 32px
}

.btn.btn-secondary:hover, .btn.btn-secondary.focus-visible, a.btn.btn-secondary:hover, a.btn.btn-secondary.focus-visible {
    padding-right: 18px
}

.btn.btn-secondary:hover::after, .btn.btn-secondary.focus-visible::after, a.btn.btn-secondary:hover::after, a.btn.btn-secondary.focus-visible::after {
    border-color: #fff
}

.btn-primary, .btn-conversion, .rate-form-trigger {
    background-color: #161617;
    color: #5c5c5d
}

.btn-primary:hover, .btn-primary:focus, .btn-conversion:hover, .btn-conversion:focus, .rate-form-trigger:hover, .rate-form-trigger:focus {
    background-color: #000;
    color: #fff
}

.btn.add-to-cart-button {
    gap: .5em;
    padding: .8125em .9375em
}

.btn.add-to-cart-button.btn-lg {
    padding: .75em 1.5em;
    line-height: 1.5em
}

.btn.add-to-cart-button::before {
    content: url(../img/icon/cart-accent.svg);
    line-height: 0;
    display: block;
    width: 24px;
    height: 24px
}

.btn.add-to-cart-button:hover, .btn.add-to-cart-button:focus {
    color: #5c5c5d
}

.btn.add-to-cart-button:hover::before, .btn.add-to-cart-button:focus::before {
    mix-blend-mode: difference
}

@media (max-width: 767px) {
    .btn.add-to-cart-button {
        gap: 6px
    }
}

.btn-tertiary {
    background-color: #fff;
    color: #5c5c5d
}

.btn-tertiary:hover, .btn-tertiary:focus {
    background-color: #000;
    color: #fff
}

.question-tooltip {
    font-size: .75rem
}

b, strong {
    font-weight: 600
}

.client-center-box ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.client-center-box ul li {
    margin-bottom: 10px
}

.client-center-box ul li a:not(.btn) {
    line-height: 1.5em;
    color: #5c5c5d
}

.client-center-box ul li a:not(.btn):hover, .client-center-box ul li a:not(.btn):focus {
    text-decoration: underline
}

@media (max-width: 767px) {
    h2, .h2, .h4, .cart-inner h4, .welcome-wrapper h1, .custom-footer__instagram h4 {
        font-size: 1.375rem
    }

    h3, .h3 {
        font-size: 1.25rem
    }
}

.banner-wrapper {
    margin-top: 0
}

.banners-content.row .col-lg-1, .banners-content.row .col-lg-10, .banners-content.row .col-lg-11, .banners-content.row .col-lg-12, .banners-content.row .col-lg-2, .banners-content.row .col-lg-3, .banners-content.row .col-lg-4, .banners-content.row .col-lg-5, .banners-content.row .col-lg-6, .banners-content.row .col-lg-7, .banners-content.row .col-lg-8, .banners-content.row .col-lg-9, .banners-content.row .col-md-1, .banners-content.row .col-md-10, .banners-content.row .col-md-11, .banners-content.row .col-md-12, .banners-content.row .col-md-2, .banners-content.row .col-md-3, .banners-content.row .col-md-4, .banners-content.row .col-md-5, .banners-content.row .col-md-6, .banners-content.row .col-md-7, .banners-content.row .col-md-8, .banners-content.row .col-md-9, .banners-content.row .col-sm-1, .banners-content.row .col-sm-10, .banners-content.row .col-sm-11, .banners-content.row .col-sm-12, .banners-content.row .col-sm-2, .banners-content.row .col-sm-3, .banners-content.row .col-sm-4, .banners-content.row .col-sm-5, .banners-content.row .col-sm-6, .banners-content.row .col-sm-7, .banners-content.row .col-sm-8, .banners-content.row .col-sm-9, .banners-content.row .col-xl-1, .banners-content.row .col-xl-10, .banners-content.row .col-xl-11, .banners-content.row .col-xl-12, .banners-content.row .col-xl-2, .banners-content.row .col-xl-3, .banners-content.row .col-xl-4, .banners-content.row .col-xl-5, .banners-content.row .col-xl-6, .banners-content.row .col-xl-7, .banners-content.row .col-xl-8, .banners-content.row .col-xl-9, .banners-content.row .col-xs-1, .banners-content.row .col-xs-10, .banners-content.row .col-xs-11, .banners-content.row .col-xs-12, .banners-content.row .col-xs-2, .banners-content.row .col-xs-3, .banners-content.row .col-xs-4, .banners-content.row .col-xs-5, .banners-content.row .col-xs-6, .banners-content.row .col-xs-7, .banners-content.row .col-xs-8, .banners-content.row .col-xs-9 {
    float: none;
    width: 100%
}

.benefitBanner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    text-align: center;
    flex-wrap: wrap;
    margin-top: 0
}

.benefitBanner__item {
    flex: 1 1 160px;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px
}

@media (max-width: 767px) {
    .benefitBanner {
        gap: 15px
    }

    .benefitBanner__item {
        flex: 1 1 130px
    }
}

@media (max-width: 365px) {
    .benefitBanner__item:not(:last-child) .benefitBanner__content {
        max-width: 102px
    }
}

.benefitBanner__title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    font-weight: 400;
    color: #161617;
    padding: 0
}

.benefitBanner__picture {
    flex: 0 0 64px;
    margin-right: 0;
    max-width: 64px
}

.benefitBanner__picture img {
    display: block;
    margin: 0 auto
}

@media (max-width: 767px) {
    .benefitBanner__picture {
        max-width: 48px;
        flex-shrink: 0;
        margin: 0
    }
}

.type-category .benefitBanner {
    margin-top: 40px
}

@media (min-width: 768px) {
    .type-category .benefitBanner {
        margin-top: 64px
    }
}

.stars-wrapper {
    display: flex;
    gap: 10px;
    align-items: center
}

.stars-wrapper .stars-label {
    color: #8b8b8c
}

.search .btn.btn-default {
    padding: 11px 28px
}

.type-page article div[itemprop=about] ul, .type-post .news-item-detail .text ul, .type-product .basic-description ul {
    padding-left: 14px
}

.type-page article div[itemprop=about] ul li::marker, .type-post .news-item-detail .text ul li::marker, .type-product .basic-description ul li::marker {
    color: #161617
}

.type-page article div[itemprop=about] ol li, .type-page article div[itemprop=about] ul li, .type-post .news-item-detail .text ol li, .type-post .news-item-detail .text ul li, .type-product .basic-description ol li, .type-product .basic-description ul li {
    line-height: 1.5;
    margin-bottom: 5px
}

img {
    vertical-align: unset
}

@media (min-width: 768px) {
    .banner-category a img, .banner-footer a img, .banner-wrapper a img, .banners-content a img, .footer-banner a img {
        transform: unset;
        transition: unset
    }

    .banner-category a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .banners-content a:hover img, .footer-banner a:hover img {
        transform: unset
    }
}

.shipping-options-popup h1 {
    margin: 0 0 30px
}

.shipping-options-popup .extra.delivery {
    margin-top: 40px
}

@media (max-width: 767px) {
    .content-modal h1 {
        margin-top: 0;
        max-width: calc(100% - 30px)
    }
}

.admin-logged .popup-widget.login-widget {
    top: 150px
}

.popup-widget.login-widget {
    top: 125px
}

.popup-widget.login-widget::before {
    display: none
}

@media (max-width: 767px) {
    .popup-widget.cart-widget, .popup-widget.login-widget {
        padding-top: 75px
    }
}

@media (min-width: 992px) {
    .admin-logged .popup-widget.cart-widget {
        top: 150px
    }

    .popup-widget.cart-widget {
        top: 125px
    }

    .popup-widget.cart-widget::before {
        display: none
    }
}

.cart-widget-product-amount {
    width: 104px;
    padding-left: 0;
    padding-right: 0
}

.cart-widget-product-amount .quantity input.amount {
    width: 41px
}

.cart-widget-product-unit {
    width: 29px
}

.popup-widget.cart-widget #continue-order-button.btn:not(.cart-count) {
    border-radius: 0
}

#footer {
    overflow: hidden;
    margin-top: 56px
}

#footer ul a {
    color: #161617
}

#footer h4 {
    text-transform: none;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    #footer {
        margin-top: 120px
    }
}

.footer-bottom-wrapper {
    padding: 20px 0
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    font-size: .75rem;
    color: #5c5c5d;
    padding-top: 24px;
    padding-bottom: 24px
}

.footer-bottom a:hover, .footer-bottom a:focus-visible {
    text-decoration: underline
}

.footer-bottom #signature, .footer-bottom .copyright {
    flex: unset;
    margin: 0
}

.footer-bottom > img {
    margin: 0 auto
}

.footer-bottom .copyright {
    max-width: 435px;
    width: 100%
}

.footer-bottom .copyright strong {
    font-weight: 400;
    color: #161617
}

.footer-bottom #signature {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    row-gap: 0;
    line-height: 24px
}

.footer-bottom #signature a {
    color: #5c5c5d
}

.footer-bottom #signature .image {
    display: none
}

.footer-bottom #signature .company img {
    margin-right: 10px;
    margin-left: 5px
}

.footer-bottom #signature a.company {
    display: flex;
    align-items: center
}

.footer-bottom #signature a.company:hover img, .footer-bottom #signature a.company:focus-visible img {
    filter: invert(79%) sepia(15%) saturate(1321%) hue-rotate(89deg) brightness(91%) contrast(98%)
}

@media (max-width: 767px) {
    .footer-bottom {
        flex-direction: column-reverse;
        align-items: center
    }
}

.custom-footer {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-grow: 1;
    gap: 20px;
    border-color: #161617;
    border-width: 2px;
    margin-top: 64px
}

.custom-footer > div {
    flex: 1 1 200px;
    position: relative;
    padding: 0
}

.custom-footer > a {
    display: none !important
}

.custom-footer .news-item-widget time {
    display: none
}

@media (max-width: 767px) {
    .custom-footer {
        margin-top: 32px
    }

    .footer-rows {
        flex-direction: column
    }

    .footer-bottom {
        text-align: center;
        gap: 20px
    }

    .footer-bottom #signature {
        align-items: center;
        justify-content: center
    }
}

@media (max-width: 480px) {
    .footer-bottom #signature {
        align-items: flex-start
    }

    .footer-bottom #signature .company {
        max-width: 202px;
        align-self: stretch;
        text-align: left;
        display: flex;
        align-items: flex-start
    }
}

input[type=checkbox] + label, input[type=radio] + label {
    padding-left: 36px;
    line-height: 1.5em
}

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

input[type=checkbox] + label::after, input[type=checkbox] + label::before {
    top: 0;
    transform: none
}

input[type=checkbox]:checked + label::after {
    background: url("../img/icon/CheckBox.svg") center;
    height: 24px;
    width: 24px;
    left: 0;
    border-style: none
}

input[type=checkbox].error-field + label, input[type=checkbox].js-error-field + label, input[type=radio].error-field + label, input[type=radio].js-error-field + label {
    padding-left: 38px
}

input[type=checkbox].error-field + label::before, input[type=checkbox].js-error-field + label::before, input[type=radio].error-field + label::before, input[type=radio].js-error-field + label::before {
    top: 5px
}

.radio-wrapper input[type=radio] + label::before, input[type=radio] + label::before {
    border-color: #161617
}

.radio-wrapper input[type=radio] + label {
    padding-top: 24px;
    padding-bottom: 24px;
    color: #161617
}

.radio-wrapper input[type=radio]:checked + label::before, input[type=radio]:checked + label::before {
    border-width: 8px
}

.radio-wrapper input[type=radio]:checked + label::after, input[type=radio]:checked + label::after {
    display: none
}

.form-control {
    height: unset;
    padding: 12px 16px;
    border-radius: 64px;
    font-size: .9375rem;
    line-height: 1.5em
}

input.form-control {
    border: 2px solid #161617
}

textarea.form-control {
    border-radius: 24px;
    border: 2px solid #161617
}

.compact-form .btn {
    height: unset
}

select, select.form-control {
    border: 2px solid #161617;
    font-size: 1rem;
    width: 100%;
    color: #161617;
    font-family: "Haffer", sans-serif;
    padding: 12px 16px 12px 24px;
    border-radius: 64px;
    background: url("../img/icon/arrow-down.svg") no-repeat right 16px center
}

select::placeholder, select.form-control::placeholder {
    font-size: inherit;
    opacity: 1;
    color: inherit;
    font-family: inherit
}

input::placeholder {
    color: #5c5c5d
}

.password-helper a:hover, .password-helper a:focus-visible {
    text-decoration: underline
}

.form-group-tooltip {
    left: unset;
    top: 50%;
    right: 15px
}

body:not(.customer-page) #register-form {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 100px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 5px
}

@media (max-width: 767px) {
    body:not(.customer-page) #register-form {
        padding: 30px 20px
    }
}

body:not(.customer-page) #register-form .box.box-bg-transparent.co-box.co-registration {
    display: none
}

.advanced-order .extra.delivery {
    padding: 15px 30px
}

.advanced-order > .h1 {
    font-size: 2.3rem;
    margin-bottom: 15px
}

.advanced-order > .h2 {
    font-size: 1.9rem;
    margin-bottom: 0
}

.advanced-order .h1.advanced-order-suggestion {
    font-size: 1.9rem;
    margin-top: 30px;
    padding-top: 30px
}

@media (max-width: 767px) {
    .advanced-order > .h1 {
        font-size: 1.9rem
    }

    .advanced-order > .h2 {
        margin-top: 15px;
        font-size: 1.5rem;
        margin-bottom: 15px
    }

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

    .advanced-order .h1.advanced-order-suggestion {
        font-size: 1.5rem;
        margin-top: 20px;
        padding-top: 20px
    }
}

@media (max-width: 767px) {
    .colorbox-html-content {
        padding: 16px
    }
}

.slider-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

.slider-wrapper h4 {
    order: 1
}

.slider-wrapper .slider-content {
    order: 2;
    padding: 0 15px;
    height: 4px;
    margin-bottom: 20px;
    margin-top: 13px;
    background-color: rgba(0, 0, 0, 0)
}

.slider-wrapper .slider-header {
    order: 3;
    display: flex;
    justify-content: space-between;
    gap: 10px
}

.slider-wrapper .ui-slider {
    height: 4px;
    position: relative;
    background-color: #f3f3f3
}

.slider-wrapper .ui-slider-range {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #161617
}

.slider-wrapper .ui-slider-handle {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    top: -12px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    cursor: pointer
}

.slider-wrapper .ui-slider-handle::before {
    content: url(../img/template-default/icon/slider-handle.svg);
    display: block;
    line-height: 0
}

.advanced-filters-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.advanced-filters-wrapper:not(:empty) {
    margin-bottom: 20px
}

.advanced-filters-wrapper .advanced-parameter {
    margin-right: 0
}

.advanced-filters-wrapper .advanced-parameter .advanced-parameter-inner {
    margin-bottom: 0
}

.shipping-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    gap: 20px
}

.shipping-row .payment-info {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 10px
}

.shipping-row .payment-logo img {
    max-width: 80px;
    max-height: 30px
}

.shipping-row .payment-shipping-price {
    white-space: nowrap
}

.shipping-options-popup .extra.delivery {
    text-align: left;
    margin-left: 0;
    margin-top: 20px
}

.link-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 767px) {
    .link-icons {
        justify-content: center;
        gap: 16px
    }
}

a.link-icon {
    display: inline-flex;
    align-items: center;
    color: #5c5c5d;
    text-transform: none;
    padding: 0;
    margin-bottom: 0
}

a.link-icon.share {
    order: -1
}

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

a.link-icon::before {
    display: block;
    line-height: 0;
    margin-right: .4em;
    margin-bottom: 0
}

a.link-icon.share::before {
    content: url(../img/icon/Share.svg)
}

a.link-icon.watchdog::before {
    content: url(../img/template-default/icon/watch.svg)
}

a.link-icon.chat::before {
    content: url(../img/icon/Message.svg)
}

a.link-icon.coffee-guide-icon {
    text-decoration: underline
}

a.link-icon.coffee-guide-icon::before {
    content: url(../img/icon/info.svg)
}

@media (max-width: 767px) {
    a.link-icon {
        font-size: .75rem
    }
}

.advanced-parameter {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px
}

.advanced-parameter .advanced-parameter-inner {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-bottom: 10px
}

.advanced-parameter .advanced-parameter-inner.yes-before {
    border: 2px solid #5c5c5d
}

.advanced-parameter .parameter-value {
    display: none
}

.type-detail #content .browse-p {
    display: none
}

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

.p-detail-tabs-wrapper .responsive-nav {
    margin-bottom: 50px
}

ul#p-detail-tabs.shp-tabs {
    display: flex;
    padding: 0;
    margin: 0 0 -1px;
    list-style: none;
    overflow: auto;
    white-space: nowrap;
    gap: 12px
}

ul#p-detail-tabs.shp-tabs li.shp-tab[data-testid=tabDiscussion] {
    display: none
}

ul#p-detail-tabs.shp-tabs li a {
    border-radius: 64px;
    border: 2px solid #161617;
    color: #161617;
    background-color: #fff;
    padding: 8px 24px;
    font-size: 1.25rem;
    line-height: 1.3em;
    font-weight: 400
}

ul#p-detail-tabs.shp-tabs li a:hover, ul#p-detail-tabs.shp-tabs li a:focus-visible {
    background-color: #161617;
    color: #fff
}

@media (max-width: 767px) {
    ul#p-detail-tabs.shp-tabs {
        gap: 8px;
        padding-bottom: 10px
    }

    ul#p-detail-tabs.shp-tabs li a {
        padding: 8px 12px;
        font-size: 1rem;
        line-height: 1.5em
    }
}

@media (max-width: 767px) {
    .p-detail-tabs-wrapper .responsive-nav {
        margin-bottom: 32px
    }

    .p-detail-tabs-wrapper {
        margin-top: -20px
    }

    .shp-tabs-row {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 5
    }

    .shp-tabs-holder {
        margin-left: 0px;
        margin-right: -20px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px
    }
}

@media (min-width: 768px) {
    .shp-tabs-holder {
        margin-bottom: 48px
    }
}

.shp-tabs-wrapper .navigation-btn {
    display: none !important
}

.shp-tab.active .shp-tab-link {
    font-weight: 700
}

.shp-tab.active .shp-tab-link, .shp-tab-link:hover, .shp-tab-link:focus {
    border-color: #e8e8e8;
    border-bottom-color: #fff
}

.heading-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    border-bottom: 2px solid #161617;
    padding-bottom: 16px
}

.heading-wrapper h2 {
    margin: 0
}

@media (min-width: 768px) {
    .heading-wrapper {
        padding-bottom: 24px
    }
}

.tab-content > .tab-pane {
    display: none
}

.fade {
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.fade.in {
    opacity: 1
}

.tab-content > .active {
    display: block
}

.description-inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 48px 0 0;
    justify-content: space-between;
    gap: 20px
}

.description-inner aside.product-sidebar {
    flex: 1 1 300px;
    max-width: 456px
}

@media (max-width: 767px) {
    .description-inner aside.product-sidebar {
        flex: 0 0 100%;
        margin-right: 0
    }
}

.description-inner .basic-description {
    flex: 1 1 500px;
    max-width: 825px;
    padding: 0;
    width: 100%
}

.description-inner .basic-description p {
    color: #5c5c5d
}

.description-inner .basic-description > h3:first-of-type {
    display: none
}

.description-inner .basic-description h3 {
    margin: 55px 0 48px;
    scroll-margin-top: 105px
}

.description-inner .extended-description {
    padding: 0;
    width: 100%;
    margin-bottom: 20px
}

.description-inner .extended-description h3 {
    display: none
}

.description-inner .extended-description tbody tr:nth-child(even) {
    background-color: #f3f3f3
}

@media (max-width: 767px) {
    .description-inner {
        padding: 16px 0 0
    }

    .description-inner .basic-description {
        padding: 0
    }

    .description-inner .basic-description h3 {
        margin: 20px 0 24px;
        scroll-margin-top: 75px
    }

    .description-inner .basic-description > h3:first-child, .description-inner .extended-description > h3:first-child {
        font-size: 1.375rem
    }

    .description-inner .extended-description {
        padding: 0;
        margin-bottom: 32px
    }

    .description-inner .extended-description table {
        margin-top: 0
    }
}

#description .detail-parameters tbody {
    display: flex;
    flex-direction: column
}

#description .detail-parameters tr {
    display: flex;
    border-radius: 24px;
    justify-content: space-between
}

#description .detail-parameters tr.sold-out {
    display: none
}

#description .detail-parameters th, #description .detail-parameters td {
    color: #161617;
    padding: .75em
}

#description .detail-parameters th {
    font-weight: 600;
    padding-left: 24px
}

#description .detail-parameters td {
    font-weight: 400;
    max-width: 315px
}

#description .detail-parameters td:last-child {
    padding-right: 24px
}

@media (max-width: 480px) {
    #description .detail-parameters td {
        max-width: 208px
    }
}

#description .detail-parameters tr:last-child td, #description .detail-parameters tr:last-child th {
    padding-bottom: .75em
}

aside.product-sidebar > *, aside.blog-sidebar > *, aside.post-sidebar > * {
    margin-bottom: 32px
}

aside.product-sidebar .guide .color-banner, aside.blog-sidebar .guide .color-banner, aside.post-sidebar .guide .color-banner {
    padding: 24px 20px;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    margin: 0
}

aside.product-sidebar .guide .color-banner img, aside.blog-sidebar .guide .color-banner img, aside.post-sidebar .guide .color-banner img {
    rotate: 0deg
}

aside.product-sidebar .claim, aside.blog-sidebar .claim, aside.post-sidebar .claim {
    max-width: 256px;
    text-align: left
}

@media (max-width: 767px) {
    aside.product-sidebar .claim, aside.blog-sidebar .claim, aside.post-sidebar .claim {
        display: none
    }
}

aside.product-sidebar .origin-map {
    margin-bottom: 40px
}

aside.product-sidebar .color-banner .texts p {
    font-size: 1rem;
    line-height: 1.5em
}

aside.product-sidebar .color-banner .texts h2, aside.product-sidebar .color-banner .texts h4 {
    font-size: 2rem;
    line-height: 1.25em
}

aside.product-sidebar .guide.container {
    margin-inline: 0;
    padding: 0
}

aside.product-sidebar .our-story {
    flex-direction: column-reverse
}

aside.product-sidebar .our-story .texts {
    padding: 40px 32px
}

aside.product-sidebar .our-story picture {
    max-height: 256px
}

@media (max-width: 767px) {
    aside.product-sidebar .color-banner .texts h2, aside.product-sidebar .color-banner .texts h4 {
        font-size: 1.625rem;
        line-height: 1.3076923077em
    }

    aside.product-sidebar .our-story {
        margin-left: -20px;
        margin-right: -20px;
        width: fit-content
    }

    aside.product-sidebar .our-story .texts {
        padding: 32px 20px
    }

    aside.product-sidebar .our-story .texts h2, aside.product-sidebar .our-story .texts h4 {
        font-size: 1.875rem;
        line-height: 1.2666666667em
    }
}

table {
    width: 100%
}

table:not(.cart-table) tbody tr:nth-child(even) {
    background-color: #f3f3f3
}

table td, table th {
    padding: .75em
}

table th + td {
    text-align: right
}

table a {
    color: inherit
}

table thead {
    border-bottom: 1px solid #161617
}

@media (max-width: 767px) {
    #relatedProducts {
        margin-top: 37px
    }
}

.products-related::after {
    display: none
}

.rate-wrap.row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.rate-wrap.row > div {
    flex: 1 1 200px
}

.rate-average-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    justify-content: center
}

.rate-average-wrap .stars-label {
    display: none
}

.rate-average-wrap .rate-form-trigger {
    align-self: center
}

.rate-average-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 20px;
    margin-left: auto;
    margin-right: auto
}

.rate-average-inner .stars {
    justify-content: center
}

.rate-average-inner .rate-average {
    font-size: 2.25rem;
    display: flex;
    align-items: center
}

.rate-average-inner .rate-average::after {
    content: "z 5";
    font-size: 1rem;
    margin-left: .4em
}

.rate-list {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px
}

.rate-block {
    width: 100%;
    height: 5px;
    position: relative;
    background-color: #e8e8e8
}

.rate-block .rate-bar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #161617
}

.rate-count {
    display: none
}

.rate-form-trigger {
    align-self: flex-start
}

#rate-form {
    margin-top: 20px
}

.votes-wrap .vote-wrap:first-child {
    margin-top: 30px
}

.vote-wrap {
    padding: 30px;
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    gap: 20px;
    background-color: #f3f3f3;
    border: 1px solid #e8e8e8;
    border-radius: 5px
}

.vote-wrap:not(:last-child) {
    margin-bottom: 20px
}

.vote-wrap .vote-header {
    display: flex;
    align-items: center;
    gap: 20px
}

.vote-wrap .vote-name {
    font-size: 1.5rem;
    line-height: 1.25em;
    margin-bottom: 10px;
    display: block;
    font-family: "Haffer", sans-serif
}

.vote-wrap .votes-wrap {
    width: 100%
}

.vote-wrap .vote-initials {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    background-clip: padding-box;
    background-color: #e8e8e8 !important;
    font-family: "Haffer", sans-serif
}

.vote-wrap .vote-pic {
    position: relative;
    min-width: 50px;
    height: 50px;
    display: block
}

.vote-wrap .vote-pic img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}

.vote-wrap .vote-delimeter {
    display: none
}

.vote-wrap .vote-rating {
    display: flex;
    align-items: center;
    gap: 10px
}

.vote-wrap .vote-time {
    font-size: .75rem
}

.vote-wrap .vote-content {
    color: #5c5c5d;
    line-height: 1.5em
}

@media (max-width: 767px) {
    .vote-wrap {
        flex-direction: column
    }

    .vote-wrap::before {
        display: none
    }
}

.thumbnail-prev, .thumbnail-next {
    font-size: 0;
    width: 48px;
    height: 48px;
    border-radius: 5px;
    border: 1px solid #d0d0d1;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all .15s ease-in-out;
    z-index: 2
}

.thumbnail-prev::before, .thumbnail-next::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 1px;
    border: 2px solid #5c5c5d;
    border-style: none solid solid none
}

.thumbnail-next::before {
    transform: rotate(-45deg)
}

.thumbnail-prev::before {
    transform: rotate(135deg)
}

.p-thumbnails-wrapper {
    width: 100%;
    flex: unset
}

.p-thumbnails {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden
}

.p-thumbnails:not(.overflow-prev) .thumbnail-prev {
    display: none
}

.p-thumbnails:not(.overflow-next) .thumbnail-next {
    display: none
}

.thumbnail-next, .thumbnail-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.thumbnail-prev {
    left: 0
}

.thumbnail-next {
    right: 0
}

.p-thumbnails-inner {
    height: 100px;
    position: absolute;
    top: 0;
    width: 9999em;
    transition: all .3s ease-in-out
}

.p-thumbnails-inner > div {
    display: inline-block
}

.p-thumbnails-inner > div::before, .p-thumbnails-inner > div::after {
    content: " ";
    display: table
}

.p-thumbnails-inner > div::after {
    clear: both
}

.p-thumbnails-inner a {
    float: left;
    max-width: 100%;
    position: relative
}

.p-thumbnails-inner a img {
    display: block;
    height: 100%;
    width: auto
}

.p-thumbnail {
    margin-right: 20px
}

.p-gifts-wrapper .p-gifts-heading {
    font-family: "Haffer", sans-serif;
    font-weight: 700;
    margin-bottom: .625em
}

.p-gifts-wrapper .p-gift {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px
}

.p-gifts-wrapper .p-gift-name a {
    text-decoration: none;
    color: #5c5c5d
}

.p-gifts-wrapper .p-gift-name span {
    display: block
}

.p-gifts-wrapper .p-gift-image {
    flex: 0 0 95px;
    max-width: 95px
}

@media (max-width: 767px) {
    .p-gifts-wrapper .p-gift-image {
        flex-basis: 40px;
        max-width: 40px
    }
}

.p-info-wrapper .social-buttons:not(.no-display) {
    display: flex;
    gap: 4px
}

.social-buttons .facebook iframe::before {
    content: url(../img/icon/FB-black.svg);
    width: 24px;
    height: 24px;
    line-height: 0
}

.p-image-wrapper {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .rate-wrap.row {
        flex-direction: column
    }

    .rate-wrap.row > div {
        flex-basis: auto
    }

    .rate-average-wrap {
        align-items: flex-start
    }

    .rate-average-wrap .rate-form-trigger {
        align-self: flex-start
    }

    .rate-average-inner {
        margin-left: 0
    }

    .vote-wrap {
        padding: 20px
    }
}

#discussionWrapper > .votes-wrap.discussion > .vote-wrap {
    gap: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

#discussionWrapper > .votes-wrap.discussion > .vote-wrap > .vote-header {
    padding: 50px 50px 10px 50px;
    background-color: #f3f3f3;
    border: 1px solid #e8e8e8;
    border-style: solid solid none solid;
    border-radius: 5px 5px 0 0
}

#discussionWrapper > .votes-wrap.discussion > .vote-wrap > .vote-content {
    padding: 0 50px 50px 50px;
    background-color: #f3f3f3;
    border: 1px solid #e8e8e8;
    border-style: none solid solid solid;
    border-radius: 0 0 5px 5px
}

#discussionWrapper > .votes-wrap.discussion > .vote-wrap .vote-wrap {
    margin-left: 50px;
    border: 1px solid #e8e8e8
}

#discussionWrapper > .votes-wrap.discussion .add-comment {
    margin-top: 10px
}

#discussionWrapper > .votes-wrap.discussion .add-comment:hover, #discussionWrapper > .votes-wrap.discussion .add-comment:focus {
    color: #fff
}

#discussionWrapper .vote-name {
    font-family: "Haffer", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0
}

#discussionWrapper .vote-title {
    font-family: "Haffer", sans-serif;
    font-size: 1.5rem;
    width: 100%;
    margin-bottom: 10px
}

#discussionWrapper .vote-time {
    display: block;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #5c5c5d
}

#discussionWrapper .vote-pic {
    display: block
}

#discussionWrapper .vote-header {
    display: flex;
    align-items: center;
    gap: 20px
}

#discussionWrapper .vote-header > span:not(.vote-pic) {
    display: flex;
    flex-wrap: wrap
}

#discussionWrapper .vote-initials {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    background-clip: padding-box;
    background-color: #161617 !important;
    font-family: "Haffer", sans-serif;
    color: #fff;
    font-size: 1.5rem
}

#discussionWrapper .vote-pic {
    position: relative;
    min-width: 64px;
    height: 64px;
    display: block
}

#discussionWrapper .vote-pic img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}

@media (max-width: 767px) {
    #discussionWrapper > .votes-wrap.discussion > .vote-wrap > .vote-content {
        padding: 0 20px 20px 20px
    }

    #discussionWrapper > .votes-wrap.discussion > .vote-wrap > .vote-header {
        padding: 20px 20px 0 20px
    }

    #discussionWrapper > .votes-wrap.discussion > .vote-wrap .vote-wrap {
        margin-left: 20px
    }

    #discussionWrapper .vote-initials, #discussionWrapper .vote-pic {
        width: 46px;
        height: 46px
    }

    #discussionWrapper .vote-pic {
        min-width: 46px
    }

    #discussionWrapper .vote-initials {
        font-size: 1rem
    }
}

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

ol.cart-header {
    margin: 0 0 56px;
    text-transform: none;
    position: relative
}

ol.cart-header::before {
    content: "";
    background-color: #161617;
    height: 2px;
    display: block;
    max-width: 760px;
    margin-inline: auto;
    position: absolute;
    top: 20px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 278px)
}

ol.cart-header li.step {
    flex: 1 1 auto;
    background-color: #fff;
    overflow: hidden;
    border: none
}

ol.cart-header li.step a, ol.cart-header li.step strong {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 10px;
    border-bottom: none;
    color: #8b8b8c;
    text-align: center;
    padding: 0;
    justify-content: center
}

ol.cart-header li.step a span, ol.cart-header li.step strong span {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px
}

@media (min-width: 768px) {
    ol.cart-header li.step a span, ol.cart-header li.step strong span {
        font-size: 1.25rem
    }
}

ol.cart-header li.step a span::before, ol.cart-header li.step strong span::before {
    border: 2px solid #161617;
    color: #161617;
    font-size: 1rem;
    width: 40px;
    height: 40px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    z-index: 2
}

ol.cart-header li.step a {
    text-decoration: none
}

ol.cart-header li.step a:hover, ol.cart-header li.step a:focus-visible {
    text-decoration: none;
    color: #161617
}

ol.cart-header li.step a:hover span::before, ol.cart-header li.step a:focus-visible span::before {
    background-color: #161617;
    color: #fff
}

ol.cart-header li.step.step-1 a span::before {
    content: "1"
}

ol.cart-header li.step.step-2 a span::before {
    content: "2"
}

ol.cart-header li.step.step-3 a span::before {
    content: "3"
}

ol.cart-header li.step.active strong span::before {
    background-color: #161617;
    color: #fff
}

ol.cart-header li.step.active strong {
    color: #161617;
    border: none
}

ol.cart-header li.step.active a, ol.cart-header li.step.active strong {
    background-color: #fff
}

ol.cart-header li.step.completed a span::before {
    content: url(../img/icon/Checkt.svg);
    background-color: #e8e8e8;
    line-height: 0
}

@media (max-width: 767px) {
    ol.cart-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 49px
    }

    ol.cart-header::before {
        width: calc(100% - 95px)
    }

    ol.cart-header li.step {
        padding: 0;
        font-size: .75rem;
        display: block;
        width: 100px
    }
}

.cart-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 60px
}

@media (min-width: 1440px) {
    .cart-row {
        gap: 159px
    }
}

.cart-row .col-md-8 {
    flex: 1 1 500px
}

.cart-row .col-md-4 {
    flex: 0 1 456px
}

.cart-row .col-md-4 .price-secondary {
    color: #444446
}

@media (max-width: 767px) {
    .cart-row {
        gap: 20px
    }
}

.cart-empty .cart-heading {
    padding-left: 0;
    padding-right: 0
}

.cart-empty .cart-row .col-md-4 {
    flex: 0 1 322px
}

.cart-empty .cart-row .col-md-4 .cart-content h4 {
    font-size: 1.9rem;
    text-transform: none;
    margin-top: 10px
}

.cart-empty .cart-row .col-md-8 {
    flex: 1 1 600px
}

@media (min-width: 1200px) {
    .custom-empty-cart .ordering-process-footer {
        margin-top: calc(100vh - 565px - 123px)
    }
}

#checkoutSidebar {
    position: initial !important
}

#checkoutSidebar .consents {
    color: #161617
}

#checkoutSidebar .consents label {
    font-size: 1rem;
    line-height: 1.5em
}

#checkoutSidebar .consents a {
    color: #161617;
    text-decoration: underline
}

.price-wrapper .price-primary {
    color: #161617
}

.price-wrapper .price-label {
    flex-basis: 50%
}

@media (min-width: 768px) {
    .col-md-8 .cart-content {
        padding: 0 0 40px 0
    }

    .cart-inner {
        padding-top: 56px
    }
}

.remove-item::before {
    content: url(../img/icon/Cross.svg)
}

table.cart-table {
    width: 100%;
    display: block
}

table.cart-table tbody {
    width: 100%;
    display: block
}

table.cart-table::before {
    content: "Nákupní košík";
    display: block;
    font-size: 2.5rem;
    margin: 0 0 1.1111111111em;
    font-family: "Haffer", sans-serif;
    font-weight: 700;
    color: #161617
}

@media (max-width: 767px) {
    table.cart-table::before {
        margin-bottom: .3703703704em;
        font-size: 1.625rem
    }
}

table.cart-table td, table.cart-table th {
    padding: 0;
    border: none
}

table.cart-table tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0) !important
}

table.cart-table tr {
    display: flex;
    gap: 20px;
    align-items: center;
    border: none;
    border-bottom: 2px solid #161617;
    margin-bottom: 30px;
    padding-bottom: 30px
}

table.cart-table tr.related-visible {
    border-bottom: 0;
    padding-bottom: 0
}

table.cart-table tr.related-visible .p-name .show-related b::before {
    content: ""
}

table.cart-table tr td.p-name a {
    color: #161617
}

@media (max-width: 767px) {
    table.cart-table tr {
        margin-bottom: 10px
    }
}

table.cart-table .cart-p-image {
    flex: 0 1 96px;
    width: auto
}

table.cart-table .cart-p-image img {
    display: block;
    width: unset;
    aspect-ratio: 1;
    max-width: 96px
}

table.cart-table .p-name {
    text-transform: none;
    padding: 0
}

@media (min-width: 768px) {
    table.cart-table .p-name {
        max-width: 260px;
        width: 100%;
        margin-right: 20px
    }
}

table.cart-table .p-name a {
    color: #5c5c5d
}

table.cart-table .p-name span {
    display: block;
    font-size: .75em
}

table.cart-table .p-name .show-related {
    display: block;
    font-size: .75rem
}

table.cart-table .p-name .show-related::after {
    display: none
}

table.cart-table .p-name .show-related b {
    margin-left: 6px;
    margin-right: 6px
}

table.cart-table .p-name .show-related b::before {
    display: inline-block;
    transition: all .15s ease-in-out;
    transform-origin: center;
    color: #161617;
    content: "";
    font-size: .6875rem;
    padding-left: 1ex;
    font-family: shoptet;
    font-weight: 400;
    margin-right: 10px
}

table.cart-table .main-link {
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 7px;
    display: block;
    text-transform: none;
    color: #161617;
    font-size: 1.25rem
}

table.cart-table .p-availability {
    text-align: right
}

table.cart-table .p-availability strong {
    font-weight: 400
}

@media (min-width: 768px) {
    table.cart-table .p-availability {
        max-width: 65px;
        width: 100%
    }
}

table.cart-table .price-final {
    font-family: "Haffer", sans-serif;
    white-space: nowrap
}

table.cart-table .price-final.final-bold {
    font-size: 1rem;
    color: #161617;
    margin-right: 10px
}

table.cart-table .p-price {
    flex: 1 1 120px;
    text-align: right
}

table.cart-table .p-price strong:not(.final-bold) {
    font-weight: 400;
    font-size: .75rem
}

@media (min-width: 768px) {
    table.cart-table .p-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 148px
    }
}

table.cart-table .p-quantity {
    flex: 1 0 95px;
    justify-content: flex-end;
    max-width: 106px
}

table.cart-table .p-quantity .quantity {
    padding: 0
}

table.cart-table .p-quantity .quantity .increase {
    padding-left: 8px;
    padding-right: 0
}

table.cart-table .p-quantity .quantity .decrease {
    padding-left: 0;
    padding-right: 8px
}

table.cart-table .p-quantity .quantity input {
    width: 64px;
    height: 48px
}

table.cart-table .p-total {
    flex: 0 1 24px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px
}

@media (min-width: 768px) {
    table.cart-table .p-total {
        width: 32px;
        height: 24px
    }

    table.cart-table .p-total .remove-item {
        padding: 0 8px 0 0
    }
}

table.cart-table .p-total .price-final {
    color: #161617;
    font-size: 1rem
}

table.cart-table tr.related:not(.visible) {
    display: none
}

table.cart-table tr.related {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

table.cart-table tr.related td {
    display: block;
    width: 100%;
    max-width: 705px;
    margin-left: auto
}

table.cart-table tr.related.visible {
    display: block;
    margin-top: 0;
    padding: 0
}

table.cart-table .cart-related-product {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 24px 0;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 2px solid #161617;
    margin-left: auto;
    max-width: 705px
}

table.cart-table .cart-related-product .btn.add-to-cart-button {
    font-size: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%
}

table.cart-table .cart-related-product .btn.add-to-cart-button::before {
    content: url(../img/icon/cart.svg)
}

table.cart-table .cart-related-product .btn.add-to-cart-button:hover::before {
    content: url(../img/icon/cart-white.svg)
}

table.cart-table .cart-related-info {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 6;
    padding: 0
}

table.cart-table .cart-related-name {
    font-family: "Haffer", sans-serif;
    padding-left: 0;
    text-transform: none;
    color: #161617;
    font-weight: 600
}

table.cart-table .cart-related-img {
    flex: 0 1 61px
}

table.cart-table .cart-related-img img {
    display: block;
    min-width: 48px
}

table.cart-table .cart-related-availability {
    margin-left: auto;
    text-align: right
}

table.cart-table .cart-related-button {
    flex: 2;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
    white-space: nowrap
}

table.cart-table .cart-related-button .btn {
    padding: .5625em
}

table.cart-table .cart-related-button .price-final {
    font-family: "Haffer", sans-serif
}

.sidebar-in-cart > * {
    margin-bottom: 24px
}

.extra.delivery, .cart-summary {
    background-color: #f3f3f3
}

.extra.delivery {
    padding: 32px 40px
}

.extra.delivery::before {
    display: none
}

.extra.delivery .price-range {
    margin-top: 24px;
    margin-bottom: 0
}

.extra.delivery.free-shipping span strong {
    display: flex;
    align-items: center;
    gap: 10px
}

.extra.delivery.free-shipping span strong::before {
    content: url(../img/icon/Transport.svg);
    display: inline-block;
    width: 24px;
    height: 24px
}

.cart-summary {
    padding: 40px 40px 48px
}

.cart-summary h4 {
    margin-top: 0;
    margin-bottom: 24px
}

.cart-summary .extras-wrapper {
    margin-top: 20px;
    flex-direction: column
}

.cart-summary .extras-wrapper .extras-col {
    min-width: unset
}

.cart-summary .discount-coupon {
    padding: 0
}

.cart-summary .discount-coupon::before {
    display: none
}

.cart-summary .discount-coupon form input {
    padding-left: 58px;
    background: url(../img/icon/sleva_kosik.svg) no-repeat 24px center #fff;
    border: none;
    padding-block: 13px
}

.cart-summary .discount-coupon form .btn {
    position: absolute;
    right: 0;
    height: auto;
    padding: 10px 28px;
    background-color: #000;
    color: #fff
}

.cart-summary .discount-coupon form .btn.btn-secondary::after {
    display: none
}

.cart-content.summary-wrapper {
    background-color: #f8ad41;
    padding: 40px
}

@media (min-width: 992px) {
    .cart-content.summary-wrapper .price-wrapper + .next-step {
        margin-top: 32px
    }
}

.contact-box {
    padding: 0
}

@media (max-width: 767px) {
    .contact-box.phone-wrapper {
        width: 192px
    }
}

.contact-box.phone-wrapper::after {
    content: var(--otviraci-doba);
    margin-left: 34px;
    font-size: .75rem;
    line-height: 1.125em
}

.contact-box ul li > span {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    flex-wrap: wrap;
    row-gap: 1px
}

.contact-box ul li > span::before {
    position: static;
    display: inline-block;
    line-height: 0;
    width: 24px;
    height: 24px
}

.contact-box ul li > span::after {
    display: block;
    margin-left: 34px;
    font-size: .75rem;
    flex-basis: 100%
}

.contact-box ul li > span.mail::before {
    content: url(../img/icon/Mail.svg)
}

.contact-box ul li > span.mail::after {
    content: var(--email-info)
}

.contact-box ul li > span.tel::before {
    content: url(../img/icon/Phone.svg)
}

.contact-box ul li > span.tel::after {
    content: var(--otviraci-doba)
}

.cart-content.checkout-box-wrapper {
    padding: 32px 40px 40px;
    background: url(../img/Help_box.jpg) no-repeat center center;
    color: #fff;
    background-size: cover;
    display: none !important
}

.cart-content.checkout-box-wrapper h4, .cart-content.checkout-box-wrapper a {
    color: #fff
}

.cart-content.checkout-box-wrapper h4 {
    margin-top: 0;
    margin-bottom: 16px;
    text-transform: none
}

.cart-content.checkout-box-wrapper .facebook, .cart-content.checkout-box-wrapper .instagram {
    display: none
}

.cart-content.checkout-box-wrapper .contact-box ul li > span::before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7487%) hue-rotate(338deg) brightness(107%) contrast(106%)
}

.next-step .btn.btn-lg {
    width: 100%
}

.next-step .btn.btn-lg span, .next-step .btn.btn-lg span.order-button-text {
    text-transform: none
}

.next-step .btn.btn-lg::after {
    display: none
}

.next-step .btn.btn-lg#submit-order {
    flex-direction: row;
    align-items: center;
    gap: 5px;
    font-size: 1.125rem;
    flex-wrap: wrap
}

.next-step .btn.btn-lg#submit-order span {
    padding: 0;
    font-size: 1.125rem;
    line-height: 1.75em;
    margin-top: 0
}

a.next-step-back {
    border: 2px solid #161617;
    background-color: #fff;
    border-radius: 64px;
    color: #161617;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 24px 8px 16px;
    width: fit-content
}

a.next-step-back::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-style: none none solid solid;
    transform: rotate(45deg);
    border-color: #161617;
    border-width: 1px
}

.order-icon.order-information {
    display: none
}

.co-box {
    border: none;
    padding-left: 0
}

.box.co-box h4, .co-box h4 {
    margin-left: 0;
    padding-left: 0;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 2.5rem
}

.box.co-box h4::before, .co-box h4::before {
    display: none
}

@media (max-width: 767px) {
    .box.co-box h4, .co-box h4 {
        margin-bottom: 24px
    }
}

.co-basic-information.co-box {
    padding: 0
}

.co-basic-information .row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 10px
}

.co-basic-information .col-sm-6 {
    flex: 1 1 200px
}

.co-basic-information .form-group.form-group-wrapped .select-label {
    display: none
}

.co-basic-information .form-group > select.form-control {
    width: 100%;
    max-width: 456px
}

.cart-content .next-step-back.back-to-shop {
    margin-bottom: 16px
}

.cart-row .col-md-8#checkoutContent {
    max-width: 825px
}

.cart-row .col-md-8#checkoutContent .co-box {
    padding: 0;
    margin-bottom: 48px
}

.cart-row .col-md-8#checkoutContent .radio-wrapper {
    padding: 0;
    border-color: #161617;
    border-bottom-width: 2px
}

.cart-row .col-md-8#checkoutContent .cart-content {
    padding: 0 0 40px
}

@media (max-width: 767px) {
    .cart-row .col-md-8#checkoutContent {
        width: 100%
    }

    .cart-row .col-md-8#checkoutContent .co-box {
        margin-bottom: 24px
    }

    .cart-row .col-md-8#checkoutContent .cart-content {
        padding: 0 0 20px
    }
}

.cart-row .col-md-4#checkoutSidebar {
    flex: 0 1 456px;
    margin-bottom: 32px
}

.cart-row .col-md-4#checkoutSidebar .cart-content:first-child {
    padding: 0;
    background-color: #f3f3f3
}

.cart-row .col-md-4#checkoutSidebar .checkout-box {
    display: none
}

.cart-row .col-md-4#checkoutSidebar h4 {
    text-transform: none;
    margin-top: 0;
    margin-bottom: 32px
}

.cart-row .col-md-4#checkoutSidebar #summary-box {
    padding: 56px 40px 0 40px
}

.cart-row .col-md-4#checkoutSidebar .order-summary-item.price, .cart-row .col-md-4#checkoutSidebar .order-summary-item.price ~ div, .cart-row .col-md-4#checkoutSidebar .next-step {
    background-color: #f8ad41;
    border-top: none;
    padding: 0 20px 24px;
    margin-bottom: 0
}

@media (max-width: 359px) {
    .cart-row .col-md-4#checkoutSidebar .order-summary-item.price, .cart-row .col-md-4#checkoutSidebar .order-summary-item.price ~ div, .cart-row .col-md-4#checkoutSidebar .next-step {
        padding: 0 15px 24px
    }
}

.cart-row .col-md-4#checkoutSidebar .order-summary-item.price, .cart-row .col-md-4#checkoutSidebar .order-summary-item.price ~ div {
    margin-inline: -40px
}

@media (min-width: 768px) {
    .cart-row .col-md-4#checkoutSidebar .order-summary-item.price, .cart-row .col-md-4#checkoutSidebar .order-summary-item.price ~ div, .cart-row .col-md-4#checkoutSidebar .next-step {
        padding: 0 40px 32px
    }

    .cart-row .col-md-4#checkoutSidebar .order-summary-item.price {
        padding: 56px 40px 32px 40px
    }

    .cart-row .col-md-4#checkoutSidebar .next-step {
        padding: 0 40px 56px
    }
}

.payment-info {
    padding-right: 0
}

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

.cart-item {
    padding: 16px 0;
    border-bottom: 2px solid #161617;
    display: flex;
    align-items: flex-start;
    gap: 8px
}

.cart-item:first-child {
    padding-top: 0
}

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

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

.cart-item > div.cart-item-amount {
    color: #737374;
    max-width: 40px;
    width: unset;
    flex: 1 1 40px;
    text-align: right;
    margin-left: 8px
}

.cart-item > div.cart-item-amount .unit-value {
    padding-left: 0;
    color: #737374
}

.cart-item > div.cart-item-price {
    font-weight: 600;
    color: #161617;
    min-width: 71px;
    width: unset
}

.order-summary-item.helper strong {
    font-weight: 400
}

.order-summary-item.helper div[data-testid=recapItemTotalPrice] {
    color: #161617
}

#shipping-billing-summary {
    margin-bottom: 56px
}

.order-summary-item.price .price-label.price-primary {
    font-size: 1.125rem
}

.order-summary-item.price .price.price-primary {
    font-size: 1.5rem
}

.for-free {
    color: #161617
}

.co-contact-information label[for=login] {
    display: none
}

.co-contact-information a.btn {
    margin-bottom: 30px
}

.in-krok-2 #checkoutContent .form-group > select.form-control {
    width: 100%;
    max-width: 100%
}

.in-krok-2 #checkoutContent .form-group.js-validated-element-wrapper.smart-label-wrapper label {
    display: none
}

.in-krok-2 #checkoutContent .form-group.js-validated-element-wrapper.smart-label-wrapper input:not(#phone) {
    width: 100%;
    border: 2px solid #161617
}

.in-krok-2 #checkoutContent .form-group.js-validated-element-wrapper.smart-label-wrapper input:not(#phone)::placeholder {
    color: #5c5c5d
}

.in-krok-2 #checkoutContent #billCountryId {
    margin-bottom: 29px;
    color: #5c5c5d
}

.in-krok-2 #checkoutContent .phone-combined-input {
    border: 2px solid #161617;
    max-width: unset;
    border-radius: 64px;
    padding: 12px 16px
}

.in-krok-2 #checkoutContent .phone-combined-input input {
    border: none;
    border-radius: 0 64px 64px 0;
    border-left: 1px solid #161617;
    padding: 0 0 0 10px
}

.in-krok-2 #checkoutContent .phone-combined-input input::placeholder {
    color: #5c5c5d
}

.in-krok-2 #checkoutContent .phone-combined-input .country-flags {
    height: 24px
}

.in-krok-2 #checkoutContent .phone-combined-input .country-flag.selected {
    margin-left: 0
}

.in-krok-2 #checkoutContent .phone-combined-input .country-flag svg {
    display: none
}

.ordering-process-footer {
    padding: 40px 0;
    border-top: 1px solid #e8e8e8;
    background: #f9f9fa;
    color: #161617
}

@media (min-width: 768px) {
    .ordering-process-footer {
        margin-top: 104px
    }
}

.ordering-process-footer .container {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between
}

.ordering-process-footer .contact-box {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: unset
}

.ordering-process-footer .contact-box .tel.project-phone::before, .ordering-process-footer .contact-box .mail::before {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 0
}

.ordering-process-footer .contact-box .mail {
    margin: 0;
    display: flex;
    gap: .5em
}

.ordering-process-footer .contact-box .mail + span {
    font-size: .75rem;
    margin-left: 32px
}

.ordering-process-footer .contact-box .mail::before {
    content: url(../img/icon/Mail.svg)
}

.ordering-process-footer .contact-box a {
    font-size: 1rem;
    color: #161617
}

.ordering-process-footer .contact-box .tel {
    flex-wrap: wrap
}

.ordering-process-footer .contact-box .tel::before {
    content: url(../img/icon/Phone.svg)
}

.ordering-process-footer .contact-box .tel span {
    flex-basis: 100%;
    padding-left: 34px;
    font-size: .75rem
}

.ordering-process-footer .secure-payment span {
    display: block;
    margin-bottom: 10px;
    line-height: 1.5em
}

.ordering-process-footer .secure-payment img {
    max-width: 192px
}

@media (max-width: 767px) {
    .ordering-process-footer .container {
        flex-direction: column
    }
}

body:not(.in-kosik) .back-shopping-link {
    display: block
}

body:not(.in-kosik) .back-shopping-link > a {
    margin-bottom: 16px
}

.cart-content .form-group .js-validator-msg {
    margin-left: 0
}

@media (max-width: 991px) {
    #checkoutSidebar .cart-content {
        margin-bottom: 24px
    }

    .cart-item-amount {
        min-width: 29px
    }

    .cart-item-price {
        white-space: nowrap
    }

    #checkoutSidebar .form-group label {
        margin-bottom: 0
    }

    #checkoutSidebar .back-to-shop {
        margin-bottom: 16px
    }
}

@media (max-width: 767px) {
    .ordering-process .site-name {
        display: block
    }

    .ordering-process .navigation-buttons > a[data-target=navigation] {
        position: static;
        height: unset;
        width: unset;
        line-height: unset
    }

    .ordering-process.in-dekujeme .content-wrapper.container {
        padding-left: 20px;
        padding-right: 20px
    }

    .cart-inner {
        padding: 0 20px
    }
}

@media (max-width: 767px)and (max-width: 480px) {
    .cart-inner .radio-wrapper input[type=radio] + label {
        flex-wrap: nowrap
    }

    .cart-inner .radio-wrapper input[type=radio] + label .payment-shipping-price {
        white-space: nowrap
    }
}

@media (max-width: 767px) {
    .extra.delivery {
        padding: 20px
    }

    .cart-summary, .cart-content.summary-wrapper {
        padding: 24px 20px
    }

    .cart-summary .next-step, .cart-content.summary-wrapper .next-step {
        padding: 0;
        margin: 0
    }

    table.cart-table tr:not(.related) {
        display: grid;
        grid-template-columns:minmax(1px, 150px) auto;
        padding: 10px 0;
        gap: 0;
        position: relative
    }

    table.cart-table tr > td {
        width: unset
    }

    table.cart-table .p-label {
        display: none
    }

    table.cart-table .cart-p-image {
        grid-column: 1/2;
        grid-row: 1/3;
        max-width: 56px
    }

    table.cart-table .cart-p-image img {
        max-width: 56px
    }

    table.cart-table tr > td.p-name {
        grid-column: 2/3;
        grid-row: 1/2;
        margin-bottom: 7px;
        padding: 0
    }

    table.cart-table .p-availability {
        grid-column: 2/3;
        grid-row: 2/3;
        margin-bottom: 7px
    }

    table.cart-table tr > .price-final {
        grid-column: 1;
        grid-row: 3/4
    }

    table.cart-table .p-quantity {
        grid-column: 2/3;
        grid-row: 3/4;
        justify-self: end;
        padding-right: 40px;
        max-width: 171px;
        margin-left: -50px
    }

    table.cart-table .p-price {
        grid-column: 2;
        grid-row: 3/4;
        width: fit-content;
        margin-left: -35px
    }

    table.cart-table .p-price strong, table.cart-table .p-price span {
        font-size: .75rem
    }

    table.cart-table .p-total {
        grid-column: 1/2;
        grid-row: 4/5
    }

    table.cart-table form.inline {
        position: absolute;
        bottom: 12px;
        right: 0
    }

    table.cart-table .cart-related-product {
        flex-direction: column;
        padding: 20px
    }

    table.cart-table .cart-related-product .cart-related-info {
        display: grid;
        grid-template-columns:minmax(60px, 100px) auto;
        width: 100%
    }

    table.cart-table .cart-related-product .cart-related-img {
        grid-column: 1/2;
        grid-row: 1/3
    }

    table.cart-table .cart-related-product .cart-related-name {
        grid-column: 2/3;
        grid-row: 1/2
    }

    table.cart-table .cart-related-product .cart-related-availability {
        grid-column: 2/3;
        grid-row: 2/3;
        margin-left: 0
    }

    table.cart-table .cart-related-product .cart-related-button {
        width: 100%;
        justify-content: space-between
    }

    table.cart-table tr.related {
        padding-left: 0
    }

    .box.co-box h4, .co-box h4 {
        font-size: 1.625rem
    }

    .co-basic-information .form-group > select.form-control {
        min-width: calc(100vw - 40px);
        max-width: 100%
    }

    .cart-row .col-md-4#checkoutSidebar #summary-box {
        padding: 32px 20px 0 20px
    }

    .cart-row .col-md-4#checkoutSidebar #summary-box > * {
        padding: 0
    }

    .cart-row .col-md-4#checkoutSidebar #summary-box > .consents {
        padding: 0 20px 20px
    }

    #shipping-billing-summary {
        margin-bottom: 32px
    }

    .order-summary-item.helper, .recapitulation-single {
        padding-left: 0px;
        padding-right: 0px
    }

    .cart-row .col-md-4#checkoutSidebar .order-summary-item.price, .cart-row .col-md-4#checkoutSidebar .order-summary-item.price ~ div {
        margin-inline: -20px
    }

    #summary-box .price-wrapper {
        padding: 32px 20px
    }

    .box > .price-wrapper {
        padding-inline: 0
    }

    .cart-row .col-md-4#checkoutSidebar .next-step {
        padding-bottom: 32px
    }
}

.order-summary-heading {
    text-align: left;
    margin-top: 100px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .order-summary-heading {
        margin-top: 50px
    }
}

.reca-number {
    text-align: left;
    font-size: 2.2rem
}

@media (max-width: 767px) {
    .reca-number {
        font-size: 1.375rem
    }
}

.recapitulation-wrapper .cart-table::before {
    display: none
}

.in-dekujeme .ordering-process-footer {
    display: none
}

.in-dekujeme .co-box.co-payment-method {
    margin-bottom: 30px
}

.in-dekujeme .co-box.co-payment-method .row > div {
    float: none
}

.in-dekujeme .co-box.co-payment-method table tbody tr {
    background-color: #fff
}

.in-dekujeme .co-box.co-payment-method table td img {
    margin-top: 20px
}

.in-dekujeme .co-box.co-payment-method table td:has(img) {
    text-align: left
}

.in-dekujeme table.cart-table .p-name span {
    font-size: 1rem;
    font-weight: 600
}

.in-dekujeme .recapitulation-wrapper .order-summary-item, .in-dekujeme .recapitulation-wrapper .summary-thx {
    font-size: 1rem
}

@media (max-width: 767px) {
    .in-dekujeme table.cart-table tr:not(.related) {
        grid-template-columns:minmax(1px, 90px) auto
    }
}

.latest-contribution-box {
    display: none
}

.narrow-custom {
    max-width: 720px;
    margin: 0 auto 40px
}

.color-banner > a, .color-banner a:has(img) {
    display: block
}

.color-banner > a img, .color-banner a:has(img) img {
    width: 100%;
    height: 100%
}

.color-banner a.btn.btn-secondary {
    border: none;
    padding-left: 32px
}

.color-banner .texts {
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 2
}

.color-banner .texts a.btn {
    margin-top: auto
}

.color-banner .texts a.btn.btn-secondary {
    border: none
}

@media (min-width: 480px) {
    .color-banner .texts a.btn {
        max-width: fit-content
    }
}

.color-banner .texts h2, .color-banner .texts h3, .color-banner .texts h4 {
    margin-top: 0;
    margin-bottom: 24px;
    color: #fff
}

@media (min-width: 1200px) {
    .color-banner .texts p {
        font-size: 1rem;
        line-height: 1.5em
    }
}

@media (max-width: 767px) {
    .color-banner .texts h2 {
        margin-bottom: 16px
    }
}

.navigation-in ul li .color-banner a:not(.btn) {
    padding: 0
}

.top-categories h2 {
    margin-top: 0
}

.top-categories__wrapper {
    display: flex;
    gap: 8px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    justify-content: center
}

.top-categories__item h3, .top-categories__item p {
    margin: 0;
    color: #fff
}

.top-categories__item .slick-arrow {
    display: flex;
    border: none
}

.top-categories__item:hover .slick-arrow, .top-categories__item:focus-visible .slick-arrow {
    transform: translateX(10px)
}

@media (min-width: 768px) {
    .top-categories__wrapper {
        gap: 36px
    }
}

@media (min-width: 768px)and (max-width: 1340px) {
    .top-categories__wrapper {
        gap: 20px
    }
}

@media (min-width: 768px) {
    .top-categories__item {
        position: relative
    }

    .top-categories__item video, .top-categories__item img {
        object-fit: cover;
        aspect-ratio: 2/1;
        filter: saturate(0.5)
    }
}

@media (min-width: 768px)and (max-width: 991px) {
    .top-categories__item video, .top-categories__item img {
        max-width: 310px;
        margin-right: 32px
    }
}

@media (min-width: 768px) {
    .top-categories__item .texts {
        max-width: calc(100% - 110px)
    }

    .top-categories__item .texts p {
        font-size: 1.25rem;
        line-height: 1.4em
    }
}

@media (min-width: 768px)and (min-width: 992px) {
    .top-categories__item {
        flex: 1 1 300px;
        max-width: fit-content
    }

    .top-categories__item video, .top-categories__item img {
        aspect-ratio: 456/388
    }

    .top-categories__item .texts {
        position: absolute;
        left: 24px;
        bottom: 24px;
        z-index: 2
    }
}

@media (min-width: 768px) {
    .top-categories__item .slick-arrow {
        position: absolute;
        top: unset;
        bottom: 24px;
        right: 24px
    }

    .top-categories__item:hover video, .top-categories__item:hover img, .top-categories__item:focus-visible video, .top-categories__item:focus-visible img {
        filter: saturate(1)
    }

    .top-categories__bottom {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .top-categories__bottom .claim {
        flex: 1 1 450px
    }

    .top-categories__bottom .links {
        flex: 1 1 400px;
        max-width: 702px
    }
}

@media (min-width: 992px) {
    .top-categories__item::before {
        content: "";
        position: absolute;
        inset: 0;
        bottom: 5px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 16.11%, rgba(0, 0, 0, 0) 43.17%);
        z-index: 1
    }
}

@media (max-width: 991px) {
    .top-categories__wrapper {
        flex-direction: column
    }

    .top-categories__item {
        display: flex !important;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
        padding: 20px 32px 20px 0;
        width: 100%;
        background-color: #e45f54
    }

    .top-categories__item:nth-child(2) {
        background-color: #178675
    }

    .top-categories__item:nth-child(3) {
        background-color: #384999
    }

    .top-categories__item .slick-arrow {
        position: static;
        margin-left: auto
    }

    .top-categories__item:hover .slick-arrow, .top-categories__item:focus-visible .slick-arrow {
        transform: translateX(5px)
    }

    .top-categories video, .top-categories img {
        margin-block: -20px
    }
}

@media (max-width: 767px) {
    .top-categories h2 {
        margin-bottom: 24px
    }

    .top-categories__wrapper {
        margin-bottom: 24px
    }

    .top-categories__item {
        padding: 12px 16px 12px 8px
    }

    .top-categories__item .texts {
        margin-right: auto
    }

    .top-categories__item .texts h3 {
        font-size: 1.125rem;
        line-height: 1.4444444444em
    }

    .top-categories__item::before {
        display: inline-block;
        width: 48px;
        height: 48px;
        line-height: 0;
        content: url(../img/Espresso.svg)
    }

    .top-categories__item:nth-child(2)::before {
        content: url(../img/Filter.svg)
    }

    .top-categories__item:nth-child(3)::before {
        content: url(../img/Radce.svg)
    }

    .top-categories__item video, .top-categories__item img, .top-categories__item p {
        display: none
    }

    .top-categories .claim {
        display: none
    }
}

.bannery-stred {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
    align-items: stretch
}

.bannery-stred .color-banner {
    flex: 1 1 370px;
    display: flex;
    flex-direction: column
}

.bannery-stred .color-banner > a, .bannery-stred .color-banner a:has(img) {
    max-height: 300px
}

.bannery-stred .color-banner img {
    max-height: 300px;
    object-fit: cover;
    display: block
}

.bannery-stred .color-banner .texts {
    padding: 40px
}

.bannery-stred .color-banner .texts h2 {
    font-size: 2rem
}

.bannery-stred .color-banner .texts p:last-of-type {
    margin-bottom: 40px
}

.bannery-stred .color-banner.offer .texts {
    background-color: #384999
}

.bannery-stred .color-banner.zero-waste .texts {
    background-color: #178675
}

@media (max-width: 1199px) {
    .bannery-stred {
        gap: 20px
    }

    .bannery-stred > div .texts {
        padding: 32px 20px
    }
}

@media (max-width: 767px) {
    .bannery-stred {
        margin-inline: -20px;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 40px
    }

    .bannery-stred .color-banner .texts {
        padding: 32px 20px
    }

    .bannery-stred .color-banner .texts p:last-of-type {
        margin-bottom: 32px
    }
}

.our-story.color-banner {
    display: flex;
    flex-wrap: wrap
}

.our-story.color-banner .texts {
    padding: 56px 75px 56px 56px;
    background-color: #e45f54;
    flex: 1 1 370px;
    height: unset
}

.our-story.color-banner .texts p:last-of-type {
    margin-bottom: 32px
}

.our-story.color-banner picture {
    max-width: 702px
}

.our-story.color-banner picture img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    min-height: 256px
}

@media (min-width: 768px) {
    .our-story.color-banner a.image, .our-story.color-banner picture {
        flex: 1 1 370px
    }
}

@media (max-width: 991px) {
    .our-story.color-banner {
        flex-direction: column-reverse
    }

    .our-story.color-banner .texts {
        padding: 32px 20px
    }
}

@media (max-width: 767px) {
    .our-story.color-banner {
        padding: 0
    }

    .our-story.color-banner a.image, .our-story.color-banner picture, .our-story.color-banner picture img {
        min-height: unset;
        height: 214px;
        display: block
    }
}

@media (min-width: 768px) {
    .type-index .our-story.container {
        margin-top: 80px;
        margin-bottom: 120px
    }
}

#content-wrapper .our-story.container {
    padding: 0
}

#content-wrapper > .our-story.container, #content > .our-story.container {
    margin-left: -20px;
    margin-right: -20px;
    width: auto
}

.guide .color-banner {
    background-color: #725856;
    display: flex;
    flex-wrap: wrap;
    padding: 24px 20px;
    justify-content: space-between;
    align-items: center;
    margin-block: 50px
}

.guide .color-banner a.btn.btn-secondary {
    margin-top: 0;
    display: flex;
    padding: 12px 32px 12px 32px
}

.guide .color-banner a.btn.btn-secondary:hover, .guide .color-banner a.btn.btn-secondary:focus-visible {
    padding-right: 22px
}

@media (max-width: 767px) {
    .guide .color-banner a.btn.btn-secondary {
        margin-right: auto
    }
}

.guide .color-banner .texts h2 {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .guide .color-banner {
        padding: 6px 80px
    }

    .guide .color-banner p {
        margin-bottom: 0
    }

    .guide .color-banner img {
        rotate: -10deg
    }
}

@media (max-width: 767px) {
    .guide .color-banner {
        flex-direction: column;
        gap: 10px
    }
}

@media (max-width: 767px) {
    .guide.container {
        padding: 0
    }
}

@keyframes scrollLeft {
    to {
        left: -200px
    }
}

@keyframes scrollLeftSmall {
    to {
        left: -60px
    }
}

@keyframes scrollRight {
    to {
        right: -200px
    }
}

@keyframes go {
    to {
        inset-inline-start: calc(var(--marquee-item-width) * -1)
    }
}

@keyframes slide {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}

@keyframes slideRight {
    from {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(0)
    }
}

.claims-wrapper {
    overflow: hidden;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - var(--scrollbar-width));
    max-width: 1920px
}

.claims {
    min-width: fit-content;
    background: #fff;
    white-space: nowrap;
    margin-top: 95px
}

.claims.to-right .inner {
    animation-name: slideRight
}

.claims .inner {
    display: inline-block;
    animation: 25s slide infinite linear;
    width: fit-content
}

.claims .inner > div {
    margin: 0 80px;
    display: inline-block
}

.claims .inner .logo {
    height: 36px
}

.claims .inner .logo img {
    height: 100%
}

.claims .inner .claim {
    line-height: 1.0833333333em;
    font-size: 2.75rem
}

.claims .inner .free-delivery {
    color: #161617;
    font-size: 2.75rem;
    line-height: 1.25em
}

@media (max-width: 767px) {
    .claims {
        margin-top: 56px
    }

    .claims .inner > div {
        margin: 0 40px
    }

    .claims .inner .logo {
        height: 30px;
        width: 160px
    }

    .claims .inner .claim, .claims .inner .free-delivery {
        font-size: 1.875rem;
        line-height: 1.1em
    }
}

.scroll-wrapper {
    margin-inline: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - var(--scrollbar-width));
    max-width: 1920px;
    height: 65px;
    margin-top: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 50px;
    --marquee-duration: 25s
}

.scroll-wrapper > div {
    --marquee-item-offset: max(50px, /* width of all items */ calc(100% + 150px));
    position: absolute;
    inset-inline-start: var(--marquee-item-offset);
    transform: translateX(-50%);
    animation: go linear var(--marquee-duration) var(--marquee-delay, 0s) infinite
}

.scroll-wrapper .logo {
    --marquee-delay: calc(var(--marquee-duration) * (684 / 784 * -1));
    --marquee-item-width: 200px;
    width: 200px;
    height: 36px
}

.scroll-wrapper .logo img {
    height: 100%
}

.scroll-wrapper .claim {
    width: 471px;
    line-height: 1.0833333333em;
    --marquee-delay: calc(var(--marquee-duration) * (482 / 819 * -1));
    --marquee-item-width: 471px;
    font-size: 2.75rem
}

.scroll-wrapper .free-delivery {
    color: #161617;
    font-size: 2.75rem;
    line-height: 1.25em;
    --marquee-delay: calc(var(--marquee-duration) * (157 / 882 * -1));
    --marquee-item-width: 785px;
    width: 785px
}

.scroll-wrapper .inner {
    animation-delay: -20s;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 192px;
    display: none
}

@media (max-width: 767px) {
    .scroll-wrapper {
        margin-top: 56px;
        gap: 90px;
        height: 35px
    }

    .scroll-wrapper .logo {
        height: 30px;
        width: 160px;
        --marquee-item-width: 160px
    }

    .scroll-wrapper .claim, .scroll-wrapper .free-delivery {
        font-size: 1.875rem;
        line-height: 1.1em
    }

    .scroll-wrapper .claim {
        --marquee-item-width: 236px;
        width: 236px
    }

    .scroll-wrapper .free-delivery {
        --marquee-item-width: 400px;
        width: 400px
    }
}

.partners {
    margin-top: 40px;
    margin-bottom: calc(120px - 2em)
}

.partners small {
    text-transform: uppercase;
    letter-spacing: .08em
}

.partners h2 {
    margin-top: 0;
    max-width: 702px
}

.partners .claims {
    margin-top: 0;
    height: 96px
}

.partners .claims.to-right {
    margin-top: 48px
}

.partners .claims .inner {
    display: inline-flex;
    align-items: center;
    animation-duration: 32s
}

.partners .claims .inner > div {
    width: 190px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 32px;
    opacity: .5
}

.partners .claims .inner > div img {
    width: 100%;
    object-fit: contain
}

.partners .claims .inner > div.male {
    width: 60px
}

.partners .claims .inner > div.miwa img {
    height: 55px
}

.partners .claims .inner > div:hover {
    opacity: 1
}

.partners .scroll-wrapper {
    gap: 64px;
    height: 96px;
    background: #fff;
    margin-top: 0
}

.partners .scroll-wrapper > div {
    width: 193px;
    position: absolute;
    left: max(3000px, 100%);
    animation: none;
    animation-name: scrollLeft;
    animation-duration: 35s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform: none;
    text-align: center;
    opacity: .5
}

.partners .scroll-wrapper > div.male {
    width: 60px
}

.partners .scroll-wrapper > div:hover {
    opacity: 1
}

.partners .scroll-wrapper.to-right {
    margin-top: 48px
}

.partners .scroll-wrapper.to-right > div {
    right: max(3000px, 100%);
    animation-name: scrollRight;
    left: unset
}

.partners .scroll-wrapper .logo1 {
    animation-delay: -38.8888888889s
}

.partners .scroll-wrapper .logo2 {
    animation-delay: -35.3535353535s
}

.partners .scroll-wrapper .logo3 {
    animation-delay: -31.8181818182s
}

.partners .scroll-wrapper .logo4 {
    animation-delay: -30.0505050505s
}

.partners .scroll-wrapper .logo5 {
    animation-delay: -27.2222222222s
}

.partners .scroll-wrapper .logo6 {
    animation-delay: -23.6868686869s
}

.partners .scroll-wrapper .logo7 {
    animation-delay: -20.5050505051s
}

.partners .scroll-wrapper .logo8 {
    animation-delay: -19.4444444444s
}

.partners .scroll-wrapper .logo9 {
    animation-delay: -15.9090909091s
}

.partners .scroll-wrapper .logo10 {
    animation-delay: -12.3737373737s
}

.partners .scroll-wrapper .logo11 {
    animation-delay: -8.8383838384s
}

.partners .scroll-wrapper .logo12 {
    animation-delay: -5.303030303s
}

@media (max-width: 767px) {
    .partners {
        margin-top: 56px;
        margin-bottom: 56px
    }

    .partners .scroll-wrapper.to-right, .partners .claims.to-right {
        margin-top: 32px
    }
}

.undecided__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
    justify-content: center
}

.undecided__wrapper > a {
    display: none
}

.undecided__wrapper .color-banner {
    flex: 1 1 600px;
    display: flex;
    position: relative;
    min-height: 400px
}

.undecided__wrapper .color-banner .texts {
    padding: 40px 40px 44px
}

.undecided__wrapper .color-banner .texts h3 {
    margin-bottom: 16px
}

.undecided__wrapper .color-banner.subscription {
    background-color: #178675
}

.undecided__wrapper .color-banner.subscription .texts p {
    max-width: calc(100% - 220px)
}

.undecided__wrapper .color-banner.subscription .image-wrapper {
    position: absolute;
    top: 32px;
    right: 0
}

.undecided__wrapper .color-banner.taste-set {
    background-color: #384999
}

.undecided__wrapper .color-banner.taste-set .texts {
    flex: 1 1 370px;
    padding-right: 0
}

.undecided__wrapper .color-banner.taste-set .image-wrapper {
    flex: 1 1 366px;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .undecided h2 {
        margin-bottom: 24px
    }

    .undecided__wrapper {
        gap: 24px
    }

    .undecided__wrapper .color-banner {
        flex-direction: column;
        min-height: 296px
    }

    .undecided__wrapper .color-banner .texts {
        padding: 24px 20px 32px 20px
    }

    .undecided__wrapper .color-banner .texts h3 {
        margin-bottom: 8px
    }

    .undecided__wrapper .color-banner .texts a.btn.btn-secondary {
        margin-top: 13px;
        width: fit-content
    }

    .undecided__wrapper .color-banner.subscription .texts p {
        max-width: 100%
    }

    .undecided__wrapper .color-banner.subscription .image-wrapper {
        position: absolute;
        bottom: 0;
        right: 0;
        top: unset
    }

    .undecided__wrapper .color-banner.subscription .image-wrapper img {
        max-width: 220px
    }

    .undecided__wrapper .color-banner.taste-set .texts {
        padding-right: 20px;
        flex: unset
    }

    .undecided__wrapper .color-banner.taste-set .image-wrapper {
        position: absolute;
        bottom: 0;
        right: 20px
    }

    .undecided__wrapper .color-banner.taste-set .image-wrapper img {
        max-width: 175px
    }
}

.radce .color-banner {
    background: #384999;
    padding: 32px;
    position: relative;
    min-height: 336px;
    display: flex;
    flex-direction: column
}

.radce .color-banner h4 {
    margin-bottom: 8px;
    font-size: 2rem
}

.radce .color-banner p {
    font-size: 1rem;
    line-height: 1.5em;
    max-width: 28ch
}

.radce .color-banner img {
    position: absolute;
    max-width: 251px;
    bottom: 32px;
    right: 28px
}

.radce .color-banner a.btn.btn-secondary {
    margin-top: auto;
    width: fit-content;
    z-index: 5
}

@media (max-width: 767px) {
    .radce .color-banner {
        padding: 24px 20px 32px 20px
    }

    .radce .color-banner img {
        bottom: 33px;
        right: 20px
    }
}

@media (max-width: 374px) {
    .radce .color-banner img {
        bottom: 42px;
        max-width: 235px
    }
}

.blog-wrapper-custom {
    position: relative;
    margin-top: 50px
}

@media (min-width: 768px) {
    .blog-wrapper-custom .buttons-wrapper {
        position: absolute;
        top: 0;
        right: 32px;
        margin-top: 0
    }
}

.blog-wrapper-custom .narrow-custom {
    color: #5c5c5d
}

.blog-wrapper-custom a.btn-secondary {
    padding-left: 32px
}

@media (max-width: 767px) {
    .blog-wrapper-custom.container {
        padding: 0
    }

    .blog-wrapper-custom .slick-list {
        margin-right: -20px
    }
}

@media (max-width: 480px) {
    .blog-wrapper-custom a.btn-secondary {
        width: 100%
    }
}

@media (min-width: 768px) {
    .type-post .blog-wrapper-custom .homepage-group-title {
        max-width: 650px
    }
}

@media (max-width: 767px) {
    .type-post .blog-wrapper-custom {
        margin-top: 30px
    }

    .type-post .blog-wrapper-custom.container {
        padding: 0 20px
    }

    .type-post .blog-wrapper-custom .homepage-group-title {
        max-width: 13ch
    }

    .type-post .blog-wrapper-custom .slick-arrow {
        top: -3.5rem
    }
}

.news-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

.news-item .image {
    position: relative;
    aspect-ratio: 456/296;
    width: 100%;
    margin-right: 0
}

.news-item .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.news-item .text {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

.news-item time {
    display: flex;
    align-items: center;
    gap: .3em;
    font-size: .75rem;
    color: #161617;
    background-color: #fff;
    border-radius: 64px;
    padding: 6px 8px;
    border: 1px solid #e8e8e8;
    width: fit-content;
    position: absolute;
    bottom: 16px;
    left: 16px;
    margin-bottom: 0
}

.news-item .text .title {
    order: 2;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25em;
    font-family: "Haffer", sans-serif;
    color: #161617;
    margin-bottom: 0
}

.news-item .text .description {
    order: 3;
    color: #444446;
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0;
    margin-bottom: 8px
}

.news-item .text .description p {
    margin: 0
}

.news-item a.btn-read-more {
    order: 4;
    color: #161617;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    position: relative;
    margin-top: auto;
    padding-left: 32px
}

.news-item a.btn-read-more::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid #161617;
    border-style: none solid solid none;
    transform: rotate(-45deg);
    margin: 8px;
    position: relative;
    left: -2px
}

.news-item a.btn-read-more:hover, .news-item a.btn-read-more:focus-visible {
    color: #fff;
    background-color: #000
}

.news-item a.btn-read-more:hover::after, .news-item a.btn-read-more:focus-visible::after {
    border-color: #fff;
    left: 0
}

@media (max-width: 767px) {
    .news-item {
        margin-right: 12px
    }

    .news-item .text {
        padding: 0 12px
    }

    .news-item .text .title {
        font-size: 1.375rem;
        line-height: 1.3636363636em
    }

    .news-item .text .description {
        font-size: 1rem;
        line-height: 1.5em
    }
}

@media (max-width: 767px) {
    .type-category .blog-wrapper-custom.container, .type-category .guide.container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.newsletter-wrapper {
    display: flex;
    flex-wrap: wrap
}

.newsletter-wrapper .newsletter-img-wrapper {
    flex: 1 1 400px;
    max-width: 702px
}

.newsletter-wrapper .newsletter-img-wrapper img {
    height: 100%;
    display: block
}

@media (max-width: 767px) {
    .newsletter-wrapper {
        flex-direction: column
    }

    .newsletter-wrapper .newsletter-img-wrapper {
        flex: unset
    }
}

.custom-footer__newsletter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    background-color: #e45f54;
    color: #fff;
    padding: 56px;
    flex: 1 1 420px
}

.custom-footer__newsletter h4 {
    margin: 0;
    color: #fff
}

.custom-footer__newsletter p {
    text-transform: uppercase;
    letter-spacing: .08em
}

.custom-footer__newsletter .sr-only {
    position: initial;
    width: auto;
    height: auto;
    margin: 0;
    clip: none
}

.custom-footer__newsletter fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.custom-footer__newsletter fieldset br {
    display: none
}

.custom-footer__newsletter fieldset .validator-msg-holder {
    order: -2;
    flex-grow: 1
}

.custom-footer__newsletter fieldset .btn.btn-arrow-right {
    order: -1;
    background-color: #161617;
    border: 0;
    padding: 12px 28px;
    display: flex;
    align-items: center;
    gap: 18px
}

.custom-footer__newsletter fieldset .btn.btn-arrow-right::before {
    display: none
}

.custom-footer__newsletter fieldset .btn.btn-arrow-right::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-style: solid solid none none;
    rotate: 45deg
}

.custom-footer__newsletter .consents {
    font-size: .875rem;
    line-height: 1.5;
    margin-top: 8px
}

.custom-footer__newsletter .consents label a {
    color: #fff;
    text-decoration: underline
}

.custom-footer__newsletter .consents label a:hover, .custom-footer__newsletter .consents label a:focus-visible {
    text-decoration: none
}

@media (max-width: 1100px) {
    .custom-footer__newsletter {
        padding: 24px 20px;
        max-width: 702px
    }
}

@media (max-width: 767px) {
    .custom-footer__newsletter {
        flex: unset;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .custom-footer__newsletter h4 {
        text-align: center
    }

    .custom-footer__newsletter fieldset {
        flex-direction: column;
        gap: 8px
    }

    .custom-footer__newsletter p {
        text-transform: none;
        letter-spacing: normal;
        margin-bottom: 0
    }

    .custom-footer__newsletter .compact-form .btn {
        position: static
    }
}

#formNewsletterWidget {
    max-width: 518px
}

#formNewsletterWidget input[type=email] {
    padding-left: 50px;
    background: url(../img/icon/Mail.svg) no-repeat 16px center #fff;
    border: none;
    line-height: 24px
}

.footer-icons {
    gap: 8px
}

.footer-icons .footer-icon {
    margin: 0
}

.footer-icons .footer-icon a {
    border-radius: 50%;
    border: 1px solid #000;
    padding: 7px
}

.footer-rows .site-name {
    position: static;
    max-width: 205px;
    display: block !important
}

.footer-rows .footer-icons-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    padding-block: 32px;
    border-bottom: 12px solid rgba(0, 0, 0, 0);
    border-image: url(../img/icon/footer_border.svg) 0 0 100% 0
}

@media (max-width: 767px) {
    .footer-rows .footer-icons-wrapper {
        flex-direction: column-reverse;
        gap: 10px;
        justify-content: flex-start;
        align-items: flex-start;
        border-image: url(../img/icon/footer_border_mobile.svg) round 0 0 100% 0;
        position: relative;
        padding-block: 0 24px
    }

    .footer-rows .footer-icons-wrapper .site-name img {
        max-width: 150px
    }

    .footer-rows .footer-icons-wrapper > img {
        position: absolute;
        bottom: 24px;
        z-index: 9;
        right: 0;
        max-width: 84px
    }
}

.footer-rows .footer-links-icons {
    padding: 0
}

.custom-footer table, .address table {
    max-width: 160px
}

.custom-footer table tbody tr:nth-child(2n), .address table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0)
}

.custom-footer table th, .custom-footer table td, .address table th, .address table td {
    padding: 0;
    max-width: 90px;
    font-weight: 400;
    vertical-align: top
}

.custom-footer {
    width: 100%;
    padding: 64px 0 0;
    column-gap: 60px
}

.custom-footer h4 {
    font-size: 1.25rem;
    color: #161617
}

.custom-footer h5 {
    font-size: 1rem;
    line-height: 1.5em
}

.custom-footer h4, .custom-footer h5 {
    text-transform: none;
    margin: 0
}

.custom-footer h4, .custom-footer h5, .custom-footer a, .custom-footer ul span {
    display: block;
    padding: .3125rem 0;
    color: #161617
}

.custom-footer ul span {
    display: inline-block
}

.custom-footer ul {
    margin: 0;
    padding: 0;
    list-style: none
}

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

.custom-footer ul span {
    color: #a2a2a2
}

.custom-footer a {
    text-decoration: none
}

.custom-footer a:hover, .custom-footer a:focus-visible {
    text-decoration: underline
}

.custom-footer .company-info p:not(:nth-child(3)) {
    margin-bottom: 8px
}

.custom-footer .custom-footer__instagram {
    flex-basis: 100%
}

.custom-footer .contacts-placeholder h4 {
    display: none
}

.custom-footer .banner-wrapper > a.extended-empty img {
    display: block;
    margin-left: auto;
    max-width: 160px
}

@media (max-width: 767px) {
    .custom-footer {
        padding: 32px 0;
        flex-direction: column
    }

    .custom-footer .banner-wrapper > a.extended-empty img {
        max-width: 84px
    }

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

    .custom-footer .banner {
        min-height: unset;
        margin-bottom: 0
    }

    .custom-footer h4.clickable {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 5px
    }

    .custom-footer h4.clickable::after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border: 2px solid #161617;
        border-style: none solid solid none;
        transform: rotate(-135deg);
        transition: all .15s ease-in-out;
        position: relative
    }

    .custom-footer .banner-wrapper:not(.active) ul, .custom-footer .banner-wrapper:not(.active) h5, .custom-footer .banner-wrapper:not(.active) #categories, .custom-footer .banner-wrapper:not(.active) p, .custom-footer .banner-wrapper:not(.active) table, .custom-footer .custom-footer__categories:not(.active) ul, .custom-footer .custom-footer__categories:not(.active) h5, .custom-footer .custom-footer__categories:not(.active) #categories, .custom-footer .custom-footer__categories:not(.active) p, .custom-footer .custom-footer__categories:not(.active) table, .custom-footer .custom-footer__articles:not(.active) ul, .custom-footer .custom-footer__articles:not(.active) h5, .custom-footer .custom-footer__articles:not(.active) #categories, .custom-footer .custom-footer__articles:not(.active) p, .custom-footer .custom-footer__articles:not(.active) table {
        display: none
    }

    .custom-footer .banner-wrapper:not(.active) h4::after, .custom-footer .custom-footer__categories:not(.active) h4::after, .custom-footer .custom-footer__articles:not(.active) h4::after {
        top: -3px;
        transform: rotate(45deg)
    }
}

.custom-footer .contact-info {
    display: flex;
    flex-direction: column
}

.custom-footer .mail a, .custom-footer .tel a {
    display: inline-flex;
    align-items: center;
    gap: .625em
}

.custom-footer .mail a::before, .custom-footer .tel a::before {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 0
}

.custom-footer .mail a::before {
    content: url(../img/icon/mail-accent.svg)
}

.custom-footer .tel a::before {
    content: url(../img/icon/phone-accent.svg)
}

#footer-contacts .site-name {
    margin-bottom: 50px
}

#footer-contacts .columns.col-2 .column {
    flex-basis: 100px;
    padding: 10px
}

#footer-contacts p {
    margin-top: 0
}

#footer-contacts ul span {
    padding: 0
}

#footer-contacts .contacts-placeholder {
    margin-top: -10px
}

#footer-contacts .contacts-placeholder a {
    font-weight: 700;
    padding: .625em 1.25em
}

#footer-contacts .contacts-placeholder ul {
    display: block
}

@media (max-width: 767px) {
    #footer-contacts .site-name {
        text-align: center
    }

    #footer-contacts .site-name img {
        max-width: 162px;
        margin: 0 auto
    }
}

.custom-footer__instagram {
    margin-bottom: 120px
}

.custom-footer__instagram .instagram-widget {
    max-width: 100%;
    gap: 36px
}

.custom-footer__instagram .instagram-widget a {
    padding: 0;
    aspect-ratio: 1;
    width: unset;
    display: block;
    min-height: 103px
}

.custom-footer__instagram .instagram-widget a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: static;
    aspect-ratio: 1;
    transform: none;
    min-height: 103px
}

.custom-footer__instagram .instagram-widget .slick-list {
    margin-right: -36px
}

.custom-footer__instagram .instagram-widget .slick-track a {
    margin-right: 36px
}

.custom-footer__instagram h4 {
    display: none
}

.custom-footer__instagram .footer-icons {
    grid-row: 2/3;
    grid-column: 1/2
}

.custom-footer__instagram .instagram-follow-btn {
    display: none
}

@media (max-width: 1200px) {
    .custom-footer__instagram {
        grid-template-columns:auto auto
    }

    .custom-footer__instagram .instagram-widget {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .custom-footer__instagram {
        margin-bottom: 56px
    }

    .custom-footer__instagram .instagram-widget .slick-list {
        margin-right: -20px
    }

    .custom-footer__instagram .instagram-widget .slick-arrow {
        top: -3.3rem
    }

    .custom-footer__instagram .instagram-widget .slick-track a {
        margin-right: 12px;
        flex-basis: unset
    }
}

.instagram-wrapper > h2, .instagram-wrapper > .h2 {
    margin-top: 0
}

@media (max-width: 767px) {
    .instagram-wrapper > h2, .instagram-wrapper > .h2 {
        width: calc(100% - 75px)
    }
}

.footer-icons {
    display: flex;
    flex-wrap: wrap
}

.footer-icons a {
    display: inline-block;
    padding: 10px
}

.footer-icons img {
    display: block
}

.contact-banner__inner {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid #444446;
    background-color: #2e2d2f;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 767px) {
    .contact-banner__inner {
        padding: 20px
    }
}

.project-mail, .project-phone {
    display: inline-flex;
    align-items: center;
    gap: .5em;
    font-size: 1.125rem
}

.project-mail::before, .project-phone::before {
    display: none
}

.project-mail::before {
    content: url(../img/icon/mail.svg)
}

.project-phone::before {
    content: url(../img/icon/phone.svg)
}

.banner-category {
    margin-bottom: 0;
    background-color: #178675
}

.banner-category a, .banner-category img {
    display: block;
    width: 100%
}

.banner-category a {
    height: 100%;
    display: flex;
    flex-direction: column
}

.banner-category a:hover img {
    transform: none
}

.banner-category img {
    object-fit: cover;
    object-position: center;
    max-height: 295px;
    aspect-ratio: 1
}

.banner-category .extended-banner-texts {
    position: static;
    padding: 32px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.banner-category .extended-banner-title {
    font-size: 1.7rem;
    line-height: 1.25em;
    margin: 0
}

.banner-category .extended-banner-title small {
    margin-bottom: 16px
}

.banner-category .extended-banner-link {
    margin-top: auto
}

@media (max-width: 767px) {
    .banner-category {
        display: none
    }
}

.category__secondDescription .columns {
    gap: 0
}

.category__secondDescription .columns .column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
    max-width: 360px
}

@media (max-width: 1100px) {
    .category__secondDescription .columns .column {
        padding: 15px
    }
}

@media (max-width: 767px) {
    .category__secondDescription .columns {
        flex-direction: column;
        gap: 30px
    }

    .category__secondDescription .columns .column {
        max-width: unset;
        padding: 0
    }
}

@media (min-width: 1300px) {
    .listingControls {
        max-width: 946px;
    }
}

.listingControls .goToTop {
    display: none;
}

.listingControls .pagination a.btn.pagination__link:after {
    display: none;
}

.listingControls .pagination a.btn.pagination__link {
    padding: 0;
}

.pagination .pagination__list .pagination__link:hover {
    background: none;
    color: initial;
    border: none;
    text-decoration: underline;
}

#products + .listingControls {
    margin-top: -80px;
    margin-bottom: 100px
}

@media (max-width: 767px) {
    #products + .listingControls {
        margin-bottom: 50px;
        margin-top: 0
    }
}

.link-icon {
    color: #737374;
    text-decoration: none
}

.link-icon:hover {
    text-decoration: underline
}

.videos-wrapper {
    margin-top: 50px;
    text-align: center;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto
}

.videos-wrapper h2 {
    margin-top: 0;
    margin-bottom: .8522727273em
}

.videos-wrapper h3 {
    margin: 0;
    font-family: "Haffer", sans-serif;
    font-size: 1rem;
    color: #5c5c5d;
    text-transform: initial
}

.videos-wrapper .video-container:not(:last-child) {
    margin-bottom: 50px
}

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

#relatedFiles li {
    display: flex;
    align-items: center;
    gap: .625em
}

#relatedFiles li:not(:last-child) {
    margin-bottom: 30px
}

#ratingTab {
    padding: 0 100px
}

#ratingTab .rate-average {
    font-family: "Haffer", sans-serif;
    font-size: 2.625rem
}

#ratingTab .rate-average::after {
    font-size: .4761904762em
}

#ratingTab .rate-list .star.star-off::before {
    content: "";
    color: #f3c521
}

@media (max-width: 767px) {
    #ratingTab {
        padding: 0
    }
}

#productDiscussion {
    padding: 0 100px
}

@media (max-width: 767px) {
    #productDiscussion {
        padding: 0
    }
}

.usp-container {
    position: relative;
    width: calc(100vw - var(--scrollbar-width));
    left: 50%;
    transform: translateX(-50%);
    padding: 100px 0;
    background-color: #f3f3f3
}

.usp-container .benefitBanner {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .usp-container {
        padding: 50px 0
    }
}

.customer-page .content-inner > h4, .customer-page .content-inner p {
    font-weight: 400;
    font-size: 1rem;
    color: #161617
}

.customer-page .content-inner .row {
    display: flex;
    flex-wrap: wrap
}

.customer-page .content-inner .row > div {
    float: none
}

.customer-page .content-inner .row > div h4 {
    margin-top: 10px
}

.customer-page .listingControls {
    max-width: unset
}

.customer-page .listingControls .pagination {
    justify-content: center
}

.customer-page .listingControls .pagination-total {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .customer-page .content-wrapper-in {
        display: flex;
        gap: 50px
    }

    .customer-page .content-wrapper-in aside {
        height: fit-content
    }
}

@media (max-width: 767px) {
    .customer-page .order-table {
        width: 100%;
        display: block
    }

    .customer-page .order-table thead {
        display: none
    }

    .customer-page .order-table tbody {
        display: block
    }

    .customer-page .order-table tbody tr td {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 5px
    }
}

@media (min-width: 480px) {
    .customer-page .form-group-tooltip {
        left: 366px
    }
}

#content .text ol, .basic-descripton ol {
    padding: 0;
    list-style: none;
    counter-reset: my-counter
}

#content .text ol li, .basic-descripton ol li {
    display: flex;
    align-items: flex-start;
    counter-increment: my-counter
}

#content .text ol li::before, .basic-descripton ol li::before {
    content: "0" counter(my-counter) ")";
    display: block;
    text-align: right;
    color: #161617;
    margin-right: 10px;
    font-weight: 700;
    min-width: 1.5em
}

.type-page .content-inner a.btn.btn-secondary {
    padding-left: 32px
}

/*# sourceMappingURL=style.min.css.map */

.entrance-protection-inner h1 {
    font-size: 2rem;
}

.entrance-protection-inner .submit-wrapper {
    display: flex;
    justify-content: center;
}

.entrance-protection .entrance-protection-inner {
    flex: 0 1 640px;
}

.custom-footer__instagram h4 {
    display: none;
}

.instagram-wrapper > a {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #161617;
}

.instagram-wrapper > h2 {
    margin-top: 0;
}

.medailon {
    display: flex;
    column-gap: 80px;
    row-gap: 20px;
    flex-wrap: wrap;
}

.medailon-text {
    display: flex;
    flex-direction: column;
    max-width: 433px;
}

.medailon-text h2 {
    margin-top: 0;
}

.medailon-text p, .medailon-text a {
    margin-bottom: 0;
    color: #161617;
}

.medailon-tel {
    margin-top: auto;
    margin-bottom: 0;
    font-weight: 700;
}

.medailon-text > p:not(.medailon-tel) {
    color: #5c5c5d;
}

.priprava {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    .top-categories__item video, .top-categories__item img {
        filter: none;
    }
}

@media (max-width: 767px) {
    .extended-banner-text {
        text-wrap: unset;
    }
}

.radce .color-banner a.btn.btn-secondary {
    z-index: 4;
}

.products-alternative::after {
    display: none;
}

.dkLabVisitedProductsNew .slick-initialized .slick-slide {
    margin: 0 15px;
    padding: 0 20px;
}

.dkLabVisitedProductsNew .mjs-modded * {
    font-family: "Haffer", sans-serif;
}

.dkLabVisitedProductsNew .mjs-modded {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.dkLabVisitedProductsNew {
    margin-bottom: 85px;
}

.dkLabVisitedProductsNew .mjs-modded .dvpnProducts__item__image img {
    aspect-ratio: 1;
    transform: scale(0.8);
    transition: all .15s ease-in-out;
}

.dkLabVisitedProductsNew .mjs-modded:hover .dvpnProducts__item__image img {
    transform: scale(1);
}

.dkLabVisitedProductsNew .mjs-modded .dvpnProducts__item__image {
    margin-bottom: 10px;
}

.dkLabVisitedProductsNew .mjs-modded .dvpnProducts__item__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px;
    height: 100%;
}

.dkLabVisitedProductsNew .mjs-modded .dvpnProducts__item__name {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4em;
    text-align: center;
    color: var(--color-primary);
}

.dkLabVisitedProductsNew .mjs-modded .dvpnProducts__item__price {
    transform: none;
    position: inherit;
    letter-spacing: .08em;
    font-size: .9rem;
    color: var(--colors-foregrounds-content-primary);
    font-weight: 600;
    text-transform: lowercase;
    margin-bottom: 10px;
}


.dkLabVisitedProductsNew .mjs-modded .dvpnProducts__item__price > strong {
    text-transform: capitalize;
    font-size: 20px;
    letter-spacing: initial;
}

.mjs-last-visited-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: auto;
}

.mjs-last-visited-bottom > a.btn {
    width: 100%;
    background-color: #fff;
    color: #161617;
}

@media (max-width: 767px) {
    .dkLabVisitedProductsNew .mjs-modded .dvpnProducts__item__name {
        font-size: 1rem;
    }

    .dkLabVisitedProductsNew .mjs-modded .dvpnProducts__item__text {
        gap: 16px;
    }

    .dkLabVisitedProductsNew .mjs-modded .dvpnProducts__item__text {
        padding: 12px 12px 0px 12px;
    }

    .mjs-last-visited-bottom > a.btn {
        padding: 6px 8px;
    }

    .dkLabVisitedProductsNew .slick-initialized .slick-slide {
        margin: 0 7.5px;
    }
    .dkLabVisitedProductsNew  .slick-initialized > div.slick-list {
        width: auto !important;
        margin: -15px -20px;
    }
}