@import url('https://fonts.googleapis.com/css2?family=Zain:wght@400;700&display=swap');

/* الخط الأساسي */
html body {
  --font-main: 'Zain', sans-serif;
  font-family: 'Zain', sans-serif !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

html body :is(
  h1, h2, h3, h4, h5, h6,
  p, button, input, textarea, select, label,
  .main-menu__desktop-item > a,
  .product-card__title a,
  .product-card__price,
  .advanced-slider__caption a
) {
  font-family: 'Zain', sans-serif !important;
}

/* عناوين الأقسام */
html body.index .home-block-title h2,
html body.index .square-links__title {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* القائمة */
html body .store-header .main-menu__desktop-item > a {
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* أسماء المنتجات */
html body.index .fixed-products .product-card__title a {
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* الأسعار */
html body.index .fixed-products .product-card__price {
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* زر البنر وأزرار شراء المنتجات */
html body.index .abrar-hero .advanced-slider__caption a,
html body .product-card .s-button-element {
  font-family: 'Zain', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* الجوال */
@media (max-width: 767px) {
  html body.index .home-block-title h2,
  html body.index .square-links__title {
    font-size: 26px !important;
  }

  html body.index .fixed-products .product-card__title a,
  html body.index .fixed-products .product-card__price,
  html body.index .abrar-hero .advanced-slider__caption a,
  html body .product-card .s-button-element {
    font-size: 18px !important;
  }
}
/* Abrar / Selia — Approved garnet / bone white / El Messiri, 2026-10-18.
   Horizontal logo: abrar-logo-elmessiri-garnet.png (outlined El Messiri Bold).
   REPLACE the entire previous redesign CSS with this file. Do not append.
   For draft 2010338790 after its native components were configured.
   Uses the existing horizontal logo and ORIGINAL two-model photograph.
   No third-party photographs, text, logo or commercial promises are copied.
   Draft visual verification is pending.
*/
:root {
  --abrar-ink: #791C2E;
  --abrar-cream: #F8F6EF;
  --abrar-rose: #F8F6EF;
  --abrar-sage: #EADACA;
  --color-primary: #791C2E;
  --color-primary-dark: #5E1423;
  --color-primary-light: #F8F6EF;
  --color-primary-reverse: #FFFFFF;
  --bg-primary: #F8F6EF;
  --bg-secondary: #F8F6EF;
  --store-text-primary: #B23D59;
  --store-text-secondary: #101010;
  --header-bg: #791C2E;
  --header-text-color: #FFFFFF;
  --product-bg: #FFFFFF;
  --product-border-color: #EADACA;
  --product-image-height: 18rem;
  --product-enhanced-btn-bg: #791C2E;
  --product-enhanced-btn-color: #FFFFFF;
  --footer-bg: #F8F6EF;
  --footer-text-color: #B23D59;
  --bottom-footer-bg: #F8F6EF;
}
body { background-color: #F8F6EF; color: #B23D59; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid #A6896A;
  outline-offset: 4px;
}
/* Header: navigation over the photo, opaque green after scrolling. */
.store-header { z-index: 30 !important; }
.store-header .main-nav-container .inner { background-color: #791C2E; }
.index.trans_header .store-header,
.index.trans_header .store-header .main-nav-container:not(.fixed-pinned) .inner,
.index.trans_header .store-header .top-navbar {
  background: transparent !important;
}
.store-header .main-nav-container.fixed-pinned .inner {
  background: #791C2E !important;
  backdrop-filter: none;
}
.store-header .main-menu__desktop-item > a,
.store-header .header-btn__icon,
.store-header [data-selia="header-search-button"],
.store-header .top-navbar > .container,
.store-header .top-navbar > .container > a {
  color: #FFFFFF !important;
}
.store-header .main-menu__desktop-item > a { font-weight: 700; font-size: 15px; }
.store-header .main-menu__desktop-item > a:hover { color: #F8F6EF !important; }
.navbar-brand {
  display: inline-flex !important;
  align-items: center;
  overflow: visible !important;
  flex-shrink: 0;
}
.navbar-brand img {
  display: block;
  width: clamp(230px, 23vw, 310px) !important;
  height: auto !important;
  max-width: 310px !important;
  max-height: 54px !important;
  min-width: 0 !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) !important;
}
/* Keep the existing accessible name visually hidden: image has the name. */
.navbar-brand h1.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
/* Search remains the real native trigger. No decorative imitation input. */
[data-selia="header-search-button"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 8px;
  background: transparent;
  border-radius: 50%;
}

/* Hero: one full-width photo; all nested slider heights agree. */
.abrar-hero {
  --abrar-hero-height: min(850px, 85vh);
  --sliderHeight: var(--abrar-hero-height) !important;
  --mobileSliderHeight: var(--abrar-hero-height) !important;
  position: relative;
  margin: 0 !important;
  isolation: isolate;
  background: #791C2E;
}
.abrar-hero salla-slider,
.abrar-hero salla-slider [slot="items"],
.abrar-hero .swiper,
.abrar-hero .swiper-wrapper,
.abrar-hero .swiper-slide,
.abrar-hero .advanced-slider__slide {
  height: var(--abrar-hero-height) !important;
  min-height: 0 !important;
  max-height: none !important;
}
.abrar-hero .advanced-slider__slide {
  position: relative;
  display: block !important;
  width: 100%;
  overflow: hidden;
}
.abrar-hero .advanced-slider__image {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 0 !important;
}
.abrar-hero .advanced-slider__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.1) 27%, transparent 45%, rgba(0,0,0,.58) 100%);
}
.abrar-hero .advanced-slider__caption {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
  padding: 150px 5vw 64px !important;
  background: transparent !important;
  direction: rtl;
  opacity: 1 !important;
  z-index: 2;
}
.abrar-hero .advanced-slider__caption::before { content: none !important; }
.abrar-hero .advanced-slider__caption .container { width: 100%; padding: 0; }
.abrar-hero .advanced-slider__caption__inner,
.abrar-hero .advanced-slider__caption__inner__content {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 680px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  text-align: right !important;
}
.abrar-hero h2 {
  color: #FFFFFF !important;
  font-size: clamp(30px, 4.2vw, 60px) !important;
  line-height: 1.4 !important;
  margin: 0 0 12px !important;
  font-weight: 700;
}
.abrar-hero p { color: #FFFFFF !important; font-size: 20px !important; line-height: 1.7; }
.abrar-hero p:empty { display: none; }
.abrar-hero .advanced-slider__caption a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: 100%;
  margin: 18px 0 0 !important;
  padding: 12px 30px !important;
  border: 1px solid #F8F6EF !important;
  border-radius: 6px !important;
  background: #F8F6EF !important;
  color: #B23D59 !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
.abrar-hero .advanced-slider__caption a span,
.abrar-hero .advanced-slider__caption a:hover span { color: #B23D59 !important; }
.abrar-hero .advanced-slider__caption a::before { display: none !important; }
.abrar-hero h2, .abrar-hero p, .abrar-hero .advanced-slider__caption a { animation: none !important; }
.abrar-hero a:focus-visible { outline-color: #FFFFFF; }

/* Product collections: four desktop columns, two mobile columns. */
.index main > .fixed-products {
  width: 100%;
  max-width: 1320px;
  box-sizing: border-box;
  margin: 0 auto !important;
  padding: 48px 28px !important;
}
.index main > .fixed-products .home-block-title { margin-bottom: 28px; text-align: center; }
.index main > .fixed-products .home-block-title h2 {
  color: #B23D59 !important;
  font-size: clamp(25px, 2.5vw, 34px) !important;
  line-height: 1.5 !important;
  font-weight: 700;
}
.index main > .fixed-products .enhanced-title-border { color: #A6896A; border-color: #A6896A; }
.index main > .fixed-products .s-products-list-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch;
}
.index main > .fixed-products:nth-of-type(even) { background-color: #F8F6EF; }
.index main .fixed-products .product-card--vertical {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #EADACA !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  box-shadow: none;
}
.index main .fixed-products .product-card--vertical:not(.product-card--has-video) .product-card__image {
  position: relative;
  display: block;
  flex: 0 0 auto !important;
  height: 288px !important;
  max-height: none !important;
  width: 100%;
  overflow: hidden;
  background: #F8F6EF;
}
.index main .fixed-products .product-card__image > a { display: block; height: 100%; }
.index main .fixed-products .product-card__image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center;
  transform: none !important;
}
.index main .fixed-products .product-card__content {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 12px !important;
  transform: none !important;
  background: #FFFFFF !important;
  text-align: center;
}
.index main .fixed-products .product-card__title a { color: #B23D59 !important; font-size: 17px !important; line-height: 1.5 !important; }
.index main .fixed-products .product-card__price { color: #B23D59; font-size: 16px; line-height: 1.5; margin-top: 6px; }
.index main .fixed-products .product-card__content .s-button-element { min-height: 44px; border-radius: 6px; }
.index main .fixed-products .product-card__content .s-button-primary { color: #FFFFFF !important; background: #791C2E !important; border-color: #791C2E !important; }
.index .s-slider-block__display-all { color: #B23D59 !important; border-color: #A6896A !important; }
.store-footer { color: #B23D59; }
.store-footer a { color: inherit; }

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar-brand img { width: 240px !important; max-width: 240px !important; }
  .index main > .fixed-products .s-products-list-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; }
  .index main .fixed-products .product-card--vertical:not(.product-card--has-video) .product-card__image { height: 260px !important; }
}
@media (max-width: 767px) {
  .navbar-brand img { width: clamp(150px, 45vw, 205px) !important; max-width: 205px !important; max-height: 38px !important; }
  .abrar-hero { --abrar-hero-height: clamp(530px, 82svh, 760px); }
  .abrar-hero .advanced-slider__image { object-position: center top !important; }
  .abrar-hero .advanced-slider__caption { padding: 140px 20px 36px !important; }
  .abrar-hero h2 { font-size: 31px !important; }
  .abrar-hero p { font-size: 17px !important; }
  .abrar-hero .advanced-slider__caption a { font-size: 16px; padding: 10px 24px !important; }
  .index main > .fixed-products { padding: 30px 12px !important; }
  .index main > .fixed-products .home-block-title { margin-bottom: 20px; }
  .index main > .fixed-products .home-block-title h2 { font-size: 26px !important; }
  .index main > .fixed-products .s-products-list-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 12px !important; }
  .index main .fixed-products .product-card--vertical:not(.product-card--has-video) .product-card__image { height: clamp(180px, 55vw, 240px) !important; }
  .index main .fixed-products .product-card__content { padding: 10px 6px !important; }
  .index main .fixed-products .product-card__title a { font-size: 15px !important; }
  .index main .fixed-products .product-card__price { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .abrar-hero *, .abrar-intro *, .index .fixed-products * { animation: none !important; }
}

/* Approved final palette and type. Native theme loads El Messiri. */
:root {
  --font-main: 'El Messiri', sans-serif;
  --header-bg: #F8F6EF;
  --header-text-color: #B23D59;
}
body { font-family: 'El Messiri', sans-serif !important; font-weight: 400; line-height: 1.8; }
h1, h2, h3, h4, h5, h6,
.main-menu__desktop-item > a,
.product-card__title a,
button, input, textarea, select {
  font-family: 'El Messiri', sans-serif;
}
h1, h2, h3 { font-weight: 700; }
.store-header,
.store-header .top-navbar,
.store-header .main-nav-container,
.store-header .main-nav-container .inner,
.store-header .main-nav-container.fixed-pinned .inner {
  background: #F8F6EF !important;
  color: #B23D59;
}
.store-header .main-menu__desktop-item > a,
.store-header .header-btn__icon,
.store-header [data-selia="header-search-button"],
.store-header .top-navbar > .container,
.store-header .top-navbar > .container > a {
  color: #B23D59 !important;
}
.store-header .main-menu__desktop-item > a:hover { color: #5E1423 !important; }
.navbar-brand img { filter: none !important; }
.abrar-hero .advanced-slider__caption a {
  background: #791C2E !important;
  border-color: #A6896A !important;
  color: #F8F6EF !important;
}
.abrar-hero .advanced-slider__caption a span,
.abrar-hero .advanced-slider__caption a:hover span { color: #F8F6EF !important; }
/* هيدر شفاف فوق البنر في أعلى الرئيسية */
body.index.trans_header .store-header,
body.index.trans_header .store-header .top-navbar,
body.index.trans_header #mainnav:not(.fixed-pinned),
body.index.trans_header #mainnav:not(.fixed-pinned) .inner {
  background: transparent !important;
  box-shadow: none !important;
}

/* القائمة والأيقونات باللون الأبيض فوق الصورة */
body.index.trans_header #mainnav:not(.fixed-pinned)
:is(.main-menu__desktop-item > a,
    .header-btn__icon,
    .mburger,
    [data-selia="header-search-button"]) {
  color: #FFFFFF !important;
}

/* الشعار أبيض فوق الصورة */
body.index.trans_header #mainnav:not(.fixed-pinned)
.navbar-brand img {
  filter: brightness(0) invert(1) !important;
}

/* Native first slider caption correction; sections and header preserved. */
body.index :is(.advanced-slider--0, .abrar-hero) .advanced-slider__caption { opacity:1 !important; filter:none !important; z-index:3 !important; }
body.index :is(.advanced-slider--0, .abrar-hero) .advanced-slider__caption > .container { position:relative; z-index:1; }
body.index :is(.advanced-slider--0, .abrar-hero) :is(.advanced-slider__caption__inner, .advanced-slider__caption__inner__content) { opacity:1 !important; filter:none !important; }
body.index :is(.advanced-slider--0, .abrar-hero) :is(.advanced-slider__caption__inner__content__heading, .advanced-slider__caption__inner__content__text),
body.index :is(.advanced-slider--0, .abrar-hero) :is(.advanced-slider__caption__inner__content__heading, .advanced-slider__caption__inner__content__text) * { color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; opacity:1 !important; filter:none !important; text-shadow:0 2px 8px rgba(0,0,0,.65); }
body.index :is(.advanced-slider--0, .abrar-hero) .advanced-slider__caption a { background:#791C2E !important; border:1px solid #F8F6EF !important; opacity:1 !important; filter:none !important; }
body.index :is(.advanced-slider--0, .abrar-hero) .advanced-slider__caption a,
body.index :is(.advanced-slider--0, .abrar-hero) .advanced-slider__caption a * { color:#F8F6EF !important; -webkit-text-fill-color:#F8F6EF !important; opacity:1 !important; text-shadow:none !important; }
/* تخفيف التعتيم مع ظل خفيف خلف الهيدر */
body.index .abrar-hero .advanced-slider__slide::after {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, .18),
    transparent 30%
  ) !important;
}
@media (min-width: 1024px) {
  body.index .abrar-hero {
    --abrar-hero-height: 56.25vw;
    --sliderHeight: 56.25vw !important;
    height: 56.25vw !important;
    max-height: none !important;
  }

  body.index .abrar-hero .advanced-slider__image {
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* Category images: applies to desktop AND mobile. */
body.index :is(.s-block--square-links, .abrar-category-fix) .square-links__image-wrap {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.index :is(.s-block--square-links, .abrar-category-fix) .square-links__image-wrap img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  filter: none !important;
  transform: none !important;
}

/* Fixed-product card redesign. Scoped to homepage fixed collections. */
html body.index main .fixed-products .s-products-list-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px 22px !important;
  align-items: stretch !important;
}
html body.index main .fixed-products .product-card--vertical {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid #E8DFD3 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html body.index main .fixed-products .product-card--vertical:not(.product-card--has-video) .product-card__image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 4 / 5 !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #F8F6EF !important;
  border-radius: 0 !important;
}
html body.index main .fixed-products .product-card--vertical:not(.product-card--has-video) .product-card__image > a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
html body.index main .fixed-products .product-card--vertical:not(.product-card--has-video) .product-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  border-radius: 0 !important;
}
html body.index main .fixed-products .product-card__content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px 14px 14px !important;
  margin: 0 !important;
  transform: none !important;
  background: #FFFFFF !important;
  text-align: center !important;
}
html body.index main .fixed-products .product-card__content-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
}
html body.index main .fixed-products .product-card__title {
  min-height: 2.8em !important;
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
}
html body.index main .fixed-products .product-card__title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal !important;
  overflow: hidden !important;
  overflow-wrap: anywhere;
  font-family: 'Zain', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #B23D59 !important;
}
html body.index main .fixed-products .product-options:empty { display: none !important; }
html body.index main .fixed-products .product-card__price {
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  min-height: 30px;
  line-height: 1.4 !important;
}
html body.index main .fixed-products .price_is_on_sale {
  flex-wrap: wrap !important;
  justify-content: center !important;
  column-gap: 8px !important;
  row-gap: 4px !important;
}
html body.index main .fixed-products .total-price {
  margin: 0 !important;
  color: #B23D59 !important;
  font-family: 'Zain', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
html body.index main .fixed-products .before-price {
  color: #756D65 !important;
  font-family: 'Zain', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}
/* Keep Salla's actual purchase button and its live stock/option behavior. */
html body.index main .fixed-products .product-card__enhanced-mini-cart {
  display: block !important;
  position: static !important;
  width: 100% !important;
  padding: 0 !important;
  margin: auto 0 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  border: 0 !important;
}
html body.index main .fixed-products .product-card__enhanced-mini-cart-divider { display: none !important; }
html body.index main .fixed-products .product-card__enhanced-mini-cart :is(salla-add-product-button, salla-button) {
  display: block !important;
  width: 100% !important;
}
html body.index main .fixed-products .product-card__enhanced-mini-cart .s-button-element {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 9px 10px !important;
  border: 1px solid #791C2E !important;
  border-radius: 6px !important;
  background: #791C2E !important;
  color: #F8F6EF !important;
  font-family: 'Zain', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
}
html body.index main .fixed-products .product-card__enhanced-mini-cart :is(.s-button-text, .enhanced-label) {
  color: inherit !important;
  font-family: 'Zain', sans-serif !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  white-space: normal !important;
}
html body.index main .fixed-products .product-card__enhanced-mini-cart__btn--inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
html body.index main .fixed-products .product-card__enhanced-mini-cart .enhanced-label,
html body.index main .fixed-products .product-card__enhanced-mini-cart .enhanced-icon { margin: 0 !important; }
/* Suppress duplicate lower icon row only when the real wide button exists. */
html body.index main .fixed-products .product-card:has(.product-card__enhanced-mini-cart) .product-card__buttons { display: none !important; }
html body.index main .fixed-products .product-card__image .product-card__actions {
  position: absolute !important;
  inset: 10px 10px auto auto !important;
  display: flex !important;
  width: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  z-index: 2;
}
html body.index main .fixed-products .product-card__image .quickview-btn { display: none !important; }
html body.index main .fixed-products .product-card__image .wishlist .s-button-element {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid #E8DFD3 !important;
  background: rgba(255,255,255,.94) !important;
  color: #B23D59 !important;
}
html body.index main .fixed-products .product-card a:focus-visible,
html body.index main .fixed-products .product-card button:focus-visible {
  outline: 2px solid #791C2E !important;
  outline-offset: -3px !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  html body.index main .fixed-products .s-products-list-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 16px !important;
  }
}
@media (max-width: 767px) {
  html body.index main > .fixed-products { padding: 28px 12px !important; }
  html body.index main .fixed-products .s-products-list-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 12px !important;
  }
  html body.index main .fixed-products .product-card__content {
    padding: 12px 9px 10px !important;
    gap: 10px !important;
  }
  html body.index main .fixed-products .product-card__title,
  html body.index main .fixed-products .product-card__title a,
  html body.index main .fixed-products .total-price { font-size: 18px !important; }
  html body.index main .fixed-products .before-price { font-size: 14px !important; }
  html body.index main .fixed-products .product-card__image .product-card__actions { inset: 7px 7px auto auto !important; }
  html body.index main .fixed-products .product-card__enhanced-mini-cart .s-button-element {
    font-size: 17px !important;
    min-height: 44px !important;
    padding: 9px 6px !important;
  }
}

/* Compact product cards: homepage and category listings.
   Natural image ratio: show the whole original image at card width. */
html:root body main .product-card.product-card--vertical.product-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  background: #F8F6EF !important;
  border: 1px solid #E8DFD3 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html:root body main .product-card.product-card--vertical.product-card:not(.product-card--has-video) .product-card__image {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #F8F6EF !important;
  border-radius: 0 !important;
}
html:root body main .product-card.product-card--vertical.product-card:not(.product-card--has-video) .product-card__image > a {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
}
html:root body main .product-card.product-card--vertical.product-card:not(.product-card--has-video) .product-card__image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  transform: none !important;
  border-radius: 0 !important;
}
html:root body main .product-card.product-card--vertical.product-card .product-card__content {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 9px 9px 10px !important;
  margin: 0 !important;
  transform: none !important;
  background: #F8F6EF !important;
  text-align: center !important;
}
html:root body main .product-card.product-card--vertical.product-card .product-card__content-wrapper {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
html:root body main .product-card.product-card--vertical.product-card .product-card__title,
html:root body main .product-card.product-card--vertical.product-card .product-card__title a {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #B23D59 !important;
  font-family: 'Zain', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}
html:root body main .product-card.product-card--vertical.product-card .product-card__price {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  background: transparent !important;
}
html:root body main .product-card.product-card--vertical.product-card .price_is_on_sale {
  gap: 6px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
html:root body main .product-card.product-card--vertical.product-card .total-price {
  margin: 0 !important;
  color: #B23D59 !important;
  font-family: 'Zain', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
html:root body main .product-card.product-card--vertical.product-card .before-price {
  color: #756D65 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}
html:root body main .product-card.product-card--vertical.product-card .product-options:empty {
  display: none !important;
}
html:root body main .product-card.product-card--vertical.product-card .product-card__enhanced-mini-cart {
  display: block !important;
  position: static !important;
  padding: 0 !important;
  margin: 3px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html:root body main .product-card.product-card--vertical.product-card .product-card__enhanced-mini-cart-divider {
  display: none !important;
}
html:root body main .product-card.product-card--vertical.product-card
:is(.product-card__enhanced-mini-cart, .addToCart) .s-button-element {
  min-height: 44px !important;
  height: auto !important;
  padding: 7px 6px !important;
  border: 1px solid #791C2E !important;
  border-radius: 6px !important;
  background: #F8F6EF !important;
  color: #B23D59 !important;
  font-family: 'Zain', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}
html:root body main .product-card.product-card--vertical.product-card
:is(.product-card__enhanced-mini-cart, .addToCart)
:is(.s-button-text, .enhanced-label, .enhanced-icon) {
  color: #B23D59 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
html:root body main .product-card.product-card--vertical.product-card .product-card__enhanced-mini-cart__btn--inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
}
html:root body main .product-card.product-card--vertical.product-card:has(.product-card__enhanced-mini-cart) .product-card__buttons {
  display: none !important;
}
@media (min-width: 768px) {
  html:root body main .product-card.product-card--vertical.product-card .product-card__title,
  html:root body main .product-card.product-card--vertical.product-card .product-card__title a,
  html:root body main .product-card.product-card--vertical.product-card .total-price { font-size: 18px !important; }
  html:root body main .product-card.product-card--vertical.product-card .product-card__content { padding: 10px 12px 12px !important; }
}
/* توسيط نبذة المتجر أسفل الشعار */
[data-selia="footer-brand-column"] > p {
  text-align: center !important;
  direction: rtl;
  width: 100%;
  margin-inline: auto;
}