.resort-grid{
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.resort-grid .btn{
    width: 100%;
}

.image-wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.image-wrapper {
    border-radius: 16px;
    overflow: hidden;
}

.btn-check:checked + .btn-outline-secondary {
    background-color: #4a5568; /* neutral dark */
    border-color: #4a5568;
    color: #fff;
}

.btn-outline-secondary {
    border-color: #d1d5db;
    color: #4b5563;
}

.resort-grid .btn-filter-all {
    background: #f3f4f6;
    border: 1px dashed #9ca3af;
    color: #374151;
    font-weight: 500;
}

.resort-grid .btn-filter-all:hover {
    background: #e5e7eb;
}

.resort-grid .btn-filter-all.active {
    background: #111827;
    border: 1px solid #111827;
    color: #fff;
}