/* Add custom CSS styles below */ 
/* =========================================================
   كويت شوب | CSS v21 (يحل محل v20 وكل اللي قبله)
   لازم يشتغل مع kuwait-shop-fix-v13.js
   ========================================================= */

:root {
  --ks-main:    #b80f78;   /* لون العناوين والأزرار (غيّره لـ #f034a3 للون الأفتح) */
  --ks-ink:     #2a1620;
  --ks-line:    #f0dbe8;
  --ks-section: 16px;      /* المسافة بين الأقسام (جوال) */
  --ks-g:       12px;      /* المسافة بين الكروت */
  --ks-logo-h:  64px;      /* ارتفاع الشعار (الهيدر والفوتر والقائمة بنفس القيمة) */
  --ks-hdr-ico: 26px;      /* حجم أيقونات الهيدر (قائمة، حساب، سلة) */
  --ks-social:  48px;      /* حجم دوائر السوشيال في الفوتر (الأيقونة جواها نصفها) */
  --ks-ft-py:   20px;      /* مسافة أعلى وأسفل كل قسم في الفوتر */
  --ks-ft-gap:  16px;      /* المسافة بين العناصر جوه القسم (جوال) */
  --ks-ft-outer: 8px;      /* مسافة أول الفوتر وآخره */
}
@media (max-width: 379.98px) { :root { --ks-logo-h: 56px; } }
@media (min-width: 768px)    { :root { --ks-logo-h: 68px; --ks-ft-py: 24px; } }
@media (min-width: 1024px)   { :root { --ks-hdr-ico: 28px; } }
@media (min-width: 768px)    { :root { --ks-social: 54px; } }
@media (min-width: 1024px) { :root { --ks-section: 32px; } }

/* 1) منع الاهتزاز الجانبي */
.s-block { max-width: 100%; overflow-x: clip; }

/* 2) مسافات موحّدة وأصغر بين الأقسام
      (كل قسم له نص المسافة من فوق ونصها من تحت) */
.s-block {
  margin-block: 0 !important;
  padding-block: calc(var(--ks-section) / 2) !important;
}

/* 3) البنر الرئيسي بعرض كامل */
.s-block--photos-slider { padding-block: 0 calc(var(--ks-section) / 2) !important; }
.s-block--photos-slider .container,
.s-block--photos-slider .container-fluid {
  max-width: 100%; width: 100%; padding: 0; margin: 0;
}
.s-block--photos-slider .swiper-slide { border-radius: 0; }
.s-block--photos-slider img {
  width: 100%; height: auto; display: block; border-radius: 0;
}

/* 4) لون العناوين الرئيسية */
.s-block :is(h2, .s-slider-block__title, .s-block__title) { color: var(--ks-main); }

/* 6) الباكجات وسلايدر المنتجات القياسي:
      تمرير أصلي بعدد كروت ثابت (الكود الـJS بيحدد العدد ويشغّل الحركة التلقائية) */
.ks-scroll {
  overflow-x: auto !important;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.ks-scroll::-webkit-scrollbar { display: none; }
.ks-scroll .swiper-wrapper {
  display: flex !important;
  gap: var(--ks-g);
  width: 100% !important;
  height: auto !important;
  transform: none !important;
  transition: none !important;
}
.ks-scroll .swiper-slide {
  flex: 0 0 calc((100% - (var(--ks-n, 2) - 1) * var(--ks-g)) / var(--ks-n, 2)) !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  height: auto !important;
  scroll-snap-align: start;
}
.ks-scroll .swiper-slide-duplicate { display: none !important; }
.s-block:has(.ks-scroll) :is(.swiper-button-next, .swiper-button-prev, .swiper-pagination, [class*="slider-prev"], [class*="slider-next"]) {
  display: none !important;
}

/* 7) المدونة: كارت واحد كامل (بنفس ترتيب Swiper والخط اللي تحته) */
.swiper.ks-swiper > .swiper-wrapper > .swiper-slide.swiper-slide {
  width: calc((100% - (var(--ks-n, 1) - 1) * var(--ks-g)) / var(--ks-n, 1)) !important;
  max-width: none !important;
}
.s-block:has(.s-blog--slider--img) .swiper-pagination { display: none !important; }

/* 8) احتياطي: شبكة لو شريط الثقة جه كسلايدر عادي */
.ks-grid { overflow: visible !important; }
.ks-grid .swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ks-g);
  width: 100% !important; height: auto !important;
  transform: none !important; transition: none !important;
}
.ks-grid .swiper-slide { width: auto !important; height: auto !important; margin: 0 !important; min-width: 0; }
@media (min-width: 640px) {
  .ks-grid .swiper-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* 9) كروت المنتجات القياسية */
.s-product-card-entry {
  height: 100%; min-width: 0; background: #fff;
  border: 1px solid var(--ks-line); border-radius: 16px;
  overflow: hidden; box-shadow: none;
}
.s-product-card-content-title,
.s-product-card-content-title a {
  display: block; -webkit-line-clamp: unset;
  overflow: visible; font-weight: 700; line-height: 1.5;
}
.s-product-card-price,
.s-product-card-sale-price { color: var(--ks-main); font-weight: 800; }
.s-product-card-content-footer .s-button-element,
.s-product-card-content-footer button { min-height: 44px; border-radius: 12px; }
.s-product-card-wishlist-btn { min-width: 44px; min-height: 44px; }
.s-product-card-entry a:focus-visible,
.s-product-card-entry button:focus-visible { outline: 3px solid var(--ks-ink); outline-offset: 2px; }

@media (max-width: 639.98px) {
  .s-product-card-content-title,
  .s-product-card-content-title a { font-size: 14px; }
  .s-product-card-entry { border-radius: 14px; }
}

/* 10) تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .s-product-card-entry, .s-product-card-entry * { transition: none !important; }
}

/* 11) المدونة والسلايدرات اللي حوّلناها: إلغاء الـpadding الجانبي (1.65rem) اللي بيصغّر عرض الكارت
       ويخلّي جزء من الكارت اللي بعده يظهر في الحيّز الفاضي */
.swiper.ks-swiper,
.swiper.ks-scroll {
  padding-inline: 0 !important;
}

/* =========================================================
   12) القائمة الجانبية (mmenu-light: .mm-ocd / .mm-spn)
   الشعار والأيقونات وزر الواتساب بيتضافوا من kuwait-shop-fix-v13.js
   كل البنود بلون واحد، والشعار بيتحرك مع القائمة (مش ثابت)
   ========================================================= */
.mm-ocd__content {
  width: 86% !important;
  max-width: 380px !important;
  background: #fff !important;
}
/* بدون لوحة معتمة أو ضبابية فوق الصفحة (الخلفية الشفافة لسه بتقفل القائمة لما تضغط بره) */
.mm-ocd .mm-ocd__backdrop,
.mm-ocd--open .mm-ocd__backdrop {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* ظل خفيف على حافة القائمة عشان تتفصل عن الصفحة */
.mm-ocd__content { box-shadow: 0 0 28px rgba(42, 22, 32, .22); }

/* بنود القائمة: كبيرة وواضحة وسهلة اللمس، بلون واحد */
.mm-spn li > a,
.mm-spn li > span {
  display: flex !important;
  align-items: center;
  min-height: 58px;
  padding: 10px 16px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--ks-ink) !important;
}
.mm-spn ul ul li > a,
.mm-spn ul ul li > span { font-weight: 500; font-size: 15px; min-height: 50px; }
.mm-spn li > a:active,
.mm-spn li > span:active { background: #fde7f3; }

.mm-spn li:after { display: none !important; }
.mm-spn li { border-bottom: 1px solid #f6e6ef; }

/* أيقونة البند (مربع وردي فاتح فيه رسم يناسب الفئة) */
.ks-ico {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-inline-end: 12px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #fde7f3;
  color: var(--ks-main);
}
.ks-ico::before {
  content: "";
  width: 22px;
  height: 22px;
  background: currentColor;
  -webkit-mask: var(--m) center / contain no-repeat;
  mask: var(--m) center / contain no-repeat;
}
.ks-ico[data-i="tag"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4l-7.2 7.2a2 2 0 01-2.8 0L2 12V2h10l8.6 8.6a2 2 0 010 2.8z'/%3E%3Cpath d='M7 7h.01'/%3E%3C/svg%3E"); }
.ks-ico[data-i="new"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3l1.9 5.1L18 10l-5.1 1.9L11 17l-1.9-5.1L4 10l5.1-1.9z'/%3E%3Cpath d='M19 15l.7 2 2 .7-2 .7-.7 2-.7-2-2-.7 2-.7z'/%3E%3C/svg%3E"); }
.ks-ico[data-i="hair"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c-4 0-6.5 3-6.5 7.5 0 3-1 5-2.5 7 2.5.3 4.2-.2 5.5-1.5.5 1.8 2 3 3.5 3s3-1.2 3.5-3c1.3 1.3 3 1.8 5.5 1.5-1.5-2-2.5-4-2.5-7C18.5 6.5 16 3.5 12 3.5z'/%3E%3Cpath d='M9 11.5c0-2.2 1.3-3.8 3-3.8s3 1.6 3 3.8c0 2.4-1.3 4.2-3 4.2s-3-1.8-3-4.2z'/%3E%3Cpath d='M8.8 9.8c2.2 0 4.7-1.1 6.3-3.2'/%3E%3C/svg%3E"); }
.ks-ico[data-i="skin"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c-3.6 0-6 3-6 7 0 5 2.6 9 6 9s6-4 6-9c0-4-2.4-7-6-7z'/%3E%3Cpath d='M8.5 10.5c.7-.7 1.8-.7 2.5 0M13 10.5c.7-.7 1.8-.7 2.5 0'/%3E%3Cpath d='M9.5 14.5c1.4 1.3 3.6 1.3 5 0'/%3E%3Cpath d='M20 4l.6 1.6 1.6.6-1.6.6L20 8.4l-.6-1.6-1.6-.6 1.6-.6z'/%3E%3C/svg%3E"); }
.ks-ico[data-i="body"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='9' width='11' height='12' rx='3'/%3E%3Cpath d='M10 9V6h4v3M12 6V3h3.5'/%3E%3Cpath d='M10 14.5h4M10 17.5h2.5'/%3E%3C/svg%3E"); }
.ks-ico[data-i="mascara"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='13' y='9.5' width='9' height='5' rx='2.5'/%3E%3Cpath d='M13 12h-3'/%3E%3Crect x='2.5' y='9' width='7.5' height='6' rx='3'/%3E%3Cpath d='M4.5 7.5v1.5M6.3 7v2M8.1 7.5v1.5M4.5 15v1.5M6.3 15v2M8.1 15v1.5'/%3E%3C/svg%3E"); }
.ks-ico[data-i="gift"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v10H4V12M2 7h20v5H2zM12 22V7M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z'/%3E%3C/svg%3E"); }
.ks-ico[data-i="best"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l4.5 4.5L12 5l4.5 7.5L21 8l-2 11H5z'/%3E%3Cpath d='M5.5 21.5h13'/%3E%3C/svg%3E"); }
.ks-ico[data-i="blog"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h6a4 4 0 014 4v13a3 3 0 00-3-3H2z'/%3E%3Cpath d='M22 4h-6a4 4 0 00-4 4v13a3 3 0 013-3h7z'/%3E%3C/svg%3E"); }
.ks-ico[data-i="all"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.8'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.8'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.8'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.8'/%3E%3C/svg%3E"); }
.ks-ico[data-i="shampoo"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='10' width='10' height='11' rx='2.5'/%3E%3Cpath d='M10 10V7.5h4V10M10.5 7.5V4.5h3v3'/%3E%3Ccircle cx='18.2' cy='4.8' r='1.6'/%3E%3Ccircle cx='20.8' cy='8.4' r='.9'/%3E%3C/svg%3E"); }
.ks-ico[data-i="oil"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6V4.5a2.5 2.5 0 015 0V6M8 6h8'/%3E%3Cpath d='M9 6v2.5L7 11v8a2 2 0 002 2h6a2 2 0 002-2v-8l-2-2.5V6'/%3E%3Cpath d='M12 13c1.2 1.4 1.8 2.3 1.8 3.1a1.8 1.8 0 01-3.6 0c0-.8.6-1.7 1.8-3.1z'/%3E%3C/svg%3E"); }
.ks-ico[data-i="jar"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='4.5' rx='1.6'/%3E%3Cpath d='M6.5 7.5h11v10.5a3 3 0 01-3 3h-5a3 3 0 01-3-3z'/%3E%3Cpath d='M9.5 13h5'/%3E%3C/svg%3E"); }
.ks-ico[data-i="mask"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c4 0 7 3 7 8 0 6-3 10-7 10s-7-4-7-10c0-5 3-8 7-8z'/%3E%3Cpath d='M8 10.5h3M13 10.5h3M10 16h4'/%3E%3C/svg%3E"); }
.ks-ico[data-i="perfume"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='10' width='12' height='11' rx='2.5'/%3E%3Crect x='9.5' y='5.5' width='5' height='4.5' rx='1'/%3E%3Cpath d='M11 5.5v-2h2v2'/%3E%3Cpath d='M19.5 4.5l.5 1.3 1.3.5-1.3.5-.5 1.3-.5-1.3-1.3-.5 1.3-.5z'/%3E%3C/svg%3E"); }
.ks-ico[data-i="scrub"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 11h17a8.5 8.5 0 01-17 0z'/%3E%3Cpath d='M8 7.5h.01M12 5.8h.01M16 7.5h.01M10 9h.01M14 9h.01'/%3E%3C/svg%3E"); }
.ks-ico[data-i="rose"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 2.5h3v2.5h-3z'/%3E%3Cpath d='M11 5v3.2M13 5v3.2'/%3E%3Ccircle cx='12' cy='15' r='6.3'/%3E%3Cpath d='M12 17.6c-1.6 0-2.7-1.1-2.7-2.6 0-1.5 1.1-2.5 2.5-2.5 1.2 0 2 .8 2 1.8 0 .9-.7 1.5-1.5 1.5-.7 0-1.1-.4-1.1-1'/%3E%3C/svg%3E"); }
.ks-ico[data-i="soap"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9.5' width='14' height='9' rx='3.2'/%3E%3Cpath d='M6.5 14h7'/%3E%3Ccircle cx='18.5' cy='6' r='2'/%3E%3Ccircle cx='21' cy='10.5' r='1'/%3E%3C/svg%3E"); }
.ks-ico[data-i="tube"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v3H9z'/%3E%3Cpath d='M7.5 6h9l-1 14.2a1 1 0 01-1 .8h-5a1 1 0 01-1-.8z'/%3E%3Cpath d='M8.2 17.5h7.6'/%3E%3C/svg%3E"); }
.ks-ico[data-i="leaf"] { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20c0-9 5-15 15-16 0 9-5 15-15 16z'/%3E%3Cpath d='M5 20l8-8'/%3E%3C/svg%3E"); }

/* القوائم الداخلية: أيقونة أصغر شوية */
.mm-spn ul ul .ks-ico { flex-basis: 34px; width: 34px; height: 34px; border-radius: 10px; margin-inline-end: 10px; }
.mm-spn ul ul .ks-ico::before { width: 20px; height: 20px; }

/* رأس القائمة: شعار المتجر فقط، بدون خلفية ملوّنة (بيتحرك مع القائمة وما يغطيش على حاجة) */
.mm-spn li.ks-menu-brand {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 18px 20px 14px !important;
  background: transparent !important;
  border-bottom: 1px solid #f6e6ef;
  cursor: default;
}
.mm-spn li.ks-menu-brand:before,
.mm-spn li.ks-menu-brand:after { display: none !important; }
.mm-spn li.ks-menu-brand > a,
.mm-spn li.ks-menu-brand > a:active {
  display: block !important;
  width: auto !important;
  min-height: 0;
  padding: 0 !important;
  background: transparent !important;
  font-size: 22px;
  color: var(--ks-main) !important;
}
.mm-spn li.ks-menu-brand img {
  display: block;
  height: var(--ks-logo-h);
  width: auto;
  max-width: 230px;
  margin: 0 auto;
}
.mm-spn li.ks-menu-brand p {
  margin: 0;
  font-size: 13px;
  color: var(--ks-mute, #6b5560);
  text-align: center;
}

/* زر واتساب في آخر القائمة */
.mm-spn li.ks-menu-foot { padding: 18px 16px 28px !important; border: 0; cursor: default; }
.mm-spn li.ks-menu-foot:before,
.mm-spn li.ks-menu-foot:after { display: none !important; }
.mm-spn li.ks-menu-foot > a {
  justify-content: center;
  gap: 10px;
  width: auto !important;
  min-height: 52px;
  padding: 0 16px !important;
  border-radius: 14px;
  background: var(--ks-main);
  color: #fff !important;
  font-size: 16px;
}
.mm-spn li.ks-menu-foot > a::before {
  content: "";
  width: 22px;
  height: 22px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.4 8.4 0 01-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.4 8.4 0 013.8-.9h.5a8.5 8.5 0 018 8z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.4 8.4 0 01-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.4 8.4 0 013.8-.9h.5a8.5 8.5 0 018 8z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* =========================================================
   13) الهيدر: شعار أكبر + خلفية صلبة (بدل الشفافة)
   الكلاسات ks-logo / ks-logo-link / ks-header بيضيفها الـJS
   ========================================================= */
.store-header {
  background: #fff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.store-header .navbar-brand img {
  height: var(--ks-logo-h) !important;
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
}
.store-header .navbar-brand { display: inline-flex !important; align-items: center; height: auto !important; }

/* =========================================================
   14) الفوتر: ترتيب الأقسام + حجم الشعار (ولا حاجة تانية اتغيرت)
   الترتيب الجديد (جوال ومتصفح):
     1) بيانات المتجر (الشعار، الروابط، خدمة العملاء، السجل)
     2) كن أول من يعرف + السوشيال
     3) التوثيق ووسائل الدفع
   ========================================================= */
.store-footer__inner > .container { display: flex; flex-direction: column; }
.store-footer__inner > .container > .to-top        { order: 0; }
.store-footer__inner > .container > .footer-middle { order: 1; }
.store-footer__inner > .container > .footer-top    { order: 2; }
.store-footer__inner > .container > .footer-bottom { order: 3; }

/* شعار الفوتر بنفس حجم شعار الهيدر */
.store-footer .footer-profile img {
  height: var(--ks-logo-h) !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain;
}

/* ---- مسافات الفوتر: بتتحكم فيها المتغيرات --ks-ft-* في أول الملف ---- */
.store-footer__inner { padding-block: var(--ks-ft-outer) !important; }
.store-footer__inner > .container { padding-block: 0 !important; margin-block: 0 !important; }
.store-footer__inner > .container > :is(.footer-top, .footer-middle) {
  padding-block: var(--ks-ft-py) !important;
  margin-block: 0 !important;
}
.store-footer__inner > .container > .footer-bottom {
  padding-block: calc(var(--ks-ft-py) * .7) !important;
  margin-block: 0 !important;
}
.store-footer__inner > .container > .to-top { padding-block: 4px !important; margin-block: 0 !important; }
@media (max-width: 767.98px) {
  .store-footer__inner > .container > :is(.footer-top, .footer-middle) { gap: var(--ks-ft-gap) !important; }
}

/* =========================================================
   15) الهيدر: شريط بحث ظاهر + أيقونات بلون المتجر + ترتيب الجوال
   الكلاسات المؤكدة من DevTools:
   .header-container > .flex (الصف) | .mburger | .search-btn |
   button > .sicon-user | salla-cart-summary.header-cart
   ========================================================= */

/* أيقونات القائمة والحساب والسلة: لون المتجر وحجم أكبر */
.store-header .mburger i,
.store-header button:has(> .sicon-user) i,
.store-header .header-cart #s-cart-icon i {
  color: var(--ks-main) !important;
  font-size: var(--ks-hdr-ico) !important;
}
/* مساحة لمس 44px على الأقل */
.store-header .mburger,
.store-header button:has(> .sicon-user),
.store-header .header-cart > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

/* زر البحث: شريط بحث ظاهر فيه أيقونة وجملة (الضغط عليه بيفتح نافذة البحث الأصلية) */
.store-header .search-btn {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;
  height: auto !important;
  min-height: 46px;
  padding-inline: 16px !important;
  background: #fff;
  border: 1.5px solid #e8cfdd;
  border-radius: 999px;
  color: var(--ks-mute);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  cursor: text;
}
.store-header .search-btn i { flex: none; color: var(--ks-main) !important; font-size: 20px !important; }
.store-header .search-btn::after {
  content: "ابحث عن منتجك المفضل";
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-header .search-btn:is(:hover, :focus-visible) { border-color: var(--ks-main); }

/* متصفح: شريط البحث بعرض مريح */
@media (min-width: 1024px) {
  .store-header .search-btn { width: min(360px, 30vw) !important; margin-inline-start: 12px; }
}

/* جوال وآيباد: الشعار فوق، وتحته شريط (قائمة | بحث | حساب | سلة) */
@media (max-width: 1023.98px) {
  .store-header .header-container > .flex {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    grid-template-areas:
      "logo logo logo logo"
      "menu search user cart";
    align-items: center;
    gap: 6px 8px;
    padding-block: 8px;
  }
  /* مجموعتي اليمين والشمال بيتفكّوا وعناصرهم تتوزع على الشبكة */
  .store-header .header-container > .flex > :nth-child(1),
  .store-header .header-container > .flex > :nth-child(3) { display: contents !important; }
  .store-header .header-container > .flex > :nth-child(2) { grid-area: logo; justify-self: center; }
  .store-header .mburger { grid-area: menu; }
  .store-header .search-btn { grid-area: search; width: 100% !important; }
  .store-header button:has(> .sicon-user) { grid-area: user; }
  .store-header salla-cart-summary { grid-area: cart; }
}

/* جوال صغير: نخفي إجمالي السلة (الأيقونة والعدد بيكفوا) عشان البحث ياخد مساحة */
@media (max-width: 767.98px) {
  .store-header .s-cart-summary-content { display: none !important; }
}

/* =========================================================
   16) الفوتر: أيقونات السوشيال أكبر وأوضح
   الحجم من --ks-social في أول الملف (48px جوال، 54px متصفح)
   ========================================================= */
.store-footer .footer-top a:has(:is(svg, i, img)) {
  display: inline-grid !important;
  place-items: center;
  flex: none;
  width: var(--ks-social) !important;
  height: var(--ks-social) !important;
  min-width: var(--ks-social);
}
.store-footer .footer-top a:has(:is(svg, i, img)) :is(svg, i, img) {
  width: calc(var(--ks-social) * .5) !important;
  height: calc(var(--ks-social) * .5) !important;
  font-size: calc(var(--ks-social) * .5) !important;
  line-height: 1;
}

/* =========================================================
   17) سرعة وثبات الصفحة
   ========================================================= */
/* الأقسام من الخامس لتحت ما بتترسمش إلا لما تقرب من الشاشة (تحميل ورسم أسرع).
   لو أي سلايدر بعيد اتصرف غلط، احذف الكتلة دي. */
.s-block + .s-block + .s-block + .s-block + .s-block {
  content-visibility: auto;
  contain-intrinsic-size: auto 520px;
}

/* منع "النقزة": الأقسام اللي الـJS بيظبطها بتفضل مخفية (ومحجوزة مكانها) لحد ما تتظبط،
   وفي كل الأحوال بتظهر بعد 2.5 ثانية (حتى لو الـJS ما اشتغلش) */
@keyframes ks-show { to { opacity: 1; } }
.s-block[class*="bundle-"]:not(.ks-ready),
.s-block--best-offers:not(.ks-ready) {
  opacity: 0;
  animation: ks-show .25s ease 2.5s forwards;
}
.s-block.ks-ready { opacity: 1; transition: opacity .25s ease; }