#fw-section-custom-html-eecc846b-53f8-4634-8843-5f0bf7c22757 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}


















#fw-section-image-a9ae7863-aab0-4294-bb33-e7c63599ed3d {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}






















#fw-section-custom-html-4c9c8a24-c770-4654-8ef6-f962ad825f2c {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}




#fw-section-video-496d8ad0-572c-4b16-87ce-020b36f11021 {

/* This targets all iframes, adjust if you have other iframes */
iframe {
    border: 2px solid #fff; /* Example: 2px solid border with a highlight color */
    border-radius: 10px; /* Optional: adds rounded corners to the border */
}

/* If your website builder adds a specific class or ID to the video container,
   you can target that for more specific styling.
   For example, if it adds a class 'video-embed-container': */
.video-embed-container iframe {
    border: 5px solid #fff;
    border-radius: 8px;
}

/* Or if the builder itself has a video specific class */
.your-video-class { /* Replace 'your-video-class' with the actual class */
    border: 5px solid #fff;
    border-radius: 8px;
}
}
#fw-section-custom-html-6150b3a4-03bf-4017-bc10-af9f17c9958a {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}










#fw-section-custom-html-ed50ee5a-8b69-4506-b636-b9d78996c9b0 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-footer {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-custom-html-b2e6a759-e1a3-4e35-957a-b34c9335143e {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}





#fw-section-featured-product-7d9baefd-fd44-4efb-ac86-a7952e44b63f {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}






























#fw-section-custom-html-cb2e91ae-c574-41fb-9ffd-8a37a48cbf99 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-b7001e4d-945a-443b-90f0-4bbdbc698d70 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}






















#fw-section-custom-html-44f8367e-cf62-4a6b-9d16-42177ce4d705 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}




#fw-section-custom-html-4441d6c3-8832-4ca0-8ba4-34f1ea997d21 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-custom-html-8029fa2c-76b4-4ec6-a405-cd0fc950d2a0 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}







#fw-section-custom-html-0d716656-98a4-4909-ae76-907bcaa2a48a {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}




#fw-section-video-caa28dc2-bad3-4491-b99d-4014414a1078 {

/* This targets all iframes, adjust if you have other iframes */
iframe {
    border: 2px solid #fff; /* Example: 2px solid border with a highlight color */
    border-radius: 10px; /* Optional: adds rounded corners to the border */
}

/* If your website builder adds a specific class or ID to the video container,
   you can target that for more specific styling.
   For example, if it adds a class 'video-embed-container': */
.video-embed-container iframe {
    border: 5px solid #fff;
    border-radius: 8px;
}

/* Or if the builder itself has a video specific class */
.your-video-class { /* Replace 'your-video-class' with the actual class */
    border: 5px solid #fff;
    border-radius: 8px;
}
}

#fw-section-custom-html-4cc7f841-58a5-48dc-b59d-9c6f842c3786 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}








#fw-section-custom-html-8e6b30fe-7f0a-430b-a3c3-a9505b383063 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}








#fw-section-custom-html-56593f63-5fff-4221-9131-c5e0651104b0 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-video-c1c9a7c2-4c3c-4b38-a23c-b2e1e1fda12a {

/* This targets all iframes, adjust if you have other iframes */
iframe {
    border: 2px solid #fff; /* Example: 2px solid border with a highlight color */
    border-radius: 10px; /* Optional: adds rounded corners to the border */
}

/* If your website builder adds a specific class or ID to the video container,
   you can target that for more specific styling.
   For example, if it adds a class 'video-embed-container': */
.video-embed-container iframe {
    border: 5px solid #fff;
    border-radius: 8px;
}

/* Or if the builder itself has a video specific class */
.your-video-class { /* Replace 'your-video-class' with the actual class */
    border: 5px solid #fff;
    border-radius: 8px;
}
}
#fw-section-custom-html-fb48cfdf-6255-4e88-95f3-b54fd842525a {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-tiers-e2bcbb13-ec34-4281-a89e-6af744d5971f {
--color-primary: #ff006d;
--color-primary-rgb: 255, 0, 109;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}













#fw-section-header {

/* الكود المحسّن للـ Header في موقعك على Fourthwall */

/* 1. الأنماط الأساسية للـ Header - مع التركيز على العمق والشفافية */
header {
    background-color: rgba(25, 25, 25, 0.9); /* خلفية داكنة معتمة قليلاً */
    padding: 20px 40px; /* زيادة المسافة الداخلية لمظهر أفخم */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); /* ظل أعمق لتمييز الـ header عن المحتوى */
    position: relative; /* لضمان عمل z-index بشكل صحيح */
    z-index: 1000; /* التأكد من أن الـ header يظهر فوق العناصر الأخرى */
    display: flex; /* لترتيب العناصر الداخلية (الشعار، القائمة، الأيقونات) */
    justify-content: space-between; /* توزيع العناصر على الأطراف */
    align-items: center; /* محاذاة العناصر عمودياً في المنتصف */
    backdrop-filter: blur(5px); /* تأثير ضبابي خفيف على الخلفية (للمتصفحات المتوافقة) */
    -webkit-backdrop-filter: blur(5px); /* دعم المتصفحات القديمة لـ backdrop-filter */
}

/* 2. تحسين مظهر الشعار */
.header .logo {
    display: flex;
    align-items: center;
    text-decoration: none; /* إزالة خط تحت الشعار إذا كان رابطًا */
}

.header .logo img {
    max-height: 45px; /* تكبير الشعار قليلاً */
    width: auto;
    margin-right: 10px; /* مسافة بين الشعار والنص/العنوان */
}

.header .logo h1 {
    color: #ffffff; /* لون أبيض نقي */
    font-family: 'Montserrat', sans-serif; /* خط عصري وجريء */
    font-size: 26px; /* تكبير حجم الخط */
    font-weight: 700; /* جعل الخط أكثر سمكًا */
    margin: 0; /* إزالة أي هوامش افتراضية */
}

/* 3. أنماط قائمة التنقل والروابط - بتأثيرات تمرير محسنة */
.header nav ul {
    list-style: none; /* إزالة النقاط الافتراضية للقائمة */
    margin: 0;
    padding: 0;
    display: flex; /* لعرض الروابط أفقياً */
}

.header nav ul li {
    margin: 0 15px; /* مسافة بين عناصر القائمة */
}

.header nav ul li a {
    color: #e0e0e0; /* لون فاتح للنص */
    font-family: 'Open Sans', sans-serif; /* خط مريح للقراءة */
    font-size: 16px;
    font-weight: 600; /* سمك متوسط */
    text-decoration: none;
    padding: 10px 0; /* مسافة داخلية (للسماح بالخط السفلي) */
    position: relative; /* لوضع الخط السفلي المتحرك */
    transition: color 0.3s ease-in-out; /* انتقال للون النص */
}

/* تأثير الخط السفلي المتحرك عند التمرير */
.header nav ul li a::after {
    content: ''; /* محتوى فارغ للعنصر الزائف */
    position: absolute;
    width: 0; /* يبدأ بعرض صفر */
    height: 2px; /* سمك الخط */
    background-color: #00bcd4; /* لون الخط */
    bottom: 0; /* وضعه في الأسفل */
    left: 50%; /* يبدأ من المنتصف */
    transform: translateX(-50%); /* إعادته للمنتصف تماماً */
    transition: width 0.3s ease-in-out; /* انتقال عرض الخط */
}

.header nav ul li a:hover {
    color: #00bcd4; /* تغيير لون النص عند التمرير */
}

.header nav ul li a:hover::after {
    width: 100%; /* الخط يمتد بكامل عرض الرابط عند التمرير */
}

/* نمط الرابط النشط */
.header nav ul li a.active {
    color: #00bcd4;
    font-weight: 700; /* خط أثقل للنشط */
}

.header nav ul li a.active::after {
    width: 100%; /* الخط النشط يظهر كاملاً */
    background-color: #00bcd4;
}

/* 4. تنسيق أيقونات الـ Header على اليمين */
.header .header-icons {
    display: flex;
    align-items: center;
}

.header .header-icons .icon {
    color: #e0e0e0;
    font-size: 22px; /* تكبير حجم الأيقونات */
    margin-left: 25px; /* زيادة المسافة بين الأيقونات */
    cursor: pointer;
    transition: color 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.header .header-icons .icon:hover {
    color: #00bcd4;
    transform: translateY(-3px); /* تحريك الأيقونة قليلاً للأعلى عند التمرير */
}

/* 5. تنسيق الأزرار (مثل زر "جميع المنتجات" في صورتك) */
.header .header-button {
    background-color: #00bcd4; /* لون خلفية الزر */
    color: #ffffff; /* لون نص الزر */
    padding: 12px 25px; /* زيادة حجم الزر */
    border: none;
    border-radius: 30px; /* حواف مستديرة جداً للزر (pill-shaped) */
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase; /* تحويل النص إلى أحرف كبيرة */
    letter-spacing: 0.5px; /* تباعد خفيف بين الحروف */
    transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0 4px 10px rgba(0, 188, 212, 0.4); /* ظل للزر */
}

.header .header-button:hover {
    background-color: #008c9e; /* لون أغمق عند التمرير */
    transform: translateY(-3px); /* تحريك الزر قليلاً للأعلى عند التمرير */
    box-shadow: 0 6px 15px rgba(0, 188, 212, 0.6); /* ظل أكبر عند التمرير */
}

/* 6. استجابة أساسية (Responsive design) */
/* هذا يتطلب بعض التعديلات على HTML أو استخدام ميزة القائمة المتنقلة في Fourthwall */
/* هذا مجرد مثال على كيفية التعامل مع الشاشات الصغيرة */
@media (max-width: 768px) {
    header {
        flex-direction: column; /* ترتيب العناصر عمودياً على الشاشات الصغيرة */
        padding: 15px 20px;
    }

    .header nav ul {
        flex-direction: column; /* ترتيب روابط القائمة عمودياً */
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .header nav ul li {
        margin: 5px 0;
    }

    .header .header-icons {
        margin-top: 15px;
    }

    .header .header-button {
        margin-top: 15px;
        width: 80%; /* الزر يأخذ عرض أكبر */
    }

    /* قد تحتاج لإخفاء القائمة الأصلية وإظهار زر قائمة متنقلة (hamburger menu) */
    /* هذا عادة ما يتم التحكم به من إعدادات Fourthwall أو بواسطة JavaScript */
}
}





#fw-section-custom-html-750d7cab-2744-4058-b0a7-be22247c3cf8 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}





#fw-section-video-ffb381a1-c6fb-4f46-a64c-a59ae1832b63 {

/* This targets all iframes, adjust if you have other iframes */
iframe {
    border: 2px solid #fff; /* Example: 2px solid border with a highlight color */
    border-radius: 10px; /* Optional: adds rounded corners to the border */
}

/* If your website builder adds a specific class or ID to the video container,
   you can target that for more specific styling.
   For example, if it adds a class 'video-embed-container': */
.video-embed-container iframe {
    border: 5px solid #fff;
    border-radius: 8px;
}

/* Or if the builder itself has a video specific class */
.your-video-class { /* Replace 'your-video-class' with the actual class */
    border: 5px solid #fff;
    border-radius: 8px;
}
}
#fw-section-video-71dcc396-93a1-44b7-ba6b-1dc536afe888 {

/* This targets all iframes, adjust if you have other iframes */
iframe {
    border: 2px solid #fff; /* Example: 2px solid border with a highlight color */
    border-radius: 10px; /* Optional: adds rounded corners to the border */
}

/* If your website builder adds a specific class or ID to the video container,
   you can target that for more specific styling.
   For example, if it adds a class 'video-embed-container': */
.video-embed-container iframe {
    border: 5px solid #fff;
    border-radius: 8px;
}

/* Or if the builder itself has a video specific class */
.your-video-class { /* Replace 'your-video-class' with the actual class */
    border: 5px solid #fff;
    border-radius: 8px;
}
}



#fw-section-custom-html-8ce9d6cd-86fd-435d-a3f9-470415f886bb {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}








#fw-section-custom-html-eedc799c-eb7a-4909-b66d-2242e7e14896 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}














#fw-section-custom-html-c7e40f57-0787-42c4-b03b-132c9055cd15 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-video-fd53bafa-ca8a-4d7b-b271-e055e37b7fe3 {

/* This targets all iframes, adjust if you have other iframes */
iframe {
    border: 2px solid #fff; /* Example: 2px solid border with a highlight color */
    border-radius: 10px; /* Optional: adds rounded corners to the border */
}

/* If your website builder adds a specific class or ID to the video container,
   you can target that for more specific styling.
   For example, if it adds a class 'video-embed-container': */
.video-embed-container iframe {
    border: 5px solid #fff;
    border-radius: 8px;
}

/* Or if the builder itself has a video specific class */
.your-video-class { /* Replace 'your-video-class' with the actual class */
    border: 5px solid #fff;
    border-radius: 8px;
}
}

#fw-section-custom-html-55853ca7-90ee-4487-aafc-d0543f11996c {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}




#fw-section-custom-html-a9ebc873-a9f6-461b-8e86-68522fcff361 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}






#fw-section-featured-product-a85facab-6d57-45ed-80a6-1d3806554cf3 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-e7d9565e-d5c7-4b0f-bc9f-511c0f7cb6ab {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}








#fw-section-video-41b9bc5f-245e-4c8a-b2d7-9da5772e42b1 {

/* This targets all iframes, adjust if you have other iframes */
iframe {
    border: 2px solid #fff; /* Example: 2px solid border with a highlight color */
    border-radius: 10px; /* Optional: adds rounded corners to the border */
}

/* If your website builder adds a specific class or ID to the video container,
   you can target that for more specific styling.
   For example, if it adds a class 'video-embed-container': */
.video-embed-container iframe {
    border: 5px solid #fff;
    border-radius: 8px;
}

/* Or if the builder itself has a video specific class */
.your-video-class { /* Replace 'your-video-class' with the actual class */
    border: 5px solid #fff;
    border-radius: 8px;
}
}












#fw-section-custom-html-dd0842b0-ba02-475f-830d-fa20e070dc57 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-video-d22806d3-ee0d-4052-9de9-ddc6539525e8 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #f0eae6;
--color-background-rgb: 240, 234, 230;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 235;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-31cdc262-342b-4069-92c7-a668e11d25cb {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-1577bdd6-6c62-48c7-80ec-bed842671179 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}







#fw-section-video-d7a55ab9-6820-4499-8c76-f77a2282f00d {

/* This targets all iframes, adjust if you have other iframes */
iframe {
    border: 2px solid #fff; /* Example: 2px solid border with a highlight color */
    border-radius: 10px; /* Optional: adds rounded corners to the border */
}

/* If your website builder adds a specific class or ID to the video container,
   you can target that for more specific styling.
   For example, if it adds a class 'video-embed-container': */
.video-embed-container iframe {
    border: 5px solid #fff;
    border-radius: 8px;
}

/* Or if the builder itself has a video specific class */
.your-video-class { /* Replace 'your-video-class' with the actual class */
    border: 5px solid #fff;
    border-radius: 8px;
}
}




#fw-section-custom-html-fef440f8-7acd-4764-9a08-c65341eea8e7 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-custom-html-54f6d81e-aa56-45b5-8cc2-35e94a99ab90 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}









































































#fw-section-rich-text-23968e5c-1319-4579-98de-fa354840f439 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #020202;
--color-on-background-rgb: 2, 2, 2;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-video-5c0a9bc9-6a2c-4347-a015-9e41ebcc14e8 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #f9f8ff;
--color-on-background-rgb: 249, 248, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}




#fw-section-product-product-ult {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-featured-product-233a3a3b-100b-4657-a134-392a1f3bb7e8 {
--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: #070707;
--color-on-background-rgb: 7, 7, 7;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}








#fw-section-custom-html-64a20f91-13f4-42fa-9bbd-b00c02f5253d {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}





#fw-section-custom-html-9789d565-126c-42f6-9db4-40c0d55d85d2 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-4a2e8f03-1c37-40e6-8981-4c842cd2b108 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}















#fw-section-custom-html-dc3c0bae-ac29-483a-9ed0-cba7911b6619 {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}







#fw-section-image-with-text-341bb03c-d547-4fa0-9808-2f5886d539ff {
--color-primary: #f9f8ff;
--color-primary-rgb: 249, 248, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-21137a90-cc01-4b01-b709-502377981456 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-links-list-5dbc4ee7-ca7c-4535-8c93-31d6486f4d01 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-a2a9b08d-6c0d-409f-a80a-a335daaf9b09 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #020202;
--color-on-primary-rgb: 2, 2, 2;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}











#fw-section-custom-html-d60b6c97-51ba-4cdc-ba1a-dea758a507ce {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #020202;
--color-background-rgb: 2, 2, 2;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 2;
background-color: var(--color-background);
color: var(--color-on-background);

}