.main {
    padding-top: 0px;
}

.catalog-page,
.catalog-page * {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333e48;
}

.search-catalog__input {
    padding: 9px 12px 9px 12px;
}

    .navbar-mobile__icon--catalog:hover::before {
        background-color: #a73afd;
    }

    @media (max-width: 1199.98px) {
        .nav-element__logo {
            width: 300px;
        }
    }

    .nav-element__logo {
        justify-content: start;
    }


    .header {
        background: #333e48;
    }



    @media (min-width: 1199.98px) {
        .hide-small-desktop {
            display: none !important
        }
    }

    @media (max-width: 1199.98px) {
        .hide-menu-mobile {
            display: none !important
        }

        .nav-element__logo {
            width: 300px;
        }

    }

    .btn-main,
    .btn-main.progress:active,
    .btn-main.progress:hover {
        background: #333e48;
        border-color: #9d9da5;
    }

    .btn-main:hover {
        background: #f7ca00;
        border-color: #f2c200;
        border: 2px solid transparent;
    }

    .popup .popup__btn-main,
    .popup .popup__btn-main.progress:active,
    .popup .popup__btn-main.progress:hover {
        background: #ffd814;
        border: 2px solid transparent;
    }

    .navbar-mobile__icon.navbar-mobile__icon--active::before {
        background-color: #ffd814;
    }

    .navbar-mobile__icon--catalog:hover::before {
        background-color: #ffd814;
    }

    .radio-with-text .radio-with-text__decor::after {
        content: '';
        width: 10px;
        height: 10px;
        top: 4px;
        left: 4px;
        background: #ed0b0cff;
        border-radius: 50%;
        position: absolute;
        display: none;
    }

    .radio-with-text input:checked~.radio-with-text__decor,
    .radio-with-text.selected .radio-with-text__decor {
        border: 2px solid #ed0b0cff;
    }


    @media (max-width: 1023.98px) {
        .nav-element__logo {
            width: 90px;
        }
    }

    @media (min-width: 1024px) {
    }

    .wrapper_ZDIos {
        align-items: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-top: 1px solid #ddd;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 80px;
        overflow: hidden;
        padding-top: 16px;
        padding-bottom: 16px;
        position: relative;
        text-align: center;
    }

    .textWrapper_Ol_lc {
        position: relative;
        width: 100%;
    }

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

    .categoryTitle_r3Kaq {
        color: back;
        color: #000;
        font-family: futura-pt, sans-serif;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 1.7px;
        line-height: 30px;
        padding: 0 16px 8px;
    }

    .categoryDescription_t3uUd {
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%;
    }

    .button_C0YQW {
        background: none;
        border: none;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .container_kZDbL {
        margin: 0 auto 8px;
        max-width: 650px;
    }




    @media (min-width: 768px) {
        .icon_zRNsV {
            margin: 8px 16px;
        }
    }

    .icon_zRNsV {
        display: inline-block;
        max-width: calc(10% - 8px);
        position: absolute;
        width: 10px;
    }

    .iconUp_Dn2DY {
        margin: 8px 0;
        top: 50%;
        transform: rotate(180deg);
    }


    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {
        .promo-category-page .list-category__item:hover {
            color: #ed0b0cff
        }
    }

    @media (hover: hover) and (pointer:fine) {
        .promo-category-page .list-category__item:hover {
            color: #ed0b0cff
        }
    }

    @media (max-width: 1023.98px) {

        /* махаме grid позициониране за долния блок на мобилен */
        .mainWrap--ZLbE5 .bottomBlock--MJcDX {
            grid-area: auto !important;
            width: 100%;
            margin: 8px 0 0 0;
            padding: 12px 16px 16px;
            box-sizing: border-box;
        }

        /* контейнeрът – вертикално подреждане */
        .productCatalogLinks--cwcgr {
            display: block;
            border-top: 1px solid #e8e8f0;
            padding-top: 12px;
        }

        /* всеки блок заема цялата ширина, с отстъп между тях */
        .productCatalogLinks--cwcgr .productCatalogLinksBlock--TEXlg,
        .productCatalogLinks--cwcgr .productCatalogLinksBlock--TEXlg.productCatalogLinksBlockBrand--bFk2i {
            width: 100%;
            max-width: 100%;
            margin: 0 0 6px 0;
            /* разстояние между двата реда */
        }

        /* махаме десктоп градиента вдясно */
        .productCatalogLinks--cwcgr .productCatalogLinksBlock--TEXlg:after {
            display: none;
        }

        .categoryLink--bNud1 {
            display: block;
            width: 100%;
            white-space: normal;
        }
    }

    @media (max-width: 575.98px) {
        html,
        body {
            max-width: 100%;
            overflow-x: hidden;
        }
    }