/* Add custom CSS styles below */
/* لو الرابط فيه كلمة "عروض" بالعربي أو بالرابط المشفّر */
/* Add custom CSS styles below */
/* لو الرابط فيه كلمة "عروض" بالعربي أو بالرابط المشفّر */
/* اجمع ووفر + باقي الأقسام */
a[href*="/عروض/"],
a[href*="/bundle-save/"],
a[href*="/اجمع-ووفر/"],   /* <-- هنا بالشرطة */
a[href*="%D8%B9%D8%B1%D9%88%D8%B6"] {
  color: #eb0a8b !important;
}
a[href*="/عروض-اليوم-الوطني/"],
a[href*="/nd-offers/"] {
  display: none !important;
}
/* نفس اللون عند الهوفر/الفوكس */
a[href*="/عروض/"]:hover,
a[href*="/Bundle & Save/"]:hover,
a[href*="/اجمع-ووفر/"]:hover,
a[href*="%D8%B9%D8%B1%D9%88%D8%B6"]:hover,
a[href*="/عروض/"]:focus,
a[href*="/Bundle & Save/"]:focus,
a[href*="/اجمع-ووفر/"]:focus,
a[href*="%D8%B9%D8%B1%D9%88%D8%B6"]:focus {
  color: #eb0a8b !important;
}
@media only screen and (min-width: 986px) {
  .main-menu li > a {
    font-size: 20px;
  }
}
.topnav-link-item[aria-label="phone"] {
  display: none !important;
}
/* =========================================
     (1) itsak-categories-1 (الدوائر/الصور الدائرية)
     ========================================= */

.carousel-slider .swiper-wrapper > div {
  min-width: 120px;
}
.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
}
/* =========================================
         (2) itsak-categories-2 (أزرار/بطاقات والتخطيط)
         =  الأساسيات العامة
         ========================================= */
.itsak-categories-2 {
  margin-top: 0;
}
.itsak-categories-2
  .mt-4.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary {
  background-color: #eb0a8b;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
  border: none;
  min-width: 120px;
  text-align: center;
  cursor: pointer;
}
.itsak-categories-2
  .mt-4.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary:hover {
  background-color: #000000;
  color: #ffffff;
}
.itsak-categories-2
  .aspect-\[14\/13\].w-full.rounded-2xl.lazy.object-cover.group-hover\:scale-110.duration-400 {
  display: none;
}
.itsak-categories-2 .mx-auto.max-w-7xl.px-6.lg\:px-8 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
  gap: 10px;
  margin: 20px auto;
}
.itsak-categories-2
  .mx-auto.mt-8.grid.max-w-2xl.gap-x-6.gap-y-6.lg\:mx-0.lg\:max-w-none.grid-cols-2.lg\:grid-cols-5 {
  margin-top: 0;
  justify-content: center;
}

/* =========================================
         (2-A) itsak-categories-2 — موبايل
         ========================================= */
@media (max-width: 640px) {
  /* ملاحظة: يوجد تكرار لمحدد الزر أدناه بقيم مختلفة — الأخير هو الساري */
  .itsak-categories-2
    .mt-4.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary {
    padding: 5px 10px;
    font-size: 8px;
  }
  .itsak-categories-2
    .mt-4.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary {
    font-size: 13px;
    padding: 8px 16px;
    min-width: 100px;
  }
  .itsak-categories-2
    .mx-auto.mt-8.grid.max-w-2xl.gap-x-6.gap-y-6.lg\:mx-0.lg\:max-w-none.grid-cols-2.lg\:grid-cols-5 {
    display: flex;
    gap: 4px;
    font-size: 13px;
    flex-wrap: wrap;
  }

  .itsak-categories-2 .mx-auto.max-w-7xl.px-6.lg\:px-8 {
    font-size: 8px;
    padding: 6px 10px;
    gap: 4px;
    margin: 5px auto;
  }
}

/* =========================================
         (3) GFA Buttons (تصحيح الأزرار) + عروض
         ========================================= */
#best-offers-2-slider {
  background-color: #f2f2f7;
  padding: 40px 10px;
}
.gfa-content__button-container .gfa-content__button {
  color: white !important;
}
.gfa-content__button-container {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* =========================================
         (4) itsak-qa (قسم الأسئلة الشائعة)
         =  الأساسيات العامة
         ========================================= */
.itsak-qa {
  background-color: #eb0a8b;
  color: white;
  padding-top: 40px;
}
.itsak-qa .text-3xl {
  color: white;
}
/* جعل العنوان بمحاذاة اليسار (أو اليمين بالعربي) */
.itsak-qa .home-block-title .text-center {
  text-align: start !important;
}
/* إزالة الحد الأعلى للماكس-ويدث عشان ياخذ العرض كامل */
.itsak-qa .home-block-title .max-w-2xl {
  max-width: 100% !important;
}
/* تحويل الأسئلة إلى عمود واحد فقط */
.itsak-qa .grid {
  grid-template-columns: 1fr !important;
}
.itsak-qa .grid.items-start > .single-faq {
  border: 0;
  max-width: 600px;
}
/* تنبيه: هذا المحدد عام وقد يؤثر خارج itsak-qa */
.text-base.text-store-text-primary.rtl\:text-right.ltr\:text-left {
  font-size: 1.125rem;
}
.itsak-qa .text-3xl {
  font-size: 2.5rem;
}
@media (max-width: 640px) {
  .itsak-qa .text-3xl {
    font-size: 1.7rem;
    text-align: center;
    margin-bottom: 20px;
  }
}

/* =========================================
         (4-A) اختر نكها ()
         =  إظهار/إخفاء الهاتف والديسكتوب
         ========================================= */
/* موبايل: إظهار الهاتف وإخفاء الديسكتوب */
@media (max-width: 767px) {
  .hero-banners-phone,
  .itsak-choose-phone {
    display: block !important;
  }
  .hero-banners-desktop,
  .itsak-choose-desktop {
    display: none !important;
  }
}
/* ديسكتوب: إظهار الديسكتوب وإخفاء الهاتف */
@media (min-width: 768px) {
  .hero-banners-phone,
  .itsak-choose-phone {
    display: none !important;
  }
  .hero-banners-desktop,
  .itsak-choose-desktop {
    display: block !important;
  }
}

/* =========================================
         (5) Footer logo swap (استبدال شعار الفوتر بالـ CSS)
         ========================================= */

.store-footer .footer-logo img {
  opacity: 0 !important; /* أو display:none؛ لكن opacity يحافظ على المساحة */
}
.store-footer .footer-logo {
  position: relative !important;
  display: flex !important;
  height: 38px !important;
  min-width: 180px; /* عدّل حسب الحاجة */
  margin-bottom: 20px;
  width: 140px;
  margin-left: auto;
  margin-right: auto;
}
.store-footer .footer-logo::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("https://itsak.tech/hismile-logo-white.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  pointer-events: none !important; /* يبقي الرابط قابل للنقر */
}
@media (max-width: 640px) {
  .store-footer__inner .container > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .flex.flex-row.item-center.justify-start.lg\:items-start.lg\:justify-start.flex-wrap.gap-2.md\:gap-2\.5.enhanced_rounded_contacts {
    justify-content: center;
  }
}
.store-footer {
  margin-top: 7rem;
}

/* =========================================
         (6) Enhanced features block (تحسينات الكروت)
         ========================================= */
.s-block--enhanced-features__item {
  background-color: #eb0a8b;
  border-radius: 20px;
}
.s-block--enhanced-features__item p,
.s-block--enhanced-features__item h2 {
  color: white;
}
.ak-features .s-block--enhanced-features__item {
  grid-column: initial !important;
}

/* =========================================
         (7) Mobile tweaks عامة + itsak-categories-1
         ========================================= */
.itsak-categories-1 .lazy.object-cover {
  border-radius: 100px;
  box-shadow: 0px 0px 7px 1px #000000d4;
  border: solid 4px #fff;
  padding: 10px;

  margin: 10px;
}
.itsak-categories-1 .swiper-slide img {
  width: 115px;
  height: 115px;
}
@media (max-width: 640px) {
  .itsak-categories-1 .swiper-slide img {
    width: 5.8rem; /* ≈ 92.8px */
    height: 5.8rem;
  }
  /* تصغير الهيدر تحت الصورة */
  .itsak-categories-1 .swiper-slide h3 {
    font-size: 0.8rem;
    margin-top: 0rem;
  }
  salla-slider .slide--one-sixth {
    width: 33%;
  }
}

/* =========================================
         (8) أزرار وأقسام متنوعة
         ========================================= */
.undefined.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline.s-button-loader-center,
.product-card.product-card--enhanced-btn:not(.product-card--simplified)
  .product-card__enhanced-mini-cart
  button {
  border-radius: 100px;
}
.undefined.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline.s-button-loader-center {
  background: #000 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 30px !important;
  display: inline-block !important;
  padding: 0 32px !important;
  height: 50px !important;
  line-height: 44px !important;
  min-width: 180px !important;
  width: auto !important;
}
@media (max-width: 576px) {
  .undefined.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline.s-button-loader-center {
    font-size: 14px !important;
    height: 40px !important;
    line-height: 40px !important;
    min-width: 100px !important;
    padding: 0 20px !important;
    border-radius: 25px !important;
    width: auto !important;
  }
}
@media (max-width: 360px) {
  .undefined.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline.s-button-loader-center {
    font-size: 10px !important;
    height: 40px !important;
    line-height: 40px !important;
    min-width: 100px !important;
    padding: 0 20px !important;
    border-radius: 25px !important;
    width: auto !important;
  }
}
.s-button-text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card__enhanced-mini-cart-divider {
  display: none;
}
.text-\[16px\].sicon-add.ltr\:ml-auto.rtl\:mr-auto.enhanced-icon {
  display: none;
}
.sicon-shopping::before {
  display: none;
}
.product-card__normal-cart__btn .s-button-text {
  justify-content: center;
}
.s-block--best-offers,
section#best-offers-3-slider {
  padding: 40px 10px;
  background-color: #f2f2f7;
  border-radius: 20px;
}
.s-block--best-offers .s-slider-block__title-right h2 {
  font-size: 1.5rem;
  font-weight: 700;
}
.s-block--best-offers .s-slider-block__title-right,
salla-products-slider .s-slider-block__title-right {
  border-bottom: 0;
}
.product-card {
  border-radius: 20px;
}
.navbar-brand img {
  height: 33px !important;
}
@media (max-width: 640px) {
  .navbar-brand img {
    height: 20px !important;
  }
}
.home-block-line.my-2.mx-auto.w-28.h-0.border-2.border-primary {
  display: none;
}
.s-block--rectangular-links .swiper-slide {
  width: 25%;
}
@media (max-width: 640px) {
  .s-block--rectangular-links .swiper-slide {
    width: 50%;
  }
}
.product-card--fit-height,
.product-card--horizontal,
.fit-slider-products
  .s-slider-swiper-wrapper
  .swiper-slide
  custom-salla-product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
}
.mt-6.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary {
  margin-top: 0;
}

/* إخفاء خيارات المنتج (الثامبنيلز والأوبشنز) داخل الكرت */
custom-salla-product-card .product-options,
custom-salla-product-card .s-product-options-wrapper,
custom-salla-product-card .s-product-options-option-container {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================all producs page ======================================== */

.products-index div.container.px-2\.5.ms\:px-5 {
  background: #f2f2f7;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 20px;
}
.products-index
  div.flex.flex-col.gap-6.container.px-2\.5.ms\:px-5.w-full.cat-content.cats_style_1 {
  background: white;
}

/* قاعدة عامة */
/* خلي كل عنصر ياخد السطر كامل */
.hi-icons.icon-with-text {
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: flex-start;
}

.hi-icons .icon-with-text__item {
  width: 30%; /* ياخد عرض كامل */
  text-align: center; /* النص بالوسط */
  display: flex;
  flex-direction: column; /* أيقونة فوق النص */
  align-items: center; /* توسيط الأيقونة */
  gap: 12px;
}

/* حجم الأيقونات */
.hi-icons .icon-with-text__item img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.hi-icons {
  flex-direction: row;
  margin-bottom: 20px;
}
/* النص */
.hi-icons .icon-with-text__item .inline-richtext,
.hi-icons .icon-with-text__item .h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .product-more-info .more-tab-container .more-info-tabs__nav-link {
    background: #e5e5e5;
    border-radius: 9px;
    color: black;
  }
  .product-more-info .more-tab-container .more-info-tabs__nav-link.active {
    background: #e5e5e5;
    border-radius: 9px;
    color: black;
  }
}

.product-card__title a {
  min-height: 40px;
}
/* إخفاء العنصر الثاني والثالث داخل الحاوية */
.enhanced_rounded_contacts > a:nth-of-type(2),
.enhanced_rounded_contacts > a:nth-of-type(3) {
  display: none; /* أضف !important إذا لزم الأمر */
}
.promotion-title,
.product-card__promotion {
  background-color: #eb0a8b !important;
}

.s-products-slider-slider {
  background: #f2f2f7;
  border-radius: 8px;
  padding: 24px 10px;
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
  border-radius: 20px;
}

@media (min-width: 768px) {
  .store-footer__inner .container .grid > div:nth-child(2) {
    grid-column: span 2 / span 2;
  }
}

/* =========================================
        Footer Themed Variant (uses brand background)
        ========================================= */

.store-footer {
  background-color: #eb0a8b; /* brand */
  color: #fff;
}
.store-footer .footer-title,
.store-footer .text-store-text-primary,
.store-footer a {
  color: #fff !important;
}
.store-footer .enhanced_rounded_contacts a {
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #fff !important;
}
.store-footer .enhanced_rounded_contacts a:hover,
.store-footer .enhanced_rounded_contacts a:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.55) !important;
}

@media (max-width: 640px) {
  /* Important Links on colored footer */
  .store-footer .enhanced_links_wrapper {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 14px;
    box-shadow: none;
  }

  .store-footer .enhanced_links_wrapper .footer-list li a {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff !important;
  }
  .store-footer .enhanced_links_wrapper .footer-list li a:hover,
  .store-footer .enhanced_links_wrapper .footer-list li a:focus {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.35);
  }
}
@media (max-width: 640px) {
  .store-footer .enhanced_links_wrapper {
    padding: 12px;
    border-radius: 12px;
  }
  .store-footer .footer-logo::after {
    filter: brightness(0) invert(1);
  }
}
.ql-direction-rtl.ql-align-center {
  text-align: start;
}

.mm-spn li a,
.mm-spn li > span {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}

/* =========================================
        (5-A) Footer – Enhanced "Important Links" on mobile
        ========================================= */
@media (max-width: 640px) {
  .enhanced_links_wrapper {
    background: #ffffff;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
  }

  .enhanced_links_wrapper .footer-title {
    text-align: center;
    font-size: 1.05rem;
    margin: 0 0 12px 0;
    color: #111;
  }

  .enhanced_links_wrapper .footer-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 10px;
    padding: 0;
  }

  .enhanced_links_wrapper .footer-list li {
    margin: 0;
    list-style: none;
  }

  .enhanced_links_wrapper .footer-list li a {
    display: block;
    width: 100%;
    background: #fafafa;
    color: #111 !important;
    text-align: center;
    padding: 10px 12px;
    border-radius: 10px;
    line-height: 1.35;
    border: 1px solid #eee;
    transition: background-color 0.2s ease, border-color 0.2s ease,
      color 0.2s ease;
  }

  .enhanced_links_wrapper .footer-list li a:hover,
  .enhanced_links_wrapper .footer-list li a:focus {
    background: rgba(235, 10, 139, 0.08);
    color: #111 !important;
    border-color: rgba(235, 10, 139, 0.2);
  }
}
.itsak-choose-desktop img.lazy.loaded {
  border-radius: 10px;
}
.itsak-choose-phone img.lazy.loaded {
  border-radius: 10px;
}

/* =========================================
        (9) National Day Offer Section Enhancement
        ========================================= */
.itsak-ndoffer {
  background: linear-gradient(135deg, #eb0a8b 0%, #ff1493 100%);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 15px 30px rgba(235, 10, 139, 0.25);
  position: relative;
  margin: 25px auto;
  margin-bottom: 0;
}

.itsak-ndoffer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.08) 0%,
    transparent 50%
  );
  pointer-events: none;
}

.itsak-ndoffer .mx-auto.max-w-7xl {
  padding: 0;
}

.itsak-ndoffer .relative.overflow-hidden.rounded-lg {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.itsak-ndoffer .absolute.inset-0 img {
  filter: brightness(0.6) saturate(1.3);
  transition: transform 0.3s ease;
}

.itsak-ndoffer:hover .absolute.inset-0 img {
  transform: scale(1.03);
}

.itsak-ndoffer .relative.bg-gray-900 {
  background: linear-gradient(
    135deg,
    rgba(235, 10, 139, 0.95) 0%,
    rgba(255, 20, 147, 0.9) 100%
  ) !important;
  backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 30px 25px !important;
}
@media (max-width: 568px) {
  .itsak-ndoffer .relative.overflow-hidden.rounded-lg,
  .itsak-ndoffer .relative.bg-gray-900 {
    border-radius: 0 !important;
  }
}
/* إزالة الخلفية المزدوجة للعداد */
.itsak-ndoffer .s-count-down-wrapper {
  background: transparent !important;
}

.itsak-ndoffer .s-count-down-list {
  background: transparent !important;
}

.itsak-ndoffer h2 {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  position: relative;
  display: inline-block;
}

.itsak-ndoffer p {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-bottom: 20px !important;
  color: rgba(255, 255, 255, 0.95) !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

/* تحسين عداد العد التنازلي */
.itsak-ndoffer .s-count-down-wrapper {
  margin: 15px 0 !important;
  margin-bottom: 0px !important;
}

.itsak-ndoffer .s-count-down-list {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 0 !important;
  padding: 0 !important;
}

.itsak-ndoffer .s-count-down-item {
  background: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(6px);
  border: 2px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 10px;
  padding: 10px 8px;
  min-width: 55px;
  text-align: center;
  transition: all 0.2s ease;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.itsak-ndoffer .s-count-down-item:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.35) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.itsak-ndoffer .s-count-down-item-value {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  display: block;
  line-height: 1;
}

.itsak-ndoffer .s-count-down-item-label {
  font-size: 0.7rem !important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 500;
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* تحسين زر التسوق */
.itsak-ndoffer a[href*="redirect/categories"] {
  background: linear-gradient(45deg, #ffffff, #f8f8f8) !important;
  color: #eb0a8b !important;
  border: 2px solid #ffffff !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  padding: 12px 28px !important;
  border-radius: 25px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-top: 20px !important;
}

.itsak-ndoffer a[href*="redirect/categories"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  transition: left 0.4s ease;
}

.itsak-ndoffer a[href*="redirect/categories"]:hover::before {
  left: 100%;
}

.itsak-ndoffer a[href*="redirect/categories"]:hover {
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
  background: linear-gradient(45deg, #eb0a8b, #ff1493) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.itsak-ndoffer a[href*="redirect/categories"]:active {
  transform: translateY(-1px) scale(1.01) !important;
}

/* تحسينات للموبايل */
@media (max-width: 768px) {
  .itsak-ndoffer {
    margin: 15px auto;
    margin-bottom: 0 !important;
    border-radius: 0;
  }

  .itsak-ndoffer .mx-auto.max-w-7xl {
    padding: 0;
  }

  .itsak-ndoffer .relative.bg-gray-900 {
    padding: 25px 18px !important;
  }

  .itsak-ndoffer h2 {
    font-size: 1.5rem !important;
  }

  .itsak-ndoffer p {
    font-size: 0.9rem !important;
    margin-bottom: 15px !important;
  }

  .itsak-ndoffer .s-count-down-list {
    gap: 8px;
  }

  .itsak-ndoffer .s-count-down-item {
    padding: 8px 6px;
    min-width: 45px;
  }

  .itsak-ndoffer .s-count-down-item-value {
    font-size: 1.2rem !important;
  }

  .itsak-ndoffer .s-count-down-item-label {
    font-size: 0.6rem !important;
  }

  .itsak-ndoffer a[href*="redirect/categories"] {
    font-size: 0.9rem !important;
    padding: 10px 24px !important;
    margin-top: 15px !important;
  }

  /* تصغير العد التنازلي العام على الموبايل */
  .s-count-down-list.s-count-down-boxed.s-count-down-lg.s-count-down-dark {
    gap: 8px !important;
  }

  .s-count-down-list.s-count-down-boxed.s-count-down-lg.s-count-down-dark
    .s-count-down-item {
    padding: 10px 8px !important;
    min-width: 55px !important;
    max-width: 60px !important;
    width: 60px !important;
    border-radius: 8px !important;
  }

  .s-count-down-list.s-count-down-boxed.s-count-down-lg.s-count-down-dark
    .s-count-down-item-value {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
  }

  .s-count-down-list.s-count-down-boxed.s-count-down-lg.s-count-down-dark
    .s-count-down-item-label {
    font-size: 0.8rem !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    margin-top: 4px !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
  }
}

@media (max-width: 480px) {
  .itsak-ndoffer .s-count-down-list {
    gap: 6px;
  }

  .itsak-ndoffer .s-count-down-item {
    padding: 6px 4px;
    min-width: 35px;
  }

  .itsak-ndoffer .s-count-down-item-value {
    font-size: 1rem !important;
  }

  .itsak-ndoffer .s-count-down-item-label {
    font-size: 0.5rem !important;
  }

  /* تصغير إضافي للعد التنازلي العام على الشاشات الصغيرة جداً */
  .s-count-down-list.s-count-down-boxed.s-count-down-lg.s-count-down-dark {
    gap: 6px !important;
  }

  .s-count-down-list.s-count-down-boxed.s-count-down-lg.s-count-down-dark
    .s-count-down-item {
    padding: 8px 6px !important;
    min-width: 48px !important;
    max-width: 60px !important;
    border-radius: 6px !important;
  }

  .s-count-down-list.s-count-down-boxed.s-count-down-lg.s-count-down-dark
    .s-count-down-item-value {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
  }

  .s-count-down-list.s-count-down-boxed.s-count-down-lg.s-count-down-dark
    .s-count-down-item-label {
    font-size: 0.8rem !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    margin-top: 3px !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
  }
}

/* =========================================
        (10) General Countdown Enhancement
        ========================================= */
.promo_with_countdown .s-count-down-list {
  justify-content: center !important;
  margin-top: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
}

.promo_with_countdown .s-count-down-item {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(6px) !important;
  border: 2px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 10px !important;
  padding: 10px 8px !important;
  min-width: 55px !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
}

.promo_with_countdown .s-count-down-item:hover {
  transform: translateY(-2px) !important;
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important;
}

.promo_with_countdown .s-count-down-item-value {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
  display: block !important;
  line-height: 1 !important;
}

.promo_with_countdown .s-count-down-item-label {
  font-size: 0.9rem !important;
  color: white !important;
  font-weight: 600 !important;
  margin-top: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}