.elementor-867 .elementor-element.elementor-element-460088d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-867 .elementor-element.elementor-element-13968c09{--display:flex;}@media(min-width:768px){.elementor-867 .elementor-element.elementor-element-460088d6{--content-width:943px;}}/* Start custom CSS for html, class: .elementor-element-5697761 *//* --- Robust Sticky Navigation Fix --- */

/* 1. Main Lavender Varieties Menu */
#varieties-anchor-nav {
    background-color: #ffffff !important;
    border-bottom: 2px solid #e0e0e0 !important;
    position: sticky !important;
    top: 0 !important; /* Sticks to the very top */
    z-index: 9999 !important; /* Highest priority */
    width: 100% !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    box-sizing: border-box;
}

/* 2. Secondary "Other Plants" Menu */
.secondary-anchor-nav {
    background-color: #f9f7fc !important; /* Light lavender tint */
    border-bottom: 1px solid #e0e0e0 !important;
    position: sticky !important;
    top: 60px !important; /* Sits below the main menu (adjust if main menu is taller) */
    z-index: 9998 !important; /* Just below the main menu */
    width: 100% !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
    box-sizing: border-box;
}

/* Container Styling */
.nav-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* List Styling */
.nav-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    min-height: 60px !important;
}

.nav-list::-webkit-scrollbar {
    display: none !important;
}

.nav-list li {
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* Link Styling */
.nav-link {
    display: block !important;
    padding: 15px 12px !important;
    text-decoration: none !important;
    color: #555 !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    border-bottom: 3px solid transparent !important;
}

.nav-link:hover {
    color: #556B2F !important; /* Olive Green */
    border-bottom: 3px solid #556B2F !important;
    background-color: #f9fbf7 !important;
}

/* Secondary Link Specifics */
.secondary-link {
    color: #6a4c93 !important; /* Soft Purple */
    font-weight: 500 !important;
    padding: 12px 20px !important;
    border-bottom: 2px solid transparent !important;
}

.secondary-link:hover {
    color: #556B2F !important;
    border-bottom: 2px solid #556B2F !important;
    background-color: #ffffff !important;
}

/* Highlight Button (Order Now) */
.nav-link.highlight-btn {
    background-color: #556B2F !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    border: none !important;
    padding: 10px 18px !important;
    flex-shrink: 0 !important;
}

.nav-link.highlight-btn:hover {
    background-color: #ffffff !important;
    color: #556B2F !important;
    border: 2px solid #556B2F !important;
    transform: translateY(-2px) !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .nav-container {
        padding: 0 !important;
    }
    
    /* Adjust secondary menu top position for mobile if needed */
    .secondary-anchor-nav {
        top: 60px !important; 
    }

    .nav-list {
        justify-content: flex-start !important;
        padding: 0 15px !important;
    }

    .nav-link {
        padding: 12px 10px !important;
        font-size: 0.85rem !important;
    }
    
    .secondary-link {
        padding: 10px 15px !important;
        font-size: 0.85rem !important;
    }

    .nav-link.highlight-btn {
        margin-left: 5px !important;
        margin-right: 15px !important;
        padding: 8px 15px !important;
        font-size: 0.85rem !important;
    }
}

/* Smooth Scrolling for the whole page */
html {
    scroll-behavior: smooth !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-254fb048 *//* --- Direct Contact Section Styling --- */

.direct-contact-section {
    padding: 60px 20px;
    background-color: #f9fbf7; /* Very light background */
}

.contact-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 900px;
    margin: 0 auto;
    flex-wrap: wrap; /* Allows stacking on mobile */
}

.contact-card {
    flex: 1;
    min-width: 300px;
    display: flex;
    align-items: center;
    padding: 25px;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid transparent;
}

/* Left Side: Olive Green Email Card */
.email-card {
    background-color: #ffffff;
    border-left: 5px solid #556B2F; /* Olive Green Accent */
}

.email-card:hover {
    background-color: #556B2F;
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(85, 107, 47, 0.2);
}

.email-card h3, 
.email-card p, 
.email-card .action-text,
.email-card svg {
    color: #556B2F;
    transition: color 0.3s ease;
}

.email-card:hover h3, 
.email-card:hover p, 
.email-card:hover .action-text,
.email-card:hover svg {
    color: #ffffff;
}

/* Right Side: Dark Lavender WhatsApp Card */
.whatsapp-card {
    background-color: #ffffff;
    border-left: 5px solid #9d7cb5; /* Soft Purple Accent */
}

.whatsapp-card:hover {
    background-color: #9d7cb5;
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(157, 124, 181, 0.3);
}

.whatsapp-card h3, 
.whatsapp-card p, 
.whatsapp-card .action-text,
.whatsapp-card svg {
    color: #9d7cb5;
    transition: color 0.3s ease;
}

.whatsapp-card:hover h3, 
.whatsapp-card:hover p, 
.whatsapp-card:hover .action-text,
.whatsapp-card:hover svg {
    color: #ffffff;
}

/* Icon Wrapper */
.icon-wrapper {
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Text Content */
.text-content {
    text-align: left;
}

.text-content h3 {
    margin: 0 0 5px 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.text-content p {
    margin: 0 0 10px 0;
    font-size: 0.9rem;
    opacity: 0.8;
    line-height: 1.4;
}

.action-text {
    font-weight: bold;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .contact-container {
        flex-direction: column;
    }
    
    .contact-card {
        width: 100%;
        min-width: auto;
    }
}/* End custom CSS */