:root { --font-main: "IBM Plex Sans Arabic", sans-serif; }

body, button, input, select, textarea, a, span, div,
h1, h2, h3, h4, h5, h6, p, li {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}

p, li { line-height: 1.8 !important; }

.btn--primary, .s-button-primary,
salla-add-product-button .s-button-primary {
  background-color: #fe9660 !important;
  border-color: #fe9660 !important;
  color: #4c1819 !important;
  font-weight: 700 !important;
}

.s-product-card-sale-price, .total-price {
  color: #4c1819 !important;
  font-weight: 700 !important;
}

body.product-single .bg-white:has(> .bg-gray-200) {
  display: none !important;
}

/* ============================================================
   التذييل — قوس وزخارف مبنية بـCSS بدل صورة خلفية
   لا تُقصّ ولا تتغبّش على أي مقاس شاشة
   ============================================================ */

/* الزخارف كمتغيرات — أسهل للتعديل لاحقاً */
:root {
  --mt-spark-o: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 8 4 11 12 12-8 1-11 4-12 12-1-8-4-11-12-12 8-1 11-4 12-12z' fill='%23fe9660'/%3E%3C/svg%3E");
  --mt-spark-m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 8 4 11 12 12-8 1-11 4-12 12-1-8-4-11-12-12 8-1 11-4 12-12z' fill='%23723e3f'/%3E%3C/svg%3E");
  --mt-zig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3E%3Cpath d='M2 14L8 4l6 10 6-10 6 10 6-10' fill='none' stroke='%23fe9660' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --mt-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cg fill='none' stroke='%23fee0d8' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M0 10c20-12 40 12 60 0s40-12 60 0'/%3E%3Cpath d='M0 26c20-12 40 12 60 0s40-12 60 0'/%3E%3C/g%3E%3C/svg%3E");
  --mt-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cg fill='%23fe9660' fill-opacity='.55'%3E%3Ccircle cx='6' cy='8' r='3'/%3E%3Ccircle cx='22' cy='4' r='3'/%3E%3Ccircle cx='38' cy='10' r='3'/%3E%3Ccircle cx='54' cy='6' r='3'/%3E%3Ccircle cx='12' cy='22' r='3'/%3E%3Ccircle cx='30' cy='20' r='3'/%3E%3Ccircle cx='46' cy='24' r='3'/%3E%3Ccircle cx='8' cy='34' r='3'/%3E%3Ccircle cx='26' cy='36' r='3'/%3E%3Ccircle cx='44' cy='34' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

/* 1) إخفاء صور خلفية التذييل — ما عاد لها لزوم */
.store-footer .footer_pc-bg,
.store-footer .footer_mb-bg { display: none !important; }

/* 2) إلغاء طبقة التعتيم السوداء 36.5% اللي يضيفها الثيم */
.store-footer.footer-overlay::before { display: none !important; }

/* 3) القوس العلوي + اللون + الزخارف */
.store-footer {
  background-color: #4c1819 !important;
  border-radius: 50% 50% 0 0 / 90px 90px 0 0;
  padding-top: 72px !important;

  background-image:
    var(--mt-wave),
    var(--mt-spark-o),
    var(--mt-spark-o),
    var(--mt-spark-m),
    var(--mt-spark-m),
    var(--mt-zig),
    var(--mt-zig),
    var(--mt-dots);

  background-position:
    right 2%  top 110px,
    left  8%  top 96px,
    right 9%  bottom 26%,
    left  4%  top 42%,
    right 5%  top 30%,
    left  10% top 64%,
    right 12% top 50%,
    left  3%  bottom 16%;

  background-size:
    170px auto,
    26px 26px,
    18px 18px,
    22px 22px,
    16px 16px,
    44px auto,
    34px auto,
    90px auto;

  background-repeat: no-repeat;
}

/* 4) الشاشات المتوسطة — الحاوية تقترب من الحواف، نقلل الزخارف */
@media (max-width: 1279px) {
  .store-footer {
    border-radius: 50% 50% 0 0 / 60px 60px 0 0;
    padding-top: 56px !important;
    background-image: var(--mt-spark-o), var(--mt-spark-m), var(--mt-zig);
    background-position: left 5% top 70px, right 6% top 34%, left 7% bottom 20%;
    background-size: 22px 22px, 18px 18px, 34px auto;
  }
}

/* 5) الجوال — قوس أخف وزخرفتان فقط */
@media (max-width: 767px) {
  .store-footer {
    border-radius: 50% 50% 0 0 / 36px 36px 0 0;
    padding-top: 44px !important;
    background-image: var(--mt-spark-o), var(--mt-spark-m);
    background-position: left 7% top 52px, right 8% top 26%;
    background-size: 18px 18px, 14px 14px;
  }
}

/* ============================================================
   الشريط الإعلاني — إلصاق البانر به بدون فراغ
   الثيم يعطي قسم البانر margin-top: 64px
   ============================================================ */

.s-block--advertising-banner + .s-block--hero-slider {
  margin-top: 0 !important;
}

/* ============================================================
   البانر الرئيسي — نسبة 19:7 بلا قص

   ⚠️ نستهدف كلاس القسم ‎.s-block--hero-slider‎ ولا نستهدف
   معرّف السلايدر ‎#main-slider-N‎ إطلاقاً: الثيم يرقّم السلايدر
   حسب ترتيبه في الصفحة، فأي قسم يُضاف قبل البانر يغيّر الرقم
   ويُبطل القواعد بصمت بدون أي رسالة خطأ
   ============================================================ */

.s-block--hero-slider .swiper-slide {
  height: auto !important;
  aspect-ratio: 19 / 7;
  min-height: 0 !important;
  background-color: #fef5ef !important;
}

.s-block--hero-slider .swiper-slide > div[style*="background-image"] {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #fef5ef;
}

/* منع ظهور الشرائح فوق بعض قبل ما يشتغل السلايدر
   Swiper يضيف swiper-slide-active أول ما يجهز، فالقاعدة تتوقف تلقائياً */
.s-block--hero-slider:not(:has(.swiper-slide-active)) .swiper-slide:not(:first-child) {
  display: none !important;
}

/* الجوال — نفس صورة الكمبيوتر بنفس النسبة، بدل نسخة 700×1000 */
@media (max-width: 767px) {
  .s-block--hero-slider .swiper-slide > div[class*="md:block"]  { display: block !important; }
  .s-block--hero-slider .swiper-slide > div[class*="md:hidden"] { display: none  !important; }
}

/* ============================================================
   بنرات المسارات — عمود واحد على كل الأجهزة
   الصور خلفيات CSS لا وسوم img، فالضبط عبر background-size
   ============================================================ */

.s-block--banners .grid {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

.s-block--banners .grid > * {
  width: 100% !important;
  aspect-ratio: 2000 / 733;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 15px;
  overflow: hidden;
}

.s-block--banners [style*="background-image"] {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #fef5ef;
}

@media (max-width: 767px) {
  .s-block--banners .grid { gap: 12px !important; }
}
/* ===== دخلة البنرات — ظهور تدريجي متتابع ===== */
@media (prefers-reduced-motion: no-preference) {
  .s-block--banners .grid > * {
    animation: mt-rise 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
  }

  .s-block--banners .grid > *:nth-child(1) { animation-delay: 0.05s; }
  .s-block--banners .grid > *:nth-child(2) { animation-delay: 0.15s; }
  .s-block--banners .grid > *:nth-child(3) { animation-delay: 0.25s; }
  .s-block--banners .grid > *:nth-child(4) { animation-delay: 0.35s; }

  .s-block--banners .grid > *:hover {
    transform: translateY(-3px);
    transition: transform 0.25s ease;
  }
}

@keyframes mt-rise {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* ===== صور مربعة — خلفية خلف النص والزر ===== */

/* طبقة تدرّج داكن أسفل المربع تحمل النص */
.banner-entry.square-photos::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 62%;
  background: linear-gradient(to top,
    rgba(76, 24, 25, 0.88) 0%,
    rgba(76, 24, 25, 0.72) 35%,
    rgba(76, 24, 25, 0) 100%);
  pointer-events: none;
  z-index: 1;
  border-radius: 0 0 15px 15px;
}

/* رفع النص فوق الطبقة */
.banner-entry.square-photos .banner__title,
.banner-entry.square-photos .banner__description,
.banner-entry.square-photos a,
.banner-entry.square-photos .btn {
  position: relative;
  z-index: 2;
}

.banner-entry.square-photos .banner__title {
  color: #fef5ef !important;
  font-weight: 500 !important;
}

.banner-entry.square-photos .banner__description {
  color: #fee0d8 !important;
}

/* الزر */
.banner-entry.square-photos a.btn,
.banner-entry.square-photos .banner__btn {
  background-color: #fe9660 !important;
  color: #4c1819 !important;
  border-radius: 10px;
  padding: 8px 18px;
  display: inline-block;
}
/* ===== فيديو من نحن — زوايا دائرية ===== */
.s-block--about-us video,
.s-block--about-us img {
  border-radius: 20px;
  overflow: hidden;
}







.banner-entry__text .banner__title {
  background-color: #4c1819;
  color: #fef5ef !important;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 500 !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  box-sizing: border-box;
  line-height: 1 !important;

  opacity: 0;
  transform: translateY(8px);
  transition: opacity .3s ease, transform .3s ease;
}

.banner-entry__text {
  margin-top: 100px;
}







.mlz{
  max-width:820px;
  margin:0 auto;
  font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;
  color:#4c1819;
  line-height:1.9;
}
.mlz-h{ font-size:20px; font-weight:600; }
.mlz-s{ font-size:15px; color:#8a6f68; margin-bottom:22px; }
.mlz-i{
  position:relative;
  padding:14px 20px 14px 0;
  border-top:1px solid #fe9660;
}
.mlz-i:last-of-type{ border-bottom:1px solid #fe9660; }
.mlz-i::before{
  content:"";
  position:absolute;
  right:0;
  top:23px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fe9660;
}
.mlz-i b{ display:block; font-weight:600; }
.mlz-i span{ display:block; font-size:14px; color:#8a6f68; }
.mlz-f{
  background:#fef5ef;
  border-radius:12px;
  padding:18px 20px;
  margin-top:18px;
  text-align:center;
  font-size:17px;
  font-weight:600;
}


.s-block--custom-features .s-f-swiper-item{
  position:relative;
  overflow:hidden;
}
.s-block--custom-features .s-f-swiper-item > *{
  position:relative;
  z-index:1;
}
.s-block--custom-features .s-f-swiper-item::before{
  content:"";
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:bottom left;
  background-size:180px;
  opacity:.5;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 375'%3E%3Cpath fill='%23fe9660' d='M -27.7 210.8 C -27.6 211.7 -27.3 213 -27 214.8 L -25.8 221 L -24.1 221.1 C -19.9 221.4 -11.6 222.6 -9.6 223.2 C -1.2 225.6 4.2 229.8 12.5 240.3 C 15.6 244.3 21.4 253.3 23.9 258 C 26.1 262.3 29.5 271.5 31.3 278.4 C 32.8 284.4 35.9 294.6 38.2 301.3 C 43 315.4 49.4 325.2 58 331.7 C 62.3 334.9 67.4 336.7 80.9 339.7 C 101.4 344.3 108.1 347.1 123.1 357.1 C 136.9 366.3 150.7 380.6 155.4 390.7 C 156.3 392.7 157.1 394.7 157.2 395.1 C 157.3 395.8 157.7 395.8 163.9 394.6 C 171.5 393.2 170.9 393.9 168.5 387.9 C 162 371.7 142.6 352.3 120.3 339.8 C 108.8 333.4 102.5 331.1 83.8 326.9 C 70.1 323.8 67.6 322.9 63.8 319.4 C 59 315.1 54.3 307.4 51.6 299.6 C 49.2 292.6 46.6 284.3 44.8 277.5 C 42 267.2 38.2 256.6 35.2 251.2 C 27.6 237.2 16.9 223.6 9.2 217.9 C 0.7 211.7 -9.3 208.7 -21.6 208.5 C -27.1 208.4 -28.1 208 -27.7 210.8 Z M -21.3 245 L -19.9 251.5 L -17.4 252 C -13.3 252.6 -7.9 255.3 -5.6 257.8 C -3.9 259.7 -2.2 262.7 0 267.4 C 3.9 275.7 3.9 276 7.5 295.9 C 9.6 307.4 11.3 315.9 12.1 318.4 C 16.1 332 23.7 343.9 32.4 350.4 C 39.3 355.6 49.6 358.8 66.5 360.9 C 80.5 362.6 92.5 366.3 103.3 372.3 C 112.6 377.4 118.4 381.6 123.6 387.1 C 126.4 390 131 395.8 132.6 398.5 L 133.7 400.3 L 140.3 399 C 145.1 398.1 147 397.6 146.9 397.3 C 146.7 396.1 142.7 389.7 139.9 385.9 C 132.3 375.9 124.6 369.3 112.2 362.2 C 98.5 354.3 84.6 349.8 67.3 347.7 C 58.6 346.6 49.8 344.7 46 343 C 42.5 341.6 38.3 338.6 36.2 336.2 C 33.7 333.3 29.9 327.5 28.3 324.1 C 25.3 317.9 24.5 314.6 20.6 294.1 C 16.7 273 16.2 271.2 12.3 262.5 C 8 252.9 4.6 248.4 -1 244.8 C -7 240.9 -12.2 239 -18.5 238.5 C -20.2 238.3 -21.8 238.3 -22.1 238.3 C -22.5 238.4 -22.3 239.8 -21.3 245 Z'/%3E%3C/svg%3E");
}
.s-block--custom-features .s-f-swiper-item::after{
  content:"";
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:top right;
  background-size:83px;
  opacity:.45;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='98 0 90 93'%3E%3Cpath fill='%23fe9660' d='M179,38C179,32,179,28,177,24C176,20,172,18,162,22C159,23,156,24,153,25C145,28,139,31,133,30C127,30,123,27,122,18C122,18,122,19,122,19C122,33,125,37,130,38C135,38,141,35,148,32C151,31,154,30,157,29C170,25,175,27,178,34C178,35,178,37,179,38M182,25C181,21,181,17,180,15C179,10,174,9,165,12C162,13,159,14,156,15C148,18,142,21,136,21C131,21,127,18,125,10C125,22,128,27,133,27C138,27,144,24,152,21C155,20,157,19,160,18C173,14,179,16,181,23C181,24,181,24,182,25ZM199,45C200,44,201,44,202,45C203,46,202,47,202,48C201,48,186,59,182,47C182,47,182,48,182,49C182,65,196,54,196,54C197,54,198,54,199,55C200,56,199,57,199,58C199,58,182,70,179,55C179,56,179,58,179,60C179,76,193,65,193,65C194,65,195,65,196,66C196,67,196,68,195,68C195,69,175,83,175,60C175,57,175,55,175,53C175,46,175,39,174,35C172,31,168,29,158,33C155,34,153,35,150,36C142,39,135,42,130,41C122,41,118,36,118,19C118,15,118,12,118,9C119,0,119-6,118-10C117-13,113-13,105-10C104-10,103-11,103-12C102-13,103-14,104-14C115-17,120-17,122-11C122-10,122-10,122-9C122-14,122-18,121-21C120-24,117-24,108-21C107-21,106-22,106-23C106-24,106-25,107-25C118-28,123-28,125-22C125-22,125-22,125-21C125-25,125-28,124-30C123-34,120-33,111-31C110-31,109-31,109-32C109-33,109-34,110-34C121-38,126-38,128-31C129-27,129-21,129-12C128-9,128-5,128-1C128,12,131,17,136,17C141,17,147,15,155,12C158,11,160,10,163,9C176,4,181,7,184,13C186,18,185,25,185,32C185,35,185,37,185,39C185,55,199,45,199,45ZM188,75C189,74,190,74,191,75C191,76,191,77,190,78C190,78,170,93,170,69C170,67,170,64,170,62C170,55,171,49,169,45C168,40,163,38,153,42C150,43,148,44,145,45C137,48,130,51,125,51C117,51,113,45,113,28C113,24,113,21,114,18C114,9,114,3,113,0C112-4,109-4,100-1C99-1,98-1,98-2C97-3,98-4,99-5C110-8,115-8,117-1C118,3,118,9,117,18C117,21,117,25,117,28C117,42,120,47,125,47C130,47,136,45,144,42C146,41,149,40,152,38C165,34,170,37,173,43C174,48,174,55,174,62C174,65,174,67,174,69C174,85,188,75,188,75ZM188,75'/%3E%3C/svg%3E");
}

/* ============================================================
   صفحات التصنيفات — تصغير شريط العنوان العنابي
   الثيم يفرض 320px والشريط ما فيه إلا مسار التنقل
   ============================================================ */
.sub_categories-container .min-h-80 {
  min-height: 88px !important;
}

@media (max-width: 767px) {
  .sub_categories-container .min-h-80 {
    min-height: 72px !important;
  }
}

/* ============================================================
   صفحة المنتج — إخفاء تبويب التعليقات حتى تصير ٣ تعليقات
   ============================================================ */
#tabs-p-details-section > article:last-of-type:not(:has(> .contianer-tab > div:last-child > div > *:nth-child(3))) {
  display: none !important;
}

/* ====== دخول الصور المربعة "من العدم" يمين/يسار — نفس حركة الأسئلة الشائعة ====== */
@media (prefers-reduced-motion: no-preference) {
  .s-block--banners .grid > .banner-entry {
    animation: none !important;
    transition: opacity .9s cubic-bezier(.25, .46, .45, .94),
                transform .9s cubic-bezier(.25, .46, .45, .94) !important;
    will-change: opacity, transform;
  }

    /* الحالة قبل الظهور: من العدم + مزاحة */
  .s-block--banners .grid > .banner-entry.lazy:not(.loaded)                 { opacity: 0 !important; }
  .s-block--banners .grid > .banner-entry.lazy:nth-child(odd):not(.loaded)  { transform: translateX(40px)  !important; }
  .s-block--banners .grid > .banner-entry.lazy:nth-child(even):not(.loaded) { transform: translateX(-40px) !important; }

  /* تتابع بسيط زي الأسئلة الشائعة */
  .s-block--banners .grid > .banner-entry:nth-child(2) { transition-delay: .1s !important; }
  .s-block--banners .grid > .banner-entry:nth-child(3) { transition-delay: .2s !important; }
  .s-block--banners .grid > .banner-entry:nth-child(4) { transition-delay: .3s !important; }
}



/* ===== شارة المنتج (promotion title) ===== */
.s-product-card-promotion-title.mazaya-promotion-title {
  font-size: 12px !important;
  font-weight: 700 !important;     /* بولد */
  background: #4c1819 !important;  /* مارون البراند */
  color: #fef5ef !important;       /* كريمي */
  padding: 6px 10px !important;
  border-radius: 0 6px 6px 0 !important;
}