@font-face {
    font-display: swap;
    font-family: jigsaw;
    font-style: normal;
    font-weight: 400;
    src: url(https://www.papelotestudio.cz/template/fonts/jigsaw-regular-webfont.9e150540.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: jigsaw;
    font-style: normal;
    font-weight: 500;
    src: url(https://www.papelotestudio.cz/template/fonts/jigsaw-medium-webfont.adf90039.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: jigsaw;
    font-style: normal;
    font-weight: 300;
    src: url(https://www.papelotestudio.cz/template/fonts/jigsaw-light-webfont.2c7128ff.otf) format("opentype")
}

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(https://www.papelotestudio.cz/template/fonts/icomoon.78f3859a.eot);
    src: url(https://www.papelotestudio.cz/template/fonts/icomoon.78f3859a.eot?#iefix) format("embedded-opentype"), url(https://www.papelotestudio.cz/template/fonts/icomoon.f0053561.ttf) format("truetype"), url(https://www.papelotestudio.cz/template/fonts/icomoon.92161dcf.woff) format("woff"), url(https://www.papelotestudio.cz/template/images/icomoon.b2c5f518.svg#icomoon) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-cart-2:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-arrow-2-right:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-conversation:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-location:before {
    content: ""
}

.icon-Firma:before {
    content: ""
}

.icon-arror-right:before {
    content: ""
}

.icon-Fakturacni_adresa:before {
    content: ""
}

.icon-Phone:before {
    content: ""
}

.icon-zakladni_udaje:before {
    content: ""
}

.icon-Info:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-shipping:before {
    content: ""
}

.icon-card:before {
    content: ""
}

.icon-delete:before {
    content: ""
}

.icon-chat:before {
    content: ""
}

.icon-watchdog:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-usp_4:before {
    content: ""
}

.icon-usp_3:before {
    content: ""
}

.icon-usp_2:before {
    content: ""
}

.icon-usp_1:before {
    content: ""
}

.icon-cart:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-insta:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-able:before {
    content: ""
}

.icon-shoptet:before {
    content: ""
}

.icon-fb:before {
    content: ""
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--scroll-padding)
}

body {
    font-family: jigsaw, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ready {
    opacity: 1 !important
}

.overall-wrapper {
    padding-bottom: 0
}

@media(max-width:767px) {
    .overall-wrapper {
        padding-top: calc(90px + var(--site-msg-height))
    }

    body:not(.type-index) .content-wrapper-in {
        padding-top: 0
    }
}

.admin-bar {
    z-index: 1006
}

body.spinner-visible .overlay {
    z-index: 1004
}

.row {
    margin: 0 !important
}

.type-detail .p-data-wrapper .quantity input {
    background-color: #f5f3f3
}

.quantity {
    background: transparent;
    border: none !important;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0 35px;
    width: 120px
}

.quantity:hover {
    box-shadow: none
}

.quantity input.amount {
    background-color: #f6f6f6;
    border: none;
    border-radius: 99px;
    font-size: 16px;
    font-weight: 500;
    height: 42px;
    text-align: center;
    width: 52px !important
}

.quantity .decrease,
.quantity .increase {
    cursor: pointer;
    top: 16px
}

.quantity .decrease:hover:before,
.quantity .increase:hover:before {
    background-color: transparent;
    color: #1f0aff
}

.quantity .decrease:before,
.quantity .increase:before {
    color: #000;
    content: "";
    font-size: 14px;
    line-height: 1;
    position: absolute;
    transition: .3s
}

.quantity .increase {
    background: transparent !important;
    border: none;
    border-radius: 20px;
    height: 18px !important;
    left: auto;
    position: absolute;
    right: 5px;
    transition: .3s;
    width: 18px
}

.quantity .increase:before {
    content: "";
    font-family: icomoon !important
}

.quantity .decrease {
    background: transparent !important;
    border: none;
    border-radius: 20px;
    height: 18px !important;
    left: 5px;
    position: absolute;
    right: auto;
    transition: .3s;
    width: 18px
}

.quantity .decrease:before {
    content: "";
    font-family: icomoon !important
}

.extra.delivery .price-range {
    height: 6px
}

.extra.delivery .price-range:before {
    content: "";
    font-family: icomoon !important;
    font-size: 18px;
    margin-top: -6px
}

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

#cboxClose {
    background-color: transparent !important
}

#cboxClose,
#cboxClose:before {
    transition: .3s
}

#cboxClose:hover:before {
    color: #1f0aff
}

@media(min-width:768px) {
    #cboxClose {
        right: 30px;
        top: 30px
    }
}

#cboxContent:has(#formProductQuestion) {
    background-color: #f6f6f6
}

#cboxContent:has(#formProductQuestion) h1 {
    text-transform: uppercase
}

.login-close {
    cursor: pointer;
    position: absolute
}

.login-close:hover:before {
    color: #1f0aff
}

.login-close:before {
    color: #1f0aff;
    content: "";
    font-family: icomoon !important;
    font-size: 35px;
    transition: .3s
}

.social-icons {
    -moz-column-gap: 15px;
    column-gap: 15px;
    display: flex;
    margin-top: auto;
    order: 3;
    padding-bottom: 30px;
    row-gap: 19px
}

@media(max-width:767px) {
    .social-icons {
        order: 1;
        padding-bottom: 0;
        width: 100%
    }
}

.social-icons-list {
    list-style: none;
    padding-top: 0;
    position: relative !important;
    transition: .3s
}

.social-icons-list:hover a {
    background-color: transparent
}

.social-icons-list:hover a:before {
    color: red
}

.social-icons-list a {
    background: transparent;
    height: 24px;
    transition: .3s !important;
    width: 24px
}

.social-icons-list a:before {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    transition: .3s;
    z-index: 21
}

.social-icons-list a.instagram:before {
    content: "";
    font-family: icomoon !important
}

.social-icons-list a.facebook:before {
    content: "";
    font-family: icomoon !important
}

.social-icons-list a.linkedin:before {
    content: "";
    font-family: icomoon !important
}

.stars .star:before {
    color: #1f0aff !important
}

.menu-helper.visible {
    z-index: 300
}

.menu-helper {
    font-family: jigsaw, sans-serif !important;
    right: 20px
}

.menu-helper>span {
    font-size: 20px;
    font-weight: 500;
    padding: 0
}

.messages {
    z-index: 1005
}

.messages .msg-success {
    background-color: #008f51
}

.question-tooltip {
    background-color: transparent;
    border-color: #1f0aff;
    color: #1f0aff
}

.contact-box ul li>span.mail:before {
    content: "";
    font-family: icomoon !important
}

.contact-box ul li>span.tel:before {
    content: "";
    font-family: icomoon !important
}

.no-more-posts {
    margin-bottom: 0 !important
}

@media(min-width:992px) {
    .able-background-overlay:before {
        background-color: rgba(0, 0, 0, .3);
        opacity: 1;
        transition: all .3s ease;
        z-index: 1001
    }
}

.able-background-overlay #header .header-top {
    position: relative
}

.able-background-overlay #header .header-bottom:before,
.able-background-overlay #header .header-top:before {
    opacity: 1;
    z-index: 20
}

.able-background-overlay #header #dkLabFavHeaderWrapper:not(:hover),
.able-background-overlay #header .cart-count,
.able-background-overlay #header .top-nav-button:not(:hover) {
    background: hsla(0, 0%, 100%, .3) !important
}

.able-background-overlay #header .search-input {
    background-color: transparent;
    border: none !important
}

.able-background-overlay #navigation .menu-level-1 {
    z-index: 19 !important
}

@media(min-width:992px) {
    .cart-window-visible:before {
        background-color: rgba(0, 0, 0, .3);
        opacity: 1;
        transition: all .3s ease;
        z-index: 1003
    }

    .cart-window-visible #header .header-top {
        position: relative
    }

    .cart-window-visible #header .header-bottom:before,
    .cart-window-visible #header .header-top:before {
        opacity: 1;
        z-index: 20
    }

    .cart-window-visible #header #dkLabFavHeaderWrapper:not(:hover),
    .cart-window-visible #header .top-nav-button:not(:hover) {
        background: hsla(0, 0%, 100%, .3) !important
    }

    .cart-window-visible #header .search-input {
        background-color: transparent;
        border: none !important
    }

    .cart-window-visible #header #navigation .menu-level-1 {
        z-index: 19 !important
    }
}

@media(min-width:768px) {
    .mobile-only {
        display: none !important
    }
}

@media(max-width:767px) {
    .desktop-only {
        display: none !important
    }
}

.in-nastaveni #billCountryId,
.in-nastaveni input {
    border: 1px solid #e4e4e4 !important;
    border-radius: 99px;
    height: 49px !important
}

.in-nastaveni .default-shipping-address.icon-tick:before {
    content: "✓"
}

.products-alternative-wrapper {
    display: none
}

.blank-mode .cart-related-name,
.blank-mode .cart-table .main-link,
.blank-mode .h1,
.blank-mode .h2,
.blank-mode .h3,
.blank-mode .h4,
.blank-mode .h5,
.blank-mode .h6,
.blank-mode h1,
.blank-mode h2,
.blank-mode h3,
.blank-mode h4,
.blank-mode h5,
.blank-mode h6,
.external-fonts-loaded .cart-related-name,
.external-fonts-loaded .cart-table .main-link,
.external-fonts-loaded .h1,
.external-fonts-loaded .h2,
.external-fonts-loaded .h3,
.external-fonts-loaded .h4,
.external-fonts-loaded .h5,
.external-fonts-loaded .h6,
.external-fonts-loaded body,
.external-fonts-loaded h1,
.external-fonts-loaded h2,
.external-fonts-loaded h3,
.external-fonts-loaded h4,
.external-fonts-loaded h5,
.external-fonts-loaded h6,
body.blank-mode {
    font-family: jigsaw, sans-serif !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.link-like,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000
}

.link-like:focus,
.link-like:hover {
    color: #1f0aff !important
}

a:not(.btn) {
    color: #000;
    transition: color .3s, background-color .3s, border-color .3s
}

a:not(.btn):focus,
a:not(.btn):hover {
    color: #1f0aff !important
}

.btn,
a.btn {
    font-weight: 500;
    padding: 0 25px
}

.btn.btn-default,
.btn.btn-primary,
.btn.btn-secondary,
a.btn.btn-default,
a.btn.btn-primary,
a.btn.btn-secondary {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    transition: .3s
}

.btn.btn-default:hover,
.btn.btn-primary:hover,
.btn.btn-secondary:hover,
a.btn.btn-default:hover,
a.btn.btn-primary:hover,
a.btn.btn-secondary:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.btn.btn-primary,
a.btn.btn-primary {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.btn.btn-primary:hover,
a.btn.btn-primary:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.btn.btn-primary,
a.btn.btn-primary {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff
}

.btn.btn-primary:hover,
a.btn.btn-primary:hover {
    background-color: red !important;
    border-color: red !important
}

.btn.btn-secondary,
a.btn.btn-secondary {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.btn.btn-secondary:hover,
a.btn.btn-secondary:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.btn.btn-secondary,
a.btn.btn-secondary {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff
}

.btn.btn-secondary:hover,
a.btn.btn-secondary:hover {
    background-color: red !important;
    border-color: red !important
}

.btn.btn-default:not(.search-button),
a.btn.btn-default:not(.search-button) {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.btn.btn-default:not(.search-button):hover,
a.btn.btn-default:not(.search-button):hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.btn.btn-default:not(.search-button),
a.btn.btn-default:not(.search-button) {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff
}

.btn.btn-default:not(.search-button):hover,
a.btn.btn-default:not(.search-button):hover {
    background-color: red !important;
    border-color: red !important
}

.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.btn.btn-cart:hover,
.btn.btn-conversion:hover,
a.btn.btn-cart:hover,
a.btn.btn-conversion:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion {
    align-items: center;
    background: #008f51;
    border: 1px solid #008f51;
    color: #fff;
    display: flex;
    gap: 7px;
    justify-content: center
}

.btn.btn-cart:after,
.btn.btn-conversion:after,
a.btn.btn-cart:after,
a.btn.btn-conversion:after {
    content: "";
    font-family: icomoon !important;
    font-size: 18px
}

.btn.btn-cart:hover,
.btn.btn-conversion:hover,
a.btn.btn-cart:hover,
a.btn.btn-conversion:hover {
    background-color: #1f0aff !important;
    border-color: #1f0aff !important;
    color: #fff !important
}

#cboxContent:has(.advanced-order) {
    background-color: transparent !important;
    border-radius: 12px
}

#cboxContent:has(.advanced-order) #cboxLoadedContent {
    background-color: transparent !important;
    border-radius: 12px
}

#cboxContent:has(.advanced-order) .colorbox-html-content {
    background-color: #fff;
    padding: 60px 50px 70px
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .colorbox-html-content {
        padding: 55px 15px 20px
    }
}

#cboxContent:has(.advanced-order) .advanced-order .h1 {
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 35px
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .advanced-order .h1 {
        font-size: 28px
    }
}

#cboxContent:has(.advanced-order) .advanced-order .h2 {
    display: none
}

#cboxContent:has(.advanced-order) .advanced-order .products-block {
    gap: 0;
    margin-top: 0
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product {
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    margin-bottom: 0;
    padding-bottom: 13px
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-image {
    order: 1
}

@media(min-width:768px) {
    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-image {
        flex: initial;
        flex-basis: auto;
        min-width: auto;
        padding-right: 10px
    }
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-image img {
    max-height: 72px;
    max-width: -moz-max-content;
    max-width: max-content
}

@media(max-width:991px) {
    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-image img {
        max-height: none;
        width: 100%
    }
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-name {
    order: 2
}

@media(min-width:768px) {
    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-name {
        flex-basis: calc(50% - 10px);
        min-width: calc(50% - 10px)
    }
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-name {
        margin-bottom: 30px
    }
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-name a {
    font-size: 16px;
    font-weight: 600
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-name .ao-availability {
    display: none
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-name .ao-product-code {
    color: #a8a8a8;
    font-size: 14px;
    font-weight: 500
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-quantity {
    flex-basis: 15%;
    min-width: 15%;
    order: 3
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-quantity {
        display: flex;
        flex: 1 1 35%;
        height: 100%;
        margin-bottom: auto;
        min-width: 35%
    }

    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-quantity form {
        display: flex
    }
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price {
    align-items: center;
    display: flex;
    gap: 3px;
    justify-content: flex-end;
    order: 4
}

@media(min-width:768px) {
    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price {
        flex-basis: 22%;
        min-width: 22%
    }
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price {
        align-items: end;
        gap: 19px
    }
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-price-wrapper {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    gap: 2px
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-price-wrapper {
        align-items: flex-end
    }
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price strong {
    font-size: 20px;
    font-weight: 600;
    margin-left: auto
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-price-final {
    color: #000;
    font-size: 20px;
    font-weight: 600
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-price-final .with-dph {
    margin-left: 5px
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-price-final .unit-value {
    font-size: 14px
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-price-additional {
    font-size: 20px
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-price-additional {
        font-size: 16px
    }
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-price-additional .unit-value {
    font-size: 14px
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-remove {
    margin-left: auto
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-remove:before {
    color: #a8a8a8;
    content: "";
    cursor: pointer;
    font-family: icomoon !important;
    font-size: 20px;
    transition: color .3s ease
}

#cboxContent:has(.advanced-order) .advanced-order .ao-product .ao-price .ao-remove:hover:before {
    color: #1f0aff
}

#cboxContent:has(.advanced-order) .advanced-order .extras-wrap {
    align-items: flex-end;
    -moz-column-gap: 28px;
    column-gap: 28px;
    flex-direction: row;
    flex-wrap: wrap
}

#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra {
    margin: 20px 0 0
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra {
        margin: 20px 0 0
    }
}

#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.delivery .price-range,
#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.quantity-discount .price-range {
    border-radius: 100px;
    height: 8px
}

#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.delivery .price-range div,
#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.quantity-discount .price-range div {
    background-color: #008f51;
    border-radius: 100px
}

#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.delivery .price-range:before,
#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.quantity-discount .price-range:before {
    font-size: 24px
}

#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.delivery.shipping-is-free,
#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.quantity-discount.shipping-is-free {
    text-align: center
}

@media(max-width:991px) {

    #cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.delivery,
    #cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.quantity-discount {
        padding: 0
    }
}

#cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.step {
    display: flex;
    gap: 10px;
    width: 100%
}

@media(max-width:991px) {
    #cboxContent:has(.advanced-order) .advanced-order .extras-wrap .extra.step {
        margin-top: 40px
    }
}

#cboxContent:has(.advanced-order) .advancedOrder__buttons .next-step-back {
    display: none
}

#cboxContent:has(.advanced-order) .advancedOrder__buttons a:after {
    content: none
}

#cboxContent:has(.advanced-order) .btn-conversion {
    align-items: center;
    background-color: #008f51;
    border-radius: 50px;
    display: flex;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    gap: 15px;
    justify-content: center;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

#cboxContent:has(.advanced-order) .btn-conversion:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

#cboxContent:has(.advanced-order) .btn-conversion {
    padding: 0 15px !important;
    width: 340px
}

#cboxContent:has(.advanced-order) .btn-conversion:before {
    content: "";
    font-family: icomoon !important;
    font-size: 22px
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .btn-conversion {
        width: 100% !important
    }
}

#cboxContent:has(.advanced-order) .swiper-products-container {
    display: none;
    padding: 44px 0
}

#cboxContent:has(.advanced-order) .swiper-products-container h2 {
    border-top: 1px solid #d3d3d3;
    font-weight: 600;
    margin: 0 0 55px;
    padding-top: 30px
}

#cboxContent:has(.advanced-order) .swiper-products-container .swiper-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    position: absolute;
    top: calc(50% - 67px);
    width: 100%;
    z-index: 10
}

@media(max-width:767px) {
    #cboxContent:has(.advanced-order) .swiper-products-container .swiper-navigation {
        top: calc(50% - 28px)
    }
}

#cboxContent:has(.advanced-order) .swiper-products-container .swiper-navigation .swiper-button-prev {
    left: 0
}

#cboxContent:has(.advanced-order) .swiper-products-container .swiper-navigation .swiper-button-next {
    right: 0
}

.flags {
    z-index: 20
}

.flags.flags-default .flag {
    background: transparent;
    border: 1px solid #1f0aff;
    border-radius: 24px;
    color: #1f0aff;
    font-family: Poppins, sans-serif;
    font-size: 10px;
    font-weight: 500;
    padding: 7px 8px;
    position: relative;
    text-transform: none
}

.products-block .product .flags-default {
    left: 15px;
    top: 15px
}

.custom-footer__newsletter {
    float: unset;
    margin-bottom: 50px
}

.custom-footer__newsletter .newsletter-wrapper {
    background-color: #fff;
    display: flex;
    gap: 80px;
    margin-top: 115px;
    padding: 0 15px
}

@media(max-width:1199px) {
    .custom-footer__newsletter .newsletter-wrapper {
        flex-direction: column;
        gap: 30px;
        margin-top: 50px
    }
}

@media(max-width:767px) {
    .custom-footer__newsletter .newsletter-wrapper {
        padding: 0
    }
}

.custom-footer__newsletter .newsletter-wrapper form {
    max-width: 500px;
    width: 100%
}

.custom-footer__newsletter .newsletter-wrapper fieldset {
    padding-bottom: 0
}

.custom-footer__newsletter .newsletter-wrapper .se-text {
    font-size: 24px;
    line-height: 1.4;
    max-width: 655px
}

@media(max-width:767px) {
    .custom-footer__newsletter .newsletter-wrapper .se-text {
        font-size: 28px
    }
}

.custom-footer__newsletter .newsletter-wrapper .se-text p {
    margin: 0
}

.custom-footer__newsletter .newsletter-wrapper .validator-msg-holder {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    position: relative
}

.custom-footer__newsletter .newsletter-wrapper .validator-msg-holder input {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 44px;
    color: #1e1e1c;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    line-height: 25px;
    margin: 0;
    padding-left: 23px !important;
    width: 100%
}

.custom-footer__newsletter .newsletter-wrapper .validator-msg-holder input::-moz-placeholder {
    color: #989898
}

.custom-footer__newsletter .newsletter-wrapper .validator-msg-holder input::placeholder {
    color: #989898
}

.custom-footer__newsletter .newsletter-wrapper .validator-msg-holder .btn {
    background-color: red;
    border-color: red;
    color: #fff;
    margin: 0;
    min-height: 55px;
    min-width: 214px;
    padding: 0 40px;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:767px) {
    .custom-footer__newsletter .newsletter-wrapper .validator-msg-holder .btn {
        min-width: 151px;
        padding: 0 24px
    }
}

.custom-footer__newsletter .newsletter-wrapper .validator-msg-holder .btn:hover {
    background-color: #1f0aff !important;
    border-color: #1f0aff !important
}

.custom-footer__newsletter .newsletter-wrapper .validator-msg-holder .btn:before {
    display: none
}

.custom-footer__newsletter .newsletter-wrapper .consents {
    margin-top: 19px
}

.custom-footer__newsletter .newsletter-wrapper .consents span {
    font-weight: 400
}

.custom-footer__newsletter .newsletter-wrapper .consents label {
    margin-left: 6px
}

.custom-footer__newsletter .newsletter-wrapper .consents label:after {
    background-color: transparent;
    color: #000;
    left: 0 !important
}

.custom-footer__newsletter .newsletter-wrapper .consents a,
.custom-footer__newsletter .newsletter-wrapper .consents label {
    color: #989898 !important;
    font-size: 16px;
    text-underline-offset: 2px
}

.in-newsletter header[itemprop=headline] {
    display: none
}

.in-newsletter .newsletter-page {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 640px
}

.in-newsletter .newsletter-page .title {
    color: #000;
    font-size: 33px;
    font-style: normal;
    font-weight: 500;
    line-height: 43px;
    margin-bottom: 30px !important;
    text-align: center
}

.in-newsletter .newsletter-page .nl-description {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 50px !important;
    text-align: center
}

.in-newsletter .newsletter-page .nl-subtext {
    color: #000;
    font-family: Jigsaw;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 30px !important;
    text-align: center
}

.in-newsletter .newsletter-page form {
    max-width: 500px;
    width: 100%
}

.in-newsletter .newsletter-page fieldset {
    padding-bottom: 0
}

.in-newsletter .newsletter-page .se-text {
    font-size: 24px;
    line-height: 1.4;
    max-width: 655px
}

@media(max-width:767px) {
    .in-newsletter .newsletter-page .se-text {
        font-size: 28px
    }
}

.in-newsletter .newsletter-page .se-text p {
    margin: 0
}

.in-newsletter .newsletter-page .validator-msg-holder {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    position: relative
}

.in-newsletter .newsletter-page .validator-msg-holder input {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 44px;
    color: #1e1e1c;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    line-height: 25px;
    margin: 0;
    padding-left: 23px !important;
    width: 100%
}

.in-newsletter .newsletter-page .validator-msg-holder input::-moz-placeholder {
    color: #989898
}

.in-newsletter .newsletter-page .validator-msg-holder input::placeholder {
    color: #989898
}

.in-newsletter .newsletter-page .validator-msg-holder .btn {
    background-color: red;
    border-color: red;
    color: #fff;
    margin: 0;
    min-height: 55px;
    min-width: 214px;
    padding: 0 40px;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:767px) {
    .in-newsletter .newsletter-page .validator-msg-holder .btn {
        min-width: 151px;
        padding: 0 24px
    }
}

.in-newsletter .newsletter-page .validator-msg-holder .btn:hover {
    background-color: #1f0aff !important;
    border-color: #1f0aff !important
}

.in-newsletter .newsletter-page .validator-msg-holder .btn:before {
    display: none
}

.in-newsletter .newsletter-page .consents {
    margin-top: 19px
}

.in-newsletter .newsletter-page .consents span {
    font-weight: 400
}

.in-newsletter .newsletter-page .consents label {
    margin-left: 6px
}

.in-newsletter .newsletter-page .consents label:after {
    background-color: #000
}

.in-newsletter .newsletter-page .consents a,
.in-newsletter .newsletter-page .consents label {
    color: #989898 !important;
    font-size: 16px;
    text-underline-offset: 2px
}

.in-newsletter #nl-form,
.in-newsletter .custom-footer__newsletter {
    display: none
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0
}

.type-product .breadcrumbs {
    padding-bottom: 30px;
    width: 100%
}

@media(max-width:767px) {
    .type-product .breadcrumbs {
        padding-bottom: 10px
    }

    .breadcrumbs {
        padding: 10px 0
    }
}

.breadcrumbs span {
    font-weight: 500
}

.breadcrumbs #navigation-first a {
    color: #a8a8a8;
    text-decoration: underline
}

.breadcrumbs .navigation-bullet {
    font-size: 0;
    margin-right: 10px;
    margin-top: 2px
}

.breadcrumbs .navigation-bullet:before {
    color: #a8a8a8;
    content: "";
    display: inline-block;
    font-family: Shoptet;
    font-size: 9px;
    transform: rotate(270deg)
}

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

.breadcrumbs>span span,
.breadcrumbs>span span:hover {
    color: #636363
}

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

.breadcrumbs>span a span {
    color: #a8a8a8;
    transition: .3s
}

.benefitBanner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
    padding: 0;
    position: relative
}

.benefitBanner.position--benefitHomepage {
    display: flex;
    margin-top: 0;
    padding-top: 42px
}

@media(max-width:767px) {
    .benefitBanner.position--benefitHomepage {
        display: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0
    }

    .benefitBanner {
        margin-top: 0
    }
}

.benefitBanner .benefitBanner__content {
    padding-right: 0
}

.benefitBanner .benefitBanner__item {
    border: 2px solid #1f0aff;
    color: #1f0aff;
    flex: auto;
    margin: 0;
    min-height: 90px;
    padding-left: 40px;
    padding-right: 20px;
    width: calc(25% - 15px)
}

.benefitBanner .benefitBanner__item:first-child {
    border-top-right-radius: 50px
}

.benefitBanner .benefitBanner__item:nth-child(2) {
    border-top-left-radius: 50px
}

.benefitBanner .benefitBanner__item:nth-child(3) {
    border-bottom-right-radius: 50px
}

.benefitBanner .benefitBanner__item:nth-child(4) {
    border-bottom-left-radius: 50px
}

@media(max-width:991px) {
    .benefitBanner .benefitBanner__item {
        width: calc(50% - 10px)
    }
}

@media(max-width:767px) {
    .benefitBanner .benefitBanner__item {
        padding-left: 20px;
        width: 100%
    }
}

.benefitBanner .benefitBanner__item .benefitBanner__content {
    width: 100%
}

.benefitBanner .benefitBanner__item .benefitBanner__content .benefitBanner__title {
    color: #1f0aff;
    font-size: 22px;
    font-weight: 500;
    line-height: normal
}

.dkLabFavProductSpan.dkLabFavouriteProductLinkAdd.hasIcon:focus:before,
.dkLabFavProductSpan.dkLabFavouriteProductLinkAdd.hasIcon:hover:before {
    color: red
}

.dkLabFavProductSpan.dkLabFavouriteProductLinkAdd.hasIcon:before {
    color: #1f0aff
}

.dkLabFavProductSpan.dkLabFavouriteProductLinkAdd.hasIcon:before,
.dkLabFavProductSpan.dkLabFavouriteProductLinkRemove.hasIcon:before {
    content: "" !important;
    font-family: icomoon !important;
    font-size: 20px
}

.type-detail .swiper-products-container.section-1 {
    display: none
}

.swiper-products-container {
    position: relative
}

.swiper-products-container .products-block {
    flex-wrap: nowrap !important
}

.swiper-products-container .swiper-navigation {
    display: flex;
    justify-content: space-between
}

@media(max-width:767px) {
    .swiper-products-container .swiper-navigation {
        justify-content: center;
        margin-top: 8px
    }

    .swiper-products-container .swiper-navigation .swiper-button-prev {
        right: 40px
    }
}

.swiper-products-container .swiper-navigation .swiper-button-next,
.swiper-products-container .swiper-navigation .swiper-button-prev {
    top: 37% !important
}

@media(max-width:767px) {

    .swiper-products-container .swiper-navigation .swiper-button-next,
    .swiper-products-container .swiper-navigation .swiper-button-prev {
        top: 30% !important
    }
}

.swiper-products-container .swiper-navigation .group-products-btn {
    background: transparent;
    border-color: #1f0aff;
    border-radius: 50px;
    color: #1f0aff;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    line-height: 45px;
    min-height: 45px;
    padding: 0;
    text-align: center;
    transition: .3s
}

.swiper-products-container .swiper-navigation .group-products-btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.swiper-products-container .swiper-navigation .group-products-btn {
    padding: 0 15px !important;
    width: 190px
}

.columns-3 .products-block:not(.swiper-wrapper) .product,
.columns-4 .products-block:not(.swiper-wrapper) .product {
    width: calc(20% - 8px)
}

@media(max-width:1199px) {

    .columns-3 .products-block:not(.swiper-wrapper) .product,
    .columns-4 .products-block:not(.swiper-wrapper) .product {
        width: calc(25% - 8px)
    }
}

@media(max-width:991px) {

    .columns-3 .products-block:not(.swiper-wrapper) .product,
    .columns-4 .products-block:not(.swiper-wrapper) .product {
        width: calc(33.33333% - 7px)
    }
}

@media(max-width:767px) {

    .columns-3 .products-block:not(.swiper-wrapper) .product,
    .columns-4 .products-block:not(.swiper-wrapper) .product {
        margin-left: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: calc(50% - 5px) !important
    }
}

.type-detail .products-alternative-header {
    display: none
}

.products-block {
    row-gap: 50px
}

@media(max-width:767px) {
    .products-block {
        row-gap: 10px
    }
}

.products-block>div {
    padding: 0
}

.type-category .products-block,
.type-search .products-block {
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-top: 60px
}

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

    .type-category .products-block,
    .type-search .products-block {
        margin-top: 60px
    }
}

@media(max-width:767px) {

    .type-category .products-block,
    .type-search .products-block {
        margin-top: 30px;
       /* overflow: hidden*/
    }
}

.products-block .product {
    position: relative
}

.products-block .product img {
    transform: scale(1) !important
}

.products-block .product:hover {
    box-shadow: none
}

.products-block .product:hover .image .p-tools,
.products-block .product:hover .image:before {
    opacity: 1
}

.products-block .product:hover .p-tools {
    opacity: 1 !important
}

.products-block .product .image {
    border-top-right-radius: 24px;
    overflow: hidden
}

.products-block .product .image img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.products-block .product .image .p-tools {
    bottom: 21px;
    opacity: 0;
    padding: 0 16px;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: 100%
}

@media(max-width:767px) {
    .products-block .product .image .p-tools {
        bottom: 10px;
        justify-content: center;
        opacity: 1;
        padding: 0 10px
    }
}

.products-block .product .image .p-tools form .quantity {
    display: none
}

.products-block .product .image .p-tools .btn {
    align-items: center;
    background-color: #008f51;
    border-color: #008f51;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    line-height: 18px;
    min-height: 45px;
    text-decoration: none;
    width: 100%
}

@media(max-width:767px) {
    .products-block .product .image .p-tools .btn {
        font-size: 14px;
        padding: 0 20px
    }
}

.products-block .product .image .p-tools .btn:hover {
    background-color: #1f0aff !important;
    border-color: #1f0aff !important
}

.products-block .product .p>.p-tools {
    margin-bottom: 21px;
    margin-top: -66px;
    opacity: 0;
    padding: 0 16px;
    position: relative;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 2
}

@media(max-width:767px) {
    .products-block .product .p>.p-tools {
        justify-content: center;
        margin-bottom: 10px;
        margin-top: -55px;
        opacity: 1;
        padding: 0 10px
    }
}

.products-block .product .p>.p-tools form .quantity {
    display: none
}

.products-block .product .p>.p-tools .btn {
    align-items: center;
    background-color: #008f51;
    border-color: #008f51;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    line-height: 18px;
    min-height: 45px;
    text-decoration: none;
    width: 100%
}

@media(max-width:767px) {
    .products-block .product .p>.p-tools .btn {
        font-size: 14px;
        padding: 0 20px
    }
}

.products-block .product .p>.p-tools .btn:hover {
    background-color: #1f0aff !important;
    border-color: #1f0aff !important
}

.products-block .product .p-in {
    padding-top: 20px !important;
    text-align: left
}

.products-block .product .p-in a {
    text-decoration: none !important
}

.products-block .product .p-in .p-tools {
    padding: 0 16px;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: 100%;
    opacity: 1
}

@media(max-width:767px) {
    .products-block .product .p-in .p-tools {
        justify-content: center;
        padding: 0 10px
    }
}

.products-block .product .p-in .p-tools form .quantity {
    display: none
}

.products-block .product .p-in .p-tools .btn {
    align-items: center;
    background-color: #008f51;
    border-color: #008f51;
    display: flex;
    font-size: 18px;
    font-weight: 500 !important;
    height: 45px;
    justify-content: center;
    line-height: 1.5 !important;
    min-height: 45px;
    text-decoration: none;
    width: 100%
}

.products-block .product .p-in .p-tools .btn:hover {
    background-color: #1f0aff !important;
    border-color: #1f0aff !important
}

@media(max-width:767px) {
    .products-block .product .p-in .p-tools .btn {
        font-size: 16px;
        padding: 0 20px
    }
}

.products-block .product .p-in .p-in-in .name {
    font-family: jigsaw, sans-serif !important;
    font-weight: 500;
    height: 42px;
    -webkit-line-clamp: 3;
    padding-bottom: 0;
    padding-inline: 0;
    text-decoration: none !important;
    -webkit-box-orient: vertical
}

@media(min-width:767px) {
    .products-block .product .p-in .p-in-in .name {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 19px
    }
}

@media(max-width:767px) {
    .products-block .product .p-in .p-in-in .name {
        height: 65px;
        margin-bottom: 10px
    }
}

.products-block .product .p-in .p-in-in .ratings-wrapper {
    display: none
}

.products-block .product .p-in .p-bottom {
    padding: 0
}

.products-block .product .p-in .p-bottom .prices {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.products-block .product .p-in .p-bottom .prices .price {
    line-height: 21px
}

.products-block .product .p-in .p-bottom .prices .price.price-final {
    flex-basis: auto;
    font-size: 20px
}

@media(max-width:991px) {
    .products-block .product .p-in .p-bottom .prices .price.price-final {
        font-size: 18px
    }
}

.products-block .product .p-in .p-bottom .prices .price.price-final strong {
    font-family: Inter, sans-serif;
    font-weight: 600
}

.products-block .product .p-in .p-bottom .prices .price-save {
    color: red;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600
}

@media(max-width:991px) {
    .products-block .product .p-in .p-bottom .prices .price-save {
        margin-right: 0
    }
}

.products-block .product .p-in .p-bottom .availability .availability-amount {
    display: none
}

.products-block .product .widget-parameter-wrapper {
    justify-content: flex-start
}

.products-block .product .widget-parameter-wrapper .widget-parameter-list {
    gap: 4px
}

.products-block .product .widget-parameter-wrapper[data-parameter-id="16"] li a,
.products-block .product .widget-parameter-wrapper[data-parameter-id="4"] li a {
    background-size: cover;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 25px;
    letter-spacing: 0;
    line-height: 0;
    padding: 0 !important;
    width: 25px
}

.swiper-wrapper.products-block .product .p-in .p-tools {
    bottom: 140px
}

@media(max-width:767px) {
    .swiper-wrapper.products-block .product .p-in .p-tools {
        bottom: 170px
    }
}

.products-page .product .p-in .p-tools,
.type-search .products-block .product .p-in .p-tools {
    bottom: 190px
}

@media(max-width:767px) {

    .products-page .product .p-in .p-tools,
    .type-search .products-block .product .p-in .p-tools {
        bottom: 160px
    }
}

.up-banner-wrapper {
    width: calc(20% - 8px) !important
}

@media(max-width:1200px) {
    .up-banner-wrapper {
        width: calc(25% - 8px) !important
    }
}

@media(max-width:991px) {
    .up-banner-wrapper {
        width: calc(33.33333% - 7px) !important
    }
}

@media(max-width:767px) {
    .up-banner-wrapper {
        width: calc(50% - 5px) !important
    }
}

.up-banner-wrapper .up-banner-image {
    border-top-right-radius: 24px;
    height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.form-control {
    border: none;
    height: 60px
}

@media(max-width:991px) {

    #filters input[type=checkbox]+label:after,
    #filters input[type=checkbox]+label:before,
    #filters input[type=radio]+label:after,
    #filters input[type=radio]+label:before {
        height: 32px;
        width: 32px
    }

    #filters input[type=checkbox]+label,
    #filters input[type=radio]+label {
        line-height: 47px;
        padding-left: 52px
    }
}

input[type=checkbox]+label:after,
input[type=radio]+label:before {
    background-color: #fff;
    border-color: #979797 !important;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

input[type=checkbox]:checked+label:after,
input[type=radio]:checked+label:after {
    align-items: center;
    background-color: #1f0aff;
    border-radius: 4px;
    color: #fff;
    content: "";
    display: flex;
    font-family: Shoptet;
    font-size: 7px;
    height: 18px;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 18px
}

.radio-wrapper input[type=checkbox]:checked+label:after,
.radio-wrapper input[type=radio]:checked+label:after {
    background-color: #1f0aff
}

input[type=checkbox]+label,
input[type=radio]+label {
    align-items: center;
    color: #787877;
    cursor: pointer;
    display: flex;
    font-weight: 500 !important;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 17px;
    padding-bottom: 5px;
    padding-left: 26px;
    padding-top: 5px;
    position: relative;
    transition: .3s
}

input[type=checkbox]+label:hover,
input[type=radio]+label:hover {
    color: #1f0aff
}

input[type=checkbox]+label.whole-width,
input[type=radio]+label.whole-width {
    gap: 5px;
    justify-content: flex-start
}

input:focus {
    box-shadow: 0 0 1px #f6f6f6;
    outline: none !important
}

select {
    cursor: pointer
}

.form-control {
    padding: 10px 12px !important;
    transition: border .3s
}

.form-control.focus-visible {
    border: 1px solid #1f0aff !important
}

.smart-labels-active .smart-label-wrapper.focused label,
.smart-labels-active .smart-label-wrapper.populated label {
    font-size: 13px;
    line-height: inherit;
    opacity: 1;
    padding-top: 0
}

.form-group.smart-label-wrapper label {
    font-size: 13px;
    height: auto;
    line-height: inherit;
    margin-bottom: 5px;
    padding: 0;
    position: static
}

.form-group label {
    color: #787877;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 5px
}

.form-group label:before {
    border-color: #979797 !important
}

.form-group label .required-asterisk:after {
    display: none
}

.form-group .form-control {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50px;
    height: 60px;
    max-width: 540px;
    width: 100%
}

.form-group .form-control:focus {
    box-shadow: none
}

#checkoutContent input[type=checkbox]+label,
#checkoutContent input[type=radio]+label {
    font-size: 15px !important;
    font-weight: 600 !important;
    padding-left: 39px
}

@media(max-width:767px) {

    #checkoutContent input[type=checkbox]+label,
    #checkoutContent input[type=radio]+label {
        font-size: 13px !important
    }
}

.id--17 #checkoutContent input[type=checkbox]+label,
.id--17 #checkoutContent input[type=radio]+label {
    overflow: hidden
}

.id--17 #checkoutContent input[type=checkbox]+label:after,
.id--17 #checkoutContent input[type=checkbox]+label:before,
.id--17 #checkoutContent input[type=radio]+label:after,
.id--17 #checkoutContent input[type=radio]+label:before {
    height: 26px;
    top: 14px;
    width: 26px
}

.id--17 #checkoutContent input[type=checkbox]:checked+label:after,
.id--17 #checkoutContent input[type=radio]:checked+label:after {
    background-color: #5cd25c;
    font-size: 10px;
    height: 26px;
    width: 26px
}

#checkoutContent .form-group {
    margin-bottom: 21px;
    max-width: 632px
}

#checkoutContent .form-group label {
    color: #343332;
    font-size: 13px
}

#checkoutContent .form-group label .required-asterisk:after {
    color: red;
    content: "*";
    display: inline-block;
    font-size: 13px
}

#checkoutContent .form-group input {
    border: 1px solid #d3d3d3;
    border-radius: 100px;
    height: auto;
    padding: 16px 18px
}

#checkoutContent .form-group input#phone {
    border-radius: 0 100px 100px 0
}

#checkoutContent .form-group select {
    border: 1px solid #d3d3d3;
    border-radius: 100px;
    height: auto;
    padding: 16px 18px
}

#checkoutContent .form-group select:disabled {
    background: #f4f5f7
}

@media(min-width:768px) {

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

.radio-wrapper input[type=checkbox]+label:after,
.radio-wrapper input[type=radio]+label:after {
    background-color: #fff;
    border-radius: 99px
}

.radio-wrapper.active input[type=checkbox]+label:after,
.radio-wrapper.active input[type=radio]+label:after {
    background-color: #5cd25c;
    font-size: 10px;
    height: 29px;
    top: 7px;
    width: 29px
}

@media(max-width:767px) {

    .radio-wrapper.active input[type=checkbox]+label:after,
    .radio-wrapper.active input[type=radio]+label:after {
        top: 6px
    }
}

#checkoutContent input[type=checkbox]+label:before,
#checkoutContent input[type=radio]+label:before {
    background-color: #fff;
    border-radius: 99px;
    height: 28px;
    top: 7px;
    width: 28px
}

#checkoutContent .form-control {
    max-width: 449px
}

.consents a,
.consents label,
.consents.consents-first a,
.consents.consents-first label {
    color: #343332;
    font-weight: 500;
    text-underline-offset: 2px
}

.consents a,
.consents.consents-first a {
    text-decoration: underline
}

.consents a:hover,
.consents.consents-first a:hover {
    color: #1f0aff
}

.select2-selection,
select,
select.form-control {
    background-position: right 16px center;
    background-repeat: no-repeat;
    background-size: 22px
}

.phone-combined-input {
    align-items: flex-start
}

@media(min-width:768px) {
    .phone-combined-input {
        max-width: 450px !important
    }
}

.phone-combined-input .country-flags {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 0;
    border-radius: 100px 0 0 100px;
    border-right: 0;
    display: flex;
    height: 60px;
    height: auto !important;
    margin-bottom: 0;
    padding-right: 19px;
    transition: .3s
}

@media(max-width:767px) {
    .phone-combined-input .country-flags {
        padding: 3px 19px 2px 0
    }
}

.phone-combined-input .country-flags:after {
    background-color: #d3d3d3;
    content: "";
    display: inline-block;
    height: 20px;
    width: 1px
}

.phone-combined-input .country-flags .country-flags-inner {
    border: none;
    padding: 0 0 0 15px
}

.phone-combined-input .country-flags .country-flags-inner .country-flag {
    height: 47px;
    position: relative
}

.phone-combined-input .country-flags .country-flags-inner .country-flag:after {
    content: "";
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 1px
}

.phone-combined-input .country-flags .country-flags-inner .shp-flag-label {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    padding-left: 5px
}

.phone-combined-input .country-flags .country-flags-inner .shp-flag-label:before {
    display: none
}

.phone-combined-input .form-control {
    border-bottom-left-radius: 0;
    border-left: none !important;
    border-top-left-radius: 0;
    max-width: 349px;
    order: 2;
    padding-left: 13px
}

@media(max-width:767px) {
    .phone-combined-input .form-control {
        width: calc(100% - 100px) !important
    }
}

.phone-combined-input .form-control.focus-visible~.country-flags {
    border: 2px solid #000;
    border-right: none
}

.able-template-1 .swiper-button-next,
.able-template-1 .swiper-button-prev {
    background-color: #f5f3f3;
    border: 1px solid #1f0aff;
    border-radius: 100px;
    height: 50px;
    transition: .3s;
    width: 40px
}

.able-template-1 .swiper-button-next:after,
.able-template-1 .swiper-button-prev:after {
    color: #1f0aff;
    font-size: 10px;
    transition: .3s
}

.able-template-1 .swiper-button-next:hover,
.able-template-1 .swiper-button-prev:hover {
    background-color: #1f0aff
}

.able-template-1 .swiper-button-next:hover:after,
.able-template-1 .swiper-button-prev:hover:after {
    color: #fff
}

.able-template-1 .swiper-button-prev:after {
    content: "";
    font-family: Shoptet !important
}

@media(max-width:767px) {
    .able-template-1 .swiper-button-prev {
        left: 0 !important
    }
}

.able-template-1 .swiper-button-next:after {
    content: "" !important;
    font-family: Shoptet !important
}

@media(max-width:767px) {
    .able-template-1 .swiper-button-next {
        right: 0 !important
    }
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body:has(.siteCookies):before {
    background-color: #000;
    opacity: .4;
    z-index: 1005
}

.siteCookies.siteCookies--scrolled {
    background-color: transparent
}

@media(min-width:992px) {
    .siteCookies {
        left: 50%;
        max-height: 280px;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.siteCookies__form {
    background-color: #fff;
    color: #1f0aff;
    flex-direction: column;
    height: 100%;
    padding-bottom: 60px
}

.siteCookies__content {
    margin: 0 auto;
    max-width: 549px;
    text-align: center;
    width: 100%
}

.siteCookies__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin: 0 0 16px
}

.siteCookies__text a {
    color: #1f0aff !important
}

.siteCookies__text a:hover {
    color: #f5f3f3 !important
}

.siteCookies__links {
    bottom: 22px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: auto
}

.siteCookies__links:hover a {
    background-color: transparent
}

.siteCookies__links a,
.siteCookies__links button {
    border: none;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline
}

.siteCookies__links a:hover,
.siteCookies__links button:hover {
    background-color: transparent !important;
    color: #1f0aff !important
}

.siteCookies__buttonWrap {
    align-self: center !important;
    justify-content: center
}

.siteCookies__buttonWrap .siteCookies__button {
    border: 1px solid #1f0aff;
    border-radius: 50px;
    color: #1f0aff;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    margin: 0;
    min-height: 45px;
    text-align: center;
    text-transform: uppercase;
    transition: .3s
}

.siteCookies__buttonWrap .siteCookies__button:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.siteCookies__buttonWrap .siteCookies__button {
    padding: 0 15px !important;
    width: 190px
}

.siteCookies__buttonWrap .siteCookies__button[value=all] {
    background-color: #1f0aff;
    color: #fff
}

.siteCookies__buttonWrap .siteCookies__button[value=all]:hover {
    background-color: red;
    border-color: red
}

.siteCookies__buttonWrap .siteCookies__button:hover {
    opacity: 1
}

.contact-banner {
    display: none;
    margin-top: 10px
}

.contact-banner h4 {
    background: #fff !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-size: 15px;
    font-weight: 600 !important;
    line-height: 17px;
    margin: 0 !important;
    padding-bottom: 0;
    padding-left: 18px;
    padding-top: 30px;
    text-transform: uppercase;
    width: 310px
}

.contact-banner .contact-wrapper {
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 149px;
    padding: 29px 18px;
    width: 310px
}

@media(max-width:767px) {
    .contact-banner .contact-wrapper {
        max-width: 310px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        width: 100%
    }
}

.contact-banner .contact-wrapper .contact-banner__item {
    align-items: center;
    display: flex;
    gap: 15px;
    text-decoration: none
}

.contact-banner .contact-wrapper .contact-banner__item:hover,
.contact-banner .contact-wrapper .contact-banner__item:hover .contact-banner__icon:before,
.contact-banner .contact-wrapper .contact-banner__item:hover .contact-banner__text {
    color: #1f0aff
}

.contact-banner .contact-wrapper .contact-banner__item:nth-of-type(2) {
    position: relative
}

.contact-banner .contact-wrapper .contact-banner__item:nth-of-type(2):after {
    background-color: #f6f6f6;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 100%
}

.contact-banner .contact-wrapper .contact-banner__item:nth-of-type(2) .contact-banner__text {
    text-decoration: underline
}

.contact-banner .contact-wrapper .contact-banner__item .contact-banner__icon {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 50px
}

.contact-banner .contact-wrapper .contact-banner__item .contact-banner__icon:before {
    color: #1f0aff;
    font-size: 14px;
    transition: .3s
}

.contact-banner .contact-wrapper .contact-banner__item .contact-banner__icon.tel:before {
    content: "";
    font-family: icomoon !important
}

.contact-banner .contact-wrapper .contact-banner__item .contact-banner__icon.mail:before {
    content: "";
    font-family: icomoon !important
}

.contact-banner .contact-wrapper .contact-banner__item .contact-banner__text {
    flex: 1;
    font-weight: 600;
    line-height: 17px;
    transition: .2s
}

.ordering-process:not(.cart-is-empty) .contact-banner {
    background-color: #f6f6f6;
    margin-top: 47px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 33px;
    width: auto
}

.ordering-process:not(.cart-is-empty) .contact-banner .contact-wrapper {
    background-color: #f6f6f6
}

@media(max-width:1199px) {
    .ordering-process:not(.cart-is-empty) .contact-banner .contact-wrapper {
        padding-left: 0;
        padding-right: 0;
        width: auto
    }
}

.ordering-process:not(.cart-is-empty) .contact-banner h4 {
    background-color: #f6f6f6 !important;
    display: block;
    margin-bottom: 0 !important;
    padding-top: 0;
    text-align: left
}

.ordering-process:not(.cart-is-empty) .contact-banner .contact-banner__item:after {
    background-color: #e5e5e5
}

#formContact,
.contact-form-able {
    margin: 100px auto;
    max-width: 690px
}

#formContact h2,
.contact-form-able h2 {
    font-size: 33px;
    font-weight: 500;
    letter-spacing: -.33px;
    margin-bottom: 22px;
    margin-top: 0;
    text-align: left;
    text-transform: lowercase
}

#formContact h3,
.contact-form-able h3 {
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 36px 0
}

#formContact .contact-description,
#formContact>p,
.contact-form-able .contact-description,
.contact-form-able>p {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 28px;
    text-align: left
}

#formContact fieldset,
.contact-form-able fieldset {
    border: none;
    margin: 0;
    padding: 0
}

#formContact .form-group,
.contact-form-able .form-group {
    margin-bottom: 30px
}

#formContact .form-group label,
.contact-form-able .form-group label {
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px
}

#formContact .form-group .form-control,
.contact-form-able .form-group .form-control {
    background: #f5f3f3;
    border: none;
    border-radius: 999px;
    box-shadow: none;
    color: #000;
    font-family: inherit;
    font-size: 13pxrem;
    font-weight: 500;
    max-width: none;
    outline: none;
    padding: 18px 32px !important;
    transition: background .2s;
    width: 100%
}

#formContact .form-group .form-control:focus,
.contact-form-able .form-group .form-control:focus {
    background: #edeaea
}

#formContact .form-group textarea.form-control,
.contact-form-able .form-group textarea.form-control {
    border-radius: 38px;
    height: 170px;
    min-height: 170px;
    padding: 26px 32px !important;
    resize: vertical
}

#formContact .form-group.consents,
.contact-form-able .form-group.consents {
    color: #979797;
    margin-top: 30px;
    text-align: left
}

#formContact .form-group.consents label,
.contact-form-able .form-group.consents label {
    color: #979797;
    font-size: 15px;
    font-weight: 500;
    text-align: left
}

#formContact .form-group.consents label a,
.contact-form-able .form-group.consents label a {
    color: #979797;
    text-decoration: underline
}

#formContact .form-group.consents label a:hover,
.contact-form-able .form-group.consents label a:hover {
    color: #1f0aff
}

#formContact .submit-wrapper,
.contact-form-able .submit-wrapper {
    margin-top: 38px;
    text-align: left
}

#formContact .btn,
.contact-form-able .btn {
    font-size: 18px;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    min-height: 0;
    text-transform: lowercase;
    width: 160px
}

#formContact .no-display,
.contact-form-able .no-display {
    display: none !important
}

@media(max-width:600px) {

    #formContact,
    .contact-form-able {
        padding: 18px
    }

    #formContact h2,
    .contact-form-able h2 {
        font-size: 1.6rem
    }

    #formContact .form-group .form-control,
    #formContact .form-group textarea.form-control,
    .contact-form-able .form-group .form-control,
    .contact-form-able .form-group textarea.form-control {
        padding: 15px 18px
    }

    #formContact .submit-wrapper .btn,
    .contact-form-able .submit-wrapper .btn {
        min-width: unset;
        width: 100%
    }
}

#watchdog-form #watchdog-data #watchdog-variants-select {
    align-items: baseline;
    flex-direction: column
}

#watchdog-form #watchdog-data #watchdog-simple-variants-select {
    margin-left: 0;
    margin-top: 10px;
    max-width: 100%;
    width: 100%
}

#watchdog-form .form-control {
    background: #f5f3f3;
    border-radius: 999px;
    height: 50px
}

.top-navigation-bar {
    background: #fff;
    display: none;
    height: 32px;
    position: relative;
    z-index: 1005
}

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

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

#header {
    box-shadow: none
}

#header .header-bottom:before,
#header .header-top:before {
    background-color: rgba(0, 0, 0, .3);
    content: "";
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 100%;
    z-index: 0
}

#header .header-bottom .search-input,
#header .header-bottom .top-nav-button,
#header .header-top .search-input,
#header .header-top .top-nav-button {
    transition: all .3s ease
}

@media(min-width:768px) {
    .scrolled {
        padding-top: 130px
    }
}

@media(min-width:767px) {
    .scrolled .top-navigation-bar {
        visibility: hidden
    }
}

.scrolled .admin-bar {
    opacity: 0
}

@media(max-width:767px) {
    .scrolled #navigation {
        top: 90px !important
    }

    .scrolled .searchWhisperer {
        max-height: calc(var(--vh, 1vh)*100 - 140px) !important;
        top: 69px !important
    }
}

.scrolled.scrolled-down #header {
    top: -15% !important
}

.scrolled.scrolled-down #header .header-bottom {
    top: -60px
}

@media(max-width:767px) {
    .scrolled.scrolled-down #header .header-bottom {
        top: -200px
    }
}

.scrolled.scrolled-down .site-msg.information {
    visibility: hidden
}

.scrolled.scrolled-up #header .header-bottom {
    top: 0
}

.scrolled.scrolled-down .site-msg.information,
.scrolled.scrolled-up .site-msg.information {
    visibility: hidden
}

.scrolled #header {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    transition: .3s;
    width: 100%;
    z-index: 1003
}

.scrolled #header .header-bottom {
    box-shadow: 0 8px 5px -3px rgba(0, 0, 0, .08);
    padding-top: 60px;
    position: fixed;
    top: 60px;
    transition: .3s;
    width: 100%
}

@media(max-width:767px) {
    .scrolled #header .header-bottom {
        padding-top: 0
    }

    body:has(.site-msg.information) #header {
        top: var(--site-msg-height)
    }

    body:has(.site-msg.information).scrolled #header {
        top: 0
    }
}

body:has(.site-msg.information).scrolled.scrolled-up #header .header-bottom {
    top: 0
}

.site-msg.information {
    background-color: #1f0aff;
    bottom: unset;
    color: #fff;
    left: unset;
    max-width: 100%;
    opacity: 1;
    position: static;
    position: relative;
    transition: top .3s;
    width: 100%;
    z-index: 1004
}

.site-msg.information a {
    text-decoration: underline
}

@media(max-width:767px) {
    .site-msg.information {
        bottom: auto;
        left: 0;
        position: fixed;
        top: 0
    }
}

.site-msg.information .container {
    text-align: center
}

.site-msg.information .container .text {
    color: #fff;
    font-size: 13px;
    font-weight: 500
}

.site-msg.information .container .text a,
.site-msg.information .js-close-information-msg:before {
    color: #fff
}

@media(min-width:768px) {

    #header .header-top-wrapper .site-name,
    #header .header-top-wrapper>div {
        flex: initial
    }
}

.ordering-process .header-top .header-top-wrapper .site-name {
    display: block !important;
    margin-right: auto !important
}

.ordering-process .header-top .header-top-wrapper .search {
    display: none
}

#header .header-top {
    background-color: #f5f3f3;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 1004
}

#header .header-top .container.header-top-wrapper {
    flex-wrap: nowrap;
    min-height: 60px
}

@media(max-width:1199px) {
    #header .header-top .container.header-top-wrapper {
        flex-wrap: wrap;
        padding-bottom: 10px !important
    }
}

@media(max-width:767px) {
    #header .header-top .container.header-top-wrapper {
        background-color: #fff;
        flex-wrap: nowrap;
        justify-content: space-between;
        min-height: 90px;
        padding-bottom: 0 !important
    }

    #header .header-top .container.header-top-wrapper:after,
    #header .header-top .container.header-top-wrapper:before {
        display: none
    }
}

@media(min-width:768px) {
    #header .header-top .site-name {
        display: none
    }
}

@media(max-width:767px) {
    #header .header-top .site-name {
        flex: initial;
        margin-right: auto;
        padding-left: 0px !important
    }
}

#header .header-top .search {
    margin-right: auto;
    max-width: 500px;
    padding: 0;
    width: 100%
}

@media(max-width:767px) {
    #header .header-top .search {
        left: 0;
        margin-right: 0;
        position: fixed;
        top: 90px;
        width: 100%
    }
}

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

    #header .header-top .search .searchWhisperer {
        left: 0;
        margin-left: 0;
        width: 70vw
    }
}

@media(max-width:767px) {
    #header .header-top .search form {
        background-color: #fff;
        box-shadow: 0 8px 5px -3px rgba(0, 0, 0, .08);
        left: 0;
        padding: 17px 20px;
        position: fixed;
        top: calc(89px + var(--site-msg-height));
        transition: top .3s ease-in-out;
        width: 100%
    }

    #header .header-top .search form:before {
        background-color: #f6f6f6;
        content: "";
        height: 1px;
        left: 20px;
        position: absolute;
        top: 0;
        width: calc(100% - 40px)
    }

    .scrolled #header .header-top .search form {
        top: 89px
    }

    .scrolled-down #header .header-top .search form {
        top: -20%
    }

    #header .header-top .search .searchWhisperer {
        max-height: calc(var(--vh, 1vh)*100 - 70px - var(--site-msg-height)*2);
        top: calc(69px + var(--site-msg-height));
        transition: top .3s ease-in-out
    }

    .scrolled-down #header .header-top .search .searchWhisperer {
        top: -190px !important
    }
}

#header .header-top .search .search-input {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    box-shadow: none;
    color: #1f0aff;
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    padding-left: 47px !important;
    padding-right: 40px !important
}

#header .header-top .search .search-input::-moz-placeholder {
    color: #1f0aff !important
}

#header .header-top .search .search-input::placeholder {
    color: #1f0aff !important
}

@media(max-width:767px) {
    #header .header-top .search .search-input {
        background-color: #f5f3f3;
        font-size: 16px;
        height: 50px;
        padding-left: 30px !important
    }
}

#header .header-top .search .search-input::-moz-placeholder {
    color: #636363;
    font-weight: 500
}

#header .header-top .search .search-input::placeholder {
    color: #636363;
    font-weight: 500
}

#header .header-top .search .search-input-icon {
    display: none
}

#header .header-top .search .search-button {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    font-size: 0;
    height: 40px;
    left: 21px;
    padding: 0;
    right: auto;
    position: absolute
}

@media(max-width:767px) {
    #header .header-top .search .search-button {
        display: none
    }
}

#header .header-top .search .search-button:hover:before {
    color: #1f0aff
}

@media(max-width:767px) {
    #header .header-top .search .search-button {
        right: 27px;
        top: 16px
    }
}

#header .header-top .search .search-button:before {
    color: #1f0aff;
    content: "";
    font-family: icomoon !important;
    font-size: 16px;
    transition: color .3s
}

@media(max-width:1199px) {
    #header .header-top .top-navigation-bar-menu {
        margin-bottom: 10px;
        margin-top: 10px;
        order: -1;
        width: 100%
    }
}

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

#header .header-top .top-navigation-bar-menu li a {
    color: #1f0aff;
    font-size: 15px;
    font-weight: 500;
    padding: 0 15px;
    text-transform: lowercase;
    transition: color .3s
}

#header .header-top .top-navigation-bar-menu li a:hover {
    color: red !important
}

#header .header-top .navigation-buttons {
    margin-left: 0;
    padding-left: 0;
    width: 210px
}

@media(max-width:767px) {
    #header .header-top .navigation-buttons {
        gap: 12px;
        padding-left: 12px
    }
}

#header .header-top .navigation-buttons #dkLabFavHeaderWrapper a {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

#header .header-top .navigation-buttons #dkLabFavHeaderWrapper a:before {
    color: #1f0aff;
    content: "" !important;
    font-family: icomoon !important;
    font-size: 26px !important
}

#header .header-top .navigation-buttons>a:focus-visible {
    box-shadow: none;
    outline: none
}

#header .header-top .navigation-buttons #dkLabFavHeaderWrapper,
#header .header-top .navigation-buttons button,
#header .header-top .navigation-buttons>a {
    align-items: center;
    background-color: #fff;
    border-radius: 100px;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: color .3s;
    width: 60px
}

@media(min-width:768px) {

    #header .header-top .navigation-buttons #dkLabFavHeaderWrapper,
    #header .header-top .navigation-buttons button,
    #header .header-top .navigation-buttons>a {
        margin-left: 5px
    }
}

@media(min-width:992px) {

    #header .header-top .navigation-buttons #dkLabFavHeaderWrapper,
    #header .header-top .navigation-buttons button,
    #header .header-top .navigation-buttons>a {
        margin-left: 10px
    }
}

@media(max-width:767px) {

    #header .header-top .navigation-buttons #dkLabFavHeaderWrapper,
    #header .header-top .navigation-buttons button,
    #header .header-top .navigation-buttons>a {
        height: auto;
        width: 30px;
        z-index: 3
    }

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

#header .header-top .navigation-buttons #dkLabFavHeaderWrapper:hover a:before,
#header .header-top .navigation-buttons #dkLabFavHeaderWrapper:hover:before,
#header .header-top .navigation-buttons button:hover a:before,
#header .header-top .navigation-buttons button:hover:before,
#header .header-top .navigation-buttons>a:hover a:before,
#header .header-top .navigation-buttons>a:hover:before {
    color: red
}

#header .header-top .navigation-buttons #dkLabFavHeaderWrapper a:before,
#header .header-top .navigation-buttons #dkLabFavHeaderWrapper:before,
#header .header-top .navigation-buttons button a:before,
#header .header-top .navigation-buttons button:before,
#header .header-top .navigation-buttons>a a:before,
#header .header-top .navigation-buttons>a:before {
    color: #1f0aff;
    font-size: 22px;
    margin: 0;
    transition: color .3s
}

@media(max-width:767px) {

    #header .header-top .navigation-buttons #dkLabFavHeaderWrapper a:before,
    #header .header-top .navigation-buttons #dkLabFavHeaderWrapper:before,
    #header .header-top .navigation-buttons button a:before,
    #header .header-top .navigation-buttons button:before,
    #header .header-top .navigation-buttons>a a:before,
    #header .header-top .navigation-buttons>a:before {
        font-size: 23px;
        line-height: 30px;
        transition: color 0s
    }
}

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

#header .header-top .navigation-buttons .toggle-window[data-target=search]:before {
    content: "";
    font-family: icomoon !important
}

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

#header .header-top .navigation-buttons .top-nav-button-register {
    display: none !important
}

#header .header-top .navigation-buttons .top-nav-button {
    display: flex
}

@media(max-width:767px) {
    .able-mobile-layout-1 #header .header-top .navigation-buttons .top-nav-button {
        left: 70px;
        position: absolute
    }
}

#header .header-top .navigation-buttons .top-nav-button:before {
    color: #1f0aff;
    content: "";
    display: block;
    font-family: icomoon !important;
    font-size: 22px;
    margin: 0;
    transition: color .3s
}

#header .header-top .navigation-buttons .top-nav-button span,
#header .header-top .navigation-buttons .top-nav-button-logout,
#header .header-top .navigation-buttons .top-nav-button.logout {
    display: none
}

@media(max-width:767px) {
    .able-mobile-layout-1 #header .header-top .navigation-buttons a[data-target=cart] {
        left: 20px;
        position: absolute
    }
}

#header .header-top .navigation-buttons a[data-target=cart]:before {
    content: "";
    font-family: icomoon !important
}

#header .header-top .navigation-buttons a[data-target=cart] .cart-price {
    display: none !important
}

#header .header-top .navigation-buttons a[data-target=cart] i {
    background-color: #ffec00;
    bottom: auto;
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 10px;
    font-weight: 600;
    height: 14px;
    left: unset;
    line-height: 10px;
    right: 8px;
    top: 4px;
    width: 14px
}

@media(max-width:767px) {
    #header .header-top .navigation-buttons a[data-target=cart] i {
        left: 18px;
        top: 19px
    }
}

@media(max-width:479px) {
    #header .header-top .navigation-buttons a[data-target=cart] i {
        top: -5px
    }
}

@media(min-width:768px) {
    .header-layout-1 #header .header-top .header-top-wrapper>* {
        flex: 0 1 33.33333%
    }
}

.header-layout-1 #header .header-top .header-top-wrapper .search {
    width: 100%
}

@media(max-width:1350px)and (min-width:768px) {
    .header-layout-1 #header .header-top .header-top-wrapper .search {
        flex: 0 1 28%;
        padding: 0 10px
    }
}

#header .header-bottom {
    border: none;
    top: 0;
    z-index: 1003
}

@media(max-width:991px) {
    .scrolled #header .header-bottom {
        padding-top: 90px
    }
}

#header .header-bottom #navigation {
    font-family: jigsaw, sans-serif !important
}

@media(min-width:768px) {
    #header .header-bottom #navigation {
        height: 70px
    }
}

@media(max-width:767px) {
    #header .header-bottom #navigation {
        border: none;
        top: calc(90px + var(--site-msg-height))
    }
}

@media(max-width:479px) {
    .navigation-window-visible #header .header-bottom #navigation {
        width: 100%
    }
}

#header .header-bottom #navigation .navigation-in.menu {
    align-items: center;
    display: flex;
    gap: 24px;
    height: 100%;
    left: unset;
    position: static;
    top: unset;
    width: auto
}

@media(max-width:767px) {
    #header .header-bottom #navigation .navigation-in.menu {
        flex-direction: column;
        height: calc(100% - 90px - var(--site-msg-height));
        padding: 0 20px 48px
    }

    .scrolled #header .header-bottom #navigation .navigation-in.menu {
        height: calc(100% - 90px)
    }
}

@media(min-width:1351px) {
    #header .header-bottom #navigation .navigation-in.menu {
        position: relative;
        width: auto
    }
}

#header .header-bottom #navigation .navigation-in.menu .site-name {
    flex: none;
    left: 0;
    z-index: 900
}

@media(max-width:767px) {
    #header .header-bottom #navigation .navigation-in.menu .site-name {
        display: none
    }
}

#header .header-bottom #navigation .navigation-in.menu .site-name img {
    max-height: 40px
}

@media(min-width:768px) {
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 {
        flex-wrap: nowrap;
        height: 100%;
        visibility: hidden
    }
}

@media(max-width:767px) {
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 {
        align-items: center;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 15px;
        width: 100%
    }

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>* {
        border-top-right-radius: 20px;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        width: 100%
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li:first-child a {
    padding-left: 0
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .active b,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .active span {
    color: #1f0aff
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li:has(.active)>a>b,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li:has(.active)>a>b,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li:has(.active)>a>b {
    color: #1f0aff
}

@media(min-width:768px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li {
        height: 100%
    }
}

@media(max-width:767px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li {
        background-color: #f5f3f3;
        margin-bottom: 8px
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.able-hide,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.able-hide,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.able-hide {
    visibility: hidden
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.ext b,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.ext b,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.ext b {
    color: #000;
    transition: color .22s
}

@media(min-width:768px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.ext:hover b,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.ext:hover b,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.ext:hover b {
        color: #1f0aff;
        text-decoration: none
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a {
    color: #1f0aff;
    font-weight: 600;
    height: 100%;
    line-height: 19px;
    margin: 0;
    padding: 24px 18px 25px;
    position: relative
}

@media(max-width:1439px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a {
        padding: 24px 9px 25px
    }
}

@media(max-width:991px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a {
        padding: 24px 10px 25px
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a b,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a b,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a b {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    transition: color .22s
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a b:hover,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a b:hover,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a b:hover {
    color: #1f0aff
}

@media(max-width:767px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a b,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a b,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a b {
        padding-bottom: 0;
        padding-top: 0
    }

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a {
        justify-content: space-between;
        padding: 16px 20px 16px 16px
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a .submenu-arrow,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a .submenu-arrow,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a .submenu-arrow {
    font-size: 15px
}

@media(max-width:767px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a .submenu-arrow,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a .submenu-arrow,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a .submenu-arrow {
        align-items: center;
        display: flex;
        font-size: 11px;
        height: auto;
        justify-content: center;
        line-height: normal;
        position: static;
        width: 35px;
        z-index: 1000
    }

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li>a .submenu-arrow:after,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a .submenu-arrow:after,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li>a .submenu-arrow:after {
        color: #000
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.ext .menu-level-2,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.ext .menu-level-2,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.ext .menu-level-2 {
    display: none
}

@media(min-width:768px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.ext.exp>a b,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.ext.exp>a b,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.ext.exp>a b {
        color: #1f0aff !important
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp>a,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp>a,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp>a {
    position: relative
}

@media(min-width:768px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp>a:before,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp>a:before,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp>a:before {
        background-color: #1f0aff;
        bottom: -2px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1002
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2 {
    align-items: flex-start;
    border: none;
    display: block;
    padding-top: 20px;
    top: 99%;
    width: var(--menu-level-2-width)
}

@media(min-width:768px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2 {
        background-color: #f5f3f3;
        box-shadow: 0 0 0 100vmax #f5f3f3;
        clip-path: inset(0 -100vmax);
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        left: unset;
        padding: 33px 190px 60px;
        right: 0;
        row-gap: 0
    }
}

@media(max-width:767px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2 {
        align-items: center;
        display: flex;
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 30px
    }

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2 .show-all-btn-wrapper,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2 .show-all-btn-wrapper,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2 .show-all-btn-wrapper {
        display: none
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li {
    display: block !important;
    margin-bottom: 0;
    width: 100%
}

@media(min-width:768px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li {
        align-items: center;
        max-width: calc(25% - 15px);
        min-height: auto;
        padding-top: 0;
        width: 100%
    }
}

@media(max-width:767px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li {
        margin-bottom: 32px;
        text-align: left
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li>div,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li>div,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li>div {
    width: 100%
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li>div a,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li>div a,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li>div a {
    font-family: jigsaw, sans-serif !important;
    font-size: 20px;
    font-weight: 500
}

@media(min-width:768px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li>div a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li>div a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li>div a {
        padding: 10px 0
    }
}

@media(max-width:767px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li>div a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li>div a,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li>div a {
        font-size: 20px;
        font-weight: 500;
        padding: 0;
        text-align: left;
        text-transform: none
    }
}

@media(min-width:768px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li .menu-image,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li .menu-image,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li .menu-image {
        display: none
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li .menu-no-image,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li .menu-no-image,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li .menu-no-image {
    width: 100%
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li.has-third-level,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li.has-third-level,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li.has-third-level {
    align-items: flex-start
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li.has-third-level .menu-level-3,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li.has-third-level .menu-level-3,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li.has-third-level .menu-level-3 {
    align-items: flex-start;
    display: none;
    flex-direction: column;
    max-height: none;
    text-align: left
}

@media(max-width:767px) {

    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li.has-third-level .menu-level-3,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li.has-third-level .menu-level-3,
    #header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li.has-third-level .menu-level-3 {
        align-items: center;
        text-align: center
    }
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li.has-third-level .menu-level-3 .more-items-trigger,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li.has-third-level .menu-level-3 .more-items-trigger,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li.has-third-level .menu-level-3 .more-items-trigger {
    display: none
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li.has-third-level .menu-level-3>li,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li.has-third-level .menu-level-3>li,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li.has-third-level .menu-level-3>li {
    font-size: 0;
    line-height: 32px
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li.has-third-level .menu-level-3>li a,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li.has-third-level .menu-level-3>li a,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li.has-third-level .menu-level-3>li a {
    font-size: 15px;
    font-weight: 500;
    padding: 0
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2>li.has-third-level .menu-level-3>li a:hover,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2>li.has-third-level .menu-level-3>li a:hover,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2>li.has-third-level .menu-level-3>li a:hover {
    color: #1f0aff
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2 .show-all-btn-wrapper,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2 .show-all-btn-wrapper,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2 .show-all-btn-wrapper {
    width: 100%
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2 .show-all-btn,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2 .show-all-btn,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2 .show-all-btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    margin-top: 50px;
    min-height: 45px;
    padding: 0;
    text-align: center;
    transition: .3s;
    width: 100%
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2 .show-all-btn:hover,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2 .show-all-btn:hover,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2 .show-all-btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2 .show-all-btn,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2 .show-all-btn,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2 .show-all-btn {
    background: transparent;
    border: 2px solid #1f0aff;
    color: #1f0aff;
    padding: 0 15px !important;
    width: 160px
}

#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1 .inner-wrapper>li.exp .menu-level-2 .show-all-btn:hover,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li.exp .menu-level-2 .show-all-btn:hover,
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>ul>li.exp .menu-level-2 .show-all-btn:hover {
    background-color: #1f0aff !important;
    border-color: #1f0aff !important;
    color: #fff !important
}

#header .header-bottom #navigation .navigation-in.menu .mobile-menu-heading {
    color: #989898;
    display: none;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 24px
}

#header .header-bottom #navigation .navigation-in.menu .social-icons,
#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar,
#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar-menu {
    display: flex
}

@media(min-width:768px) {

    #header .header-bottom #navigation .navigation-in.menu .social-icons,
    #header .header-bottom #navigation .navigation-in.menu .top-navigation-bar,
    #header .header-bottom #navigation .navigation-in.menu .top-navigation-bar-menu {
        display: none
    }
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar-menu {
    flex-direction: column;
    gap: 8px;
    width: 100%
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar-menu li {
    background-color: #f5f3f3;
    border-radius: 12px;
    display: block
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar-menu li a {
    font-family: jigsaw, sans-serif !important;
    font-weight: 600;
    padding: 21px 16px
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar {
    border-left: 0;
    border-right: 0;
    margin-bottom: 10px;
    padding: 10px 0;
    width: 100%
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar .top-navigation-menu-trigger {
    display: none
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar .top-navigation-menu {
    display: flex;
    flex: initial;
    flex-direction: column;
    height: auto;
    padding: 0 !important;
    width: 100%
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar .container {
    flex-direction: column;
    gap: 12px;
    min-height: auto;
    padding: 0 !important
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar .container span {
    color: #a8a8a8;
    font-size: 13px;
    font-weight: 500
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar .container:after,
#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar .container:before {
    display: none
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar a {
    color: #1f0aff;
    font-size: 18px;
    font-weight: 600
}

#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar a:after,
#header .header-bottom #navigation .navigation-in.menu .top-navigation-bar a:before {
    font-size: 16px
}

#header .header-bottom #navigation .navigation-in.menu .top-nav-button {
    align-items: center;
    display: flex;
    gap: 7px;
    justify-content: center;
    width: 100%
}

@media(min-width:768px) {
    #header .header-bottom #navigation .navigation-in.menu .top-nav-button {
        display: none
    }
}

#header .header-bottom #navigation .navigation-in.menu .top-nav-button span {
    font-weight: 500
}

#header .header-bottom #navigation .navigation-in.menu .top-nav-button:before {
    content: "";
    font-family: icomoon !important
}

#header .header-bottom #navigation .navigation-in.menu .navigationActions {
    display: none
}

@media(min-width:768px) {
    .submenu-visible:before {
        background: rgba(0, 0, 0, .4);
        content: "";
        inset: 0;
        position: fixed;
        z-index: 999
    }
}

.menu-helper.visible .menu-level-1>li.able-show {
    display: block
}

#navigation .navigation-in ul li:hover>a>b,
#navigation .navigation-in ul li:hover>a>span,
#navigation .navigation-in ul li:hover>div>a>span {
    text-decoration: none
}

.navigation-window-visible .navigation-buttons a[data-target=navigation],
.navigation-window-visible .navigation-buttons a[data-target=navigation]:hover {
    background-color: transparent
}

.navigation-links.navigation-links--right>li>a {
    font-size: 15px !important;
    font-weight: 600
}

.submenu-visible li.exp>a .submenu-arrow:after {
    transform: rotate(270deg) !important
}

.cart-window-visible .header-top .cart-widget {
    display: block !important
}

.header-top .user-action-in {
    flex: initial !important
}

.user-action-in .popup-widget.cart-widget {
    border: none;
    box-shadow: 0 11px 16px 0 rgba(0, 0, 0, .24);
    display: none;
    left: auto;
    margin-top: 0;
    margin: 0 !important;
    position: absolute;
    right: 15px;
    z-index: 1005
}

@media(max-width:1800px) {
    .user-action-in .popup-widget.cart-widget {
        right: 60px
    }
}

@media(max-width:1199px) {
    .user-action-in .popup-widget.cart-widget {
        right: 40px
    }
}

@media(max-width:991px) {
    .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 92px);
        position: fixed;
        right: 0;
        top: 92px
    }

    .scrolled .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 60px);
        top: 60px
    }
}

@media(max-width:767px) {
    .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 90px - var(--site-msg-height));
        top: calc(90px + var(--site-msg-height))
    }

    .scrolled .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 90px);
        top: 90px
    }
}

@media(min-width:992px) {
    .user-action-in .popup-widget.cart-widget {
        border-radius: 0 0 0 32px;
        overflow: hidden;
        top: 100%;
        width: 550px
    }
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner {
    border: none;
    border-radius: 12px
}

@media(max-width:991px) {
    .user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products {
        height: calc(100% - var(--cart-widget-bottom-height))
    }
}

@media(min-width:992px) {
    .user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products {
        max-height: 325px
    }
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner {
    border-radius: 12px
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product {
    align-items: center;
    border: none;
    display: flex;
    padding: 12px 20px;
    position: relative;
    table-layout: unset
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product:before {
    background-color: #f6f6f6;
    bottom: 0;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    width: calc(100% - 40px)
}

@media(max-width:767px) {
    .user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product {
        padding: 12px 10px
    }
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product:not(:last-child):before {
    bottom: 0;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    width: calc(100% - 40px)
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-image {
    text-align: left;
    width: 80px
}

@media(max-width:767px) {
    .user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-image {
        margin-bottom: 0;
        width: 65px
    }
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-name {
    padding-left: 16px;
    width: 195px
}

@media(max-width:767px) {
    .user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-name {
        margin-bottom: 0;
        width: calc(100% - 221px)
    }
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-name a {
    font-size: 14px;
    font-weight: 500
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-name a:hover {
    color: #1f0aff
}

@media(min-width:768px) {
    .user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-amount {
        flex: 1;
        width: auto
    }
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-amount form {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-unit {
    display: none
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-price {
    text-align: left
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-price strong {
    color: #000;
    font-size: 21px;
    font-weight: 500
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-delete {
    visibility: visible
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-delete .remove-item:hover:before {
    color: #1f0aff
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-products .cart-widget-products-inner .cart-widget-product-delete .remove-item:before {
    color: #a8a8a8;
    content: "";
    font-family: icomoon !important;
    font-size: 18px;
    transition: .3s
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom {
    border-radius: 12px;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 29px
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom:has(.shipping-is-free) {
    margin-top: 12px
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-widget-button {
    border-radius: 12px
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping.shipping-is-free {
    padding: 0 20px;
    text-align: center
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping.shipping-is-free strong {
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 500;
    gap: 10px;
    justify-content: center
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping.shipping-is-free strong:before {
    color: #f5f3f3;
    font-size: 25px
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping.shipping-is-free>div>div {
    padding: 0
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping>div:before {
    color: #000;
    content: "";
    font-family: icomoon !important;
    font-size: 24px;
    vertical-align: middle
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping>div:not(:has(.price-range)):before {
    content: none
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping strong {
    color: #000;
    font-weight: 500;
    text-transform: lowercase
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping strong:before {
    color: #000 !important
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping .price-range {
    background-color: #f4f5f7;
    border-radius: 99px;
    height: 8px;
    margin-top: 16px
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-free-shipping .price-range>div {
    background-color: #008f51;
    border-radius: 99px
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-widget-button .btn {
    background-color: #008f51;
    border-radius: 50px;
    display: flex;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    gap: 10px;
    justify-content: center;
    line-height: 45px;
    margin: 0 20px;
    min-height: 45px;
    padding: 0;
    text-align: center;
    transition: .3s
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-widget-button .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-widget-button .btn {
    padding: 0 15px !important;
    width: calc(100% - 40px)
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-widget-button .btn:hover:before {
    color: #fff
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-widget-button .btn:before {
    color: #fff;
    content: "";
    font-family: icomoon !important;
    font-size: 20px;
    transition: .3s
}

.user-action-in .popup-widget.cart-widget .cart-widget-inner .cart-widget-bottom .cart-widget-button .btn:after {
    content: none
}

.user-action-in .popup-widget.cart-widget:before {
    display: none
}

.user-action-in .popup-widget.login-widget {
    background: rgba(0, 0, 0, .4);
    bottom: unset;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    position: fixed;
    right: inherit;
    top: 0 !important;
    width: 100%;
    z-index: 999999
}

.user-action-in .popup-widget.login-widget:before {
    display: none
}

.login-window-visible .user-action-in .popup-widget.login-widget {
    display: block
}

@media(max-width:767px) {
    .login-window-visible .user-action-in .popup-widget.login-widget {
        align-items: center;
        display: flex !important;
        justify-content: center
    }
}

.user-action-in .popup-widget.login-widget .popup-widget-inner {
    background: #fff;
    border-radius: 0 36px 0 0;
    height: auto;
    margin: 8% auto;
    max-height: 570px;
    max-width: 650px;
    overflow: visible;
    padding-top: 80px !important;
    padding: 30px;
    position: relative;
    width: 100%
}

@media(max-width:767px) {
    .user-action-in .popup-widget.login-widget .popup-widget-inner {
        margin: 20px;
        padding: 30px 20px
    }
}

.user-action-in .popup-widget.login-widget .popup-widget-inner>h2 {
    color: #343332;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.36px;
    line-height: 42px;
    margin-bottom: 44px;
    text-align: center
}

.user-action-in .popup-widget.login-widget .popup-widget-inner .login-close {
    right: 25px;
    top: 25px
}

.user-action-in .popup-widget.login-widget .popup-widget-inner .login-close:before {
    color: #343332
}

@media(max-width:479px) {
    .user-action-in .popup-widget.login-widget .popup-widget-inner .login-close {
        right: 10px;
        top: 5px
    }
}

.user-action-in .popup-widget.login-widget .form-group {
    text-align: center
}

.user-action-in .popup-widget.login-widget .input-wrapper {
    margin: 0 auto 40px
}

.user-action-in .popup-widget.login-widget input {
    background-color: #f5f3f3;
    border-radius: 100px;
    margin: 0 auto;
    padding: 16px 24px !important
}

@media(max-width:767px) {
    .user-action-in .popup-widget.login-widget input {
        margin-left: auto;
        margin-right: auto
    }
}

.user-action-in .popup-widget.login-widget .validator-msg {
    margin: 0 auto;
    max-width: 540px
}

.user-action-in .popup-widget.login-widget .btn-login {
    align-items: center;
    border-radius: 50px;
    display: flex;
    float: unset;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 45px;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    min-height: 45px;
    min-width: 90px;
    padding: 0 45px;
    text-align: center;
    transition: .3s
}

.user-action-in .popup-widget.login-widget .btn-login:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.user-action-in .popup-widget.login-widget .btn-login {
    font-size: 15px;
    padding: 0 15px !important;
    width: 221px
}

.user-action-in .popup-widget.login-widget .login-wrapper {
    padding-top: 0
}

.user-action-in .popup-widget.login-widget .password-helper {
    float: unset;
    width: 100%
}

.user-action-in .popup-widget.login-widget .password-helper a {
    clear: none;
    color: #a8a8a8;
    display: block;
    float: unset;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    margin: 3px 0;
    text-decoration: underline
}

#bottom-multiple-banners {
    display: flex;
    gap: 28px;
    margin-top: 81px
}

@media(max-width:991px) {
    #bottom-multiple-banners {
        gap: 15px;
        margin-top: 20px
    }
}

@media(max-width:767px) {
    #bottom-multiple-banners {
        flex-direction: column
    }
}

#bottom-multiple-banners:after,
#bottom-multiple-banners:before {
    display: none
}

#bottom-multiple-banners .banner {
    height: 100%;
    margin-bottom: 0
}

#bottom-multiple-banners .banner-wrapper {
    height: 100%;
    margin-top: 0
}

#bottom-multiple-banners>div {
    padding: 0;
    width: 100%
}

#bottom-multiple-banners>div:first-child .banner {
    border-bottom-right-radius: 50px
}

#bottom-multiple-banners>div:nth-child(2) .banner {
    border-bottom-left-radius: 50px
}

#bottom-multiple-banners>div:last-child .banner {
    border-top-right-radius: 50px
}

#bottom-multiple-banners a {
    height: 100%;
    width: 100%
}

#bottom-multiple-banners img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

#bottom-multiple-banners .extended-banner-link {
    border-radius: 50px;
    bottom: 30px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    left: 40px;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    top: unset;
    transition: .3s
}

#bottom-multiple-banners .extended-banner-link:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

#bottom-multiple-banners .extended-banner-link {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff;
    padding: 0 15px !important;
    width: 160px
}

#bottom-multiple-banners .extended-banner-link:hover {
    background-color: red !important;
    border-color: red !important
}

.wide-carousel {
    padding: 0 !important
}

.type-index .col-sm-8 {
    width: 100%
}

.banners-row:has(#carousel) .col-sm-8 {
    padding: 0 !important;
    width: 100%
}

.banners-row:has(#carousel) .col-sm-8.ready {
    margin-bottom: 0
}

@media(max-width:767px) {
    .banners-row:has(#carousel) {
        background-color: #f5f3f3;
        box-shadow: 0 0 0 100vmax #f5f3f3;
        clip-path: inset(0 -100vmax)
    }
}

#carousel {
    margin-top: 20px
}

@media(max-width:767px) {
    #carousel {
        margin-bottom: 45px;
        margin-top: 24px
    }
}

.carousel-control.left,
.carousel-control.right {
    display: none
}

.banners-row.row {
    margin: 0
}

@media(min-width:991px) {
    .swiper.hp-carousel {
        max-height: 600px
    }
}

@media(max-width:767px) {
    .swiper.hp-carousel {
        margin-bottom: 45px
    }
}

.swiper.hp-carousel .swiper-slide:hover img {
    transform: scale(1.1)
}

.swiper.hp-carousel .swiper-slide>a {
    background-color: #fff;
    border-radius: 0;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative
}

@media(min-width:991px) {
    .swiper.hp-carousel .swiper-slide>a {
        max-height: 600px
    }
}

.swiper.hp-carousel .swiper-slide.text-dark .extended-banner-texts .extended-banner-text,
.swiper.hp-carousel .swiper-slide.text-dark .extended-banner-texts .extended-banner-title,
.swiper.hp-carousel .swiper-slide.text-light .extended-banner-texts .extended-banner-text,
.swiper.hp-carousel .swiper-slide.text-light .extended-banner-texts .extended-banner-title {
    color: #fff
}

.swiper.hp-carousel .swiper-slide.radius-bl>a {
    border-bottom-right-radius: 50px
}

.swiper.hp-carousel .swiper-slide.radius-br>a {
    border-bottom-left-radius: 50px
}

.swiper.hp-carousel .swiper-slide.radius-tr>a {
    border-top-right-radius: 50px
}

.swiper.hp-carousel .swiper-slide.radius-tl>a {
    border-top-left-radius: 50px
}

.swiper.hp-carousel .swiper-slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s;
    width: 100%
}

.swiper.hp-carousel .swiper-slide .extended-banner-texts {
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    padding: 55px 32px 32px 48px;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 10
}

@media(min-width:991px) {
    .swiper.hp-carousel .swiper-slide .extended-banner-texts {
        max-height: 600px
    }
}

@media(max-width:767px) {
    .swiper.hp-carousel .swiper-slide .extended-banner-texts {
        padding-bottom: 119px
    }
}

.swiper.hp-carousel .swiper-slide .extended-banner-texts>span {
    padding: 0;
    position: static
}

.swiper.hp-carousel .swiper-slide .extended-banner-texts .extended-banner-title {
    font-size: 33px;
    font-weight: 500;
    line-height: 32px;
    max-width: 290px;
    min-height: 64px;
    transition: color .3s
}

@media(max-width:767px) {
    .swiper.hp-carousel .swiper-slide .extended-banner-texts .extended-banner-title {
        font-size: 44px;
        line-height: 44px;
        margin-bottom: 25px;
        max-width: 220px
    }
}

.swiper.hp-carousel .swiper-slide .extended-banner-texts .extended-banner-text {
    font-size: 18px;
    font-weight: 500;
    line-height: normal !important;
    margin-bottom: 25px;
    margin-top: 8px
}

.swiper.hp-carousel .swiper-slide .extended-banner-texts .extended-banner-link {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    margin-top: auto;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.swiper.hp-carousel .swiper-slide .extended-banner-texts .extended-banner-link:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.swiper.hp-carousel .swiper-slide .extended-banner-texts .extended-banner-link {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff;
    padding: 0 15px !important;
    width: 166px
}

.swiper.hp-carousel .swiper-slide .extended-banner-texts .extended-banner-link:hover {
    background-color: red !important;
    border-color: red !important
}

.swiper.hp-carousel .swiper-pagination-wrapper .swiper-pagination {
    bottom: 42px;
    right: 52px
}

@media(max-width:767px) {
    .swiper.hp-carousel .swiper-pagination-wrapper .swiper-pagination {
        bottom: 25px;
        justify-content: center;
        left: 0;
        right: auto;
        width: 100%
    }
}

.swiper.hp-carousel .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet {
    height: 20px;
    width: 20px
}

@media(max-width:767px) {
    .swiper.hp-carousel .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet {
        height: 13px;
        width: 13px
    }
}

.swiper.hp-carousel .swiper-pagination-wrapper .swiper-pagination {
    bottom: 37px;
    display: flex;
    gap: 12px;
    left: auto;
    left: 50%;
    transform: translateX(-50%);
    width: auto
}

@media(min-width:768px) {
    .swiper.hp-carousel .swiper-pagination-wrapper .swiper-pagination {
        display: none
    }
}

.swiper.hp-carousel .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    height: 17px;
    margin: 0;
    opacity: .2;
    position: relative;
    width: 17px
}

.swiper.hp-carousel .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.type-index .col-sm-4 {
    width: 100%
}

.col-sm-4:has(.hp-categories) {
    padding: 0 !important;
    width: 100%
}

.hp-categories {
    background-color: #f5f3f3;
    box-shadow: 0 0 0 100vmax #f5f3f3;
    clip-path: inset(0 -100vmax);
    margin-top: 44px;
    padding: 50px 44px
}

@media(max-width:991px) {
    .hp-categories {
        padding-inline: 0
    }
}

@media(max-width:767px) {
    .hp-categories {
        padding-top: 0
    }
}

.hp-categories h4 {
    margin-top: 0 !important;
    padding: 0
}

.hp-categories .hp-categories__wrapper {
    -moz-column-gap: 21px;
    column-gap: 21px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px
}

@media(max-width:991px) {
    .hp-categories .hp-categories__wrapper {
        row-gap: 20px
    }
}

.hp-categories .hp-categories__item-image {
    border-radius: 0;
    overflow: hidden
}

.hp-categories .hp-categories__item-image img {
    height: 102%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hp-categories__item {
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
    width: calc(25% - 15.75px)
}

@media(max-width:1199px) {
    .hp-categories__item {
        width: calc(50% - 10.5px)
    }
}

.hp-categories__item:nth-child(4n+1) .hp-categories__item-image {
    border-bottom-right-radius: 50px
}

.hp-categories__item:nth-child(4n+2) .hp-categories__item-image {
    border-bottom-left-radius: 50px
}

.hp-categories__item:nth-child(4n+3) .hp-categories__item-image {
    border-top-right-radius: 50px
}

.hp-categories__item:nth-child(4n+4) .hp-categories__item-image {
    border-top-left-radius: 50px
}

.hp-categories__item span {
    align-items: center;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    gap: 8px
}

.hp-categories__item span:after {
    content: "";
    font-family: icomoon !important;
    font-size: 12px
}

.welcome-wrapper {
    display: none;
    padding-bottom: 12px;
    padding-top: 5px;
    width: 100%
}

@media(max-width:767px) {
    .welcome-wrapper {
        padding-bottom: 0;
        padding-top: 0
    }
}

.able-template-1 .able-ratings {
    position: relative
}

@media(max-width:767px) {
    .able-template-1 .able-ratings {
        margin-top: 40px
    }
}

.able-template-1 .able-ratings .homepage-group-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.able-template-1 .able-ratings .homepage-group-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

.able-template-1 .able-ratings .learn-more-link {
    display: none
}

.able-template-1 .able-ratings .swiper {
    position: relative
}

.able-template-1 .able-ratings .swiper .swiper-overlay {
    background: #f5f3f3;
    content: "";
    height: 100%;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    transition: .5s ease;
    width: 125px;
    z-index: 10
}

@media(max-width:479px) {
    .able-template-1 .able-ratings .swiper .swiper-overlay {
        width: 20%
    }
}

.able-template-1 .able-ratings .swiper .swiper-overlay.able-hidden {
    opacity: 0
}

.able-template-1 .able-ratings__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 0 60px;
    padding-top: 50px
}

@media(max-width:1199px) {
    .able-template-1 .able-ratings__wrapper {
        margin: 0
    }
}

@media(max-width:991px) {
    .able-template-1 .able-ratings__wrapper {
        row-gap: 50px
    }
}

.able-template-1 .able-ratings .able-rating-item {
    position: relative
}

.able-template-1 .able-ratings .able-rating-item:nth-child(odd) .rating-item {
    border-radius: 0 0 0 50px
}

.able-template-1 .able-ratings .able-rating-item:nth-child(2n) .rating-item {
    border-radius: 0 0 50px 0
}

.able-template-1 .able-ratings .rating-item {
    background-color: #f5f3f3;
    min-height: 345px;
    overflow: auto;
    padding: 40px 25px 25px;
    position: relative;
    text-align: left
}

@media(max-width:767px) {
    .able-template-1 .able-ratings .rating-item {
        min-height: 300px;
        padding-left: 40px
    }
}

.able-template-1 .able-ratings .rating-item .rating__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto
}

.able-template-1 .able-ratings .rating-item .rating__content .rating-message {
    font-size: 16px;
    line-height: 20px;
    max-width: 210px
}

@media(max-width:767px) {
    .able-template-1 .able-ratings .rating-item .rating__content .rating-message {
        max-width: 100%
    }
}

.able-template-1 .able-ratings .rating-item .rating__content .rating-message p {
    margin: 0
}

.able-template-1 .able-ratings .rating-item .rating__content .stars-wrapper {
    margin-bottom: 6px;
    margin-top: auto
}

.able-template-1 .able-ratings .rating-item .rating__content .rating-author {
    color: #1f0aff;
    font-weight: 500;
    margin-bottom: 0 !important
}

.able-template-1 .able-ratings .rating-item .rating__content .rating-date {
    color: #a8a8a8;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0 !important
}

.able-template-1 .able-ratings .learn-more-link.mobile-only {
    margin-top: 15px
}

@media(max-width:767px) {
    .able-template-1 .swiper-button-next {
        right: -17px
    }
}

.type-product .p-detail-inner-header h1,
.type-product .p-detail-inner-header-mobile .h1 {
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 35px
}

@media(max-width:767px) {

    .type-product .p-detail-inner-header h1,
    .type-product .p-detail-inner-header-mobile .h1 {
        font-size: 28px
    }
}

@media(min-width:768px) {

    .type-product .p-detail-inner-header h1,
    .type-product .p-detail-inner-header-mobile .h1 {
        margin-top: 19px !important
    }
}

.type-product .p-data-wrapper .variant-list select {
    border-color: #1f0aff;
    border-radius: 99px;
    box-shadow: none;
    color: #1f0aff
}

.type-product .p-data-wrapper .stars.star-list,
.type-product .p-image-wrapper .stars.star-list {
    height: 10px;
    width: 65px
}

.type-product .p-data-wrapper .stars.star-list a,
.type-product .p-data-wrapper .stars.star-list span,
.type-product .p-image-wrapper .stars.star-list a,
.type-product .p-image-wrapper .stars.star-list span {
    height: 10px;
    line-height: 10px;
    width: 13px
}

.type-product .p-data-wrapper .stars.star-list a:before,
.type-product .p-data-wrapper .stars.star-list span:before,
.type-product .p-image-wrapper .stars.star-list a:before,
.type-product .p-image-wrapper .stars.star-list span:before {
    color: #1f0aff !important;
    font-size: 10px;
    line-height: 10px
}

.type-product .p-data-wrapper .stars.star-list a,
.type-product .p-image-wrapper .stars.star-list a {
    padding-right: 13px
}

.type-product .p-data-wrapper .stars-label,
.type-product .p-image-wrapper .stars-label {
    color: #1f0aff;
    font-size: 13px;
    font-weight: 500
}

.type-product .rate-average-wrap .stars a:before,
.type-product .rate-average-wrap .stars span:before,
.type-product .stars .star.is-active:hover,
.type-product .stars .star.star-half:before,
.type-product .stars .star.star-on:before {
    color: #3f3f3b
}

.type-product .col-sm-12 {
    padding: 0
}

@media(min-width:1200px) {
    .type-product .wide .p-detail-inner .p-data-wrapper {
        width: 38%
    }
}

@media(min-width:1600px) {
    .type-product .wide .p-detail-inner .p-image-wrapper {
        padding-right: 80px
    }
}

@media(min-width:1200px) {
    .type-product .wide .p-detail-inner .p-image-wrapper {
        width: 62%
    }
}

.type-product .position--benefitProduct {
    margin-top: 80px
}

.type-product #product-detail-form .p-code,
.type-product .shp-tabs-wrapper .shp-tabs-row {
    display: none
}

.type-product .shp-tabs-wrapper .tab-content {
    background-color: #f5f3f3 !important;
    border-radius: 0 50px 0 0 !important;
    color: #000 !important;
    font-size: 17px;
    font-weight: 400;
    padding: 40px 60px
}

@media(max-width:991px) {
    .type-product .shp-tabs-wrapper .tab-content {
        padding: 30px !important
    }
}

.type-product .shp-tabs-wrapper .tab-content .basic-description {
    display: flex;
    flex: none;
    flex-direction: row;
    gap: 105px;
    padding-right: 0;
    width: auto
}

.type-product .shp-tabs-wrapper .tab-content .basic-description a {
    color: #1f0aff
}

@media(max-width:991px) {
    .type-product .shp-tabs-wrapper .tab-content .basic-description {
        flex-direction: column;
        gap: 30px
    }
}

.type-product .shp-tabs-wrapper .tab-content .basic-description>h2 {
    display: none
}

.type-product .shp-tabs-wrapper .tab-content .basic-description h2 {
    color: #000 !important;
    font-size: 33px !important;
    font-weight: 500 !important;
    line-height: 43px !important
}

.type-product .shp-tabs-wrapper .tab-content .basic-description h4 {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .about-product {
    max-width: 450px
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .about-product ul {
    list-style-type: disc
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .about-product ul li:before {
    content: none
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications {
    min-width: 0
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications ul {
    list-style: none;
    padding: 0
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications .spec-row:before,
.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications li:before {
    content: none
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications .spec-row,
.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications li {
    border-bottom: 1px solid #e0e0e0;
    padding: .75em 0
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications .spec-row:first-child,
.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications li:first-child {
    padding-top: 0 !important
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications .brand-wrapper {
    font-weight: 700;
    text-transform: lowercase
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications .brand-wrapper .brand-wrapper-manufacturer-name {
    font-weight: 400
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications .spec-row:last-child,
.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications li:last-child {
    border-bottom: none
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications .spec-row dt,
.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications li dt {
    font-weight: 700;
    margin: 0
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications .spec-row dd,
.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications li dd {
    margin: 0
}

.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications .spec-row a,
.type-product .shp-tabs-wrapper .tab-content .basic-description .specifications li a {
    color: #1f0aff
}

.type-product #simple-variants .advanced-parameter,
.type-product #simple-variants .advanced-parameter-inner {
    height: 45px;
    width: 45px
}

.type-product #simple-variants .advanced-parameter-inner:before,
.type-product #simple-variants .advanced-parameter:before {
    background-color: transparent;
    border: none !important;
    bottom: 0;
    color: #fff !important;
    filter: drop-shadow(0 0 1px #000);
    font-size: 16px !important;
    height: 45px;
    left: 0;
    line-height: 44px !important;
    right: 0;
    top: 0;
    width: 45px
}

.type-product .variant-list .advanced-parameter,
.type-product .variant-list .advanced-parameter-inner {
    height: 45px;
    width: 45px
}

.type-product .variant-list .advanced-parameter-inner:before,
.type-product .variant-list .advanced-parameter:before {
    background-color: transparent !important;
    border: none !important;
    color: #fff !important;
    filter: drop-shadow(0 0 1px #000);
    font-size: 16px !important;
    height: 45px !important;
    left: 0 !important;
    line-height: 44px !important;
    top: 0 !important;
    width: 45px !important
}

.basic-description {
    display: flex;
    flex: none;
    flex-direction: row;
    gap: 105px;
    padding-right: 0;
    width: auto
}

.basic-description a {
    color: #1f0aff
}

@media(max-width:991px) {
    .basic-description {
        flex-direction: column;
        gap: 30px
    }
}

.basic-description>h2 {
    display: none
}

.basic-description h2 {
    color: #000 !important;
    font-size: 33px !important;
    font-weight: 500 !important;
    line-height: 43px !important
}

.basic-description h4 {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px
}

.basic-description .about-product {
    max-width: 450px
}

.basic-description .about-product ul {
    list-style-type: disc
}

.basic-description .about-product ul li:before {
    content: none
}

.basic-description .specifications {
    min-width: 0
}

.basic-description .specifications ul {
    list-style: none;
    padding: 0
}

.basic-description .specifications .spec-row:before,
.basic-description .specifications li:before {
    content: none
}

.basic-description .specifications .spec-row,
.basic-description .specifications li {
    border-bottom: 1px solid #e0e0e0;
    padding: .75em 0
}

.basic-description .specifications .spec-row:first-child,
.basic-description .specifications li:first-child {
    padding-top: 0 !important
}

.basic-description .specifications .spec-row:last-child,
.basic-description .specifications li:last-child {
    border-bottom: none
}

.basic-description .specifications .spec-row dt,
.basic-description .specifications li dt {
    font-weight: 700;
    margin: 0
}

.basic-description .specifications .spec-row dd,
.basic-description .specifications li dd {
    margin: 0
}

.basic-description .specifications .spec-row a,
.basic-description .specifications li a {
    color: #1f0aff
}

.p-image-wrapper .p-image:not(.d-block) {
    display: none !important
}

.p-image-wrapper .p-image img,
.p-image-wrapper .p-image-custom img {
    aspect-ratio: 4/3
}

.p-image-wrapper #dkLabFavouriteDiv {
    margin-bottom: 5px;
    margin-top: 10px
}

.p-image-wrapper .p-image #wrap img {
    border-radius: 0 60px 0 0
}

.p-image-wrapper .p-image-custom {
    cursor: pointer;
    position: relative
}

.p-image-wrapper .p-image-custom img {
    border-radius: 0 60px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.p-image-wrapper .p-image-custom .flags {
    padding: 10px
}

.p-image-wrapper .p-image-custom .swiper-button-prev {
    left: 10px
}

.p-image-wrapper .p-image-custom .swiper-button-next {
    right: 10px
}

@media(min-width:768px) {
    .p-image-wrapper .p-image-custom .swiper-pagination {
        display: none
    }
}

.p-image-wrapper .p-thumbnails-wrapper {
    margin-top: 10px;
    padding: 0
}

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

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails,
.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner {
    height: auto;
    min-height: 100px
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: static;
    width: auto
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner>div {
    display: flex;
    flex-wrap: wrap
}

.p-image-wrapper .p-thumbnails-wrapper:not(.active-show-more) .show-more-img {
    display: none
}

.p-image-wrapper .p-thumbnails-wrapper.active-show-more .p-thumbnails>div>div {
    display: flex
}

.p-image-wrapper .p-thumbnails-wrapper.active-show-more .p-thumbnails-inner {
    position: static;
    width: auto
}

.p-image-wrapper .p-thumbnails-wrapper.active-show-more .p-thumbnail:nth-child(10),
.p-image-wrapper .p-thumbnails-wrapper.active-show-more .p-thumbnail:nth-child(12),
.p-image-wrapper .p-thumbnails-wrapper.active-show-more .p-thumbnail:nth-child(2),
.p-image-wrapper .p-thumbnails-wrapper.active-show-more .p-thumbnail:nth-child(4),
.p-image-wrapper .p-thumbnails-wrapper.active-show-more .p-thumbnail:nth-child(6),
.p-image-wrapper .p-thumbnails-wrapper.active-show-more .p-thumbnail:nth-child(8) {
    display: block
}

@media(min-width:768px) {
    .p-image-wrapper .p-thumbnails-wrapper.active-show-more .p-thumbnail {
        display: none
    }
}

.p-image-wrapper .p-thumbnails-wrapper .show-more-img {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    justify-content: center;
    letter-spacing: 2.67px;
    max-height: 100px;
    order: 1;
    width: 100px
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnail {
    margin-right: 10px
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnail.highlighted img,
.p-image-wrapper .p-thumbnails-wrapper .p-thumbnail:hover img {
    border: none
}

.p-image-wrapper .p-thumbnails .thumbnail-next,
.p-image-wrapper .p-thumbnails .thumbnail-prev {
    color: #1f0aff
}

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

@media(max-width:767px) {
    .p-image-wrapper .p-detail-inner-header-mobile {
        margin-top: 34px
    }

    .p-image-wrapper #dkLabFavouriteDiv~.p-detail-inner-header-mobile {
        margin-top: 0
    }
}

.p-image-wrapper .ratings-and-brand .stars-wrapper {
    display: none
}

.p-image-wrapper .ratings-and-brand .brand-wrapper {
    margin: 0 !important
}

.p-data-wrapper #dkLabFavouriteDiv {
    margin-bottom: 0;
    margin-top: 0
}

.p-data-wrapper #dkLabFavouriteDiv:hover span {
    color: #1f0aff
}

.p-data-wrapper #dkLabFavouriteDiv #dkLabFavDetailSpan:before {
    content: "" !important;
    font-family: icomoon !important;
    font-size: 20px
}

.p-data-wrapper .ratings-and-brand .stars-wrapper {
    display: none
}

.p-data-wrapper .ratings-and-brand .brand-wrapper {
    margin: 0 !important
}

.p-data-wrapper .p-detail-inner-header {
    margin-bottom: 0
}

@media(min-width:768px) {
    .p-data-wrapper .p-detail-inner-header {
        margin-top: 34px
    }
}

.p-data-wrapper .p-detail-inner-header h1 {
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 30px;
    margin-top: 0 !important
}

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

@media(min-width:768px) {
    .p-data-wrapper #dkLabFavouriteDiv~.p-detail-inner-header {
        margin-top: 0
    }
}

.p-data-wrapper .p-final-price-wrapper {
    align-items: end;
    display: flex;
    margin-bottom: 20px;
    width: 100%
}

.p-data-wrapper .p-final-price-wrapper .price-final {
    color: #000;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: normal;
    margin-right: 12px;
    order: 1
}

.p-data-wrapper .p-final-price-wrapper .price-standard {
    color: #a8a8a8;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    order: 2;
    text-decoration: line-through
}

.p-data-wrapper .p-final-price-wrapper .price-save {
    color: red;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    order: 3
}

.p-data-wrapper .availability-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    width: 100%
}

.p-data-wrapper .availability-wrapper td {
    border: none !important
}

.p-data-wrapper .availability-wrapper .availability-label {
    color: #008f51;
    font-size: 18px;
    font-weight: 500;
    line-height: 19px;
    width: 145px
}

.p-data-wrapper .availability-wrapper .availability-amount {
    font-size: 18px
}

.p-data-wrapper .availability-wrapper a {
    flex: 1;
    font-weight: 500;
    text-align: center;
    text-decoration: underline
}

.p-data-wrapper .availability-wrapper .delivery-time-row {
    color: #343332;
    font-family: jigsaw, sans-serif !important;
    font-size: 16px;
    font-weight: 500
}

.p-data-wrapper .availability-wrapper .delivery-time-row span {
    font-weight: 500
}

.p-data-wrapper .availability-wrapper .delivery-time-row .delivery-time {
    font-weight: 700;
    margin-left: 8px
}

.p-data-wrapper .p-short-description {
    margin-bottom: 35px
}

.p-data-wrapper .p-short-description p {
    font-size: 18px;
    font-weight: 400
}

.p-data-wrapper .p-short-description .scroll-to-description {
    cursor: pointer;
    display: none;
    display: inline;
    font-weight: 500;
    margin-left: 4px;
    text-decoration: underline;
    transition: .3s
}

.p-data-wrapper .p-short-description .scroll-to-description+p {
    background-color: red
}

.p-data-wrapper .p-short-description .scroll-to-description:hover {
    color: #1f0aff
}

.p-data-wrapper .p-to-cart-block {
    background-color: transparent;
    gap: 10px 15px
}

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

.p-data-wrapper .p-to-cart-block .add-to-cart-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    gap: 5px;
    justify-content: center
}

.p-data-wrapper .p-to-cart-block .add-to-cart-button:before {
    content: none;
    font-size: 18px
}

.p-data-wrapper .social-buttons-wrapper {
    padding: 10px
}

.p-data-wrapper .social-buttons-wrapper .link-icons .link-icon {
    flex-direction: column;
    font-weight: 500;
    gap: 6px;
    margin-right: 23px
}

.p-data-wrapper .social-buttons-wrapper .link-icons .link-icon:before {
    margin-right: 0
}

.p-data-wrapper .social-buttons-wrapper .link-icons .link-icon span {
    text-decoration: none
}

.p-data-wrapper .social-buttons-wrapper .link-icons .link-icon.chat,
.p-data-wrapper .social-buttons-wrapper .link-icons .link-icon.print {
    display: none
}

.p-data-wrapper .social-buttons-wrapper .link-icons .link-icon.chat:before {
    content: "";
    font-family: icomoon !important
}

.p-data-wrapper .social-buttons-wrapper .link-icons .link-icon.share {
    display: none
}

.p-data-wrapper .social-buttons-wrapper .link-icons .link-icon.share:before {
    content: "";
    font-family: icomoon !important
}

.p-data-wrapper .social-buttons-wrapper .link-icons .link-icon.watchdog:before {
    content: "";
    font-family: icomoon !important
}

.p-data-wrapper .detail-parameters {
    display: none
}

.products-header {
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 35px;
    margin: 50px 0 24px;
    position: relative;
    text-align: left
}

@media(max-width:767px) {
    .products-header {
        font-size: 28px;
        margin: 32px 0 20px
    }
}

#accordion-content .shp-accordion.active .shp-accordion-link,
#accordion-content .shp-accordion.active .shp-accordion-link:after {
    color: #f5f3f3
}

#accordion-content .shp-accordion .shp-accordion-link {
    color: #1f0aff;
    display: none !important
}

#accordion-content .shp-accordion .shp-accordion-link:after {
    color: #1f0aff;
    transition: .3s
}

#accordion-content .shp-accordion .shp-accordion-content {
    background-color: #fff;
    border-radius: 12px;
    color: #000;
    padding: 20px
}
@media (max-width: 767px) {
    #accordion-content .shp-accordion .shp-accordion-content {
        padding: 20px 0px
    }
}

#accordion-content .shp-accordion .shp-accordion-content .basic-description h2 {
    color: #1f0aff;
    margin-top: 0
}

#accordion-content .shp-accordion .shp-accordion-content .extended-description {
    display: none
}

#tab-content {
    background-color: #fff;
    border-radius: 12px;
    color: #a8a8a8;
    padding: 55px 84px
}

#tab-content .form-group .form-control {
    background-color: #f6f6f6
}

#tab-content .consents a,
#tab-content .consents label,
#tab-content .consents.consents-first a,
#tab-content .consents.consents-first label {
    color: #a8a8a8
}

#tab-content textarea {
    height: 140px
}

#tab-content .tab-pane {
    margin: 0;
    max-width: 100%;
    width: 100%
}

#tab-content #description .basic-description h2,
#tab-content #description .extended-description>p {
    color: #1f0aff;
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 35px
}

@media(max-width:767px) {

    #tab-content #description .basic-description h2,
    #tab-content #description .extended-description>p {
        font-size: 28px
    }
}

#tab-content #description .extended-description {
    display: none
}

#tab-content #description .extended-description .detail-parameters tr {
    background-color: transparent
}

#tab-content #description .extended-description .detail-parameters tr:nth-child(odd) {
    background-color: #fff
}

#tab-content #description .extended-description .detail-parameters tr td,
#tab-content #description .extended-description .detail-parameters tr th {
    padding-bottom: 9px;
    padding-top: 9px
}

#tab-content #description .extended-description .detail-parameters tr th {
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    padding-left: 30px
}

#tab-content #description .extended-description .detail-parameters tr th:after {
    display: none
}

#tab-content #description .extended-description .detail-parameters tr th .row-header-label {
    color: #a8a8a8;
    font-weight: 500
}

#tab-content #description .extended-description .detail-parameters tr td {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    font-weight: 500
}

#tab-content #description .extended-description .detail-parameters tr span {
    background-color: transparent
}

#tab-content #description .rate-wrapper-in-description {
    display: none
}

.shp-tabs-wrapper.p-detail-tabs-wrapper {
    transition: opacity .15s ease-in-out
}

.p-detail-tabs-wrapper {
    margin-top: 29px
}

@media(max-width:767px) {
    .p-detail-tabs-wrapper {
        margin-top: 0
    }
}

.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs {
    background-color: #f6f6f6;
    border-radius: 12px
}

.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs .shp-tab {
    background-color: #f6f6f6;
    min-width: 175px
}

.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs .shp-tab:first-of-type {
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px
}

.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs .shp-tab:last-of-type {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px
}

.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs .shp-tab:hover {
    text-decoration: none
}

.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs .shp-tab a {
    color: #a8a8a8 !important;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 7px
}

.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs .shp-tab a:hover {
    color: #1f0aff !important
}

.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs .shp-tab.active {
    background-color: #1f0aff;
    border-radius: 12px;
    text-decoration: none
}

.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs .shp-tab.active a,
.p-detail-tabs-wrapper .shp-tabs-row #p-detail-tabs .shp-tab.active a:hover {
    color: #fff !important
}

.type-category :not(body)::-webkit-scrollbar {
    width: 4px
}

.type-category :not(body)::-webkit-scrollbar-thumb {
    background: #1f0aff;
    border-radius: 10px
}

.type-category :not(body)::-webkit-scrollbar-track {
    background: #d8d8d8;
    border-radius: 10px
}

.type-category .category-header {
    position: relative
}

.type-category .category-header #products-listing-order {
    background-color: #fff;
    border-color: #1f0aff !important
}

@media(max-width:767px) {
    .type-category .category-header {
        z-index: 50
    }
}

.type-category #manufacturer-filter {
    display: none
}

@media(max-width:991px) {
    #filters-wrapper {
        margin-top: -127px
    }
}

@media(max-width:767px) {
    #filters-wrapper {
        margin-top: 0
    }
}

#filters-wrapper .filters-unveil-button-wrapper {
    margin-bottom: 34px !important;
    margin-top: -79px;
    position: relative;
    z-index: 5
}

@media(max-width:1150px) {
    #filters-wrapper .filters-unveil-button-wrapper {
        margin-top: -117px
    }
}

@media(max-width:767px) {
    #filters-wrapper .filters-unveil-button-wrapper {
        margin-top: 0;
        width: 100%
    }
}

#filters-wrapper .filters-unveil-button-wrapper .btn {
    align-items: center;
    border-radius: 50px;
    color: #1f0aff;
    display: flex !important;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    line-height: 45px;
    margin-bottom: 0 !important;
    min-height: 45px;
    padding: 0;
    text-align: center;
    transition: .3s
}

#filters-wrapper .filters-unveil-button-wrapper .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

#filters-wrapper .filters-unveil-button-wrapper .btn {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff;
    padding: 0 15px !important;
    width: 160px
}

#filters-wrapper .filters-unveil-button-wrapper .btn:hover {
    background-color: red !important;
    border-color: red !important
}

@media(max-width:767px) {
    #filters-wrapper .filters-unveil-button-wrapper .btn {
        width: 100%
    }
}

#filters-wrapper .filters-unveil-button-wrapper .btn:before {
    content: "";
    content: none;
    display: block;
    font-family: icomoon !important;
    margin-right: 14px
}

#filters-wrapper .filters-unveil-button-wrapper .btn:after {
    display: none
}

#filters-wrapper #filters.filters {
    background-color: #f6f6f6;
    border-radius: 12px;
    max-width: 100%;
    opacity: 0;
    transition: opacity .3s
}

#filters-wrapper #filters.filters .filter-sections {
    background-color: #f5f3f3;
    border-radius: 12px;
    display: flex;
    min-height: 355px;
    padding: 38px 73px 48px
}

@media(max-width:1439px) {
    #filters-wrapper #filters.filters .filter-sections {
        padding: 27px 45px 38px
    }
}

@media(max-width:767px) {
    #filters-wrapper #filters.filters .filter-sections {
        padding: 27px 25px
    }
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover {
    --gap: 80px;
    --columns: 4;
    -moz-column-gap: var(--gap);
    column-gap: var(--gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 16px;
    width: 100%
}

@media(max-width:1399px) {
    #filters-wrapper #filters.filters .filter-sections #category-filter-hover {
        --gap: 51px
    }
}

@media(max-width:991px) {
    #filters-wrapper #filters.filters .filter-sections #category-filter-hover {
        --columns: 3
    }
}

@media(max-width:767px) {
    #filters-wrapper #filters.filters .filter-sections #category-filter-hover {
        --columns: 2
    }
}

@media(max-width:480px) {
    #filters-wrapper #filters.filters .filter-sections #category-filter-hover {
        --columns: 1
    }
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .btn-wrapper {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    order: 1;
    padding: 0 20px;
    width: 100%
}

@media(max-width:767px) {
    #filters-wrapper #filters.filters .filter-sections #category-filter-hover .btn-wrapper {
        flex-direction: column
    }
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .btn-wrapper .filtered-products-btn {
    align-items: center;
    border: 0 !important;
    border-radius: 50px;
    color: #fff;
    display: flex;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    line-height: 45px;
    margin-top: auto;
    min-height: 45px;
    padding: 0;
    text-align: center;
    transition: .3s
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .btn-wrapper .filtered-products-btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .btn-wrapper .filtered-products-btn {
    padding: 0 15px !important;
    width: 250px
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .btn-wrapper .filtered-products-btn.btn {
    gap: 6px;
    line-height: normal;
    min-height: 45px
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .btn-wrapper .filtered-products-btn .filtered-products-count {
    font-weight: 500
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .clear-filters-btn {
    background-color: transparent;
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    margin: auto 0 0;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .clear-filters-btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .clear-filters-btn {
    padding: 0 15px !important;
    width: 147px
}

@media(max-width:767px) {
    #filters-wrapper #filters.filters .filter-sections #category-filter-hover .clear-filters-btn {
        margin: 0 auto
    }
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .clear-filters-btn {
    background: transparent;
    border: 2px solid #1f0aff;
    color: #1f0aff
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .clear-filters-btn:hover {
    background-color: #1f0aff !important;
    border-color: #1f0aff !important;
    color: #fff !important
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .clear-filters-btn:hover a {
    color: #fff !important
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .clear-filters-btn a {
    color: #1f0aff;
    text-transform: none
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .clear-filters-btn a:after {
    display: none
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section label:not(.disabled):hover {
    color: #1f0aff
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section:nth-child(n+5).open h4 {
    padding-bottom: 21px !important
}

@media(max-width:767px) {
    #filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section:nth-child(n+5).open h4 {
        padding-bottom: 15px !important
    }
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section:nth-child(n+5).open h4:after {
    transform: rotate(180deg)
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section:nth-child(n+5).open form {
    max-height: 280px;
    opacity: 1;
    overflow: auto;
    pointer-events: auto
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section:nth-child(n+5).open .slider-wrapper {
    max-height: 100%;
    opacity: 1;
    overflow: visible;
    padding-bottom: 22px;
    pointer-events: auto
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper {
    max-height: 350px;
    overflow: auto;
    padding-right: 5px;
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper .advanced-parameter {
    align-items: center;
    display: flex;
    height: auto;
    min-height: 0;
    width: auto
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper .advanced-parameter .advanced-parameter-inner {
    height: 16px;
    width: 16px
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper .advanced-parameter .advanced-parameter-inner.yes-before {
    border: none
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper .advanced-parameter .advanced-parameter-inner.yes-before:before,
#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper .advanced-parameter .advanced-parameter-inner:before {
    background-size: 8px
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper>div {
    display: flex;
    padding-bottom: 12px;
    width: 100%
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper>div .filter-label {
    display: flex !important;
    justify-content: space-between;
    padding: 0 0 0 10px
}

#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper>div .filter-label:after,
#filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section .advanced-filters-wrapper>div .filter-label:before {
    display: none
}

@media(max-width:767px) {

    #filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section:not(.filter-section-boolean) .slider-wrapper,
    #filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section:not(.filter-section-boolean) form {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        transition: .3s
    }

    #filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section.open h4 {
        padding-bottom: 15px !important
    }

    #filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section.open h4:after {
        transform: rotate(180deg)
    }

    #filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section.open form {
        max-height: 280px;
        opacity: 1;
        overflow: auto;
        pointer-events: auto
    }

    #filters-wrapper #filters.filters .filter-sections #category-filter-hover .filter-section.open .slider-wrapper {
        max-height: 100%;
        opacity: 1;
        overflow: visible;
        padding-bottom: 22px;
        pointer-events: auto
    }
}

#filters-wrapper #filters.filters .filter-sections .filter-section {
    border: none;
    width: calc(100%/var(--columns) - var(--gap) + var(--gap)/var(--columns))
}

@media(max-width:991px) {
    #filters-wrapper #filters.filters .filter-sections .filter-section {
        width: 100% !important
    }
}

#filters-wrapper #filters.filters .filter-sections .filter-section .scroll-overlay {
    position: relative
}

#filters-wrapper #filters.filters .filter-sections .filter-section .scroll-overlay .scroll-overlay-element {
    bottom: 0;
    cursor: pointer;
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%
}

#filters-wrapper #filters.filters .filter-sections .filter-section .scroll-overlay .scroll-overlay-element:before {
    background: linear-gradient(180deg, rgba(244, 245, 247, 0), #f2f2f2);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 3
}

#filters-wrapper #filters.filters .filter-sections .filter-section.columns-scroll .fieldset {
    padding-right: 14px
}

#filters-wrapper #filters.filters .filter-sections .filter-section.columns-scroll form {
    overflow: auto
}

#filters-wrapper #filters.filters .filter-sections .filter-section.filter-section-boolean h4:after {
    display: none
}

#filters-wrapper #filters.filters .filter-sections .filter-section:has(.filter-total-count) {
    display: none
}

#filters-wrapper #filters.filters .filter-sections .filter-section h4 {
    font-size: 18px;
    font-weight: 500 !important;
    margin-bottom: 0;
    padding-bottom: 21px !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media(max-width:767px) {
    #filters-wrapper #filters.filters .filter-sections .filter-section h4 {
        align-items: center;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        padding-bottom: 15px !important
    }

    #filters-wrapper #filters.filters .filter-sections .filter-section h4:after {
        content: "" !important;
        font-family: Shoptet !important;
        font-size: 10px;
        transition: .3s
    }
}

#filters-wrapper #filters.filters .filter-sections .filter-section h4+form .fieldset,
#filters-wrapper #filters.filters .filter-sections .filter-section h4+form fieldset {
    display: flex;
    flex-direction: column;
    padding-right: 5px
}

@media(max-width:991px) {

    #filters-wrapper #filters.filters .filter-sections .filter-section h4+form .fieldset,
    #filters-wrapper #filters.filters .filter-sections .filter-section h4+form fieldset {
        max-height: none
    }
}

#filters-wrapper #filters.filters .filter-sections .filter-section h4+form .fieldset>div,
#filters-wrapper #filters.filters .filter-sections .filter-section h4+form fieldset>div {
    width: auto
}

#filters-wrapper .slider-wrapper {
    padding-top: 0
}

#filters-wrapper .slider-wrapper .slider-header span {
    font-weight: 500
}

#filters-wrapper .slider-wrapper .slider-content,
#filters-wrapper .slider-wrapper .ui-slider {
    background-color: #d8d8d8;
    height: 4px
}

#filters-wrapper .slider-wrapper .ui-slider .ui-slider-range {
    background-color: #1f0aff;
    border-color: #1f0aff
}

#filters-wrapper .slider-wrapper .ui-slider-horizontal .ui-slider-handle {
    align-items: center;
    background-color: #1f0aff;
    border-radius: 50%;
    display: flex;
    height: 25px;
    justify-content: center;
    top: -10px;
    width: 25px
}

#filters-wrapper .slider-wrapper .ui-slider-horizontal .ui-slider-handle:before {
    align-items: center;
    content: "";
    display: flex;
    font-family: Shoptet;
    font-size: 10px;
    height: 10px;
    justify-content: center;
    width: 10px
}

#filters-wrapper .slider-wrapper .ui-slider-horizontal .ui-slider-handle:first-of-type:before {
    margin-right: 4px;
    transform: rotate(90deg)
}

#filters-wrapper .slider-wrapper .ui-slider-horizontal .ui-slider-handle:last-of-type:before {
    margin-left: 4px;
    transform: rotate(270deg)
}

#filters-wrapper .filter-label {
    color: #000
}

#filters-wrapper .filter-label .filter-count {
    background-color: transparent;
    color: #a8a8a8;
    font-size: 17px;
    font-weight: 500;
    height: auto;
    line-height: 1;
    width: auto
}

.category-top .category-image img {
    width: 100%
}

.category-top:not(:has(p)) .category-title {
    color: #000;
    left: 0;
    position: relative;
    top: 0
}

.category-top .category-title {
    border-radius: 12px;
    color: #fff;
    font-size: 66px;
    font-weight: 500;
    left: 78px;
    margin-bottom: 0;
    position: absolute;
    text-align: center;
    top: 20%;
    z-index: 1
}

.category-top .category-title .pagination-appendix {
    text-transform: lowercase
}

@media(max-width:767px) {
    .category-top .category-title {
        font-size: 35px;
        margin-top: 0
    }
}

.category-top .category-perex {
    background-color: #f6f6f6;
    border-radius: 0 50px 0 0;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative
}

.category-top .category-perex>p {
    margin: 0 !important
}

.category-top .category-perex>p>img {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

@media(max-width:767px) {
    .category-top .category-perex h1 {
        left: 20px;
        top: 20px
    }
}

.category-top .category-perex p:not(:has(img)) {
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    left: 78px;
    line-height: 25px;
    max-width: 458px;
    position: absolute;
    top: 180px
}

@media(max-width:1439px) {
    .category-top .category-perex p:not(:has(img)) {
        top: 50%
    }
}

@media(max-width:1199px) {
    .category-top .category-perex p:not(:has(img)) {
        max-width: none
    }
}

@media(max-width:991px) {
    .category-top .category-perex p:not(:has(img)) {
        display: none
    }
}

.category-top>h4 {
    display: none
}

#productsTop {
    display: none;
    gap: 11px
}

#productsTop .product {
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 0;
    min-height: 100px;
    padding: 10px 16px;
    width: 100%
}

@media(min-width:768px) {
    #productsTop .product {
        width: calc(50% - 5.5px)
    }
}

@media(min-width:1200px) {
    #productsTop .product {
        width: calc(33.33333% - 7.5px)
    }
}

@media(min-width:1440px) {
    #productsTop .product {
        width: calc(25% - 8.5px)
    }
}

#productsTop .product .p .image {
    min-height: 80px;
    width: 80px
}

#productsTop .product .p .name {
    line-height: 20px;
    max-width: 198px;
    min-height: 40px
}

#productsTop .product .p .name span {
    font-size: 13px;
    font-weight: 600
}

#productsTop .product .p .p-in {
    align-items: flex-start;
    display: flex;
    flex-direction: column-reverse;
    gap: 2px;
    padding-left: 20px;
    width: calc(100% - 80px)
}

#productsTop .product .p .offers {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start
}

#productsTop .product .p .offers>div {
    flex-basis: auto;
    line-height: 21px
}

#productsTop .product .p .offers .price strong {
    font-size: 15px;
    font-weight: 600
}

#productsTop .button-wrapper {
    padding-top: 0
}

#productsTop .button-wrapper a {
    color: #a8a8a8;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px
}

#productsTop .button-wrapper a:after {
    display: none
}

#category-header {
    height: 45px;
    justify-content: end;
    margin-bottom: 34px;
    margin-top: 43px
}

@media(max-width:991px) {
    #category-header {
        margin-bottom: 70px;
        margin-top: 80px
    }
}

@media(max-width:767px) {
    #category-header {
        margin-bottom: 20px;
        margin-top: 0
    }
}

#category-header form {
    z-index: 10
}

@media(max-width:1150px) {
    #category-header {
        align-items: flex-end;
        flex-direction: column-reverse;
        height: auto
    }
}

#category-header>div {
    color: #a8a8a8;
    display: none;
    font-size: 13px;
    font-weight: 500;
    margin-right: auto;
    padding-left: 202px !important
}

@media(max-width:1150px) {
    #category-header>div {
        margin-right: 0;
        margin-top: 20px
    }
}

@media(max-width:991px) {
    #category-header>div {
        display: none
    }
}

#category-header>div strong {
    font-weight: 600
}

#category-header #products-listing-order:hover {
    color: #1f0aff
}

@media(min-width:992px) {
    #category-header #products-listing-order {
        display: none
    }
}

@media(max-width:991px) {
    #category-header #products-listing-order {
        border-radius: 50px;
        display: flex;
        font-family: jigsaw, sans-serif !important;
        font-size: 18px;
        font-weight: 500;
        justify-content: space-between !important;
        line-height: 45px;
        min-height: 45px;
        padding: 0 25px;
        position: relative;
        text-align: center;
        transition: border-radius 0s !important;
        transition: .3s;
        z-index: 100
    }

    #category-header #products-listing-order:hover {
        background-color: #1f0aff;
        border-color: #1f0aff;
        color: #fff
    }

    #category-header #products-listing-order {
        padding: 0 15px !important;
        width: 250px
    }
}

@media(max-width:991px)and (max-width:767px) {
    #category-header #products-listing-order {
        max-width: 100%;
        width: 100%
    }
}

@media(max-width:991px) {
    #category-header #products-listing-order .products-listing-order-heading {
        display: none
    }

    #category-header #products-listing-order .icon-chevron-down:before {
        content: "";
        font-family: Shoptet
    }

    #category-header .dropdown {
        display: flex;
        justify-content: flex-end;
        width: 100%
    }

    #category-header .dropdown-menu {
        border: 1px solid #1f0aff;
        border-radius: 0 0 20px 20px;
        box-shadow: none;
        padding-bottom: 10px;
        padding-top: 25px;
        position: absolute;
        top: 75%;
        width: 100%;
        z-index: 50
    }
}

@media(min-width:992px) {
    #category-header .dropdown-menu {
        all: unset;
        list-style: none;
        margin: 0;
        padding: 0
    }

    #category-header .dropdown-menu,
    #category-header .dropdown-menu li {
        align-items: center;
        background-color: #f5f3f3;
        border-radius: 99px;
        display: flex;
        height: 45px;
        justify-content: center
    }

    #category-header .dropdown-menu li {
        font-weight: 500 !important;
        min-width: 160px
    }

    #category-header .dropdown-menu li strong {
        font-weight: 500 !important
    }

    #category-header .dropdown-menu li label {
        align-items: center;
        color: #000;
        display: flex;
        font-weight: 500;
        height: 100%;
        justify-content: center;
        line-height: 55px;
        padding: 0;
        transition: .3s
    }

    #category-header .dropdown-menu li label:hover {
        color: #1f0aff
    }

    #category-header .dropdown-menu li:has(strong) {
        background-color: #1f0aff;
        color: #fff
    }
}

@media(max-width:1199px) {
    .listingControls {
        align-items: center;
        justify-content: center
    }
}

@media(min-width:768px) {
    .listingControls {
        margin-bottom: 70px;
        margin-top: 70px
    }
}

@media(max-width:991px) {
    .listingControls #load-more-posts-button {
        margin-bottom: 20px
    }
}

.listingControls .pagination-link {
    border-radius: 100px;
    font-size: 18px;
    width: 80px
}

@media(max-width:767px) {
    .listingControls .pagination-top {
        display: flex;
        justify-content: center
    }
}

.listingControls .pagination-top .pagination-link {
    align-items: center;
    background-color: #f6f6f6;
    display: flex;
    height: 50px;
    justify-content: center;
    position: relative;
    width: 50px
}

.listingControls .pagination-top strong {
    display: none
}

.listingControls .pagination-loader .btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    padding: 0;
    text-align: center;
    transition: .3s
}

.listingControls .pagination-loader .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.listingControls .pagination-loader .btn {
    padding: 0 15px !important;
    width: 200px
}

.listingControls .pagination__list {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0
}

.customer-page .listingControls .pagination__list {
    justify-content: flex-start
}

@media(max-width:991px)and (min-width:480px) {
    .listingControls .pagination__list {
        justify-content: center;
        margin: 0
    }
}

@media(max-width:479px) {
    .listingControls .pagination__list {
        justify-content: center
    }
}

.listingControls .pagination__list li {
    display: flex
}

.listingControls .pagination__list li:has(.pagination__link--first),
.listingControls .pagination__list li:has(.pagination__link--prev) {
    order: -1
}

.listingControls .pagination__list li:has(.pagination__link--last),
.listingControls .pagination__list li:has(.pagination__link--next) {
    order: 1
}

.listingControls .pagination__list .pagination__currentPage,
.listingControls .pagination__list .pagination__link {
    align-items: center;
    background-color: #f6f6f6 !important;
    border: 0 !important;
    border-radius: 100px !important;
    color: #1f0aff !important;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: normal;
    margin: 0;
    min-height: 0;
    min-width: 0;
    padding: 0;
    transition: .3s;
    width: 48px;
    z-index: 4
}

.listingControls .pagination__list .pagination__link:hover {
    background-color: #1f0aff !important;
    color: #fff !important;
    opacity: 1
}

.listingControls .pagination__list .pagination__currentPage {
    background-color: #1f0aff !important;
    color: #fff !important
}

.listingControls .pagination__list .pagination__link--next,
.listingControls .pagination__list .pagination__link--prev {
    font-size: 0
}

.listingControls .pagination__list .pagination__link--next:before,
.listingControls .pagination__list .pagination__link--prev:before {
    color: #1f0aff;
    font-size: 14px;
    transition: .3s
}

.listingControls .pagination__list .pagination__link--next:hover:before,
.listingControls .pagination__list .pagination__link--prev:hover:before {
    color: #fff
}

.listingControls .pagination__list .pagination__link--next:before {
    content: "" !important;
    font-family: Shoptet !important
}

.listingControls .pagination__list .pagination__link--prev:before {
    content: "";
    font-family: Shoptet !important
}

body.type-category .subcategories {
    gap: 30px;
    margin-top: 73px
}

@media(max-width:991px) {
    body.type-category .subcategories {
        gap: 10px;
        margin-top: 20px
    }
}

@media(max-width:767px) {
    body.type-category .subcategories {
        gap: 5px;
        margin-bottom: 0;
        margin-top: 10px
    }
}

body.type-category .subcategories li {
    flex: 0 0 auto;
    max-width: calc(25% - 22.5px);
    padding: 0;
    width: calc(25% - 22.5px)
}

body.type-category .subcategories li:before {
    background: transparent;
    color: #505050;
    content: "";
    display: flex !important;
    font-family: Shoptet;
    font-size: 10px;
    font-weight: 700 !important;
    height: 20px;
    line-height: 21px !important;
    margin-top: -10px;
    opacity: 1;
    padding-left: 7px;
    position: absolute;
    right: 24px;
    text-align: center;
    top: 50%;
    width: 20px;
    z-index: 10
}

@media(max-width:991px) {
    body.type-category .subcategories li {
        max-width: calc(50% - 5px);
        width: calc(50% - 5px)
    }
}

@media(max-width:767px) {
    body.type-category .subcategories li {
        max-width: calc(50% - 3px);
        padding: 0;
        width: calc(50% - 3px)
    }
}

body.type-category .subcategories li a {
    background-color: #f5f3f3;
    border-radius: 0 20px 0 0;
    color: #000;
    font-weight: 600;
    height: 102px;
    line-height: 17px;
    overflow: hidden;
    padding-left: 11px;
    padding-right: 40px;
    transition: all none;
    transition: color .3s !important
}

@media(max-width:991px) {
    body.type-category .subcategories li a {
        height: 50px
    }
}

@media(max-width:767px) {
    body.type-category .subcategories li a {
        font-size: 16px;
        padding-right: 10px !important
    }
}

body.type-category .subcategories li a:hover span {
    text-decoration: none
}

body.type-category .subcategories li a:hover img {
    transform: scale(1.15)
}

body.type-category .subcategories li a .image {
    display: none;
    height: 79px;
    width: 79px
}

body.type-category .subcategories li a .image img {
    height: 79px;
    max-height: 79px;
    max-width: 79px;
    transition: .3s;
    width: 79px
}

body.type-category .subcategories li a .text {
    display: inline-block;
    flex-grow: 0;
    font-family: jigsaw, sans-serif !important;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3em;
    max-width: 100%;
    overflow: hidden;
    padding-left: 10px;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%
}

@media(max-width:767px) {
    body.type-category .subcategories li a .text {
        font-size: 16px;
        padding-left: 0
    }
}

body.type-category .subcategories li a span,
body.type-category .subcategories li a span:before {
    transition: .3s
}

@media(max-width:767px) {
    body.type-category .subcategories li a {
        padding-right: 32px
    }
}

body.type-category .subcategories li a:before {
    right: 24px
}

@media(max-width:1099px) {
    body.type-category .subcategories li a:before {
        right: 10px
    }
}

.in-kosik .menu-helper {
    display: none
}

.user-action-in .popup-widget.cart-is-empty {
    background-color: #f6f6f6
}

.user-action-in .popup-widget.cart-is-empty .cart-widget-products {
    display: none
}

.user-action-in .popup-widget.cart-is-empty .cart-widget-inner {
    background-color: #fff;
    border-radius: 8px;
    height: auto;
    margin: 25px 15px;
    padding: 25px 15px;
    width: auto
}

.user-action-in .popup-widget.cart-is-empty .cart-heading {
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 35px
}

@media(max-width:767px) {
    .user-action-in .popup-widget.cart-is-empty .cart-heading {
        font-size: 28px
    }
}

.user-action-in .popup-widget.cart-is-empty .contact-banner {
    margin-top: 40px
}

.ordering-process .cart-wrapper {
    opacity: 0
}

.ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner {
    background-color: #fff;
    margin-top: 20px;
    min-height: 300px;
    padding-top: 59px
}

@media(max-width:767px) {
    .ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner {
        padding-top: 20px
    }
}

.ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .h1,
.ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner h1 {
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 16px
}

@media(max-width:767px) {

    .ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .h1,
    .ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner h1 {
        font-size: 28px
    }
}

.ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .cart-subtitle {
    margin-bottom: 50px
}

.ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .cart-row {
    display: flex;
    flex-direction: row-reverse;
    width: 100%
}

@media(max-width:1470px) {
    .ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .cart-row {
        flex-direction: column
    }
}

.ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .btn.btn-primary {
    margin-bottom: 40px;
    padding: 0 20px
}

@media(max-width:767px) {
    .ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .btn.btn-primary {
        width: 100% !important
    }
}

.ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .btn.btn-primary {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .btn.btn-primary:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.ordering-process.cart-is-empty.id--9 #cart-wrapper .cart-empty.cart-inner .btn.btn-primary {
    font-size: 15px;
    padding: 0 15px !important;
    width: 400px
}

.ordering-process.cart-is-empty.id--9 .col-md-8 {
    text-align: center;
    width: 100%
}

@media(max-width:1470px) {
    .ordering-process.cart-is-empty.id--9 .col-md-8 {
        padding: 0
    }
}

.ordering-process.cart-is-empty.id--9 .col-md-8 .cart-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ordering-process.cart-is-empty.id--9 .col-md-8 .cart-content img {
    border-radius: 12px;
    margin-bottom: 40px;
    max-height: 360px
}

.ordering-process.cart-is-empty.id--9 .col-md-8 .empty-cart-boxes {
    display: none
}

.ordering-process.cart-is-empty.id--9 .col-md-4 {
    left: 15px;
    padding: 0;
    position: absolute;
    width: auto
}

@media(max-width:1800px) {
    .ordering-process.cart-is-empty.id--9 .col-md-4 {
        left: 60px
    }
}

@media(max-width:1470px) {
    .ordering-process.cart-is-empty.id--9 .col-md-4 {
        position: static
    }
}

.ordering-process.cart-is-empty.id--9 .col-md-4 .cart-content {
    display: none
}

.scrolled-up #checkoutSidebar {
    top: 70px !important
}

.scrolled-down #checkoutSidebar {
    top: 10px !important
}

#checkoutSidebar {
    background-color: transparent;
    overflow: visible;
    padding-left: 90px;
    padding-right: 0;
    position: sticky !important
}

@media(max-width:1439px) {
    #checkoutSidebar {
        padding-left: 40px
    }
}

@media(max-width:991px) {
    #checkoutSidebar {
        padding-left: 0
    }
}

@media(max-width:767px) {
    #checkoutSidebar {
        padding: 0 20px
    }
}

#checkoutSidebar .checkout-box {
    display: none
}

#checkoutSidebar .order-summary-inner {
    border: none;
    display: flex;
    flex-direction: column;
    padding-top: 0
}

@media(max-width:991px) {
    #checkoutSidebar .order-summary-inner {
        margin-top: 20px
    }
}

#checkoutSidebar .order-summary-inner>h4 {
    color: #343332;
    font-size: 21px;
    font-weight: 500;
    line-height: 42px;
    order: -2;
    padding-bottom: 25px;
    padding-top: 0
}

@media(max-width:767px) {
    #checkoutSidebar .order-summary-inner>h4 {
        line-height: 32px
    }
}

@media(max-width:479px) {
    #checkoutSidebar .order-summary-inner>h4 {
        font-size: 19px
    }
}

#checkoutSidebar .order-summary-item {
    border: none;
    border-bottom: .5px solid #d3d3d3;
    margin-bottom: 0;
    padding: 10px 0
}

#checkoutSidebar .order-summary-item:not([data-micro=cartItem]) {
    border: none;
    color: #1f0aff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    min-height: auto;
    padding-bottom: 0
}

#checkoutSidebar .order-summary-item:not([data-micro=cartItem]) .cart-item-name {
    color: #343332;
    min-height: 20px
}

#checkoutSidebar .order-summary-item:not([data-micro=cartItem]) .cart-item-name:has([data-testid=recapDeliveryMethod]) .cart-item-amount,
#checkoutSidebar .order-summary-item:not([data-micro=cartItem]) .cart-item-name:has([data-testid=recapPaymentMethod]) .cart-item-amount {
    display: none
}

#checkoutSidebar .order-summary-item:not([data-micro=cartItem]) .cart-item-name strong {
    font-weight: 400
}

#checkoutSidebar .order-summary-item:not([data-micro=cartItem]).free-price .cart-item-price {
    color: #5cd25c
}

#checkoutSidebar .order-summary-item .cart-item-name,
#checkoutSidebar .order-summary-item .product-name {
    font-size: 12px
}

#checkoutSidebar .order-summary-item .cart-item-name {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    min-height: 40px
}

#checkoutSidebar .order-summary-item .cart-item-name a {
    color: #343332;
    font-family: jigsaw, sans-serif !important;
    font-weight: 500;
    margin-bottom: 4px
}

#checkoutSidebar .order-summary-item .cart-item-name .unit-value {
    color: #000
}

#checkoutSidebar .order-summary-item .cart-item-name strong {
    font-weight: 500
}

#checkoutSidebar .order-summary-item .cart-item-amount {
    display: inline-block;
    font-size: 13px;
    font-weight: 400
}

#checkoutSidebar .order-summary-item .cart-item-amount:before {
    content: "·";
    margin: 0 4px
}

#checkoutSidebar .order-summary-item .cart-item-price {
    color: #343332;
    font-size: 15px;
    font-weight: 500
}

#checkoutSidebar .order-summary-item>div:not(.price-wrapper) {
    vertical-align: initial
}

#checkoutSidebar .order-summary-item>div:not(.price-wrapper):last-child {
    width: 75px
}

#checkoutSidebar .order-summary-item.helper {
    display: none;
    margin-bottom: 0;
    min-height: 10px
}

#checkoutSidebar .order-summary-item.helper>div {
    display: none
}

#checkoutSidebar .order-summary-item.price {
    border: none
}

#checkoutSidebar .price-wrapper {
    padding-bottom: 0;
    padding-top: 5px
}

#checkoutSidebar .price-wrapper .price-label {
    font-size: 16px;
    font-weight: 500
}

@media(max-width:767px) {
    #checkoutSidebar .price-wrapper {
        padding-top: 20px
    }
}

#checkoutSidebar .order-summary-item.gift-items {
    margin-bottom: 12px;
    min-height: 65px;
    order: -1;
    padding-bottom: 8px
}

#checkoutSidebar .order-summary-item.gift-items .product-gift {
    font-weight: 500;
    margin-bottom: 3px
}

#checkoutSidebar .order-summary-item.gift-items .cart-item-amount {
    display: none
}

#checkoutSidebar .order-summary-item.gift-items .cart-item-name {
    font-weight: 500
}

#checkoutSidebar .order-summary-item.gift-items .product-brand {
    display: none
}

#checkoutSidebar .consents.consents-first {
    margin-bottom: 30px;
    margin-top: 0
}

@media(min-width:992px) {
    #checkoutSidebar .consents.consents-first {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:768px) {
    .cart-content .consents {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:767px) {
    .cart-content .consents {
        margin-top: 20px
    }
}

.cart-content .consents a,
.cart-content .consents label {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.cart-content .consents label {
    display: block !important
}

.ordering-process.id--16 #shipping-billing-summary {
    border: 0;
    border-bottom: .5px solid #d3d3d3;
    padding: 8px 0 16px
}

.ordering-process.id--16 #shipping-billing-summary .recapitulation-single {
    border: none;
    margin-top: 8px;
    padding: 0
}

.ordering-process.id--16 .next-step {
    margin-top: 10px
}

.ordering-process.id--17 .next-step {
    margin-top: 30px
}

.ordering-process.id--17 .next-step #submit-order {
    background-color: #008f51;
    font-size: 18px;
    font-weight: 500
}

.ordering-process.id--17 .next-step .next-step-back:after {
    display: none
}

.ordering-process.id--17 .next-step .next-step-back {
    color: #343332;
    text-transform: none
}

.ordering-process.id--17 #shipping-billing-summary {
    margin-top: 10px
}

#cart-wrapper {
    margin-top: 75px;
    position: relative
}

ol.cart-header {
    background-color: #fff;
    justify-content: space-between;
    left: 0;
    margin: 0 0 33px;
    max-width: 1160px;
    padding-left: 20px;
    position: absolute;
    top: -74px;
    width: 100%
}

@media(max-width:1199px) {
    ol.cart-header {
        max-width: 100%;
        padding: 0 40px
    }
}

@media(max-width:991px) {
    ol.cart-header {
        margin-bottom: 0;
        padding: 0 20px
    }
}

@media(max-width:767px) {
    ol.cart-header {
        margin-top: 10px;
        padding: 0
    }
}

@media(max-width:479px) {
    ol.cart-header {
        top: -70px
    }
}

ol.cart-header:before {
    background: #a8a8a8;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%
}

ol.cart-header>li.step {
    padding: 0;
    width: auto
}

@media(max-width:767px) {
    ol.cart-header>li.step {
        background-color: #fff;
        line-height: 24px;
        max-width: none;
        padding: 0 10px
    }
}

@media(max-width:390px) {
    ol.cart-header>li.step {
        max-width: 80px
    }
}

ol.cart-header>li.step a:before,
ol.cart-header>li.step strong:before {
    display: none
}

ol.cart-header>li.step a span,
ol.cart-header>li.step strong span {
    background-color: #fff;
    color: #a8a8a8;
    font-size: 33px;
    font-weight: 500;
    letter-spacing: -.33px;
    padding: 0 36px;
    text-decoration: none
}

@media(max-width:1199px) {

    ol.cart-header>li.step a span,
    ol.cart-header>li.step strong span {
        font-size: 24px
    }
}

@media(max-width:991px) {

    ol.cart-header>li.step a span,
    ol.cart-header>li.step strong span {
        font-size: 21px
    }
}

@media(max-width:767px) {

    ol.cart-header>li.step a span,
    ol.cart-header>li.step strong span {
        font-size: 18px;
        line-height: 19px;
        padding: 0
    }
}

@media(max-width:440px) {

    ol.cart-header>li.step a span,
    ol.cart-header>li.step strong span {
        font-size: 16px
    }
}

ol.cart-header>li.step a span:after,
ol.cart-header>li.step strong span:after {
    display: none
}

ol.cart-header>li.step.active a span,
ol.cart-header>li.step.active strong span {
    color: #000 !important
}

.id--15 .content-inner {
    border-radius: 12px;
    color: #f5f3f3;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center
}

@media(max-width:991px) {
    .id--15 .content-inner {
        margin-top: 20px;
        padding: 0
    }
}

.id--15 .content-inner>span {
    display: none
}

.id--15 .co-box {
    color: #a8a8a8;
    margin-bottom: 20px;
    margin-left: 60px;
    margin-right: 60px;
    padding: 26px 20px
}

@media(max-width:991px) {
    .id--15 .co-box {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media(max-width:767px) {
    .id--15 .co-box {
        margin-left: 0;
        margin-right: 0
    }
}

.id--15 .co-box.co-payment-method {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media(min-width:992px) {
    .id--15 .co-box.co-payment-method .row {
        padding: 0 20px
    }
}

.id--15 .co-box>.row {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 720px
}

.id--15 .co-box>h4 {
    display: none
}

.id--15 .co-box .col-sm-12 {
    padding: 0;
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media(max-width:991px) {
    .id--15 .qrcode {
        top: -40px
    }
}

@media(min-width:768px) {
    .id--15 .qrcode {
        position: absolute;
        right: 0
    }
}

.id--15 .table.recapitulation-table {
    margin: 0;
    width: 100%
}

.id--15 .table.recapitulation-table * {
    color: #000
}

.id--15 .table.recapitulation-table tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 44px;
    justify-content: space-between
}

@media(max-width:991px) {
    .id--15 .table.recapitulation-table tbody {
        gap: 10px
    }
}

.id--15 .table.recapitulation-table tr {
    display: flex;
    flex-direction: column
}

@media(max-width:991px) {
    .id--15 .table.recapitulation-table tr {
        width: calc(50% - 5px)
    }
}

@media(max-width:767px) {
    .id--15 .table.recapitulation-table tr {
        margin-bottom: 10px
    }
}

.id--15 .table.recapitulation-table tr th {
    padding: 0;
    width: auto
}

@media(max-width:767px) {
    .id--15 .table.recapitulation-table tr th {
        width: auto
    }
}

.id--15 .table.recapitulation-table tr th:after {
    display: none
}

.id--15 .table.recapitulation-table tr th span {
    background-color: transparent;
    font-size: 14px;
    font-weight: 500
}

.id--15 .table.recapitulation-table tr td {
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    width: auto
}

.id--15 .recapitulation-table-payment {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 60px
}

.id--15 .recapitulation-table-payment img {
    margin-top: 20px;
    position: relative
}

.id--15 .cart-table {
    border: none;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 720px
}

.id--15 .cart-table .cart-table-header {
    display: none
}

.id--15 .cart-table tbody {
    display: flex;
    flex-direction: column
}

.id--15 .cart-table tr {
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    display: flex
}

.id--15 .cart-table tr:nth-child(2) {
    border-top: 1px solid #e0e0e0
}

.id--15 .cart-table tr td {
    background-color: transparent;
    border: none
}

@media(min-width:992px) {
    .id--15 .cart-table tr td {
        padding: 17px 5px
    }
}

.id--15 .cart-table tr span[data-testid=recapItemName] {
    display: block;
    font-family: jigsaw, sans-serif !important;
    font-size: 16px;
    font-weight: 600
}

.id--15 .cart-table tr .p-quantity,
.id--15 .cart-table tr .p-total {
    color: #000;
    font-size: 18px;
    font-weight: 500
}

.id--15 .cart-table tr .p-total {
    font-family: Poppins;
    padding-left: 0
}

.id--15 .cart-table tr .p-total .with-dph {
    color: #a8a8a8;
    font-weight: 500
}

.id--15 .cart-table tr .p-quantity {
    display: none;
    margin-left: auto
}

@media(min-width:992px) {
    .id--15 .cart-table tr .p-quantity:after {
        content: "/"
    }
}

.id--15 .cart-table tr .p-name {
    color: #000;
    margin-right: auto;
    max-width: 315px
}

@media(max-width:991px) {
    .id--15 .cart-table tr .p-name {
        flex: 1 1 calc(100% - 115px);
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.id--15 .cart-table tr .p-price {
    display: none
}

.id--15 .cart-table tr .cart-p-image {
    margin-right: 30px;
    width: 60px
}

@media(max-width:991px) {
    .id--15 .cart-table tr .cart-p-image {
        margin-right: 0
    }
}

.id--15 .cart-table tr .cart-p-image img {
    max-height: 72px;
    width: auto
}

.id--15 .recapitulation-wrapper {
    margin-bottom: 0;
    margin-top: 26px
}

.id--15 .recapitulation-wrapper:not([data-testid=recapTable]) {
    align-items: center;
    display: flex;
    flex-direction: column
}

.id--15 .recapitulation-wrapper .summary-thx,
.id--15 .recapitulation-wrapper .total {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-align: center
}

.id--15 .recapitulation-wrapper .summary-thx {
    display: none
}

.id--15 .order-complete-links {
    margin-top: 38px;
    padding-bottom: 15px
}

.id--15 .order-complete-links .btn,
.id--15 .order-complete-links .btn.btn-conversion {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    line-height: 45px;
    min-height: 45px;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    transition: .3s
}

.id--15 .order-complete-links .btn.btn-conversion:hover,
.id--15 .order-complete-links .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.id--15 .order-complete-links .btn,
.id--15 .order-complete-links .btn.btn-conversion {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff;
    padding: 0 15px !important;
    width: 207px
}

.id--15 .order-complete-links .btn.btn-conversion:hover,
.id--15 .order-complete-links .btn:hover {
    background-color: red !important;
    border-color: red !important
}

@media(max-width:767px) {

    .id--15 .order-complete-links .btn,
    .id--15 .order-complete-links .btn.btn-conversion {
        width: 100%
    }
}

.id--15 .order-complete-links .btn.btn-conversion:after,
.id--15 .order-complete-links .btn:after {
    content: none
}

.id--15 .order-complete-links p {
    font-size: 12px;
    font-weight: 500
}

.id--15 #content h1.order-summary-heading {
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 14px
}

@media(max-width:767px) {
    .id--15 #content h1.order-summary-heading {
        font-size: 28px
    }
}

.id--15 #content h1.order-summary-heading:after {
    content: "!"
}

.id--15 #footer .footer-rows {
    display: block
}

.reca-payment-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.reca-payment-wrap * {
    color: #000
}

.id--15 .content-inner,
.ordering-process:not(.cart-is-empty) .content-inner {
    background-color: #fff;
    border-radius: 12px;
    margin-top: 22px;
    padding-top: 45px
}

@media(max-width:767px) {

    .id--15 .content-inner,
    .ordering-process:not(.cart-is-empty) .content-inner {
        border: none;
        margin-top: 0;
        padding-top: 0
    }
}

.ordering-process #footer {
    display: none
}

.ordering-process #header .header-top .navigation-buttons {
    display: flex
}

@media(max-width:991px) {
    .ordering-process #header .header-top .navigation-buttons {
        width: auto
    }
}

@media(max-width:767px) {
    .ordering-process #header .header-top .navigation-buttons {
        display: none
    }
}

.ordering-process #header .header-top #formSearchForm {
    display: block
}

.ordering-process #header .header-bottom,
.ordering-process #header .top-navigation-bar-menu {
    display: none
}

.ordering-process #header .footer-contact-information {
    align-items: center;
    display: flex;
    flex: auto;
    gap: 20px;
    justify-content: center;
    list-style: none
}

@media(max-width:767px) {
    .ordering-process #header .footer-contact-information {
        display: none
    }
}

.ordering-process #header .footer-contact-information p {
    margin-bottom: 0
}

.ordering-process #header .footer-contact-information a[href^="tel:"] {
    align-items: center;
    display: flex;
    gap: 8px
}

.ordering-process #header .footer-contact-information a[href^="tel:"]:before {
    color: #1f0aff;
    content: "";
    font-family: icomoon !important;
    font-size: 12px
}

.ordering-process #header .footer-contact-information a[href^="mailto:"] {
    align-items: center;
    display: flex;
    gap: 8px
}

.ordering-process #header .footer-contact-information a[href^="mailto:"]:before {
    color: #1f0aff;
    content: "";
    font-family: icomoon !important;
    font-size: 12px
}

.ordering-process #header #navigation {
    display: block
}

.ordering-process.cart-is-empty .header-bottom {
    display: none !important
}

.ordering-process .cart-inner {
    background-color: #fff;
    border-radius: 12px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 35px;
    padding: 10px 80px 10px 60px
}

@media(max-width:1439px) {
    .ordering-process .cart-inner {
        padding-left: 30px;
        padding-right: 40px;
        padding-top: 20px
    }
}

@media(max-width:767px) {
    .ordering-process .cart-inner {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 25px
    }
}

.ordering-process .cart-inner #order-form,
.ordering-process .cart-inner .cart-row {
    width: 100%
}

@media(max-width:991px) {
    .ordering-process .cart-inner .cart-row {
        display: flex;
        flex-direction: column
    }
}

.ordering-process #checkoutContent {
    margin-left: 0;
    padding: 0;
    width: 66.666666%
}

.ordering-process #checkoutContent .cart-content .helper {
    display: none
}

@media(max-width:991px) {
    .ordering-process #checkoutContent {
        width: 100%
    }
}

.ordering-process #checkoutContent .co-box {
    background-color: transparent;
    border-top: .5px solid #d3d3d3;
    margin-bottom: 32px;
    padding-top: 22px
}

.ordering-process #checkoutContent .co-box .box {
    border-bottom: .5px solid #d3d3d3;
    margin-bottom: 26px;
    padding-bottom: 12px
}

@media(max-width:767px) {
    .ordering-process #checkoutContent .co-box {
        padding: 20px
    }
}

.ordering-process #checkoutContent .co-box h4 {
    color: #343332;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.18px;
    line-height: 42px;
    margin-top: 0;
    padding-left: 0
}

@media(max-width:767px) {
    .ordering-process #checkoutContent .co-box h4 {
        line-height: 32px
    }
}

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

.ordering-process #checkoutContent .co-box #order-page-login-button {
    color: #1f0aff;
    text-decoration: underline
}

.ordering-process .next-step {
    margin-top: 50px
}

.ordering-process .next-step .btn.btn-lg {
    align-items: center;
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    line-height: 45px;
    min-height: 45px;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    transition: .3s
}

.ordering-process .next-step .btn.btn-lg:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.ordering-process .next-step .btn.btn-lg {
    padding: 0 15px !important;
    width: 100%
}

.ordering-process .next-step .btn.btn-lg:after {
    content: "";
    font-family: icomoon !important;
    font-size: 14px;
    margin-top: -4px
}

.ordering-process .next-step .btn.btn-lg .order-button-suffix,
.ordering-process .next-step .btn.btn-lg .order-button-text {
    font-size: 18px;
    font-weight: 500;
    text-transform: none
}

.ordering-process #checkoutContent .next-step,
.ordering-process .col-md-4 .next-step {
    display: flex;
    flex-direction: column-reverse;
    gap: 19px
}

@media(min-width:992px) {

    .ordering-process #checkoutContent .next-step,
    .ordering-process .col-md-4 .next-step {
        padding-left: 20px;
        padding-right: 20px
    }
}

.ordering-process #checkoutContent .next-step .next-step-finish,
.ordering-process .col-md-4 .next-step .next-step-finish {
    display: flex;
    flex-direction: row;
    gap: 4px
}

.ordering-process #checkoutContent .next-step .next-step-finish .order-button-suffix,
.ordering-process .col-md-4 .next-step .next-step-finish .order-button-suffix {
    font-weight: 500;
    margin: 0;
    padding: 0
}

.ordering-process #checkoutContent .next-step .next-step-finish:after,
.ordering-process .col-md-4 .next-step .next-step-finish:after {
    display: none
}

.ordering-process div.next-step-back {
    order: 6;
    padding-bottom: 21px;
    width: 100%
}

@media(max-width:991px) {
    .ordering-process div.next-step-back {
        display: none
    }
}

.ordering-process a.next-step-back {
    border: none !important;
    color: #1f0aff;
    font-weight: 500;
    padding: 0;
    text-transform: uppercase;
    transition: none;
    width: auto
}

.ordering-process a.next-step-back:hover {
    background-color: transparent !important;
    border: none;
    color: #1f0aff !important
}

.ordering-process a.next-step-back:hover:before {
    color: #1f0aff !important
}

.ordering-process a.next-step-back span {
    transition: .3s ease-in-out
}

.ordering-process a.next-step-back:before {
    content: "";
    display: inline-block;
    font-family: icomoon !important;
    font-size: 14px;
    margin-right: 20px;
    transform: rotate(180deg);
    transition: .3s ease-in-out
}

.ordering-process .price-wrapper {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between
}

.ordering-process .price-wrapper .price-primary {
    flex: 50%;
    margin-bottom: 10px;
    text-align: left
}

.ordering-process .price-wrapper .price-primary span {
    font-weight: 500
}

@media(max-width:767px) {
    .ordering-process .price-wrapper .price-primary span {
        font-size: 28px
    }
}

.ordering-process .price-wrapper .price-label {
    color: #343332;
    font-size: 15px;
    font-weight: 500
}

.ordering-process .price-wrapper .price {
    color: #343332;
    font-weight: 500;
    padding: 0;
    text-align: right
}

.ordering-process .cart-related-button .btn {
    font-family: jigsaw, sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase
}

.ordering-process #edudeal {
    margin-bottom: 20px;
    border-radius: 50px
}

.ordering-process #edudeal a {
    color: #1f0aff
}

.id--17 .consents:has(label[for=consentszboziConsent]) {
    display: none
}

.up-cart-offers-slot .up-product {
    box-shadow: none
}

.up-cart-offers-slot .up-product .up-product-content {
    gap: 16px
}

.up-cart-offers-slot .up-product .up-product-description-container .up-product-url {
    color: #000;
    font-family: jigsaw, sans-serif !important;
    font-size: 16px;
    font-weight: 500
}

.up-cart-offers-slot .up-product select.up-variants {
    border: 1px solid #1f0aff;
    border-radius: 99px;
    height: 40px;
    padding-left: 16px !important;
    padding-right: 30px !important
}

.up-cart-offers-slot .up-product .up-price-value {
    color: #000;
    font-size: 18px;
    font-weight: 600
}

.up-cart-offers-slot .up-product .up-product-add-to-cart a {
    background-color: #1f0aff;
    border-radius: 99px;
    color: #fff
}

.up-cart-offers-slot .up-product .up-product-add-to-cart a:hover {
    background-color: red;
    border-color: red;
    color: #fff !important
}

.up-cart-offers-slot .up-swiper-button {
    background-color: #f5f3f3;
    border-radius: 100px;
    box-shadow: none;
    height: 50px;
    transition: .3s;
    width: 40px
}

@media(max-width:767px) {
    .up-cart-offers-slot .up-swiper-button {
        display: none
    }
}

.up-cart-offers-slot .up-swiper-button:hover {
    background-color: #1f0aff
}

.up-cart-offers-slot .up-swiper-button:hover svg path {
    fill: #fff
}

.id--9 #dkLabFavCartWrapper {
    display: none
}

@media(max-width:767px) {
    .id--9 .price-wrapper {
        margin-bottom: 120px
    }
}

.id--9 #checkoutContent .next-step,
.id--9 .col-md-4 .next-step {
    margin-bottom: 16px;
    margin-top: 30px
}

@media(max-width:767px) {

    .id--9 #checkoutContent .next-step.next-step--cart,
    .id--9 .col-md-4 .next-step.next-step--cart {
        background: #fff;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 20px 15px 15px;
        position: fixed;
        right: 0;
        z-index: 90
    }
}

.id--9 #checkoutContent .next-step .continue-shopping,
.id--9 .col-md-4 .next-step .continue-shopping {
    text-transform: none
}

.id--9 #checkoutContent .next-step .next-step-back,
.id--9 .col-md-4 .next-step .next-step-back {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.id--9 #checkoutContent .next-step .next-step-back:after,
.id--9 .col-md-4 .next-step .next-step-back:after {
    content: none
}

.id--9 #checkoutContent .next-step .next-step-back:hover,
.id--9 .col-md-4 .next-step .next-step-back:hover {
    background-color: transparent;
    border: none;
    color: #1f0aff
}

.id--9 #checkoutContent .next-step .next-step-back:hover:before,
.id--9 .col-md-4 .next-step .next-step-back:hover:before {
    color: #1f0aff
}

.id--9 #checkoutContent .next-step .next-step-forward,
.id--9 .col-md-4 .next-step .next-step-forward {
    background-color: #008f51
}

@media(min-width:992px) {

    .id--9 #checkoutContent .next-step,
    .id--9 .col-md-4 .next-step {
        padding-left: 0;
        padding-right: 0
    }
}

.id--9 tr td {
    border-top: none
}

.id--9 .cart-inner .extra.delivery {
    border-top: 1px solid #d3d3d3;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: 20px;
    margin-top: 6px;
    padding-top: 20px
}

.id--9 .cart-inner .extra.delivery span:before {
    color: #000;
    content: "";
    font-family: icomoon !important;
    font-size: 20px
}

.id--9 .cart-inner .extra.delivery .price-range {
    height: 8px;
    margin-left: 0
}

.id--9 .cart-inner .extra.delivery .price-range:before {
    content: none
}

.id--9 .cart-inner .extra.delivery .price-range>div {
    background-color: #008f51;
    border-radius: 0 99px 99px 0
}

.id--9 .cart-inner .extra.delivery strong {
    color: #000;
    font-weight: 500;
    text-transform: lowercase
}

.id--9 .cart-inner>.col-md-8 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0
}

@media(max-width:991px) {
    .id--9 .cart-inner>.col-md-8 {
        width: 100%
    }
}

.id--9 .cart-inner .cart-table {
    border: none;
    order: 0
}

.id--9 .cart-inner .cart-table .cart-table-header {
    display: none
}

.id--9 .cart-inner .cart-table .cart-table-header>td {
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 7px;
    padding-top: 0
}

.id--9 .cart-inner .cart-table .cart-table-header .p-price,
.id--9 .cart-inner .cart-table .cart-table-header td.p-quantity:nth-child(3) {
    display: none
}

.id--9 .cart-inner .cart-table .removeable {
    align-items: center;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between
}

@media(max-width:991px) {
    .id--9 .cart-inner .cart-table .removeable {
        padding-bottom: 20px;
        row-gap: 0
    }
}

.id--9 .cart-inner .cart-table .removeable>td {
    border-top: none;
    padding: 10px 0
}

@media(max-width:991px) {
    .id--9 .cart-inner .cart-table .removeable>td {
        border: none;
        padding-bottom: 0
    }
}

.id--9 .cart-inner .cart-table .removeable .p-name {
    margin-right: auto
}

@media(max-width:1439px) {
    .id--9 .cart-inner .cart-table .removeable .p-name {
        min-width: auto
    }
}

@media(max-width:991px) {
    .id--9 .cart-inner .cart-table .removeable .p-name {
        flex: 1 1 calc(100% - 140px);
        padding-right: 50px
    }
}

.id--9 .cart-inner .cart-table .removeable .p-name .product-table-name-footer {
    display: none
}

.id--9 .cart-inner .cart-table .removeable .p-name .cart-note-display {
    font-size: 15px;
    line-height: 20px;
    max-width: 325px
}

.id--9 .cart-inner .cart-table .removeable .variant-wrapper .main-link-variant {
    color: #a8a8a8;
    font-size: 13px;
    font-weight: 500;
    margin-top: 0
}

.id--9 .cart-inner .cart-table .removeable .availability-label {
    color: #008f51;
    font-size: 16px;
    font-weight: 500
}

.id--9 .cart-inner .cart-table .removeable .availability-amount,
.id--9 .cart-inner .cart-table .removeable .p-price {
    display: none
}

.id--9 .cart-inner .cart-table .removeable .cart-p-image {
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    padding: 10px 0
}

@media(max-width:1199px) {
    .id--9 .cart-inner .cart-table .removeable .cart-p-image {
        padding-right: 15px
    }
}

@media(max-width:991px) {
    .id--9 .cart-inner .cart-table .removeable .cart-p-image {
        flex: 0 0 100px
    }
}

.id--9 .cart-inner .cart-table .removeable .cart-p-image img {
    width: 80px
}

.id--9 .cart-inner .cart-table .removeable .p-quantity {
    margin: 0 20px
}

@media(min-width:992px) {
    .id--9 .cart-inner .cart-table .removeable .p-total {
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px
    }
}

@media(max-width:991px) {
    .id--9 .cart-inner .cart-table .removeable .p-total {
        padding-right: 15px !important
    }
}

.id--9 .cart-inner .cart-table .removeable .p-name .main-link {
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: jigsaw, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 20px;
    max-width: 195px;
    min-height: 60px
}

.id--9 .cart-inner .cart-table .removeable .p-name .main-link .main-link-variant {
    color: #a8a8a8;
    font-size: 13px;
    font-weight: 500
}

.id--9 .cart-inner .cart-table .removeable .p-name .main-link:hover {
    color: #f5f3f3;
    text-decoration: none
}

.id--9 .cart-inner .cart-table .removeable .show-related {
    color: #a8a8a8;
    display: none;
    font-weight: 600
}

.id--9 .cart-inner .cart-table .removeable .p-total {
    padding-right: 60px
}

.id--9 .cart-inner .cart-table .removeable .p-total .price-final {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500
}

.id--9 .cart-inner .cart-table .removeable .remove-item {
    cursor: pointer;
    opacity: 1;
    padding: 5px
}

@media(min-width:992px) {
    .id--9 .cart-inner .cart-table .removeable .remove-item {
        padding: 0;
        position: relative
    }
}

.id--9 .cart-inner .cart-table .removeable .remove-item:hover:before {
    color: #1f0aff
}

.id--9 .cart-inner .cart-table .removeable .remove-item:before {
    color: #a8a8a8;
    content: "";
    font-family: icomoon !important;
    font-size: 20px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s
}

@media(min-width:992px) {
    .id--9 .cart-inner .cart-table .removeable .remove-item:before {
        position: absolute
    }
}

.id--9 .cart-inner .up-cart-offers-slot {
    order: 5
}

.id--9 .cart-inner .free-gift-row {
    display: none
}

.id--9 .cart-inner>.col-md-4 {
    padding-left: 125px;
    padding-right: 0
}

@media(max-width:1439px) {
    .id--9 .cart-inner>.col-md-4 {
        padding-left: 40px
    }
}

@media(max-width:991px) {
    .id--9 .cart-inner>.col-md-4 {
        padding-left: 0;
        width: 100%
    }
}

.id--9 .cart-inner>.col-md-4 .summary {
    display: block !important
}

@media(min-width:768px) {
    .id--9 .cart-inner>.col-md-4 .summary {
        display: none !important
    }
}

.id--9 .cart-inner>.col-md-4 .summary .col-md-8 {
    padding: 0
}

.id--9 .cart-inner>.col-md-4 .summary .extra.delivery span {
    justify-content: flex-start
}

.id--9 .cart-inner>.col-md-4>h4 {
    color: #343332;
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.2px;
    margin-bottom: 22px;
    margin-top: 0;
    text-align: left
}

@media(max-width:1199px) {
    .id--9 .cart-inner>.col-md-4>h4 {
        line-height: 32px
    }
}

@media(max-width:767px) {
    .id--9 .cart-inner>.col-md-4>h4 {
        display: none;
        margin-bottom: 0;
        margin-top: 19px
    }

    .id--9 .cart-inner .row.summary {
        display: none
    }
}

.id--9 .cart-inner .row.summary .col-md-8 {
    width: 100%
}

.id--9 div.next-step-back {
    padding-left: 10px
}

.id--9 .coupon-input {
    padding-top: 0
}

.id--9 .coupon-input .toggle-coupon-input-button {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.18px;
    line-height: normal;
    pointer-events: none;
    text-decoration: none
}

.id--9 .coupon-input .toggle-coupon-input-button:after {
    content: none
}

.id--9 .coupon-input form {
    position: relative
}

.id--9 .coupon-input form input {
    background-color: #f5f3f3;
    border-radius: 100px !important;
    height: 55px;
    margin-top: 24px
}

.id--9 .coupon-input form button {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    height: 45px !important;
    line-height: normal !important;
    min-height: 45px !important;
    padding: 10px 16px;
    position: absolute;
    right: 5px;
    top: 29px;
    width: auto
}

.id--9 .coupon-input .discount-coupon {
    color: #1f0aff;
    display: block !important
}

@media(max-width:991px) {
    .id--9 .coupon-input .discount-coupon .btn {
        flex: initial
    }
}

.id--9 .coupon-input .discount-coupon .btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.id--9 .coupon-input .discount-coupon .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.id--9 .coupon-input .discount-coupon .btn:before {
    display: none
}

.id--9 .coupon-input #discountCouponCode {
    border-radius: 12px;
    margin-right: 10px;
    max-width: none;
    padding: 10px 22px !important;
    width: 100%
}

.id--9 .gift-wrapper {
    margin-top: 28px
}

.id--9 .gift-wrapper h2 {
    font-size: 21px;
    margin-bottom: 35px
}

.id--9 .gift-wrapper li {
    display: flex;
    margin-bottom: 20px
}

.id--9 .gift-wrapper li label {
    align-items: center;
    display: flex
}

.id--9 .gift-wrapper li .product-is-gift {
    color: #1f0aff;
    font-size: 15px;
    font-weight: 500
}

.id--9 .gift-wrapper li .free-gifts-img img {
    width: 60px
}

.id--9 .gift-wrapper .free-gift-label {
    padding-left: 20px
}

.id--9 .gift-wrapper .free-gift-label .free-gift-name {
    color: #1f0aff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    min-height: 30px
}

.id--9 .gift-wrapper .gifts-item-2 #vyberte-jiny-darek>li:not(.active) {
    display: none
}

.id--9 .gift-wrapper .gifts-item-2 .free-gifts-wrapper[data-testid=wrapperOrderGift] {
    display: flex
}

.id--9 .gift-wrapper .gifts-item-2 .free-gifts-wrapper[data-testid=wrapperOrderGift] .free-gifts-img img {
    width: 60px
}

.id--9 .cart-related-product .price-final {
    color: #1f0aff
}

.id--9 .cart-related-product .cart-related-name {
    font-weight: 500
}

.id--9 .cart-related-product .btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.id--9 .cart-related-product .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.id--9 .cart-related-product .btn {
    padding: 0 15px !important;
    width: 130px
}

#cboxContent:has(.free-gifts) li {
    margin-bottom: 10px
}

#cboxContent:has(.free-gifts) .free-gift-name {
    min-height: 40px
}

#cboxContent:has(.free-gifts) .product-is-gift {
    font-size: 15px;
    font-weight: 500
}

.id--16 .co-box h4.order-delivery:before {
    content: "";
    font-family: icomoon !important;
    font-size: 19px
}

.id--16 .co-box h4.order-payment:before {
    content: "";
    font-family: icomoon !important;
    font-size: 18px
}

@media(max-width:767px) {
    .id--16 .co-box.co-delivery-method {
        margin-top: 15px
    }
}

.id--16 .co-box.co-basic-information .col-sm-6 {
    padding-left: 0;
    padding-right: 0
}

@media(max-width:991px) {
    .id--16 .co-box.co-basic-information .col-sm-6 {
        width: 100%
    }
}

@media(min-width:992px) {
    .id--16 .co-box.co-basic-information .col-sm-6:first-of-type {
        padding-right: 30px
    }
}

.id--16 .choose-delivery-subtitle {
    color: #1f0aff;
    font-weight: 500;
    margin-bottom: 34px !important
}

@media(min-width:768px) {
    .id--16 .radio-wrapper .payment-info {
        align-items: center;
        display: flex
    }
}

.id--16 .shipping-billing-table .radio-wrapper {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 14px;
    max-height: 500px;
    padding: 15px 20px 15px 17px
}

@media(max-width:767px) {
    .id--16 .shipping-billing-table .radio-wrapper {
        padding: 6px 15px 6px 12px
    }
}

.id--16 .shipping-billing-table .radio-wrapper.inactive-child .shipping-billing-name {
    color: #d3d3d3
}

.id--16 .shipping-billing-table .radio-wrapper.inactive-child .not-possible-info {
    color: #ac2e19
}

.id--16 .shipping-billing-table .radio-wrapper.inactive-child .payment-shipping-price {
    color: #d3d3d3
}

.id--16 .shipping-billing-table .radio-wrapper.active {
    background-color: rgba(49, 153, 49, .08);
    border: 1px solid rgba(0, 143, 81, .32);
    border-radius: 14px
}

.id--16 .shipping-billing-table .radio-wrapper.active label .shipping-billing-name {
    color: #f5f3f3
}

.id--16 .shipping-billing-table .radio-wrapper .shipping-billing-name {
    color: #343332 !important;
    font-size: 16px;
    font-weight: 500
}

@media(min-width:992px) {
    .id--16 .shipping-billing-table .radio-wrapper .payment-info {
        align-items: center;
        display: flex
    }
}

.id--16 .shipping-billing-table .radio-wrapper .payment-info>span {
    line-height: 1;
    padding-right: 19px;
    vertical-align: middle
}

.id--16 .shipping-billing-table .radio-wrapper .payment-info>span .question-tooltip {
    align-items: center;
    border: none;
    display: flex;
    font-size: 0
}

.id--16 .shipping-billing-table .radio-wrapper .payment-info>span .question-tooltip:before {
    color: #a8a8a8;
    content: "";
    font-family: icomoon !important;
    font-size: 20px
}

@media(max-width:767px) {
    .id--16 .shipping-billing-table .radio-wrapper .payment-info>span .question-tooltip:before {
        font-size: 14px
    }
}

.id--16 .shipping-billing-table .radio-wrapper .payment-info .sublabel a {
    color: #ac2e19;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline
}

.id--16 .shipping-billing-table .radio-wrapper .payment-shipping-price {
    color: #343332;
    flex: none;
    font-size: 16px;
    font-weight: 500;
    text-align: right
}

.id--16 .shipping-billing-table .radio-wrapper .payment-shipping-price.for-free {
    color: #008f51;
    text-transform: lowercase
}

.id--16 .shipping-billing-table .radio-wrapper .payment-shipping-price.for-free:first-letter {
    text-transform: uppercase
}

.id--16 .shipping-billing-table .radio-wrapper:not(:last-of-type) {
    margin-bottom: 10px
}

.id--16 .shipping-billing-table .radio-wrapper.inactive-child .payment-info {
    align-items: flex-start;
    flex-direction: column
}

.id--16 .shipping-billing-table .radio-wrapper.inactive-child .payment-shipping-price,
.id--16 .shipping-billing-table .radio-wrapper.inactive-child .shipping-billing-name {
    color: #d3d3d3 !important
}

.id--16 .shipping-billing-table .radio-wrapper.inactive-child .not-possible-info {
    color: red;
    font-size: 13px;
    font-style: normal;
    font-weight: 500
}

.id--16 #select-country-payment div {
    padding: 0
}

.id--16 #select-country-payment .form-group label {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 22px
}

@media(max-width:767px) {
    .id--16 #select-country-payment .form-group label {
        line-height: 32px
    }
}

.id--16 #select-country-payment .form-group select {
    background: #fff;
    background: transparent;
    background-image: url(https://www.papelote.cz/user/documents/upload/arrow_down.svg);
    background-position: right 16px center;
    background-repeat: no-repeat;
    background-size: 16px;
    border: 1px solid #d3d3d3;
    border-radius: 100px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 13px 14px 13px 18px !important
}

.id--16 #select-country-payment .form-group select:after {
    content: "";
    font-family: Shoptet
}

.id--16 #orderFormButton {
    background-color: #008f51
}

@media(min-width:768px) {
    .id--16 .next-step {
        margin-top: 0 !important
    }
}

.id--16 .next-step .next-step-back:after {
    display: none
}

.id--16 .next-step .next-step-back {
    color: #343332;
    text-transform: none
}

.id--16 .question-tooltip {
    align-items: center;
    border: none;
    font-size: 0
}

@media(min-width:768px) {
    .id--16 .question-tooltip {
        display: flex
    }
}

.id--16 .question-tooltip:before {
    color: #a8a8a8;
    font-size: 20px
}

@media(max-width:767px) {
    .id--16 .question-tooltip:before {
        font-size: 14px
    }
}

.id--17 .stay-in-touch h4 {
    display: none
}

.id--17 .co-box-additional .form-group:has(#add-note) {
    display: none
}

#root-packeta-widget button[data-testid=header_close_btn] {
    display: none
}

.tooltip-inner {
    text-align: left
}

.custom-footer__instagram {
    display: none
}

.ig {
    width: 100%
}

.ig .container {
    text-align: center;
    width: 100%
}

.ig .h4 {
    margin-bottom: 19px;
    margin-left: 0 !important;
    padding-right: 0;
    padding-top: 15px
}

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

.ig p {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin: 0
}

.ig .instagram-wrap {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-top: 95px
}

@media(max-width:991px) {
    .ig .instagram-wrap {
        flex-wrap: wrap;
        gap: 6px
    }
}

@media(max-width:767px) {
    .ig .instagram-wrap {
        margin-top: 25px
    }
}

.ig .instagram-wrap .igfeed {
    aspect-ratio: 4/5;
    width: 16.6666666667%
}

.ig .instagram-wrap .igfeed:nth-child(n+7) {
    display: none
}

@media(max-width:991px) {
    .ig .instagram-wrap .igfeed {
        width: calc(50% - 3px)
    }

    .ig .instagram-wrap .igfeed:nth-child(n+5) {
        display: none
    }
}

.ig .instagram-wrap .igfeed a {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.ig .instagram-wrap .igfeed a:before {
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    color: #fff;
    content: "";
    display: flex;
    font-family: Shoptet;
    font-size: 35px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s ease-in-out
}

.ig .instagram-wrap .igfeed a img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.ig .instagram-wrap .igfeed a:hover:before {
    opacity: 1
}

#footer {
    background-color: #1f0aff
}

#footer .footer-rows>a {
    display: none
}

#footer .custom-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media(max-width:1300px) {
    #footer .custom-footer {
        gap: 40px
    }
}

@media(max-width:767px) {
    #footer .custom-footer {
        padding: 40px 0
    }
}

#footer .custom-footer:after,
#footer .custom-footer:before {
    display: none
}

#footer .custom-footer>div {
    padding: 0;
    width: 20%
}

@media(max-width:1300px) {
    #footer .custom-footer>div {
        width: calc(20% - 32px)
    }
}

@media(max-width:1199px) {
    #footer .custom-footer>div {
        width: calc(25% - 30px)
    }
}

@media(max-width:991px) {
    #footer .custom-footer>div {
        width: calc(50% - 20px)
    }
}

@media(max-width:479px) {
    #footer .custom-footer>div {
        width: 100%
    }
}

#footer .custom-footer>div:nth-child(n+6) {
    display: none
}

@media(max-width:1199px) {
    #footer .custom-footer>div:has(.footer-spacer) {
        display: none
    }
}

@media(max-width:767px) {
    #footer .custom-footer .banner-wrapper {
        margin-top: 0
    }

    #footer .custom-footer .banner {
        margin-bottom: 0;
        min-height: auto
    }
}

#footer .custom-footer .footer-list h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

#footer .custom-footer .footer-list li {
    color: #fff
}

#footer .custom-footer .footer-list p {
    margin-bottom: 0
}

#footer .custom-footer .footer-list a {
    color: #fff;
    font-size: 19px
}

#footer .custom-footer .footer-list a:focus,
#footer .custom-footer .footer-list a:hover {
    color: red !important;
    text-decoration: none
}

#footer .custom-footer .footer-list .at-sign {
    font-size: 15px
}

#footer .custom-footer .social-icons {
    flex-wrap: wrap;
    margin-top: 55px
}

@media(max-width:767px) {
    #footer .custom-footer .social-icons {
        margin-top: 30px
    }
}

#footer .custom-footer .social-icons>p {
    color: #fff;
    font-size: 14px;
    letter-spacing: 2%;
    width: 100%
}

#footer .footer-bottom {
    background-color: #1f0aff;
    display: flex
}

#footer .footer-bottom>.container {
    align-items: center;
    display: flex
}

@media(max-width:1350px) {
    #footer .footer-bottom>.container {
        flex-wrap: wrap;
        row-gap: 20px
    }
}

@media(max-width:479px) {
    #footer .footer-bottom>.container {
        align-items: flex-start;
        flex-direction: column
    }
}

#footer .footer-bottom>.container:after,
#footer .footer-bottom>.container:before {
    display: none
}

#footer .footer-bottom>.container>a {
    margin-right: 120px
}

@media(max-width:1439px) {
    #footer .footer-bottom>.container>a {
        margin-right: 30px
    }
}

#footer .footer-bottom>.container>a img {
    filter: invert(1)
}

#footer .footer-bottom .footer-bottom-links {
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto 0 0;
    padding: 0;
    row-gap: 10px
}

@media(max-width:767px) {
    #footer .footer-bottom .footer-bottom-links {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media(max-width:479px) {
    #footer .footer-bottom .footer-bottom-links {
        flex-direction: column;
        text-align: left
    }
}

@media(min-width:992px) {
    #footer .footer-bottom .footer-bottom-links {
        width: 100%
    }
}

#footer .footer-bottom .footer-bottom-links a {
    color: #fff
}

#footer .footer-bottom .footer-bottom-links a:hover {
    color: red !important;
    text-decoration: none
}

#footer .footer-bottom #signature {
    align-items: center;
    display: flex;
    gap: 8px
}

#footer .footer-bottom #signature a,
#footer .footer-bottom .copyright {
    color: #fff;
    font-size: 10px
}

@media(max-width:1350px) {
    #footer .footer-bottom .copyright {
        width: 100%
    }
}

@media(max-width:767px) {
    #footer .footer-bottom .copyright {
        text-align: left
    }
}

#blog-hp {
    margin-top: 15px
}

#blog-hp .homepage-group-title {
    display: flex;
    margin-bottom: 21px
}

@media(max-width:767px) {
    #blog-hp .blog-wrapper {
        padding-top: 0
    }
}

#blog-hp .learn-more-link {
    margin-left: auto
}

#blog-hp .news-wrapper {
    gap: 16px
}

@media(max-width:1199px) {
    #blog-hp .news-wrapper {
        padding-left: 0
    }
}

@media(max-width:479px) {
    #blog-hp .news-item {
        flex-basis: 100%;
        width: 100%
    }

    #blog-hp .news-item:nth-child(n+3) {
        display: none
    }
}

#blog-hp .news-btn-wrapper {
    margin-top: 55px
}

@media(max-width:767px) {
    #blog-hp .news-btn-wrapper {
        margin-top: 30px
    }
}

#blog-hp .news-btn-wrapper .btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    padding: 0;
    text-align: center;
    transition: .3s
}

#blog-hp .news-btn-wrapper .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

#blog-hp .news-btn-wrapper .btn {
    padding: 0 15px !important;
    width: 190px
}

.news-wrapper {
    display: flex;
    gap: 30px 15px;
    justify-content: flex-start;
    margin-top: 0;
    padding: 0
}

.news-wrapper .news-item {
    display: flex;
    flex-basis: calc(25% - 12px);
    margin-bottom: 0;
    padding: 0;
    width: calc(25% - 12px)
}

@media(max-width:991px) {
    .news-wrapper .news-item {
        flex-basis: calc(50% - 8px);
        width: calc(50% - 8px)
    }
}

@media(max-width:767px) {
    .news-wrapper .news-item {
        flex-basis: 100%;
        width: 100%
    }
}

@media(max-width:479px) {
    .news-wrapper .news-item {
        flex-direction: column
    }
}

.news-wrapper .news-item .news-item-link-img {
    overflow: hidden
}

.news-wrapper .news-item .news-item-link-img img {
    height: 267px;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .5s
}

.news-wrapper .news-item .news-item-link-img:hover img {
    scale: 1.1
}

.news-wrapper .news-item .news-item-content {
    background-color: #f5f3f3;
    border-bottom-right-radius: 50px;
    display: flex;
    flex-direction: column;
    min-height: 267px;
    padding: 16px 22px 30px
}

@media(max-width:1439px) {
    .news-wrapper .news-item .news-item-content {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:767px) {
    .news-wrapper .news-item .news-item-content {
        padding-bottom: 20px;
        padding-top: 20px;
        min-height: inherit !important
    }
}

.news-wrapper .news-item .news-item-content .blog-tag {
    color: #1f0aff;
    font-size: 13px
}

.news-wrapper .news-item .news-item-content .blog-tag:last-child {
    margin-bottom: 14px
}

.news-wrapper .news-item .news-item-content time {
    display: none
}

.news-wrapper .news-item .news-item-content h2 {
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 19px;
    margin-top: 0;
    max-width: 90%;
    order: 2
}

.news-wrapper .news-item .news-item-content h2 a:hover {
    color: #1f0aff
}

.news-wrapper .news-item .news-item-content .description {
    display: none
}

.news-wrapper .news-item .news-item-content .news-item-btn {
    font-weight: 500;
    margin-top: auto;
    order: 4
}

@media(max-width:767px) {
    .news-wrapper .news-item .news-item-content .news-item-btn {
        padding-top: 20px
    }
}

.news-wrapper .news-item .news-item-content .news-item-btn a {
    align-items: center;
    color: red;
    display: flex;
    gap: 12px
}

.news-wrapper .news-item .news-item-content .news-item-btn a:hover,
.news-wrapper .news-item .news-item-content .news-item-btn a:hover:after {
    color: #1f0aff
}

.news-wrapper .news-item .news-item-content .news-item-btn a:after {
    content: "";
    font-family: icomoon !important;
    font-size: 12px
}

.related-articles {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 32px 0
}

.related-articles .wrapper-nav {
    width: 100%
}

.related-articles .wrapper-nav__title {
    color: #000;
    font-size: 33px;
    font-weight: 500
}

.related-article-card {
    background: #f5f3f3;
    border-radius: 0 0 32px 0;
    display: flex;
    flex-direction: column;
    max-width: 400px;
    min-height: 100%;
    overflow: hidden;
    width: calc(25% - 18px)
}

@media(max-width:767px) {
    .related-article-card {
        max-width: 100%;
        width: 100%
    }
}

.related-article-card__image {
    aspect-ratio: 4/3;
    background: #f6f6f6;
    overflow: hidden;
    width: 100%
}

.related-article-card__image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .2s;
    transition: .5s;
    width: 100%
}

.related-article-card__image {
    transition: .5s
}

.related-article-card__image:hover img {
    scale: 1.1
}

.related-article-card__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 20px
}

.related-article-card__categ {
    color: #1f0aff;
    font-size: 13px;
    font-weight: 500
}

.related-article-card__categ:last-child {
    margin-bottom: 14px
}

.related-article-card__title {
    color: #000;
    display: -webkit-box;
    font-size: 25px;
    font-weight: 500;
    -webkit-line-clamp: 3;
    line-height: 34px;
    margin-bottom: 35px;
    min-height: 52px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.related-article-card__more {
    color: red !important;
    font-size: 13px;
    font-weight: 500;
    margin-top: auto;
    text-decoration: none;
    transition: -webkit-text-decoration .2s;
    transition: text-decoration .2s;
    transition: text-decoration .2s, -webkit-text-decoration .2s
}

.related-article-card__more:hover {
    text-decoration: underline
}

.type-posts-listing .breadcrumbs {
    padding-bottom: 0
}

.type-posts-listing .sectionDescription {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center
}

.type-posts-listing .sectionDescription img {
    width: 247px
}

.type-posts-listing .subcategories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 30px
}

.type-posts-listing .subcategories li {
    border: 2px solid #1f0aff;
    border-radius: 100px;
    flex: none;
    padding: 10px 20px;
    width: auto
}

.type-posts-listing .subcategories li:hover {
    background-color: #1f0aff
}

.type-posts-listing .subcategories li:hover a {
    color: #fff
}

.type-posts-listing .subcategories li a {
    color: #1f0aff;
    font-size: 16px;
    font-weight: 500;
    height: auto;
    padding: 0;
    text-transform: lowercase
}

.type-posts-listing .subcategories li a span.text {
    font-weight: 500
}

.type-posts-listing .subcategories li a:before {
    display: inline-block
}

.type-posts-listing .subcategories li a:hover,
.type-posts-listing .subcategories li a:hover .text {
    color: #fff;
    text-decoration: none
}

.type-posts-listing .pagination-wrapper #load-more-posts-button {
    max-width: none
}

.type-posts-listing .pagination-wrapper .pagination__currentPage {
    background-color: #1f0aff
}

.type-posts-listing .pagination-wrapper .pagination__link:not(.pagination__link--prev):not(.pagination__link--next) {
    color: #a8a8a8
}

.type-posts-listing .pagination-wrapper .pagination__currentPage,
.type-posts-listing .pagination-wrapper .pagination__link {
    border-radius: 100px;
    font-size: 18px
}

.type-posts-listing .pagination-wrapper .pagination__currentPage:hover,
.type-posts-listing .pagination-wrapper .pagination__link:hover {
    background-color: #1f0aff
}

.type-category .related-articles {
    display: flex !important
}

.type-post .content-wrapper-in #content .content-inner .blog-header {
    display: flex;
    gap: 109px;
    margin-bottom: 90px
}

@media(max-width:1439px) {
    .type-post .content-wrapper-in #content .content-inner .blog-header {
        gap: 50px
    }
}

@media(max-width:1199px) {
    .type-post .content-wrapper-in #content .content-inner .blog-header {
        flex-direction: column;
        gap: 35px
    }
}

@media(max-width:991px) {
    .type-post .content-wrapper-in #content .content-inner .blog-header {
        margin-bottom: 50px
    }
}

.type-post .content-wrapper-in #content .content-inner .blog-header header {
    align-items: flex-start;
    margin-top: 60px
}

@media(max-width:1199px) {
    .type-post .content-wrapper-in #content .content-inner .blog-header header {
        margin-top: 0
    }
}

.type-post .content-wrapper-in #content .content-inner .blog-header header h1 {
    text-align: left;
    width: 100%
}

.type-post .content-wrapper-in #content .content-inner .blog-header #blog-hashtag {
    margin-bottom: 19px
}

.type-post .content-wrapper-in #content .content-inner .blog-header p {
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    width: 100%
}

.type-post .content-wrapper-in #content .content-inner .blog-header .blog-author__name {
    font-size: 16px
}

.type-post .content-wrapper-in #content .content-inner .blog-header .blog-author__position {
    font-weight: 400
}

.type-post .content-wrapper-in #content .content-inner .blog-header .blog-header__image {
    text-align: center
}

.type-post .content-wrapper-in #content .content-inner .blog-header .blog-header__image img {
    margin-bottom: 0;
    max-width: 630px;
    width: auto
}

@media(max-width:991px) {
    .type-post .content-wrapper-in #content .content-inner .blog-header .blog-header__image img {
        width: 100%
    }
}

.type-post .content-wrapper-in #content {
    background-color: #fff
}

.type-post .content-wrapper-in #content .content-inner {
    margin: 0 auto;
    max-width: 1290px;
    padding: 58px 30px 0
}

@media(max-width:767px) {
    .type-post .content-wrapper-in #content .content-inner {
        padding-top: 30px;
        padding-inline: 0
    }
}

.type-post .content-wrapper-in #content .content-inner #blog-hashtag {
    color: #1f0aff;
    text-decoration: underline
}

.type-post .content-wrapper-in #content .content-inner header {
    align-items: center;
    display: flex;
    flex-direction: column-reverse
}

.type-post .content-wrapper-in #content .content-inner header .hashtag {
    color: #1f0aff;
    text-align: center;
    text-decoration: underline
}

.type-post .content-wrapper-in #content .content-inner header h1 {
    font-size: 44px;
    margin-bottom: 19px;
    text-align: center
}

@media(max-width:767px) {
    .type-post .content-wrapper-in #content .content-inner header h1 {
        margin-top: 10px
    }
}

.type-post .content-wrapper-in #content .content-inner header h1 {
    font-family: jigsaw, sans-serif !important
}

.type-post .content-wrapper-in #content .content-inner header time {
    color: #989898
}

.type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 90px 0
}

@media(max-width:767px) {
    .type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap {
        margin: 40px 0
    }
}

.type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap .gallery-item-able {
    width: 100%
}

.type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(2):last-child) .gallery-item-able {
    width: calc(50% - 5px)
}

.type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(3):last-child) .gallery-item-able {
    width: calc(33.33333% - 6.66667px)
}

@media(max-width:767px) {
    .type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(3):last-child) .gallery-item-able {
        width: calc(50% - 5px)
    }

    .type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(3):last-child) .gallery-item-able:nth-child(3) {
        width: 100%
    }
}

.type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(4):last-child) .gallery-item-able {
    width: calc(33.33333% - 6.66667px)
}

@media(min-width:768px) {
    .type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(4):last-child) .gallery-item-able:nth-child(4) {
        width: 100%
    }
}

@media(max-width:767px) {
    .type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(4):last-child) .gallery-item-able {
        width: calc(50% - 5px)
    }
}

.type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(5):last-child) .gallery-item-able {
    width: calc(50% - 5px)
}

.type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(5):last-child) .gallery-item-able:nth-child(5) {
    width: 100%
}

.type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(6):last-child) .gallery-item-able {
    width: calc(33.33333% - 6.66667px)
}

@media(max-width:767px) {
    .type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap:has(.gallery-item-able:nth-child(6):last-child) .gallery-item-able {
        width: calc(50% - 5px)
    }
}

.type-post .content-wrapper-in #content .content-inner .plus-gallery-wrap img {
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.type-post .content-wrapper-in #content .content-inner img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    text-align: center;
    width: 100%
}

.type-post .content-wrapper-in #content .content-inner p:has(img) {
    margin-bottom: 80px;
    margin-top: 80px;
    text-align: center;
    width: 100%
}

@media(max-width:767px) {
    .type-post .content-wrapper-in #content .content-inner p:has(img) {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.type-post .content-wrapper-in #content .content-inner p:has(img) img {
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.type-post .content-wrapper-in #content .content-inner p:has(img)+p:has(a) {
    margin-bottom: 40px;
    margin-top: -30px
}

@media(max-width:767px) {
    .type-post .content-wrapper-in #content .content-inner p:has(img)+p:has(a) {
        margin-bottom: 20px;
        margin-top: -10px
    }
}

.type-post .content-wrapper-in #content .content-inner h1,
.type-post .content-wrapper-in #content .content-inner h2,
.type-post .content-wrapper-in #content .content-inner h3,
.type-post .content-wrapper-in #content .content-inner h4,
.type-post .content-wrapper-in #content .content-inner h5,
.type-post .content-wrapper-in #content .content-inner p,
.type-post .content-wrapper-in #content .content-inner ul:not(.widget-parameter-list) {
    margin-inline: auto !important;
    max-width: 900px;
    width: 75%
}

@media(max-width:1199px) {

    .type-post .content-wrapper-in #content .content-inner h1,
    .type-post .content-wrapper-in #content .content-inner h2,
    .type-post .content-wrapper-in #content .content-inner h3,
    .type-post .content-wrapper-in #content .content-inner h4,
    .type-post .content-wrapper-in #content .content-inner h5,
    .type-post .content-wrapper-in #content .content-inner p,
    .type-post .content-wrapper-in #content .content-inner ul:not(.widget-parameter-list) {
        margin-inline: 0 !important
    }
}

@media(max-width:991px) {

    .type-post .content-wrapper-in #content .content-inner h1,
    .type-post .content-wrapper-in #content .content-inner h2,
    .type-post .content-wrapper-in #content .content-inner h3,
    .type-post .content-wrapper-in #content .content-inner h4,
    .type-post .content-wrapper-in #content .content-inner h5,
    .type-post .content-wrapper-in #content .content-inner p,
    .type-post .content-wrapper-in #content .content-inner ul:not(.widget-parameter-list) {
        width: 100%
    }
}

.type-post .content-wrapper-in #content .content-inner ul:not(.widget-parameter-list) {
    padding-left: 15px
}

.type-post .content-wrapper-in #content .content-inner ul:not(.widget-parameter-list) li {
    font-weight: 400;
    margin-bottom: 19px
}

.type-post .content-wrapper-in #content .content-inner ul:not(.widget-parameter-list) li:before {
    content: "●";
    margin: -2px 9px 0 -18px
}

.type-post .content-wrapper-in #content .content-inner .widget-parameter-list li:before {
    content: none
}

.type-post .content-wrapper-in #content .content-inner h1,
.type-post .content-wrapper-in #content .content-inner h2,
.type-post .content-wrapper-in #content .content-inner h3,
.type-post .content-wrapper-in #content .content-inner h4,
.type-post .content-wrapper-in #content .content-inner h5 {
    font-weight: 500
}

.type-post .content-wrapper-in #content .content-inner h5 {
    margin-bottom: 40px;
    margin-top: 30px
}

.type-post .content-wrapper-in #content .content-inner h5 strong {
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 30px
}

.type-post .content-wrapper-in #content .content-inner h4 {
    font-size: 20px;
    line-height: 30px
}

.type-post .content-wrapper-in #content .content-inner h4+p:has(+h4),
.type-post .content-wrapper-in #content .content-inner h4+p:not(:has(+p)) {
    margin-bottom: 50px !important
}

.type-post .content-wrapper-in #content .content-inner h2 {
    font-size: 33px;
    line-height: 1.2
}

.type-post .content-wrapper-in #content .content-inner blockquote {
    margin: 65px 0
}

@media(max-width:767px) {
    .type-post .content-wrapper-in #content .content-inner blockquote {
        margin: 45px 0
    }
}

.type-post .content-wrapper-in #content .content-inner blockquote>* {
    color: #1f0aff !important;
    margin: 0
}

.type-post .content-wrapper-in #content p {
    font-weight: 400
}

.type-post .content-wrapper-in #content a:not(.btn) {
    color: #1f0aff;
    text-decoration: underline
}

.type-post .content-wrapper-in #content a:not(.btn):hover {
    color: red !important
}

.type-post .next-prev {
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 58px
}

@media(max-width:767px) {
    .type-post .next-prev {
        margin-top: 19px;
        padding: 0 15px
    }
}

.type-post .next-prev .btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    padding: 0 15px;
    text-align: center;
    transition: .3s
}

.type-post .next-prev .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.h4.homepage-group-title,
h4.homepage-group-title {
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    line-height: 35px;
    margin: 50px 0 35px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
    text-align: left
}

@media(max-width:767px) {

    .h4.homepage-group-title,
    h4.homepage-group-title {
        font-size: 28px;
        margin: 32px 0 20px;
        text-align: left
    }
}

.able-template-1 .hp-carousel-navigation .swiper-button-next,
.able-template-1 .swiper-products-container .swiper-button-next {
    right: -20px
}

@media(max-width:767px) {

    .able-template-1 .hp-carousel-navigation .swiper-button-next,
    .able-template-1 .swiper-products-container .swiper-button-next {
        right: -10px
    }
}

.able-template-1 .hp-carousel-navigation .swiper-button-prev,
.able-template-1 .swiper-products-container .swiper-button-prev {
    left: -20px
}

@media(max-width:767px) {

    .able-template-1 .hp-carousel-navigation .swiper-button-prev,
    .able-template-1 .swiper-products-container .swiper-button-prev {
        left: -10px
    }
}

.group-products-btn,
.learn-more-link {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    gap: 10px
}

.group-products-btn:after,
.learn-more-link:after {
    content: "";
    font-family: icomoon !important;
    font-size: 12px
}

.group-products-btn {
    position: absolute;
    right: 0;
    top: -69px
}

@media(max-width:767px) {
    .group-products-btn {
        position: static;
        top: -73px
    }
}

.products-top-wrapper,
.type-index .products-wrapper {
    display: none
}

.category__secondDescription {
    margin: 0 auto;
    max-width: 1060px;
    padding: 0 60px
}

@media(max-width:1199px) {
    .category__secondDescription {
        padding: 0 40px
    }
}

@media(max-width:991px) {
    .category__secondDescription {
        padding: 0 20px
    }
}

@media(max-width:479px) {
    .category__secondDescription {
        padding: 0
    }
}

.category__secondDescription iframe {
    height: 774px
}

@media(max-width:991px) {
    .category__secondDescription iframe {
        height: 500px
    }
}

@media(max-width:767px) {
    .category__secondDescription iframe {
        height: 300px
    }
}

.category__secondDescription a {
    color: #1f0aff
}

.benefitBanner {
    margin-top: 40px
}

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

.in-kontakty div[itemprop=about]>p,
.in-kontakty header[itemprop=headline],
.in-znacka .filters-wrapper {
    display: none
}

.in-kontakty .container {
    margin: 0 auto;
    max-width: 1280px;
    padding: 32px 16px
}

.in-kontakty .container .header {
    margin-bottom: 36px;
    text-align: center
}

.in-kontakty .container .header h1 {
    color: #000;
    font-size: 33px;
    font-weight: 500;
    margin: 0 0 12px;
    text-align: center
}

.in-kontakty .container .header p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 30px auto 80px !important;
    max-width: 700px;
    text-align: center
}

.in-kontakty .container .grid {
    display: flex;
    flex-wrap: wrap;
    gap: 28px
}

.in-kontakty .container .card {
    background: #f7f7f8;
    border-radius: 0 0 40px 0;
    box-shadow: 0 2px 10px rgba(44, 45, 46, .03);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 400px;
    min-width: 250px;
    padding: 0 0 18px;
    width: calc(25% - 21px)
}

@media(max-width:1439px) {
    .in-kontakty .container .card {
        width: calc(33.33% - 19px)
    }
}

@media(max-width:991px) {
    .in-kontakty .container .card {
        width: calc(50% - 14px)
    }
}

.in-kontakty .container .card .card-img {
    align-items: center;
    background: #ddd;
    color: #aaa;
    display: flex;
    font-size: 2.5rem;
    height: auto;
    justify-content: center;
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: relative;
    width: 100%
}

.in-kontakty .container .card .card-img img {
    width: 100%
}

.in-kontakty .container .card .card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    justify-content: flex-start;
    padding: 22px
}

.in-kontakty .container .card .card-content .card-category {
    color: #1f0aff;
    font-weight: 500;
    margin-bottom: 4px
}

.in-kontakty .container .card .card-content .card-title {
    color: #000;
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 2px;
    min-height: 80px
}

.in-kontakty .container .card .card-content .card-desc {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
    min-height: 60px
}

.in-kontakty .container .card .card-content .card-email,
.in-kontakty .container .card .card-content .card-extra,
.in-kontakty .container .card .card-content .card-phone {
    color: #1f0aff;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.in-kontakty .container .card .card-content .card-email:hover,
.in-kontakty .container .card .card-content .card-extra:hover,
.in-kontakty .container .card .card-content .card-phone:hover {
    color: red !important
}

.in-kontakty .container .card .card-content .card-email:hover {
    text-decoration: underline
}

.in-kontakty .container .card .card-content .card-extra {
    color: #1f0aff
}

@media(max-width:767px) {
    .in-kontakty .container .card {
        width: 100%
    }

    .in-kontakty .container .card-content {
        padding: 14px 12px 0
    }

    .in-kontakty .container .card-img {
        font-size: 1.5rem;
        height: 120px
    }
}

.in-kontakty .benefitBanner {
    margin-top: 60px
}

.id--7 .sidebar,
.id--7 .sidebar .sidebar-inner,
.in-kontakty #formContact,
.type-manufacturers-listing .sidebar,
.type-manufacturers-listing .sidebar .sidebar-inner,
.type-page .sidebar,
.type-page .sidebar .sidebar-inner,
.type-post .sidebar,
.type-post .sidebar .sidebar-inner,
.type-posts-listing .sidebar,
.type-posts-listing .sidebar .sidebar-inner,
.type-search .sidebar,
.type-search .sidebar .sidebar-inner {
    display: none
}

@media(min-width:991px) {

    .id--7 .sidebar.contact-banner-included,
    .type-manufacturers-listing .sidebar.contact-banner-included,
    .type-page .sidebar.contact-banner-included,
    .type-post .sidebar.contact-banner-included,
    .type-posts-listing .sidebar.contact-banner-included,
    .type-search .sidebar.contact-banner-included {
        display: block;
        width: 346px
    }
}

.able-custom-page-2 .sidebar {
    display: none !important
}

.able-custom-page-2 #content .content-inner {
    background-color: #fff;
    border-radius: 12px;
    color: #1f0aff;
    padding: 38px 20px 75px;
    text-align: center
}

.able-custom-page-2 #content .content-inner input {
    background-color: #f6f6f6;
    color: #1f0aff
}

@media(max-width:767px) {
    .able-custom-page-2 #content .content-inner {
        padding: 20px 20px 38px
    }
}

.able-custom-page-2 #content .content-inner h1 {
    color: #1f0aff;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 10px
}

@media(max-width:767px) {
    .able-custom-page-2 #content .content-inner h1 {
        font-size: 32px
    }
}

.able-custom-page-2 #content .content-inner .form-group {
    margin-left: auto;
    margin-right: auto;
    max-width: 540px
}

.able-custom-page-2 #content .content-inner .form-group.login-wrapper {
    display: flex;
    padding: 0
}

.able-custom-page-2 #content .content-inner .form-group .btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    margin-left: auto;
    margin-right: auto;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.able-custom-page-2 #content .content-inner .form-group .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.able-custom-page-2 #content .content-inner .form-group .btn {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff;
    padding: 0 15px !important;
    width: 221px
}

.able-custom-page-2 #content .content-inner .form-group .btn:hover {
    background-color: red !important;
    border-color: red !important
}

.able-custom-page-2 #content .content-inner .form-group .form-control {
    max-width: 100%
}

.able-custom-page-2 #content .content-inner .form-group label {
    text-align: left
}

.able-custom-page-2 #content .content-inner .contact-banner {
    margin-top: 45px
}

.able-custom-page-2 #content .js-validator-msg {
    margin-left: 0;
    text-align: left
}

@media(min-width:768px) {
    .able-custom-page-2 #content .phone-combined-input {
        max-width: 540px !important
    }
}

.pageArticleDetail a {
    color: #1f0aff
}

.in-kariera header[itemprop=headline] {
    display: none
}

.in-kariera .page-header {
    margin-bottom: 32px;
    text-align: center
}

.in-kariera .page-header h1 {
    color: #000;
    font-size: 33px;
    font-weight: 500;
    margin: 0 0 12px;
    text-align: center
}

.in-kariera .page-header p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 30px auto 80px !important;
    max-width: 700px;
    text-align: center
}

.in-kariera .page-header p a {
    color: #1f0aff;
    text-decoration: underline
}

.in-kariera .banner {
    margin-bottom: 28px;
    min-height: auto
}

.in-kariera .banner img {
    border-radius: 0 0 32px 0;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.in-kariera .accordion {
    margin-bottom: 24px
}

.in-kariera .accordion .accordion-item {
    background: #f5f3f3;
    border-radius: 0 36px 0 0;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 20px;
    transition: .5s
}

.in-kariera .accordion .accordion-item.open {
    padding-bottom: 40px
}

.in-kariera .accordion .accordion-item.open .accordion-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    margin: 0 auto;
    max-height: 3000px;
    max-width: 960px;
    padding: 0 0 0 45px
}

.in-kariera .accordion .accordion-item.open .accordion-panel ul {
    width: calc(33.33333% - 20px)
}

@media(max-width:1439px) {
    .in-kariera .accordion .accordion-item.open .accordion-panel ul {
        width: 100%
    }
}

.in-kariera .accordion .accordion-item.open .accordion-panel .btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    height: 45px !important;
    line-height: 45px;
    min-height: 0 !important;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.in-kariera .accordion .accordion-item.open .accordion-panel .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.in-kariera .accordion .accordion-item.open .accordion-panel .btn {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff
}

.in-kariera .accordion .accordion-item.open .accordion-panel .btn:hover {
    background-color: red !important;
    border-color: red !important
}

.in-kariera .accordion .accordion-item.open .accordion-panel .mail-link {
    align-self: center;
    color: red;
    text-decoration: underline
}

.in-kariera .accordion .accordion-item.open .accordion-icon {
    transform: rotate(180deg)
}

.in-kariera .accordion .accordion-item .accordion-header {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    gap: 30px;
    justify-content: flex-end;
    line-height: 34px;
    margin: 0 auto;
    max-width: 960px
}

.in-kariera .accordion .accordion-item .accordion-header span {
    transition: .5s
}

.in-kariera .accordion .accordion-item .accordion-header:hover span {
    color: #1f0aff
}

.in-kariera .accordion .accordion-item .accordion-header .accordion-icon {
    font-size: 24px;
    font-weight: 400;
    transition: transform .25s
}

.in-kariera .accordion .accordion-item .accordion-panel {
    background: none;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    margin: 0 auto;
    max-height: 0;
    max-width: 960px;
    overflow: hidden;
    padding-left: 45px;
    transition: max-height .35s, padding .25s
}

.in-kariera .accordion .accordion-item .accordion-panel a {
    color: #1f0aff
}

.in-kariera .accordion .accordion-item .accordion-panel p:first-child {
    margin-top: 16px !important
}

.in-kariera .accordion .accordion-item .accordion-panel p {
    width: 100%
}

.in-kariera .accordion .accordion-item .accordion-panel ul {
    list-style: none;
    margin: 16px 0 0;
    padding: 0
}

.in-kariera .accordion .accordion-item .accordion-panel ul li {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 7px;
    text-decoration: underline
}

.in-kariera .accordion .accordion-item .accordion-panel ul li:before {
    content: none
}

.in-kariera .accordion .accordion-item .accordion-panel ul li a {
    color: #1f0aff;
    text-decoration: underline
}

.in-kariera #formContact {
    margin-bottom: 0
}

.in-o-papelote header[itemprop=headline] {
    display: none
}

.in-o-papelote .o-papelote .container {
    margin: 0 auto;
    max-width: 1280px;
    padding: 32px 16px
}
@media (max-width: 767px) {
    
.in-o-papelote .o-papelote .container {
    padding: 0px !important;
}
}
.in-o-papelote .o-papelote .container .header {
    margin-bottom: 36px;
    text-align: center
}

.in-o-papelote .o-papelote .container .header h1 {
    color: #000;
    font-size: 33px;
    font-weight: 500;
    margin: 0 0 12px;
    text-align: center
}

.in-o-papelote .o-papelote .container .header p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 30px auto 80px !important;
    max-width: 700px;
    text-align: center
}

.in-o-papelote .o-papelote .container .header p a {
    color: #1f0aff;
    text-decoration: underline
}

.in-o-papelote .o-papelote .container .banner-image {
    margin: 40px 0 30px
}

.in-o-papelote .o-papelote .container .banner-image img {
    border-radius: 0 0 32px 0;
    display: block;
    min-height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.in-o-papelote .o-papelote .container .stats {
    display: grid;
    gap: 28px;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 48px;
    margin-top: 0;
    text-align: center
}

.in-o-papelote .o-papelote .container .stats .stat .stat-number {
    color: #1f0aff;
    font-size: 66px;
    font-weight: 400;
    text-align: center
}

.in-o-papelote .o-papelote .container .stats .stat .stat-desc {
    color: #1f0aff;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center
}

.in-o-papelote .o-papelote .container .about-cards {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 80px
}

.in-o-papelote .o-papelote .container .about-cards .about-card {
    background: #fff;
    border-radius: 32px 0 0 0;
    display: flex;
    min-height: 320px;
    overflow: hidden
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-img {
    flex: 1 1 50%;
    min-width: 0;
    overflow: hidden
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-img a {
    border: 0;
    padding: 0
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-img img {
    border-radius: 32px 0 0 0;
    display: block;
    height: 100%;
    min-height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .5s;
    width: 100%
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-img:hover img {
    transform: scale(1.1)
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-content {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-end;
    padding: 20px 93px
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-content h2 {
    color: #000;
    font-size: 33px;
    font-weight: 500
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-content p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-content .btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-content .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-content .btn {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff;
    padding: 0 15px !important;
    width: 210px
}

.in-o-papelote .o-papelote .container .about-cards .about-card .about-card-content .btn:hover {
    background-color: red !important;
    border-color: red !important
}

@media(max-width:1024px) {
    .in-o-papelote .o-papelote .container .stats {
        grid-template-columns: repeat(2, 1fr)
    }

    .in-o-papelote .o-papelote .container .about-cards .about-card {
        flex-direction: column !important
    }

    .in-o-papelote .o-papelote .container .about-cards .about-card .about-card-content,
    .in-o-papelote .o-papelote .container .about-cards .about-card .about-card-img {
        border-radius: 32px 32px 0 0
    }
}

@media(max-width:600px) {
    .in-o-papelote .o-papelote .container .banner-image img {
        min-height: 120px
    }

    .in-o-papelote .o-papelote .container .stats {
        gap: 14px;
        grid-template-columns: 1fr
    }

    .in-o-papelote .o-papelote .container .about-cards {
        gap: 24px
    }

    .in-o-papelote .o-papelote .container .about-cards .about-card {
        flex-direction: column !important;
        min-height: 180px
    }

    .in-o-papelote .o-papelote .container .about-cards .about-card .about-card-img img {
        min-height: 110px
    }

    .in-o-papelote .o-papelote .container .about-cards .about-card .about-card-content {
        padding: 20px 16px
    }
}

.in-o-papelote .benefitBanner {
    margin-top: 150px
}

.in-prodejny header[itemprop=headline] {
    display: none
}

.in-prodejny .where-to-buy .container {
    margin: 0 auto;
    max-width: 900px;
    padding: 32px 16px
}

.in-prodejny .where-to-buy .page-header {
    margin-bottom: 32px;
    text-align: center
}

.in-prodejny .where-to-buy .page-header h1 {
    color: #000;
    font-size: 33px;
    font-weight: 500;
    margin: 0 0 12px;
    text-align: center
}

.in-prodejny .where-to-buy .page-header p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 30px auto 80px !important;
    max-width: 700px;
    text-align: center
}

.in-prodejny .where-to-buy .page-header p a {
    color: #1f0aff;
    text-decoration: underline
}

.in-prodejny .where-to-buy .tabs {
    align-items: center;
    border-radius: 999px;
    box-shadow: 0 0 0 0;
    display: flex;
    height: 45px;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width:767px) {
    .in-prodejny .where-to-buy .tabs {
        border-radius: 17px;
        flex-direction: column;
        height: 135px
    }
}

.in-prodejny .where-to-buy .tabs .tab-button {
    background: #f7f5f6;
    border: none;
    border-radius: 999px;
    color: #000;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    height: 100%;
    line-height: normal;
    outline: none;
    padding: 0 45px;
    margin-top: 5px;
    text-align: center;
    transition: background .2s, color .2s
}

@media(max-width:767px) {
    .in-prodejny .where-to-buy .tabs .tab-button {
        line-height: 17px;
        width: 100%
    }
}

.in-prodejny .where-to-buy .tabs .tab-button.active {
    background: #1f0aff;
    box-shadow: none;
    color: #fff
}

.in-prodejny .where-to-buy .tabs .tab-button:not(.active):hover {
    color: #1f0aff
}

.in-prodejny .where-to-buy .tab-content {
    display: none;
    margin-top: 20px
}

.in-prodejny .where-to-buy .tab-content.active {
    display: block
}

.in-prodejny .where-to-buy .tab-content .banner {
    margin-bottom: 28px;
    min-height: auto
}

.in-prodejny .where-to-buy .tab-content .banner img {
    border-radius: 0 0 32px 0;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info {
    margin-top: 32px
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-meta {
    background: #f5f3f3;
    border-radius: 0 0 24px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: space-evenly;
    margin-bottom: 78px;
    padding: 32px 28px 28px
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-meta .meta-block {
    font-size: 20px
}

@media(max-width:767px) {
    .in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-meta .meta-block {
        width: 100%
    }
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-meta .meta-block .meta-title {
    color: #000;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 16px
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-meta .meta-block a {
    color: #5a38ec;
    font-weight: 500;
    text-decoration: underline;
    transition: color .2s
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-meta .meta-block a:hover {
    color: #382091
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-meta .meta-block .meta-note {
    font-size: 16px;
    font-style: italic;
    margin-top: 2px
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-meta .meta-block .meta-link {
    color: #5a38ec;
    font-weight: 600
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-description {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 auto 60px;
    max-width: 860px
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-description .highlight {
    color: #1f0aff;
    font-size: 33px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 55px !important;
    margin-top: 55px !important
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-description .highlight a {
    color: #1f0aff;
    text-decoration: underline
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-description .shop-interier {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 30px
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-gallery {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    margin-top: 32px
}

@media(max-width:767px) {
    .in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-gallery {
        flex-direction: column
    }
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-gallery img {
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: calc(33.33333% - 20px)
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-gallery img:first-child {
    border-radius: 0 0 36px 0
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-gallery img:nth-child(2) {
    border-radius: 0 0 0 36px
}

.in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-gallery img:nth-child(3) {
    border-radius: 0 36px 0 0
}

@media(max-width:767px) {
    .in-prodejny .where-to-buy .tab-content .prague-shop-info .shop-gallery img {
        width: 100%
    }
}

.in-prodejny .where-to-buy .accordion {
    margin-bottom: 24px
}

.in-prodejny .where-to-buy .accordion .accordion-item {
    background: #f5f3f3;
    border-radius: 0;
    border-radius: 0 36px 0 0;
    margin-bottom: 16px;
    max-height: auto;
    overflow: hidden;
    padding: 20px;
    transition: .5s
}

.in-prodejny .where-to-buy .accordion .accordion-item.open .accordion-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    margin: 0 auto;
    max-height: 1000px;
    max-width: 960px;
    padding: 0 0 0 45px
}

.in-prodejny .where-to-buy .accordion .accordion-item.open .accordion-panel ul {
    width: calc(33.33333% - 20px)
}

@media(max-width:1439px) {
    .in-prodejny .where-to-buy .accordion .accordion-item.open .accordion-panel ul {
        width: 100%
    }
}

.in-prodejny .where-to-buy .accordion .accordion-item.open .accordion-icon {
    transform: rotate(180deg)
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-header {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    gap: 30px;
    justify-content: flex-end;
    line-height: 34px;
    margin: 0 auto;
    max-width: 960px
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-header span {
    transition: .5s
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-header:hover span {
    color: #1f0aff
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-header .accordion-icon {
    font-size: 24px;
    font-weight: 400;
    transition: transform .25s
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-panel {
    background: none;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    margin: 0 auto;
    max-height: 0;
    max-width: 960px;
    overflow: hidden;
    padding-left: 45px;
    transition: max-height .35s, padding .25s
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-panel ul {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    width: calc(33.33333% - 20px)
}

@media(max-width:1439px) {
    .in-prodejny .where-to-buy .accordion .accordion-item .accordion-panel ul {
        width: 100%
    }
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-panel ul li {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 7px
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-panel ul li:not(.accordion-title) {
    text-decoration: underline
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-panel ul li:before {
    content: none
}

.in-prodejny .where-to-buy .accordion .accordion-item .accordion-panel ul li a {
    color: #1f0aff;
    text-decoration: underline
}

.in-prodejny .benefitBanner {
    margin-top: 60px
}

.in-prodejny #world .accordion-panel ul {
    flex-direction: column-reverse
}

.in-prodejny #world .accordion-panel ul .accordion-title {
    color: #1f0aff
}

.in-prodejny #world .accordion-panel ul li {
    text-decoration: none
}

.id-404 article,
.in-404 article {
    margin: 0 auto;
    max-width: 720px
}

.id-404 h1,
.in-404 h1 {
    color: #000;
    font-family: jigsaw, sans-serif !important;
    font-size: 33px;
    font-weight: 500;
    letter-spacing: -.33px;
    line-height: 35px;
    margin: 15px 0 0;
    padding-bottom: 12px
}

@media(max-width:767px) {

    .id-404 h1,
    .in-404 h1 {
        font-size: 28px
    }
}

.id-404 div[itemprop=about] img,
.in-404 div[itemprop=about] img {
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.id-404 div[itemprop=about] p,
.in-404 div[itemprop=about] p {
    font-weight: 500;
    line-height: 17px;
    text-align: left !important
}

.id-404 div[itemprop=about] p:first-of-type,
.id-404 div[itemprop=about] p:last-of-type,
.in-404 div[itemprop=about] p:first-of-type,
.in-404 div[itemprop=about] p:last-of-type {
    display: block
}

.id-404 div[itemprop=about] p a,
.in-404 div[itemprop=about] p a {
    margin-top: 30px
}

.id-404 div[itemprop=about] p a button,
.in-404 div[itemprop=about] p a button {
    background: none;
    border: none;
    border-radius: 50px;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    min-height: 45px;
    outline: inherit;
    padding: 0;
    text-align: center;
    transition: .3s
}

.id-404 div[itemprop=about] p a button:hover,
.in-404 div[itemprop=about] p a button:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.id-404 div[itemprop=about] p a button,
.in-404 div[itemprop=about] p a button {
    padding: 0 15px !important;
    width: 100%
}

.id-404 .error-page {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 24px;
    min-height: 80vh
}

.id-404 .error-page__title {
    font-size: 3.5rem;
    font-weight: 700;
    letter-spacing: -.05em;
    margin-bottom: 16px
}

.id-404 .error-page__message {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 32px;
    text-align: left
}

.id-404 .error-page__image {
    border-radius: 0 40px 0 0;
    margin-bottom: 24px;
    overflow: hidden;
    width: 100%
}

.id-404 .error-page__image img {
    border-radius: 0 40px 0 0;
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.id-404 .error-page__actions {
    display: flex;
    justify-content: center !important;
    margin-top: 24px;
    width: 100%
}

.id-404 .error-page__button {
    align-items: center;
    background: #1f0aff;
    border: none;
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    display: flex;
    font-size: 1.15rem;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    padding: 10px 32px;
    text-decoration: none;
    transition: background .2s
}

.id-404 .error-page__button:hover {
    background: #1f0aff;
    color: #fff !important;
    text-decoration: none
}

.in-vyrobci header[itemprop=headline] {
    display: none
}

.in-vyrobci .page-header {
    margin-bottom: 32px;
    text-align: center
}

.in-vyrobci .page-header h1 {
    color: #000;
    font-size: 33px;
    font-weight: 500;
    margin: 0 0 12px;
    text-align: center
}

.in-vyrobci .page-header p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 30px auto 80px !important;
    max-width: 700px;
    text-align: center
}

.in-vyrobci .page-header p a {
    color: #1f0aff;
    text-decoration: underline
}

.in-vyrobci .anchors {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 0 auto 45px
}

.in-vyrobci .anchors a {
    border: 2px solid #1f0aff;
    border-radius: 100px;
    color: #1f0aff;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 26px
}

.in-vyrobci .anchors a.active,
.in-vyrobci .anchors a:hover {
    background-color: #1f0aff;
    color: #fff !important
}

.in-vyrobci .accordion {
    margin-bottom: 24px
}

.in-vyrobci .accordion .accordion-item {
    background: #f5f3f3;
    border-radius: 0 36px 0 0;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 20px;
    transition: .5s
}

.in-vyrobci .accordion .accordion-item.open {
    padding-bottom: 40px
}

.in-vyrobci .accordion .accordion-item.open .accordion-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    margin: 16px auto 0;
    max-height: 1000px;
    max-width: 960px;
    padding: 0 0 0 45px
}

.in-vyrobci .accordion .accordion-item.open .accordion-panel ul {
    width: calc(33.33333% - 20px)
}

@media(max-width:1439px) {
    .in-vyrobci .accordion .accordion-item.open .accordion-panel ul {
        width: 100%
    }
}

.in-vyrobci .accordion .accordion-item.open .accordion-panel .btn {
    border-radius: 50px;
    font-family: jigsaw, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    height: 45px !important;
    line-height: 45px;
    min-height: 0 !important;
    min-height: 45px;
    text-align: center;
    transition: .3s
}

.in-vyrobci .accordion .accordion-item.open .accordion-panel .btn:hover {
    background-color: #1f0aff;
    border-color: #1f0aff;
    color: #fff
}

.in-vyrobci .accordion .accordion-item.open .accordion-panel .btn {
    background: #1f0aff;
    border: 1px solid #1f0aff;
    color: #fff
}

.in-vyrobci .accordion .accordion-item.open .accordion-panel .btn:hover {
    background-color: red !important;
    border-color: red !important
}

.in-vyrobci .accordion .accordion-item.open .accordion-panel .mail-link {
    align-self: center;
    color: red;
    text-decoration: underline
}

.in-vyrobci .accordion .accordion-item.open .accordion-icon {
    transform: rotate(180deg)
}

.in-vyrobci .accordion .accordion-item .accordion-header {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    gap: 10px 60px;
    justify-content: flex-start;
    line-height: 34px;
    margin: 0 auto;
    max-width: 960px
}

.in-vyrobci .accordion .accordion-item .accordion-header a {
    color: #1f0aff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline
}

.in-vyrobci .accordion .accordion-item .accordion-header a:hover {
    color: red
}

.in-vyrobci .accordion .accordion-item .accordion-header span {
    transition: .5s
}

.in-vyrobci .accordion .accordion-item .accordion-header:hover span {
    color: #1f0aff
}

.in-vyrobci .accordion .accordion-item .accordion-header .accordion-icon {
    font-size: 24px;
    font-weight: 400;
    transition: transform .25s
}

.in-vyrobci .accordion .accordion-item .accordion-panel {
    background: none;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    margin: 0 auto;
    max-height: 0;
    max-width: 960px;
    overflow: hidden;
    transition: max-height .35s, padding .25s
}

.in-vyrobci .accordion .accordion-item .accordion-panel ul {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    width: calc(33.33333% - 20px)
}

@media(max-width:1439px) {
    .in-vyrobci .accordion .accordion-item .accordion-panel ul {
        width: 100%
    }
}

.in-vyrobci .accordion .accordion-item .accordion-panel ul li {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 7px;
    text-decoration: underline
}

.in-vyrobci .accordion .accordion-item .accordion-panel ul li:before {
    content: none
}

.in-vyrobci .accordion .accordion-item .accordion-panel ul li a {
    color: #1f0aff;
    text-decoration: underline
}

.in-vyrobci #formContact {
    margin-bottom: 0
}

@media(max-width:700px) {
    .in-vyrobci .page-header h1 {
        font-size: 1.6rem
    }

    .in-vyrobci .page-header p {
        font-size: 1rem;
        margin-bottom: 30px !important
    }

    .in-vyrobci .banner img {
        border-radius: 16px
    }

    .in-vyrobci .accordion .accordion-header {
        font-size: 1rem;
        padding: 12px 14px
    }

    .in-vyrobci .accordion .accordion-panel {
        padding-left: 12px
    }
}

.in-znacka .content h1 {
    color: #000;
    font-size: 33px;
    font-weight: 500;
    margin: 0 0 12px;
    text-align: center
}

.in-znacka .content p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 30px auto 80px !important;
    max-width: 700px;
    text-align: center
}

.in-znacka .content p a {
    color: #1f0aff;
    text-decoration: underline
}

.in-znacka .content .manufacturers-anchors {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    list-style: none;
    margin: 0 auto 45px;
    padding: 0
}

.in-znacka .content .manufacturers-anchors li {
    margin: 0;
    padding: 0
}

.in-znacka .content .manufacturers-anchors li a {
    border: 2px solid #1f0aff;
    border-radius: 100px;
    color: #1f0aff;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 26px;
    text-decoration: none;
    transition: background .2s, color .2s
}

.in-znacka .content .manufacturers-anchors li a.active,
.in-znacka .content .manufacturers-anchors li a:hover {
    background-color: #1f0aff;
    color: #fff !important
}

.in-znacka .content .manufacturers {
    list-style: none;
    padding: 0
}

.in-znacka .content .manufacturers>li {
    background: #f5f3f3;
    border: none;
    border-radius: 0 36px 0 0;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 34px
}

.in-znacka .content .manufacturers>li h2 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    padding: 0;
    scroll-margin-top: 100px
}

.in-znacka .content .manufacturers>li ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 100px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(max-width:1439px) {
    .in-znacka .content .manufacturers>li ul {
        flex-direction: column;
        gap: 10px
    }
}

.in-znacka .content .manufacturers>li ul li {
    color: #000;
    flex: none;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    width: auto
}

.in-znacka .content .manufacturers>li ul li a {
    color: #1f0aff;
    text-decoration: underline
}

.in-znacka .content .manufacturers>li ul li a:hover {
    color: red
}

@media(max-width:700px) {
    .in-znacka .content .manufacturers {
        padding-left: 8px;
        padding-right: 8px
    }

    .in-znacka .content .manufacturers>li {
        margin-bottom: 20px
    }

    .in-znacka .content .manufacturers ul {
        gap: 6px 0
    }

    .in-znacka .content .manufacturers li {
        font-size: 1rem
    }
}

.customer-page #content h1 {
    font-family: jigsaw, sans-serif !important;
    font-size: 42px;
    font-weight: 500;
    line-height: 63px
}

@media(max-width:767px) {
    .customer-page #content h1 {
        font-size: 32px;
        line-height: 48px
    }
}

.customer-page #content h1 {
    text-transform: none
}

@media(min-width:992px) {
    .customer-page .sidebar {
        width: 375px
    }
}

.customer-page .sidebar .sidebar-inner {
    padding-bottom: 0;
    padding-top: 0
}

@media(min-width:992px) {
    .customer-page .sidebar .sidebar-inner {
        padding-right: 35px
    }
}

@media(max-width:767px) {
    .customer-page .sidebar .sidebar-inner {
        padding-right: 0
    }
}

.customer-page .sidebar .sidebar-inner .client-center-box {
    background-color: #fff;
    border: none;
    margin-top: 0;
    padding: 30px 20px 35px
}

@media(max-width:991px) {
    .customer-page .sidebar .sidebar-inner .client-center-box {
        padding-left: 15px;
        padding-right: 15px
    }
}

.customer-page .sidebar .sidebar-inner .client-center-box ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.customer-page .sidebar .sidebar-inner .client-center-box ul li {
    line-height: 30px;
    padding-left: 65px;
    position: relative
}

@media(max-width:991px)and (min-width:768px) {
    .customer-page .sidebar .sidebar-inner .client-center-box ul li {
        padding-left: 0
    }
}

.customer-page .sidebar .sidebar-inner .client-center-box ul li.logout {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 0
}

.customer-page .sidebar .sidebar-inner .client-center-box ul li.logout a {
    color: #fff;
    max-width: 221px;
    padding: 0;
    width: 100%
}

.customer-page .sidebar .sidebar-inner .client-center-box ul li:not(.logout):before {
    content: "•"
}

.customer-page .sidebar .sidebar-inner .client-center-box ul li:first-of-type {
    border-bottom: 1px solid #f6f6f6;
    line-height: normal;
    margin-bottom: 16px;
    padding-bottom: 20px;
    padding-top: 0
}

@media(max-width:991px)and (min-width:768px) {
    .customer-page .sidebar .sidebar-inner .client-center-box ul li:first-of-type {
        padding-left: 30px
    }
}

.customer-page .sidebar .sidebar-inner .client-center-box ul li:first-of-type:before {
    color: #1f0aff;
    content: "";
    font-family: icomoon !important;
    font-size: 20px;
    left: 0;
    margin-right: 12px;
    position: absolute;
    top: 0
}

.customer-page .sidebar .sidebar-inner .client-center-box ul li a {
    font-family: jigsaw, sans-serif !important;
    font-size: 15px;
    font-weight: 600
}

.customer-page .sidebar .sidebar-inner .client-center-box ul .logout {
    order: 1
}

.able-custom-page-2.id--7 #content .content-inner fieldset>p {
    margin-bottom: 48px
}

.id--7 #content .content-inner fieldset>h2 {
    display: none
}

.id--7 #content .content-inner fieldset .login-wrapper {
    padding-top: 0
}

.id--7 #content .content-inner fieldset .login-wrapper .btn {
    float: unset
}

.id--7 #content .content-inner h1 {
    font-size: 33px;
    font-weight: 500;
    letter-spacing: -.33px;
    margin-bottom: 24px !important
}

.id--7 #content .content-inner #formForgottenPassword,
.id--7 #content .content-inner h1 {
    color: #000;
    margin: 0 auto;
    max-width: 540px;
    text-align: left
}

.id--7 #content .content-inner label {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    padding-left: 8px
}

.id--7 #content .content-inner input:not([type=submit]) {
    background: #f5f3f3;
    border-radius: 100px;
    max-width: none;
    width: 100%
}

.id--7 #content .content-inner input[type=submit] {
    line-height: normal !important;
    margin: 8px 0 0 !important;
    min-height: none;
    min-width: none;
    padding: 10px 32px !important;
    width: auto
}

.id--8 label[for=wholesale] {
    display: inline-block
}

.id--8 h1 {
    color: #000;
    font-size: 33px;
    font-weight: 500;
    letter-spacing: -.33px
}

.id--8 #register-form,
.id--8 h1 {
    margin: 0 auto;
    max-width: 540px
}

.id--8 #register-form h4,
.id--8 h1 h4 {
    color: #000;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 28px
}

.id--8 #register-form label:not([for=consents28]),
.id--8 h1 label:not([for=consents28]) {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    padding-left: 8px
}

.id--8 #register-form input:not([type=submit]),
.id--8 h1 input:not([type=submit]) {
    background-color: #f5f3f3;
    border-radius: 100px;
    max-width: none;
    width: 100%
}

.id--8 #register-form .stay-in-touch h4,
.id--8 h1 .stay-in-touch h4 {
    display: none
}

.id--8 #register-form .stay-in-touch label,
.id--8 h1 .stay-in-touch label {
    padding-left: 24px
}

.id--8 #register-form .submit-wrapper,
.id--8 h1 .submit-wrapper {
    margin-top: 24px
}

.id--8 #register-form .submit-wrapper input,
.id--8 h1 .submit-wrapper input {
    line-height: normal;
    min-height: none;
    padding: 10px 32px
}

.id--8 .isic-info {
    margin: 20px 0 0 !important
}

.template-13 .container,
.template-13 .container.content-wrapper {
    margin: 0 auto;
    max-width: 1630px;
    padding: 0;
    width: 100%
}

@media(max-width:1800px) {

    .template-13 .container,
    .template-13 .container.content-wrapper {
        padding: 0 60px !important
    }
}

@media(max-width:1199px) {

    .template-13 .container,
    .template-13 .container.content-wrapper {
        padding: 0 40px !important
    }
}

@media(max-width:991px) {

    .template-13 .container,
    .template-13 .container.content-wrapper {
        padding: 0 20px !important
    }
}

@media(max-width:479px) {

    .template-13 .container,
    .template-13 .container.content-wrapper {
        padding: 0 15px !important
    }
}

@media(min-width:992px) {
    .template-13 .usp .container {
        padding: 8px 0 !important
    }
}

#content {
    padding: 0
}


/* ==========================================================================
   wt-style.css - slouceno do template.css
   Puvodne samostatny override soubor, nacitany PRED template.css.
   Analyza kolizi pred sloucenim: 0 deklaraci, kde by zmena poradi zmenila
   vitezne pravidlo (vsechny overridy maji !important nebo nekoliduji).
   ========================================================================== */

/*
 * SHODA S template.css: selektor je v template.css na r. 3845 (spolu s
 * .inner-wrapper>li>a a >ul>li>a), ale nastavuje jen color/font-weight/height/
 * line-height/margin/padding/position - NIKOLI width. Tenhle blok tedy nic
 * neduplikuje, jen doplnuje width. Pripadne by slo presunout do template.css
 * k r. 3845.
 */
#header .header-bottom #navigation .navigation-in.menu>ul.menu-level-1>li>a
{
    width: max-content;
}

/*
 * CASTECNA SHODA S template.css:
 * - .able-template-1 .swiper-button-next/prev je v template.css na r. 2540 a uz
 *   ma height: 50px. Tenhle radek to prebiji na 40px pres !important - realny
 *   override, ale hodilo by se opravit primo v template.css misto !important.
 * - .swiper-products-container ... .swiper-button-next/prev je v template.css na
 *   r. 1690, ale resi jen top (37% / 30% na mobilu), zadnou height. Tady tedy o
 *   duplicitu nejde.
 */
.swiper-products-container .swiper-navigation .swiper-button-next, .swiper-products-container .swiper-navigation .swiper-button-prev, .able-template-1 .swiper-button-next, .able-template-1 .swiper-button-prev {

    height: 40px !important;
}

/*
 * BEZ SHODY: .id--8 #register-form .whole-width v template.css neni. Nejblize je
 * obecne input[type=checkbox]+label.whole-width (r. 2233), ktere resi jen
 * gap/justify-content, a .id--8 #register-form label:not([for=consents28])
 * (r. 13108) s padding-left: 8px. Tento blok tedy pridava vlastni padding-left
 * pro whole-width labely - neduplikuje se, ale prebiji r. 13108.
 */
.id--8 #register-form .whole-width
{
    padding-left: 24px !important;
}


.custom-footer__newsletter .newsletter-wrapper .consents label
{
        border: none !important;
        margin: 0px !important;
        padding-left: 25px !important;
}

:where(.ums_forms_redesign--off) input[type=checkbox].error-field+label:before
{
    left: 0px !important;
}


span.dkLabFavDeleteBtn {
    top: 10px;
    right: 10px;
}


@media (max-width: 767px) {
    .toggle-window[data-target="cart"]:active,
    .toggle-window[data-target="cart"]:focus {
        opacity: 0.5;
        transition: opacity 0.05s ease;
    }
}

._3QFqK-UGMnhVXzC9oa-Ht8 div, ._3QFqK-UGMnhVXzC9oa-Ht8 input, ._3QFqK-UGMnhVXzC9oa-Ht8 select, ._3QFqK-UGMnhVXzC9oa-Ht8 button
{
        font-family: jigsaw !important;
}

/*
 * CLS - footer: rezervace mista pro lazy-loaded obrazky (Instagram widget).
 *
 * Realny CLS zaznam ukazal nejvetsi posuny na footer (0,085) a footer-banner
 * (0,067). Zdroj: obrazky v .instagram-widget maji jako src 1px placeholder gif
 * a skutecny obrazek se dotahuje az z data-src (lazy-load). Img nemaji zadne
 * rozmery ani pomer stran, takze do nacteni maji vysku ~0 a po nacteni footer
 * "doskoci" a odstrci obsah -> layout shift.
 *
 * Reseni: rezervovat misto uz pred nactenim. Instagram feed jsou ctverce, takze
 * aspect-ratio:1 + width:100% drzi img spravnou vysku od zacatku. Zadny dopad na
 * funkcnost, jen se prestane skakat.
 *
 * BEZ SHODY: .instagram-widget v template.css vubec neni - template ma jinou
 * strukturu Instagram feedu (.ig .instagram-wrap .igfeed a / a img, r. 10054 a
 * 10082, kde img uz ma height/width 100 %). Overit, ktera struktura je na webu
 * realne v DOM; pokud jede .ig .instagram-wrap, tenhle blok nema co chytit a
 * rezervace vysky by patrila k r. 10082.
 */
.instagram-widget a {
    display: block;
}
.instagram-widget img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/*
 * CLS - "Overeno zakazniky" recenzni swiper: rezervace vysky.
 *
 * NEJVETSI zdroj CLS (realny zaznam: posuny az 0,38 na footer-banner +
 * swiper-container + header-bottom + footer, i 0,076 na overall-wrapper - je to
 * jeden a tyz problem videny z ruznych urovni). Recenzni carousel
 * .able-ratings .swiper je vnoreny ve .footer-banner v hlavnim obsahu.
 *
 * Pricina (overeno trasovanim vysky v case): pred inicializaci ma slide vysku
 * jen obsahu (~160-190px), po inicializaci swiper NARUSTE na 345px (desktop) /
 * 300px (mobil). Tim se zvetsi cely blok obsahu a vse pod nim (footer, sticky
 * header-bottom) se posune -> layout shift.
 *
 * Reseni: rezervovat min-height odpovidajici ustalene vysce (namereno
 * Playwrightem na vsech breakpointech: >=768px 345px, <=767px 300px) uz od
 * prvniho paintu. Slide s mensim obsahem se do rezervy vejde a naslednym
 * narustem swiperu na finalni vysku se nic pod nim neposune. min-height (ne
 * height) - kdyby kampan mela vyssi obsah, swiper se roztahne, jen neklesne pod
 * rezervu. Zadny zasah do funkcnosti carouselu.
 *
 * Overeno: staticky s CSS v <head> ma swiper 345px uz pred JS -> obsah pod nim
 * zacina rovnou na finalnim miste, po inicializaci zadny posun.
 *
 * SHODA S template.css: selektor .able-template-1 .able-ratings .swiper je v
 * template.css na r. 5338, ale nastavuje pouze position: relative - zadnou
 * vysku. Neduplikuje se, jen se doplnuje min-height; klidne by slo prilepit
 * primo k r. 5338.
 */
.able-template-1 .able-ratings .swiper {
    min-height: 345px;
}
@media (max-width: 767px) {
    .able-template-1 .able-ratings .swiper {
        min-height: 300px;
    }
}

/*
 * Modal "Pridano do kosiku" (.advanced-order) - oprava rozbiteho slideru.
 *
 * Problem: v modalu je swiper .swiper-products-tab ("Ostatni si take koupili").
 * Slidy jsou .product uvnitr .swiper-wrapper.products-block, takze na ne plati
 * i pravidlo .products-block .product .p-in .p-tools, ktere ma
 * position:absolute + bottom:170px (mobil) a opacity:1. Tlacitka "Do kosiku"
 * se tim vykresluji MIMO tok slidu a prekryvaji sousedni slidy -> na mobilu
 * to vypada jako rozbity slider (viz zelene tlacitko pretekajici pres kartu).
 *
 * Reseni: POUZE v tomto modalu skryt .p-tools uvnitr swiperu. Na beznem vypisu
 * produktu zustavaji tlacitka trvale viditelna (opacity:1) beze zmeny - modal
 * je jen rychly rozcestnik po pridani do kosiku, tlacitka tam nejsou potreba
 * a hlavne rozbijeji layout.
 *
 * Cileno pres .swiper-wrapper, aby to platilo jen na swiper-slidy uvnitr
 * modalu, ne na zbytek obsahu modalu.
 */
#cboxContent:has(.advanced-order) .swiper-products-container .swiper-wrapper.products-block .product .p-tools {
    display: none !important;
}

/*
 * Pojistka: slide nesmi pretekat mimo svuj ram. Swiper pocita sirku slidu sam
 * (slidesPerView 1.3 / 3.5 / 5.5), takze mu do sirky nesahame - jen orezeme
 * pripadny absolutne pozicovany obsah, ktery by z karty vykukoval.
 */
#cboxContent:has(.advanced-order) .swiper-products-container .swiper-wrapper.products-block .product {
    overflow: hidden;
}