/**
 * CRITICAL PERFORMANCE FIX - Landing Page
 * Fixes layout without breaking animations
 */

/* === FULL WIDTH LAYOUT === */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
}

section, .section {
    width: 100% !important;
    max-width: 100vw !important;
}

.container {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* === HIDE LOADING OVERLAY === */
.loading-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Make content visible */
body {
    visibility: visible !important;
    opacity: 1 !important;
}

/* === PRODUCT CARDS === */
.vigthoria-products-section .container {
    max-width: 1800px !important;
}

.vigthoria-products-section .row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 24px !important;
}

/* === HIDE DUPLICATE ELEMENTS IN PRODUCT CARDS === */
.product-card .animated-placeholder,
.product-card .animation-container {
    display: none !important;
}

/* Ensure videos and images show correctly */
.product-card .product-preview-image {
    display: block !important;
}

.product-card .product-video {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-card:hover .product-video {
    opacity: 1;
}

/* === FOOTER === */
footer, .footer {
    width: 100% !important;
    max-width: 100vw !important;
}

/* === HERO SECTION === */
.hero-section {
    width: 100% !important;
    max-width: 100vw !important;
}