#htf-final-menu,
#htf-final-menu *{
    box-sizing:border-box;
}

#htf-final-menu{
    width:100%;
    direction:rtl;
    padding:18px 5px;
    font-family:inherit;
}

/* منطقة التصنيفات */
#htf-final-menu .htf-slider{
    position:relative;
    padding:5px 48px;
}

#htf-final-menu .htf-page{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    grid-template-rows:repeat(2,auto);
    gap:28px 18px;
    align-items:start;
    padding:12px 4px 18px;
}

/* التصنيف الرئيسي */
#htf-final-menu .htf-main{
    border:0;
    background:transparent;
    padding:0;
    margin:0;
    text-decoration:none !important;
    color:#222;
    font-family:inherit;
    cursor:pointer;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:11px;

    width:100%;
}

#htf-final-menu .htf-ring{
    position:relative;
    width:116px;
    height:116px;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* الإطار المنقط */
#htf-final-menu .htf-ring::before{
    content:"";
    position:absolute;
    inset:-7px;
    border:2px dashed #55cfc3;
    border-radius:50%;
}

/* النقطة */
#htf-final-menu .htf-dot{
    position:absolute;
    inset:0;
    border-radius:50%;
    pointer-events:none;
    z-index:5;
}

#htf-final-menu .htf-dot::before{
    content:"";
    position:absolute;
    top:-8px;
    left:50%;

    width:13px;
    height:13px;

    border-radius:50%;
    background:#55cfc3;

    transform:translateX(-50%);

    box-shadow:
        0 0 0 5px rgba(85,207,195,.17),
        0 2px 5px rgba(0,0,0,.12);
}

/* الصورة */
#htf-final-menu .htf-photo{
    position:relative;
    z-index:2;

    width:107px;
    height:107px;

    border-radius:50%;
    overflow:hidden;

    background:#fff;
    padding:4px;

    box-shadow:0 6px 18px rgba(0,0,0,.11);

    transition:
        transform .28s ease,
        box-shadow .28s ease;
}

#htf-final-menu .htf-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

/* الاسم */
#htf-final-menu .htf-title{
    max-width:155px;
    min-height:42px;

    font-size:14px;
    line-height:1.5;
    font-weight:700;

    color:#222;
    text-align:center;

    transition:color .25s ease;
}

/* علامة التصنيف الذي له فروع */
#htf-final-menu .htf-parent .htf-title::after{
    content:"⌄";
    display:inline-block;
    margin-right:5px;
    color:#55cfc3;
    font-size:12px;
}

/* Hover */
#htf-final-menu .htf-main:hover .htf-photo,
#htf-final-menu .htf-main.htf-active .htf-photo{
    transform:scale(1.055);
    box-shadow:0 10px 25px rgba(0,0,0,.16);
}

#htf-final-menu .htf-main:hover .htf-title,
#htf-final-menu .htf-main.htf-active .htf-title{
    color:#42bdb2;
}

/* الدوران */
#htf-final-menu .htf-main:hover .htf-ring::before,
#htf-final-menu .htf-main.htf-active .htf-ring::before{
    animation:htfRingSpin 2.5s linear infinite;
}

#htf-final-menu .htf-main:hover .htf-dot,
#htf-final-menu .htf-main.htf-active .htf-dot{
    animation:htfDotSpin 2.5s linear infinite;
}

@keyframes htfRingSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes htfDotSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

/* الأسهم */
#htf-final-menu .htf-arrow{
    position:absolute;
    top:50%;

    transform:translateY(-50%);

    width:40px;
    height:40px;

    border:0;
    border-radius:50%;

    background:#fff;
    color:#333;

    box-shadow:0 3px 15px rgba(0,0,0,.17);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:25px;
    line-height:1;
    font-family:Arial,sans-serif;

    cursor:pointer;
    z-index:20;

    transition:.2s ease;
}

#htf-final-menu .htf-arrow:hover{
    background:#55cfc3;
    color:#fff;
    transform:translateY(-50%) scale(1.08);
}

#htf-final-menu .htf-arrow:disabled{
    opacity:.22;
    cursor:default;
}

#htf-final-menu .htf-prev{
    right:2px;
}

#htf-final-menu .htf-next{
    left:2px;
}

/* الأقسام الفرعية */
#htf-final-menu .htf-sub-area{
    display:none;

    margin:8px 15px 18px;
    padding:22px 15px 18px;

    background:#fff;
    border-radius:18px;

    box-shadow:0 5px 22px rgba(0,0,0,.07);
}

#htf-final-menu .htf-sub-area.htf-open{
    display:block;
    animation:htfSubOpen .3s ease;
}

@keyframes htfSubOpen{
    from{
        opacity:0;
        transform:translateY(-8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

#htf-final-menu .htf-sub-heading{
    margin:0 0 20px;

    font-size:17px;
    font-weight:800;

    text-align:center;
    color:#222;
}

#htf-final-menu .htf-sub-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:22px 14px;
}

/* الفرع */
#htf-final-menu .htf-sub{
    text-decoration:none !important;
    color:#222;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:9px;
}

#htf-final-menu .htf-sub-ring{
    position:relative;

    width:98px;
    height:98px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;
}

#htf-final-menu .htf-sub-ring::before{
    content:"";
    position:absolute;
    inset:-5px;

    border:1.5px dashed #88ddd5;
    border-radius:50%;
}

#htf-final-menu .htf-sub-ring::after{
    content:"";

    position:absolute;
    top:-6px;
    left:50%;

    width:9px;
    height:9px;

    transform:translateX(-50%);

    border-radius:50%;
    background:#55cfc3;
}

#htf-final-menu .htf-sub-photo{
    width:91px;
    height:91px;

    padding:3px;

    border-radius:50%;
    overflow:hidden;

    background:#fff;

    box-shadow:0 4px 14px rgba(0,0,0,.10);

    transition:transform .25s ease;
}

#htf-final-menu .htf-sub-photo img{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
}

#htf-final-menu .htf-sub-title{
    max-width:115px;

    font-size:13px;
    line-height:1.45;
    font-weight:700;

    text-align:center;
}

#htf-final-menu .htf-sub:hover .htf-sub-photo{
    transform:scale(1.06);
}

#htf-final-menu .htf-sub:hover .htf-sub-ring::before{
    animation:htfRingSpin 2.5s linear infinite;
}

/* الجوال: 3 فوق + 3 تحت */
@media(max-width:640px){

    #htf-final-menu{
        padding:8px 1px 12px;
    }

    #htf-final-menu .htf-slider{
        padding:5px 28px;
    }

    #htf-final-menu .htf-page{
        grid-template-columns:repeat(3,1fr);
        grid-template-rows:repeat(2,auto);

        gap:22px 4px;

        padding:10px 0 14px;
    }

    #htf-final-menu .htf-ring{
        width:88px;
        height:88px;
    }

    #htf-final-menu .htf-photo{
        width:81px;
        height:81px;
        padding:3px;
    }

    #htf-final-menu .htf-ring::before{
        inset:-5px;
    }

    #htf-final-menu .htf-dot::before{
        width:10px;
        height:10px;
        top:-6px;

        box-shadow:
            0 0 0 4px rgba(85,207,195,.16);
    }

    #htf-final-menu .htf-title{
        max-width:105px;
        min-height:35px;

        font-size:11.5px;
        line-height:1.4;
    }

    #htf-final-menu .htf-arrow{
        width:30px;
        height:30px;
        font-size:19px;
    }

    #htf-final-menu .htf-sub-area{
        margin:5px 3px 15px;
        padding:17px 4px 14px;
    }

    #htf-final-menu .htf-sub-heading{
        font-size:14px;
        margin-bottom:17px;
    }

    #htf-final-menu .htf-sub-grid{
        grid-template-columns:repeat(3,1fr);
        gap:20px 4px;
    }

    #htf-final-menu .htf-sub-ring{
        width:78px;
        height:78px;
    }

    #htf-final-menu .htf-sub-photo{
        width:72px;
        height:72px;
    }

    #htf-final-menu .htf-sub-title{
        max-width:95px;
        font-size:11px;
    }
}

/* التابلت */
@media(min-width:641px) and (max-width:900px){

    #htf-final-menu .htf-page{
        grid-template-columns:repeat(4,1fr);
        grid-template-rows:repeat(2,auto);
    }

    #htf-final-menu .htf-sub-grid{
        grid-template-columns:repeat(4,1fr);
    }
}
/* ألوان أسهم التنقل */

/* لون الدوائر */
#htf-final-menu .htf-prev,
#htf-final-menu .htf-next{
    background:#e53935 !important;
}

/* لون الأسهم داخل الدوائر */
#htf-final-menu .htf-prev::before,
#htf-final-menu .htf-next::before{
    color:#0b7a3b !important;
}

/* عند مرور الماوس */
#htf-final-menu .htf-arrow:hover{
    background:#c62828 !important;
}

#htf-final-menu .htf-arrow:hover::before{
    color:#075d2d !important;
}
/* =========================================
   الأسهم النهائية - جنب بعض
   ========================================= */

/* مساحة أعلى الدوائر حتى لا تتداخل الأسهم معها */
#htf-final-menu .htf-slider{
    padding-top:72px !important;
}

/* الشكل العام للدائرتين */
#htf-final-menu .htf-arrow{
    position:absolute !important;

    top:12px !important;
    right:auto !important;

    width:50px !important;
    height:50px !important;

    padding:0 !important;
    margin:0 !important;

    border:none !important;
    border-radius:50% !important;

    background:#ef3232 !important;

    /* نخفي السهم النصي القديم */
    font-size:0 !important;
    color:transparent !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    box-shadow:0 6px 14px rgba(0,0,0,.15) !important;

    transform:none !important;

    z-index:30 !important;

    opacity:1 !important;
}

/* الدائرة الأولى */
#htf-final-menu .htf-prev{
    left:15px !important;
    right:auto !important;
}

/* الدائرة الثانية بجانبها مباشرة */
#htf-final-menu .htf-next{
    left:75px !important;
    right:auto !important;
}


/* السهم الأخضر داخل الدائرة الأولى */
#htf-final-menu .htf-prev::after{
    content:"‹" !important;

    display:block !important;

    color:#087a3e !important;

    font-family:Arial,sans-serif !important;
    font-size:31px !important;
    font-weight:700 !important;

    line-height:1 !important;
}

/* السهم الأخضر داخل الدائرة الثانية */
#htf-final-menu .htf-next::after{
    content:"›" !important;

    display:block !important;

    color:#087a3e !important;

    font-family:Arial,sans-serif !important;
    font-size:31px !important;
    font-weight:700 !important;

    line-height:1 !important;
}


/* Hover */
#htf-final-menu .htf-arrow:hover{
    background:#d92525 !important;

    transform:scale(1.07) !important;
}

#htf-final-menu .htf-arrow:hover::after{
    color:#075f31 !important;
}


/* إذا كان السهم غير متاح */
#htf-final-menu .htf-arrow:disabled{
    opacity:.45 !important;
}


/* الجوال */
@media(max-width:640px){

    #htf-final-menu .htf-slider{
        padding-top:61px !important;
    }

    #htf-final-menu .htf-arrow{
        top:10px !important;

        width:43px !important;
        height:43px !important;
    }

    #htf-final-menu .htf-prev{
        left:12px !important;
    }

    #htf-final-menu .htf-next{
        left:63px !important;
    }

    #htf-final-menu .htf-prev::after,
    #htf-final-menu .htf-next::after{
        font-size:27px !important;
    }
  
/* ==========================================
   حديث الطفولة | تصميم بطاقات المنتجات
   تصميم موحد مثل قسم المنتجات المخفضة
   بدون طول زائد أو فراغات كبيرة
========================================== */

/* 1. إطار بطاقة المنتج */
.s-product-card-entry {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background: #ffffff !important;
  border: 2px solid #ff0000 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition:
    transform .25s ease,
    box-shadow .25s ease !important;
}

/* إزالة أي إطار ثانوي */
.s-product-card-entry
.s-product-card-vertical {
  border: 0 !important;
  box-shadow: none !important;
}

/* 2. صورة المنتج */
.s-product-card-vertical
.s-product-card-image {
  position: relative !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 300px !important;
  min-height: 0 !important;
  max-height: 300px !important;
  padding: 14px !important;
  margin: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

/* إزالة الشكل الأخضر السابق */
.s-product-card-vertical
.s-product-card-image::before {
  content: none !important;
  display: none !important;
}

/* رابط صورة المنتج */
.s-product-card-vertical
.s-product-card-image > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* صورة واضحة بخلفية بيضاء */
.s-product-card-vertical
.s-product-card-image img {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 3px !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}

/* 3. العنوان الترويجي */
.s-product-card-entry
.s-product-card-promotion-title {
  position: absolute !important;
  top: 18px !important;
  right: 16px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: calc(100% - 32px) !important;
  min-height: 0 !important;
  padding: 11px 17px !important;
  background: #ff0000 !important;
  color: white !important;
  border-radius: 40px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  white-space: normal !important;
  box-shadow:
    0 7px 14px rgba(255,0,0,.20) !important;
}

/* 4. المحتوى أسفل الصورة */
.s-product-card-vertical
.s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 12px 18px 18px !important;
  margin: 0 !important;
  background: white !important;
  text-align: center !important;
  gap: 0 !important;
}

/* اسم المنتج والعنوان الفرعي */
.s-product-card-entry
.s-product-card-content-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 100px !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  text-align: center !important;
}

/* 5. اسم المنتج */
.s-product-card-entry
.s-product-card-content-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 8px !important;
  color: #252525 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

.s-product-card-entry
.s-product-card-content-title a {
  color: #252525 !important;
  text-decoration: none !important;
}

/* 6. العنوان الفرعي */
.s-product-card-entry
.s-product-card-content-subtitle {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #777777 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

/* 7. منطقة السعر بدون فراغات طويلة */
.s-product-card-vertical
.s-product-card-content-sub {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 45px !important;
  height: auto !important;
  padding: 0 !important;
  margin: 8px 0 14px !important;
  text-align: center !important;
}

/* السعر باللون الأحمر */
.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-sale-price h4,
.s-product-card-entry .s-product-card-starting-price h4 {
  color: #ff0000 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

/* السعر قبل التخفيض */
.s-product-card-entry
.s-product-card-sale-price span {
  color: #aaaaaa !important;
  font-size: 13px !important;
  text-decoration: line-through !important;
}

/* 8. منطقة زر السلة */
.s-product-card-vertical
.s-product-card-content-footer {
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.s-product-card-entry
.s-product-card-content-footer
salla-add-product-button {
  display: block !important;
  width: 100% !important;
}

/* زر أضف للسلة */
.s-product-card-entry
.s-product-card-content-footer
.s-button-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 55px !important;
  padding: 10px !important;
  background: #ff0000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 16px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* احترام حالة المنتجات غير المتاحة */
.s-product-card-entry
.s-product-card-content-footer
.s-button-btn:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

/* 9. ارتفاع البطاقة عند مرور الماوس */
@media (hover: hover) and (pointer: fine) {
  .s-product-card-entry:hover {
    transform: translateY(-5px) !important;
    box-shadow:
      0 10px 20px rgba(255,0,0,.12) !important;
  }
}

/* 10. ضبط الصور للشاشات المتوسطة */
@media (min-width: 768px) and (max-width: 1279px) {
  .s-product-card-vertical
  .s-product-card-image {
    height: 230px !important;
    max-height: 230px !important;
  }
}

/* 11. تصميم الجوال */
@media (max-width: 767px) {

  .s-product-card-entry {
    height: auto !important;
    min-height: 0 !important;
    border-radius: 17px !important;
  }

  .s-product-card-vertical
  .s-product-card-image {
    height: 160px !important;
    min-height: 0 !important;
    max-height: 160px !important;
    padding: 8px !important;
  }

  .s-product-card-entry
  .s-product-card-promotion-title {
    top: 9px !important;
    right: 8px !important;
    max-width: calc(100% - 16px) !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
  }

  .s-product-card-vertical
  .s-product-card-content {
    height: auto !important;
    min-height: 0 !important;
    padding: 9px !important;
  }

  .s-product-card-entry
  .s-product-card-content-main {
    min-height: 92px !important;
  }

  .s-product-card-entry
  .s-product-card-content-title {
    min-height: 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
  }

  .s-product-card-entry
  .s-product-card-content-subtitle {
    min-height: 0 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  .s-product-card-vertical
  .s-product-card-content-sub {
    min-height: 36px !important;
    margin: 7px 0 10px !important;
  }

  .s-product-card-entry .s-product-card-price,
  .s-product-card-entry .s-product-card-sale-price h4,
  .s-product-card-entry .s-product-card-starting-price h4 {
    font-size: 17px !important;
  }

  .s-product-card-entry
  .s-product-card-content-footer
  .s-button-btn {
    min-height: 42px !important;
    padding: 7px !important;
    border-radius: 11px !important;
    font-size: 11px !important;
  }
}

/* تقليل الحركة لمن يفضل ذلك */
@media (prefers-reduced-motion: reduce) {
  .s-product-card-entry {
    transition: none !important;
    transform: none !important;
  }
}
  
}
/* ========================================
   حديث الطفولة - إصلاح جميع بطاقات المنتجات
   القوس الأول يغلق خطأ CSS السابق
======================================== */

/* الإطار الأحمر للمنتجات */
.s-product-card-entry {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 2px solid #ff0000 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: transform .3s ease,
              box-shadow .3s ease !important;
}

/* إلغاء الخلفية الخضراء السابقة */
.s-product-card-image::before {
  content: none !important;
  display: none !important;
}

/* صورة المنتج */
.s-product-card-vertical .s-product-card-image {
  position: relative !important;
  height: 210px !important;
  min-height: 0 !important;
  max-height: 210px !important;
  flex: 0 0 auto !important;
  padding: 10px !important;
  margin: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

/* رابط الصورة */
.s-product-card-vertical .s-product-card-image > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* ضبط الصورة داخل البطاقة */
.s-product-card-vertical .s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 4px !important;
  margin: auto !important;
  background: transparent !important;
}

/* العنوان الترويجي الأحمر */
.s-product-card-entry .s-product-card-promotion-title {
  position: absolute !important;
  top: 13px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
  width: auto !important;
  max-width: 85% !important;
  min-height: 0 !important;
  padding: 8px 13px !important;
  background: #ff0000 !important;
  color: white !important;
  border-radius: 35px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  text-align: center !important;
}

/* محتوى البطاقة */
.s-product-card-vertical .s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 13px 14px !important;
  margin: 0 !important;
  gap: 0 !important;
  background: #ffffff !important;
  text-align: center !important;
}

/* إزالة الفراغات الزائدة */
.s-product-card-entry .s-product-card-content-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
}

/* اسم المنتج */
.s-product-card-entry .s-product-card-content-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 7px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  color: #222222 !important;
  text-align: center !important;
}

/* العنوان الفرعي */
.s-product-card-entry .s-product-card-content-subtitle {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #777777 !important;
  text-align: center !important;
}

/* منطقة السعر */
.s-product-card-vertical .s-product-card-content-sub {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 9px 0 13px !important;
}

/* السعر الأحمر */
.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-sale-price h4,
.s-product-card-entry .s-product-card-starting-price h4 {
  color: #ff0000 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

/* السعر القديم عند التخفيض */
.s-product-card-entry .s-product-card-sale-price span {
  color: #aaaaaa !important;
  font-size: 12px !important;
  text-decoration: line-through !important;
}

/* منطقة إضافة للسلة */
.s-product-card-vertical .s-product-card-content-footer {
  display: block !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.s-product-card-entry
.s-product-card-content-footer salla-add-product-button {
  display: block !important;
  width: 100% !important;
}

/* زر أضف للسلة الأحمر */
.s-product-card-entry
.s-product-card-content-footer .s-button-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 8px !important;
  background: #ff0000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 13px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* زر المنتج غير المتاح */
.s-product-card-entry
.s-product-card-content-footer .s-button-btn:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

/* ارتفاع البطاقة عند مرور الماوس */
@media (hover: hover) and (pointer: fine) {
  .s-product-card-entry:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 9px 20px
      rgba(255,0,0,.12) !important;
  }
}

/* خمسة منتجات في الكمبيوتر - القوائم العادية */
@media (min-width: 1280px) {
  salla-products-list
  .s-products-list-wrapper:not(.swiper-wrapper):not(.slick-track) {
    display: grid !important;
    grid-template-columns:
      repeat(5, minmax(0,1fr)) !important;
    gap: 16px !important;
  }
}

/* ثلاثة منتجات في التابلت */
@media (min-width: 768px) and (max-width: 1279px) {
  salla-products-list
  .s-products-list-wrapper:not(.swiper-wrapper):not(.slick-track) {
    display: grid !important;
    grid-template-columns:
      repeat(3, minmax(0,1fr)) !important;
    gap: 14px !important;
  }
}

/* تصميم الجوال */
@media (max-width: 767px) {

  /* منتجان في الصف */
  salla-products-list
  .s-products-list-wrapper:not(.swiper-wrapper):not(.slick-track) {
    display: grid !important;
    grid-template-columns:
      repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
  }

  .s-product-card-entry {
    min-height: 0 !important;
    height: auto !important;
    border-radius: 16px !important;
  }

  .s-product-card-vertical .s-product-card-image {
    height: 145px !important;
    max-height: 145px !important;
    padding: 7px !important;
  }

  .s-product-card-vertical .s-product-card-content {
    padding: 8px !important;
  }

  .s-product-card-entry .s-product-card-promotion-title {
    top: 7px !important;
    right: 7px !important;
    font-size: 10px !important;
    padding: 6px 8px !important;
  }

  .s-product-card-entry .s-product-card-content-main {
    min-height: 0 !important;
  }

  .s-product-card-entry .s-product-card-content-title {
    font-size: 12px !important;
    min-height: 0 !important;
  }

  .s-product-card-entry .s-product-card-content-subtitle {
    font-size: 11px !important;
    min-height: 0 !important;
  }

  .s-product-card-vertical .s-product-card-content-sub {
    min-height: 0 !important;
    margin: 8px 0 10px !important;
  }

  .s-product-card-entry .s-product-card-price,
  .s-product-card-entry .s-product-card-sale-price h4 {
    font-size: 17px !important;
  }

  .s-product-card-entry
  .s-product-card-content-footer .s-button-btn {
    min-height: 40px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .s-product-card-entry {
    transform: none !important;
    transition: none !important;
  }
}

/* عروض الافتتاح - حديث الطفولة */
#ht-opening-offers{
  max-width:1320px;
  margin:30px auto 45px;
  padding:0 14px;
  direction:rtl;
  text-align:center;
}
#ht-opening-offers h2{
  color:#ed0000;
  font-size:36px;
  font-weight:900;
}
#ht-opening-offers>p{
  color:#666;
  margin:8px 0 28px;
}
#ht-opening-offers .ht-offers-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
#ht-opening-offers .ht-offers-grid>salla-product-card{
  display:block;
  min-width:0;
  border:2px solid #19af58;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
#ht-opening-offers .s-product-card-entry{
  border:0!important;
  box-shadow:none!important;
}
#ht-opening-offers .promotion-title,
#ht-opening-offers .s-product-card-promotion-title{
  background:#20af60!important;
  color:#fff!important;
  border-radius:25px;
  padding:7px 12px;
}
#ht-opening-offers .s-product-card-content-title,
#ht-opening-offers .s-product-card-content-subtitle,
#ht-opening-offers .s-product-card-price{
  color:#ed0000!important;
}
#ht-opening-offers salla-add-product-button{
  --color-primary:#ed0000;
}
#ht-opening-offers .s-button-btn{
  background:#ed0000!important;
  color:white!important;
  border-radius:12px!important;
}
#ht-opening-offers .ht-offers-more{
  margin:25px auto 10px;
  background:#ed0000;
  color:white;
  border:0;
  border-radius:12px;
  padding:12px 45px;
  cursor:pointer;
  font-weight:bold;
}
#ht-opening-offers [hidden]{display:none!important}
#ht-opening-offers .ht-offers-link{
  display:block;
  color:#ed0000;
  margin:12px auto;
}
#ht-opening-offers .ht-offers-source{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  visibility:hidden;
  pointer-events:none;
}
@media(max-width:767px){
  #ht-opening-offers h2{font-size:26px}
  #ht-opening-offers .ht-offers-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
}