/* Listing card layout — single file (was duplicated per card in HTML) */
@media (max-width: 640px) {
    .listing-card-photo {
        height: 10rem !important;
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .listing-card-photo {
        height: 14rem !important;
    }
}

@media (min-width: 769px) {
    .listing-card-photo {
        height: 16rem !important;
    }
}

.salon-badge {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #1e3a8a 100%);
    padding: 3px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: inline-block;
}

@media (min-width: 769px) {
    .listing-params-text {
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    .listing-card-id {
        font-size: 0.625rem !important;
    }
    .listing-card-rating {
        font-size: 0.625rem !important;
    }
    .listing-card-star {
        font-size: 0.75rem !important;
    }
    .listing-card-btn {
        font-size: 0.875rem !important;
        padding: 6px 10px !important;
    }
}

@media (min-width: 769px) {
    .listing-card-id {
        font-size: 0.75rem !important;
    }
    .listing-card-rating {
        font-size: 0.7rem !important;
    }
    .listing-card-star {
        font-size: 0.9rem !important;
    }
    .listing-card-btn {
        font-size: 0.95rem !important;
        padding: 8px 12px !important;
    }
}