/* ===============================
   MOBILE HEADER
=============================== */
@media only screen and (max-width:991px){
  header.store-header{
    display:flex;
    flex-direction:column-reverse;
    background:#f4ddda;
    justify-content:center!important;
  }
  .header-btn{margin:0 7px}
  header-search{margin:!important}
  .top-navbar .s-search-input{
    height:40px!important;
    width:96%;
    background-color:#f4ddda;
    border-radius:5px!important;
    border:2px solid #C48F8A;
    color:#6B4A47;
  }
}

/* ===============================
   HEADER & NAVBAR
=============================== */
div.flex.items-stretch.justify-between.relative{border:none}

#mainnav,
#mainnav div.container,
.store-header,
.top-navbar{
  background:#f4ddda!important;
  box-shadow:none;
}

ul.hidden.lg\:flex.items-center,
ul.hidden.lg\:flex.items-center.rtl\:pl-4.ltr\:pr-4{
  display:none!important;
}

/* ===============================
   LOGO
=============================== */
.navbar-brand img{
  max-height:95px;
  max-width:100%;
  animation:slide-in 1500ms;
}
@keyframes slide-in{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(0%)}
}

/* ===============================
   SEARCH BAR
=============================== */
.s-search-input{
  border-radius:10px!important;
  background:#f4ddda!important;
  border:2px solid #C48F8A!important;
  color:#6B4A47!important;
  box-shadow:0 2px 5px -3px #212121;
}
.s-search-input::placeholder{
  color:#6B4A47!important;
  opacity:.7;
}

/* ===============================
   HEADER ICONS
=============================== */
.header-btn__icon.icon.sicon-shopping-bag,
.header-btn__icon.sicon-user-circle,
.s-user-menu-trigger{
  background:#f4ddda!important;
  color:#C48F8A!important;
  border:2px solid #C48F8A!important;
  border-radius:10px;
}

/* Cart counter */
span.s-cart-summary-count{
  background:#C48F8A!important;
  color:#fff!important;
}

/* ===============================
   BODY BACKGROUND
=============================== */
body,
.s-comments-product{
  background:#ffffff;
}

/* ===============================
   TITLES GRADIENT
=============================== */
.s-block__title h2,
h2.mb-4.text-lg.font-bold.leading-\[1\.2\],
.s-slider-block__title h2{
  background-image:linear-gradient(
    -225deg,
    #C48F8A 0%,
    #C48F8A 40%,
    #f4ddda 100%
  );
  background-size:200% auto;
  font-weight:700!important;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:textclip 8s linear infinite;
}
@keyframes textclip{
  to{background-position:200% center}
}

/* ===============================
   PRODUCT CARDS
=============================== */
.s-product-card-image{
  background:#fff!important;
  border-radius:12px 12px 0 0!important;
}
.s-product-card-vertical{
  background:#fff;
  border-radius:20px;
  border:none;
  box-shadow:
    rgba(0,0,0,.25) 0 .0625em .0625em,
    rgba(0,0,0,.25) 0 .125em .5em;
}
.s-product-card-entry{
  border:2px solid #C48F8A;
  border-radius:15px;
}

/* ===============================
   CTA BUTTONS (ADD TO CART)
=============================== */
.s-button-wide,
.s-products-list div .s-button-primary{
  background:#C48F8A;
  color:#FFFFFF;
  border:none;
  border-radius:10px;
}

/* ===============================
   FOOTER
=============================== */
.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner{
  background:#f4ddda!important;
  color:#6B4A47!important;
  text-align:center!important;
}
.store-footer h3{
  color:#C48F8A!important;
}
.footer-is-light .store-footer .social-link{
  border:1px solid #C48F8A;
  color:#C48F8A;
}
/* ===============================
   LOGO LOADER (CENTER SPLASH)
=============================== */

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:#ffffff; /* خلفية بيضاء ناعمة */
  z-index:999999;
  animation:loaderFade 1.6s forwards;
}

body::after{
  content:"";
  position:fixed;
  top:50%;
  left:50%;
  width:120px;
  height:120px;
  background-image:url("https://cdn.salla.sa/AzqoAA/TWDAP9dPrta0mvr0AzNS28ZWkDQ7Yl42we0gykhB.png");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  transform:translate(-50%,-50%) scale(1.2);
  z-index:1000000;
  animation:logoZoom 1.6s forwards;
}

/* Fade background */
@keyframes loaderFade{
  0%{opacity:1}
  80%{opacity:1}
  100%{opacity:0;visibility:hidden}
}

/* Logo zoom animation */
@keyframes logoZoom{
  0%{transform:translate(-50%,-50%) scale(1.4);opacity:0}
  30%{opacity:1}
  70%{transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(0.6)}
}

/* ===============================
   MOBILE MENU
=============================== */
ul.main-menu.mm-spn--open,
#mobile-menu{
  background:#f4ddda;
  color:#C48F8A;
}
.store-footer__inner::before{
    content:"";
    background-image:url(https://i.imgur.com/eAWGMd1.png);
    background-size:418%;
    display:block;
    background-repeat:round;
    transform:rotate(180deg);
    height:104px;
    margin:-65px -32px 1px 1px;
}
/* شكل الأيقونة */
.feature-icon{
    display:flex;
    cursor:pointer;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    /* اللون الجديد */
    background-color:#F2DDD2; /* بيج خوخي */
    border:2px solid #C9A89A;

    border-radius:10px!important;
    padding:1rem;
    font-size:30px;

    box-shadow:
        rgba(0,0,0,.2) 0 .0625em .0625em,
        rgba(0,0,0,.2) 0 .125em .5em,
        rgba(255,255,255,.3) 0 0 0 1px inset;

    animation:wiggle 2.5s infinite;
}

/* لون أيقونة الـ i */
.feature-icon i{
    color:#5A4033!important; /* بني غامق رايق */
}