/* Add custom CSS styles below */ 

/* تقليل ارتفاع بانر صفحة السلة فقط */
body.cart .s-block--fixed-banner {
    height: 160px;
}

body.cart .s-block--fixed-banner .banner {
    height: 100%;
}

body.cart .s-block--fixed-banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/* =================================
   Sections Banner
================================= */

/* Scoped Section فقط لهذا البلوك */
.cats_style_3 {
  width: 100%;
}

/* Card */
.cats_style_3 .cat-content-wrapper {
  position: relative;
  height: 215px;
  overflow: hidden;
  gap: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-size: cover;
  background-position: center;
}

/* Overlay (شفاف حالياً) */
.cats_style_3 .cat-content-wrapper::before {
  content: "";
  position: absolute;
  height: auto;
  inset: 0;
  background: rgba(0, 0, 0, 0);
}

/* Content */
.cats_style_3 .content {
  position: relative;
  z-index: 2;
  color: #9D3D38;
  padding: 0;
}

/* العنوان */
.cats_style_3 .text-2xl,
.cats_style_3 .md\:text-4xl{
  font-size:24px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
  color:#9D3D38 !important;
  margin-bottom:8px !important;
}

/* النص */
.cats_style_3 .text-base,
.cats_style_3 .md\:text-xl{
  font-size:18px !important;
  line-height:1.6 !important;
  font-weight:300 !important;
  color:#9D3D38 !important;
}

/* Mobile */
@media (max-width: 768px) {

  .cats_style_3 .cat-content-wrapper {
    height: 160px;
  }

  .cats_style_3 .text-2xl,
  .cats_style_3 .md\:text-4xl{
    font-size:18px !important;
  }

  .cats_style_3 .text-base,
  .cats_style_3 .md\:text-xl{
    font-size:14px !important;
  }

}

/* =================================
   Sections Banner
================================= */

/* =================================
   Footer
================================= */

footer.store-footer {
    color: #000 !important;
    padding: 0 !important;
}

.store-footer__curve {
    display: none !important;
}

/* 1. النشرة البريدية العمودية */
.store-footer__newsletter {
    background: transparent !important;
    border-bottom: 1px solid #DCD3CA !important;
    padding: 30px 20px !important;
}

.store-footer__newsletter .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.store-footer__newsletter h2 {
    font-size: 20px !important;
    font-weight: normal !important;
    margin-bottom: 10px !important;
    color: #000 !important;
}

.mleha-sub-text {
    font-size: 16px !important;
    color: #444;
    display: block;
}

.store-footer__newsletter form {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
    width: 100%;
}

.store-footer__newsletter input#cta-email {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    width: 320px !important;
    max-width: 90vw;
    text-align: center;
    padding: 3px 0 !important;
    font-size: 14px !important;
}

.store-footer__newsletter button {
    background: transparent !important;
    color: #000 !important;
    font-weight: normal !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
   border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    padding: 3px 5px !important;
}

/* 2. أسطر الفوتر */
.mleha-custom-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}

.mleha-row-1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    padding: 40px 0;
    border-bottom: 1px solid #DCD3CA;
}

.mleha-row-1 img {
    height: 55px;
    width: auto;
}

.mleha-row-1 .store-desc {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    max-width: 600px;
    text-align: right;
}

.mleha-row-2 {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    border-bottom: 1px solid #DCD3CA;
}

.link-group {
    flex: 1;
    text-align: right;
}

.link-group h3 {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}

.social-icons {
    display: flex;
    justify-content: flex-start; /* محاذاة لليمين في الكمبيوتر */
    gap: 18px;
    margin-top: 10px;
}

.social-icons a {
    font-size: 22px;
    color: #000;
}

.mleha-row-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px 20px;
}

/* =====================================
   CERTIFICATES SECTION
===================================== */

.mleha-row-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 في الكمبيوتر */
    gap: 25px;
    padding: 25px 20px;
    border-top: 1px solid #DCD3CA;
}

/* عنصر الشهادة */
.mleha-cert-item {
    display: flex;
    flex-direction: row; /* الصورة يمين */
    align-items: center;
    gap: 12px;
    text-align: right;
    width: 100%;
}

/* الصور */
.mleha-cert-item img {
    height: 42px;
    width: auto;
    object-fit: contain;
}

/* النص */
.cert-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cert-text .title {
    font-size: 13px;
    font-weight: 600;
    color: #111;
}

.cert-text .number {
    font-size: 12px;
    color: #555;
    letter-spacing: 0.5px;
}

/* موبايل = عنصرين */
@media (max-width: 768px) {
    .mleha-row-3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .mleha-cert-item img {
        height: 36px;
    }

    .cert-text .title {
        font-size: 12px;
    }

    .cert-text .number {
        font-size: 11px;
    }
}

/* 3. تعديلات الجوال (تجاوب) */
@media (max-width: 768px) {
    .mleha-sub-text, 
    .store-footer__newsletter input#cta-email, 
    .store-footer__newsletter button {
        font-size: 13px !important;
    }

    .mleha-row-1 {
        text-align: center;
        padding: 10px 20px;
    }

    .mleha-row-2 {
        flex-direction: column;
        padding: 0;
    }

    /* إخفاء كلمة تابعينا في الجوال */
    .social-group h3 {
        display: none !important;
    }

    .social-icons {
        justify-content: center !important;
        display: none !important;
        margin-top: 0;
        padding: 20px 0;
    }

    .acc-item {
        border-bottom: 1px solid #DCD3CA;
        width: 100%;
    }

    .acc-item h3 {
        padding: 10px 20px;
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }

    .acc-item h3::after {
        content: '+';
    }

    .acc-item.active h3::after {
        content: '-';
    }

    .acc-item .footer-list {
        display: none;
        padding: 0 20px 20px;
    }

    .acc-item.active .footer-list {
        display: block;
    }
}

/* تنسيق سطر العملة واللغة */
.mleha-row-settings {
    display: flex;
    justify-content: center;
    padding: 15px 0 15px 0;
    width: 100%;
}

.mleha-settings-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.mleha-setting-btn {
    display: flex;
    align-items: center;
    background: transparent !important;
    border: none !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 10px;
    transition: opacity 0.3s;
}

.mleha-setting-btn:hover {
    opacity: 0.7;
}

.mleha-setting-btn i {
    margin: 0 5px;
    font-size: 16px;
}

.mleha-settings-container .divider {
    color: #DCD3CA;
    font-size: 18px;
    font-weight: 300;
}

/* إخفاء أي بقايا للأزرار القديمة في الفوتر الأصلي */
.store-footer__settings, .footer-settings-btn {
    display: none !important;
}

/* =====================================
   MERGE CONTACT + SOCIAL ICONS
===================================== */

/* جعل صف التواصل + السوشيال صف واحد */
.store-footer__contacts-row {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

/* إزالة أي مسافات علوية */
.store-footer__contacts-row selia-contacts,
.store-footer__contacts-row salla-social {
  margin: 0 !important;
}

/* =====================================
   localization (language + currency)
===================================== */

/* صف اللغة والعملة */
.mleha-row-settings {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    border-top: 1px solid #DCD3CA;
}

.mleha-settings-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mleha-setting-btn {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #000;
}

.mleha-setting-btn:hover {
    opacity: 0.7;
}

.divider {
    color: #DCD3CA;
}

/* =====================================
   CONTACT ICONS (PHONE + EMAIL)
===================================== */

/* ترتيب أيقونات التواصل بجانب بعض */
.store-footer__contacts-row .enhanced_rounded_contacts {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px;
}

/* إزالة شكل الزر */
.store-footer__contacts-row .enhanced-contact-item {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

/* إخفاء النص */
.store-footer__contacts-row .enhanced-contact-item span {
  display: none !important;
}

/* مقاس أيقونات التواصل */
.store-footer__contacts-row .enhanced-contact-item i {
  font-size: 24px !important;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  color: #2f2a25;
}

/* =====================================
   SOCIAL ICONS
===================================== */

/* ترتيب أيقونات السوشيال */
.s-social-list {
  display: flex !important;
  gap: 24px;
}

/* إزالة الخلفيات */
.s-social-list a {
  background: none !important;
  padding: 0 !important;
}

/* مقاس أيقونات السوشيال */
.s-social-list svg {
  width: 24px !important;
  height: 24px !important;
  fill: #2f2a25;
}


/* =================================
   Footer
================================= */

#block-blog-6 .post-entry p.text-store-text-secondary {
    display: none !important;
}


@media (max-width: 768px) {

  /* استهداف قسم خدمات مليحة فقط */
  #block-blog-6 .s-slider-container {
    padding-inline: 12px;
  }

  #block-blog-6 
  .s-slider-container 
  .swiper-wrapper 
  > .swiper-slide {
    width: 45% !important; /* 1 سلايدر + نصف */
  }

  /* تصغير الكارد */
  #block-blog-6 .post-entry__image {
    height: 140px;
  }

  #block-blog-6 .post-entry__title {
    font-size: 13px;
  }

  #block-blog-6 .post-entry p {
    font-size: 12px;
    line-height: 1.5;
  }
}
/* إخفاء زر قراءة المزيد في قسم خدمات مليحة فقط */
#block-blog-6 .post-entry > div > a:last-child {
  display: none !important;
}



/* إخفاء تاريخ الكاتب والقسم الجانبي */
.blog-category > .mb-10.text-gray-500,
aside[aria-label="Sidebar"] {
    display: none !important;
}
/* استهداف صور المقال داخل <article> */
.image-gallery {
  display: flex; /* Makes the container a flex container */
  justify-content: space-around; /* Distributes space evenly around items */
  align-items: flex-start; /* Aligns items to the start of the cross axis (top) */
  flex-wrap: wrap; /* Allows images to wrap to the next line on smaller screens */
  gap: 10px; /* Adds space between images */
}

.image-gallery img {
  width: 23%; /* Approximately 1/4th width, adjusting for gap */
  max-width: 100%; /* Ensures images don't overflow their container */
  height: auto; /* Maintains aspect ratio */
  box-sizing: border-box; /* Includes padding and border in the element's total width and height */
}

/* For responsiveness on smaller screens */
@media (max-width: 768px) {
  .image-gallery img {
    width: 48%; /* Two images per row on tablets */
  }
}

@media (max-width: 480px) {
  .image-gallery img {
    width: 100%; /* One image per row on mobile phones */
  }
}

@media (max-width: 768px) {
    .advanced-slider.advanced-slider--0 {
        height: 550px !important;
    }
    .advanced-slider.advanced-slider--0 .s-slider-container,
    .advanced-slider.advanced-slider--0 .swiper {
        height: 550px !important;
    }
    .advanced-slider.advanced-slider--0 .advanced-slider__slide {
        height: 550px !important;
    }
    .advanced-slider.advanced-slider--0 video {
        height: 550px !important;
        object-fit: cover; /* يبقي الفيديو كامل */
    }
}

.main-nav-container.fixed-pinned {
    background-color: #EFE3D6 !important;
}

/* تعديل عنوان قسم about-2 */
#about-2 h2 {
    font-size: 20px !important; /* حجم العنوان */
}
#about-2 p {
    font-size: 13px !important; /* حجم النص */
}

#about-2 p.text-store-text-primary {
    padding-left: 50px !important;  /* يمكنك زيادة الرقم لتركيز النص أكثر في المنتصف */
    padding-right: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 600px; /* يمنع النص من التمدد بشكل عرضي مزعج في الشاشات الكبيرة */
}

/* إلغاء المارجن الافتراضي للعناوين والنصوص داخل هذا القسم */
#about-2 h3.text-lg {
    margin-bottom: 4px !important;
}

#about-2 h2.text-2xl {
    margin-bottom: 8px !important;
}

#about-2 p.text-store-text-primary {
    margin-bottom: 0 !important;
}

/* --- تعديل شامل لقسم أناقة تُشبهك (نحيف وبدون فراغات) --- */

/* 1. حذف المارجن العلوي في جميع المقاسات (جوال + كمبيوتر) */
#about-2.s-block {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. التحكم في الحشو الداخلي (Padding) */
#about-2.s-block {
    padding-top: 10px !important;   /* تقليل جداً */
    padding-bottom: 10px !important;
}

/* 3. معالجة خاصة للجوال (أصغر من 640px) */
@media (max-width: 639px) {
    #about-2.s-block {
        margin-top: 0 !important;   /* التأكد من حذف أي مارجن افتراضي في الجوال */
        padding-top: 40px !important; /* لمسة نحيفة جداً */
        padding-bottom: 40px !important;
    }
}

/* 4. إلغاء أي فراغات إضافية داخل الحاوية */
#about-2 .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* إلغاء الفراغ العلوي لقسم البانرات المزدوجة */
.s-block--fixed-banner.s-block--double-banner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إلغاء المارجن الافتراضي في الشاشات الكبيرة لهذا القسم تحديداً */
@media (min-width: 640px) {
    .s-block--fixed-banner.s-block--double-banner {
        margin-top: 0 !important;
    }
}

/* تقليل المسافة بين الصور وما قبلها */
.s-block--fixed-banner .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


.s-block--custom-reviews .review > div {
  position: relative;
}
.s-block--custom-reviews .comment__rating {
  position: absolute;
  top: 1rem;
  inset-inline-start: 1rem; /* RTL + LTR */
}
.s-block--custom-reviews #item-text {
  margin-top: 1rem;
}
.s-block--custom-reviews .flex.items-center.mt-6 {
  margin-top: auto;
}

.s-block--custom-reviews h4 {
  line-height: 1.2;
}

/* اسم العميل */
.s-block--custom-reviews .review-name {
  display: block;
  font-size: 16px;
  font-weight: 500;
}
/* اسم المدينة */
.s-block--custom-reviews .review-city {
  display: block;
  font-size: 12px;
  font-weight: 300;
  opacity: 0.7;
}
/* اسم المدينة تحت الاسم مع فراغ 5px */
.s-block--custom-reviews .review-city {
  margin-top: 5px;
}

/* لون النجوم في قسم التعليقات */
.s-block--custom-reviews .comment__rating i {
    color: #EEE2D4;
}


/* إزالة الخلفية والظل والبوردر من كروت التعليقات */
.s-block--custom-reviews .review > div {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* تأكيد عدم وجود ظل أو بوردر على أي عنصر داخلي */
.s-block--custom-reviews * {
  box-shadow: none !important;
  border-color: transparent !important;
}

/* إخفاء أيقونة الاقتباس في قسم التعليقات */
.s-block--custom-reviews .sicon-quote {
  display: none !important;
}


#block-blog-6 .container {
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

#block-blog-6 .enhanced-title-border.home-block-line {
    display: none;
}

#block-blog-6 > .container > .flex.items-center.gap-8.mt-5 {
    display: none;
}

#block-blog-6 .post-entry .mb-2\.5.text-store-text-secondary.rounded-md.inline-flex.text-sm.rtl\:space-x-reverse.space-x-5 {
    display: none;
}

#block-blog-6 .post-entry__image {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    overflow: hidden;
}

#block-blog-6 .post-entry__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* إزالة أي Hover effect على الصور أو الكروت */
#block-blog-6 .post-entry__image:hover,
#block-blog-6 .post-entry:hover {
    opacity: 1 !important;
}

/* محصور داخل #block-blog-6 */
#block-blog-6 .post-entry {
    background: none !important;   /* إزالة أي لون خلفية */
    border: none !important;       /* إزالة أي بوردر */
    box-shadow: none !important;   /* إزالة أي ظل */
    transition: none !important;   /* إزالة أي Hover Animation */
    border-radius: 0 !important;   /* إزالة أي زوايا مدورة */
}

/* محاذاة كل النصوص داخل البلوك */
#block-blog-6 .post-entry .flex-1 {
    text-align: center; /* يجعل كل النصوص متوسطة أفقيًا */
}

/* محاذاة رابط "قراءة المزيد" والنصوص داخله إلى المنتصف */
#block-blog-6 .post-entry a.flex.items-center.justify-start {
    justify-content: center !important;  /* يجعل النص والآيقونة متوسطة أفقيًا */
    text-align: center;                  /* للتأكيد على محاذاة النص */
}


html:root {
  --color-primary: #9d3d38;
  --color-primary-reverse: #eee2d4;
  --color-primary-dark: #9d3d38;
}
.s-social-link a svg {
    height: 1.5rem;
    width: 1.5rem;
}
.store-footer__inner .flex.space-x-2.items-end.justify-center {
    margin-top: 0 !important;
}
.footer-badges{
   margin-top: 20px;
}
.product-single__inner .flex.flex-col.space-y-5.mb-5 {
  display: none !important;
}

.product-single__discounted-amount,.inventory-content{
display:none;
}
.square-links-1 .text-store-text-primary {
    font-size: 1.25rem;
}
.square-links-1 .text-store-text-secondary{
    margin:0;
}
.enhanced-title-border {
    border: 2px solid #000000;
    margin: 0px auto;
}
.enhanced-title-border::after,.enhanced-title-border::before{
    background: #000000;
}


.eye-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
  animation: pulse 2s infinite ease-in-out;
}
.viewers-border span{
  color:black;
  font-weight:bold;
  margin-left:5px;
}
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.1); opacity: 1; }
}

/* Container style */
.viewers-border {
  background: #f1edeb;
  padding: 10px 20px;
  color: rgb(119, 119, 119);
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: auto;
  margin-top: 20px;
  border-radius: 10px;
}
.main-nav-container.fixed-pinned .inner{

}

salla-mini-checkout-widget {
    border-radius: 10px;
    background: #212020;
}
.s-add-product-button-mini-checkout-content {   
    color: white;
}
.index .s-block.s-block--square-links.square-links-1{
margin-top: 10px;
}
.index .s-block.s-block--square-links.square-links-1 .carousel-slider .swiper-wrapper > div {
    padding-left: 10px !important;
    padding-right: 0 !important;
}
.index .s-block.s-block--square-links.square-links-1 .carousel-slider .swiper {
    padding-right: 0;
}
.index .s-block.s-block--square-links.square-links-1 .rounded-2xl {
    border-radius: 0;
    height: 180px;
}
.index .s-block.s-block--square-links.square-links-1 .rounded-2xl {
}
.index .s-block.s-block--square-links.square-links-1 salla-slider .slide--one-sixth {
    width: 25%;
}
.index .s-block.s-block--square-links.square-links-1 .mt-6 {
    color:black;
    margin-top: 0;
    padding: 3px 0;
    background:#eee2d4;
}
.index .s-block.s-block--square-links.square-links-1 .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
}
.index .s-block--tabs-produtcs .tabs {
    justify-content: center;
    border: none;
    margin-bottom: 12px;
}
.index .s-block--tabs-produtcs .tabs .s-button-text {
    font-size:20px;
    color:#262626;
}
.index .s-block--tabs-produtcs .tabs .tab-trigger {
    border:none;
}
.product-single .product-single__info {
    text-align: center;
    place-items: center;
    display: flex;
    flex-direction: column;
    margin-top:0;
    border: 1px solid #cbcbcb;
    border-radius: 10px;
    padding: 30px 10px 15px;
    background-color: var(--bgcolor-white);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.product-single .product-single__info > :first-child {
  order: 1;
}
.s-add-product-button-main:not(.w-full) > salla-button {
    width: 100% !important;
}
.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-apple-pay) .s-add-product-button-main {
    flex-direction: column;
}

.s-add-product-button-main .s-add-product-button-mini-checkout {
    width: 100%;
}
.s-add-product-button-main .s-add-product-button-mini-checkout{
margin-top:15px;
}
.s-add-product-button-mini-checkout-content{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-bottom: 0.4rem !important;
    padding-top: 0.4rem !important;
    }
    
    @media (max-width: 991px) {
    .product-single .scroll-to-top, .product-single .wa-selia {
      bottom: 90px;
        
    }
}

@media (max-width: 640px) {
salla-product-options,.sticky-product-bar{
    min-width: 90vw;
}
.index .s-products-slider-card {

    max-width: 49vw;
}
    .is-sticky-product-bar.product-single {
        padding-bottom: 11rem;
    }
     .index .product-card--fit-height img.lazy.loaded {
    object-fit: cover;
    aspect-ratio: 2 / 3;
    height:auto;
    width: auto; 
    display: block; 
  }

    .index .s-block.s-block--square-links.square-links-1 salla-slider .slide--one-sixth {
    width: 30%;
    
}
.index .s-block.s-block--square-links.square-links-1 .mt-6 {
    padding: 10px 0;
    font-size: 14px;
    
}

}
.sticky-product-bar {
  padding: 0 !important;
}
.product-card--fit-height .product-card__image {
     height: auto;
    max-height: max-content;
}
/* .navbar-brand img{
scale:1.2
} */
.navbar-brand img {
    height: 45px !important;
}

.fixed-pinned .navbar-brand img {
    height: 40px !important;
}
.main-nav-container {
    height:95px;
    min-height: 60px;
}

html {
    overflow-y: auto;
}

.s-product-options-wrapper {
    margin-bottom: 0;
    padding: 0rem 1.25rem 0 1.25rem;
}
.form.product-form .bg-storeBG.p-5.rounded-md.mb-5 {
margin-bottom: 0;
padding-top: 0;
}

.form.product-form .bg-storeBG.p-5.rounded-md {
padding: 6px 0;
}

.s-product-options-grid-mode {
    justify-content: center;
}

.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn {
    border-radius: 8px !important;
}
.sticky-product-bar__quantity label{
display:none;
}

.product-single__inner .btn-tab, .product-single__inner .s-button-btn, .product-single__inner .s-quantity-input-container, .product-single__inner .s-quick-order-container, .product-single__inner .s-form-control, .product-single__inner .s-product-options-thumbnails-wrapper label, .product-single__inner .s-button-icon, .product-single__inner .s-social-share-list, .product-single__inner .s-comment-form-input{
border-radius: 8px !important;
}
.product-single .product-single__info button.s-social-share-btn, .product-single .product-single__info button.btn--wishlist {
    background-color: #3f3c3c;
    color: white;
    border-radius:50px !important;
}

.product-single__inner .s-quantity-input-input {
    width: 100%;
  }
  
  .s-add-product-button-main i{
  display:none;
  }
  .sticky-product-bar__quantity{
  flex-direction: column;
  }
  
  
  @media (max-width: 768px) {
  .product-single__inner salla-quantity-input {
    width: 100% !important;
    display: block !important;
  }

  .product-single__inner .s-quantity-input-container {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 0.5rem;
  }

  .product-single__inner .s-quantity-input-button {
    flex: 1 1 0%;
    padding: 0 10px;
  }

  .product-single__inner .s-quantity-input-input {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    border-width: 0;
  }
}

.product-single salla-slider{
    padding:16px;
}
.product-single salla-slider img{
    border-radius: 8px !important;
}

.product-single .s-block--tabs-produtcs .tab-trigger button {
    border-radius: 0px;
    font-size: 15px !important;

}

.s-block--tabs-produtcs .tabs {
    justify-content: right;
    padding-right: 0px;
    padding-left: 0px;
}
.s-product-options-option-label small{
display:none;
}

.sticky-product-bar button:nth-of-type(3) {
  border-radius: 8px;
}

.s-slider-vertical .s-slider-thumbs-container .swiper-slide {
    height: auto;
    border-radius: 3px;
}

@media (max-width: 991px) {
    [dir=rtl] .s-slider-vertical .s-slider-thumbs-container {
        margin-right: 10px;
       padding-left: 38px;
    }
}


.s-add-product-button-main .s-button-text{
color:white;
}
@media (max-width: 768px) {
.product-single salla-slider {
    padding: 0 16px;
}

.product-single .breadcrumbs{
display:none;
}
.product-single__main-media{
margin-top:16px;
}
}

.s-social-share-list {
    position: initial;
    display: flex;
    flex-direction: row;
    transform: translateY(0px) !important;
    opacity: 1 !important;
    height: auto !important;
    background-color: transparent;
    box-shadow: none;
    gap: 10px;
    margin-top: 16px;
}
.s-social-share-list a {
    padding: 0.4rem;
}

.s-social-share-list a{
    background: #434343;
    border-radius: 50px;
}
.s-social-share-list a svg{
    fill:white;
}
.s-social-share-btn.s-button-wrap.hydrated{
display:none;
}

salla-social-share{
margin-top:10px;
}

.product-single .btn--wishlist.animated{
display:none;
}

.store-footer__inner .flex.space-x-2.items-end.justify-center{
margin-top:20px;
}

.store-footer__inner .leading-6.footer-description{
margin-bottom:8px;
}
.store-footer__inner .relative {
text-align:center !important;
}

.footer-is-custom .store-footer .social-link, .footer-is-custom .store-footer .contact-social, .footer-is-custom .store-footer .contact-icon {
    background: black;
    color: white;
}

.s-cart-summary-count {
    background-color: #9d3d38;
}

.text-red-500,.text-red-400 {
    /*color: #cb3932;*/
    color:#9d3d38;
}

section.bg-storeBG.p-5.rounded-md.mb-5{
margin-top:10px;
}
section.bg-storeBG.p-5.rounded-md.mb-5 .center-between {
    display: flex;
    align-items: center;
    justify-content: initial;
    gap: 12px;
}
#product-form {
display:flex;
flex-direction:column;
}

.product-single__info .product-price-top{
flex-direction: column;
gap: 0;
}

@media (max-width: 991px) {
    .product-card__title a {
        margin: 0;
        font-size: 15px;
    }
}

.product-single__discounted-amount {
    border-color: #9d3d38;

}
.product-single__discounted-amount path:first-of-type {
  fill: #9d3d38 !important;
}

.s-button-danger {
    border-color: #9d3d38;
    background-color: #9d3d38;
}

.sicon-pencil-ruler{
   font-size: 18px;
   vertical-align: middle;
}

@media (max-width: 767px) {
.product-card__price .total-price {
        font-size: 16px;
    }
    .product-card__price .starting-or-normal-price, .product-card__price .before-price {
        font-size: 16px;
    }
    
}
.text-xl {
    font-size: 1.5rem;
}
.total-price{
font-size:18.2px;
}
.promotion-banner ul li a, .animated-text ul li a {
    font-size: 15px;
    
    font-weight: 600;
}
.promotion-banner, .animated-text{
padding:0;
}
.s-button-primary {
    color: #ffffff;
}
.text-primary {
    color: #9d3d38;
}

.profile__cover--placeholder::before {
    background: rgb(239 225 211);
}

.product-card__promotion {
    background-color: #9d3d38 !important;
    top: 0;
    left: 0;
    font-size: 12px;
    border-radius: 0 0 10px 0;
}

.cart-item img.h-20{
height:auto;
}

.text-\[\#f11e1e\] {
    color: #9d3d38;
}
.product-single .product-count-sale {
    color: #9d3d38;
}
.product-single .product-count-sale svg path:first-of-type  {
    fill: #9d3d38;
}
.promotion-title{
background-color: #9d3d38 !important;
top:0;
}

.product-card__out-label {
    color: #9d3d38;
    border: 1px solid #9d3d38;
}

salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *), .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 5px;
}

.s-product-options-option-label{
text-align:center;
}

.enhanced-title-border {
    width: 10px;
    height: 10px;
}
.enhanced-title-border::before {
    content: " ";
    width: 180px;
    height: 1px;
    right: 12px;
}
.enhanced-title-border::after {
    content: " ";
    width: 180px;
    height: 1px;
    left: 12px;
}

/* Hide the original text " - نفدت الكمية" and replace with a line */
.s-product-options-disabled .s-product-options-grid-mode-span {
    position: relative;
    color: #aaa !important; /* Greyed text */
    text-decoration: none; /* Remove default line-through if any */
}

/* Keep size text, hide ' - نفدت الكمية' visually */
.s-product-options-disabled .s-product-options-grid-mode-span {
    position: relative;
    color: #999 !important; /* Grey text for disabled */
}

/* Remove only the ' - نفدت الكمية' part */
.s-product-options-disabled .s-product-options-grid-mode-span {
    direction: rtl; /* Ensure Arabic order stays correct */
}
.s-product-options-disabled .s-product-options-grid-mode-span:lang(ar) {
    unicode-bidi: plaintext; /* Preserve Arabic text flow */
}
.s-product-options-disabled .s-product-options-grid-mode-span {
    /* Hide the last part using overflow mask */
    white-space: nowrap;
    overflow: hidden;
}
.s-product-options-disabled .s-product-options-grid-mode-span::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom right,
        transparent 48%,
        #9d3d38 50%,
        transparent 52%
    );
    pointer-events: none;
}
.s-add-product-button-main button {
font-size:1rem;
}

@media (max-width: 1024px) {
    .main-nav-container.fixed-header .inner {
        
    }
}

@media (max-width: 567PX) {

    .main-nav-container {
        height:60px;
    }
    .main-nav-container.fixed-pinned .inner{
    height:50px;
        margin-top: 0px;
    }
}



.special-product .flex.justify-center{
display:none;
}

.double-banner--2 {
margin-top:.5rem !important;
}

.banner--fixed img {
    border-radius: 0;
}

/* Main wrapper full width */
.s-add-product-button-main,
.s-add-product-button-main salla-button,
.s-add-product-button-main salla-button button,
.s-add-product-button-main salla-mini-checkout-widget {
  width: 100% !important;
  display: block !important;
}

/* Salla add-to-cart button */
.s-add-product-button-main salla-button button {
  border: none !important;
  font-size: 14px !important;
  border-radius: 8px !important; /* pick your preferred radius */
  min-width: 100% !important;
  display: flex;
  justify-content: center; /* horizontally center flex content */
  align-items: center;
  text-align: center; /* center text inside */
  direction: rtl; /* ensure Arabic text aligns correctly */
}

/* Flex content inside button */
.s-add-product-button-main salla-button button .flex.items-center.gap-2\.5 {
  margin: 0 auto;
  text-align: center;
  justify-content: center !important;
}

/* Mini-checkout widget wrapper (Apple Pay, etc.) */
.s-add-product-button-main salla-mini-checkout-widget {
  display: flex;
  justify-content: center; /* centers Apple Pay and other payment buttons */
  width: 100%;
  text-align: center; /* center text inside */
}

/* Target any buttons inside mini-checkout widget */
.s-add-product-button-main salla-mini-checkout-widget button {
  border: none !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  text-align: center;
}

.s-fast-checkout-button,.s-add-product-button-main .s-fast-checkout-button.outline,
.s-add-product-button-main .s-fast-checkout-button.rtl {
    border: none !important;
}

/* 1️⃣ Remove all borders inside the sticky product bar */
.sticky-product-bar,
.sticky-product-bar * {
    border: none !important;      /* remove normal borders */
    box-shadow: none !important;  /* remove any shadow borders */
}

/* 2️⃣ Remove bottom border on that specific flex container */
.sticky-product-bar > div.border-b-\[1px\] {
    border-bottom: none !important;
}

/* 3️⃣ Remove borders from Salla buttons */
.s-add-product-button-main salla-button button,
.s-add-product-button-main salla-mini-checkout-widget,
.s-add-product-button-main .s-fast-checkout-button {
    border: none !important;
    box-shadow: none !important;
    border-radius: 8px !important; /* optional uniform radius */
}

/* 4️⃣ Ensure Apple Pay / fast checkout buttons also remove borders (via Salla CSS variables) */
.s-add-product-button-main salla-mini-checkout-widget {
    --button-border: none !important;
}


section.animated-text {
  overflow: hidden;
}

/* إيقاف الحركة داخل هذا القسم فقط */
section.animated-text,
section.animated-text * {
  animation: none !important;
  transition: none !important;
}

/* محاذاة النص (غيّر center إلى right إذا حاب) */
section.animated-text .animated-text__inner ul {
  text-align: center;
}

/* إظهار عنصر واحد فقط */
section.animated-text .animated-text__inner li {
  display: none;
}

section.animated-text .animated-text__inner li:first-child {
  display: block;
}
section.animated-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

section.animated-text .animated-text__inner {
  width: 100%;
}

section.animated-text .animated-text__inner ul {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
}

section.animated-text .animated-text__inner li {
  display: block;
  max-width: 100%;
  text-align: center;
  padding: 8px 16px;
}

section.animated-text .animated-text__inner a {
  display: block;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  white-space: normal;     /* يسمح بتكسر السطر */
  word-break: break-word;  /* يمنع خروج النص */
}

/* 1️⃣ أخفي جميع النصوص افتراضيًا */
section.animated-text .animated-text__inner li {
  display: none;
}

/* تحسين العرض للموبايل */
@media (max-width: 768px) {
  section.animated-text .animated-text__inner li {
    padding: 10px 14px;
  }

  section.animated-text .animated-text__inner a {
    font-size: 14px;
  }
}
/* محصور داخل القسم */
section.animated-text .animated-text__inner a {
  font-size: 13px;      /* حجم الديسكتوب */
  font-weight: 600;     /* سمك الخط متوسط */
  text-align: center;   /* النص في المنتصف */
}

/* للموبايل فقط */
@media (max-width: 768px) {
  section.animated-text .animated-text__inner a {
    font-size: 10px;    /* حجم الجوال */
    font-weight: 700;   /* سمك الخط متوسط */
  }
}