.elementor-280 .elementor-element.elementor-element-3a3ba4d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-8a31cca *//* --- Global Header Layout (Dono Edges Se Chipkane K Liye) --- */
.rastah-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 25px 4% !important;
    
    /* --- Full Width Magic Trick --- */
    position: relative !important; 
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box !important;
    
    /* DEFAULT: Transparent Background & White Text */
    background-color: transparent !important; 
    color: #ffffff !important;
    
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* HOVER STATE: White Background & Black Text */
.rastah-header:hover {
    background-color: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
    color: #000000 !important;
}

/* --- Navigation & Links Alignment --- */
.header-nav-left, 
.header-nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;
    flex: 1 !important;
}

.header-nav-right {
    justify-content: flex-end !important;
}

.rastah-header .nav-link {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    color: #ffffff !important; /* DEFAULT: White */
    transition: all 0.3s ease !important;
}

/* HOVER: Links Black */
.rastah-header:hover .nav-link {
    color: #000000 !important;
}

/* --- Center Logo --- */
.header-logo {
    text-align: center !important;
}

.header-logo a {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    letter-spacing: -1.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: #ffffff !important; /* DEFAULT: White */
    transition: all 0.3s ease !important;
}

/* HOVER: Logo Black */
.rastah-header:hover .header-logo a {
    color: #000000 !important;
}

/* --- Icons --- */
.header-icon-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important; /* DEFAULT: White */
    text-decoration: none !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

/* HOVER: Icons Black */
.rastah-header:hover .header-icon-link {
    color: #000000 !important;
}

.header-icon {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
}

/* Cart Badge */
.cart-link {
    position: relative !important;
}

.cart-count {
    position: absolute !important;
    bottom: -4px !important;
    right: -6px !important;
    background-color: #ffffff !important; /* DEFAULT: White */
    color: #000000 !important; /* DEFAULT: Black */
    font-family: 'Inter', sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

/* HOVER: Cart Badge Black with White Text */
.rastah-header:hover .cart-count {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Hover Effect */
.rastah-header .nav-link:hover,
.header-logo a:hover,
.header-icon-link:hover {
    opacity: 0.7 !important;
}

/* Mobile Responsive */
@media (max-width: 1024px) {
    .header-nav-left, .hide-mobile {
        display: none !important;
    }
    .rastah-header {
        padding: 15px 5% !important;
    }
}/* End custom CSS */