/* Add custom CSS styles below */ 



*, :after, :before {
    border: 0 solid #583300;
    box-sizing: border-box;
}









.s-comments-product {
    margin-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(243 244 246 / 0%);
    padding-bottom: 1rem;
    padding-top: 1rem;
}







body {
  background-color: #f1e9de;
}


.banner--fixed img, .banner-entry {
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(243 244 246 / 0%);
}



/* إزالة قيود الكونتينر على البنر */
.container:has(.banner--fixed) {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* جعل البنر والصورة بعرض الشاشة */
.banner--fixed {
  display: block;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.banner--fixed img {
  width: 100%;
  height: auto;
  display: block;
}
















/* الكارد */
.banner-entry {
    position: relative;
    border-radius: 120px 120px 24px 24px !important;
    overflow: hidden;
    height: 520px !important;
    transition: transform .6s ease, box-shadow .6s ease;
    will-change: transform;
}

/* طبقة الإطار المتحرك */
.banner-entry::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: inherit;
    background: linear-gradient(
        120deg,
        transparent 30%,
        rgba(255,255,255,.35),
        transparent 70%
    );
    opacity: 0;
    transition: opacity .6s ease;
    z-index: 2;
    pointer-events: none;
}

/* لمعة داخلية */
.banner-entry::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        circle at 50% 0%,
        rgba(255,255,255,.25),
        transparent 60%
    );
    opacity: 0;
    transition: opacity .6s ease;
    pointer-events: none;
}

/* Hover */
.banner-entry:hover {
    transform: scale(1.035);
    box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

.banner-entry:hover::before,
.banner-entry:hover::after {
    opacity: 1;
}

/* النص */
.banner-entry__text {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 3;
}

/* العنوان */
.banner__title {
    color: #fff !important;
    font-size: 22px;
    font-weight: 600;
    text-shadow: 0 8px 24px rgba(0,0,0,.4);
}

/* موبايل */
@media (max-width: 768px) {
    .banner-entry {
        height: 420px !important;
        border-radius: 90px 90px 20px 20px !important;
    }
}







[data-aos] {
  opacity: 0;
  transition-property: opacity, transform;
  will-change: opacity, transform;
}




.section {
  padding: 60px 0;
}





.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity: 1;
    border-bottom-color: #ffffff;
    border-bottom-color: rgb(255 255 255);
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(241 233 222);
}



.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    background-color: #f1e9de;
    background-color: rgb(241 233 222);
    --tw-text-opacity: 1;
    color: #374151;
    color: rgba(55, 65, 81, var(--tw-text-opacity, 1));
}









/* كارت المنتج */
.s-products-slider-card .s-product-card-entry {
    background: #EEE6D9; /* بيج فاتح زي الفيجما */
    border: 1px solid rgba(255,255,255,0.9); /* إطار رفيع جدًا */
    border-radius: 24px;
    padding: 14px;
    box-shadow: none;
    transition: transform .4s ease, box-shadow .4s ease;
    height: 100%;
}

/* الصورة */
.s-products-slider-card .s-product-card-image {
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
}

/* هوفر ناعم */
.s-products-slider-card .s-product-card-entry:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.08);
}

/* اسم المنتج */
.s-products-slider-card .s-product-card-name {
    font-weight: 600;
    margin-top: 14px;
}

/* السعر */
.s-products-slider-card .s-product-card-price {
    color: #A77752;
    font-weight: 600;
}

/* زر الإضافة للسلة */
.s-products-slider-card .s-product-card-actions button {
    background: #B4835C;
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    transition: background .3s ease, transform .3s ease;
}

/* هوفر الزر */
.s-products-slider-card .s-product-card-actions button:hover {
    background: #9F6F4D;
    transform: scale(1.03);
}





.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(241 233 222);
}

















document.addEventListener("DOMContentLoaded", function () {

  // إنشاء عنصر الـ Preloader
  const preloader = document.createElement("div");
  preloader.id = "site-preloader";

  preloader.innerHTML = `
    <div class="preloader-content">
      <img
        src="https://cdn.salla.sa/PdNjKB/Jb9QjDWYQWlpqaKJOXWG7cw6f917XwqDgZ0WGWVK.png"
        alt="Gloof Abaya Logo"
        class="preloader-logo"
      />
      <div class="preloader-dots">
        <span></span><span></span><span></span>
      </div>
    </div>
  `;

  document.body.prepend(preloader);

  // إخفاء الـ Preloader بعد 3 ثواني
  setTimeout(() => {
    preloader.classList.add("hide");
  }, 3000);

});