/* ستايل الأنيميشن */
.fullscreen-animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #3d0000; /* خلفية خاصة فيك */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999; /* فوق كل شي */
  overflow: hidden;
}

.fullscreen-animation .container {
  position: relative;
  width: 100%;
  transform: rotate(-35deg);
}

.fullscreen-animation .box {
  position: relative;
  left: -100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% + 400px);
  -webkit-box-reflect: below 1px linear-gradient(transparent, #000);
  animation: animatesurface 1.5s ease-in-out infinite;
}

@keyframes animatesurface {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-200px); }
}

.fullscreen-animation .cube {
  position: relative;
  width: 200px;
  height: 200px;
  background: #c70000; /* لونك الخاص */
  box-shadow:
    0 0 5px rgba(199, 0, 0, 1),
    0 0 25px rgba(199, 0, 0, 1),
    0 0 50px rgba(199, 0, 0, 1),
    0 0 150px rgba(199, 0, 0, 1);
  transform-origin: bottom right;
  animation: animate 1.5s ease-in-out infinite;
}

@keyframes animate {
  0%   { transform: rotate(0deg); }
  60%,70%,80%,100% { transform: rotate(90deg); }
  65%  { transform: rotate(85deg); }
  75%  { transform: rotate(87.5deg); }
}
.fullscreen-animation {
  opacity: 1;
  transform: scale(1);
  transition: opacity 1.5s ease, transform 1.5s ease;
}
.logo-floating {
  position: absolute;
  top: 45%; /* كان 50% خفضته شوي */
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 180px;
  height: auto;
  animation: breathe 4s ease-in-out infinite;
  transition: opacity 1.5s ease;
}

@keyframes breathe {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50%      { transform: translate(-50%, -50%) scale(1.05); }
}

body {
  position: relative !important;
}

button.s-button-element.s-button-btn.s-button-solid.s-button-primary {
  background: linear-gradient(270deg, #9b5cff, #4facfe, #b178ff) !important;
  background-size: 600% 600% !important;
  animation: gradientMove 6s ease infinite !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 30px !important;
  padding: 10px 24px !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2),
              inset 0 1px 2px rgba(255,255,255,0.4),
              inset 0 -2px 4px rgba(0,0,0,0.2) !important;
  text-transform: none !important;
  transition: all 0.3s ease-in-out !important;
}

button.s-button-element.s-button-btn.s-button-solid.s-button-primary:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(0,0,0,0.3),
              inset 0 1px 3px rgba(255,255,255,0.5),
              inset 0 -2px 5px rgba(0,0,0,0.25) !important;
}
.discord-btn {
  position: absolute;
  top: 27px;               /* كل ما قللت الرقم يطلع فوق */
  right: 240px;             /* يمين/يسار */
  cursor: pointer;
  z-index: 9999;
  display: none;
}

.discord-btn img {
  height: 20px;
  width: auto;
  display: block;
}

/* يظهر فقط في الجوال */
@media (max-width: 768px) {
  .discord-btn {
    display: block;
  }
}
/* ارتفاع الهيدر ثابت وما يتمدّد */
header {
  height: 80px !important;
  display: block;
  overflow: hidden;
}
header {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.swiper,
.swiper * {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
/* خله ظاهر افتراضيًا */
.discord-btn{
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity .2s ease;
}

/* لما نبي نخفّيه لحظيًا */
.discord-btn.is-hidden{
  opacity: 0 !important;
  pointer-events: none !important;
}
/* إخفاء زر الديسكورد إذا فتح تسجيل الدخول */
.s-user-menu-dropdown,
.s-user-menu-dropdown-header,
.s-user-menu-dropdown-list {
  /* إذا أي واحد فيهم ظاهر نخفي الزر */
}

.s-user-menu-dropdown:has(*),
.s-user-menu-dropdown-header:has(*),
.s-user-menu-dropdown-list:has(*) {
  ~ .discord-btn {
    display: none !important;
  }
}
.payment-methods {
  width: 95%;
  margin: -3px auto 0 auto;   /* يرفع السكشن فوق الفوتر */
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 15px;
  padding: 20px;
  background: #3d0000;        /* نفس لون الخلفية الداخلية */
  border: 2px solid #ff0000;  /* إطار أحمر */
  border-radius: 25px;        /* حواف دائرية */
  box-sizing: border-box;
  height: 80px;
  overflow: hidden;
}

.payment-methods img {
  height: 45px;
  max-width: 90px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.payment-methods img:hover {
  transform: scale(1.15);
}
ul.payments-wrapper {
  display: none !important;
}
span.line.block.my4.px-4.m-4.border-0.border-t-\[0\.5px\],
h3.footer-payment-title,
div.sbc-wrapper {
  display: none !important;
}
/* تصفير أي مسافة داخل الفوتر */
footer .store-footer__inner {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  gap: 0 !important;          /* إذا كان فيه gap */
}

/* الشعار */
footer img[alt="ERROR"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* الخط */
footer .line,
footer hr {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#mobile-nav {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;

  background: #3d000099 !important;   /* خلفية */
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;

  border-radius: 12px 12px 0 0 !important;
  overflow: hidden;
  position: relative;
}

/* البوردر المتحرك */
#mobile-nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;      
  width: 100%;
  background-color: #c70000; 
  animation: borderUltraSmooth 12s ease-in-out infinite;
}

@keyframes borderUltraSmooth {
  0%   { transform: translateX(-100%); opacity: 0; }
  25%  { transform: translateX(0);     opacity: 1; }
  50%  { transform: translateX(100%);  opacity: 0; }
  75%  { transform: translateX(0);     opacity: 1; }
  100% { transform: translateX(-100%); opacity: 0; }
}
}
.s-user-menu-avatar-wrap {
  width: 40px;  /* أو الحجم اللي تبيه */
  height: 40px;
  border-radius: 50%;  /* لو تبي تكون دائرية */
  background-image: url("https://res.cloudinary.com/dagcj6agh/image/upload/v1758136146/user_deffult_dnfjex.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.s-user-menu-avatar-wrap img {
  display: none;  /* يخفي أي صورة داخلية قديمة إذا موجودة */
}
.s-user-menu-trigger-name {
  font-weight: bold;       /* يخلي الاسم Bold */
  position: relative;      /* يضبط مكان النص الجديد */
  display: inline-block;
}

.s-user-menu-trigger-name {
  font-weight: bold;       /* يخلي الاسم Bold */
  position: relative;      /* يضبط مكان النص الجديد */
  display: inline-block;
}

.s-user-menu-trigger-name::before {
  content: "اهلا بك من جديد يا";  /* النص اللي يطلع فوق */
  display: block;
  font-size: 12px;         /* أصغر من الاسم */
  font-weight: normal;     /* مو Bold */
  color: #fff;             /* اللون أبيض */
  margin-bottom: 2px;      /* مسافة صغيرة بين الجملة والاسم */
}
/* أخفي أي SVG داخل الكلاس */
.s-user-menu-trigger-icon svg {
  display: none !important;
}

/* حط صورة بداله */
.s-user-menu-trigger-icon {
  display: inline-block;
  width: 30px;   /* عدل الحجم حسب رغبتك */
  height: 30px;
  background-image: url("https://res.cloudinary.com/dagcj6agh/image/upload/v1758136688/arrow_down_edr92i.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1024px) {
  .discord-btn {
    display: none !important;
  }
  header {
  overflow: visible;
}
/* العنصر الأب */
div.s-user-menu-dropdown {
  background: transparent !important;
  box-shadow: none !important;
}

/* القائمة نفسها */
ul.s-user-menu-dropdown-list {
  background: #3d0000 !important;
  border: 1px solid #ff0000 !important;
  border-radius: 12px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: none !important;
}

/* إزالة أي محتوى وهمي */
div.s-user-menu-dropdown::before,
div.s-user-menu-dropdown::after,
ul.s-user-menu-dropdown-list::before,
ul.s-user-menu-dropdown-list::after {
  display: none !important;
  background: none !important;
  content: none !important;
}

/* النصوص والأيقونات */
ul.s-user-menu-dropdown-list * {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* استهداف العناصر داخل القائمة */
ul.s-user-menu-dropdown-list li,
ul.s-user-menu-dropdown-list li * {
  background: none !important;   /* إلغاء الأبيض كليًا */
}
/* الخلفية الحمراء على كامل العنصر */
.s-user-menu-dropdown-list li {
  transition: background-color 0.3s ease;
}

.s-user-menu-dropdown-list li:hover,
.s-user-menu-dropdown-list li:focus {
  background-color: rgba(255, 0, 0, 0.2) !important;
}

/* إلغاء أي خلفية إضافية على النص أو الأيقونات */
.s-user-menu-dropdown-list li a,
.s-user-menu-dropdown-list li button,
.s-user-menu-dropdown-list li span,
.s-user-menu-dropdown-list li svg {
  background: none !important;
  box-shadow: none !important;
}
.s-user-menu-dropdown-list li:nth-child(3),
.s-user-menu-dropdown-list li:nth-child(6) {
  display: none !important;
}
/* القائمة الجانبية */
.sidebar {
  background: rgba(61, 0, 0, 0.85); /* خلفية حمراء غامقة */
  border: 1px solid #ff0000; /* بوردر أحمر */
  border-radius: 12px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 15px;
}

/* كل النصوص والأيقونات */
.sidebar * {
  color: #fff !important;
}

/* إخفاء العنصر الثالث والسادس */
.sidebar li:nth-child(3),
.sidebar li:nth-child(6) {
  display: none !important;
}

/* العناوين */
.sidebar .s-user-menu-dropdown-item-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
}

/* النصوص الإضافية */
.sidebar .s-user-menu-dropdown-item-title::after {
  display: block;
  font-size: 12px;
  color: #ccc;
  margin-top: 2px;
  font-weight: normal;
  content: "";
}

.profile-header.gradient-bg {
  background: linear-gradient(
    to bottom,
    #990000 0%,      /* أحمر صافي */
    #990000 40%,     /* يظل نفس اللون بدون أي تخفيف */
    rgba(153, 0, 0, 0.9) 60%,  /* يبدأ يخف بشكل بسيط */
    rgba(153, 0, 0, 0) 100%    /* يختفي تمام */
  ) !important;
  border: none !important;
  box-shadow: none !important;
}
.s-slider-block__title-right {
  margin-top: 25px; /* زود الرقم حسب المسافة اللي تبغاها */
}
.s-slider-block img.h-full.object-cover.w-full {
  border: none !important; /* نشيل البوردر من الصورة */
}

.s-slider-block {
  border: 2px solid #990000; /* نحط البوردر برا */
  border-radius: 8px;        /* لو تبي زوايا ناعمة */
  padding: 5px;              /* يخلي البوردر برا الصورة مو فوقها */
}
div.top-navbar.bg-inherit.text-inherit {
  visibility: hidden !important; /* يخفيه */
  height: 0 !important;         /* يمنع ياخذ مساحة */
  overflow: hidden !important;  /* يخفي أي محتوى داخله */
}
/* كل الحقول اللي عطيتني */
input#first-name.form-input,
input#last-name.form-input,
input.s-datetime-picker-input.flatpickr-input,
select.form-input,
input#email.form-input,
input.s-tel-input-control.tel-input.s-ltr.iti__tel-input {
  background-color: #3d0000 !important;
  border: 1px solid #ff0000 !important;
  color: #fff !important;            /* النص أبيض عشان يبان */
  border-radius: 6px;                /* تعطي حواف ناعمة */
  padding: 8px;                      /* مسافة داخلية */
}

/* عشان placeholder يوضح */
input#first-name.form-input::placeholder,
input#last-name.form-input::placeholder,
input.s-datetime-picker-input.flatpickr-input::placeholder,
select.form-input::placeholder,
input#email.form-input::placeholder,
input.s-tel-input-control.tel-input.s-ltr.iti__tel-input::placeholder {
  color: #ccc !important;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide {
  border-radius: 9999px !important; /* دائري بالكامل */
}
.dark body#app .dm-btn-in-bg-sec {
  background: linear-gradient(to left, #c30b00, #8a0000) !important; /* تدرج أحمر خفيف من اليمين لليسار */
  color: #ffffff !important;          
  border: none !important;            
  border-radius: 9999px !important;   
  font-weight: bold !important;       

  /* لمعة مخففة + ظل */
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.15), /* ← هنا خففت البياض */
              inset 0 -2px 4px rgba(0, 0, 0, 0.5);
}
.s-toggle .s-toggle-input:checked + div {
  background: #ff1a1a !important; /* أحمر فاتح */
}
a.s-list-tile-item {
  border-radius: 10px !important;   /* الحواف تبقى ناعمة */
  margin-bottom: 12px !important;   /* مسافة بسيطة بين كل عنصر */
  border: none !important;          /* إزالة أي بوردر أبيض */
  background-clip: padding-box !important; /* عشان ما يطلع لون من الخلف */
}
.s-user-settings-section {
  border: none !important;          /* يشيل الخط الأبيض */
  background: transparent !important; /* يشيل الخلفية البيضاء */
}
.showPreviewBtn.absolute {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}
id-row: 2;
}
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important; /* يمنع أي زحف يمين/يسار */
  }

  section.s-block.all.auto-size.home-sec-4.s-block--banners.sq-awesome-banners.container {
    width: 120vw !important;        /* أوسع من الشاشة */
    max-width: 120vw !important;
    margin-left: -10vw !important;  /* يوازن التوسيع */
    margin-right: -10vw !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}
/* ========= Error Platform – Testimonial (Right-to-Left Dark Red Border) ========= */
.testimonial.dm-bg-sec {
  position: relative;
  background: linear-gradient(180deg, rgba(61, 0, 0, 0.95), rgba(61, 0, 0, 0.85));
  border: 3px solid transparent; /* شفاف لأن البوردر بخلفية خارجية */
  border-radius: 20px;
  padding: 24px 28px;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
  backdrop-filter: blur(6px);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.35);
}

/* بوردر خارجي من اليمين إلى اليسار */
.testimonial.dm-bg-sec::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: inherit;
  background: linear-gradient(to left, #8b0000, #3d0000);
  z-index: -1;
}

/* لمعان داخلي خفيف */
.testimonial.dm-bg-sec::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at top right, rgba(255, 0, 0, 0.08), transparent 70%),
    radial-gradient(circle at bottom left, rgba(139, 0, 0, 0.08), transparent 70%);
  z-index: -2;
}

/* عنوان الشخص */
.testimonial.dm-bg-sec h3 {
  font-weight: 800;
  font-size: 1.3rem;
  margin-bottom: 8px;
  background: linear-gradient(90deg, #fff, #ffb3b3);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* النص */
.testimonial.dm-bg-sec p {
  color: #f3eaea;
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 15px;
}

/* النجوم */
.testimonial.dm-bg-sec .stars {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.testimonial.dm-bg-sec .stars i {
  color: #a23333;
  font-size: 20px;
  transition: color 0.2s ease;
}

.testimonial.dm-bg-sec .stars i.active {
  color: #ff0000;
  filter: drop-shadow(0 0 4px rgba(255, 0, 0, 0.6));
}

/* حذف أيقونة الاقتباس */
.testimonial__icon.sicon-quote-open.dm-text-main::before,
.testimonial__icon.sicon-quote-open.dm-text-main {
  display: none !important;
  content: none !important;
}

/* موبايل */
@media (max-width: 600px) {
  .testimonial.dm-bg-sec {
    padding: 18px;
    border-radius: 16px;
  }

  .testimonial.dm-bg-sec h3 {
    font-size: 1.1rem;
  }

  .testimonial.dm-bg-sec p {
    font-size: 0.9rem;
  }
}
/* ========= Error Platform – Force Hide Slider Title Nav ========= */
div.s-slider-block__title-nav,
section.s-slider-block__title-nav,
.s-slider-block__title-nav,
[class*="s-slider-block__title-nav"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ========= Error Platform – Fix Avatar (Show Image, No Circle) ========= */
.testimonial__avatar {
  width: 80px !important;
  height: 80px !important;
  background: url("https://res.cloudinary.com/dagcj6agh/image/upload/v1760733915/%D8%B9%D9%85%D9%8A%D9%84_%D8%A7%D9%8A%D8%B1%D9%88%D8%B1_by2ef9.png") center/contain no-repeat !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important; /* مربعة بدون دائرة */
  overflow: visible !important;
}

/* تأكد أنه ما في أي صورة قديمة داخله */
.testimonial__avatar img {
  display: none !important;
}
/* ========= Error Platform – Reduce Spacing (Mobile Only in Testimonial) ========= */
@media (max-width: 600px) {
  .testimonial.dm-bg-sec {
    padding: 10px 12px !important; /* تصغير الحواف */
  }

  .testimonial.dm-bg-sec * {
    margin: 4px 0 !important; /* تقليل المسافات بين العناصر */
    gap: 4px !important; /* تقليل المسافات في flex/grid */
  }

  .testimonial.dm-bg-sec h3 {
    margin-bottom: 6px !important; /* مسافة بسيطة تحت العنوان */
  }

  .testimonial.dm-bg-sec p {
    margin-bottom: 6px !important;
  }

  .testimonial.dm-bg-sec .stars {
    margin-top: 4px !important;
  }
}
/* === Error – Swap reviewer name & text (keep everything else) === */
/* نحدد الأب الذي يحتوي الاسم + نص التقييم فقط ونخليه عمودي */
.testimonial.dm-bg-sec :where(div,section,article)
:has(> h4.font-bold.text-xs.xs\:text-sm.dm-text-main,
     > p.leading-6.mb-2.mt-4.sm\:mt-0.dm-text-main){
  display: flex !important;
  flex-direction: column !important; /* نفس الترتيب العمودي المعتاد */
}

/* الاسم فوق */
.testimonial.dm-bg-sec h4.font-bold.text-xs.xs\:text-sm.dm-text-main{
  order: 1 !important;
  font-size: clamp(16px, 2.2vw, 20px) !important; /* تكبير بسيط */
  font-weight: 800 !important;
}

/* كلام المقيم تحت الاسم مباشرة */
.testimonial.dm-bg-sec p.leading-6.mb-2.mt-4.sm\:mt-0.dm-text-main{
  order: 2 !important;
}
/* تكبير محتوى سكشن البانرات المحدد 15% على الجوال فقط */
@media (max-width: 600px){
  /* السكشن المحدد بالضبط: عنده كلاسات home-sec-3 + s-block--banners + sq-awesome-banners */
  section.s-block.home-sec-3.s-block--banners.sq-awesome-banners{
    overflow: visible !important;            /* عشان ما ينقص المحتوى بعد التكبير */
    position: relative;                      /* مرجع للتمركز */
  }

  /* نكبّر المحتوى الداخلي فقط، مو السكشن كله */
  section.s-block.home-sec-3.s-block--banners.sq-awesome-banners > .container{
    transform: scale(1.15) !important;       /* تكبير 15% */
    transform-origin: center top !important; /* من الأعلى للوسط */
    will-change: transform;
  }
}
/* إخفاء h2: آراء العملاء */
h2.mb-0.text-lg.section-main-title.font-bold.leading-\[1\.2\].dm-text-main{
  display: none !important;
}

/* فallback لو تغيّر ترتيب الكلاسات */
.section-main-title,
h2.section-main-title{
  display: none !important;
}
/* إخفاء النصوص الطويلة في الفوتر فقط */
.footer_top.lg\:col-span-2 p {
  display: none !important;
}

/* فلو الوصف داخل عناصر نصية ثانية */
.footer_top.lg\:col-span-2 .dm-text-main {
  display: none !important;
}
/* ========= Hide Similar Products section completely ========= */
div.container.similar-products.similar-products-type-norm{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* احتياطي: لو اختلف ترتيب الكلاسات */
.similar-products.similar-products-type-norm,
section.similar-products,
section.related-products,
div.similar-products{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* لو فيه حاوية أب تترك فراغ بسبب العنوان */
:where(section,div).container:has(> .similar-products){
  display: none !important;
}
/* الوضع الافتراضي (كمبيوتر) */
.swiper-pagination {
  bottom: 20px !important;
}

div.s-comments.s-comments-product {
  margin-top: 15px !important;
}
/* المربع الكامل */
div.s-comments.s-comments-product {
  background-color: #6a0000 !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 15px !important;
  margin-top: 20px !important;
  max-width: 95% !important;
  margin-inline: auto !important;
}

/* مربع كتابة التعليق */
div.s-comments.s-comments-product textarea.s-comment-form-input,
textarea.s-comment-form-input {
  background-color: #6a0000 !important; /* ← اللون الجديد */
  border: 2px solid #ff0a00 !important;
  border-radius: 15px !important;
  color: #ffffff !important;
  width: 100% !important;
  height: 80px !important;
  resize: none !important;
  padding: 10px 14px !important;
  box-shadow: none !important;
  outline: none !important;
}
h4.s-reviews-summary-recommendation-percentage {
  color: #ffffff !important;
}
.no-content-placeholder--comments {
  display: none !important;
}
@media (max-width: 768px) {
  section.s-block.all.auto-size.home-sec-17.s-block--banners.sq-awesome-banners.container {
    transform: scale(1.2); /* تكبير بنسبة 20% */
    transform-origin: center center; /* التكبير من المنتصف */
    overflow: hidden; /* يخفي الأطراف الزايدة */
    margin: 0 auto !important; /* توسيط العنصر */
    max-width: 100% !important;
    width: fit-content;
  }

  body, html {
    overflow-x: hidden !important; /* يمنع التمرير الأفقي */
  }
}
@media (min-width: 1025px) {
  /* المربع الأيمن (اللي فيه شعار Error والأيقونات) */
  .footer_top.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
    grid-column: 1 / -1 !important; /* ياخذ عرض الصف كامل */
    display: flex !important;
    justify-content: center !important; /* يحرك المربع ككل للنص */
    align-items: center !important;
    text-align: initial !important; /* يخلي ترتيب العناصر الداخلي مثل أول */
  }

  /* نحافظ على ترتيب المحتوى الداخلي */
  .footer_top.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > * {
    display: flex;
    align-items: center;
    gap: 10px; /* مسافة بين الشعار والأيقونات */
  }
}
/* نحذف أي بوردر أو ظل رمادي من كل طبقة داخل قسم الأسئلة */
.faq,
.faq *,
.faq *::before,
.faq *::after,
.question-item,
.question-item::before,
.question-item::after,
.faq-item,
.faq-item::before,
.faq-item::after {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* تنسيق السؤال */
label.question-outer.flex.justify-between.items-center.transition.cursor-pointer.p-2 {
  background-color: #3d0000 !important;
  border: 2px solid #ff0000 !important;
  border-bottom: none !important;
}

/* تنسيق الإجابة */
div.answer-outer.px-8 {
  background-color: #3d0000 !important;
  border: 2px solid #ff0000 !important;
  border-top: none !important;
}
.container.px-0 {
    display: none !important;
}
@media (max-width: 768px) {
  section.s-block.all.auto-size.home-sec-19.s-block--banners.sq-awesome-banners.container {
    transform: scale(1.3);
    transform-origin: center top;
    transition: transform 0.3s ease-in-out;
  }

  html, body {
    overflow-x: hidden !important;
  }
}
/* المربع */
div.my-custom-sections {
  position: relative;
  margin-bottom: 120px !important;
}

/* النص تحت المربع (PC + جوال قبل التعديل) */
div.my-custom-sections::after {
  content: "جميع طرق الدفع متوفرة بشكل آمن من خلال موقعنا الإلكتروني";
  display: block;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -90px;
  width: 100%;
}

/* الصورة تحت النص */
div.my-custom-sections::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -150px;
  width: 100%;
  max-width: 450px;
  height: 70px;
  background-image: url("https://res.cloudinary.com/dagcj6agh/image/upload/v1763279538/payment_heakcy.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 🎯 الجوال فقط */
@media (max-width: 768px) {

  div.my-custom-sections::after {
    font-size: 16px !important;   /* تصغير النص */
    bottom: -80px !important;     /* رفعه شوي */
  }

  div.my-custom-sections::before {
    bottom: -140px !important;    /* رفع الصورة */
    height: 55px !important;      /* تصغير حجم الصورة */
  }

}