/* =========================================================
   AV0 — SALLA RAED CLEAN FIX
   DELETE ALL PREVIOUS CSS FIRST
========================================================= */

:root {
  --av0-bg: #eadcce;
  --av0-black: #000000;
  --av0-white: #ffffff;
  --av0-text: #111111;
  --av0-price: #777777;
}

/* ---------------- GLOBAL ---------------- */

html,
body {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  background: var(--av0-bg) !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

body,
main,
.app-inner,
.page-wrapper,
.s-home,
.s-block,
section {
  background-color: var(--av0-bg) !important;
}

/* ---------------- HEADER ---------------- */

header,
.site-header,
.main-header,
.store-header,
.main-nav-container,
.main-nav,
.navbar,
.top-navbar {
  background: var(--av0-white) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ---------------- SECTION TITLES ---------------- */

.s-block__title,
.section-title,
.products-slider__title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 28px !important;
  text-align: center !important;
}

.s-block__title h2,
.s-block__title h3,
.section-title h2,
.section-title h3,
.products-slider__title h2,
.products-slider__title h3 {
  width: 100% !important;
  margin: 0 !important;
  color: var(--av0-black) !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  text-align: center !important;
}

.s-block__display-all,
.s-block__title > a,
.section-title > a,
.products-slider__title > a {
  display: none !important;
}

/* ---------------- PRODUCT SECTIONS ---------------- */

.s-block--products-slider,
.s-block--products-list,
.products-slider,
.products-list {
  width: 100% !important;
  padding: 38px 0 48px !important;
  background: transparent !important;
  overflow: hidden !important;
}

.s-block--products-slider .container,
.s-block--products-list .container,
.products-slider .container,
.products-list .container {
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding-inline: 14px !important;
}

/* ---------------- TWO PRODUCTS ON MOBILE ---------------- */

@media screen and (max-width: 767px) {
  .s-block--products-slider .swiper-slide,
  .products-slider .swiper-slide,
  salla-slider[type="carousel"] .swiper-slide {
    width: calc(50% - 7px) !important;
    min-width: calc(50% - 7px) !important;
    max-width: calc(50% - 7px) !important;
    margin-inline-end: 14px !important;
    height: auto !important;
  }

  .products-grid,
  .product-grid,
  .s-products-list-wrapper,
  .s-products-list-vertical,
  .grid.products-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 40px 14px !important;
  }
}

/* ---------------- PRODUCT CARD RESET ---------------- */

salla-product-card {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

.s-product-card-entry,
.s-product-card-vertical,
.s-product-card-horizontal {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

/* Fix the horizontal card used by Best Sellers */
.s-product-card-horizontal {
  grid-template-columns: none !important;
}

.s-product-card-horizontal > * {
  width: 100% !important;
  max-width: 100% !important;
}

/* ---------------- PRODUCT IMAGE ---------------- */

.s-product-card-image,
.s-product-card-image-container,
.s-product-card-horizontal .s-product-card-image {
  position: relative !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1.08 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.s-product-card-image img,
.s-product-card-image-container img,
.s-product-card-horizontal .s-product-card-image img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
}

/* ---------------- PRODUCT CONTENT ---------------- */

.s-product-card-content,
.s-product-card-horizontal .s-product-card-content {
  position: static !important;
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  text-align: center !important;
  transform: none !important;
}

/* ---------------- PRODUCT NAME ---------------- */

.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card-title,
.s-product-card-title a {
  position: static !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 0 5px !important;
  padding: 0 3px !important;
  color: var(--av0-text) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ---------------- PRODUCT PRICE ---------------- */

.s-product-card-content-price,
.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-regular-price {
  position: static !important;
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  width: 100% !important;
  min-height: 28px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: var(--av0-price) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.s-product-card-content-price *,
.s-product-card-price * {
  color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.s-product-card-sale-price {
  color: var(--av0-black) !important;
  font-weight: 500 !important;
}

.s-product-card-regular-price,
.s-product-card-content-price del,
.s-product-card-price del {
  color: #999999 !important;
  font-size: 14px !important;
  text-decoration: line-through !important;
}

/* ---------------- PRODUCT FOOTER ---------------- */

.s-product-card-content-footer,
.s-product-card-horizontal .s-product-card-content-footer {
  position: static !important;
  order: 3 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  transform: none !important;
}

/* ---------------- ADD TO CART ---------------- */

.s-product-card-content-footer salla-add-product-button,
.s-product-card-content-footer .s-button-wrap,
.s-product-card-content-footer .s-button-element,
.s-product-card-content-footer button {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 10px 5px !important;
  background: var(--av0-black) !important;
  color: var(--av0-white) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: center !important;
  transform: none !important;
}

.s-product-card-content-footer .s-button-element *,
.s-product-card-content-footer button * {
  color: var(--av0-white) !important;
}

/* ---------------- WISHLIST ---------------- */

.s-product-card-wishlist-btn {
  position: absolute !important;
  top: 9px !important;
  left: 9px !important;
  right: auto !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: var(--av0-black) !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

/* ---------------- HIDE EXTRAS ---------------- */

.s-product-card-rating,
.s-product-card-description,
.s-product-card-content-sub {
  display: none !important;
}

/* ---------------- BANNER ---------------- */

.s-block--fixed-banner img,
.s-block--photos-slider img,
.s-block--slider img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
}

/* ---------------- MOBILE SIZES ---------------- */

@media screen and (max-width: 767px) {
  .s-product-card-content-title,
  .s-product-card-content-title a {
    font-size: 13px !important;
  }

  .s-product-card-content-price,
  .s-product-card-price,
  .s-product-card-sale-price {
    font-size: 16px !important;
  }

  .s-product-card-content-footer salla-add-product-button,
  .s-product-card-content-footer .s-button-element,
  .s-product-card-content-footer button {
    min-height: 48px !important;
    font-size: 13px !important;
  }
}

/* ---------------- PRODUCT PAGE ---------------- */

.product-single,
.product-page,
.product-details,
.product-details-container {
  background: var(--av0-bg) !important;
}

.product-page h1,
.product-single h1,
.product-details h1,
.product-title {
  color: var(--av0-black) !important;
}

.product-page [class*="price"],
.product-single [class*="price"],
.product-details [class*="price"] {
  color: var(--av0-black) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.product-page .s-button-element,
.product-single .s-button-element,
.product-details .s-button-element {
  background: var(--av0-black) !important;
  color: var(--av0-white) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}/* =========================================================
   FINAL FIX — PRICE + BUTTON SIZE
   Paste at the very end of the current CSS
========================================================= */

/* Restore the price container */
.s-product-card-content-sub {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 28px !important;
  margin: 4px 0 12px !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  text-align: center !important;
}

/* Force all product prices to appear */
.s-product-card-content-sub .s-product-card-price,
.s-product-card-content-sub .s-product-card-sale-price,
.s-product-card-content-sub .s-product-card-regular-price,
.s-product-card-content-price,
.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-regular-price {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 24px !important;
  margin: 0 3px !important;
  padding: 0 !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* Keep old price smaller */
.s-product-card-regular-price,
.s-product-card-content-sub del {
  color: #888888 !important;
  font-size: 13px !important;
  text-decoration: line-through !important;
}

/* Product footer: add-to-cart + wishlist side by side */
.s-product-card-content-footer {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 46px !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Reset wrappers inside footer */
.s-product-card-content-footer salla-add-product-button,
.s-product-card-content-footer .s-button-wrap {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Normal-size Add to Cart button */
.s-product-card-content-footer .s-button-element,
.s-product-card-content-footer salla-add-product-button .s-button-element,
.s-product-card-content-footer button:not(.s-product-card-wishlist-btn) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 6px !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Wishlist as a separate small square */
.s-product-card-content-footer .s-product-card-wishlist-btn {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 48px !important;
  min-width: 46px !important;
  min-height: 48px !important;
  max-width: 46px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Keep product card elements close together */
.s-product-card-content-title,
.s-product-card-content-title a {
  min-height: 0 !important;
  margin: 12px 0 4px !important;
}

.s-product-card-content {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

/* Mobile adjustments */
@media screen and (max-width: 767px) {
  .s-product-card-content-footer {
    grid-template-columns: minmax(0, 1fr) 42px !important;
    gap: 6px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  .s-product-card-content-footer salla-add-product-button,
  .s-product-card-content-footer .s-button-wrap,
  .s-product-card-content-footer .s-button-element,
  .s-product-card-content-footer button:not(.s-product-card-wishlist-btn) {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  .s-product-card-content-footer .s-product-card-wishlist-btn {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  .s-product-card-content-sub .s-product-card-price,
  .s-product-card-content-sub .s-product-card-sale-price,
  .s-product-card-content-price,
  .s-product-card-price,
  .s-product-card-sale-price {
    font-size: 15px !important;
  }
}/* Hide wishlist / favorite button completely */
.s-product-card-wishlist-btn,
.s-product-card-wishlist-btn button,
.product-card__wishlist,
.product-entry__wishlist,
.product-item__wishlist,
button[aria-label*="wishlist"],
button[aria-label*="favorite"] {
  display: none !important;
}

/* Make Add to Cart use the full card width */
.s-product-card-content-footer {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.s-product-card-content-footer salla-add-product-button,
.s-product-card-content-footer .s-button-wrap,
.s-product-card-content-footer .s-button-element,
.s-product-card-content-footer button:not(.s-product-card-wishlist-btn) {
  width: 100% !important;
  max-width: 100% !important;
}/* =========================================
   REMOVE FAVORITE BUTTON COMPLETELY
========================================= */

/* Hide every possible wishlist button */
.s-product-card-wishlist-btn,
button.s-product-card-wishlist-btn,
.s-button-element.s-product-card-wishlist-btn,
button[aria-label*="مفضلة"],
button[aria-label*="المفضلة"],
button[aria-label*="wishlist" i],
button[aria-label*="favorite" i],
button[title*="مفضلة"],
button[title*="wishlist" i],
button[title*="favorite" i],
button:has(.sicon-heart),
button:has([class*="heart"]),
.s-button-wrap:has(.sicon-heart),
.s-button-wrap:has([class*="heart"]) {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Remove any remaining heart icon */
.s-product-card-content-footer .sicon-heart,
.s-product-card-content-footer [class*="heart"] {
  display: none !important;
}

/* Footer contains only the Add to Cart button */
.s-product-card-content-footer {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

/* Add to Cart takes the complete width */
.s-product-card-content-footer salla-add-product-button,
.s-product-card-content-footer .s-add-product-button,
.s-product-card-content-footer .s-button-wrap:not(:has(.sicon-heart)),
.s-product-card-content-footer .s-button-element:not(:has(.sicon-heart)),
.s-product-card-content-footer button:not(:has(.sicon-heart)) {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 6px !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Prevent empty black space under the cart button */
.s-product-card-content-footer > :empty {
  display: none !important;
}