h1{
    font-weight: 500;
    line-height: 1.4;
    font-size: 34px;
}
.section-catalog{
    padding-top:128px;
}
.catalog-wrapper{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap:32px;
}
.catalog-wrapper a{
    background: #ffffff6e;
    margin-bottom: 10px;
}
.breadcrumbs {
    padding:0;
}
.category-wrapper{
    width:100%;
    border-radius:12px;
    transition:transform .3s;
}
.category-wrapper:hover{
    transform:scale(1.02);
    transition:transform .3s;
}
.category-photo-wrapper{
    aspect-ratio:1 / 1;
    width:100%;
        display: flex;
    justify-content: center;
}
.category-wrapper:hover>.category-title-wrapper>p{
    color:#7F3476;
    transition:color .3s ease,font-weight .3s ease;
    font-weight:600;
}
.category-wrapper:hover>.category-photo-wrapper img{
    border-color:#7F3476;
    transition:border-color .3s ease;
}
.category-photo-wrapper img{
    width:100%;
    height: 100%;
    object-fit: cover;
    border: 2px solid #373a3b38;
    padding: 5px;
    border-radius: 12px;

}
.category-title-wrapper {
    text-align:center;
    margin-top: 15px;
}
.catalog-sections{
    display:flex;
    gap:40px;
    padding-top: 15px;
}
.left-side{
    width:20%;
}
.right-side{
    width:80%;
}
.sidebar-menu{
    
}
ul.categories,ul.subcategories{
    list-style-type:none;
    display:flex;
    flex-direction:column;
}
.category-item {
    margin: 5px 0;
    border-bottom: 1px solid;
    padding: 8px 0;
     transition: border-color 0.3s ease 0.3s;
    
}
.category-item.open{
    border-bottom-color: transparent;
    transition-delay: 0s; 
}
.category-item  a {
	position: relative;
	line-height: 1;
	display:inline-block;
}
.category-item:hover{
    border-color:#7F3476;
}
.category-item.open:hover {
    border-color:transparent;
}
.wrapp-sub:hover>a,.category-item:hover>a,.category-item:hover>.wrapp-sub> i,.category-item.open>.wrapp-sub> i{
    color:#7F3476;
    transition:color .3s ease;
}
.category-item> .wrapp-sub> a:before{
    display: block;
	position: absolute;
	left: 0; 
	bottom:-2px;
	width: 0;
	height: 2px; 
	background-color: #7F3476; 
	content: "";
	transition: width 0.3s ease-out; 
}
.category-item.open> .wrapp-sub> a:before{
    width: 100%;
}
.wrapp-sub:hover{
    cursor:pointer;
}
ul.subcategories{
    margin-left:10px;
}
.categories .wrapp-sub{
    display:flex;
    justify-content:space-between;
}
.sidebar-menu .subcategories {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition:
        max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(-10px);
}

.sidebar-menu .has-sub.open .subcategories {
    max-height: 500px; /* Установите значение больше максимальной высоты вашего подменю */
    opacity: 1;
    transform: translateY(0);
}
.sidebar-menu .has-sub .fa-angle-down:before {
    transition: transform 0.3s ease;
     transform: rotate(-90deg);
     display:inline-block;
}
.sidebar-menu .has-sub.open .fa-angle-down:before {
    transform: rotate(0deg);
}
.catalog-products-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 26px;
}
.catalog-products-wrapper {
    width: 100%;
}
.pagination-wrapper {
    display: flex;
    justify-content: center;
    margin-top:40px;
}
.pagination {
    display: flex;
    list-style: none;
    gap:10px;
}
.pagination li {
    margin: 0;
}
.pagination li a,
.pagination li span {
    display: block;
    padding: 10px 15px;
    background: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.pagination li.active a{
    background: #7F3476;
    color: white;
    border-color: #7F3476;
}
.pagination li a:hover {
    background: #7F3476;
    color: white;
    border-color: #7F3476;
}
.pagination li.disabled span {
    opacity: 0.5;
    cursor: not-allowed;
    background: #e9ecef;
}
.pagination li.prev a,
.pagination li.next a {
    font-weight: bold;
}
@media (max-width: 1024px){
    .left-side{
        width:25%;
    }
    .right-side {
        width:75%;
    }
}
@media (max-width: 768px) {
    .section-catalog {
        padding-top:70px;
    }
    .catalog-sections{
        flex-direction:column;
        gap:18px;
        padding-top:0px;
    }
    .catalog-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 1px;
    }
    .category-wrapper{
        padding:0;
    }
    ul.subcategories{
        margin-left:0;
    }
    ul.subcategories .category-item:before{
        content: "•";
        color: #7F3476;
        font-size: 35px;
        padding: 0 5px;
        transform: translateY(-24%);
        line-height: .5;
        display: flex;
        align-items: center;
    }
    .subcategories .category-item {
        display: flex;
    }
    .catalog-products-wrapper{
        justify-content:center;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        max-width:none;
    }
    .catalog-products-wrapper .category-wrapper{
        max-width:400px;
    }
    .left-side{
        width:100%;
    }
    .right-side{
        width:100%;
    }
    .category-photo-wrapper img { 
        width: 90%;
    }
    ul.categories li:last-child, ul.subcategories li:last-child {
        border:none;
    }
    .subcategories .category-item{
        border:none;
    }
    .category-title-wrapper > p{
        display: -webkit-box; 
        -webkit-box-orient: vertical; 
        -webkit-line-clamp: 2; 
        max-height: 38px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.2; 
        width: 95%;
    }
    .pagination .control{
        display:none;
    }
  
   
}