/* =====================================================================
   رواك بوتيك — التصميم الزجاجي الأبيض الثلجي (ثيم رائد - سلة)
   خفيف: بدون خطوط أو صور إضافية، والحركة على transform و opacity فقط
   ===================================================================== */

:root {
  --rwk-snow: #f7f9fc;
  --rwk-glass: rgba(255, 255, 255, .72);
  --rwk-glass-strong: rgba(255, 255, 255, .86);
  --rwk-edge: rgba(255, 255, 255, .95);
  --rwk-line: rgba(15, 23, 42, .07);
  --rwk-ink: #1b1d22;
  --rwk-muted: #6b7180;
  --rwk-brand: #640202;
  --rwk-brand-2: #8a1010;
  --rwk-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 12px 32px -16px rgba(16, 24, 40, .16);
  --rwk-shadow-up: 0 2px 4px rgba(16, 24, 40, .05), 0 24px 48px -20px rgba(16, 24, 40, .24);
  --rwk-radius: 18px;
}

/* 1) الخلفية: أبيض ثلجي */
body,
.app-inner { background-color: var(--rwk-snow) !important; }
body {
  background-image:
    radial-gradient(1200px 520px at 85% -10%, #eaf1fb 0%, transparent 60%),
    radial-gradient(900px 480px at 0% 8%, #f3eef2 0%, transparent 55%);
  background-repeat: no-repeat;
  color: var(--rwk-ink);
}

/* 2) الشريط الإعلاني: شريط واحد يتبدّل بين العروض والشحن المجاني */
salla-advertisement {
  --s-advertisement-height: 38px !important;
  display: block;
  height: 38px;
  overflow: hidden;
  background: linear-gradient(90deg, var(--rwk-ink), #2c2f37);
}
salla-advertisement .s-advertisement {
  height: 38px;
  display: flex;
  align-items: center;
  background: transparent !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .2px;
}
salla-advertisement .s-advertisement-content { width: 100%; min-width: 0; }
salla-advertisement .s-advertisement-content-main { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
salla-advertisement .s-advertisement-content-icon { color: #e9c9c9; }
salla-advertisement .s-advertisement:first-child:nth-last-child(2),
salla-advertisement .s-advertisement:first-child:nth-last-child(2) ~ .s-advertisement {
  animation: rwk-ticker 8s cubic-bezier(.7, 0, .3, 1) infinite;
}
@keyframes rwk-ticker {
  0%, 44%   { transform: translateY(0); }
  50%, 94%  { transform: translateY(-100%); }
  100%      { transform: translateY(0); }
}
salla-advertisement:hover .s-advertisement { animation-play-state: paused; }

/* 3) الهيدر زجاجي */
.store-header .top-navbar { background: transparent !important; border-bottom: 1px solid var(--rwk-line); }
.store-header .main-nav-container,
.store-header .main-nav-container .inner {
  background: var(--rwk-glass) !important;
  -webkit-backdrop-filter: blur(18px) saturate(170%);
  backdrop-filter: blur(18px) saturate(170%);
}
.store-header .main-nav-container {
  border-bottom: 1px solid var(--rwk-edge);
  box-shadow: 0 6px 24px -18px rgba(16, 24, 40, .35) !important;
}

/* 4) عناوين الأقسام */
.s-block__title { align-items: flex-end; margin-bottom: 22px; }
.s-block__title h2 { font-size: clamp(17px, 2.1vw, 22px); font-weight: 700; color: var(--rwk-ink); line-height: 1.5; }
.s-block__title h2::after {
  content: "";
  display: block;
  width: 44px;
  height: 3px;
  margin-top: 8px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--rwk-brand), transparent);
}
.s-block__display-all {
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--rwk-glass-strong);
  border: 1px solid var(--rwk-line);
  font-size: 13px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color .25s ease, color .25s ease;
}
.s-block__display-all:hover { background: var(--rwk-ink); color: #fff; }

/* عناوين المجموعات: الأحذية / السليبرات / الشنط */
section[component-id="742906733"]::before,
section[component-id="1868296806"]::before,
section[component-id="1942807317"]::before {
  display: block;
  text-align: center;
  font-size: clamp(22px, 3.4vw, 34px);
  font-weight: 700;
  color: var(--rwk-ink);
  letter-spacing: -.3px;
  padding: 18px 16px 4px;
}
section[component-id="742906733"]::before  { content: "عالم الأحذية الفاخرة"; }
section[component-id="1868296806"]::before { content: "سليبرات رجالي ونسائي"; }
section[component-id="1942807317"]::before  { content: "الشنط النسائية"; }

/* 5) شريط العلامات التجارية */
.s-block--categories .slide--cat-entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 8px 10px;
  border-radius: var(--rwk-radius);
  background: var(--rwk-glass);
  border: 1px solid var(--rwk-edge);
  box-shadow: var(--rwk-shadow);
  transition: transform .3s ease, box-shadow .3s ease;
}
.s-block--categories .slide--cat-entry img {
  filter: grayscale(1);
  opacity: .85;
  transition: filter .35s ease, opacity .35s ease;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--rwk-line);
}
.s-block--categories .slide--cat-entry h2 { font-size: 13px; font-weight: 600; color: var(--rwk-ink); }
.s-block--categories .slide--cat-entry:hover { transform: translateY(-3px); box-shadow: var(--rwk-shadow-up); }
.s-block--categories .slide--cat-entry:hover img { filter: none; opacity: 1; }

/* 6) شارة إصدار محدود */
section[component-id="917995106"] .s-block__title .right-side::before {
  content: "إصدار محدود";
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  color: #fff;
  background: linear-gradient(90deg, var(--rwk-brand), var(--rwk-brand-2));
}

/* 7) كروت المنتجات زجاجية */
custom-salla-product-card.s-product-card-entry {
  background: var(--rwk-glass-strong) !important;
  border: 1px solid var(--rwk-edge);
  border-radius: var(--rwk-radius) !important;
  box-shadow: var(--rwk-shadow) !important;
  overflow: hidden;
  transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease !important;
}
custom-salla-product-card .s-product-card-image {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f3f6fa, #eef2f7) !important;
  border-radius: var(--rwk-radius) var(--rwk-radius) 0 0 !important;
}
custom-salla-product-card .s-product-card-image img { transition: transform .6s cubic-bezier(.2, .7, .2, 1), opacity .45s ease; }
custom-salla-product-card .s-product-card-content-title a { font-weight: 600; color: var(--rwk-ink); }
custom-salla-product-card .s-product-card-sale-price h4 { font-weight: 700; }
@media (hover: hover) {
  custom-salla-product-card.s-product-card-entry:hover { transform: translateY(-6px); box-shadow: var(--rwk-shadow-up) !important; }
  custom-salla-product-card:not(.rwk-has-gallery):hover .s-product-card-image img { transform: scale(1.05); }
}

/* ظهور الكروت أثناء التمرير */
@supports (animation-timeline: view()) {
  @keyframes rwk-rise {
    from { opacity: .15; transform: translateY(26px) scale(.98); }
    to   { opacity: 1;    transform: none; }
  }
  .s-products-list-wrapper custom-salla-product-card.s-product-card-entry {
    animation: rwk-rise linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 40%;
  }
}

/* بانر "تصوير واقعي للجودة" صغير */
custom-salla-product-card .s-product-card-promotion-title {
  top: 10px !important;
  font-size: 9px !important;
  line-height: 12px !important;
  padding: 3px 8px !important;
  border-radius: 8px 0 0 8px !important;
  z-index: 3;
}

/* زر المفضلة زجاجي */
custom-salla-product-card .s-product-card-wishlist-btn button {
  background: rgba(255, 255, 255, .7) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid var(--rwk-edge) !important;
}

/* 8) سلايد الصور عند الوقوف على المنتج (مع كود JavaScript) */
.rwk-gallery { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.rwk-gallery img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transform: translateX(-6%);
  transition: opacity .45s ease, transform .6s cubic-bezier(.2, .7, .2, 1);
}
.rwk-gallery img.is-on { opacity: 1; transform: none; }
custom-salla-product-card.rwk-sliding .s-product-card-image > a > img { opacity: 0; transform: translateX(6%); }
.rwk-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 5px;
  z-index: 2;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .7);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity .3s ease;
}
custom-salla-product-card.rwk-sliding .rwk-dots { opacity: 1; }
.rwk-dots i { width: 5px; height: 5px; border-radius: 999px; background: rgba(27, 29, 34, .25); transition: width .3s ease, background-color .3s ease; }
.rwk-dots i.is-on { width: 14px; background: var(--rwk-ink); }

/* 9) زر أضف إلى السلة */
custom-salla-product-card salla-add-product-button .s-button-element {
  position: relative;
  overflow: hidden;
  height: 44px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: linear-gradient(135deg, var(--rwk-ink), #34373f) !important;
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: .2px;
  box-shadow: 0 8px 18px -10px rgba(27, 29, 34, .7);
  transition: transform .2s ease, box-shadow .3s ease, background .3s ease !important;
}
custom-salla-product-card salla-add-product-button .s-button-element::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40%;
  right: -60%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .28), transparent);
  transform: skewX(-18deg);
  transition: right .7s ease;
  pointer-events: none;
}
custom-salla-product-card salla-add-product-button .s-button-element .sicon-shopping-bag { display: inline-block; transition: transform .3s ease; }
@media (hover: hover) {
  custom-salla-product-card salla-add-product-button .s-button-element:hover {
    background: linear-gradient(135deg, var(--rwk-brand), var(--rwk-brand-2)) !important;
    box-shadow: 0 12px 24px -10px rgba(100, 2, 2, .6);
  }
  custom-salla-product-card salla-add-product-button .s-button-element:hover::after { right: 120%; }
  custom-salla-product-card salla-add-product-button .s-button-element:hover .sicon-shopping-bag { transform: translateY(-2px) rotate(-8deg); }
}
custom-salla-product-card salla-add-product-button .s-button-element:active { transform: scale(.97); }

/* 10) مميزات المتجر وبقية العناصر */
.s-block--features__item { background: var(--rwk-glass); border: 1px solid var(--rwk-edge); border-radius: var(--rwk-radius); box-shadow: var(--rwk-shadow); }
.s-block--features__item .feature-icon { background: #fff !important; box-shadow: 0 0 0 1px var(--rwk-line); }
.s-block--fixed-banner img,
.s-block--banners img,
.s-block--photos-slider img { border-radius: var(--rwk-radius); }
.store-footer { background: rgba(255, 255, 255, .6) !important; border-top: 1px solid var(--rwk-edge); }

/* الجوال */
@media (max-width: 640px) {
  :root { --rwk-radius: 14px; }
  salla-advertisement .s-advertisement { font-size: 12px; }
  .s-block__title h2 { font-size: 17px; }
  custom-salla-product-card .s-product-card-promotion-title { top: 6px !important; font-size: 8px !important; padding: 2px 6px !important; }
  custom-salla-product-card salla-add-product-button .s-button-element { height: 40px !important; font-size: 13px !important; }
}

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  custom-salla-product-card,
  custom-salla-product-card *,
  .s-block--categories .slide--cat-entry,
  .rwk-gallery img { animation: none !important; transition: none !important; }
}