/* Pomonah Cinematic Styles */

/* Cinematic hero background */
.cinematic-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 0;
}
.cinematic-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(11,61,46,0.85) 0%, rgba(10,42,32,0.9) 100%);
}
.cinematic-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
}

/* Product gallery */
.product-gallery { position: relative; }
.main-product-image { width: 100%; height: 400px; object-fit: cover; border-radius: 12px; transition: opacity 0.3s; }
.product-thumbnails { display: flex; gap: 10px; margin-top: 12px; overflow-x: auto; padding-bottom: 6px; }
.product-image-thumb {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.2s, transform 0.2s;
    flex-shrink: 0;
}
.product-image-thumb:hover,
.product-image-thumb.active { border-color: #C8A951; transform: scale(1.05); }

/* Zoom overlay */
.image-zoom-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.9);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
    opacity: 0;
    transition: opacity 0.3s;
}
.image-zoom-overlay.active { opacity: 1; }
.image-zoom-overlay img { max-width: 90vw; max-height: 90vh; border-radius: 8px; }

/* Animated section entrance */
.pomonah-fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.pomonah-fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Section heading underline */
.pomonah-section-title {
    font-family: 'Poppins', sans-serif;
    color: #0B3D2E;
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}
.pomonah-section-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 3px;
    background: #C8A951;
    border-radius: 2px;
}