<style>

/* ==========================================================================
   GLOBAL & RESET UTILITIES
   ========================================================================== */
.luxury-hero-slider-section, .luxury-ticker-section, .luxury-products-section {
    box-sizing: border-box;
}

/* ==========================================================================
   SECTION 1: HERO SLIDER
   ========================================================================== */
.luxury-hero-slider-section {
    position: relative;
    width: 100%;
    height: 85vh;
    overflow: hidden;
    background-color: #111111;
    margin: 0 !important;
    padding: 0 !important;
}

.hero-carousel {
    width: 100%;
    height: 100%;
    position: relative;
}

.carousel-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.carousel-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
    display: flex;
    align-items: center;
    padding-left: 8%;
    z-index: 1;
}

.carousel-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15); 
    z-index: 2;
}

.carousel-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 3;
}

.hero-slider-content {
    color: #ffffff;
    max-width: 650px;
    z-index: 5;
    position: relative;
}

.slider-slogan {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 26px;
    font-weight: 400;
    display: block;
    margin-bottom: 12px;
    text-transform: none;
    letter-spacing: 0.5px;
}

.slider-main-title {
    font-family: 'Inter', sans-serif;
    font-size: 46px;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 4px;
    margin-bottom: 35px;
    color: #fff;
}

.btn-slider-shop {
    display: inline-block;
    background-color: #ffffff;
    color: #111111;
    padding: 15px 50px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-decoration: none;
    border-radius: 0px;
    transition: background-color 0.3s, color 0.3s;
}

.btn-slider-shop:hover {
    background-color: #111111;
    color: #ffffff;
}

.carousel-indicators {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
    z-index: 10;
}

.indicator-line {
    width: 45px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    transition: background-color 0.3s;
}

.indicator-line.active {
    background-color: #ffffff;
}

/* ==========================================================================
   SECTION 2: INFINITE AUTO-SCROLL TICKER
   ========================================================================== */
.luxury-ticker-wrap {
    width: 100%;
    overflow: hidden;
    background-color: #000; 
    padding: 14px 0;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.luxury-ticker-track {
    display: flex;
    width: max-content;
    animation: luxuryMarquee 25s linear infinite;
    will-change: transform;
}

.ticker-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 35px;
    white-space: nowrap;
}

.ticker-icon {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
}

.ticker-text {
    font-family: 'Inter', sans-serif;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: capitalize;
}

@keyframes luxuryMarquee {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
}

/* ==========================================================================
   SECTION 3: PRODUCT GRID & TABS SYSTEM
   ========================================================================== */
.luxury-products-section {
    width: 100%;
    padding: 80px 0;
    background-color: #ffffff;
}

.luxury-fluid-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 4%;
}

.luxury-section-header {
    text-align: center;
    margin-bottom: 30px;
}

.luxury-section-header h2 {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 300;
    color: #111111;
    letter-spacing: 0.5px;
    margin: 0;
}

.luxe-heart {
    font-size: 28px;
    display: inline-block;
    margin-left: 5px;
}

.luxury-tab-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.luxury-tab-filters .tab-btn {
    background: none;
    border: none;
    outline: none;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
    color: #444444;
    padding: 10px 24px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.luxury-tab-filters .tab-btn.active {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-weight: 500;
}

.tab-separator {
    color: #cccccc;
    font-size: 14px;
    user-select: none;
}

.luxury-products-grid-wrapper {
    position: relative;
    min-height: 300px;
    width: 100%;
}

#luxe-grid-loader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    z-index: 10;
    justify-content: center;
    align-items: center;
    font-family: 'Inter', sans-serif;
    color: #000000;
    font-weight: 500;
}

.luxury-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 60px;
    transition: opacity 0.3s ease;
}

/* Product Card Elements mapping template styles */
.luxury-product-card {
    background-color: #ffffff;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.product-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-color: #f7f7f7;
}

.product-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.luxury-product-card:hover .product-image-wrapper img {
    transform: scale(1.04);
}

.luxe-sale-badge {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000000 !important;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 5px 14px;
    letter-spacing: 0.5px;
    z-index: 4;
}

.product-info-wrapper {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.luxe-product-title {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #222222;
    margin: 0 0 10px 0;
    letter-spacing: 0.3px;
    line-height: 1.4;
}

/* WooCommerce Price Elements Formatting Overrides */
.luxe-price-container-dynamic {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    margin-top: 5px;
}

.luxe-price-container-dynamic del {
    color: #777777 !important;
    margin-right: 8px;
    font-weight: 400;
    text-decoration: line-through;
}

.luxe-price-container-dynamic ins {
    color: #000000 !important;
    font-weight: 500;
    text-decoration: none;
    background: transparent;
}

.luxe-price-container-dynamic .woocommerce-Price-amount {
    color: #000000;
    font-weight: 500;
}

.luxe-price-container-dynamic del .woocommerce-Price-amount {
    color: #777777 !important;
    font-weight: 400;
}

.luxury-action-footer {
    text-align: center;
}

.btn-luxe-viewall {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 16px 55px;
    text-decoration: none;
    border-radius: 0px; 
    transition: background-color 0.3s;
}

.btn-luxe-viewall:hover {
    background-color: #2b4cb3;
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES
   ========================================================================== */
@media (max-width: 1024px) {
    .luxury-products-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .luxury-section-header h2 { font-size: 28px; }
}

@media (max-width: 991px) {
    .luxury-hero-slider-section { height: 65vh; }
    .slider-main-title { font-size: 34px; letter-spacing: 2px; }
    .slider-slogan { font-size: 20px; }
    .carousel-slide { padding-left: 6%; }
    .btn-slider-shop { padding: 12px 40px; font-size: 12px; }
}

@media (max-width: 767px) {
    .luxury-ticker-wrap { padding: 10px 0; }
    .ticker-text { font-size: 13px; }
    .luxury-ticker-track { animation-duration: 18s; }
}

@media (max-width: 575px) {
    .luxury-products-grid { grid-template-columns: 1fr; }
    .luxury-tab-filters { gap: 5px; }
    .luxury-tab-filters .tab-btn { padding: 8px 12px; font-size: 11px; }
    .tab-separator { display: none; } /* Hide lines on small mobile for clean flow */
}
/* ==========================================================================
   SECTION 4: SPLIT 2-COLUMN BANNER GRID UTILITIES
   ========================================================================== */

.luxury-split-banner-section {
    width: 100%;
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* Perfect Edge-to-Edge Grid with zero gaps */
.luxe-banner-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 0;
}

.luxe-split-card {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Fixed aspect ratio setup for dynamic responsiveness */
.luxe-split-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* Pure mathematical square layout */
    overflow: hidden;
}

.luxe-split-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Subtle zoom effect scale on hover */
.luxe-split-card:hover .luxe-split-image-wrap img {
    transform: scale(1.03);
}

/* Absolute bottom centered interface position map */
.luxe-split-overlay-content {
    position: absolute;
    bottom: 12%; /* Perfectly balances above lower edge */
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    text-align: center;
    width: 100%;
}

/* Core Brand Color Custom Tag Button Override (#000000) */
.btn-luxe-split-tag {
    display: inline-block;
    background-color: #000000 !important; /* Royal Blue signature requested color */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 42px;
    border-radius: 0px; /* Sharp edge flat design mapping */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Interactive feedback states */
.btn-luxe-split-tag:hover {
    background-color: #2b4cb3 !important; /* Darker variant for visual depth click feel */
    transform: translateY(-2px);
}

/* ==========================================================================
   RESPONSIVE SCALING HANDLERS
   ========================================================================== */
@media (max-width: 991px) {
    .btn-luxe-split-tag {
        font-size: 12px;
        padding: 12px 32px;
        letter-spacing: 1.5px;
    }
}

@media (max-width: 767px) {
    /* Stack components vertically on compact handheld views */
    .luxe-banner-grid-container {
        grid-template-columns: 1fr;
    }
    
    .luxe-split-image-wrap {
        aspect-ratio: 4 / 3; /* Slight horizontal compression for mobile scrolling */
    }
    
    .luxe-split-overlay-content {
        bottom: 15%;
    }
}
/* ==========================================================================
   SECTION 5: THREE-COLUMN BRAND FEATURES
   ========================================================================== */

.luxury-features-section {
    width: 100%;
    background-color: #ffffff;
    padding: 90px 0; /* High breathability whitespace styling */
    border-bottom: 1px solid #f2f2f2;
}

.luxe-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    text-align: center;
}

.luxe-feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

/* Icon layout mapping from design images */
.luxe-feature-icon {
    width: 44px;
    height: 44px;
    color: #000000; /* Using requested Royal Blue tone for brand anchors */
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.4s ease;
}

.luxe-feature-item:hover .luxe-feature-icon {
    transform: translateY(-4px);
}

.luxe-feature-icon svg {
    width: 100%;
    height: 100%;
}

/* Minimalist Headline Typography */
.luxe-feature-title {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #111111;
    letter-spacing: 1.5px;
    text-transform: capitalize;
    margin: 0 0 14px 0;
}

/* Clean, easy-to-read prose settings */
.luxe-feature-desc {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
    color: #666666;
    margin: 0;
    max-width: 320px; /* Restricts word tracking for visual rhythm */
}

/* ==========================================================================
   RESPONSIVE SCALING HANDLERS
   ========================================================================== */
@media (max-width: 1024px) {
    .luxe-features-grid {
        gap: 30px;
    }
    .luxe-feature-desc {
        font-size: 12.5px;
    }
}

@media (max-width: 767px) {
    .luxury-features-section {
        padding: 60px 0;
    }
    /* Stacks elements gracefully into a single scroll stream on mobile devices */
    .luxe-features-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    .luxe-feature-desc {
        max-width: 100%;
        padding: 0 10%;
    }
}
/* ==========================================================================
   SECTION 6: 3-COLUMN CATEGORY SHOWCASE BLOCKS
   ========================================================================== */

.luxury-category-showcase-section {
    width: 100%;
    background-color: #ffffff;
    padding: 20px 0 10px 0; /* Creates fine padding gaps matching reference */
    margin: 0;
    overflow: hidden;
}

/* Fluid edge margin adjustments */
.luxury-fluid-container-full {
    width: 100%;
    padding: 0 0%;
    box-sizing: border-box;
}

/* 3-Column Equal Distribution Flex Layout */
.luxe-category-three-column-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; /* Subtle architectural border-gap feel */
    width: 100%;
}

.luxe-category-showcase-card {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Aspect ratio mimicking portrait high-fashion dimensions */
.luxe-category-media-box {
    position: relative;
    width: 100%;
    /*aspect-ratio: 3 / 4; /* Elegant vertical layout ratio */
    overflow: hidden;
    background-color: #fcfcfc;
}

.luxe-category-media-box img {
    width: 100%;
    height: 80%;
    object-fit: content;
    display: block;
    transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Zoom execution on mouse entry points */
.luxe-category-showcase-card:hover .luxe-category-media-box img {
    transform: scale(1.04);
}

/* Absolute positioning base line for tag overlays */
.luxe-category-tag-anchor {
    position: absolute;
    bottom: 25px; /* Offset spacing from lower bounding container */
    left: 20px;   /* Perfectly aligned to left margin track */
    z-index: 6;
}

/* Dynamic Signature Flat Banner Button Override */
.btn-luxe-cat-grid {
    display: inline-block;
    background-color: #000000 !important; /* Royal Blue identity tag code */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 38px;
    border-radius: 0px; /* Non-rounded minimalist architecture */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Interactive hover transitions */
.btn-luxe-cat-grid:hover {
    background-color: #2b4cb3 !important; /* Enhanced depth variant on active click paths */
    transform: translateY(-2px);
}

/* ==========================================================================
   RESPONSIVE GRID SCALING HANDLERS
   ========================================================================== */
@media (max-width: 1024px) {
    .btn-luxe-cat-grid {
        font-size: 11px;
        padding: 11px 28px;
        letter-spacing: 1.5px;
    }
    .luxe-category-tag-anchor {
        bottom: 18px;
        left: 15px;
    }
}

@media (max-width: 767px) {
    /* Shifts beautifully to single file scroll views on dynamic mobile monitors */
    .luxe-category-three-column-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .luxe-category-media-box {
        aspect-ratio: 4 / 5; /* Minor compression for better content scaling */
    }
    
    .luxury-fluid-container-full {
        padding: 0 4%;
    }
}
/* ==========================================================================
   SECTION 7: 50/50 SPLIT SHOWCASE
   ========================================================================== */

.luxury-fifty-split-section {
    width: 100%;
    background-color: #fbfbfb; /* Elegant soft premium off-white from image_c13254.png */
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.luxe-fifty-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    min-height: 650px; /* High-end editorial height scale */
}

/* Vertical alignments for typography centering */
.luxe-fifty-content-side {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 10%;
    background-color: #fbfbfb;
}

.luxe-fifty-text-wrapper {
    max-width: 440px;
    text-align: center;
}

/* Minimalist Editorial Headline Styling */
.luxe-fifty-heading {
    font-family: 'Inter', sans-serif;
    font-size: 38px;
    font-weight: 300;
    line-height: 1.3;
    color: #111111;
    letter-spacing: 2px;
    margin: 0 0 24px 0;
}

/* Flowing body prose */
.luxe-fifty-paragraph {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    color: #555555;
    letter-spacing: 0.5px;
    margin: 0 0 35px 0;
}

/* Image containment setup */
.luxe-fifty-image-side {
    position: relative;
    width: 100%;
}

.luxe-fifty-img-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.luxe-fifty-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* Brand Custom Flat Override Button (#000000) */
.btn-luxe-fifty {
    display: inline-block;
    background-color: #000000 !important; /* Royal Blue identity focus */
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 45px;
    border-radius: 0px; /* Crisp geometric edge alignment */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn-luxe-fifty:hover {
    background-color: #2b4cb3 !important;
    transform: translateY(-2px);
}

/* ==========================================================================
   RESPONSIVE SCALING HANDLERS
   ========================================================================== */
@media (max-width: 1199px) {
    .luxe-fifty-heading {
        font-size: 32px;
    }
    .luxe-fifty-container {
        min-height: 550px;
    }
}

@media (max-width: 991px) {
    .luxe-fifty-content-side {
        padding: 40px 6%;
    }
    .luxe-fifty-heading {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    /* Shifts stack order so text falls elegantly relative to image content on mobile */
    .luxe-fifty-container {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    
    .luxe-fifty-image-side {
        order: 1; /* Puts image layout at top or bottom context safely */
        aspect-ratio: 4 / 5;
    }
    
    .luxe-fifty-content-side {
        order: 2;
        padding: 60px 20px;
    }
}
/* Main Section Styling */
.luxury-video-banner-section {
    position: relative;
    width: 100%;
    height: 70vh; /* Aap ise apne hisab se 100vh (full screen) ya kam kar sakte hain */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 25px;
}

/* Video Container to stretch full size */
.luxe-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.luxe-video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Isse video bina stretch hue full container me fit rahegi */
}

/* Dark Overlay for better text visibility */
.luxe-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Black shade with 40% opacity */
    z-index: 2;
}

/* Content Box Wrapper on top of video */
.luxe-video-content-wrapper {
    position: relative;
    z-index: 3; /* Z-index video aur overlay se zyada hona chahiye */
    text-align: center;
    color: #ffffff;
    padding: 20px;
}
/* ==========================================================================
   SECTION 8: LUXURY VIDEO BANNER SHOWCASE (ROYAL BLUE THEME)
   ========================================================================== */

.luxury-video-banner-section {
    position: relative;
    width: 100%;
    height: 75vh;
    min-height: 500px;
    background-color: #000000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Video containment and background playback stability */
.luxe-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.luxe-video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* Contrast Shadow Layer */
.luxe-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Dynamic video control readability text shield */
    z-index: 2;
}

/* Typography placement stack alignment */
.luxe-video-content-wrapper {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 800px;
    padding: 0 20px;
    text-align: center;
}

/* New Premium Royal Blue Badge Styling */
.luxe-video-badge {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(65, 105, 225, 0.3);
}

.luxe-video-heading {
    font-family: 'Inter', sans-serif;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.3;
    color: #ffffff;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.luxe-video-paragraph {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.8);
    max-width: 500px;
    margin: 0 auto 35px auto;
}

/* Dynamic Royal Blue Button (#000000) Setup */
.btn-luxe-royal-blue {
    display: inline-block;
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 45px;
    border-radius: 4px; /* Sleek structural look matching badge curve */
    box-shadow: 0 6px 20px rgba(65, 105, 225, 0.35);
    transition: all 0.3s ease;
}

.btn-luxe-royal-blue:hover {
    background-color: #2b52c2 !important; /* Premium dark overlay shift on hover */
    box-shadow: 0 8px 25px rgba(65, 105, 225, 0.5);
    transform: translateY(-2px);
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */
@media (max-width: 991px) {
    .luxe-video-heading { font-size: 34px; }
    .luxury-video-banner-section { height: 60vh; }
}

@media (max-width: 767px) {
    .luxury-video-banner-section { height: 55vh; min-height: 420px; }
    .luxe-video-heading { font-size: 26px; letter-spacing: 1px; }
    .luxe-video-paragraph { font-size: 13px; margin-bottom: 25px; }
    .btn-luxe-royal-blue { padding: 12px 35px; font-size: 12px; }
}
/* ==========================================================================
   SECTION 9: LATEST ARTICLES / BLOG GRID SECTION
   ========================================================================== */

.luxe-blog-section {
    padding: 90px 0;
    background-color: #ffffff;
}

.luxe-blog-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Left Typography Stack Adjustments */
.luxe-blog-left-content {
    padding-top: 10px;
}

.luxe-blog-main-title {
    font-family: 'Inter', sans-serif;
    font-size: 38px;
    font-weight: 300;
    color: #111111;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

.luxe-blog-subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 35px;
}

/* Custom Royal Blue Dynamic Action Button #000000 */
.btn-luxe-blog-blue {
    display: inline-block;
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 40px;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(65, 105, 225, 0.25);
    transition: all 0.3s ease;
}

.btn-luxe-blog-blue:hover {
    background-color: #2b52c2 !important;
    box-shadow: 0 6px 20px rgba(65, 105, 225, 0.4);
    transform: translateY(-1px);
}

/* Post Cards Grid Mechanics */
.luxe-blog-card {
    display: flex;
    flex-direction: column;
}

.luxe-blog-img-link {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}

.luxe-blog-img {
    width: 100%;
    height: 380px; /* Exact height control matching the screenshot aspect ratio */
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.luxe-blog-card:hover .luxe-blog-img {
    transform: scale(1.03);
}

/* Metadata Text Configurations */
.luxe-blog-meta-body {
    padding: 0 5px;
}

.luxe-blog-post-title {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 12px;
    letter-spacing: 0.3px;
}

.luxe-blog-post-title a {
    color: #111111;
    text-decoration: none;
    transition: color 0.2s ease;
}

.luxe-blog-post-title a:hover {
    color: #000000; /* Accent change on hover */
}

.luxe-blog-post-excerpt {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    color: #555555;
    line-height: 1.7;
    margin-bottom: 14px;
    font-weight: 300;
}

.luxe-blog-date {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #999999;
    letter-spacing: 1px;
    display: block;
}

/* ==========================================================================
   RESPONSIVE DESIGN BREAKPOINTS
   ========================================================================== */
@media (max-width: 991px) {
    .luxe-blog-section { padding: 60px 0; }
    .luxe-blog-main-title { font-size: 32px; }
    .luxe-blog-img { height: 280px; }
}

@media (max-width: 767px) {
    .luxe-blog-img { height: 240px; }
    .luxe-blog-main-title { font-size: 28px; margin-bottom: 15px; }
    .luxe-blog-subtitle { margin-bottom: 25px; }
    .luxe-blog-left-content { margin-bottom: 15px; text-align: center; }
}
/* ==========================================================================
   SECTION 10: INSTAGRAM SLIDER & DYNAMIC NEWSLETTER
   ========================================================================== */

.luxe-footer-marketing-section {
    width: 100%;
    background-color: #fafafa;
}

/* Red Box Area Setup: Instagram Slider Layout */
.luxe-instagram-slider-container {
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background-color: #ffffff;
}

.luxe-slide-card {
    position: relative;
    width: 100%;
    height: 320px; /* Perfect square banner layout consistency */
    overflow: hidden;
    background-color: #ffffff;
}

.luxe-slide-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Plain Beige Specialized Slide Components */
.luxe-slide-card.plain-bg-beige {
    background-color: #fcf8f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.luxe-oval-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 80%;
    margin-bottom: 30px;
}

.luxe-oval-links a {
    display: block;
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #dcd1c4;
    border-radius: 50px; /* Oval shape structural setup */
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    letter-spacing: 1.5px;
    color: #555555;
    text-decoration: none;
    transition: all 0.3s ease;
}

.luxe-oval-links a:hover {
    border-color: #000000;
    color: #000000;
}

/* Typography Overlays on Carousel Slides */
.luxe-slide-text-overlay {
    position: absolute;
    z-index: 5;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.luxe-slide-text-overlay.bottom-left {
    bottom: 25px;
    left: 25px;
    text-align: left;
}

.luxe-slide-text-overlay h4 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 2px;
    margin: 0;
}

.luxe-slide-text-overlay.split-bottom {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #5c1e30; /* Fine custom contrast branding accent from snapshot */
}

.brand-tagline {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 1.3;
}

.insta-handle {
    font-size: 10px;
    letter-spacing: 0.5px;
}

.luxe-slide-text-overlay.center-right {
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
}

.luxe-slide-text-overlay.center-right p {
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 400;
}

/* --------------------------------------------------------------------------
   DYNAMIC NEWSLETTER FIELD DESIGN
   -------------------------------------------------------------------------- */
.luxe-newsletter-wrapper {
    padding: 75px 0;
    background-color: #fbfbfb;
}

.luxe-newsletter-title {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #222222;
    letter-spacing: 0.5px;
    margin-bottom: 40px;
}

.luxe-newsletter-form-container {
    max-width: 650px;
    margin: 0 auto;
}

/* Alignment handling for shortcodes & native elements alike */
.luxe-default-news-form, 
.luxe-newsletter-form-container form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.luxe-input-group {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #cccccc; /* Underline accent architecture matching photo */
    padding-bottom: 4px;
}

.luxe-news-input,
.luxe-newsletter-form-container input[type="email"] {
    flex: 1;
    border: none !important;
    background: transparent !important;
    padding: 12px 15px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: #333333;
    outline: none !important;
}

.luxe-news-input::placeholder {
    color: #888888;
}

/* Royal Blue Submission Trigger #000000 */
.btn-luxe-news-submit,
.luxe-newsletter-form-container input[type="submit"],
.luxe-newsletter-form-container button[type="submit"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 12px 35px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(65, 105, 225, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-luxe-news-submit:hover,
.luxe-newsletter-form-container input[type="submit"]:hover,
.luxe-newsletter-form-container button[type="submit"]:hover {
    background-color: #2b52c2 !important;
    box-shadow: 0 6px 16px rgba(65, 105, 225, 0.35);
}

/* Responsive Fixes */
@media (max-width: 767px) {
    .luxe-slide-card { height: 260px; }
    .luxe-newsletter-wrapper { padding: 50px 20px; }
    .luxe-newsletter-title { font-size: 20px; margin-bottom: 30px; }
    .luxe-input-group { flex-direction: column; border-bottom: none; gap: 15px; }
    .luxe-input-group { border-bottom: none; }
    .luxe-news-input { border-bottom: 1px solid #cccccc !important; width: 100%; }
    .btn-luxe-news-submit { width: 100%; padding: 14px; }
}
/* ==========================================================================
   DYNAMIC LUXURY ROYAL BLUE FOOTER OVERRIDES (FOR EXISTING HTML)
   ========================================================================== */

/* 1. Main Footer Container Background */
.luxe-royal-footer,
footer.site-footer, /* Generic WordPress theme selector class background fallback */
#colophon {
    background-color: #000000 !important; /* Royal Blue Background Enforced */
    color: #ffffff !important; /* All text turns clean crisp white */
    padding: 80px 0 0 0;
    font-family: 'Inter', sans-serif;
}

/* 2. Layout Structure Constraints */
.luxe-footer-container,
footer .container,
footer .site-footer-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* 3. Brand Text Elements & Main Headings Override */
.footer-title-brand,
footer h2,
footer h3 {
    font-size: 24px;
    font-weight: 400;
    color: #ffffff !important;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.footer-about-text,
footer p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85) !important; /* Soft white contrast layout look */
}

/* 4. Column Headings Alignment */
.footer-heading,
footer .widget-title,
footer h4 {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff !important;
    margin-bottom: 25px;
    letter-spacing: 0.3px;
    text-transform: capitalize;
}

/* 5. Links Stack Custom Configuration */
.footer-links-list,
footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

footer ul li {
    margin-bottom: 12px;
}

.footer-links-list li a,
footer ul li a,
footer a {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.2s ease;
    display: inline-block;
}

/* Smooth elegant white hover shift */
.footer-links-list li a:hover,
footer ul li a:hover,
footer a:hover {
    color: #ffffff !important;
    padding-left: 4px; /* Soft premium slide interaction micro-animation */
}

/* 6. Bottom Copyright Bar Rules Setup */
.luxe-footer-bottom-bar,
.site-info,
footer .footer-bottom {
    margin-top: 60px;
    padding: 25px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15); /* Thin sleek border layout separation line */
    background-color: rgba(0, 0, 0, 0.08) !important; /* Darker tonal royal blue sub-shade gradient accent overlay */
}

.copyright-text,
.site-info p,
footer .footer-bottom p {
    font-size: 13px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.75) !important;
    margin: 0;
    letter-spacing: 0.5px;
}

/* 7. Responsive Structural Breakpoints Layout Checks */
@media (max-width: 991px) {
    .luxe-royal-footer, footer.site-footer { padding: 50px 0 0 0; }
    .footer-heading, footer .widget-title, footer h4 { margin-bottom: 15px; margin-top: 15px; }
    .luxe-footer-bottom-bar, .site-info { margin-top: 40px; }
}
/* Parent Wrapper - Yeh check karega ki dono items screen ke andar hi rahein */

</style>