/* ===== Salla: Loading only on (practical) Home ===== */
:root{
  --brand-green: #506E62;
  --loading-time: 2800ms;
  --logo: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/pQngPK/vYFs3n6H9n1iuDX4QXCt0A5AtNNpsdL2iWiKuZ2G.png");
}

/* 1) تفعيل عام */
body::before{
  content: "";
  position: fixed;
  inset: 0;
  background: var(--brand-green);
  z-index: 2147483647;
  opacity: 1;
  pointer-events: auto;
  animation: overlayHide var(--loading-time) ease forwards;
}
body::after{
  content: "";
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-58%);
  width: 160px; height: 160px;
  background-image: var(--logo);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 2147483648;
  animation:
    logoPulse 900ms ease-in-out 0s infinite alternate,
    logoHide var(--loading-time) ease forwards;
}

/* 2) تعطيل تلقائي خارج الهوم عبر وجود Breadcrumbs أو عناصر صفحات داخلية */
html:has(
  /* Breadcrumbs (أشيع شيء خارج الهوم) */
  nav.breadcrumb, nav.breadcrumbs, .breadcrumb, .breadcrumbs, .page-breadcrumb,
  /* صفحات المنتج/القوائم والسلة والحساب والبحث… */
  .product-details, .product-page, #product-page, .single-product,
  .category-page, .listing-page, .collection-page,
  .cart, .cart-page, .checkout, .checkout-page, #checkout,
  .account-page, .customer-page, .login-page, .register-page,
  .search-page, .search-results, #search-results,
  .blog-page, .article-page, .post-page,
  .static-page, .page--static,
  [data-page="product"], [data-page="category"], [data-page="cart"],
  [data-page="checkout"], [data-page="account"], [data-page="search"]
) body::before,
html:has(
  nav.breadcrumb, nav.breadcrumbs, .breadcrumb, .breadcrumbs, .page-breadcrumb,
  .product-details, .product-page, #product-page, .single-product,
  .category-page, .listing-page, .collection-page,
  .cart, .cart-page, .checkout, .checkout-page, #checkout,
  .account-page, .customer-page, .login-page, .register-page,
  .search-page, .search-results, #search-results,
  .blog-page, .article-page, .post-page,
  .static-page, .page--static,
  [data-page="product"], [data-page="category"], [data-page="cart"],
  [data-page="checkout"], [data-page="account"], [data-page="search"]
) body::after{
  content: none !important;
  animation: none !important;
}

/* حركات وإخفاء */
@keyframes overlayHide{
  0%, 85% { opacity: 1; pointer-events: auto; }
  100% { opacity: 0; visibility: hidden; pointer-events: none; }
}
@keyframes logoHide{
  0%, 85% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}
@keyframes logoPulse{
  from { transform: translate(-50%,-58%) scale(1);   filter: drop-shadow(0 2px 8px rgba(0,0,0,.18)); }
  to   { transform: translate(-50%,-58%) scale(1.04); filter: drop-shadow(0 4px 16px rgba(0,0,0,.24)); }
}

/* موبايل */
@media (max-width: 480px){
  body::after{ width: 120px; height: 120px; }
}






section.s-block.s-block--fixed-banner .container{
  max-width:100% !important;
  padding:0  !important;
  margin:0 !important;
}
.banner--fixed img {
  border-radius: 0 !important;
  background-color: unset !important;
}
.s-block:first-of-type {
    margin-top: 0 !important;
}


.bg-inherit {
    background-color: #506E62;
    color:#fff;
    padding-bottom: 40px;
}
.footer-is-light .store-footer .store-footer__inner {
    background-color: #506E62;
    color:#fff;
    }
    
    
    
    .banner--fixed img {
    display: block;
    width: 100%;
    border-radius: 0;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: #0000;
    -o-object-fit: cover;
    object-fit: cover;
    
}



body{
 background-color: #EEEEEE;
}



.banner--fixed img {
    margin-top: -32px;
}


 .banner-entry {
        padding: 1rem;
        background: #ffffff00;
    }
    
    /* global section */
@media (max-width: 430px) {
.banner-entry {
    position: relative;
    height: 133px;
    }
.grid-flow-row {
    grid-auto-flow: column;
}
}

@media (min-width: 1440px) {
    .grid-flow-row {
        grid-auto-flow: column;

        }
            .banner-entry {
        height: 408px;
    }
    
}



/*------card------*/
.s-product-card-image img.loaded {
    transition: all .5s;
    border-radius: 10px;
}
.s-product-card-image img.loaded:hover {
    transform: rotate(8deg) scale(1.3);
    transition: all .5s;
}
.s-product-card-entry {
    border: 2px solid #ffffff;
    padding: 7px;
    border-radius: 17px;
    height: 100%;
    margin-top: 0px;
    background:#ffffff;
}
.s-product-card-content {
    z-index: 3;
    background: #ffffff;
}



.s-button-element:not(:disabled):not([loading]) {
    background-color: #506E62;
    color: #fff;
    background-size: 200% !important;
    border: 0;
    animation: textclip 2s linear infinite;
    border: 0;
    box-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}


.sicon-user-circle:before {
    content: "\f072";
    color: aliceblue;
}

.sicon-shopping-bag:before {
    content: "\ef36";
    color: aliceblue;
}


.sicon-menu:before {
    color: #ffffff;
}
/* 🔒 إخفاء أول سكشن في الصفحة (شريط البحث) */
    .top-navbar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}