/* =====================================================
   Selia Clean CSS
===================================================== */

/* ===============================
   Marquee
=============================== */

.selia-custom-marquee {
  width: 100%;
  overflow: hidden;
  background: #F3EDE4;
  color: #111;
  padding: 12px 0;
  margin: 0;
  position: relative;
  z-index: 10;
  direction: ltr;
  border-top: 1px solid rgba(0,0,0,.05);
  border-bottom: 1px solid rgba(0,0,0,.05);
}

.selia-custom-marquee__track {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: max-content;
  min-width: 200%;
  will-change: transform;
  animation: seliaArabicMarquee 120s linear infinite;
}

.selia-custom-marquee__item {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  direction: rtl;
  unicode-bidi: plaintext;
  padding: 0 36px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

@keyframes seliaArabicMarquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.selia-custom-marquee:hover .selia-custom-marquee__track {
  animation-play-state: paused;
}

.selia-custom-marquee::before,
.selia-custom-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  width: 55px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.selia-custom-marquee::before {
  left: 0;
  background: linear-gradient(to right, #F3EDE4, rgba(243,237,228,0));
}

.selia-custom-marquee::after {
  right: 0;
  background: linear-gradient(to left, #F3EDE4, rgba(243,237,228,0));
}

/* ===============================
   General
=============================== */

@media (max-width: 550px) {
  .main-nav-container {
    min-height: 48px !important;
    height: auto !important;
  }
}

#about-1 {
  padding: 0 !important;
}

/* ===============================
   Product Cards
=============================== */

.s-products-list-vertical-cards {
  gap: 0.225rem !important;
}

salla-products-list .product-card--vertical.product-card--fit-height .product-card__image,
salla-products-list .product-card--vertical.product-card--fit-height .product-card__content {
  height: auto !important;
  max-height: fit-content !important;
}

salla-products-list .product-card__image,
custom-salla-product-card .product-card__image {
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
}

salla-products-list .product-card__image img,
custom-salla-product-card .product-card__image img,
.product-card__image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 18px !important;
}

/* إخفاء زر أضف للسلة في كروت المنتجات فقط */
body:not(.product-single) custom-salla-product-card salla-add-product-button {
  display: none !important;
}

/* ===============================
   Product Page - Hide extra buttons
=============================== */

body.product-single .product-single__info .btn--wishlist,
body.product-single .product-single__info salla-social-share,
body.product-single .product-single__info .btn--quick-view {
  display: none !important;
}

/* ===============================
   Product Tabs - hide tabs / show content
=============================== */

.product-single .more-info-tabs__nav,
.product-single ul.more-info-tabs__nav,
.product-single .more-info-tabs__nav.nav,
.product-single .more-info-tabs__nav-link.mobile {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.product-single .more-info-tabs,
.product-single .more-info-tabs__content {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.product-single .more-info-tabs__content .tab-pane,
.product-single .more-info-tabs__content .more-tab-container {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
}

/* ===============================
   Tamara + Tabby
=============================== */

.product-form .selia-installment-holder {
  width: 100% !important;
  display: block !important;
  margin: 16px 0 !important;
  padding: 0 !important;
  clear: both !important;
  min-height: 128px !important;
  position: relative !important;
}

.product-form .selia-installment-holder.selia-installment-loading {
  opacity: 0 !important;
}

.product-form .selia-installment-holder salla-installment,
.product-form salla-installment.selia-installment-under-options {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.product-form .selia-installment-holder salla-installment > div {
  margin-bottom: 10px !important;
}

.product-form .selia-installment-holder #tabbyPromoWrapper,
.product-form .selia-installment-holder #tabbyPromo,
.product-form .selia-installment-holder tamara-widget,
.product-form .selia-installment-holder tabby-promo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.selia-installment-duplicate-hide {
  display: none !important;
}

/* ===============================
   Sticky Product Bar
=============================== */

.product-single .sticky-product-bar {
  background: #fff !important;
  border: 1px solid #E8E1D8 !important;
  border-radius: 16px !important;
  padding: 16px !important;
  margin-top: 14px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
}

/* ===============================
   Salla Native Buttons Only
   إضافة للسلة + اشتري الآن + Apple Pay
=============================== */

/* إخفاء أي زر يدوي أو مكرر قديم */
.product-single .selia-apple-pay-btn,
.product-single .selia-apple-icon,
.product-single .selia-custom-apple-pay,
.product-single .selia-custom-buy-now,
.product-single .selia-buy-now-btn,
.product-single .selia-mini-checkout-clone,
.product-single .selia-checkout-clone,
.product-single .selia-manual-checkout-btn,
.product-single .selia-hidden-duplicate-checkout {
  display: none !important;
}

/* زر سلة الأصلي */
.product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only {
  display: block !important;
  width: 100% !important;
  margin-top: 0 !important;
}

/* الحاوية الرئيسية للأزرار */
.product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only .s-add-product-button-main {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  align-items: stretch !important;
}

/* أي عنصر أصلي داخل أزرار سلة ياخد نفس العرض */
.product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only .s-add-product-button-main > *,
.product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only salla-button,
.product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only salla-mini-checkout-widget {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
}

/* زر إضافة للسلة */
.product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only salla-button button,
.product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only .s-button-element {
  width: 100% !important;
  min-height: 50px !important;
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
}

/* اشتري الآن / Apple Pay الأصلي */
.product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only salla-mini-checkout-widget,
.product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only .selia-native-mini-checkout {
  width: 100% !important;
  min-height: 50px !important;
  visibility: visible !important;
  opacity: 1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* محتوى زر الدفع السريع الأصلي لو ظاهر في الـ Light DOM */
.product-single .sticky-product-bar .s-add-product-button-mini-checkout-content {
  width: 100% !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

/* محاولة ضبط زر سلة داخل Shadow DOM لو سلة سامحة */
.product-single .sticky-product-bar salla-mini-checkout-widget::part(button) {
  width: 100% !important;
  min-height: 50px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* إخفاء السعر المكرر */
.product-single form.product-form > .product-price.product-price-bottom {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* ===============================
   Rounded Product Images
=============================== */

.product-single .details-slider,
.product-single .details-slider .swiper,
.product-single .details-slider .swiper-slide,
.product-single .details-slider img {
  border-radius: 18px !important;
  overflow: hidden !important;
}

.product-single .product__description > p > img,
.product-single .accordion__product__description__warpper .product__description > p > img,
.product-single #details_table .product__description > p > img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* ===============================
   Fix Reviews Avatar
=============================== */

.product-single .s-comments-item-avatar {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #f2f2f2 !important;
}

.product-single .s-comments-item-avatar-img,
.product-single .s-comments-item-avatar img {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}

.product-single .s-comments-item-admin .s-comments-item-avatar,
.product-single .s-comments-item-admin .s-comments-item-avatar-img,
.product-single .s-comments-item-admin .s-comments-item-avatar img {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
}

/* ===============================
   Mobile
=============================== */

@media (max-width: 768px) {
  .selia-custom-marquee {
    padding: 10px 0;
  }

  .selia-custom-marquee__track {
    animation-duration: 160s;
  }

  .selia-custom-marquee__item {
    font-size: 14px;
    padding: 0 26px;
  }

  .selia-custom-marquee::before,
  .selia-custom-marquee::after {
    width: 30px;
  }

  .product-form .selia-installment-holder {
    margin: 14px 0 !important;
    min-height: 126px !important;
  }

  .product-single .sticky-product-bar {
    padding: 10px 12px 12px !important;
    border-radius: 16px 16px 0 0 !important;
    margin-top: 12px !important;
    box-shadow: 0 -8px 25px rgba(0,0,0,.08) !important;
  }

  .product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only .s-add-product-button-main {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only salla-button button,
  .product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only .s-button-element,
  .product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only salla-mini-checkout-widget,
  .product-single .sticky-product-bar .s-add-product-button-mini-checkout-content {
    min-height: 46px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    padding: 0 4px !important;
  }

  .product-single .details-slider,
  .product-single .details-slider .swiper,
  .product-single .details-slider .swiper-slide,
  .product-single .details-slider img,
  .product-single .product__description > p > img,
  salla-products-list .product-card__image,
  custom-salla-product-card .product-card__image,
  salla-products-list .product-card__image img,
  custom-salla-product-card .product-card__image img {
    border-radius: 14px !important;
  }

  .product-single .s-comments-item-avatar,
  .product-single .s-comments-item-avatar-img,
  .product-single .s-comments-item-avatar img {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }
}

/* شاشة صغيرة جدًا */
@media (max-width: 390px) {
  .product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only .s-add-product-button-main {
    gap: 5px !important;
  }

  .product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only salla-button button,
  .product-single .sticky-product-bar salla-add-product-button.selia-native-checkout-only .s-button-element,
  .product-single .sticky-product-bar .s-add-product-button-mini-checkout-content {
    font-size: 11px !important;
  }
}
@media (min-width: 640px) {
    .s-block {
        margin-top: 1rem !important;
    }
}

.s-mini-checkout {max-height: 40px !important;}
.product-single .sticky-product-bar .s-add-product-button-mini-checkout-content{
      font-weight: 600 !important;
}
.wa-selia{
z-index: 10;
}
.product-single__slider .details-slider .slide--one-fourth {height: auto !important;}
.reviews-slider .bg-store-bg-secondary .items-center {justify-content: center;}
.reviews-slider .text-store-text-secondary {text-align: center}
.reviews-slider .sicon-quote , .reviews-slider .object-cover {display: none !important}
@media (max-width: 768px) {
    .product-single .details-slider, .product-single .details-slider .swiper, .product-single .details-slider .swiper-slide, .product-single .details-slider img, .product-single .product__description > p > img, salla-products-list .product-card__image, custom-salla-product-card .product-card__image, salla-products-list .product-card__image img, custom-salla-product-card .product-card__image img {
        border-radius: 0px !important;
    }
}
@media (max-width: 960px) {
  .product-single__info .product-price-top ,  .product-card--fit-height .product-card__image .product-card__addToCart {display:none !important}
.product-more-info .s-comments-container {padding: 0 15px !important}
.product-card--fit-height .product-card__image {height: 100% !important;}
main > section.s-block.s-block--bundle-text-content > :first-child {margin-top:0px !important}
.s-block--fixed-banner .container , #instafeed-popupsnap-widget-placeholder , #instafeed-popupsnap-widget-placeholder .instafeed-widget-container , .container--product-details {padding:0px !important}
.fixed-banner--4 {margin-top:0px}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--bundle-text-content{margin-top:0px}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--bundle-text-content > salla-text-content-ao7re5{margin-top:0px}
.s-block--custom-products .product-card__image , .s-block--custom-products .product-card__image img , .s-block--fixed-banner img
{border-radius: 0px !important;}
.product-single__info , .more-tab-container {padding: 0px 10px !important}
.product-single__main-media .details-slider , .product-single__main-media .details-slider .s-slider-container , .s-slider-vertical .s-slider-thumbs-container .swiper-slide img{border-radius: 0px !important;}
}