/*OBECNÉ*/

html {
    scroll-behavior: smooth;
}

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

:root {
    --size-h1: 42px;
    --size-h2: 30px;
    --size-h3: 26px;
    --size-h4: 22px;
    --size-h5: 20px;
    --size-bigger: 18px;
    --size-body: 15px;
    --container-width: 1440px;
    --narrow-container-width: 1180px;
    --nav-height: 50px;
}

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

#signature {
    align-items: center;
}

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

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

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

body {
    font-size: var(--size-body);
}

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

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

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

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

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4, h5, h6 {
    color: #141414;
}

/*HEADER*/

@media (min-width: 768px) {
    .content {
        padding: 0;
    }

    .container {
        width: var(--container-width);
        padding: 0;
    }

    .navigation-wrapper {
        position: relative;
        width: calc(100% - 90px);
        padding-top: 50px;
    }

    .top-header {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        gap: 20px 50px;
        align-items: center;
        height: 50px;
        width: 100%;
        border-bottom: 1px solid #E8E8E8;
        color: #222222;
    }

    .top-header__address {
        flex-grow: 1;
    }

    .top-header__contacts {
        flex-shrink: 0;
    }

    .top-header__address strong {
        color: var(--color-primary);
    }

    .top-header__contacts {
        display: flex;
        column-gap: 30px;
    }

    .top-header__contacts a {
        color: #222222;
    }

    .top-header__contacts a span {
        font-size: 13px;
    }

    .top-header__phone::before, .top-header__mail::before {
        content: "";
        display: inline-block;
        width: 21px;
        height: 21px;
        margin-right: 8px;
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: var(--color-primary);
        vertical-align: bottom;
    }

    .top-header__phone::before {
        mask-image: url("/user/documents/upload/kodovani/phone.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
    }

    .top-header__mail::before {
        mask-image: url("/user/documents/upload/kodovani/mail.svg");
        -webkit-mask-image: url("/user/documents/upload/kodovani/mail.svg");
    }

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

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

    .header-top > div.site-name-wrapper {
        flex: 0 0 150px;
    }

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

    .header-top > div.navigation-buttons {
        flex: 0 0 auto;
        display: flex;
        gap: 24px;
        padding: 0;
    }

    .navigation-buttons > a.mylogin {
        display: flex;
        align-items: center;
        gap: 8px;
        width: auto;
        height: auto;
        text-align: left;
        padding: 0;
        color: #222222;
    }

    .navigation-buttons > a.mylogin span {
        display: none;
    }

    .navigation-buttons > a.mylogin::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 28px;
        height: 28px;
        mask-image: url("/user/documents/upload/kodovani/user.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/user.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: var(--color-primary);
    }

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

    .top-navigation-bar-menu {
        display: flex;
        column-gap: 40px;
        align-items: center;
        justify-content: space-between;
    }

    .top-navigation-bar-menu li a {
        color: #292929;
        line-height: 1.4;
        font-weight: 500;
        font-size: var(--size-body);
        padding: 0;
        text-transform: none;
    }

    #header #formSearchForm .form-control {
        height: 60px;
        border-radius: 10px;
        padding: 5px 60px 5px 16px;
        border-color: #E8E8E8;
    }

    #header #formSearchForm ::placeholder {
        color: #6C6C6C;
    }

    #header #formSearchForm button[type="submit"] {
        width: 48px !important;
        height: 48px !important;
        border-radius: 10px;
        background-color: var(--color-primary);
        right: 6px;
        top: 6px;
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        letter-spacing: unset;
        padding: 0;
        min-height: unset;
    }

    #header #formSearchForm button[type="submit"]::before {
        content: "";
        display: inline-block;
        width: 23px;
        height: 23px;
        mask-image: url("/user/documents/upload/kodovani/magnifier.svg");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/magnifier.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        background-color: #fff;
    }

    #header {
        position: relative;
        opacity: 0;
        transition: opacity ease 300ms;
    }

    #dkLabFavHeaderWrapper {
        position: relative;
    }

    #dkLabFavHeaderWrapper a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        background-color: var(--color-primary);
    }

    #dkLabFavHeaderWrapper em {
        position: absolute;
        border: 1px solid var(--color-primary);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        bottom: -10px;
        right: -10px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        color: var(--color-primary);
        font-style: normal;
        text-align: center;
    }

    #dkLabFavHeaderWrapper > a::before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        mask-image: url("/user/documents/upload/kodovani/heart.svg");
        mask-repeat: no-repeat;
        mask-size: 15px;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/heart.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 15px;
        -webkit-mask-position: center;
        background-color: #fff;
    }

    .header-top .btn.cart-count:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 28px;
        height: 34px;
        mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: var(--color-primary);
        margin: 0 15px 0 0;
        order: -2;
    }

    #header .header-top .btn.cart-count span {
        color: #222222;
    }

    #header .header-top .btn.cart-count {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        border: 1px solid #E8E8E8;
        border-radius: 10px;
        padding: 5px 25px;
    }

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

    #header .header-top .btn.cart-count .my-cart-text {
        text-transform: none;
    }

    #header .header-top .btn.cart-count.full .my-cart-text {
        display: none;
    }

    .navigation-buttons > a[data-target=cart] i {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 0 0 5px;
        color: var(--color-primary);
        background-color: transparent;
        font-size: 14px;
        font-weight: 600;
        width: auto;
        height: auto;
        line-height: 1;
        padding: 0;
    }

    .navigation-buttons > a[data-target=cart] i::before {
        content: "(";
    }

    .navigation-buttons > a[data-target=cart] i::after {
        content: ")";
    }

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

    .navigation-in {
        height: var(--nav-height);
    }

    .navigation-in > ul > li {
        position: relative;
        height: var(--nav-height);
        display: flex;
        align-items: center;
        border: none;
        !i;!;!;!;
    }

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

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

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

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

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

    .navigation-in ul li a b {
        font-weight: 500;
        line-height: 1;
    }

    .navigation-in > ul > li.menu-item-899 > a, .navigation-in > ul > li.menu-item-938 > a, .navigation-in > ul > li.menu-item-914 > a, .navigation-in > ul > li.menu-item-1100 > a, .navigation-in > ul > li.menu-item-1115 > a, .navigation-in > ul > li.menu-item-950 > a, .navigation-in > ul > li.menu-item-875 > a, .navigation-in > ul > li.menu-item-887 > a {
        display: flex;
        align-items: center;
    }

    #header li.menu-item-1115 > a::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 8px;
        mask-image: url("/user/documents/upload/kodovani/alu-disky.svg");
        mask-repeat: no-repeat;
        mask-position: right bottom;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/alu-disky.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: right bottom;
        -webkit-mask-size: contain;
        background-color: #fff;
    }

    #header li.menu-item-950 > a::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 8px;
        mask-image: url("/user/documents/upload/kodovani/bazar.svg");
        mask-repeat: no-repeat;
        mask-position: right bottom;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/bazar.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: right bottom;
        -webkit-mask-size: contain;
        background-color: #fff;
    }

    #header li.menu-item-875 > a::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 8px;
        mask-image: url("/user/documents/upload/kodovani/auto-doplnky.svg");
        mask-repeat: no-repeat;
        mask-position: right bottom;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/auto-doplnky.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: right bottom;
        -webkit-mask-size: contain;
        background-color: #fff;
    }

    #header li.menu-item-887 > a::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 30px;
        height: 25px;
        margin-right: 8px;
        mask-image: url("/user/documents/upload/kodovani/pujcovna.svg");
        mask-repeat: no-repeat;
        mask-position: right bottom;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/pujcovna.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: right bottom;
        -webkit-mask-size: contain;
        background-color: #fff;
    }

    #header li.menu-item-899 > a::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 40px;
        height: 15px;
        margin-right: 8px;
        mask-image: url("/user/documents/upload/kodovani/osobni-pneu.svg");
        mask-repeat: no-repeat;
        mask-position: right bottom;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/osobni-pneu.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: right bottom;
        -webkit-mask-size: contain;
        background-color: #fff;
    }

    #header li.menu-item-938 > a::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 25px;
        height: 17px;
        margin-right: 8px;
        mask-image: url("/user/documents/upload/kodovani/moto-pneu.svg");
        mask-repeat: no-repeat;
        mask-position: right bottom;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/moto-pneu.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: right bottom;
        -webkit-mask-size: contain;
        background-color: #fff;
    }

    #header li.menu-item-914 > a::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 28px;
        height: 17px;
        margin-right: 8px;
        mask-image: url("/user/documents/upload/kodovani/dodavkove-pneu.svg");
        mask-repeat: no-repeat;
        mask-position: right bottom;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/dodavkove-pneu.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: right bottom;
        -webkit-mask-size: contain;
        background-color: #fff;
    }

    #header li.menu-item-1100 > a::before {
        content: "";
        position: relative;
        display: inline-block;
        width: 24px;
        height: 17px;
        margin-right: 8px;
        mask-image: url("/user/documents/upload/kodovani/nakladni-pneu.svg");
        mask-repeat: no-repeat;
        mask-position: right bottom;
        mask-size: contain;
        -webkit-mask-image: url("/user/documents/upload/kodovani/nakladni-pneu.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: right bottom;
        -webkit-mask-size: contain;
        background-color: #fff;
    }

    .navigation-in ul.menu-level-2 {
        width: 300px;
        left: 50%;
        transform: translateX(-50%);
        padding: 20px;
    }

    .navigation-in > ul > li.ext > ul > li > a.menu-image {
        display: none;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul {
        background: linear-gradient(180deg, #D11224 0%, #B70314 100%);
        flex-direction: column;
        gap: 18px;
        border-radius: 0 0 10px 10px;
        border-width: 1px;
        border-color: transparent #fff #fff #fff;
        border-style: solid;
    }

    .navigation-in > ul > li.ext > ul > li {
        width: 100%;
        flex-basis: 100%;
        min-height: unset;
    }

    .navigation-in ul.menu-level-2 a {
        color: #fff;
    }

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

    .navigation-in > ul > li.ext > ul > li > div > a {
        font-weight: 400;
        text-decoration: underline;
        text-align: center;
        padding: 0;
    }

    .navigation-in > ul > li.ext > ul > li > div > a:hover {
        text-decoration: none;
        color: #fff;
    }
    .navigation-in>ul>li.ext>ul>li>div>ul.menu-level-3 {
        display: none;
    }
    .menu-helper.visible {
        z-index: 5;
    }

    .menu-helper:after, .menu-trigger:after {
        background-color: transparent;
    }
    .menu-helper>ul {
        background-color: var(--color-primary);
        padding: 20px;
        text-align: center;
        border-radius: 0 0 10px 10px;
        border-top: 0;
        top: 100%;
        flex-direction: column;
    }
    .menu-helper>ul>li {
        border: none;
    }
    .menu-helper>ul>li a {
        color: #fff;
        text-decoration: underline;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .menu-helper>ul>li a:hover {
        background-color: transparent;
        text-decoration: none;
        color: #fff;
    }
    .menu-helper ul .submenu-arrow {
        display: none;
    }
    .menu-helper ul .menu-level-2 {
        display: none !important;
    }
    .menu-helper-visible .menu-helper>ul {
        display: flex;
        row-gap: 18px;
    }
}

/*INFORMAČNÍ PROUŽEK*/

.site-msg.information {
    position: relative;
    max-width: 100%;
    opacity: 1;
    left: auto;
    bottom: auto;
    box-shadow: none;
    background-color: var(--color-primary);
    padding: 10px 20px;
}

.site-msg .close {
    display: none;
}

.site-msg.information .text {
    padding-right: 0;
    text-align: center;
    color: #fff;
}

/*FILTRACE*/

.mobile .banners-row > div:has(#carousel) {
    width: 100%;
}

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

.homepage-box.before-carousel .banners-row > div:has(>#carousel) {
    width: 100%;
    float: none;
}

#carousel {
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 35px;
}

.mobile #carousel {
    width: calc(100vw - var(--scrollbar-width));
    left: 50%;
    transform: translateX(-50%);
}

.homepage-box.before-carousel .container {
    width: 100%;
}

.homepage-box.before-carousel .row {
    margin-left: 0;
    margin-right: 0;
}

.my-filters {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    padding: 0 20px;
    background-image: url("/user/documents/upload/kodovani/filtration-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.my-filters::before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 90px;
    width: 308px;
    height: 222px;
    background-image: url("/user/documents/upload/kodovani/filtration-pneu-left.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.my-filters::after {
    content: "";
    position: absolute;
    bottom: -45px;
    right: 70px;
    width: 480px;
    height: 240px;
    background-image: url("/user/documents/upload/kodovani/filtration-pneu-right1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.my-filters__inner {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 120px;
}

.carousel-inner {
    overflow: visible;
}

.my-filters__inner h2 {
    color: #fff;
    text-align: center;
    line-height: 1.4;
    margin: 0 0 30px;
}

.my-filters__inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 3px solid #fff;
    display: flex;
    justify-content: center;
    column-gap: 24px;
}

.my-filters__inner ul li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: calc(25% - 25px);
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    padding: 13px 20px 9px;
    text-align: center;
    color: #ABABAB;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: color ease 300ms, background-color ease 300ms;
}

.my-filters__inner ul li:hover {
    color: var(--color-primary)
}

.my-filters__inner ul li.active {
    color: #fff;
    background-color: var(--color-primary);
    cursor: default;
}

.my-filters__inner ul li.active::before {
    background-color: #fff;
}

.my-filters__inner ul li::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 60px;
    height: 27px;
    mask-image: url("/user/documents/upload/kodovani/tire.svg");
    mask-repeat: no-repeat;
    mask-position: center top;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/tire.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center bottom;
    -webkit-mask-size: contain;
    background-color: #ABABAB;
    transition: background-color ease 300ms;
}

.my-filters__inner ul li.osobni-pneu::before {
    mask-image: url("/user/documents/upload/kodovani/osobni-pneu.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/osobni-pneu.svg");
}

.my-filters__inner ul li.moto-pneu::before {
    mask-image: url("/user/documents/upload/kodovani/moto-pneu.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/moto-pneu.svg");
}

.my-filters__inner ul li.nakladni-pneu::before {
    mask-image: url("/user/documents/upload/kodovani/nakladni-pneu.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/nakladni-pneu.svg");
}

.my-filters__inner ul li.dodavkove-pneu::before {
    mask-image: url("/user/documents/upload/kodovani/dodavkove-pneu.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/dodavkove-pneu.svg");
}

.my-filters__inner ul li:not(.active):hover::before {
    background-color: var(--color-primary);
}

.my-filtration {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    align-items: stretch;
}

.my-filtration > select {
    width: calc(20% - 8px);
    border-radius: 10px;
    height: 50px;
    border: none;
    padding: 5px 35px 5px 18px;
    color: #292929;
    background-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
}

.my-filtration > select:not(:has(option:nth-child(2))) {
    display: none;
}

.my-filtration > select[filter-selector="filter-section-parametric-id-29"] {
    order: 1;
}

.my-filtration > select[filter-selector="filter-section-parametric-id-32"] {
    order: 2;
}

.my-filtration > select[filter-selector="filter-section-parametric-id-35"] {
    order: 3;
}

.my-filtration > select[filter-selector="filter-section-parametric-id-110"] {
    order: 4;
}

.my-filtration > select[filter-selector="filter-section-manufacturer"] {
    order: 5;
}

.my-filter option {
    color: #000;
}

.my-filter option:disabled {
    color: #bebebe;
}

.my-filters__inner > .btn-holder {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-direction: column;
}

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

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

.my-filters__inner > .btn-holder .submit-filters {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 455px;
    min-height: 50px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    text-transform: none;
    border-width: 2px;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    transition: all ease 300ms;
}

.my-filters__inner > .btn-holder .submit-filters:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    text-decoration: underline;
    color: #fff;
}

.reset-filters {
    color: #fff;
    font-size: 16px;
}

.reset-filters:hover {
    text-decoration: underline;
    cursor: pointer;
}

/*HP PRODUKTY*/

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

.swiper-wrapper.products-block {
    flex-wrap: nowrap;
    align-items: unset;
    !i;!;!;!;!;!;
}

.swiper-wrapper.products-block .product {
    padding: 0;
    border: none;
    border-width: 0;
}

.products-block .p {
    border: 1px solid #D9D9D9 !important;!i;!;
    border-radius: 12px;
    padding: 12px;
    !i;!;!;
}

.products-block .p:hover {
    border-color: var(--color-primary);
}

.whole-wrap {
    position: relative;
    padding: 0 20px;
    margin: 0 0 124px;
}

.whole-wrap:has(.swiper-pagination-lock) {
    margin-bottom: 84px;
}

.swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-color: var(--color-primary);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: auto;
    margin: 0;
    transition: scale ease 300ms;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    scale: 0;
}

.swiper-button-prev {
    left: 0;
    right: auto;
}

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

.swiper-button-next:after {
    transform: translate(-50%, -50%) rotate(270deg);
}

.whole-wrap .swiper-pagination {
    position: absolute;
    bottom: -45px;
    top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    width: 28px;
    height: 20px;
    border-radius: 0;
    opacity: 1;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 50%;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active::before, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active::before {
    width: 17px;
    height: 17px;
    background-color: var(--color-primary);
}

.products-block.products .p .name {
    font-size: var(--size-body);
    color: #1E1E1E;
    line-height: 1.55;
    text-decoration: underline;
    font-weight: 500;
    text-align: left;
}

.products-block .p-bottom > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.dkLabFavouriteProductDiv {
    width: 38px;
    height: 38px;
    background-color: #ECEFF1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
}

.dkLabFavouriteProductDiv:has( > span.dkLabFavouriteProductLinkRemove) {
    background-color: var(--color-primary);
}

.dkLabFavouriteProductDiv > span.dkLabFavouriteProductLinkRemove {
    background-color: #fff !important;
}

.dkLabFavouriteProductDiv > span {
    display: inline-block;
    width: 100%;
    height: 100%;
    mask-image: url("/user/documents/upload/kodovani/heart.svg");
    mask-repeat: no-repeat;
    mask-size: 19px;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/heart.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 19px;
    -webkit-mask-position: center;
    background-color: #000;
}

.dkLabFavouriteProductDiv:hover > span {
    background-color: var(--color-primary);
}

.products-block .p-bottom .p-tools {
    display: flex;
    gap: 8px;
    width: 100%;
}

.products-block .p-bottom .p-tools form {
    flex-grow: 1;
}

.products-block .p-bottom .p-tools form button {
    width: 100%;
    min-height: 38px;
    border-radius: 4px;
    font-weight: 500;
}

.btn.add-to-cart-button:before, .btn.btn-cart:before, a.btn.add-to-cart-button:before, a.btn.btn-cart:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    mask-image: url("/user/documents/upload/kodovani/plus.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/plus.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #fff;
    margin-right: 11px;
}

.products-block.products .p .price span, .products-block.products .p .price strong {
    font-size: var(--size-h5);
    color: var(--color-primary)
}

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

.products-block .ratings-wrapper .availability {
    flex: unset;
    text-align: left;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.products-block .p .flags-default {
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.flag[class*="flag-pneumatiky"] {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 1px solid #dedede;
    border-radius: 50%;
    font-size: 0;
    right: 0;
    max-width: unset;
    background-color: transparent !important;
    padding: 0;
}

.flag[class*="flag-pneumatiky"]:hover span {
    opacity: 1;
}

.flag[class*="flag-pneumatiky"] span {
    position: absolute;
    display: inline-flex;
    right: calc(100% - 4px);
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--color-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 6px;
    opacity: 0;
    align-items: center;
    justify-content: center;
    transition: opacity ease 300ms;
}

.flag.flag-pneumatiky-letni {
    background-image: url("/user/documents/upload/kodovani/letni.png");
    background-size: 36px;
    background-position: center;
    background-repeat: no-repeat;
}

.flag.flag-pneumatiky-zimni {
    background-image: url("/user/documents/upload/kodovani/zimni.png");
    background-size: 36px;
    background-position: center;
    background-repeat: no-repeat;
}

.flag.flag-pneumatiky-celorocni {
    background-image: url("/user/documents/upload/kodovani/celorocni.png");
    background-size: 36px;
    background-position: center;
    background-repeat: no-repeat;
}

.flag {
    font-size: 11px;
    font-weight: 500;
    padding: 5px 8px;
    min-height: 27px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.flags.flags-extra .flag-discount {
    display: none !important;!i;!;
}

.flags-default .flag.flag-discount {
    background-color: var(--color-primary);
}

.flag.flag-tip {
    background-color: #F8CE28;
    color: #000;
    order: -1;
}

/*TOP BANNERY*/

.homepage-box.before-carousel .next-to-carousel-banners {
    display: none;
}

.next-to-carousel-banners {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr;
    grid-gap: 24px;
    padding: 80px 0;
    margin: 0 0 120px;
}

.next-to-carousel-banners::before {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to right, rgba(209, 18, 36, 0.85) 0%, rgba(183, 3, 20, 0.85) 100%);
    z-index: 1;
}

.next-to-carousel-banners::after {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("/user/documents/upload/kodovani/tire.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.next-to-carousel-banners > .banner-wrapper:first-child {
    grid-column: span 3;
    grid-row: span 2;
}

.next-to-carousel-banners > .banner-wrapper {
    position: relative;
    z-index: 3;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
}

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

.next-to-carousel-banners > .banner-wrapper a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.next-to-carousel-banners > .banner-wrapper:first-child a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #fff;
    border-radius: 8px;
    background: linear-gradient(to left, rgba(40, 40, 40, 0.23) 0%, rgba(0, 0, 0, 0.81) 100%);
}

.next-to-carousel-banners > .banner-wrapper a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.24) 24%);
    border: 1px solid #fff;
    border-radius: 8px;
}

.next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts {
    z-index: 1;
    padding: 56px 60px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    row-gap: 24px;
}

.next-to-carousel-banners > .banner-wrapper .extended-banner-texts {
    z-index: 1;
    padding: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}

.next-to-carousel-banners > .banner-wrapper .extended-banner-texts > * {
    position: relative;
    display: block;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0;
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
}

.next-to-carousel-banners > .banner-wrapper .extended-banner-texts > *:not(.extended-banner-title) {
    display: none;
}

.next-to-carousel-banners > .banner-wrapper .extended-banner-texts > .extended-banner-title {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
}

.next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-title {
    color: #fff;
    font-size: 55px;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
}

.next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 296px;
    min-height: 50px;
    background-color: var(--color-primary);
    font-size: var(--size-body);
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    border: 1px solid var(--color-primary);
    transition: all ease 300ms;
}

.next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-link:hover {
    background-color: #f11f33;
}

.next-to-carousel-banners > .banner-wrapper:first-child img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.next-to-carousel-banners > .banner-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 342/295;
}

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

/*TITULNÍ STRANA*/

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

.homepage-box.welcome-wrapper {
    margin: 0;
    padding: 0;
}

.services {
    position: relative;
}

.services-inner {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 60px;
    padding: 108px 96px 56px;
    border-radius: 10px 10px 0 0;
    background-image: url("/user/documents/upload/kodovani/tire.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.services-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background-color: rgba(20, 20, 20, .9);
    border-radius: 10px 10px 0 0;
}

.services-inner > * {
    position: relative;
    z-index: 1;
}

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

.single-service {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 8px;
    color: #fff;
    line-height: 1.5;
}

.single-service h5 {
    color: #fff;
    margin: 0;
}

.single-service .img-holder {
    margin-left: 0;
}

.single-service a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
    letter-spacing: .05em;
}

.single-service a::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/user/documents/upload/kodovani/chevron-circle.svg") no-repeat center;
    background-size: contain;
    margin-bottom: 2px;
}

.single-service a:hover {
    text-decoration: none;
}

.services > .img-holder {
    position: absolute;
    z-index: 1;
    bottom: calc(100% - 62px);
    left: 96px;
}

.introduction {
    margin: 0 0 120px;
}

.introduction-text {
    max-width: 550px !important;
    margin-bottom: 64px;
    margin-right: 120px !important;
    line-height: 1.7;
    margin-left: auto;
}

.introduction-text h3 {
    margin: 0 0 10px;
}

.btn, a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    text-transform: none;
    padding: 5px 25px;
    border-radius: 10px;
    font-weight: 500;
}

.btn.lg {
    min-width: 294px;
}

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

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

.visit {
    display: flex;
    align-items: center;
    column-gap: 24px;
    padding: 16px 96px;
    background-color: var(--color-primary);
    color: #fff;
    border-radius: 0 0 10px 10px;
}

.visit h3 {
    margin: 0;
    color: #fff;
    flex-shrink: 0;
}

.visit-hours {
    position: relative;
    top: 2px;
}

.btn.btn-secondary, a.btn.btn-secondary {
    border: 1px solid var(--color-primary);
    color: #121212;
}

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

.visit-phone {
    color: #fff;
    display: inline-flex;
    align-items: center;
    column-gap: 15px;
    flex-shrink: 0;
}

.visit-phone::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    mask-image: url("/user/documents/upload/kodovani/phone.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: #fff;
}

.visit-phone:hover {
    text-decoration: underline;
}

.p:hover .btn-cart {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

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

.footer-banners {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 28px 88px;
    max-width: var(--container-width);
    margin: 0 auto;
}

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

.footer-banners h2 {
    text-align: center;
    width: 100%;
    margin: 0 0 20px;
}

.footer-banners > div {
    width: auto;
    padding: 0;
}

.footer-banners > div:has(h2) {
    width: 100%;
    max-width: 100%;
}

/*FOOTER*/

.myig {
    margin-top: 120px;
}

.myig-wrapper {
    transition-timing-function: linear !important;
}

.myig-wrapper > a {
    display: block;
    height: 330px;
    aspect-ratio: 1/1;
    width: 330px;
    overflow: hidden;
}

.myig-wrapper > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.myig-title {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

.watch-us {
    font-weight: 500;
    font-size: var(--size-h3);
}

.myig-name {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--size-h3);
    font-style: italic;
    font-weight: 700;
    color: var(--mycolor-primary);
}

.myig-name::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-top: 4px;
    background-image: url("/user/documents/upload/kodovani/ig.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.myig-title {
    margin-bottom: 30px;
    padding: 0 10px;
}

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

.custom-footer {
    padding: 0;
}

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

#footer {
    padding-top: 44px;
    background-image: url("/user/documents/upload/kodovani/footer-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.custom-footer {
    border-top: none;
    display: flex;
    justify-content: space-between;
}

#footer > .container {
    background: transparent;
}

#footer h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 32px;
}

#footer .banner a {
    color: #fff;
}

#footer .banner a:hover {
    text-decoration: underline;
    color: #fff;
}

#footer .banner-wrapper {
    color: #fff;
}

#footer .banner {
    overflow: visible;
    margin: 0;
}

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

#footer ul {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

#footer ul li {
    margin: 0;
    padding: 0;
}

.myfooter-contact__inner {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.contact-tel, .contact-mail, .socials-fb, .socials-ig {
    display: flex !important;
    align-items: center;
    column-gap: 10px;
}

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

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

.myfooter-contact__inner > span {
    padding-left: 30px;
}

.myfooter-socials {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 24px;
    margin-top: 36px;
}

.socials-fb::before {
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    mask-image: url("/user/documents/upload/kodovani/facebook.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/facebook.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: var(--color-primary);
}

.socials-ig::before {
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    mask-image: url("/user/documents/upload/kodovani/instagram.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/instagram.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: var(--color-primary);
}

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

.footer-bottom {
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .5) !important;
    margin-top: 64px;
}

#signature img {
    width: auto;
}

#signature img.vam {
    max-width: 24px;
}

#signature, .copyright {
    margin: 0;
}

#signature a {
    color: #fff;
}

/*DETAIL KATEGORIE*/

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

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

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

.breadcrumbs-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.breadcrumbs-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    background-color: #F5F5F5;
}

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

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

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

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

.breadcrumbs > span:not(:first-child)::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 9px;
    height: 12px;
    mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--color-primary);
    margin: 0 10px 0 10px;
    transform: rotate(270deg);
}

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

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

.breadcrumbs {
    margin: 0;
    padding: 18px 0;
    border: none;
    position: relative;
    z-index: 1;
    background-color: transparent;
}

.products-block:not(.swiper-wrapper) {
    margin-left: -14px;
    margin-right: -14px;
}

.products-block > div {
    border: none !important;
}

.box.box-sm.box-filters {
    padding: 0;
}

.sidebar {
    width: 320px;
    margin-right: 40px;
    border-radius: 12px;
    background-color: #f5f5f5;
}

.sidebar-inner {
    padding: 24px 0;
}

#filters .slider-wrapper {
    padding: 0 24px;
    border-bottom: 1px solid #D9D9D9;
}

.filter-sections {
    padding: 0;
    font-size: 14px;
}

.filter-section {
    padding: 24px;
}

.sidebar h4 {
    text-transform: none;
    font-size: var(--size-body);
    margin: 0 0 16px;
    text-align: left;
}

input[type=checkbox] + label:before, input[type=radio] + label:before {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #000;
}

input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 3px;
}

input[type=checkbox] + label, input[type=radio] + label {
    padding-left: 32px;
}

.filter-count {
    margin-left: auto;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    min-height: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    border-radius: 4px;
    flex-shrink: 0;
    transition: all ease 300ms;
}

.filter-section form[action="/action/ProductsListing/setStockFilter/"] {
    display: none;
}

.filter-label {
    width: 100%;
    align-items: center;
    display: flex !important;
}

.filter-label:hover {
    text-decoration: underline;
}

.filter-label:hover .filter-count {
    background-color: #000;
    color: #fff;
}

.filter-section fieldset {
    display: flex !important;
    flex-wrap: wrap;
    row-gap: 12px;
}

.filter-section fieldset > div {
    width: 100%;
}

.filter-section fieldset > div:has(.filter-label.active) {
    order: -1;
}

.filter-section fieldset > div:has(.filter-label.disabled) {
    order: 1;
}

.filter-section:not(.filter-section-manufacturer):not(.filter-section-boolean):not(.filter-section-parametric-id-110) fieldset > div {
    width: 33.333% !important;
    padding-right: 10px;
}


.filter-section.filter-section-parametric-id-110 fieldset > div {
    width: 50% !important;
    padding-right: 10px;
}

.filter-section:not(.filter-section-manufacturer):not(.filter-section-boolean) fieldset > div

.filter-section:not(.filter-section-manufacturer):not(.filter-section-boolean) fieldset > div label {
    margin: 0;
}

.filter-section:not(.filter-section-manufacturer):not(.filter-section-boolean) fieldset > div.advanced-filters-wrapper {
    order: 1;
}

.filter-section:not(.filter-section-manufacturer):not(.filter-section-boolean) fieldset > div .filter-count {
    display: none;
}

.filter-section-count {
    display: none;
}

.sidebar-indented .category-content-wrapper {
    width: calc(100% - 360px);
}

.sidebar-indented .content .sidebar {
    margin: 0 40px 0 0;
}

.from, .to {
    color: #555;
}

.ui-slider-horizontal .ui-slider-handle:after {
    content: none;
}

.ui-slider-horizontal .ui-slider-handle {
    border-radius: 0;
    background: url("/user/documents/upload/kodovani/ui-slider.svg") no-repeat center;
    background-size: contain;
}

.ui-slider .ui-slider-range {
    background-color: var(--color-primary);
}

.slider-content, .ui-slider {
    background-color: #d9d9d9;
}

.slider-header {
    padding-bottom: 12px;
}

#category-filter-hover, .content .sidebar #category-filter-hover {
    display: block;
}

.filter-section:has(>.toggle-filters) {
    display: none !important;
}

.category-top {
    position: relative;
    text-align: center;
    padding: 48px 0;
    margin-bottom: 60px;
}

.category-top > * {
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center;
}

.category-top::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    transform: translate(-50%, -50%);
    background-image: url("/user/documents/upload/kodovani/tire-big.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.category-top::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, .58);
}

.category-title {
    margin: 0 0 12px;
}

.category-top .category-perex {
    max-width: 730px;
    margin: 0 auto;
    color: #d9d9d9;
    line-height: 1.7;
}

.subcategories {
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px 20px;
    margin: 0;
}

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

.subcategories li {
    flex: 0 0 240px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 0;
    border-radius: 8px;
    transition: background-color ease 300ms;
}

.subcategories li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    color: #ABABAB;
    font-weight: 500;
    width: 100%;
    background-color: transparent;
    border: none;
    height: auto;
    transition: color ease 300ms;
}

.subcategories li:hover {
    background-color: var(--color-primary);
}

.subcategories li:hover a {
    color: #fff;
}

.category-header {
    overflow: hidden;
    margin-bottom: 14px;
    background-color: transparent;
}

.category-header div {
    color: #555;
    font-weight: 400;
    padding-right: 0;
}

.category-header form {
    margin-left: -20px;
}

.category-header input[type=radio] + label {
    font-size: var(--size-body);
    font-weight: 700;
    text-decoration: underline;
}

.category-header input[type=radio] + label:hover, .category-header input[type=radio]:checked + label {
    text-underline-offset: 10px;
    text-decoration-thickness: 2px;
}

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

.pagination-top {
    display: none;
}

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

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

.btn.btn-default, a.btn.btn-default {
    border: 2px solid #000;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn.btn-default:hover, a.btn.btn-default:hover {
    background-color: #fff;
    border-color: #000;
    text-decoration: underline;
    color: #000;
}

.pagination-top > a, .pagination-top > strong, .pagination > a, .pagination > strong {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    border: none;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #000;
}

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

.pagination > strong {
    background-color: #F5F5F5;
}

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

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

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

.load-products {
    column-gap: 18px;
}

.load-products::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 12px;
    height: 7px;
    mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #000;
}

.faq-inner {
    margin: 40px 0 0;
}

.faq {
    margin: 160px auto 0;
    max-width: var(--post-container-width);
}

.faq > h2 {
    text-align: center;
}

.question.active .question-title {
    background-color: var(--color-primary);
}

.question-title {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 44px;
    justify-content: space-between;
    cursor: pointer;
    background-color: #1B1B1B;
    color: #fff;
    font-size: var(--size-h5);
    font-weight: 500;
    border-radius: 8px;
}

.question-title::after {
    content: "";
    position: relative;
    display: inline-block;
    top: auto;
    right: auto;
    width: 28px;
    height: 28px;
    background-image: url("/user/documents/upload/kodovani/chevron-down.svg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    background-color: #fff;
    border-radius: 50%;
    transition: transform ease 300ms;
    flex-shrink: 0;
}

.question.active .question-title::after {
    transform: rotate(180deg);
}

.question {
    margin-bottom: 1px;
}

.question-answer {
    display: none;
}

.question-answer {
    padding: 20px 40px 20px;
    line-height: 1.7;
    max-width: 80%;
}

.question-answer h4:first-child {
    margin: 0 0 10px;
}

.photo-text {
    display: flex;
    align-items: center;
    gap: 16px 36px;
    flex-wrap: wrap;
}

.photo-text > div {
    width: calc(50% - 18px);
}

.photo-text > div.img-holder img {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.category__secondDescription {
    margin-top: 120px;
}

.photo-text .text > * {
    margin: 0;
}

.photo-text .text {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: flex-start;
}

.category-loader {
    margin-top: 140px;
}

.myfilters-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: stretch;
    margin-left: 12px;
}

.myfilters-inner .filter-count {
    display: none;
}

.myfilters-inner a {
    display: inline-flex;
    align-items: center;
    color: var(--color-primary);
    font-weight: 900;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    column-gap: 8px;
}

.myfilters-inner a::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    mask-image: url("/user/documents/upload/kodovani/x.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background-color: #000;
}

.myfilters-inner a:hover {
    border-color: #000;
}

.myfilters {
    display: flex;
    padding-bottom: 24px;
    margin-bottom: 12px;
    border-bottom: 1px solid #d9d9d9;
}

.myfilters h5 {
    font-weight: 700;
    flex-shrink: 0;
}

.myfilters-inner #clear-filters {
    order: 1;
    display: flex;
    align-items: center;
}

.myfilters-inner #clear-filters a {
    border: none;
    text-transform: none;
    color: #000;
    text-decoration: underline;
    font-weight: 400;
    font-size: 14px;
    column-gap: 8px;
    padding: 10px 0;
}

.myfilters-inner #clear-filters a::after {
    content: none;
}

.myfilters-inner #clear-filters a::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    mask-image: url("/user/documents/upload/kodovani/x.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background-color: #000;
}

.myfilters-inner #clear-filters a:hover {
    text-decoration: none;
}

.myfilter {
    cursor: pointer;
}

/*DETAIL PRODUKTU*/

.p-image-wrapper .flags-inline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 1;
    width: calc(100% - 40px);
}

.p-image-wrapper .flags-inline .flag {
    font-size: 12px;
    font-weight: 600;
    margin-left: 0;
}

.p-detail-inner-header {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 10px;
    margin: 0 0 4px;
}

.p-detail-inner-header .p-code-label {
    display: inline-block;
}

.p-detail-inner-header .p-code {
    font-size: var(--size-body);
    color: #7B7B7B;
}

.p-detail-inner-header h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.extended-description table tbody > tr:first-child {
    display: none;
}

.product-category {
    display: block;
    line-height: 1.7;
    font-weight: 600;
    text-decoration: underline;
    margin: 4px 0;
}

.product-category:hover {
    text-decoration: none;
    color: var(--color-primary);
}

.mymanufacturer {
    display: block;
    font-size: var(--size-body);
    letter-spacing: .5px;
    line-height: 1.7;
    margin: 4px 0;
}

.mymanufacturer a {
    color: #000;
}

.availability-value .availability-amount {
    display: none;
}

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

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

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

.p-final-price-wrapper {
    margin: 0 12px 0 0 !important;
}

.price-measure:empty {
    display: none;
    margin: 0;
}

.myprice-title {
    font-weight: 900;
    font-size: var(--size-h5);
    letter-spacing: 1px;
}

.price-final {
    color: var(--color-primary);
    font-weight: 900;
    line-height: 1.4;
}

.p-info-wrapper .add-to-cart {
    display: flex;
    align-items: center;
    gap: 12px 24px;
}

.p-info-wrapper .add-to-cart-button.btn {
    background-color: #0B8F48;
    border-radius: 50px;
    min-height: 54px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    display: inline-flex;
    align-items: center;
    column-gap: 12px;
    padding: 5px 30px !important;
}

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

.p-detail .add-to-cart .quantity {
    padding: 0 50px;
    border: 1px solid #000;
    border-radius: 100px;
}

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

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

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

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

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

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

.purchase {
    margin: 20px 0 32px;
}

.purchase h5 {
    margin: 0 0 24px;
}

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

.purchase-offer {
    position: relative;
    background-color: var(--color-primary);
    border-radius: 12px;
    color: #fff;
    padding: 5px 12px 5px 53px;
    margin-left: 10px;
}

.purchase-inner {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.purchase-offer > span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #292929;
    width: 56px;
    height: 56px;
    border: 3px solid var(--color-primary);
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50%;
    font-size: 11px;
    line-height: 1;
    text-align: center;
}

.purchase-offer > span strong {
    font-size: var(--size-bigger);
}

.p-info-wrapper p[data-testid="productCardDescr"] {
    display: none;
}

#dkLabFavouriteDiv {
    width: 54px;
    height: 54px;
    font-size: 0;
    background-color: #ECEFF1;
    border-radius: 50%;
    transition: background-color ease 300ms;
}

#dkLabFavDetailSpan {
    display: inline-block;
    width: 100%;
    height: 100%;
    mask-image: url("/user/documents/upload/kodovani/heart.svg");
    mask-repeat: no-repeat;
    mask-size: 19px;
    mask-position: center;
    -webkit-mask-image: url("/user/documents/upload/kodovani/heart.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 19px;
    -webkit-mask-position: center;
    background-color: #000;
    cursor: pointer;
    transition: background-color ease 300ms;
}

#dkLabFavDetailSpan:hover {
    background-color: var(--color-primary);
}

#dkLabFavouriteDiv:has(#dkLabFavDetailSpan.dkLabFavouriteDetailLinkRemove) {
    background-color: var(--color-primary);
}

#dkLabFavDetailSpan.dkLabFavouriteDetailLinkRemove {
    background-color: #fff;
}

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

.social-buttons-wrapper {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #A6A6A6;
}

.link-icons {
    width: 100%;
    justify-content: flex-end;
    column-gap: 24px;
}

.link-icon.print {
    display: none;
}

a.link-icon {
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
    line-height: 1;
    color: #000;
    text-transform: none;
}

a.link-icon:hover {
    color: #000;
}

.link-icon:before {
    margin: 0;
}

a.link-icon span {
    text-decoration: underline;
}

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

.description-inner .extended-description {
    display: none;
}

.myparameters {
    margin-top: 40px;
}

.myparameters-inner {
    margin-top: 20px;
}

.myparameters-inner table tbody > tr:first-child {
    display: none;
}

.myparameters-inner table {
    width: 100%;
}

.myparameters-inner table tr {
    transition: background-color ease 300ms;
}

.myparameters-inner table th, .myparameters-inner table td {
    color: #000;
    padding: 14px 12px;
    border-bottom: 1px solid #DEDEDE;
}

.myparameters-inner table tr:last-child th, .myparameters-inner table tr:last-child td {
    padding: 14px 12px;
}

.myparameters-inner table td {
    text-align: right;
}

.myparameters-inner table tr:hover {
    background-color: rgba(209,18,36,.1);
}

.myparameters h4 {
    margin: 0;
    display: flex;
    align-items: center;
    column-gap: 24px;
    cursor: pointer;
}

.myparameters h4 span {
    flex-grow: 1;
}

.myparameters h4::after {
    content: "";
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url("/user/documents/upload/kodovani/chevron-circle.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(90deg);
    transition: transform ease 300ms;
}

.myparameters h4.active::after {
    transform: rotate(270deg);
}

.products-related-header, .products-alternative-header {
    text-align: center;
}

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

.products-block.products-alternative>div:nth-child(4n), .products-block.products-related>div:nth-child(4n) {
    border-right-style: none !important
}

.products-related:after, .products-alternative:after {
    content: none;
}

.shp-tabs-holder .shp-tab[data-testid="tabDiscussion"], .shp-tabs-holder .shp-tab[data-testid="tabAlternativeProducts"] {
    display: none;
}

.shp-tabs-holder {
    display: none;
}

.products-related {
    margin-bottom: 0;
}

/*KONTAKTY*/

.content-inner {
    max-width: var(--narrow-container-width);
}

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

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

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

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

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

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

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

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

.write {
    max-width: 675px;
}

.write-form ::placeholder {
    color: #BFBFBF;
}

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

.write-form .form-group.consents-first a {
    color: #000;
    text-decoration: underline;
}

.write-form .form-group.consents-first a:hover {
    text-decoration: none;
}

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

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

.write-form .form-group.submit-wrapper input {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-body);
}

.mycontact-top {
    display: flex;
    align-items: center;
    column-gap: 48px;
    justify-content: space-between;
}

.mycontact-left {
    max-width: 580px;
}

.mycontact-info {
    display: flex;
    column-gap: 28px;
    row-gap: 14px;
}

.working-hours {
    max-width: 270px;
}

.mycontact-right {
    flex-grow: 1;
    line-height: 1.7;
}

.mycontact-right h2 {
    line-height: 1.4;
    margin: 0 0 40px;
}

.mycontact-right h3 {
    margin: 0 0 8px;
    font-size: var(--size-bigger);
}

.mycontact-right .note {
    color: var(--color-primary);
}

p {
    margin-bottom: 16px;
}

.map-link {
    font-weight: 500;
    text-decoration: underline;
}

.map-link:hover {
    text-decoration: none;
    color: var(--color-primary);
}

.contact-methods > div {
    display: flex;
    column-gap: 20px;
}

.contact-methods > div::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--color-primary);
}

.contact-methods .contact-methods__phone::before {
    mask-image: url("/user/documents/upload/kodovani/phone.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/phone.svg");
}

.contact-methods .contact-methods__email::before {
    mask-image: url("/user/documents/upload/kodovani/mail.svg");
    -webkit-mask-image: url("/user/documents/upload/kodovani/mail.svg");
}

.details p {
    margin-bottom: 4px;
}

.contact-methods > div:first-child {
    margin-bottom: 24px;
}

.details a {
    color: #141414;
}

.details p.special {
    color: var(--color-primary);
}

.mycontact-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 48px;
    margin-top: 68px;
    padding-top: 48px;
    border-top: 1px solid var(--color-primary);
}

.invoice-info {
    max-width: 460px;
}

.invoice-info p.small {
    font-size: 10px;
    max-width: 300px;
}

/*O NÁS*/

.aboutus ul, .pricelist > ul {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding-left: 28px;
}

.professionals-inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px 36px;
}

.professional {
    flex: 0 0 calc(33.33% - 24px);
    text-align: center;
}

.professional .img-holder img {
    aspect-ratio: 3/4;
    width: 100%;
}

.professional h4 {
    padding: 16px;
    background-color: var(--color-primary);
    color: #fff;
    text-align: center;
    font-size: var(--size-h5);
    margin: 0 0 16px;
}

.professional span {
    display: block;
    padding: 0 16px;
    line-height: 1.8;
}

.professionals {
    margin-top: 64px;
}

.professionals > h2 {
    margin: 0 0 32px;
}

/*SLUŽBY*/

.id-1061 h1 {
    text-align: center;
    margin-bottom: 12px;
}

.offers {
    max-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}

.offers .subtitle {
    text-align: center;
    font-size: var(--size-bigger);
    line-height: 1.8;
    max-width: 720px;
    margin: 0 auto;
}

.offers-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 52px 40px;
    margin-top: 60px;
    padding: 0 28px;
}

.single-offer {
    position: relative;
    flex: 0 1 390px;
    text-align: center;
    line-height: 2;
    padding-bottom: 52px;
}

.single-offer .btn-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
}

.single-offer::after {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-bottom: 1px solid var(--color-primary);
}

.single-link {
    text-decoration: underline;
}

.single-link:hover {
    text-decoration: none;
}

.single-offer h4 {
    margin: 20px 0 12px;
}

.offers .btn-primary {
    min-width: 184px;
}

.big-offer {
    margin-top: 64px;
    display: flex;
    justify-content: space-between;
    line-height: 2;
}

.big-offer > div {
    width: calc(50% - 28px);
}

.big-offer__text > h4 {
    margin-top: 0;
}

/*CENÍK*/

.pricelist > ul {
    margin-bottom: 32px;
}

.pricelist-choose {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 88px 0;
    gap: 40px;
}

.pricelist-choice {
    text-align: center;
    flex: 0 0 250px;
}

.pricelist-choice img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.pricelist-choice .btn-primary {
    text-decoration: underline;
    letter-spacing: .05em;
    column-gap: 8px;
}

.pricelist-choice .btn-primary::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("/user/documents/upload/kodovani/chevron-reverse-circle.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pricelist-choice h5 {
    margin: 8px 0;
}

.pricelists h2 img {
    margin-right: 20px;
}

.pricelists h2 {
    display: flex;
    align-items: center;
    margin: 0 0 40px;
    text-transform: uppercase;
    flex-wrap: wrap;
    row-gap: 10px;
}

.pricelists h2 span {
    font-size: var(--size-bigger);
    color: var(--color-primary);
    row-gap: 20px;
    margin-left: 10px;
}

.mytable-container {
    width: 100%;
    overflow: auto;
}

.mytable-container table {
    width: max-content;
    min-width: 100%;
    line-height: 1.7;
}

.pricelists th {
    color: var(--color-primary);
    font-weight: 500;
    padding: 0 20px 16px;
    text-align: center;
}

.pricelists td {
    border: 1px solid #C5C5C5;
    padding: 24px 20px;
    font-weight: 500;
    text-align: center;
}

.pricelists td:first-child {
    font-weight: 600;
    text-align: left;
}

#kompletni-cenik th:first-child, #kompletni-cenik td:first-child {
    width: 292px;
}

.table-note {
    color: var(--color-primary);
    text-align: center;
    margin: 16px 0 0;
}

.pricelists > div {
    padding-top: 30px;
    margin-bottom: 60px;
}

#moto-cenik > h3 {
    color: var(--color-primary);
    text-transform: uppercase;
    margin: 52px 0 24px;
}

#moto-cenik td:last-child {
    width: 200px;
}

.mytable-container table tbody tr:hover {
    background-color: rgba(209,18,36,.05);
}

#dalsi-sluzby td:first-child {
    width: 284px;
}

/*DRBKY*/

/*RESPO*/

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

}

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

@media (max-width: 1600px) {
    :root {
        --container-width: 1400px;
    }

}

@media (max-width: 1439px) and (min-width: 768px) {
    .top-navigation-bar-menu {
        order: -1;
        width: 100%;
        justify-content: flex-start;
        margin: 10px 0 20px;
    }

    .header-top {
        flex-wrap: wrap;
        padding-bottom: 20px;
        padding-top: 0;
    }

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

    #header #formSearchForm .form-control {
        height: 50px;
    }

    #header #formSearchForm button[type="submit"] {
        height: 38px;
        width: 38px;
        min-height: unset;
    }

    .header-top .btn.cart-count:before {
        width: 20px;
        height: 25px;
        margin-right: 10px;
    }

    #header .header-top .btn.cart-count {
        height: 50px;
        padding: 5px 20px;
    }

}

@media (max-width: 1439px) {
    :root {
        --container-width: 1120px;
    }

    .top-header__contacts a span {
        display: none;
    }

    .next-to-carousel-banners > .banner-wrapper .extended-banner-texts > .extended-banner-title {
        font-size: 22px;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts {
        padding: 40px
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-title {
        font-size: 40px;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-link, .btn.lg {
        min-width: 250px;
    }

    .my-filters::after {
        width: 400px;
        height: 200px;
    }

    .my-filters::before {
        width: 240px;
        height: 170px;
    }

    .my-filters__inner {
        margin: 0 auto 80px;
    }

    .introduction-text {
        margin-right: 40px !important;
    }

    .services > .img-holder {
        left: 40px;
        max-width: 400px;
    }

    .services-inner {
        padding: 80px 40px 40px;
        grid-column-gap: 40px;
    }

    .single-service .img-holder {
        max-width: 38px;
        max-height: 38px;
    }

    .single-service .img-holder img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .visit {
        padding: 16px 40px;
        column-gap: 16px;
    }

    .introduction-text {
        margin-bottom: 40px;
    }

    .sidebar {
        width: 280px;
    }

    .sidebar-indented .category-content-wrapper {
        width: calc(100% - 304px);
    }

    .sidebar-indented .content .sidebar {
        margin-right: 24px;
    }

    .category-top {
        margin-bottom: 40px;
    }
    .p-image-wrapper .flags-inline .flag {
        font-size: 12px;
    }

}

@media (max-width: 1199px) and (min-width: 768px) {
    .top-header__contacts a span {
        display: none;
    }

    .top-header__phone::before, .top-header__mail::before {
        margin-right: 0;
    }

    .top-header__contacts {
        column-gap: 20px;
    }

    .top-header__address {
        font-size: 13px;
    }

    .top-header {
        height: 40px;
    }

    .fitted .navigation-in ul.menu-level-1 {
        gap: 40px
    }

    .header-top .btn.cart-count {
        font-size: var(--size-body);
    }
}

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

    .my-filters__inner ul li::before {
        width: 40px;
        height: 20px;
    }

    .my-filters__inner ul li {
        font-size: 14px;
    }

    .my-filtration > select {
        height: 40px;
        flex: 1 0 200px;
        padding: 5px 35px 5px 12px;
    }

    .my-filters__inner > .btn-holder .submit-filters {
        font-size: 14px;
        min-height: 46px;
        min-width: 320px;
    }

    .reset-filters {
        z-index: 1;
        font-size: var(--size-body);
        position: relative;
    }

    .my-filters::before {
        left: 20px;
    }

    .my-filters::after {
        right: 20px;
    }

    .next-to-carousel-banners {
        margin-bottom: 60px;
    }

    .introduction-text {
        max-width: 450px !important;
        margin-bottom: 20px;
    }

    .services > .img-holder {
        max-width: 320px;
        bottom: calc(100% - 20px);
    }

    .services-inner {
        padding: 40px 24px;
        column-gap: 26px;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-link, .btn.lg {
        min-width: 200px;
    }

    .visit {
        padding: 16px 24px;
    }

    .next-to-carousel-banners > .banner-wrapper .extended-banner-texts > .extended-banner-title {
        font-size: 18px;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts {
        padding: 24px;
        row-gap: 16px;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-link {
        min-height: 44px;
    }

    .btn, a.btn {
        min-height: 44px;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-title {
        font-size: 32px;
    }

    .next-to-carousel-banners > .banner-wrapper .extended-banner-texts {
        padding: 16px;
    }

    .whole-wrap {
        margin-bottom: 104px;
    }

    .whole-wrap:has(.swiper-pagination-lock) {
        margin-bottom: 64px;
    }

    .next-to-carousel-banners {
        grid-gap: 16px;
        padding: 52px 0;
    }

    .introduction {
        margin: 0 0 80px;
    }

    .myig {
        margin-top: 80px;
    }

    .footer-banners h2 {
        margin-bottom: 0;
    }

    .footer-banners {
        gap: 24px 60px
    }

    .myig-wrapper > a {
        height: 200px;
        width: 200px;
    }

    #footer h4 {
        margin-bottom: 24px;
    }

    .myfooter-contact__inner {
        row-gap: 16px;
    }

    .myfooter-socials {
        row-gap: 16px;
    }

    .filter-section fieldset {
        row-gap: 4px;
    }

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

    .products-block:not(.swiper-wrapper) {
        margin-left: -8px;
        margin-right: -8px;
    }
    .mycontact-left {
        max-width: 360px;
    }
    .write-form .form-group:not(.submit-wrapper):has(input) {
        width: 100%;
    }
    .mycontact-top {
        align-items: flex-start;
    }
    .write-form .form-group:has(input) .form-control {
        height: 48px;
    }
    .single-offer {
        flex: 0 1 390px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #header .header-top .btn.cart-count .my-cart-text {
        display: none;
    }

    #header .header-top .btn.cart-count {
        padding: 0;
        border: none;
        height: 30px;
        width: 30px;
        border-radius: 0;
    }

    .header-top .btn.cart-count:before {
        margin-right: 0;
    }

    .navigation-buttons > a[data-target=cart] i {
        position: absolute;
        color: #fff;
        background-color: var(--color-primary);
        border: none;
        margin: 0;
        bottom: 0;
        right: 0;
        width: 16px;
        height: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
    }

    .navigation-buttons > a[data-target=cart] i::before, .navigation-buttons > a[data-target=cart] i::after {
        content: none;
    }

    .navigation-in {
        font-size: 12px;
    }

    .fitted .navigation-in ul.menu-level-1 {
        gap: 0;
    }

    .header-top > div.navigation-buttons {
        gap: 20px;
    }

    .top-navigation-bar-menu {
        column-gap: 24px;
    }
    #header li > a::before {
        max-height: 18px;
    }
    .navigation-in>ul>li>a {
        padding: 4px 20px !important;
    }
}

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

    .my-filters__inner ul {
        border-width: 2px;
    }

    .my-filters__inner ul li {
        width: calc(25% - 12px);
    }

    .next-to-carousel-banners {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(2, 1fr);
    }

    .next-to-carousel-banners > .banner-wrapper:first-child {
        grid-column: span 2;
        grid-row: span 1;
    }

    .next-to-carousel-banners > .banner-wrapper:not(:first-child) .extended-banner-texts > .extended-banner-title {
        max-width: 200px;
    }

    .services > .img-holder {
        max-width: 240px;
    }

    .introduction-text {
        max-width: 380px !important;
        margin-right: 0 !important;
    }

    .services-inner {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 40px;
    }

    .visit {
        flex-wrap: wrap;
        justify-content: flex-start;
        row-gap: 12px;
    }

    .visit-hours {
        top: auto;
        width: 100%;
        display: block;
    }

    .footer-banners > div {
        max-width: 150px;
    }

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

    .myfooter-socials {
        flex-direction: row;
        gap: 12px 24px;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    #footer {
        padding-top: 24px;
    }

    .footer-bottom {
        display: flex;
        margin-top: 36px;
        flex-direction: column;
        align-items: stretch;
    }

    #signature {
        flex: 1 1 100%;
        text-align: center;
    }

    .copyright {
        text-align: center;
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 20px;
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before {
        width: 8px;
        height: 8px;
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active::before, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active::before {
        width: 12px;
        height: 12px;
    }

    .desktop .products-block > div {
        width: 100%;
    }
    .p-switchable .related-sm-screen-hide {
        display: block;
    }
    .mycontact-top {
        flex-direction: column-reverse;
        row-gap: 12px;
    }
    .mycontact-left {
        max-width: 100%;
    }
    .mycontact-info {
        margin-bottom: 16px;
        flex-wrap: wrap;
    }
    .professional {
        flex: 0 0 calc(50% - 18px);
    }
    .professionals-inner {
        row-gap: 40px;
    }
    .offers-inner {
        padding: 0;
        gap: 32px;
        margin-top: 32px;
    }
    .single-offer {
        flex: 0 1 320px;
        padding-bottom: 32px;
    }
    .big-offer {
        margin-top: 40px;
    }
    .big-offer > div {
        width: calc(50% - 12px);
    }
    .pricelist-choose {
        margin: 40px 0;
    }
    .pricelists td {
        padding: 16px;
    }
}

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

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .footer-banners {
        margin-left: 0;
        margin-right: 0;
        padding: 0 10px;
    }

    .top-header, .top-navigation-bar-menu, .mylogin, .my-cart-text {
        display: none;
    }

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

    .homepage-box.before-carousel .banners-row > div:has(>#carousel) {
        padding: 0;
    }

    .homepage-box.before-carousel .container {
        padding: 0;
    }

    .my-filters__inner ul {
        border: none;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px 16px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .my-filters__inner ul li {
        width: calc(50% - 8px);
        flex-direction: row;
        border-radius: 8px;
        padding: 12px;
    }

    .my-filters::before, .my-filters::after {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        order: 1;
    }

    .my-filters {
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 40px 10px 0;
        row-gap: 20px;
    }

    .my-filters::after {
        max-width: 55%;
        height: auto;
        aspect-ratio: 2/1;
    }

    .my-filters::before {
        max-width: 35%;
        height: auto;
        aspect-ratio: 3/2;
    }

    .my-filters__inner {
        margin-bottom: 0;
    }

    #carousel {
        padding-bottom: 0;
        margin: 0 -10px 20px;
    }

    .desktop #carousel {
        margin-left: 0;
        margin-right: 0;
    }

    .mobile #carousel {
        width: calc(100% + 20px);
        left: auto;
        transform: none;
    }

    .my-filtration > select {
        font-size: var(--size-body);
    }

    .whole-wrap {
        padding: 0;
        margin: 0 -10px 60px;
    }

    .whole-wrap:has(.swiper-pagination-lock) {
        margin-bottom: 32px;
    }

    .whole-wrap .swiper-button-next, .whole-wrap .swiper-button-prev {
        display: none;
    }

    .whole-wrap .swiper-pagination {
        display: none;
    }

    .swiper-wrapper.products-block .product {
        width: 250px;
    }

    .desktop .next-to-carousel-banners {
        padding: 40px 10px;
    }

    .mobile .next-to-carousel-banners {
        padding: 40px 0;
    }

    .introduction-text {
        text-align: center;
        max-width: 550px !important;
        margin: 0 auto 20px !important;
    }

    .services > .img-holder {
        display: none;
    }

    .single-service {
        align-items: center;
        text-align: center;
    }

    .single-service .img-holder {
        margin-left: auto;
        margin-right: auto;
    }

    .visit {
        justify-content: center;
    }

    .visit-hours {
        text-align: center;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-title {
        font-size: 28px;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-link {
        min-height: 36px;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-link, .btn.lg {
        min-width: 160px;
    }

    .btn, a.btn {
        min-height: 36px;
    }

    .single-service a {
        margin-top: 4px;
    }

    .introduction {
        margin-bottom: 60px;
    }

    .myig-title {
        flex-wrap: wrap;
    }

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

    .myfooter-socials {
        margin-bottom: 0;
    }

    .custom-footer > div:has(h4) {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        padding: 14px 0;
    }

    #footer {
        background: #000;
    }

    #footer h4 {
        margin: 0;
        display: flex;
        font-size: 16px;
    }

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

    .custom-footer > div h4::after {
        content: "";
        display: inline-block;
        margin-left: auto;
        margin-right: 5px;
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/chevron-down.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        background-color: #fff;
        transition: transform ease 300ms;
    }

    .custom-footer > div h4.collapsed::after {
        transform: rotate(180deg);
    }

    #footer ul {
        row-gap: 12px;
    }

    .myfooter-contact__inner {
        margin-top: 14px;
    }

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

    .custom-footer > div.custom-footer__banner4 {
        order: 2;
    }

    .footer-bottom {
        margin-top: 16px;
    }

    .myig-title {
        margin-bottom: 20px;
    }

    .my-filtration > select {
        width: auto;
        max-width: 100%;
    }


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

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

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

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

    .navigation-in ul li.appended-category {
        display: none;
    }

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

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

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

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

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

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

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

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

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

    #navigation {
        top: 65px;
        border-top: 1px solid #D7D7D7;
    }

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

    .navigation-close {
        display: none;
    }

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

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

    .navigation-in {
        padding: 15px 20px 0;
    }

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

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

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

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

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

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

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

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

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

    .category-header form {
        margin-left: 0;
    }

    .filter-section-count {
        display: block;
        padding-top: 0;
        text-align: center;
    }

    .subcategories li {
        flex: 0 0 180px
    }

    .category-top {
        margin-bottom: 20px;
    }

    .category__secondDescription {
        margin-top: 60px;
    }

    .faq {
        margin-top: 60px;
    }

    .faq-inner {
        margin-top: 32px;
    }

    .category-loader {
        margin-top: 60px;
    }

    .filter-section fieldset > div {
        padding-right: 12px;
    }

    #filters .slider-wrapper {
        max-width: 100%;
        border-bottom: none;
    }

    .filter-section:not(.filter-section-manufacturer):not(.filter-section-boolean) fieldset > div {
        width: 25% !important;
    }


    .photo-text > div {
        flex: 1 0 300px;
    }

    .overall-wrapper {
        padding-top: 66px;
    }

    .question-title {
        padding: 12px 24px;
        font-size: var(--size-bigger);
    }

    .question-title::after {
        width: 22px;
        height: 22px;
        background-size: 12px;
    }

    .question-answer {
        padding: 20px 24px 8px;
        max-width: 100%;
    }
    .availability-value {
        font-size: 16px;
    }
    .p-info-wrapper .add-to-cart {
        gap: 12px 16px;
    }

    .p-info-wrapper .add-to-cart-button.btn {
        min-height: 48px;
    }
    #dkLabFavouriteDiv {
        height: 48px;
        width: 48px;
    }
    .p-detail .add-to-cart .quantity input {
        height: 48px;
    }
    .p-detail .add-to-cart .quantity .decrease, .p-detail .add-to-cart .quantity .increase {
        height: 48px;
    }
    .description-inner {
        padding: 0;
    }
    #dkLabFavHeaderWrapper {
        position: absolute;
        right: 120px;
        top: -33px;
        transition: transform ease 150ms;
    }

    #dkLabFavHeaderWrapper a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        background-color: var(--color-primary);
    }

    #dkLabFavHeaderWrapper em {
        position: absolute;
        border: 1px solid var(--color-primary);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        bottom: -10px;
        right: -10px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        color: var(--color-primary);
        font-style: normal;
        text-align: center;
    }

    #dkLabFavHeaderWrapper > a::before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        mask-image: url("/user/documents/upload/kodovani/heart.svg");
        mask-repeat: no-repeat;
        mask-size: 15px;
        mask-position: center;
        -webkit-mask-image: url("/user/documents/upload/kodovani/heart.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 15px;
        -webkit-mask-position: center;
        background-color: #fff;
    }

    .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header #dkLabFavHeaderWrapper {
        transform: translateY(-200%);
    }
    .popup-widget.cart-widget, .popup-widget.login-widget {
        padding-top: 65px;
    }
    .mycontact-right h2 {
        margin-bottom: 24px;
    }
    .mycontact-right h2 br {
        display: none;
    }
    .mycontact-info p {
        margin-bottom: 8px;
    }
    .contact-methods {
        display: flex;
        column-gap: 16px;
        flex-wrap: wrap;
    }
    .mycontact-bottom {
        margin-top: 36px;
        padding-top: 36px;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 16px;
    }
    .invoice-info h2 {
        margin-top: 0;
    }
    .invoice-info p {
        margin-bottom: 8px;
    }
    .professional {
        flex: 0 1 300px;
    }
    .professionals-inner {
        gap: 24px;
    }
    .professional h4 {
        margin-bottom: 12px;
    }
    .single-offer {
        flex: 1 1 300px;
    }
    .big-offer {
        flex-direction: column-reverse;
        row-gap: 24px;
        text-align: center;
    }
    .big-offer > div {
        width: 100%;
    }
    .pricelists td:first-child {
        width: 160px;
    }
}

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

    .my-filters__inner ul li {
        flex: 1 0 190px;
    }

    .my-filters__inner > .btn-holder .submit-filters {
        min-width: 280px;
        width: 100%;
    }

    .my-filters::before {
        content: none;
    }

    .my-filters::after {
        max-width: 100%;
    }

    .my-filters {
        justify-content: center;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts {
        padding: 12px;
        align-items: center;
        justify-content: center;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child .extended-banner-texts > .extended-banner-title {
        text-align: center;
        font-size: 22px;
    }

    .next-to-carousel-banners {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
    }

    .next-to-carousel-banners > .banner-wrapper {
        width: 100%;
        grid-column: span 1;
        grid-row: span 1;
    }

    .next-to-carousel-banners > .banner-wrapper:first-child {
        grid-column: span 1;
    }

    .services-inner {
        grid-template-columns: 1fr;
    }

    .footer-banners > div {
        max-width: 130px;
    }

    .next-to-carousel-banners > .banner-wrapper img {
        max-height: 260px;
    }

    .filter-section:not(.filter-section-manufacturer):not(.filter-section-boolean) fieldset > div {
        width: auto !important;
        flex: 1 0 120px;
    }
    .purchase-inner {
        flex-wrap: wrap;
        row-gap: 36px;
    }
    .write-form fieldset {
        gap: 12px;
    }
    .mycontact-left > h2 {
        margin-top: 0;
    }
    .contact-methods > div:first-child {
        margin-bottom: 12px;
    }
}