/* ============================================
   LUXURY SMOOTH FADE-IN ANIMATION SYSTEM
   SIMPLE VERSION - All images visible by default
   ============================================ */

/* ========== ALL IMAGES VISIBLE BY DEFAULT ========== */
img, video {
    opacity: 1 !important;
}

/* ========== SECTION ANIMATIONS ========== */
section:not(.navbar):not(header),
.product-section,
.hero-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
section.visible:not(.navbar),
.product-section.visible,
.hero-section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ========== HEADINGS (inside sections only) ========== */
section h1, section h2, section h3, section h4, section h5, section h6,
.product-section h1, .product-section h2, .product-section h3,
.hero-section h1, .hero-section h2, .hero-section h3 {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
section.visible h1, section.visible h2, section.visible h3, 
section.visible h4, section.visible h5, section.visible h6,
.product-section.visible h1, .product-section.visible h2, .product-section.visible h3,
.hero-section.visible h1, .hero-section.visible h2, .hero-section.visible h3 {
    opacity: 1;
    transform: translateY(0);
}

/* ========== PARAGRAPHS (inside sections only) ========== */
section p, section .text-muted, section .lead,
.product-section p, .hero-section p {
    opacity: 0;
    transition: opacity 0.5s ease-out;
    transition-delay: 0.1s;
}
section.visible p, section.visible .text-muted, section.visible .lead,
.product-section.visible p, .hero-section.visible p {
    opacity: 1;
}

/* ========== BUTTONS (inside sections only) ========== */
section .btn, section .btn-cta,
.product-section .btn, .product-section .btn-cta,
.hero-section .btn, .hero-section .btn-cta {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out, background 0.3s ease, box-shadow 0.3s ease;
    transition-delay: 0.2s;
}
section.visible .btn, section.visible .btn-cta,
.product-section.visible .btn, .product-section.visible .btn-cta,
.hero-section.visible .btn, .hero-section.visible .btn-cta {
    opacity: 1;
    transform: scale(1);
}

/* ========== LISTS (inside sections only) ========== */
section ul, section ol, section li,
.product-section ul, .product-section ol, .product-section li {
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
section.visible ul, section.visible ol, section.visible li,
.product-section.visible ul, .product-section.visible ol, .product-section.visible li {
    opacity: 1;
    transform: translateX(0);
}

/* ========== CARDS ========== */
section .card, section .product-card, section .price-highlight,
.product-section .card, .product-section .product-card, .product-section .price-highlight {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
section.visible .card, section.visible .product-card, section.visible .price-highlight,
.product-section.visible .card, .product-section.visible .product-card, .product-section.visible .price-highlight {
    opacity: 1;
    transform: translateY(0);
}

/* ========== FADE UTILITY CLASSES ========== */
.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}
.fade-in.visible {
    opacity: 1;
}

/* Staggered delays */
.stagger-1 { transition-delay: 0.1s; }
.stagger-2 { transition-delay: 0.2s; }
.stagger-3 { transition-delay: 0.3s; }
.stagger-4 { transition-delay: 0.4s; }
.stagger-5 { transition-delay: 0.5s; }
.stagger-6 { transition-delay: 0.6s; }

/* ========== ALWAYS VISIBLE ========== */
.navbar, .navbar *, header, header *,
.dropdown-menu, .dropdown-menu *,
footer, footer *,
input, select, textarea, label, form,
.toast, .alert, .flash-message,
.expand-video-btn, .close-modal-btn, .modal-close-btn,
.btn-back-products {
    opacity: 1 !important;
    transform: none !important;
}