.az-wrapper {
    max-width: 1200px;
    margin: auto;
}

/* FILTER */
.az-filter-bar {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.az-filter-bar input,
.az-dropdown,
#az-clear {
    height:45px;
    border-radius:25px;
}

.az-filter-bar input {
    flex:2;
    background:#111;
    border:1px solid #333;
    color:#fff;
    padding:0 15px;
}

/* DROPDOWN */
.az-dropdown { flex:1; position:relative; }

.az-dropdown-selected {
    height:45px;
    background:#111;
    border:1px solid #333;
    color:#fff;
    padding:0 15px;
    display:flex;
    align-items:center;
}

.az-dropdown-options {
    display:none;
    position:absolute;
    width:100%;
    background:#111;
}

.az-dropdown.active .az-dropdown-options { display:block; }

/* CARD */
.az-card {
    display:flex;
    border-radius:20px;
    overflow:hidden;
    background:#000;
}

.az-card.left { flex-direction:row-reverse; }

.az-img { flex:1; }

.az-img img {
    width:100%;
    height:100%;
    min-height:300px;
    object-fit:cover;
}

.az-content {
    flex:1;
    padding:40px;
}

/* BUTTON */
.btn-primary {
    background:#32c9ff;
    padding:10px 20px;
    border-radius:6px;
    color:#fff;
}

.btn-outline {
    border:1px solid #32c9ff;
    padding:10px 20px;
    color:#fff;
}

/* MOBILE */
@media(max-width:768px){
    .az-card {
        flex-direction:column !important;
    }

    .az-content {
        padding:20px;
    }
}