/* ===== GOLDEN SCARF - Serdab layout: same sizes & shapes as Serdab, Golden Scarf colors ===== */

/* ---------- 0) Page width exactly like Serdab ---------- */
@media (min-width: 1200px) and (max-width: 1510px) {
  html body:not(.product-single) main .container:not(.s-block--photos-slider) {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (min-width: 1440px) {
  html body:not(.product-single) main .container:not(.s-block--photos-slider) {
    max-width: 1440px !important;
  }
}

/* ---------- 1) Banner carousel (Serdab: 1108 x 428 ratio, 6px corners) ---------- */
html body .s-block--photos-slider .swiper-slide img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1108 / 428 !important;
  object-fit: cover !important;
  object-position: center 30% !important;
  border-radius: 6px !important;
}
html body .s-block--photos-slider .swiper-pagination-bullet {
  vertical-align: top;
  margin: 10px 4px 0 !important;
}

/* ---------- 2) Product sliders: title, cards row, "view all" ---------- */
salla-products-slider salla-slider.s-products-slider-slider {
  display: flex !important;
  flex-direction: column;
  position: relative;
}
salla-products-slider .s-slider-block__title {
  display: contents !important;
}
html body salla-products-slider .s-slider-block__title-right {
  order: 1;
  width: 100%;
  display: flex !important;
  justify-content: center !important;
  text-align: center;
  padding: 0 !important;
  margin: 0 0 32px !important;
}
salla-products-slider .s-slider-container {
  order: 2;
}
html body salla-products-slider .s-slider-block__title-left {
  order: 3;
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}
/* title: 36px (30px on phones), bar 112 x 4 under it */
html body salla-products-slider .s-slider-block__title-right h2 {
  position: relative;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 36px !important;
  line-height: 40px !important;
  font-weight: 700 !important;
}
html body salla-products-slider .s-slider-block__title-right h2::after {
  content: "" !important;
  position: static !important;
  transform: none !important;
  display: block !important;
  width: 112px !important;
  height: 4px !important;
  margin: 8px auto 0 !important;
  border-radius: 4px !important;
  background: currentColor !important;
}
@media (max-width: 767px) {
  html body salla-products-slider .s-slider-block__title-right {
    margin-bottom: 16px !important;
  }
}
@media (max-width: 639px) {
  html body salla-products-slider .s-slider-block__title-right h2 {
    font-size: 30px !important;
    line-height: 36px !important;
  }
}
/* "view all": thin lines both sides, 96 x 40 button, arrow icon */
salla-products-slider .s-slider-block__title-left::before,
salla-products-slider .s-slider-block__title-left::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: currentColor;
  opacity: .15;
}
html body salla-products-slider a.s-slider-block__display-all {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 96px;
  height: 40px;
  padding: 8px 8px 10px !important;
  border: 1px solid currentColor !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  white-space: nowrap;
}
html body salla-products-slider a.s-slider-block__display-all::after {
  content: "\e970" !important;
  font-family: "sallaicons" !important;
  font-size: 20px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}
/* cards row (smaller cards): 2 on phones, 3 on tablets, 4 on small laptops, 5 on laptops */
html body salla-products-slider .swiper-slide.s-products-slider-card {
  width: 50% !important;
  padding: 0 5px !important;
  height: auto !important;
}
@media (min-width: 640px) {
  html body salla-products-slider .swiper-slide.s-products-slider-card {
    width: 33.3333% !important;
    padding: 0 10px !important;
  }
}
@media (min-width: 1024px) {
  html body salla-products-slider .swiper-slide.s-products-slider-card {
    width: 25% !important;
  }
}
@media (min-width: 1200px) {
  html body salla-products-slider .swiper-slide.s-products-slider-card {
    width: 20% !important;
  }
}
html body salla-products-slider .s-products-slider-slider .swiper-wrapper {
  padding: 0 !important;
}
/* side arrows: white circles, 3% in from the sides, centered on the cards */
salla-products-slider .s-slider-block__title-nav {
  position: static !important;
}
html body salla-products-slider .s-slider-nav-arrow {
  position: absolute !important;
  top: calc(50% - 8px) !important;
  z-index: 5;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  border-radius: 9999px !important;
  background: #fff !important;
  box-shadow: none !important;
}
html body salla-products-slider .s-slider-prev {
  right: 3% !important;
  left: auto !important;
}
html body salla-products-slider .s-slider-next {
  left: 3% !important;
  right: auto !important;
}
@media (max-width: 1023px) {
  html body salla-products-slider .s-slider-nav-arrow {
    display: none !important;
  }
}
/* "view all" exactly in the middle: the arrows box must not take a place in the row */
@media (min-width: 1024px) {
  html body salla-products-slider .s-slider-block__title-left > .s-slider-block__title-nav {
    display: contents !important;
  }
}

/* ---------- 3) Product card (Serdab card, rounded corners kept) ---------- */
html body custom-salla-product-card.s-product-card-entry {
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid #eee !important;
  border-radius: 16px !important;
  background: #fff;
  overflow: hidden;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-image {
  position: relative;
  flex: 0 0 auto !important;
  aspect-ratio: 298 / 383;
  height: auto !important;
  overflow: hidden;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-image > a {
  display: block;
  width: 100%;
  height: 100%;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-image img.s-product-card-image-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}
/* no sliding add-to-cart bar over the photo (Serdab has none) */
html body custom-salla-product-card.s-product-card-entry .s-product-card-image .s-product-card-content-footer {
  display: none !important;
}
/* name + price sit at the bottom, centered */
html body custom-salla-product-card.s-product-card-entry .s-product-card-content.s-product-card-content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  text-align: center;
  padding: 16px 0 0 !important;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-content-main {
  padding: 0 6px !important;
  margin: 0 0 5px !important;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-main .s-product-card-content-title,
html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-main .s-product-card-content-title a {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-content-sub {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 28px;
  min-height: 28px;
  margin: 0 !important;
  padding: 0 6px !important;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-sub .s-product-card-price,
html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-sub .s-product-card-sale-price h4 {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-sale-price {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-sub .s-product-card-sale-price > span {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-content-sub i {
  font-size: inherit !important;
}
@media (min-width: 640px) {
  html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-sub .s-product-card-price,
  html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-sub .s-product-card-sale-price h4 {
    font-size: 18px !important;
  }
  html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-sub .s-product-card-sale-price > span {
    font-size: 15px !important;
  }
}
/* add to cart: Golden Scarf's white outline button (with its bag icon), Serdab sizes */
html body custom-salla-product-card.s-product-card-entry .s-product-card-add-to-cart-mobile {
  display: block !important;
  margin: 12px 0 0 !important;
  padding: 0 10px 10px !important;
  border: 0 !important;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-add-to-cart-mobile salla-add-product-button,
html body custom-salla-product-card.s-product-card-entry .s-product-card-add-to-cart-mobile salla-button {
  display: block !important;
  width: 100% !important;
}
html body custom-salla-product-card.s-product-card-entry salla-add-product-button salla-button button.s-button-element.s-button-btn {
  width: 100% !important;
  height: 36.5px !important;
  padding: 6px 10px 8px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
html body custom-salla-product-card.s-product-card-entry salla-add-product-button button .s-button-text {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
html body custom-salla-product-card.s-product-card-entry salla-add-product-button button .s-button-text > i {
  font-size: 16px !important;
  margin: 0 !important;
}
/* like + quick view: white circles centered at the bottom of the photo (all screens) */
html body custom-salla-product-card.s-product-card-entry salla-button.s-product-card-wishlist-btn {
  display: block !important;
  position: absolute !important;
  top: auto !important;
  bottom: 10px !important;
  left: calc(50% + 5px) !important;
  right: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  opacity: 1 !important;
  z-index: 3;
}
html body custom-salla-product-card.s-product-card-entry salla-button.s-product-card-wishlist-btn button.s-product-card-wishlist-btn.s-button-element {
  position: static !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: #fff !important;
  box-shadow: none !important;
}
html body custom-salla-product-card.s-product-card-entry button.s-product-card-quick-view-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: auto !important;
  bottom: 10px !important;
  left: calc(50% - 49px) !important;
  right: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: #fff !important;
  box-shadow: none !important;
  z-index: 3;
}
html body custom-salla-product-card.s-product-card-entry .s-product-card-wishlist-btn i,
html body custom-salla-product-card.s-product-card-entry .s-product-card-quick-view-btn i {
  font-size: 16px !important;
}
/* computers: Serdab's 12px x 14px padding and 40.5px button */
@media (min-width: 1024px) {
  html body custom-salla-product-card.s-product-card-entry .s-product-card-content.s-product-card-content {
    padding: 12px 14px !important;
  }
  html body custom-salla-product-card.s-product-card-entry .s-product-card-content-main,
  html body custom-salla-product-card.s-product-card-entry .s-product-card-content-sub {
    padding: 0 !important;
  }
  html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-main .s-product-card-content-title,
  html body custom-salla-product-card.s-product-card-entry .s-product-card-content .s-product-card-content-main .s-product-card-content-title a {
    font-size: 14px !important;
  }
  html body custom-salla-product-card.s-product-card-entry .s-product-card-add-to-cart-mobile {
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }
  html body custom-salla-product-card.s-product-card-entry salla-add-product-button salla-button button.s-button-element.s-button-btn {
    height: 40.5px !important;
    padding: 8px 24px 10px !important;
  }
}

/* ---------- 4) Customer reviews: Serdab cards (text on top, photo + name + stars under it) ---------- */
html body .s-block--testimonials .s-reviews-header-wrapper {
  display: flex !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 0 32px !important;
}
html body .s-block--testimonials .s-reviews-header {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 30px !important;
  line-height: 36px !important;
  font-weight: 700 !important;
}
html body .s-block--testimonials .s-reviews-header::after {
  content: "" !important;
  position: static !important;
  transform: none !important;
  display: block !important;
  width: 112px !important;
  height: 4px !important;
  margin: 8px auto 0 !important;
  border-radius: 4px !important;
  background: currentColor !important;
}
@media (max-width: 1023px) {
  html body .s-block--testimonials .s-reviews-header {
    font-size: 24px !important;
    line-height: 30px !important;
  }
}
@media (max-width: 767px) {
  html body .s-block--testimonials .s-reviews-header-wrapper {
    margin-bottom: 16px !important;
  }
}
/* the card */
html body .s-block--testimonials .s-reviews-testimonial {
  position: relative;
  width: auto !important;
  height: 100%;
  margin: 0 !important;
  padding: 22.4px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(50, 50, 105, .15), 0 1px 1px rgba(0, 0, 0, .05) !important;
}
html body .s-block--testimonials .s-reviews-testimonial__inner {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr);
  column-gap: 16px;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}
html body .s-block--testimonials .s-reviews-testimonial__text {
  display: contents !important;
}
html body .s-block--testimonials .s-reviews-testimonial__text > p {
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 16px 0 8px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  text-align: start !important;
}
html body .s-block--testimonials .s-reviews-testimonial__avatar {
  grid-column: 1;
  grid-row: 2;
  width: 56px !important;
  height: 56px !important;
  margin: 24px 0 0 !important;
  border-radius: 9999px !important;
  overflow: hidden;
}
html body .s-block--testimonials .s-reviews-testimonial__avatar img {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover;
}
html body .s-block--testimonials .s-reviews-testimonial__name_wrapper {
  grid-column: 2;
  grid-row: 2;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
}
html body .s-block--testimonials .s-reviews-testimonial__info h2 {
  margin: 0 0 8px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
html body .s-block--testimonials .s-reviews-testimonial__info {
  margin: 0 !important;
  padding: 0 !important;
}
html body .s-block--testimonials .s-reviews-testimonial__rating,
html body .s-block--testimonials .s-reviews-testimonial__rating salla-rating-stars,
html body .s-block--testimonials .s-reviews-testimonial__rating .s-rating-stars-wrapper {
  display: flex !important;
  align-items: center;
  gap: 4px;
  height: 20px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
}
html body .s-block--testimonials .s-reviews-testimonial__rating .s-rating-stars-btn-star {
  display: flex !important;
  padding: 0 !important;
}
html body .s-block--testimonials .s-rating-stars-btn-star svg {
  width: 14px !important;
  height: 14px !important;
}
/* quote mark: small and light in the top corner */
html body .s-block--testimonials .s-reviews-testimonial__icon svg {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  width: 30px !important;
  height: 30px !important;
  opacity: .1;
}
/* the row of cards */
html body .s-block--testimonials .s-reviews-testimonials-slider .swiper-wrapper {
  padding: 20px 0 !important;
}
html body .s-block--testimonials .s-reviews-swiper-slide {
  height: auto !important;
}
@media (max-width: 767px) {
  html body .s-block--testimonials .s-reviews-testimonials-slider .swiper {
    margin: 0 !important;
    padding: 0 5px 0 48px !important;
  }
  html body .s-block--testimonials .s-reviews-swiper-slide {
    padding: 0 5px !important;
  }
  html body .s-block--testimonials .s-reviews-testimonial__text > p {
    margin-top: 10px !important;
  }
}
/* tablets & computers: 3 cards in a row (like Serdab) */
@media (min-width: 768px) {
  html body .s-block--testimonials .s-reviews-testimonials-slider .swiper {
    margin: 0 !important;
    padding: 0 0 0 48px !important;
  }
  html body .s-block--testimonials .s-reviews-testimonials-slider .swiper-wrapper {
    transform: none !important;
    flex-wrap: wrap;
  }
  html body .s-block--testimonials .s-reviews-swiper-slide {
    width: 33.3333% !important;
    padding: 0 10px !important;
    margin: 0 !important;
  }
  html body .s-block--testimonials .s-reviews-testimonials-slider .s-slider-nav-arrow,
  html body .s-block--testimonials .s-reviews-testimonials-slider .s-slider-block__title-nav {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  html body .s-block--testimonials .s-reviews-testimonials-slider .swiper {
    margin: 0 -10px !important;
    padding: 0 !important;
  }
}

/* ---------- 5) Product page: "تفاصيل المنتج" like Serdab ---------- */
.abayat-main-content {
  display: flex !important;
  flex-direction: column;
}
.abayat-main-content > .product__description {
  order: 10;
  margin-top: 28px;
}
.abayat-desc-section {
  background: transparent !important;
  overflow: visible !important;
  margin: 0 !important;
}
.abayat-desc-header {
  justify-content: flex-start !important;
  padding: 0 !important;
  border-bottom: 1px solid #eee !important;
  cursor: default !important;
  pointer-events: none;
}
.abayat-desc-header > span:first-child {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 2px solid currentColor;
  margin-bottom: -1px;
}
.abayat-desc-icon {
  display: none !important;
}
.abayat-desc-content {
  max-height: none !important;
  overflow: visible !important;
}
.abayat-desc-content-inner {
  padding: 18px 0 0 !important;
}

/* ---------- 6) Rounded corners across the whole site ---------- */
html body .shadow-default,
html body section.cart-item,
html body salla-product-options,
html body salla-basket-gap,
html body .rounded-md,
html body .rounded {
  border-radius: 16px !important;
}
html body .rounded-b-none {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html body .rounded-t-none {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html body select.s-form-control,
html body input.s-form-control,
html body textarea,
html body .s-quantity-input-container,
html body select.form-input,
html body input.form-input,
html body .s-product-options-option-content select.s-form-control,
html body section.cart-item salla-product-options select.s-form-control,
html body main select.s-form-control {
  border-radius: 12px !important;
}
html body .s-quantity-input-input {
  border-radius: 0 !important;
  background: transparent !important;
}
html body section.cart-item img {
  border-radius: 12px !important;
}
html body salla-button button.s-button-element.s-button-btn:not(.s-cart-coupons-coupon-button) {
  border-radius: 12px !important;
}
html body .btn--wishlist button,
html body salla-social-share button,
html body salla-button.btn--wishlist .s-button-element {
  border-radius: 12px !important;
}
html body salla-product-options {
  overflow: hidden;
}
/* "اشترِ الآن" fast-checkout button (drawn inside its own widget) */
html body salla-mini-checkout-widget,
html body .abayat-main-content .s-add-product-button-main salla-mini-checkout-widget.s-add-product-button-mini-checkout {
  --salla-fast-checkout-button-border-radius: 12px !important;
}
html body div.abayat-sidebar salla-slider.details-slider div.swiper.s-slider-container.swiper-initialized {
  border-radius: 6px !important;
  overflow: hidden !important;
}
html body .details-slider button,
html body div.abayat-sidebar salla-slider.details-slider button.s-slider-nav-arrow {
  border-radius: 9999px !important;
}

/* ---------- 5) Product page: Serdab sizes (photos, info, details) ---------- */
/* photos box: phones & tablets = big photo 475px + thumbnails row under it */
html body.product-single .abayat-sidebar {
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}
html body.product-single .abayat-sidebar salla-slider.details-slider {
  display: block !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
}
/* no arrows on the big photo (Serdab has none: swipe on phones, thumbnails on computers) */
html body.product-single .abayat-sidebar salla-slider.details-slider > .s-slider-block__title {
  display: none !important;
}
html body.product-single .abayat-sidebar salla-slider.details-slider > .swiper {
  height: 475px !important;
  border-radius: 6px !important;
  background: #fff;
}
html body.product-single .abayat-sidebar salla-slider.details-slider > .swiper > .swiper-wrapper {
  height: 100% !important;
}
html body.product-single .abayat-sidebar salla-slider.details-slider > .swiper .swiper-slide {
  height: 100% !important;
  border-radius: 6px !important;
  background: #fff;
}
html body.product-single .abayat-sidebar salla-slider.details-slider > .swiper .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
html body.product-single .abayat-sidebar salla-slider.details-slider .s-slider-thumbs {
  margin: 10px 0 0 !important;
  padding: 0 7px 0 0 !important;
}
html body.product-single .abayat-sidebar salla-slider.details-slider .s-slider-thumbs .swiper {
  margin: 0 !important;
  padding: 0 0 0 50px !important;
}
html body.product-single .abayat-sidebar salla-slider.details-slider .s-slider-thumbs .swiper-slide {
  width: 78px !important;
  height: 100px !important;
  margin: 5px 0 5px 10px !important;
  border-radius: 6px !important;
  overflow: hidden;
}
html body.product-single .abayat-sidebar salla-slider.details-slider .s-slider-thumbs .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* tablets: photos on top, info under them (like Serdab) */
@media (min-width: 768px) and (max-width: 1023px) {
  html body.product-single main div:has(> .abayat-sidebar) {
    flex-direction: column !important;
  }
  html body.product-single .abayat-main-content {
    width: 100% !important;
  }
  html body.product-single .abayat-sidebar salla-slider.details-slider > .swiper {
    height: 650px !important;
  }
}
/* computers: photos (right) + info (left) side by side, thumbnails column on the right,
   "تفاصيل المنتج" as a full-width section under both */
@media (min-width: 1024px) {
  html body.product-single main div:has(> .abayat-sidebar) {
    display: grid !important;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(18, auto) 1fr auto;
    align-items: start;
    row-gap: 0 !important;
    column-gap: 0 !important;
  }
  html body.product-single .abayat-sidebar {
    grid-column: 1;
    grid-row: 1 / 20;
    position: relative !important;
    top: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 15px !important;
  }
  html body.product-single .abayat-main-content {
    display: contents !important;
  }
  html body.product-single .abayat-main-content > * {
    grid-column: 2;
    margin-right: 15px !important;
  }
  html body.product-single .abayat-sidebar salla-slider.details-slider {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: flex-start;
    gap: 15px;
    height: 650px !important;
  }
  html body.product-single .abayat-sidebar salla-slider.details-slider > .swiper {
    flex: 1 1 0%;
    min-width: 0;
    height: 650px !important;
    margin: 0 !important;
  }
  html body.product-single .abayat-sidebar salla-slider.details-slider .s-slider-thumbs {
    flex: 0 0 96px;
    width: 96px !important;
    height: 650px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
  }
  html body.product-single .abayat-sidebar salla-slider.details-slider .s-slider-thumbs .swiper {
    width: 96px !important;
    height: 650px !important;
    margin: 0 !important;
    padding: 0 0 48px !important;
    overflow-y: auto !important;
    scrollbar-width: none;
  }
  html body.product-single .abayat-sidebar salla-slider.details-slider .s-slider-thumbs .swiper::-webkit-scrollbar {
    display: none;
  }
  html body.product-single .abayat-sidebar salla-slider.details-slider .s-slider-thumbs .swiper-wrapper {
    flex-direction: column !important;
    width: 96px !important;
    height: auto !important;
    transform: none !important;
  }
  html body.product-single .abayat-sidebar salla-slider.details-slider .s-slider-thumbs .swiper-slide {
    flex-shrink: 0;
    width: 96px !important;
    height: 139px !important;
    margin: 5px 0 16px !important;
  }
  /* "تفاصيل المنتج": full width under photos + info, title on the right like Serdab's tab */
  html body.product-single .abayat-main-content > .product__description {
    grid-column: 1 / -1 !important;
    grid-row: 20 !important;
    margin: 32px 0 !important;
    padding: 50px 15px 0 !important;
    border-top: 1px solid #e5e7eb;
  }
  html body.product-single .abayat-main-content > .product__description .abayat-desc-section {
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr);
    align-items: start;
  }
  html body.product-single .abayat-main-content > .product__description .abayat-desc-header {
    display: block !important;
    height: auto !important;
    min-height: 124px;
    padding: 0 3px 0 0 !important;
    border-bottom: 0 !important;
    border-left: 3px solid #eee !important;
  }
  html body.product-single .abayat-main-content > .product__description .abayat-desc-header > span:first-child {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 10px;
    border-bottom: 1px solid currentColor;
    margin: 18px 0 0;
  }
  html body.product-single .abayat-main-content > .product__description .abayat-desc-content-inner {
    padding: 0 90px 0 0 !important;
  }
}
/* phones & tablets: "تفاصيل المنتج" as Serdab's dark bar with a minus sign */
@media (max-width: 1023px) {
  html body.product-single .product__description .abayat-desc-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    height: 46px;
    padding: 10px 20px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: var(--color-primary) !important;
    color: #dcdcdd !important;
  }
  html body.product-single .product__description .abayat-desc-header > span:first-child {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
  html body.product-single .product__description .abayat-desc-header .abayat-desc-icon {
    display: inline-block !important;
    font-size: 16px;
    line-height: 1;
  }
  html body.product-single .product__description .abayat-desc-header .abayat-desc-icon::before {
    content: "\ed91" !important;
  }
}
/* product info: same text sizes as Serdab */
html body.product-single .abayat-main-content .abayat-price h2,
html body.product-single form.product-form h2.total-price {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
}
html body.product-single form.product-form label.form-label:not(.font-bold) {
  font-size: 15px !important;
  font-weight: 400 !important;
}
html body.product-single form.product-form salla-product-options.s-product-options-wrapper {
  padding: 20px !important;
  border-radius: 6px !important;
}
html body.product-single form.product-form salla-product-options select.s-form-control {
  font-size: 14px !important;
}
html body.product-single form.product-form section {
  border-radius: 6px !important;
}
html body.product-single form.product-form section.rounded-b-none,
html body.product-single form.product-form section.sticky-product-bar {
  border-radius: 6px 6px 0 0 !important;
}
html body.product-single .s-add-product-button-mini-checkout {
  padding-bottom: 0 !important;
}

/* ---------- 7) Category page like Serdab ---------- */
/* space under the breadcrumb: 16px on phones, 32px from 640px */
html body.product-index main > div.container.mb-10 {
  margin-top: 16px !important;
}
@media (min-width: 640px) {
  html body.product-index main > div.container.mb-10 {
    margin-top: 32px !important;
  }
}
/* "ترتيب حسب" box: 14px text, 6px corners */
html body select#product-filter {
  height: 40px !important;
  padding: 0 12px 4px 40px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
}
/* cards in the grid: the photo grows to fill the row (Serdab grid) */
html body salla-products-list custom-salla-product-card.s-product-card-entry .s-product-card-image {
  flex: 1 0 auto !important;
}
html body salla-products-list custom-salla-product-card.s-product-card-entry .s-product-card-content.s-product-card-content {
  flex: 0 0 auto !important;
}
/* category grid: 5 cards per row on laptops (smaller cards) */
@media (min-width: 1200px) {
  html body salla-products-list .s-products-list-wrapper {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* ---------- WhatsApp button: Serdab's floating-button spot (right side, round) ---------- */
html body a > button.whatsapp-icon {
  left: auto !important;
  right: 18px !important;
  bottom: 110px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .18) !important;
  filter: none !important;
}
@media (max-width: 1023px) {
  html body a > button.whatsapp-icon {
    right: 14px !important;
    width: 54px !important;
    height: 54px !important;
  }
  /* product page on phones: sit above the add-to-cart bar, never on top of it */
  html body.product-single.is-sticky-product-bar a > button.whatsapp-icon {
    bottom: 126px !important;
  }
}