.categories{

padding:26px 0;
padding-top:30px;

padding-bottom:18px;


}

.categories-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:26px;

}

.categories-header h2{

margin:0;

font-size:22px;

font-weight:700;

color:#fff;

}

.categories-header a{

display:flex;

align-items:center;

gap:8px;

font-size:15px;

font-weight:600;

color:#ff7d83;

text-decoration:none;

}

.categories-list{

display:grid;

grid-template-columns:repeat(6,1fr);

gap:8px;

padding:8px;

border-radius:16px;

background:#1b2140;

border:1px solid rgba(255,255,255,.05);

}

.category-card{

display:flex;

align-items:center;

gap:10px;

padding:14px 18px;

height:82px;

border-radius:14px;

background:#20253f;

border:1px solid rgba(255,255,255,.03);

text-decoration:none;

transition:.25s;

}

.category-card:hover{

background:#2d3559;

border-color:rgba(255,120,130,.20);

transform:translateY(-2px);

}

.category-icon{

width:44px;
height:44px;

display:flex;

align-items:center;



border-radius:12px;

}

.category-icon img{

width:35px;
height:35px;

display:block;

}


.category-info{

display:flex;

flex-direction:column;

justify-content:center;

}

.category-info h3{

margin:0;

font-size:15px;

font-weight:700;

color:#fff;

line-height:1;

}

.category-info p{

margin-top:5px;

font-size:13px;

font-weight:500;

color:#9ba3c8;

}

.categories .container{

    width:min(1920px,calc(100% - 40px));

    margin:0 auto;

}

@media(max-width:768px){


.categories{
padding-top:20px;
    padding:25px 0;

}


.categories .container{

    width:calc(100% - 40px);

}


.categories-header{

    margin-bottom:18px;

}


.categories-header h2{

    font-size:22px;

}


.categories-header a{

    font-size:14px;

}



.categories-list{

    display:flex;

    flex-direction:column;

    gap:10px;

    padding:10px;

    border-radius:18px;

}



.category-card{

    height:70px;

    padding:14px 18px;

    gap:16px;

    border-radius:14px;

}



.category-icon{

    width:42px;

    height:42px;

}



.category-icon img{

    width:32px;

    height:32px;

}



.category-info h3{

    font-size:16px;

}



.category-info p{

    font-size:13px;

}


}