/* v-page.css | DELECON® 2026 LUXURY FRAMEWORK
   Unified: Mobile-Gutter Protection + Cinematic UI
*/

:root {
    --luxury-gap: 60px;      /* Reduced from 100px to fix big gaps */
    --mobile-gap: 35px;      /* Reduced for tighter mobile viewing */
    --side-gutter: 20px;
    --delecon-gold: linear-gradient(135deg, #c5a059 0%, #f9e2af 50%, #c5a059 100%);
}

.wrap {
    max-width: 1400px;
    width: 100% !important;
    margin: 0 auto;
    padding-left: var(--side-gutter) !important;
    padding-right: var(--side-gutter) !important;
    box-sizing: border-box !important;
}

.section-gap {
    padding-top: var(--luxury-gap);
    padding-bottom: var(--luxury-gap);
    border-bottom: 1px solid rgba(0,0,0,0.05); /* Subtle separator */
}

/* Fix for Hero and specific section spacing */
.hero-mumbai-master {
    height: 85vh; 
    overflow: hidden; 
    background: #000;
    display: flex; 
    align-items: flex-end;
}

@media screen and (max-width: 767px) {
    :root {
        --luxury-gap: var(--mobile-gap);
    }
    .section-gap {
        padding-top: var(--luxury-gap) !important;
        padding-bottom: var(--luxury-gap) !important;
    }
}