.home-categories{
    padding:110px 0;
    background:var(--secondary);
}
.home-categories .section-title{
    text-align:center;
    margin-bottom:60px;
}
.home-categories .section-title h2{
    color:var(--white);
    font-size:42px;
    font-weight:800;
    margin-bottom:15px;
}
.home-categories .section-title p{
    color:var(--text);
    font-size:17px;
}
.categories-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}
.category-card{
    background:var(--card);
    border:1px solid rgba(214,177,95,.18);
    border-radius:26px;
    overflow:hidden;
    transition:var(--transition);
    display:flex;
    flex-direction:column;
    height:100%;
}
.category-card:hover{
    transform:translateY(-8px);
    border-color:var(--gold);
    box-shadow:var(--shadow);
}
.category-image{
    aspect-ratio: 16/9;
    overflow:hidden;
    background:var(--dark);
}
.category-image picture,
.category-image img{
    width:100%;
    height:100%;
    display:block;
}
.category-image img{
    object-fit:cover;
    transition:var(--transition-slow);
}
.category-card:hover .category-image img{
    transform:scale(1.08);
}
.category-body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:28px;
}
.category-body ul{
    list-style:none;
    padding:0;
    margin:0 0 30px;
    flex:1;
}
.category-body ul li{
    color:var(--text);
    margin-bottom:12px;
    position:relative;
    padding-right:18px;
    line-height:1.8;
}
.category-body ul li::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--gold);
    position:absolute;
    right:0;
    top:12px;
}
.category-body p{
    color:var(--text);
    line-height:2;
    flex:1;
}
.category-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:auto;
    align-self:flex-start;
    padding:12px 28px;
    border-radius:50px;
    background:linear-gradient(135deg, var(--gold), var(--gold-light));
    color:var(--primary);
    font-weight:700;
    font-size:14px;
    transition:transform var(--transition), box-shadow var(--transition);
}
.category-btn:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-gold-hover);
}
@media(max-width:1200px){
.categories-grid{
    grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.home-categories{
    padding:80px 0;
}
.categories-grid{
    grid-template-columns:1fr;
}
.category-body{
    padding:22px;
}
}