/* ================================================================
   GALLERY PAGE STYLES — Dr. Consultant
   ================================================================ */

/* --- Gallery Page specific styles --- */
.gallery-cards-grid {
    column-count: 3;
    column-gap: 2rem;
}
@media (max-width: 992px) {
    .gallery-cards-grid {
        column-count: 2;
    }
}
@media (max-width: 576px) {
    .gallery-cards-grid {
        column-count: 1;
    }
}

.general-service-card {
    display: inline-block;
    width: 100%;
    margin-bottom: 2rem;
    break-inside: avoid;    /* Prevents card from splitting between columns */
    box-shadow: var(--shadow-md);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: var(--transition);
}
.service-card-img {
    width: 100%;
    height: auto;          /* Natural aspect ratio - no cropping or cutoffs! */
    display: block;
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
    transition: opacity 0.3s ease;
}
.general-service-card:hover .service-card-img {
    opacity: 0.93;
}