body {
  background: radial-gradient(circle at 20% 30%, #0A66C2, transparent 40%),
              radial-gradient(circle at 80% 70%, #6A11CB, transparent 40%),
              radial-gradient(circle at 50% 50%, #00A8A8, transparent 40%);
  background-color: #0F172A;
}


.s-design-before.s-design-invisible-dom {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .s-design-before.s-design-invisible-dom {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.dropdown-menu,
.dropdown-menu a,
.sub-menu,
.sub-menu a,
.nav-dropdown,
.nav-dropdown a {
    color: #000 !important;
    background: #fff !important;
    opacity: 1 !important;
}

.dropdown-menu a:hover,
.sub-menu a:hover,
.nav-dropdown a:hover {
    background: #222 !important;
    color: #fff !important;
}



/* فك الـ container داخل البنر */
.s-block--fixed-banner .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* البنر نفسه */
.s-block--fixed-banner {
    width: 100vw !important;
    max-width: 100vw !important;

    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    overflow: hidden !important;
}

/* الصور */
.s-block--fixed-banner img {
    width: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

.s-block--fixed-banner,
.s-block--fixed-banner img {
    border-radius: 0 !important;
}

/* الموبايل */
@media (max-width: 768px) {

    .s-block--fixed-banner {
        width: 100vw !important;
        margin: 0 !important;
    }

    .s-block--fixed-banner img {
        min-height: 160px !important;
        object-fit: cover !important;
    }
}
/* =========================
   زر إضافة للسلة
========================= */

/* =========================
   زر إضافة للسلة
========================= */

.s-button-element.s-button-icon.s-button-outline.s-button-wide.s-button-primary-outline {

    background: #7c3aed !important;
    border: none !important;

    width: 40px !important;
    height: 40px !important;

    border-radius: 50% !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
}

/* إخفاء الأيقونة الأصلية */
.s-button-element.s-button-icon.s-button-outline.s-button-wide.s-button-primary-outline svg,
.s-button-element.s-button-icon.s-button-outline.s-button-wide.s-button-primary-outline i {

    display: none !important;
}

/* أيقونة السلة */
.s-button-element.s-button-icon.s-button-outline.s-button-wide.s-button-primary-outline::after {

    content: "🛒" !important;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 15px;
    line-height: 1;

    color: #fff !important;

    z-index: 999;
}

/* =========================
   زر المفضلة
========================= */

.btn--wishlist {

    background: #54A1D0 !important;
    border: none !important;

    width: 42px !important;
    height: 42px !important;

    border-radius: 50% !important;

    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
}

/* أيقونة المفضلة */
.btn--wishlist::after {

    content: "♡" !important;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 18px;
    color: #fff !important;
}

/* =========================
   زر الشير
========================= */

.s-social-share-btn {

    background: #54A1D0 !important;
    border: none !important;

    width: 42px !important;
    height: 42px !important;

    border-radius: 50% !important;

    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
}

/* أيقونة الشير */
.s-social-share-btn::after {

    content: "↗" !important;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 14px;
    color: #fff !important;
}

/* إخفاء الأيقونات الأصلية */
.btn--wishlist svg,
.btn--wishlist i,
.s-social-share-btn svg,
.s-social-share-btn i {

    display: none !important;
}
.btn--wishlist,
.s-social-share-btn {
    width: 36px !important;
    height: 36px !important;
}

.btn--wishlist::after {
    font-size: 16px !important;
}

.s-social-share-btn::after {
    font-size: 12px !important;
}