/* =========================================================
   Cotto Blue — الصفحة الرئيسية فقط — ثيم رائد في سلة
   ملاحظة: جميع قواعد الثيم محصورة داخل body.theme-raed
   ========================================================= */

:root {
  --color-primary: #23364d !important;
  --color-primary-dark: #0f1b29 !important;
  --color-primary-light: #5c6f84 !important;
  --color-primary-reverse: #fff !important;
  --awafi-primary: #23364d;
  --awafi-primary-dark: #0f1b29;
  --awafi-accent: #b8955e;
  --awafi-mint-soft: #f1e6d3;
  --sq-bg: #0f1b29;
  --sq-surface: #162536;
  --sq-surface-2: #1c2e42;
  --sq-text: #f4ead8;
  --sq-text-2: #eadcc4;
  --sq-muted: #cdbfa8;
  --sq-muted-2: #b8aa94;
  --sq-border: rgba(244, 234, 216, .18);
  --sq-border-strong: rgba(244, 234, 216, .30);
  --awafi-border: rgba(35, 54, 77, .42);
  --sq-shadow-xs: 0 2px 8px rgba(17, 24, 39, .06);
  --sq-shadow-sm: 0 8px 24px rgba(17, 24, 39, .08);
  --sq-shadow-md: 0 16px 38px rgba(17, 24, 39, .11);
  --sq-focus: 0 0 0 3px rgba(35, 54, 77, .14);
}

body.theme-raed,
body.theme-raed .app-inner,
body.theme-raed .s-page-wrapper,
body.theme-raed .s-main-content,
body.theme-raed main#main-content {
  color: var(--sq-text) !important;
  background: var(--sq-bg) !important;
}

body.theme-raed { overflow-x: hidden; }
body.theme-raed ::selection { color: #fff; background: var(--awafi-primary); }
body.theme-raed a { text-decoration: none; }

body.theme-raed main#main-content :is(p, li, span, label, small, .text-gray-500, .text-gray-600, .text-gray-700, .text-gray-800) {
  color: var(--sq-text-2) !important;
}

body.theme-raed main#main-content :is(h1, h2, h3, h4, h5, h6) {
  color: var(--sq-text) !important;
}

body.theme-raed main#main-content a:not(.s-button-element):not(.banner-entry) {
  color: var(--awafi-primary) !important;
  transition: color .2s ease;
}

body.theme-raed main#main-content a:not(.s-button-element):not(.banner-entry):is(:hover, :focus-visible) {
  color: var(--awafi-accent) !important;
}

/* الشريطان المتحركان */
body.theme-raed :is(salla-advertisement, .announcement-bar, .s-announcement-bar) { display: none !important; }

body.theme-raed #saqour-dual-bars {
  position: relative;
  z-index: 1001;
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid var(--sq-border);
}

body.theme-raed .saqour-moving-bar {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  direction: rtl;
  box-sizing: border-box;
}

body.theme-raed .saqour-moving-bar--main {
  height: 38px;
  color: #fff !important;
  background: linear-gradient(90deg, #0f1b29, #23364d 48%, #344b65) !important;
  border-bottom: 1px solid #0f1b29;
  box-shadow: 0 4px 16px rgba(30, 74, 112, .22);
}

body.theme-raed .saqour-moving-bar--coupon {
  height: 42px;
  color: var(--sq-text) !important;
  background: linear-gradient(90deg, #f8f1e6, #ded0b6 50%, #f8f1e6);
  border-bottom: 1px solid rgba(35, 54, 77, .28);
  box-shadow: 0 4px 16px rgba(17, 24, 39, .05);
  cursor: pointer;
}

body.theme-raed .saqour-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  min-width: 200%;
  height: 100%;
  will-change: transform;
}

body.theme-raed .saqour-moving-bar--main .saqour-marquee-track { animation: saqourMoveRTL 28s linear infinite; }
body.theme-raed .saqour-moving-bar--coupon .saqour-marquee-track { animation: saqourMoveLTR 24s linear infinite; }

body.theme-raed .saqour-marquee-group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 50%;
  height: 100%;
}

body.theme-raed .saqour-marquee-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 38px;
  color: inherit !important;
  font-size: 13px;
  font-weight: 700;
}

body.theme-raed .saqour-moving-bar--main .saqour-marquee-item,
body.theme-raed .saqour-moving-bar--main .saqour-marquee-item * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.theme-raed .saqour-marquee-item::after {
  content: "◆";
  margin-right: 38px;
  color: var(--awafi-primary);
  font-size: 8px;
}

body.theme-raed .saqour-moving-bar--main .saqour-marquee-item::after { color: #fff !important; opacity: .9; }
body.theme-raed .saqour-moving-bar--coupon .saqour-marquee-item::after { color: var(--awafi-accent); }

body.theme-raed .saqour-coupon-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 3px 10px;
  color: var(--awafi-primary) !important;
  background: #fff;
  border: 1px dashed var(--awafi-primary);
  border-radius: 7px;
  font-weight: 900;
  letter-spacing: 1px;
}

body.theme-raed .saqour-copy-hint { color: var(--sq-muted) !important; font-size: 11px; font-weight: 600; }

body.theme-raed #saqour-copy-message {
  position: fixed;
  left: 50%;
  bottom: 25px;
  z-index: 999999;
  padding: 11px 18px;
  color: #fff !important;
  background: var(--awafi-primary);
  border: 1px solid var(--awafi-primary-dark);
  border-radius: 10px;
  box-shadow: var(--sq-shadow-md);
  font-size: 13px;
  font-weight: 800;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 20px);
  transition: .25s ease;
}

body.theme-raed #saqour-copy-message.saqour-show { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
body.theme-raed .saqour-moving-bar:hover .saqour-marquee-track { animation-play-state: paused; }

@keyframes saqourMoveRTL { from { transform: translateX(0); } to { transform: translateX(50%); } }
@keyframes saqourMoveLTR { from { transform: translateX(50%); } to { transform: translateX(0); } }

/* الترويسة والقائمة والبحث */
body.theme-raed .store-header,
body.theme-raed .store-header :is(.top-navbar, #mainnav, #mainnav .inner) {
  color: var(--sq-text) !important;
  background: rgba(255, 255, 255, .98) !important;
}

body.theme-raed .store-header { border-bottom: 1px solid var(--sq-border) !important; }
body.theme-raed .store-header .top-navbar { border-bottom: 1px solid var(--sq-border) !important; }
body.theme-raed .store-header #mainnav { border-bottom: 2px solid rgba(35, 54, 77, .16) !important; box-shadow: 0 8px 24px rgba(17, 24, 39, .07) !important; }

body.theme-raed .store-header .navbar-brand img {
  display: block;
  width: auto !important;
  max-height: 72px;
  object-fit: contain;
  filter: drop-shadow(0 4px 10px rgba(17, 24, 39, .1));
}

body.theme-raed .store-header :is(a, custom-main-menu a, .main-menu a, .s-mega-menu a, .s-contacts-topnav-link, .s-cart-summary-content, .s-cart-summary-total) {
  color: var(--sq-text) !important;
}

body.theme-raed .store-header :is(custom-main-menu a, .main-menu a, .s-mega-menu a) {
  position: relative;
  font-weight: 700;
  transition: color .22s ease, background-color .22s ease;
}

body.theme-raed .store-header :is(custom-main-menu a, .main-menu a, .s-mega-menu a):is(:hover, :focus-visible) { color: var(--awafi-primary) !important; }

body.theme-raed .store-header .s-search-input-wrapper {
  min-height: 44px;
  overflow: hidden;
  color: var(--sq-text) !important;
  background: var(--sq-surface-2) !important;
  border: 1px solid var(--sq-border-strong) !important;
  border-radius: 14px !important;
  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

body.theme-raed .store-header .s-search-input-wrapper:focus-within { background: #fff !important; border-color: var(--awafi-primary) !important; box-shadow: var(--sq-focus) !important; }
body.theme-raed .store-header .s-search-input { height: 44px !important; color: var(--sq-text) !important; -webkit-text-fill-color: var(--sq-text) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.theme-raed .store-header .s-search-input::placeholder { color: var(--sq-muted-2) !important; -webkit-text-fill-color: var(--sq-muted-2) !important; opacity: 1; }
body.theme-raed .store-header :is(.s-search-icon, .s-search-icon svg, .s-search-icon svg path) { color: var(--sq-text) !important; fill: currentColor !important; }
body.theme-raed .store-header .s-search-results { color: var(--sq-text) !important; background: #fff !important; border: 1px solid var(--sq-border) !important; box-shadow: var(--sq-shadow-md) !important; }

body.theme-raed .store-header :is([data-testid="store-header-user-menu"] .s-user-menu-login-btn, [data-testid="store-header-cart"] .s-cart-summary-wrapper, [data-testid="store-header-mobile-toggle"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px;
  height: 44px;
  padding: 0 10px !important;
  color: var(--sq-text) !important;
  background: #fff !important;
  border: 1px solid rgba(35, 54, 77, .35) !important;
  border-radius: 12px !important;
  box-shadow: var(--sq-shadow-xs);
  transition: transform .22s ease, color .22s ease, background .22s ease, border-color .22s ease;
}

body.theme-raed .store-header :is([data-testid="store-header-user-menu"] .s-user-menu-login-btn, [data-testid="store-header-cart"] .s-cart-summary-wrapper, [data-testid="store-header-mobile-toggle"]):hover {
  color: var(--awafi-primary) !important;
  background: var(--awafi-mint-soft) !important;
  border-color: var(--awafi-primary) !important;
  transform: translateY(-2px);
}

body.theme-raed .store-header .s-cart-summary-count {
  top: -7px !important;
  right: -7px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 21px !important;
  height: 21px !important;
  padding: 0 5px !important;
  color: #fff !important;
  background: var(--awafi-primary) !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  font-size: 11px !important;
}

body.theme-raed :is(#mobile-menu, .mm-menu, .store-header .main-menu .sub-menu, .store-header .main-menu ul ul, .store-header .s-mega-menu) {
  color: var(--sq-text) !important;
  background: #fff !important;
  border-color: var(--sq-border) !important;
  box-shadow: var(--sq-shadow-md) !important;
}

/* بطاقات المنتجات المعروضة في الرئيسية */
body.theme-raed :is(custom-salla-product-card.s-product-card-entry, salla-product-card, .s-product-card-entry, .product-entry, .product-card) {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  color: var(--sq-text) !important;
  background: #fff !important;
  border: 1px solid var(--sq-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--sq-shadow-sm);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
  --glass-x: 50%;
  --glass-y: 50%;
}

body.theme-raed :is(custom-salla-product-card.s-product-card-entry, .s-product-card-entry, .product-entry, .product-card):hover { transform: translateY(-5px); border-color: var(--awafi-border) !important; box-shadow: var(--sq-shadow-md); }
body.theme-raed :is(.s-product-card-image, .s-product-card-image a, .product-card__image, .product-entry__image) { overflow: hidden; background: #fff !important; border-bottom: 1px solid var(--sq-border) !important; }
body.theme-raed :is(.s-product-card-image img, .product-card__image img, .product-entry__image img) { object-fit: contain !important; transition: transform .35s ease, filter .35s ease; }
body.theme-raed :is(.s-product-card-entry:hover .s-product-card-image img, .product-card:hover .product-card__image img, .product-entry:hover .product-entry__image img) { transform: scale(1.04); filter: brightness(1.02) contrast(1.01); }
body.theme-raed :is(.s-product-card-content, .s-product-card-content *) { background: transparent !important; }
body.theme-raed :is(.s-product-card-content-title, .s-product-card-content-title a, .s-product-card-price, .s-product-card-price i, .s-product-card-content-sub, .s-product-card-content-subtitle) { color: var(--sq-text) !important; }
body.theme-raed .s-product-card-content-title a:hover { color: var(--awafi-primary) !important; }
body.theme-raed :is(.s-product-card-sale-price, .s-product-card-price.is-on-sale, .price_is_on_sale .total-price) { color: var(--awafi-primary) !important; }
body.theme-raed :is(.s-product-card-regular-price, .before-price, .s-product-card-price-before) { color: var(--sq-muted-2) !important; }

body.theme-raed salla-button.s-product-card-wishlist-btn { display: block !important; z-index: 60 !important; opacity: 1 !important; visibility: visible !important; }
body.theme-raed salla-button.s-product-card-wishlist-btn .s-button-element { color: var(--sq-text) !important; background: rgba(255, 255, 255, .94) !important; border: 1px solid var(--sq-border-strong) !important; border-radius: 50% !important; box-shadow: var(--sq-shadow-xs) !important; opacity: 1 !important; visibility: visible !important; transition: all .2s ease !important; }
body.theme-raed salla-button.s-product-card-wishlist-btn:is(:hover, .added, .is-added, .favorited) .s-button-element { color: var(--awafi-primary) !important; background: var(--awafi-mint-soft) !important; border-color: var(--awafi-primary) !important; }

body.theme-raed :is(.s-button-primary-outline, .s-product-card-content-footer .s-button-element, salla-add-product-button .s-button-element, .s-button-element.s-button-primary, button.s-button-primary) {
  color: var(--sq-text) !important;
  background: #fff !important;
  border: 1px solid var(--awafi-primary) !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  transition: all .22s ease !important;
}

body.theme-raed :is(.s-button-primary-outline, .s-product-card-content-footer .s-button-element, salla-add-product-button .s-button-element, .s-button-element.s-button-primary, button.s-button-primary):hover { color: #fff !important; background: var(--awafi-primary) !important; border-color: var(--awafi-accent) !important; }

/* آراء العملاء */
body.theme-raed section:is(.s-block--testimonials, .s-block--custom-testimonials) {
  position: relative !important;
  overflow: hidden !important;
  padding: 42px 0 52px !important;
  background: radial-gradient(circle at 50% 0, rgba(35, 54, 77, .055), transparent 34%), linear-gradient(180deg, #fff, #f8f9fb) !important;
  border-block: 1px solid var(--sq-border) !important;
}

body.theme-raed section:is(.s-block--testimonials, .s-block--custom-testimonials) .s-reviews-header-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 8px !important; text-align: center !important; }
body.theme-raed section:is(.s-block--testimonials, .s-block--custom-testimonials) .s-reviews-header { position: relative !important; margin: 0 !important; padding-bottom: 13px !important; color: var(--sq-text) !important; font-size: clamp(22px, 2.2vw, 28px) !important; font-weight: 900 !important; line-height: 1.45 !important; text-align: center !important; }
body.theme-raed section:is(.s-block--testimonials, .s-block--custom-testimonials) .s-reviews-header::after { content: "" !important; position: absolute !important; right: 50% !important; bottom: 0 !important; width: 58px !important; height: 3px !important; background: linear-gradient(90deg, var(--awafi-primary-dark), var(--awafi-accent)) !important; border-radius: 999px !important; transform: translateX(50%) !important; }
body.theme-raed salla-reviews .swiper { padding: 30px 0 42px !important; overflow: visible !important; }
body.theme-raed salla-reviews .swiper-slide { width: min(760px, 72vw) !important; height: auto !important; opacity: .42 !important; filter: saturate(.75) !important; transform: scale(.91) !important; transition: opacity .32s ease, filter .32s ease, transform .32s ease !important; }
body.theme-raed salla-reviews :is(.swiper-slide-prev, .swiper-slide-next) { opacity: .68 !important; filter: saturate(.9) !important; transform: scale(.95) !important; }
body.theme-raed salla-reviews .swiper-slide-active { opacity: 1 !important; filter: none !important; transform: scale(1) !important; }
body.theme-raed .s-reviews-testimonial { height: 100% !important; padding: 0 10px !important; color: var(--sq-text) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.theme-raed .s-reviews-testimonial__inner { position: relative !important; isolation: isolate !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: 276px !important; padding: 34px 44px 30px !important; overflow: hidden !important; color: var(--sq-text) !important; text-align: center !important; background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(250,250,251,.98)) !important; border: 1px solid rgba(35, 54, 77, .2) !important; border-radius: 22px !important; box-shadow: 0 18px 44px rgba(17,24,39,.1), 0 0 0 1px rgba(255,255,255,.88) inset !important; }
body.theme-raed .s-reviews-testimonial__avatar { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 78px !important; height: 78px !important; margin: 0 auto 16px !important; padding: 4px !important; overflow: hidden !important; background: #fff !important; border: 1px solid rgba(35, 54, 77,.36) !important; border-radius: 50% !important; box-shadow: 0 9px 24px rgba(17,24,39,.12), 0 0 0 6px rgba(35, 54, 77,.055) !important; }
body.theme-raed .s-reviews-testimonial__avatar img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; }
body.theme-raed .s-reviews-testimonial__text { width: 100% !important; text-align: center !important; }
body.theme-raed .s-reviews-testimonial__text p { max-width: 620px !important; margin: 0 auto !important; color: var(--sq-text-2) !important; font-size: 15.5px !important; font-weight: 500 !important; line-height: 1.95 !important; text-align: center !important; }
body.theme-raed .s-reviews-testimonial__name_wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 9px !important; width: 100% !important; margin-top: 18px !important; text-align: center !important; }
body.theme-raed .s-reviews-testimonial__info h2 { margin: 0 !important; color: var(--sq-text) !important; font-size: 15px !important; font-weight: 900 !important; }
body.theme-raed .s-reviews-testimonial__rating { display: flex !important; justify-content: center !important; width: 100% !important; direction: ltr !important; }
body.theme-raed :is(.s-rating-stars-selected, .s-rating-stars-selected svg, .s-rating-stars-selected svg path, .s-reviews-testimonial__rating svg, .s-reviews-testimonial__rating svg path) { color: #f2b632 !important; fill: currentColor !important; }
body.theme-raed .s-reviews-testimonial__icon { position: absolute !important; top: 24px !important; right: 28px !important; z-index: 1 !important; width: auto !important; height: auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.theme-raed .s-reviews-testimonial__icon > * { display: none !important; }
body.theme-raed .s-reviews-testimonial__icon::before { content: "“" !important; display: block !important; color: rgba(35, 54, 77,.5) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 46px !important; font-weight: 700 !important; line-height: 1 !important; }

/* الفوتر في الرئيسية */
body.theme-raed .store-footer { position: relative !important; isolation: isolate !important; overflow: hidden !important; margin-top: 42px !important; color: var(--sq-text) !important; background: #fff !important; border: 0 !important; border-radius: 38px 38px 0 0 !important; box-shadow: 0 -14px 32px rgba(17,24,39,.09), 0 -3px 14px rgba(35, 54, 77,.1) !important; }
body.theme-raed .store-footer::before { content: "" !important; position: absolute !important; top: 0 !important; right: 8% !important; z-index: 4 !important; width: 84% !important; height: 4px !important; pointer-events: none !important; background: linear-gradient(90deg, transparent, rgba(35, 54, 77,.28) 12%, #23364d 34%, #b8955e 50%, #23364d 66%, rgba(35, 54, 77,.28) 88%, transparent) !important; box-shadow: 0 0 8px rgba(184, 149, 94,.62), 0 0 18px rgba(35, 54, 77,.22) !important; }
body.theme-raed .store-footer__inner { position: relative !important; z-index: 2 !important; color: var(--sq-text) !important; background: #fff !important; border-bottom: 1px solid var(--sq-border) !important; }
body.theme-raed .store-footer :is(h3, .s-contacts-title, .s-menu-footer-title, strong, a) { color: var(--sq-text) !important; }
body.theme-raed .store-footer :is(p, .s-menu-footer-item, .s-contacts-item, .copyright-text, .copyright-text p) { color: var(--sq-muted) !important; }
body.theme-raed .store-footer a:hover { color: var(--awafi-primary) !important; }
body.theme-raed .store-footer .s-social-list { display: flex !important; flex-wrap: wrap; gap: 10px !important; }
body.theme-raed .store-footer .s-social-link a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; color: var(--sq-text) !important; background: #fff !important; border: 1px solid var(--sq-border-strong) !important; border-radius: 12px !important; box-shadow: var(--sq-shadow-xs) !important; transition: all .22s ease !important; }
body.theme-raed .store-footer .s-social-link a:hover { color: #fff !important; background: var(--awafi-primary) !important; border-color: var(--awafi-primary) !important; transform: translateY(-3px); }
body.theme-raed .store-footer .s-payments-list-item { padding: 5px !important; background: #fff !important; border: 1px solid var(--sq-border) !important; border-radius: 8px !important; }

/* شاشة بداية الصفحة الرئيسية */
body.theme-raed #saqour-splash { position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient(circle at 50% 42%, rgba(35, 54, 77,.12), transparent 24rem), #fff !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity .45s ease, visibility .45s ease !important; }
body.theme-raed #saqour-splash.saqour-hide { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
body.theme-raed #saqour-splash .saqour-splash-box { display: flex; flex-direction: column; align-items: center; gap: 18px; }
body.theme-raed #saqour-splash img { width: 126px; height: 126px; object-fit: contain; border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(17,24,39,.1); filter: drop-shadow(0 0 18px rgba(35, 54, 77,.26)); animation: saqourPulse 1.15s ease-in-out infinite; }
body.theme-raed #saqour-splash .saqour-loader { display: block; width: 150px; height: 4px; overflow: hidden; border-radius: 999px; background: #e5e7eb; }
body.theme-raed #saqour-splash .saqour-loader::before { content: ""; display: block; width: 45%; height: 100%; border-radius: inherit; background: var(--awafi-primary); animation: saqourLoad 1s ease-in-out infinite; }
@keyframes saqourPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.055); } }
@keyframes saqourLoad { from { transform: translateX(150%); } to { transform: translateX(-260%); } }

/* عدسة بطاقات المنتجات في الرئيسية */
body.theme-raed #saqour-magnifier { position: fixed !important; z-index: 2147483000 !important; display: block !important; width: 190px !important; height: 190px !important; pointer-events: none !important; opacity: 0 !important; visibility: hidden !important; background: #fff no-repeat !important; border: 3px solid #fff !important; border-radius: 50% !important; box-shadow: 0 16px 42px rgba(17,24,39,.24), 0 0 0 5px rgba(35, 54, 77,.55) !important; transform: scale(.96); transition: opacity .08s ease, visibility .08s ease, transform .08s ease !important; }
body.theme-raed #saqour-magnifier.saqour-show { opacity: 1 !important; visibility: visible !important; transform: scale(1) !important; }
body.theme-raed .saqour-zoom-cursor { cursor: zoom-in !important; }

/* واتساب العائم في الرئيسية */
body.theme-raed #saqour-whatsapp-float { position: fixed !important; inset: auto 22px 24px auto !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; width: max-content !important; max-width: calc(100vw - 28px) !important; margin: 0 !important; padding: 0 !important; color: #fff !important; background: transparent !important; border: 0 !important; text-decoration: none !important; direction: ltr !important; overflow: visible !important; z-index: 2147483500 !important; transition: transform .25s ease, filter .25s ease !important; }
body.theme-raed #saqour-whatsapp-float .sq-wa-icon { position: relative !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; min-width: 58px !important; color: #fff !important; background: #25d366 !important; border: 2px solid #fff !important; border-radius: 50% !important; box-shadow: 0 10px 26px rgba(0,0,0,.2), 0 0 0 1px rgba(37,211,102,.18) !important; }
body.theme-raed #saqour-whatsapp-float .sq-wa-icon::before { content: "" !important; position: absolute !important; inset: -7px !important; z-index: -1 !important; background: rgba(37,211,102,.24) !important; border-radius: 50% !important; animation: sqWhatsappPulse 2.1s ease-out infinite !important; }
body.theme-raed #saqour-whatsapp-float svg { display: block !important; width: 30px !important; height: 30px !important; fill: #fff !important; }
body.theme-raed #saqour-whatsapp-float .sq-wa-label { display: inline-flex !important; align-items: center !important; min-height: 42px !important; padding: 0 15px !important; color: var(--sq-text) !important; background: rgba(255,255,255,.97) !important; border: 1px solid rgba(37,211,102,.3) !important; border-radius: 12px !important; box-shadow: 0 8px 22px rgba(17,24,39,.13) !important; direction: rtl !important; font-size: 14px !important; font-weight: 800 !important; white-space: nowrap !important; }
body.theme-raed #saqour-whatsapp-float:hover { transform: translateY(-4px) !important; }
body.theme-raed #saqour-whatsapp-float:hover .sq-wa-icon { background: #1fbd5a !important; transform: scale(1.05) !important; }
body.theme-raed #saqour-whatsapp-float:hover .sq-wa-label { color: #15803d !important; }
@keyframes sqWhatsappPulse { 0% { opacity: .75; transform: scale(.82); } 70%, 100% { opacity: 0; transform: scale(1.35); } }

/* الجوال */
@media (max-width: 767px) {
  body.theme-raed .saqour-moving-bar--main { height: 36px; }
  body.theme-raed .saqour-moving-bar--coupon { height: 40px; }
  body.theme-raed .saqour-marquee-item { padding: 0 23px; font-size: 12px; }
  body.theme-raed .saqour-marquee-item::after { margin-right: 23px; }
  body.theme-raed .saqour-copy-hint { display: none; }
  body.theme-raed .store-header #mainnav { min-height: 72px !important; }
  body.theme-raed .store-header .navbar-brand img { max-height: 58px; max-width: 145px; }
  body.theme-raed section:is(.s-block--testimonials, .s-block--custom-testimonials) { padding: 30px 0 38px !important; }
  body.theme-raed salla-reviews .swiper-slide { width: 88vw !important; opacity: .34 !important; transform: scale(.94) !important; }
  body.theme-raed salla-reviews .swiper-slide-active { opacity: 1 !important; transform: scale(1) !important; }
  body.theme-raed .s-reviews-testimonial__inner { min-height: 292px !important; padding: 28px 20px 24px !important; border-radius: 18px !important; }
  body.theme-raed .s-reviews-testimonial__avatar { width: 70px !important; height: 70px !important; }
  body.theme-raed .s-reviews-testimonial__text p { font-size: 14px !important; line-height: 1.9 !important; }
  body.theme-raed .s-reviews-testimonial__icon { top: 16px !important; right: 18px !important; }
  body.theme-raed .s-reviews-testimonial__icon::before { font-size: 38px !important; }
  body.theme-raed .store-footer { margin-top: 32px !important; border-radius: 24px 24px 0 0 !important; }
  body.theme-raed #saqour-whatsapp-float { inset: auto 12px 86px auto !important; gap: 7px !important; max-width: calc(100vw - 24px) !important; }
  body.theme-raed #saqour-whatsapp-float .sq-wa-icon { width: 52px !important; height: 52px !important; min-width: 52px !important; }
  body.theme-raed #saqour-whatsapp-float .sq-wa-label { min-height: 38px !important; padding: 0 11px !important; font-size: 12px !important; }
}

@media (max-width: 767px), (hover: none), (pointer: coarse) {
  body.theme-raed #saqour-magnifier { display: none !important; }
  body.theme-raed .saqour-zoom-cursor { cursor: default !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-raed *,
  body.theme-raed *::before,
  body.theme-raed *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* =========================================================
   الهوية الداكنة — خلفية كحلية ونصوص سكرية
   ========================================================= */

body.theme-raed,
body.theme-raed .app-inner,
body.theme-raed .s-page-wrapper,
body.theme-raed .s-main-content,
body.theme-raed main#main-content,
body.theme-raed section.s-block {
  color: var(--sq-text) !important;
  background-color: var(--sq-bg) !important;
  background-image: none !important;
}

body.theme-raed main#main-content :is(
  h1, h2, h3, h4, h5, h6, p, li, span, label, small,
  a:not(.s-button-element), .text-gray-500, .text-gray-600,
  .text-gray-700, .text-gray-800
) {
  color: var(--sq-text) !important;
  -webkit-text-fill-color: var(--sq-text) !important;
}

/* الهيدر والقوائم والبحث */
body.theme-raed .store-header,
body.theme-raed .store-header .top-navbar,
body.theme-raed .store-header #mainnav,
body.theme-raed .store-header #mainnav .inner {
  color: var(--sq-text) !important;
  background: var(--sq-bg) !important;
  border-color: var(--sq-border) !important;
}

body.theme-raed .store-header :is(
  a, custom-main-menu a, .main-menu a, .s-mega-menu a,
  .s-contacts-topnav-link, .s-cart-summary-content,
  .s-cart-summary-total, i, svg
) {
  color: var(--sq-text) !important;
}

body.theme-raed .store-header :is(
  [data-testid="store-header-user-menu"] .s-user-menu-login-btn,
  [data-testid="store-header-cart"] .s-cart-summary-wrapper,
  [data-testid="store-header-mobile-toggle"],
  .s-search-input-wrapper,
  .s-search-results,
  .main-menu .sub-menu,
  .main-menu ul ul,
  .s-mega-menu
) {
  color: var(--sq-text) !important;
  background: var(--sq-surface) !important;
  border-color: var(--sq-border-strong) !important;
}

body.theme-raed .store-header .s-search-input,
body.theme-raed .store-header .s-search-input::placeholder {
  color: var(--sq-text) !important;
  -webkit-text-fill-color: var(--sq-text) !important;
}

body.theme-raed :is(#mobile-menu, .mm-menu) {
  color: var(--sq-text) !important;
  background: var(--sq-bg) !important;
  border-color: var(--sq-border) !important;
}

body.theme-raed :is(#mobile-menu, .mm-menu) a,
body.theme-raed .mm-listitem__text {
  color: var(--sq-text) !important;
}

/* الشريطان الإعلانيان */
body.theme-raed #saqour-dual-bars,
body.theme-raed .saqour-moving-bar--main,
body.theme-raed .saqour-moving-bar--coupon {
  color: var(--sq-text) !important;
  background: linear-gradient(90deg, #0b1520, #16283c 50%, #0f1b29) !important;
  border-color: var(--sq-border) !important;
}

body.theme-raed .saqour-moving-bar--main .saqour-marquee-item,
body.theme-raed .saqour-moving-bar--main .saqour-marquee-item *,
body.theme-raed .saqour-moving-bar--coupon .saqour-marquee-item {
  color: var(--sq-text) !important;
  -webkit-text-fill-color: var(--sq-text) !important;
}

body.theme-raed .saqour-coupon-code {
  color: var(--sq-text) !important;
  background: var(--sq-surface-2) !important;
  border-color: var(--awafi-accent) !important;
}

/* بطاقات المنتجات وأزرارها */
body.theme-raed :is(
  custom-salla-product-card.s-product-card-entry,
  salla-product-card,
  .s-product-card-entry,
  .product-entry,
  .product-card,
  .s-product-card-image,
  .s-product-card-image a,
  .product-card__image,
  .product-entry__image
) {
  color: var(--sq-text) !important;
  background: var(--sq-surface) !important;
  border-color: var(--sq-border) !important;
}

body.theme-raed :is(
  .s-product-card-content-title,
  .s-product-card-content-title a,
  .s-product-card-price,
  .s-product-card-price i,
  .s-product-card-content-sub,
  .s-product-card-content-subtitle
) {
  color: var(--sq-text) !important;
  -webkit-text-fill-color: var(--sq-text) !important;
}

body.theme-raed :is(
  .s-button-primary-outline,
  .s-product-card-content-footer .s-button-element,
  salla-add-product-button .s-button-element,
  .s-button-element.s-button-primary,
  button.s-button-primary,
  salla-button.s-product-card-wishlist-btn .s-button-element
) {
  color: var(--sq-text) !important;
  background: var(--sq-surface-2) !important;
  border-color: var(--awafi-accent) !important;
}

/* آراء العملاء */
body.theme-raed section:is(.s-block--testimonials, .s-block--custom-testimonials) {
  color: var(--sq-text) !important;
  background: linear-gradient(180deg, #0f1b29, #142438) !important;
  border-color: var(--sq-border) !important;
}

body.theme-raed .s-reviews-testimonial__inner {
  color: var(--sq-text) !important;
  background: linear-gradient(145deg, #182a3e, #101d2c) !important;
  border-color: var(--sq-border-strong) !important;
}

body.theme-raed .s-reviews-testimonial__text p,
body.theme-raed .s-reviews-testimonial__info h2,
body.theme-raed .s-reviews-testimonial__name_wrapper h2 {
  color: var(--sq-text) !important;
  -webkit-text-fill-color: var(--sq-text) !important;
}

body.theme-raed .s-reviews-testimonial__avatar {
  background: var(--sq-surface-2) !important;
  border-color: var(--awafi-accent) !important;
}

/* الفوتر */
body.theme-raed .store-footer,
body.theme-raed .store-footer__inner,
body.theme-raed .store-footer .copyrights,
body.theme-raed .store-footer [class*="copyright"] {
  color: var(--sq-text) !important;
  background: var(--sq-bg) !important;
  background-image: none !important;
  border-color: var(--sq-border) !important;
}

body.theme-raed .store-footer :is(
  h3, p, strong, a, .s-contacts-title, .s-menu-footer-title,
  .s-menu-footer-item, .s-contacts-item, .copyright-text,
  .copyright-text p
) {
  color: var(--sq-text) !important;
}

body.theme-raed .store-footer :is(.s-social-link a) {
  color: var(--sq-text) !important;
  background: var(--sq-surface) !important;
  border-color: var(--sq-border-strong) !important;
}

/* شاشة البداية والرسائل */
body.theme-raed #saqour-splash {
  color: var(--sq-text) !important;
  background: radial-gradient(circle at 50% 42%, rgba(184,149,94,.12), transparent 24rem), var(--sq-bg) !important;
}

body.theme-raed #saqour-splash img,
body.theme-raed #saqour-copy-message {
  color: var(--sq-text) !important;
  background: var(--sq-surface) !important;
  border-color: var(--sq-border-strong) !important;
}

body.theme-raed #saqour-whatsapp-float .sq-wa-label {
  color: var(--sq-text) !important;
  background: var(--sq-surface) !important;
  border-color: rgba(184, 149, 94, .45) !important;
}






/* =====================================
   تنسيق السعر والمقاس في صفحة المنتج
   ===================================== */





/* =====================================
   تحويل العناصر البيضاء في صفحة المنتج
   إلى لون متجر Cotto Blue
   ===================================== */

/* خلفية منطقة صورة المنتج */
body.theme-raed.product-single .container--product-details
.swiper.s-slider-container,
body.theme-raed.product-single .container--product-details
.magnify-wrapper,
body.theme-raed.product-single .container--product-details
.swiper-slide {
  background: #162536 !important;
  background-color: #162536 !important;
}

/* أزرار التنقل حول صورة المنتج */
body.theme-raed.product-single .container--product-details
.s-slider-nav-arrow {
  background: #162536 !important;
  background-color: #162536 !important;
  color: #f4ead8 !important;
  border-color: #b8955e !important;
}

/* زر المشاركة وزر المفضلة */
body.theme-raed.product-single .container--product-details
.s-social-share-btn.s-button-element,
body.theme-raed.product-single .container--product-details
.btn--wishlist.s-button-element {
  background: #162536 !important;
  background-color: #162536 !important;
  color: #f4ead8 !important;
  border-color: #b8955e !important;
}

/* صندوق السعر */
body.theme-raed.product-single .container--product-details
.main-content section.flex.bg-white {
  background: #162536 !important;
  background-color: #162536 !important;
  color: #f4ead8 !important;
  border-color: #b8955e !important;
}

/* شريط الكمية وأزرار الشراء */
body.theme-raed.product-single .container--product-details
section.sticky-product-bar.bg-white {
  background: #162536 !important;
  background-color: #162536 !important;
  color: #f4ead8 !important;
  border-color: #b8955e !important;
}

/* خانة الكمية */
body.theme-raed.product-single .container--product-details
.s-quantity-input-input {
  background: #162536 !important;
  background-color: #162536 !important;
  color: #f4ead8 !important;
  -webkit-text-fill-color: #f4ead8 !important;
  border-color: #b8955e !important;
}

/* خانة المقاس */
body.theme-raed.product-single .container--product-details
.s-product-options-wrapper,
body.theme-raed.product-single .container--product-details
.s-product-options-wrapper select.s-form-control {
  background: #162536 !important;
  background-color: #162536 !important;
  color: #f4ead8 !important;
  -webkit-text-fill-color: #f4ead8 !important;
  border-color: #b8955e !important;
}

/* الخيارات داخل قائمة المقاسات */
body.theme-raed.product-single .container--product-details
.s-product-options-wrapper select.s-form-control option {
  background: #162536 !important;
  color: #f4ead8 !important;
}

/* النصوص والأيقونات داخل العناصر التي تم تغييرها */
body.theme-raed.product-single .container--product-details
.s-social-share-btn.s-button-element svg,
body.theme-raed.product-single .container--product-details
.btn--wishlist.s-button-element svg,
body.theme-raed.product-single .container--product-details
section.sticky-product-bar.bg-white svg {
  color: #f4ead8 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}





/* Cotto Blue - Footer override
   الهدف: جعل الفوتر في الهاتف قريباً من التصميم المرجعي، بعناصر وسطية وترتيب رأسي.
*/

/* الحاوية الرئيسية */
.store-footer {
  text-align: center !important;
}

.store-footer__inner {
  padding: 48px 16px 36px !important;
}

.store-footer__inner > .container {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 32px !important;
  justify-items: center !important;
  align-items: start !important;
  max-width: 520px !important;
  margin-inline: auto !important;
  padding-inline: 16px !important;
}

/* كل أعمدة الفوتر */
.store-footer__inner > .container > * {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

/* معلومات المتجر */
.store-footer__inner > .container > :first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.store-footer__inner > .container > :first-child > a,
.store-footer__inner > .container > :first-child > .flex.items-center {
  justify-content: center !important;
  margin-inline: auto !important;
}

.store-footer__inner > .container > :first-child h3,
.store-footer__inner > .container > :first-child p,
.store-footer__inner > .container > :first-child .max-w-sm {
  text-align: center !important;
  margin-inline: auto !important;
}

.store-footer__inner .flex.gap-4,
.store-footer__inner .s-social-list {
  justify-content: center !important;
  align-items: center !important;
  margin-inline: auto !important;
}

/* عنوان وروابط روابط مهمة */
.store-footer__inner > .container > :nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.store-footer__inner > .container > :nth-child(2) h3 {
  width: 100% !important;
  margin: 0 0 20px !important;
  text-align: center !important;
}

.store-footer__inner > .container > :nth-child(2) salla-menu,
.store-footer__inner > .container > :nth-child(2) salla-menu * {
  text-align: center !important;
}

/* التواصل */
.store-footer__inner > .container > :nth-child(3) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.store-footer__inner > .container > :nth-child(3) .s-contacts,
.store-footer__inner > .container > :nth-child(3) .contact-social {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
}

/* وسائل الدفع: إخفاء هذا الجزء هنا إذا كانت المنصة تعرضه خارج الفوتر في الأسفل */
.store-footer__inner > .container > salla-apps-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* شريط الحقوق والدفع */
.store-footer > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  padding: 22px 16px !important;
  text-align: center !important;
}

.store-footer .copyright-text,
.store-footer .copyright-text p {
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

.store-footer .s-payments-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}


/* الهاتف: نفس أسلوب الصورة المرجعية */
@media (max-width: 1023px) {
  .store-footer {
    margin-top: 32px !important;
  }

  .store-footer__inner {
    padding: 40px 12px 30px !important;
  }

  .store-footer__inner > .container {
    gap: 28px !important;
  }

  .store-footer__inner > .container > * {
    max-width: 360px !important;
  }

  .store-footer__inner > .container > :nth-child(2) salla-menu ul,
  .store-footer__inner > .container > :nth-child(2) salla-menu li,
  .store-footer__inner > .container > :nth-child(2) salla-menu a {
    text-align: center !important;
    margin-inline: auto !important;
  }
}


/* جعل خلفية كل بطاقة من بطاقات الدفع بيضاء فقط */
body.theme-raed .store-footer .s-payments-list-item {
  background: #ffffff !important;
  background-color: #ffffff !important;
}




/* =====================================
   تنسيق صفحة السلة فقط
   Cotto Blue
   ===================================== */

/* خلفية منطقة السلة */
body.cart #main-content {
  background: #0f1b29 !important;
  color: #f4ead8 !important;
}

/* أيقونة السلة الفارغة */
body.cart #main-content .sicon-shopping-bag.icon {
  background: #162536 !important;
  color: #f4ead8 !important;
  border-radius: 16px !important;
}

/* نص السلة فارغة */
body.cart #main-content p {
  color: #f4ead8 !important;
}

/* زر العودة إلى الرئيسية */
body.cart #main-content a.btn--outline-primary,
body.cart #main-content .btn.btn--outline-primary {
  color: #f4ead8 !important;
  background: #162536 !important;
  border-color: #b8955e !important;
}

/* عند تمرير المؤشر على الزر */
body.cart #main-content a.btn--outline-primary:hover,
body.cart #main-content .btn.btn--outline-primary:hover {
  color: #ffffff !important;
  background: #23364d !important;
  border-color: #b8955e !important;
}

/* في حال وجود منتجات داخل السلة */
body.cart #main-content :is(.cart-item, .cart-item-card, .cart-summary, .cart-summary__container, .s-cart-summary) {
  color: #f4ead8 !important;
  background: #162536 !important;
  border-color: rgba(244, 234, 216, .18) !important;
}

/* الحقول البيضاء داخل السلة */
body.cart #main-content :is(input, select, textarea) {
  color: #f4ead8 !important;
  background: #162536 !important;
  border-color: #b8955e !important;
}