/*.catalog-menu {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    max-width: 1600px;*/
/*    margin-right: 10px;*/
/*}*/

/*.catalog-btn {*/
/*    display: flex;*/
/*    gap: 5px;*/
/*    align-items: center;*/
/*    background: #66b924;*/
/*    border-radius: 5px;*/
/*    color: #fff;*/
/*    padding: 10px 20px;*/
/*    cursor: pointer;*/
/*    user-select: none;*/
/*}*/

/*.menu-wrapper {*/
/*    display: block; !* скрыто по умолчанию *!*/
/*    position: relative;*/
/*    top: 100%;*/
/*    left: 0;*/
/*    background: #fff;*/
/*    min-width: 250px;*/
/*    border: 1px solid #ddd;*/
/*    z-index: 1000;*/
/*}*/

/*.catalog-menu:hover .menu-wrapper {*/
/*    display: block; !* показать при наведении на Каталог *!*/
/*}*/

/*.menu-item {*/
/*    position: relative;*/
/*}*/

/*.menu-link {*/
/*    display: block;*/
/*    padding: 8px 15px;*/
/*    color: #333;*/
/*    text-decoration: none;*/
/*    white-space: nowrap;*/
/*}*/

/*.menu-link:hover {*/
/*    background: #f5f5f5;*/
/*}*/

/*.submenu {*/
/*    display: none; !* скрыто по умолчанию *!*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 100%; !* всегда вправо *!*/
/*    min-width: 220px;*/
/*    background: #fff;*/
/*    border: 1px solid #ddd;*/
/*    z-index: 1000;*/
/*}*/

/*.menu-item:hover > .submenu {*/
/*    display: block; !* показываем подменю при наведении *!*/
/*}*/

/*!* Адаптив: на мобилке меню превращается в вертикальное *!*/
/*!*@media (max-width: 1200px) {*!*/
/*!*    .menu-wrapper {*!*/
/*!*        position: static;*!*/
/*!*        border: none;*!*/
/*!*    }*!*/
/*!*    .submenu {*!*/
/*!*        position: static;*!*/
/*!*        border: none;*!*/
/*!*    }*!*/
/*!*}*!*/
/*@media (max-width: 700px) {*/
/*    .catalog-menu {*/
/*        display: none;*/
/*    }*/
/*}*/


/*.catalog-menu {*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*}*/

/*.menu-wrapper {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(4, 1fr);*/
/*    gap: 20px;*/
/*    background: #fff;*/
/*    padding: 20px;*/
/*}*/

/*.menu-column {*/
/*    min-width: 200px;*/
/*}*/

/*.menu-parent {*/
/*    font-weight: bold;*/
/*    margin-bottom: 8px;*/
/*    font-size: 1.2em;*/
/*    cursor: pointer;*/

/*}*/
/*.menu-parent a {*/
/*    color: black;*/

/*}*/

/*.menu-first-level .menu-item {*/
/*    position: relative;*/
/*    padding: 5px 0;*/
/*    font-size: 14px;*/
/*}*/

/*.menu-first-level .menu-item a {*/
/*    text-decoration: none;*/
/*    color: #333;*/
/*    transition: color 0.2s;*/
/*}*/

/*.menu-first-level .menu-item:hover > a {*/
/*    color: #ff6600;*/
/*}*/

/*!* Подменю скрыто по умолчанию *!*/
/*.submenu {*/
/*    display: none;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 100%;*/
/*    !*max-width: 180px;*!*/
/*    background: #fff;*/
/*    border: 1px solid #ddd;*/
/*    z-index: 1000;*/

/*}*/

/*.submenu-item {*/
/*    padding: 10px 15px;*/
/*    border-bottom: 1px solid #bdbdbd;*/
/*}*/

/*.submenu-item:hover {*/
/*    background-color: #bbbbbb;*/
/*}*/

/*!* Показ при наведении *!*/
/*.menu-item:hover > .submenu,*/
/*.submenu-item:hover > .submenu {*/
/*    display: block;*/
/*}*/

/*!* Мобильная версия — всё в одну колонку *!*/
/*@media (max-width: 768px) {*/
/*    .menu-wrapper {*/
/*        grid-template-columns: 1fr;*/
/*        gap: 10px;*/
/*    }*/

/*    .submenu {*/
/*        position: static;*/
/*        border: none;*/
/*        display: none;*/
/*        padding-left: 15px;*/
/*    }*/

/*    .menu-item.open > .submenu,*/
/*    .submenu-item.open > .submenu {*/
/*        display: block;*/
/*    }*/
/*}*/

.categories-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: 0 15px 40px 15px;
}

.category-item, .subcategory-item {
    padding: 8px;
    border-radius: 6px;
}

.category-header, .subcategory-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.category-header a, .subcategory-header a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.toggle-arrow {
    width: 10px;
    height: 10px;
    border: solid #555;
    border-width: 0 2px 2px 0;
    display: inline-block;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    padding: 1px;
}

.toggle-arrow.open {
    transform: rotate(135deg);
}

.subcategory-list {
    display: none;
    margin-top: 5px;
    padding-left: 15px;
    border-left: 2px solid #eee;
}

.subcategory-list.open {
    display: block;
}

/* Адаптивность */
@media (max-width: 768px) {
    .categories-wrapper {
        grid-template-columns: 1fr;
    }
}


.catalog-link-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;

    margin: 20px;
    font-weight: bolder;
}

.catalog-link-title-item{
    color: black;
    cursor: pointer;
}