/* ─────────────────────────────────────────────────────────────────────────────
   Platinum Nails & Spa — custom overrides
   Loaded on top of the simplinail-v3 template stylesheet.
   ───────────────────────────────────────────────────────────────────────────── */

/* About image: taller crop so the interior renders fully on desktop */
.ven-about-media img {
    max-height: 540px;
}

/* ── Home Gallery Section (Our Gallery preview) ── */
.ven-home-gallery {
    padding: 70px 0;
    background: var(--blush);
}

.ven-home-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.ven-home-gallery-item {
    position: relative;
    aspect-ratio: 1;
    border: 2px solid var(--accent);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 1s ease, box-shadow 1s ease;
}

.ven-home-gallery-item:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 32px rgba(248, 113, 22, 0.22);
}

.ven-home-gallery-item img {
    display: none;
}

.ven-home-gallery-cta {
    text-align: center;
    margin-top: 42px;
}

.ven-home-gallery-cta .ven-btn:hover {
    background: var(--brown);
    border-color: var(--brown);
    color: #fff;
}

@media (max-width: 992px) {
    .ven-home-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .ven-home-gallery {
        padding: 50px 0;
    }
    
    .ven-home-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 560px) {
    .ven-home-gallery-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .ven-mobile-book-btn {
        padding-right: 13px;
    }
}