#fw-section-image-with-text-e399b54f-020b-45ec-9559-7bbadcea647d {
--color-primary: #7171d4;
--color-primary-rgb: 113, 113, 212;
--color-background: #fff8f8;
--color-background-rgb: 255, 248, 248;
--color-on-primary: #fff6fb;
--color-on-primary-rgb: 255, 246, 251;
--color-on-background: #060606;
--color-on-background-rgb: 6, 6, 6;
--color-product-image-background: #ffffff;
--color-background-brightness: 250;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-announcement-bar-cfee0113-3a27-4321-b7a2-a8b304f84355 {
--color-primary: #b3357b;
--color-primary-rgb: 179, 53, 123;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-featured-product-1758980039 {
--color-primary: #bb21c1;
--color-primary-rgb: 187, 33, 193;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #983199;
--color-on-background-rgb: 152, 49, 153;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* Aggressive Fourthwall CSS */
* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    direction: rtl !important;
}

h1, h2, h3 {
    color: #4b0082 !important;
    text-align: center !important;
}

div:contains('$'), 
span:contains('$') {
    color: #800080 !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
}

button, 
input[type="submit"] {
    background: linear-gradient(135deg, #4b0082, #800080) !important;
    color: white !important;
    padding: 15px 40px !important;
    border-radius: 30px !important;
    border: none !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: block !important;
    margin: 20px auto !important;
}

body {
    background: linear-gradient(135deg, #f5f0ff, #e6d9ff) !important;
}
}

#fw-section-footer {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #8a2c84;
--color-on-background-rgb: 138, 44, 132;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-announcement-bar-08c9465a-ba4a-487b-a4f8-f6c7e6368411 {
--color-primary: #9d3ba8;
--color-primary-rgb: 157, 59, 168;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-header {
--color-primary: #565373;
--color-primary-rgb: 86, 83, 115;
--color-background: #c982b4;
--color-background-rgb: 201, 130, 180;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #672a85;
--color-on-background-rgb: 103, 42, 133;
--color-product-image-background: #ffffff;
--color-background-brightness: 157;
background-color: var(--color-background);
color: var(--color-on-background);
/* Optional: Add subtle animation to header */
@keyframes headerSlideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.header,
.site-header,
.main-header {
    animation: headerSlideDown 0.5s ease-out !important;
}

/* Optional: Add border bottom */
.header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffd700, transparent) !important;
}

/* Optional: Add subtle shadow to text for better readability */
.nav-links,
.header-links {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
}