:root{
  --main-color: #b1afa1;       
}




/* الهيدر الزجاجي الخفيف */
.inner{
  background: rgba(255,255,255,.6) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255,255,255,.3);
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
}

/* ---------------------------
   العناصر: Hover + Active لكل الشاشات
   --------------------------- */
.main-menu a{
  position: relative;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background-color .2s ease;
  display: inline-flex;
  align-items: center;
}

/* خط خفيف تحت العنصر عند hover */
.main-menu a:hover::after{
  content:"";
  position:absolute;
  left:6px; right:6px;
  bottom:0;                 /* قريب من النص */
  height:2px;
  background: rgba(0,0,0,.2);
  border-radius:2px;
}

/* لون خفيف عند الضغط/التركيز */
.main-menu a:active,
.main-menu a:focus{
  background: rgba(0,0,0,.05);
}

/* تمييز العنصر المفعل (إن وُجد الكلاس/الأتربيوت) */
.main-menu a.current,
.main-menu a[aria-current="page"]{
  background: rgba(92,77,255,.15);
  color:#5c4dff;
  font-weight:800;
}
.main-menu a.current::after,
.main-menu a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:6px; right:6px;
  bottom:0;
  height:2px;
  background:#5c4dff;
}

/* سلايدر الصور (يمتد عرض الشاشة، مع زوايا لطيفة) */
.s-block--photos-slider,
.s-block--photos-slider .s-slider-container,
.s-block--photos-slider .swiper-wrapper,
.s-block--photos-slider .swiper-slide{
  width:100vw !important;
  max-width:100vw !important;
  margin:0 !important;
  padding:0 !important;
 margin-top: 6px !important;
  
}
.s-slider-nav-arrow{ display:none !important; }

/* البانر الثابت */
.s-block--fixed-banner,
.s-block--fixed-banner .container,
.s-block--fixed-banner .banner--fixed,
.s-block--fixed-banner .banner--fixed img{
  background:transparent !important;
  box-shadow:none !important;
}



.s-block--features {
background-color :#ffffff!important;}

.s-block--features__item h4 {

color: #000000!important;
}

.s-block--features__item P {

color: #363636!important;
}

.s-block--features .s-block--features__item h2
{
    color:#000000 !important;
}


.s-block--features .s-block--features__item .feature-icon
{
    position:relative;
    background: #b1afa1;
    height: 4rem;
    width: 4rem;
    border: 2px solid #777462;
 
}


/* =========================
   Footer — Background + Wave
========================= */
.md\:flex.items-center.justify-between.py-4.container.text-center {
    background: #b1afa1;
    border-radius: 50px 50px 0px 0px;
}

.store-footer {
  position: relative;
  color: #fff;
   background-color: transparent!important;
  overflow: hidden;
}
.footer-is-light .store-footer .store-footer__inner {
   background-color: transparent!important;

}

/* Footer grid & first block (title/desc/social) */
.store-footer__inner .container{
  display: grid !important;
  gap: 1.5rem;
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
  padding-top: clamp(40px, 6vw, 80px);
  background: var(--main-color) !important;
  padding-bottom: clamp(28px, 4vw, 44px);
border-radius: 0px 0px 50px 50px;
}
.store-footer__inner .container > div:first-child{
  order: 1;
  grid-column: 1 / -1;
  max-width: 760px;
  position: relative;
  padding-top: clamp(120px, 22vw, 220px);
}
.s.store-footer__inner .container {
  position: relative;
}

.store-footer__inner .container > div:first-child::before{
  content: "";
  position: absolute;
  top: clamp(-20px, -2vw, -10px);
  left: 57%; /* ← حركناها شوي يمين */
  transform: translateX(-50%);
  width: clamp(110px, 20vw, 220px);
  aspect-ratio: 1 / 1;
  background: url("https://i.ibb.co/TMTh1mPt/Artboard-14-2x.png") center / contain no-repeat;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.15));
  pointer-events: none;
  z-index: 5;
}



/* Typography & links in footer */
.store-footer h3,
.store-footer p,
.store-footer a { color: #fff; }

/* Social (show desktop list on mobile too) */
.store-footer .s-social-list{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.store-footer .s-social-link a{
  display: grid;
  place-items: center;
  width: 42px; height: 42px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  transition: transform .2s ease, background .2s ease;
}
.store-footer .s-social-link a:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.22);
}
.store-footer .s-social-icon svg{ width:20px; height:20px; fill:#fff; }

.store-footer .hidden.lg\:block { display: block !important; }
.store-footer .contact-social     { display: none !important; }

/* Columns 2 & 3 (important links / contact) */
.store-footer__inner .container > div:nth-of-type(2),
.store-footer__inner .container > div:nth-of-type(3){
  order: 2;
  width: 100%;
}

/* Footer menus & contacts */
.store-footer salla-menu .s-menu-footer-list a{
  color:#fff; opacity:.9;
}
.store-footer salla-menu .s-menu-footer-list a:hover{
  opacity:1; text-decoration: underline;
}
.store-footer .s-contacts-title,
.store-footer h3{
  font-weight:700;
  margin-bottom:.75rem;
}
.store-footer .s-contacts-list-vertical .s-contacts-item{
  color:#fff; opacity:.95;
  display:flex; align-items:center; gap:.5rem;
  padding:.35rem 0;
}
.store-footer .s-contacts-icon svg{ fill:#fff; }

/* Bottom strip (payments/copyright) */
.store-footer + .md\:flex,
.store-footer .md\:flex{ border-top: 1px solid rgba(255,255,255,.18); }
.store-footer .copyright-text p,
.store-footer .s-payments-list-wrap{ color:#f2f2f2; }
.store-footer .s-payments-list .s-payments-list-item img{
  filter: brightness(0) invert(1) contrast(.9);
  opacity:.9;
}

/* Responsive layout for footer grid */
@media (min-width: 1024px){
  .store-footer__inner .container { grid-template-columns: 1fr 1fr; }
  .store-footer__inner .container > div:first-child { grid-column: 1 / -1; }
  .store-footer__inner .container > div:nth-of-type(2){ justify-self: end; text-align: start; }
  .store-footer__inner .container > div:nth-of-type(3){ justify-self: start; text-align: start; }
}

/* Contacts list direction per device */
.s-contacts-list-vertical { display: flex; flex-direction: column; }
@media (min-width: 768px){ .s-contacts-list-vertical { flex-direction: row; } }

/* =========================
   RTL fine-tuning (first block)
========================= */
/* الوصف يمين وRTL */
.store-footer__inner .container > div:first-child .max-w-sm,
.store-footer__inner .container > div:first-child .max-w-sm p{
  text-align: right !important;
  direction: rtl !important;
   padding: 2px !important;
}
/* اسم المتجر بالنص */
.store-footer__inner .container > div:first-child h3{
  text-align: center !important;
  margin-inline: auto !important;
  padding: 2px !important;
}
/* سوشال بالوسط ومعزول عن RTL */
.store-footer__inner .container > div:first-child salla-social,
.store-footer__inner .container > div:first-child .contact-social{
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: center !important;
  
}
.store-footer__inner .container > div:first-child .s-social-list{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.store-footer__inner .container > div:first-child .s-social-link { float: none !important; }
.store-footer__inner .container > div:first-child .s-social-link a{
  display: grid !important;
  place-items: center !important;
}
.store-footer__inner .container > div:first-child .s-social-icon svg{
  width: 20px !important; height: 20px !important;
}

.store-footer .s-payments-list .s-payments-list-item img {
  filter: none !important;
  opacity: 1 !important;
}


footer.store-footer .store-footer__inner {
    background: rgba(194, 185, 167, 0.15) !important;
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px);
    border-radius: 100px 100px 0 0;
    border: 1px solid rgba(255, 255, 255, 0.25); 
   }
   
   body.index:before {
    content: "";
    position: fixed;
    inset: 0; /* بدل width + height */
    z-index: 99999999999999999 !important;

    /* خلفية زجاجية */
    background: rgba(255, 255, 255, 0.15); /* شفافية */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    /* صورة الشعار */
    background-image: url(https://i.ibb.co/Dfd65x1M/Artboard-14-2x.png);
    background-size: 299px !important;
    background-repeat: no-repeat;
    background-position: center !important;

    transform: scale(0);
    animation-name: logobg;
    animation-duration: 3.0s;
}
 @keyframes logobg {

0% {

transform: scale(1)

}

20% {

transform: scale(1)

}

78% {

transform: scale(1)

}

100% {

transform: scale(0)

}

}