.elementor-552 .elementor-element.elementor-element-f8b03c9:not(.elementor-motion-effects-element-type-background), .elementor-552 .elementor-element.elementor-element-f8b03c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-552 .elementor-element.elementor-element-f8b03c9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-552 .elementor-element.elementor-element-f8b03c9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-552 .elementor-element.elementor-element-17ad5bc.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-552 .elementor-element.elementor-element-6239560{width:var( --container-widget-width, 92.271% );max-width:92.271%;--container-widget-width:92.271%;--container-widget-flex-grow:0;}@media(max-width:767px){.elementor-552 .elementor-element.elementor-element-f8b03c9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-552 .elementor-element.elementor-element-17ad5bc.elementor-column > .elementor-widget-wrap{justify-content:center;}}/* Start custom CSS for html, class: .elementor-element-6239560 *//* =============================================================
   1. COLOR ENGINE & VARIABLES
   ============================================================= */
:root {
    --bg-pure: #000000;
    --text-silk: #F5F5F7;        /* Premium soft white */
    --neon-ruby: #FF1F1F;        /* High-vibrancy brand red */
    --gold-24k: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
    --gold-solid: #D4AF37;
    --smoke: rgba(255, 255, 255, 0.45); /* Muted descriptions */
    --font-title: 'Montserrat', sans-serif; 
    --font-body: 'Inter', sans-serif;
}

.lp-menu-master {
    max-width: 850px;
    margin: 0 auto;
    color: var(--text-silk);
    padding-bottom: 120px;
    font-family: var(--font-body);
    scroll-behavior: smooth;
    background: var(--bg-pure);
}

/* =============================================================
   2. STICKY NAVIGATION (CENTERED GLASSMOPHISM)
   ============================================================= */
.lp-menu-nav {
    position: sticky; top: 0; z-index: 1000;
    background: rgba(0,0,0,0.92); 
    backdrop-filter: blur(12px); /* High-end glass effect */
    display: flex; 
    justify-content: center !important; /* Centered on PC */
    overflow-x: auto; padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    white-space: nowrap; -webkit-overflow-scrolling: touch;
    opacity: 0; animation: fadeInUp 0.8s ease-out forwards 0.5s;
}

.lp-menu-nav::-webkit-scrollbar { display: none; }

.lp-menu-nav a {
    color: var(--smoke); text-decoration: none; font-family: var(--font-title);
    font-weight: 800; font-size: 10px; letter-spacing: 1.5px;
    padding: 8px 18px; margin: 0 5px; border-radius: 20px; transition: 0.3s;
}

.lp-menu-nav a.active, .lp-menu-nav a:hover {
    color: #fff; background: var(--neon-ruby); 
    box-shadow: 0 0 15px rgba(255, 31, 31, 0.4);
}

/* =============================================================
   3. HEADER & LOGO (MINIATURE PC STYLE)
   ============================================================= */
.lp-menu-header { text-align: center; padding: 40px 20px; }

.menu-logo { 
    height: 55px !important; /* Discrete miniature size for PC */
    width: auto; margin-bottom: 15px; 
    filter: drop-shadow(0 0 10px rgba(255,31,31,0.2));
    animation: popIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.lp-menu-header h1 {
    font-family: var(--font-title); font-weight: 900; letter-spacing: 6px; font-size: 24px; margin: 0;
    text-shadow: 0 0 10px rgba(255, 31, 31, 0.4);
    opacity: 0; animation: fadeInUp 0.8s ease-out forwards 0.3s;
}

/* =============================================================
   4. GOLD HIERARCHY & SHEEN (L'EXPÉRIENCE)
   ============================================================= */
.lp-gold-hero, .lp-gold-box {
    border: 2px solid transparent; 
    border-image: var(--gold-24k) 1;
    background: rgba(0,0,0,0.85); 
    padding: 40px 20px; text-align: center; margin-bottom: 50px;
    position: relative; overflow: hidden; /* Clips the sheen */
    box-shadow: 0 0 35px rgba(191, 149, 63, 0.25);
}

/* THE PRESTIGE SHEEN SWEEP */
.lp-gold-hero::before {
    content: ''; position: absolute; top: -50%; left: -150%; width: 200%; height: 200%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.05), rgba(255,255,255,0.2), transparent);
    transform: rotate(45deg); animation: goldSweep 7s infinite linear;
}

.hero-price, .gold-price { 
    font-family: var(--font-title); font-size: 42px; font-weight: 900; 
    color: var(--gold-solid); margin-bottom: 10px;
}

/* =============================================================
   5. ITEM GRID & DOT LEADER ENGINE
   ============================================================= */
.lp-menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.menu-item { 
    background: rgba(255,255,255,0.02); padding: 18px; border-radius: 8px;
    transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.03);
}

.menu-item:hover {
    background: rgba(255,255,255,0.07); transform: translateY(-3px); /* Hover lift */
    border-color: rgba(255, 31, 31, 0.3);
}

.item-top { 
    display: flex; justify-content: space-between; align-items: baseline; 
    font-family: var(--font-title); font-weight: 700; font-size: 15px; 
}

/* Dot Leader Logic */
.item-dots { 
    flex-grow: 1; /* Automatically fills empty space */
    border-bottom: 2px dotted rgba(255,255,255,0.12); 
    margin: 0 12px; position: relative; top: -4px; 
}

/* Neon Ruby Price */
.red-price, .item-price { 
    color: var(--neon-ruby); font-weight: 900; 
    text-shadow: 0 0 12px rgba(255, 31, 31, 0.4); 
}

.item-details, .item-sub { 
    font-size: 10px; color: var(--smoke); 
    text-transform: uppercase; margin-top: 6px; 
    line-height: 1.5; letter-spacing: 0.5px;
}

/* =============================================================
   6. BOTTLE SIZES & FOOTER
   ============================================================= */
.size-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
.size-opt { background: rgba(255,255,255,0.04); padding: 10px; border-radius: 4px; text-align: center; transition: 0.3s; }
.size-opt:hover { background: rgba(255, 31, 31, 0.15); }
.size-opt span:first-child { font-size: 9px; display: block; color: var(--smoke); }

.lp-menu-footer { 
    position: fixed; bottom: 25px; width: 100%; left: 0; text-align: center; z-index: 1001; 
    opacity: 0; animation: fadeInUp 1s ease-out forwards 1.5s;
}

.lp-menu-footer a {
    display: inline-block; background: var(--neon-ruby); color: #fff; padding: 16px 50px;
    border-radius: 50px; font-family: var(--font-title); font-weight: 900; text-decoration: none;
    box-shadow: 0 0 25px rgba(255, 31, 31, 0.5); transition: 0.3s;
}
.lp-menu-footer a:hover { transform: scale(1.05); box-shadow: 0 0 40px rgba(255, 31, 31, 0.7); }

/* =============================================================
   7. ANIMATIONS & RESPONSIVE
   ============================================================= */
@keyframes goldSweep { 0% { left: -150%; } 22% { left: 150%; } 100% { left: 150%; } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes popIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }

@media (max-width: 767px) {
    .lp-menu-nav { justify-content: flex-start !important; padding-left: 15px; } /* Swipable mobile */
    .lp-menu-grid { grid-template-columns: 1fr; }
    .menu-logo { height: 50px !important; }
    .item-dots { border-bottom-width: 1.5px; margin: 0 8px; }
    .item-top { font-size: 14px; }
    .hero-price { font-size: 36px; }
}/* End custom CSS */