.zoo-filters-wrapper{
    margin-bottom:20px;
    display:flex;
    justify-content:flex-end;
}

.zoo-filters{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
}

.zoo-filters select{
    padding:10px;
    border-radius:6px;
    border:1px solid #ddd;
}

.zoo-filters button{
    padding:10px 16px;
    background:#2e0c02;
    color:#fff;
    border:none;
    font-weight:bold;
    cursor:pointer;
    border-radius:6px;
}

.zoo-card{
    height:320px;
    position:relative;
    overflow:hidden;
    border-radius:14px;
}

.zoo-card .img{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
}

.zoo-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:##2e0c02;
    opacity:0.35;
}

.overlay{
    position:absolute;
    bottom:0;
    width:100%;
    padding:20px;
    color:#fff;
    background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);
}

/* OVERLAY COLOR (AFTER EFFECT) */
.zoo-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:#C89425;
    opacity:0.35;
    z-index:1;
}

.overlay h3{
    margin:0;
    font-size:18px;
    color:#fff;
}

.overlay a{
    display:inline-block;
    margin-top:10px;
    background:#fff;
    padding:8px 12px;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    border-radius:6px;
}

.swiper-button-next,
.swiper-button-prev{
    color:#2e7d32;
}