/* Add custom CSS styles below */ 
@import 

/* =======================================================================
   EVAFLO Clean v2 — consolidated & deduplicated
   ======================================================================= */

/* 0) Variables */
:root{
  --brand:#3A4D39; --brand2:#4A5C43; --brand3:#5F6F49; --brand4:#858A5D;
  --grad: linear-gradient(90deg,var(--brand) 0%,var(--brand2) 35%,var(--brand3) 60%,var(--brand4) 100%);
  --white:#fff; --border:#e5e7eb;
}

/* 1) Global small fixes */
.navbar-brand{display:flex;align-items:center;max-width:100%;height:auto;}
.navbar-brand img{width:120px;max-height:50px;height:auto;object-fit:contain;}
/* أحيانًا تظهر نقطتان بسبب list-style في الهيدر */
.header ul,.header ol{list-style:none;padding-inline-start:0}

/* 2) Primary button (احجز الآن وأزرار عامة) */
.s-button,.btn,.booking-btn,.s-button-btn,.s-add-to-cart{
  background:#fff;color:var(--brand);
  border:2px solid var(--brand);border-radius:14px;
  padding:14px 30px;font-weight:700;letter-spacing:.4px;
  cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;
  transform:scale(1);
}
.s-button:hover,.btn:hover,.booking-btn:hover,.s-button-btn:hover,.s-add-to-cart:hover{
  background:var(--brand);color:#fff;border-color:var(--brand);transform:scale(1.03);
}
.s-button:active,.btn:active,.booking-btn:active{transform:scale(.98);transition:transform .1s;}

/* 3) Header & Menu */
.header,.site-header,.bg-inherit,.store-header,.categories-header,.categories-bar,.header-bottom,.main-menu,#mainnav{
  background:var(--grad) !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;
}
/* شفافية حاويات داخلية لمنع الطبقات */
.header :is(.container,.container-fluid,.wrapper,.row,.inner),
.categories-header :is(.container,.container-fluid,.wrapper,.row){background:transparent !important;box-shadow:none !important;border:0 !important;}
/* روابط القائمة */
.header a,#mainnav a,.main-menu a,.categories-header a{
  color:#fff !important;background:transparent !important;border:1px solid transparent !important;
  border-radius:12px !important;padding:10px 16px !important;font-weight:700;text-decoration:none !important;
  transition:background-color .18s,border-color .18s,color .18s;
}
.header a:hover,#mainnav a:hover,.main-menu a:hover,.categories-header a:hover,
.main-menu .active>a,#mainnav .active>a{background-color:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.22) !important;color:#fff !important;}
/* أيقونات (سلة/حساب/همبرغر) */
.header :is(svg,path,use,i){fill:#fff !important;stroke:#fff !important;color:#fff !important;}
.sicon-menu,.header-btn__icon,.s-cart-summary-wrapper,.s-cart-summary-content,.s-cart-summary-total{color:#fff !important;}
.header .s-cart-summary-wrapper .count{background:#fff !important;color:var(--brand) !important;border:1px solid rgba(0,0,0,.06) !important;}
/* شريط البحث (واضح على الديسكتوب؛ لا يضر الموبايل) */
.header :is(.search,.search-form) input,
.header .search input[type="search"]{
  background:rgba(255,255,255,.28) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;caret-color:#fff !important;
  border:2px solid rgba(255,255,255,.65) !important;border-radius:999px !important;height:44px !important;padding-inline:16px 42px !important;
}
.header :is(.search,.search-form) input::placeholder{color:rgba(255,255,255,.95) !important;}
.header input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;height:14px;width:14px;filter:invert(1) brightness(2);}
/* كبسولات واضحة لأزرار الحساب/السلة إن كانت روابط */
.header :is(.cart,.cart-icon,.account,.profile,.user) :is(a,button){
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border:2px solid rgba(255,255,255,.75) !important;border-radius:999px !important;background:transparent !important;color:#fff !important;
}

/* قوائم الجوال (mmenu) بهوية البراند */
.mm-spn.mm-spn--navbar.mm-spn--main{background:var(--brand) !important;color:#fff !important;}
.mm-spn.mm-spn--navbar.mm-spn--main a{color:#fff !important;}
/* القوائم المنسدلة/الأوف كانفاس: تبقى بيضاء للقراءة */
header :is(.dropdown-menu,.mega-menu,.offcanvas,.offcanvas *){background:#fff !important;color:#1c1c1c !important;border:1px solid #eee !important;box-shadow:0 10px 30px rgba(0,0,0,.12) !important;}

/* 4) Footer (match header) */
.store-footer,.store-footer__inner,footer,.site-footer,footer .footer-bottom{background:var(--grad) !important;color:#fff !important;border:0 !important;box-shadow:none !important;}
.store-footer *,footer *{background:transparent !important;border:0 !important;box-shadow:none !important;color:#fff !important;}
.store-footer h3,footer h3,.store-footer h4,footer h4,.store-footer h5,footer h5{color:#fff !important;font-weight:700;}
.store-footer a,footer a{color:#fff !important;text-decoration:none !important;transition:opacity .2s;}
.store-footer a:hover,footer a:hover{opacity:.85;}
.store-footer{text-align:center !important;padding:2rem 1rem !important;}
.store-footer .flex,.store-footer>div.justify-between{justify-content:center !important;}
/* أيقونات الدفع باللون الأبيض – مع استثناء بسيط لآبل باي */
.store-footer img[src*="tabby"],footer img[src*="tabby"],
.store-footer img[src*="tamara"],footer img[src*="tamara"],
.store-footer img[src*="visa"],footer img[src*="visa"],
.store-footer img[src*="master"],footer img[src*="master"],
.store-footer img[src*="mada"],footer img[src*="mada"]{filter:brightness(0) invert(1) contrast(1.05) !important;opacity:.95;height:22px;width:auto;margin:0 8px;}
.store-footer img[src*="apple"],footer img[src*="apple"]{height:22px;width:auto;margin:0 8px;filter:grayscale(1) brightness(2) contrast(1.2) !important;}


/* Card */
a.banner-entry.square-photos{
  flex:0 0 140px;height:150px;scroll-snap-align:start;border-radius:14px !important;background:#fff !important;
  border:1px solid #e5e5e5 !important;box-shadow:0 3px 8px rgba(0,0,0,.06);position:relative !important;overflow:hidden;text-align:center;
  transition:transform .25s,box-shadow .25s,opacity .25s;will-change:transform;
}
a.banner-entry.square-photos .lazy__bg{position:absolute !important;inset:0;background:center/cover no-repeat !important;}
a.banner-entry.square-photos .banner-entry__title, a.banner-entry.square-photos .title{
  position:absolute;left:0;right:0;bottom:0;background:var(--brand);color:#fff;font-weight:700;font-size:13px;
  padding:6px 4px;border-radius:0 0 14px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;
}
/* Hover motion */
.s-block:has(.square-photos) > div:not(.s-block__title):hover a.banner-entry.square-photos{transform:scale(.98);opacity:.85;}
.s-block:has(.square-photos) > div:not(.s-block__title) a.banner-entry.square-photos:hover{transform:scale(1.06);opacity:1;box-shadow:0 8px 20px rgba(0,0,0,.12);}
@media (max-width:768px){
  a.banner-entry.square-photos{flex:0 0 120px;height:130px;}
  a.banner-entry.square-photos .title{font-size:12px;padding:5px;}
}

/* 6) Optional arrows styling (used إذا سكربت الأسهم مفعّل) */
.evaflo-cats-wrap{position:relative;}
.evaflo-prev,.evaflo-next{
  position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;border:0;
  background:var(--brand);color:#fff;font-size:20px;line-height:38px;display:grid;place-items:center;cursor:pointer;z-index:3;
  box-shadow:0 8px 20px rgba(0,0,0,.18);opacity:.95;transition:transform .15s,opacity .15s,background .15s;
}
.evaflo-prev{inset-inline-start:6px;} .evaflo-next{inset-inline-end:6px;}
.evaflo-prev:hover,.evaflo-next:hover{transform:translateY(-50%) scale(1.06);}
.evaflo-cats-wrap::before,.evaflo-cats-wrap::after{
  content:"";position:absolute;top:0;bottom:0;width:42px;z-index:2;pointer-events:none;
  background:linear-gradient(to var(--edge, right), #fff, transparent);
}
.evaflo-cats-wrap::before{left:0;--edge:right;} .evaflo-cats-wrap::after{right:0;--edge:left;}
/* ================= EVAFLO | Header solid + Search clear + Hero bigger ================ */

/* 1) خلفية الهيدر: تدرّج واحد (جوال + كمبيوتر) */
.header,
.site-header,
.store-header,
.bg-inherit,
.header-bottom,
.categories-header,
.categories-bar,
.nav-categories,
.main-menu,
#mainnav{
  background: linear-gradient(90deg,#3A4D39 0%, #4A5C43 35%, #5F6F49 60%, #858A5D 100%) !important;
  border:0 !important; box-shadow:none !important;
  position: relative; z-index: 20;   /* فوق البنر */
}

/* 2) منع “الطبقات” بدون ما نكسر البحث أو الأزرار */
.header :is(.container,.container-fluid,.wrapper,.row,.inner){ background: transparent !important; box-shadow:none !important; border:0 !important; }
/* عناصر القائمة فقط تكون شفافة (وليس كل الأحفاد) */
.main-menu li, .header-bottom li, #mainnav li,
.main-menu li > a, .header-bottom li > a, #mainnav li > a{
  background: transparent !important; border:0 !important; box-shadow:none !important;
}

/* 3) الروابط والأيقونات باللون الأبيض + هوفر خفيف */
.header a, #mainnav a, .main-menu a, .categories-header a{
  color:#fff !important; font-weight:700; text-decoration:none !important;
  border-radius:12px; padding:10px 16px;
  transition:background-color .18s, border-color .18s, color .18s;
}
.header a:hover, #mainnav a:hover, .main-menu a:hover, .categories-header a:hover,
.main-menu .active>a, #mainnav .active>a{
  background-color: rgba(255,255,255,.10) !important;
  color:#fff !important;
}
.header :is(svg,path,use,i){ color:#fff !important; fill:#fff !important; stroke:#fff !important; }
.header .s-cart-summary-wrapper .count{ background:#fff !important; color:#3A4D39 !important; border:1px solid rgba(0,0,0,.06) !important; }

/* 4) شريط البحث واضح (الجوال + الكمبيوتر) */
.header :is(.search,.search-form){ position:relative; z-index:21; } /* فوق طبقات الهيدر */
.header :is(.search,.search-form) input,
.header .search input[type="search"]{
  background: rgba(255,255,255,.28) !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; caret-color:#fff !important;
  border:2px solid rgba(255,255,255,.65) !important;
  border-radius:999px !important;
  height:44px !important; padding-inline:16px 42px !important;
}
.header :is(.search,.search-form) input::placeholder{ color:rgba(255,255,255,.95) !important; }
.header input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none; height:14px; width:14px; filter:invert(1) brightness(2); }

/* 5) أزرار السلة/الحساب كبسولات واضحة */
.header :is(.cart,.cart-icon,.account,.profile,.user) :is(a,button){
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:999px;
  border:2px solid rgba(255,255,255,.75) !important;
  background: transparent !important; color:#fff !important;
}

/* 6) البنر المتحرك (Hero) — تكبير الكمبيوتر + تغطية الصورة */
.swiper, .swiper-container, .splide, .s-slider, .hero-slider{ border-radius:16px; overflow:hidden; }

/* كمبيوتر: ارتفاع كبير ثابت (اضبطيه إن بغيتِ) */
@media (min-width:1025px){
  .swiper, .swiper-container, .splide, .s-slider, .hero-slider{ height: 560px !important; }
  .swiper-slide, .splide__slide{ height:100% !important; }
  .swiper-slide img, .splide__slide img, .s-slider img{
    width:100% !important; height:100% !important; object-fit:cover !important; display:block;
  }
  /* أسهم السلايدر بلون البراند إن كانت موجودة */
  .swiper-button-prev, .swiper-button-next,
  .splide__arrow--prev, .splide__arrow--next{
    background:#3A4D39 !important; color:#fff !important;
    width:40px; height:40px; border-radius:999px; border:0; opacity:.95;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
  }
  .swiper-button-prev:after, .swiper-button-next:after{ font-size:18px !important; }
}

/* جوال: ارتفاع مناسب ومليان عرض */
@media (max-width:1024px){
  .swiper, .swiper-container, .splide, .s-slider, .hero-slider{ height: 58vw !important; max-height: 420px; }
  .swiper-slide img, .splide__slide img, .s-slider img{ width:100% !important; height:100% !important; object-fit:cover !important; }
}
/* ================= EVAFLO | Header Top & Categories color fix ================= */

/* 1) إزالة أي طبقة أو خلفية من الشريط الأعلى أو شريط التصنيفات */
.header-top,
.top-header,
.store-header-top,
.nav-categories,
.categories-header,
.categories-bar,
.navigation-bar {
  background: linear-gradient(90deg,#3A4D39 0%, #4A5C43 35%, #5F6F49 60%, #858A5D 100%) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) النصوص والروابط داخلها بالأبيض بالكامل */
.header-top a,
.header-top span,
.header-top p,
.top-header a,
.top-header span,
.nav-categories a,
.nav-categories span,
.categories-header a,
.categories-header span,
.categories-bar a,
.categories-bar span,
.navigation-bar a,
.navigation-bar span {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600;
  transition: opacity .2s;
}

.header-top a:hover,
.top-header a:hover,
.nav-categories a:hover,
.categories-header a:hover,
.categories-bar a:hover,
.navigation-bar a:hover {
  opacity: .8;
}

/* 3) أي أيقونات (إيميل / هاتف / سوشال) تكون بيضاء */
.header-top :is(svg, path, use, i),
.top-header :is(svg, path, use, i),
.nav-categories :is(svg, path, use, i),
.categories-header :is(svg, path, use, i),
.categories-bar :is(svg, path, use, i) {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* 4) توحيد خلفية كاملة للهيدر العلوي */
.header-top .container,
.top-header .container,
.navigation-bar .container {
  background: transparent !important;
  box-shadow: none !important;
}
/* ============== EVAFLO | Fix categories bar overlay + top links color ============== */

/* 1) إزالة أي خلفية/طبقة عن شريط التصنيفات والحاويات الداخلية له */
.nav-categories,
.categories-header,
.categories-bar,
.navigation-bar{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.nav-categories::before,
.nav-categories::after,
.categories-header::before,
.categories-header::after,
.categories-bar::before,
.categories-bar::after,
.navigation-bar::before,
.navigation-bar::after{
  content: none !important;
  background: transparent !important;
}

/* حاويات داخلية قد تكون هي التي تصنع "المربّع" */
.nav-categories .container,
.categories-header .container,
.categories-bar .container,
.navigation-bar .container,
.main-menu,
.main-menu > ul,
.main-menu .menu,
.main-menu .menu-wrapper,
.main-menu .menu-inner{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* عناصر القائمة وحالات الـactive/current بدون بلاطة */
.main-menu li,
.main-menu li > a{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.main-menu li.active > a,
.main-menu li.is-active > a,
.main-menu li.current > a,
.main-menu .selected > a{
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* 2) توحيد لون الإيميل/الروابط في الشريط العلوي بالأبيض */
.header-top,
.top-header,
.store-header-top{
  background: transparent !important;          /* نخلي الخلفية شفافة لأنه الهيدر نفسه عليه التدرج */
}
.header-top a, .header-top span, .header-top p,
.top-header a, .top-header span, .top-header p,
.store-header-top a, .store-header-top span, .store-header-top p,
.header a[href^="mailto:"], .header a[href^="tel:"]{
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600;
}
.header-top :is(svg,path,use,i),
.top-header  :is(svg,path,use,i){
  color:#fff !important; fill:#fff !important; stroke:#fff !important;
}

/* إزالة أي نقط قوائم قد تظهر بدل الأيقونات */
.header-top :is(ul,ol), .top-header :is(ul,ol){ list-style: none !important; padding-inline-start: 0 !important; }
/* ========== EVAFLO | Force WHITE on top bar (email/links/icons) ========== */

/* أحيانًا سلة يطبّق كلاس مختلف لـ top bar: غطّي كل الاحتمالات */
.header-top,
.top-header,
.store-header-top,
.header [class*="top"],
.store-header [class*="top"],
.announcement-bar,
.topbar,
.header-top__inner{
  background: transparent !important;     /* الهيدر نفسه عليه التدرج */
  color:#fff !important;
}

/* الروابط في الشريط العلوي: أبيض بكل الحالات */
.header-top a, .header-top a:visited, .header-top a:hover, .header-top a:active,
.top-header a, .top-header a:visited, .top-header a:hover, .top-header a:active,
.store-header-top a, .store-header-top a:visited, .store-header-top a:hover, .store-header-top a:active,
.header [class*="top"] a, .store-header [class*="top"] a,
.header a[href^="mailto:"], .header a[href^="tel:"],
.store-header a[href^="mailto:"], .store-header a[href^="tel:"]{
  color:#fff !important;
  text-decoration: none !important;
  opacity:1 !important;
  font-weight:600;
}

/* أي نصوص داخل الشريط العلوي تصرّ على الأسود/الرمادي (utility classes) */
.header-top :is(.text-dark,.text-black,.text-secondary,.text-muted,
                .text-gray,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900),
.top-header  :is(.text-dark,.text-black,.text-secondary,.text-muted,
                .text-gray,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900),
.store-header-top :is(.text-dark,.text-black,.text-secondary,.text-muted,
                .text-gray,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900){
  color:#fff !important;
}

/* الأيقونات (إيميل/هاتف/سوشال) */
.header-top :is(svg,path,use,i), .top-header :is(svg,path,use,i), .store-header-top :is(svg,path,use,i),
.header [class*="top"] :is(svg,path,use,i), .store-header [class*="top"] :is(svg,path,use,i){
  color:#fff !important; fill:#fff !important; stroke:#fff !important;
}
/* ================= EVAFLO | Footer unify (gradient + all white) ================= */

/* الحاويات الرئيسية للفوتر */
.store-footer,
.store-footer__inner,
.site-footer,
footer,
footer .footer-bottom {
  background: linear-gradient(90deg,#3A4D39 0%, #4A5C43 35%, #5F6F49 60%, #858A5D 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* امنعي أي طبقات/ألوان داخلية */
.store-footer *,
.site-footer *,
footer * {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}

/* العناوين والروابط */
.store-footer h1, .store-footer h2, .store-footer h3, .store-footer h4, .store-footer h5, .store-footer h6,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color:#fff !important; font-weight:700;
}
.store-footer a, footer a {
  color:#fff !important; text-decoration:none !important; transition:opacity .2s;
}
.store-footer a:hover, footer a:hover { opacity:.85; }

/* نصوص ووصف */
.store-footer p, .store-footer span, footer p, footer span { color:#fff !important; }

/* أيقونات (سوشال/هواتف/بريد) */
.store-footer :is(svg,path,use,i),
footer :is(svg,path,use,i) { color:#fff !important; fill:#fff !important; stroke:#fff !important; }

/* نموذج الاشتراك (إن وُجد) */
footer input[type="email"],
footer input[type="text"]{
  background: rgba(255,255,255,.15) !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; caret-color:#fff !important;
  border:2px solid rgba(255,255,255,.65) !important; border-radius:12px !important;
}
footer input::placeholder{ color:rgba(255,255,255,.9) !important; }

/* أزرار داخل الفوتر */
footer .btn, .store-footer .btn {
  background:#fff !important; color:#3A4D39 !important;
  border:2px solid #fff !important; border-radius:12px !important;
}
footer .btn:hover, .store-footer .btn:hover {
  background:transparent !important; color:#fff !important;
}

/* أيقونات وسائل الدفع باللون الأبيض (آمن لآبل باي) */
footer img[src*="tabby"], .store-footer img[src*="tabby"],
footer img[src*="tamara"], .store-footer img[src*="tamara"],
footer img[src*="visa"], .store-footer img[src*="visa"],
footer img[src*="master"], .store-footer img[src*="master"],
footer img[src*="mada"], .store-footer img[src*="mada"]{
  filter: brightness(0) invert(1) contrast(1.05) !important;
  opacity:.95; height:22px; width:auto; margin:0 8px;
}
/* Apple Pay */
footer img[src*="apple"], .store-footer img[src*="apple"]{
  height:22px; width:auto; margin:0 8px;
  filter: grayscale(1) brightness(2) contrast(1.2) !important;
}

/* محاذاة وتوسيط اختياري (يبقى أنيق) */
.store-footer{ text-align:center !important; padding:2rem 1rem !important; }
.store-footer .flex, .store-footer > div.justify-between{ justify-content:center !important; }
/* ===== EVAFLO | Footer FORCE layout over Tailwind (final) ===== */

/* دسكتوب وما فوق */
@media (min-width:1024px){
  /* الحاوية الفعلية (تتجاوز grid-cols-6 و col-span) */
  footer.store-footer .store-footer__inner > .container[class*="grid"]{
    display: grid !important;
    grid-template-columns: minmax(220px,1fr) minmax(320px,520px) minmax(220px,1fr) !important; /* يسار-وسط-يمين */
    column-gap: 2rem !important;
    row-gap: 0 !important;
    grid-auto-rows: auto !important;
    max-width: 1200px !important;
    margin-inline: auto !important;
    padding-inline: min(5vw,32px) !important;
    direction: ltr !important;   /* تثبيت معنى اليمين/اليسار داخل الشبكة */
    unicode-bidi: isolate !important;
  }

  /* اكسر أي col-span / row-span / ترتيب مفروض من Tailwind */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > *{
    grid-column: auto !important;
    grid-row: 1 !important;              /* الكل في الصف الأول */
    min-width: 0 !important;
  }

  /* تموضع العناصر حسب ترتيب DOM الذي أرسلتيه:
     (1) EVAFLO  (2) روابط  (3) تواصل  (4) Apps */
  /* يسار = تواصل (العنصر 3) */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(3){
    grid-column: 1 / 2 !important;
    justify-self: start !important;
    text-align: right !important;        /* عربي داخل العمود */
    direction: rtl !important;
    display: flex !important; flex-direction: column !important; align-items: flex-end !important;
  }
  /* وسط = EVAFLO (العنصر 1) */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(1){
    grid-column: 2 / 3 !important;
    justify-self: center !important;
    text-align: center !important;
    display: flex !important; flex-direction: column !important; align-items: center !important;
  }
  /* يمين = الروابط (العنصر 2) */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(2){
    grid-column: 3 / 4 !important;
    justify-self: end !important;
    text-align: right !important;
    display: flex !important; flex-direction: column !important; align-items: flex-end !important;
  }
  /* صف ثانٍ كامل لأيقونات التطبيقات (العنصر 4) */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(4){
    grid-row: 2 !important;
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    margin-top: 10px !important;
  }

  /* منع تكرار السوشال على الدسكتوب: أخفي نسخة contact-social داخل التواصل */
  footer.store-footer .store-footer__inner .contact-social{ display:none !important; }

  /* ترتيب داخلي أنيق داخل "تواصل" */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(3) h3{ margin:0 0 10px 0 !important; }
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(3) :is(a,p,span,div){
    display:inline-flex !important; align-items:center !important; gap:8px !important; margin-bottom:6px !important;
  }

  /* روابط العمود الأيمن كسطور منفصلة */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(2) a{
    display:block !important; margin-bottom:6px !important; text-decoration:none !important;
  }
}

/* موبايل/تابلت: تحت بعض — EVAFLO → الروابط → تواصل → Apps */
@media (max-width:1023.98px){
  footer.store-footer .store-footer__inner > .container[class*="grid"]{
    display:grid !important; grid-template-columns: 1fr !important;
    row-gap: 14px !important; justify-items: center !important; text-align: center !important;
    padding-inline: 16px !important;
  }
  footer.store-footer .store-footer__inner > .container[class*="grid"] > *{
    grid-column: 1 !important; grid-row: auto !important; justify-self: center !important;
    text-align: center !important; align-items: center !important;
  }
  /* ترتيب الأقسام */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(1){ order:1 !important; } /* EVAFLO */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(2){ order:2 !important; } /* روابط */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(3){ 
    order:3 !important; 
    /* لو تبين تبقى عربية على الموبايل: */
    direction: rtl !important; text-align: right !important; align-items: flex-end !important;
  }
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(4){ order:4 !important; } /* Apps */

  /* منع تكرار السوشال على الموبايل: أخفي نسخة الوسط (hidden lg:block) واظهر contact-social */
  footer.store-footer .store-footer__inner .hidden.lg\:block{ display:none !important; }
  footer.store-footer .store-footer__inner .contact-social{ display:flex !important; gap:16px !important; margin-top:10px !important; justify-content:center !important; }
}
/* ===== EVAFLO | Desktop tidy: hide left socials + tighter center ===== */
@media (min-width:1024px){
  /* قرّبي الأعمدة للوسط وقللي الفراغات */
  footer.store-footer .store-footer__inner > .container[class*="grid"]{
    max-width: 1040px !important;      /* كان 1200px */
    padding-inline: 16px !important;    /* كان أوسع */
    column-gap: 1.25rem !important;     /* تقليل المسافة بين الأعمدة */
    grid-template-columns: minmax(220px,1fr) minmax(320px,480px) minmax(220px,1fr) !important;
  }

  /* اخفاء تكرار السوشال في العمود اليسار (تواصل معنا) */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(3) .contact-social{
    display: none !important;
  }
  /* احتياط: لو أي قائمة سوشال تسللت داخل عمود اليسار نخفيها */
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(3) .s-social-list{
    display: none !important;
  }
}
/* ===== EVAFLO | Mobile tweak: center "تواصل معنا" title only ===== */
@media (max-width:1024px){
  footer.store-footer .store-footer__inner > .container[class*="grid"] > :nth-child(3) h3{
    text-align: center !important;
    align-self: center !important;
    width: 100%;
  }
}

/* ===== EVAFLO | Global mobile gutters fix ===== */
@media (max-width:1024px){
  html, body{ overflow-x:hidden; }
  /* قللي حواف الحاويات الافتراضية في سلة */
  .container, .container-fluid, .wrapper, .page-content, [class*="container"]{
    padding-inline: 12px !important;
  }
}

/* ===== EVAFLO | Hero slider (clean sizes + no arrows + green bullets) ===== */

/* إخفاء الأسهم نهائيًا */
.swiper-button-prev, .swiper-button-next,
.splide__arrow--prev, .splide__arrow--next{ display:none !important; }

/* كمبيوتر: عرض متوازن وارتفاع أخف كي يظهر ما تحته */
@media (min-width:1025px){
  .hero-slider, .s-slider, .swiper, .swiper-container, .splide{
    width: min(92vw, 1100px) !important;
    margin: 16px auto !important;
    height: 390px !important;            /* أقصر حسب طلبك */
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  .swiper-slide img, .splide__slide img, .s-slider img{
    width:100% !important; height:100% !important; object-fit:cover !important; display:block;
  }
}

/* جوال/تابلت: فل-بليد بلا فراغات جانبية + ارتفاع أخف */
@media (max-width:1024px){
  /* اسحبي حواف قسم البنر إلى الصفر بدون تغيير HTML */
  .container:has(.hero-slider, .swiper, .splide, .s-slider),
  section:has(.hero-slider, .swiper, .splide, .s-slider){
    padding-inline: 0 !important;
  }
  .hero-slider, .s-slider, .swiper, .swiper-container, .splide{
    width: 100% !important;
    margin: 0 !important;
    height: 46vw !important;              /* خفيف بصريًا */
    max-height: 300px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }
  .swiper-slide img, .splide__slide img, .s-slider img{
    width:100% !important; height:100% !important; object-fit:cover !important; display:block;
  }
}

/* مؤشرات خضراء (مستطيلات صغيرة) */
.swiper-pagination-bullet{
  width:16px !important; height:6px !important; border-radius:3px !important;
  background:rgba(58,77,57,.35) !important; border:1px solid #3A4D39 !important; opacity:1 !important; margin:0 5px !important;
}
.swiper-pagination-bullet-active{ background:#3A4D39 !important; border-color:#3A4D39 !important; }
.swiper-pagination, .splide__pagination{ bottom:12px !important; }


/* ===== EVAFLO | Buttons — "احجز الآن" باللون الأخضر عند التفاعل ===== */
.s-button, .btn, .booking-btn, .s-button-btn, .s-add-to-cart{
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;
  border-radius: 14px;
}
.s-button:hover, .btn:hover, .booking-btn:hover, .s-button-btn:hover, .s-add-to-cart:hover{
  background:#3A4D39 !important; color:#fff !important; border-color:#3A4D39 !important;
}
.s-button:active, .btn:active, .booking-btn:active, .s-button-btn:active, .s-add-to-cart:active{
  transform: scale(.985); background:#3A4D39 !important; color:#fff !important; border-color:#3A4D39 !important;
}

/* كرت المنتج عند النقر يعطي لمسة خفيفة */
.s-product-card:active, .product-card:active, .product-item:active{
  transform: scale(.995); box-shadow: 0 0 0 2px rgba(58,77,57,.18) inset;
}


/* EVAFLO | Preloader styles */
#evaflo-preloader{
  position:fixed; inset:0;
  background:linear-gradient(90deg,#3A4D39 0%, #4A5C43 35%, #5F6F49 60%, #858A5D 100%);
  display:grid; place-items:center; z-index:99999; color:#fff; font-family:inherit;
}
#evaflo-preloader .box{ width:min(320px,80vw); text-align:center; }
#evaflo-preloader .brand{ font-size:28px; font-weight:800; letter-spacing:.5px; margin-bottom:14px; }
#evaflo-preloader .bar{ height:6px; width:100%; background:rgba(255,255,255,.25); border-radius:999px; overflow:hidden; }
#evaflo-preloader .fill{ height:100%; width:0%; background:#fff; border-radius:999px; animation:evaflo-fill 1.2s ease forwards; }
@keyframes evaflo-fill{ to{ width:100%; } }

/* EVAFLO | اخفاء سبينر القالب والطبقات المصاحبة */
#bcio-popups, .bcio-popups,
.s-modal-overlay, .s-modal-overlay.is-open, .s-modal-overlay.active, .s-modal-overlay.show,
.mm-ocd, .mm-ocd--open,
#loading, #loader, #preloader, #preload,
.page-loading, .page-loading, .spinner, .loading, .salla-loading, .salla-loader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* لو القالب يضيف body/html.loading امنعي تأثيره */
html.loading, body.loading { overflow: auto !important; }

/* === EVAFLO Form Styling === */
.evf-form{
  --brand:#3A4D39; --brand2:#4A5C43; --brand3:#5F6F49; --brand4:#858A5D;
  --grad:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 40%,var(--brand3) 70%,var(--brand4) 100%);
  --border:#e5e7eb;
  max-width:480px;margin:auto;background:#fff;padding:24px;border-radius:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);font-family:'Tajawal',sans-serif;
  direction:rtl;text-align:right;border:1px solid #f2f2f2
}
.evf-title{
  text-align:center;margin:0 0 12px;font-size:22px;font-weight:800;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent
}
.evf-field{margin:12px 0}
.evf-label{display:block;margin-bottom:6px;color:var(--brand);font-weight:700}
.evf-input,.evf-textarea{
  width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;
  font-size:15px;color:#111;outline:none;transition:.2s;border-color:#ddd
}
.evf-input:focus,.evf-textarea:focus{
  border-color:var(--brand3);box-shadow:0 0 0 3px rgba(63,81,59,.12)
}
.evf-row{display:grid;gap:12px}
@media(min-width:560px){.evf-row{grid-template-columns:1fr 1fr}}
.evf-btn{
  width:100%;padding:13px;border:none;border-radius:12px;cursor:pointer;
  color:#fff;font-size:16px;font-weight:800;letter-spacing:.2px;
  background:var(--grad);transition:transform .05s ease,filter .2s
}
.evf-btn:hover{filter:saturate(1.05) brightness(1.03)}
.evf-btn:active{transform:translateY(1px)}
.evf-success{
  display:none;margin-top:18px;padding:14px 16px;border-radius:10px;
  background:#f1f8f4;color:var(--brand3);font-weight:600;text-align:center;
  border:1px solid #cde3ce;animation:fadeIn .5s ease-in-out
}
@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}




/* Fix EVAFLO background loading for square-photos */
a.banner-entry.square-photos.ev-bg-ready {
    background-image: var(--ev-bg) !important;
    background-size: cover !important;
    background-position: center !important;
    display: block !important;
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
}