.elementor-9 .elementor-element.elementor-element-349785a{--display:flex;}.elementor-9 .elementor-element.elementor-element-32a50827{--display:flex;}/* Start custom CSS *//* ==========================================================================
   custom.css — Design System Rules for Éffianel Luxury Botanical E-Commerce
   Extracts: Deep Forest Green (#0A2A1B), Metallic Gold (#D4AF37), Ivory (#FAF8F5)
   ========================================================================== */

/* Font Family Overrides */
body {
    font-family: 'Montserrat', 'Inter', sans-serif;
    color: #1a1a1a;
    background-color: #FAF8F5;
}

h1, h2, h3, h4, h5, h6, .font-serif {
    font-family: 'Playfair Display', 'Cinzel', serif;
}

/* Metallic Luxury Gold Gradient Text Class */
.gold-gradient-text {
    background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 25%, #B38728 50%, #FBF5B7 75%, #AA771C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Custom Navigation Active State & Underline Hover Animation */
.nav-link {
    position: relative;
    transition: color 0.3s ease-in-out;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 1.5px;
    bottom: -4px;
    left: 0;
    background-color: #D4AF37;
    transition: width 0.3s ease-in-out;
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}

/* Custom Gold Frame Borders */
.effianel-gold-border {
    border: 1px solid #D4AF37;
}

.effianel-double-border {
    border: 3px double #D4AF37;
}

/* Custom Button Hover States */
.effianel-btn-gold {
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
}

.effianel-btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
}

.effianel-btn-outline {
    transition: all 0.3s ease-in-out;
}

.effianel-btn-outline:hover {
    transform: translateY(-2px);
}

/* Accessibility Focus States */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #D4AF37 !important;
    outline-offset: 3px !important;
}

/* Custom Scrollbar for Smooth UX */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #051C12;
}

::-webkit-scrollbar-thumb {
    background: #D4AF37;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #E6CA65;
}/* End custom CSS */