/* 📱 موبايل (الهوم بيج بس) */
@media (max-width: 767px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* غطّي أول سكشنين */
    background-image: url("https://i.postimg.cc/gj7WV7vs/Home.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}

/* 📲 تابلت (الهوم بيج بس) */
@media (min-width: 768px) and (max-width: 1023px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* بين الموبايل والديسكتوب */
    background-image: url("https://i.postimg.cc/gj7WV7vs/Home.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}

/* 💻 ديسكتوب (الهوم بيج بس) */
@media (min-width: 1024px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* ممكن تزود أو تقلل حسب طول أول سكشنين */
    background-image: url("https://i.postimg.cc/gj7WV7vs/Home.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
#app.quantity-gradient .s-quantity-input-button, #app.btns-gradient .btn-gradient, #app.btns-gradient .tab-trigger.is-active, #app.btns-gradient .tab-trigger.is-active>button, #app.btns-gradient .s-button-primary, #app.btns-gradient .btn--primary, #app.awesome-btn-gradient .s-block-awesome-btn button, #app.fs-btn-gradient .fs_banners_btn, #app.f-icon-gradient .feature-icon {
    background: linear-gradient(45deg, #68e3ff00, #cd00ed00) !important;
}
.banner-entry.\33 \/4.r-3\/4.custom-w-.custom-h-.lazy__bg.lazy.text-lg.lg\:text-2xl.h-lg-banner.entered.loaded {
    background-size: contain;
}
.banner--fixed img {
    background-color: rgb(243 244 246 / 0%);

}
@media (max-width: 767px) {
    .floating-wrapper {
        max-width: 50vw;
    }
}