/* Add custom CSS styles below */

/* FONT FACE */
@font-face {
  font-family: "Zarid";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/29LTZaridSans-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zarid";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/29LTZaridDisplay-Light.ttf")
    format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zarid";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/29LTZaridSans-SemiBold.ttf")
    format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zarid";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/29LTZaridDisplay-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* FONT FACE END*/

* {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --sliderHeight: calc(100vh - 96px);
}

body {
  --font-zarid: "Zarid";
  color: var(--color-primary);
  font-family: "Zarid";
  font-weight: 500;
  --clay: #a05d37;
  --magenta: #ff3e84;
  --theme-border-radius: 12px;
  --salla-fast-checkout-button-border-radius: 99999px !important;

  --heading-2-size: 48px;
  --heading-2-weight: 300;

  --heading-3-size: 40px;
  --heading-3-weight: 300;
}

.rounded-2xl,
.rounded-md {
  border-radius: var(--theme-border-radius);
}
.font-semibold,
.font-bold,
b,
strong {
  font-weight: 500;
}

.btn--close {
  color: var(--color-primary);
}

.h2,
h2 {
  font-size: var(--heading-2-size);
  font-weight: var(--heading-2-weight);
  font-style: normal;
  line-height: 0.9;
}

.h3,
h3 {
  font-size: var(--heading-3-size);
  font-weight: var(--heading-3-weight);
  font-style: normal;
  line-height: 0.9;
}

.home-block-line {
  display: none;
}

/* buttons start */
a.advanced-slider__caption__inner__content__button {
  display: inline-flex;
  min-width: 56px;
  min-height: 56px;
  padding: 16px 48px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 9999px;
  --btnColor: var(--color-primary);
  --btnBg: var(--bg-primary);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  overflow: hidden;
}

/* buttons end */

/* NAVBAR START */
#mainnav.fixed-header {
  background: var(--bg-primary);
}
.main-nav-container {
  min-height: auto !important;
}

.top-navbar:not(.topnav-has-bg) {
  background-color: #e2e2e2;
}
.top-navbar {
  padding-block: 0 !important;
  min-height: auto;
}
/* NAVBAR END */

/* BURGER MENU START */
/* =============================================
   #mobile-menu — Navigation Styles
   ============================================= */
/* UL: grid container, force 100% width */
#mobile-menu .main-menu {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 10px;
  padding: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--bg-primary);
  list-style: none;
}
/* ══════════════════════════════
   FIRST 3 — Square image cards
   ══════════════════════════════ */
#mobile-menu .main-menu > li:nth-child(-n + 3) {
  border-radius: var(--theme-border-radius);
  overflow: hidden;
  background: #1a1a1a;
  /* Square: use padding-bottom trick so grid row sizes correctly */
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
/* Item 1 & 2: one column each */
#mobile-menu .main-menu > li:nth-child(1),
#mobile-menu .main-menu > li:nth-child(2) {
  grid-column: span 1;
}
/* Item 3: full width so no orphaned half-row */
#mobile-menu .main-menu > li:nth-child(3) {
  grid-column: span 2;
  padding-bottom: 45%; /* wider aspect for full-width card */
}
/* Anchor fills the card absolutely */
#mobile-menu .main-menu > li:nth-child(-n + 3) > a {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  padding: 0 !important;
  gap: 0;
}
/* Image fills the card */
#mobile-menu .main-menu > li:nth-child(-n + 3) > a > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
/* Label: bottom overlay with gradient */
#mobile-menu .main-menu > li:nth-child(-n + 3) > a > span {
  position: absolute !important;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  padding: 32px 14px 14px;
  color: #ffffff !important;
  font-size: 1.5rem !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
  text-align: start;
  line-height: 1.2;
  z-index: 1;
}
/* ══════════════════════════════
   ITEMS 4+ — Full-width list rows
   ══════════════════════════════ */
#mobile-menu .main-menu > li:nth-child(n + 4):after {
  display: none;
}
#mobile-menu .main-menu > li:nth-child(n + 4) {
  grid-column: span 2;
  background: var(--color-beige-20, rgba(244, 243, 229, 0.2));
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.05);
  border-radius: var(--theme-border-radius);
  display: flex;
}

#mobile-menu .main-menu > li:last-child {
  border-radius: 0 0 var(--theme-border-radius) var(--theme-border-radius);
}
/* Row anchor */
#mobile-menu .main-menu > li:nth-child(n + 4) > a {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
  gap: 12px;
  position: static !important;
  border-radius: var(--theme-border-radius);
  flex-grow: 1;
}
#mobile-menu .main-menu > li::before {
  display: none;
}
/* Row label */
#mobile-menu .main-menu > li:nth-child(n + 4) > a > span {
  position: static !important;
  font-size: 1.5rem !important;
  color: var(--color-primary) !important;
  flex: 1;
  text-align: start;
  background: none !important;
  padding: 0 !important;
}
/* Circular image with warm beige bg */
#mobile-menu .main-menu > li:nth-child(n + 4) > a > img {
  position: static !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px;
  border-radius: 50% !important;
  object-fit: cover !important;
  background-color: var(--color-primary) !important;
  flex-shrink: 0;
  padding: 0 !important;
}
/* Items with no image — hide cleanly */
#mobile-menu .main-menu > li:nth-child(n + 4) > a > img:not([src]),
#mobile-menu .main-menu > li:nth-child(n + 4) > a > img[src=""] {
  display: none;
}
/* BURGER MENU END */

/* FOOTER START */
.footer-description, .basic-footer .store-footer__inner p{
  display: none;
}
.store-footer {
  margin-top: 0;
}
.store-footer__inner,
.store-footer__newsletter {
  border-style: solid;
}
.store-footer .footer-title {
  font-size: 0.875rem;
  font-weight: 400;
  opacity: 0.7;
  margin-block-end: 16px;
}
/* --- Footer nav links — add spacing between items --- */
.store-footer h3,
.store-footer .footer-title {
  text-align: start;
  font-weight: 500;
  font-size: 1.125rem;
}
.store-footer .footer-list {
  display: flex;
  flex-direction: column;
}
.store-footer .footer-list li {
  line-height: 1;
}
.store-footer .footer-list a {
  font-size: 0.95rem;
  font-weight: 600;
}
/* --- Social icons — remove border boxes, enlarge icons --- */
.store-footer .s-social-list {
  gap: 20px;
  flex-wrap: wrap;
}
.store-footer .s-social-link a {
  border: none !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
}
.store-footer .s-social-icon {
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
}
.store-footer .s-social-icon svg {
  width: 22px !important;
  height: 22px !important;
}
/* --- Contact buttons — remove border box style --- */
.store-footer .enhanced-contact-item {
  border: none !important;
  padding: 0 !important;
  gap: 6px;
}
/* --- Payment icons in footer-bottom — transparent bg --- */
.store-footer .s-payments-list-item {
  background: transparent !important;
  border-radius: var(--theme-border-radius);
  padding: 2px !important;
}
/* --- Footer bottom — subtle separator --- */
.store-footer .footer-bottom {
  border-block-start: 1px solid rgba(244, 243, 229, 0.15);
}
/* --- Trust badges --- */
.store-footer .footer-badges {
  gap: 20px;
  padding-top: 0.5rem;
  scale: 0.7;
  transform-origin: left;
}

[dir="rtl"] .store-footer .footer-badges {
  transform-origin: right;
}

.store-footer .footer-logos {
  justify-content: flex-start;
}
/* --- Description text — slightly muted --- */
.store-footer p.max-w-sm {
  opacity: 0.75;
  font-size: 0.95rem;
  line-height: 1.7;
}
/* --- Responsive: stack on mobile --- */
@media (max-width: 640px) {
  .store-footer .footer-list {
    gap: 10px;
  }
  .store-footer .s-social-list {
    gap: 16px;
  }
}
@media (max-width: 1023px) {
  /* Grid gap between columns */
  .store-footer .grid.grid-cols-2 {
    gap: 24px 16px;
  }
  /* Logo — force start alignment */
  .store-footer .footer-logo {
    display: block;
  }
  .store-footer .footer-logo img {
    margin-inline: 0 !important;
  }
  /* Description — override Salla's baked-in text-center */
  .store-footer p.max-w-sm,
  .store-footer .max-w-sm p {
    text-align: start !important;
  }
  /* Trust badges — allow wrapping */
  .store-footer .footer-badges {
    flex-wrap: wrap;
    gap: 12px;
  }
  /* Links list — more breathing room */
  .store-footer .footer-list {
    gap: 14px;
  }
  /* App store section — align to start */
  .store-footer .grid-itme .text-center {
    text-align: start;
  }
  .store-footer .grid-itme .flex.justify-center {
    justify-content: flex-start;
  }
  /* Footer logos row — start aligned */
  .store-footer .footer-logos {
    justify-content: flex-start;
  }
}
@media (max-width: 640px) {
  .store-footer .footer-logo {
    display: flex;
    justify-content: center;
  }

  /* Stack all columns to full-width on small mobile */
  .store-footer .grid.grid-cols-2 {
    grid-template-columns: 1fr !important;
    gap: 28px 0;
  }
  .store-footer h3, .store-footer .footer-title{
    text-align: center;
  }
  /* All grid children full-width */
  .store-footer .grid.grid-cols-2 > div {
    grid-column: span 1 / span 1 !important;
    text-align: center;
  }
  /* Keep col-span-2 items (logo, app) also full width */
  .store-footer .grid.grid-cols-2 > .col-span-2,
  .store-footer .grid.grid-cols-2 > [class*="col-span-2"] {
    grid-column: span 1 / span 1 !important;
  }
  /* Footer inner padding tighter on mobile */
  .store-footer__inner {
    padding-block: 40px 24px;
  }
  /* Footer-bottom social — center on mobile */
  .store-footer .s-social-list {
    justify-content: center;
  }
  selia-contacts > div{
    justify-content: center !important;
  }
  /* Footer-bottom copyright — center on mobile */
  .store-footer .footer-rights p {
    text-align: center;
  }
  /* Payment icons — center on mobile */
  .store-footer .s-payments-list {
    justify-content: center;
  }
  /* App store buttons gap */
  .store-footer .flex.justify-center.my-3 {
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-badges, [dir="rtl"] .store-footer .footer-badges {
    transform-origin: center;
  }
}
/* FOOTER END */

/* MAIN HOME HERO START */
.main-hero {
  position: relative;
  /* z-index: 2; */
  --swiper-pagination-bullet-size: 10px;
}
.main-hero h2 {
  font-size: 60px !important;
  font-weight: 300;
  margin-bottom: 0;
}

.main-hero .advanced-slider__caption__inner__content__text {
  font-size: 1.8rem !important;
  font-weight: 300 !important;
}
.main-hero .advanced-slider__caption__inner {
  justify-content: flex-start !important;
}

.advanced-slider__caption__inner--center .advanced-slider__caption__inner__content {
  text-align: start;
}

@media (min-width: 991px) {
  .main-hero .advanced-slider__caption__inner__content {
    max-width: 40%;
  }
}

@media (max-width: 640px) {
  .main-hero .advanced-slider__caption {
    padding-bottom: 40%;
  }
  .main-hero h2 {
  font-size: 48px !important;
}
.main-hero .advanced-slider__caption__inner__content__text {
  font-size: 1.5rem !important;
}
}

@media (min-width: 640px) {
  salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 5rem;
  }
}

/* MAIN HOME HERO END */

/* CURATED COLLECTIONS START */
.curated-collections {
  position: relative;
  background: var(--color-primary-reverse);
  overflow: hidden;
  margin-block: 0;
  padding-block: 6rem;
  position: relative;
  z-index: 2;
  margin-top: -5rem;
  padding-top: 11rem;
}
.curated-collections:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url("https://storage.googleapis.com/saudi-artisan-bucket/sac_pattern_weave_0c23156e7e/sac_pattern_weave_0c23156e7e.png");
}
.curated-collections .home-block-title {
  text-align: start;
}
.curated-collections .home-block-line {
  display: none;
}
.curated-collections h2 {
  font-size: var(--heading-2-size) !important;
  font-weight: var(--heading-2-weight) !important;
}
.curated-collections ul {
  max-width: 100%;
  margin-inline: 0;
}
.curated-collections li.group a {
  display: block;
  position: relative;
}
.curated-collections li.group .overflow-hidden {
  border-radius: var(--theme-border-radius);
  overflow: hidden;
  position: relative;
}
.curated-collections li.group img {
  aspect-ratio: 3/4;
  width: 100%;
  object-fit: cover;
  display: block;
}
.curated-collections li.group .overflow-hidden::after {
  content: "";
  position: absolute;
  inset: 0;
  /* background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 35%, transparent 70%); */
  pointer-events: none;
}
.curated-collections li.group h3,
.curated-collections li.group p {
  position: absolute;
  inset-inline: 1rem; /* RTL/LTR safe replacement for left/right */
  margin: 0;
  color: #fff;
  text-align: start;
}
.curated-collections li.group h3 {
  font-size: 1.5rem;
  bottom: 1rem;
  transform: translateY(0);
  transition: transform 0.35s ease;
  font-size: var(--heading-3-size) !important;
  font-weight: var(--heading-3-weight) !important;
}
.curated-collections li.group p {
  font-size: 1.2rem;
  bottom: 1rem;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: translateY(100%);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease,
    max-height 0.35s ease;
}
.curated-collections li.group:hover h3 {
  transform: translateY(-4rem);
}
.curated-collections li.group:hover p {
  opacity: 1;
  max-height: 4rem;
  transform: translateY(0);
}
@media (max-width: 1023px) {
  .curated-collections ul.auto-fit-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .curated-collections ul.auto-fit-grid {
    grid-template-columns: 1fr !important;
    gap: 20px;
  }
  .curated-collections ul li {
    max-width: 100%;
  }
}
/* CURATED COLLECTIONS END */

/* MAIN CATEGORIES START */
.main-categories {
  padding-block: 6rem;
  margin-block: 0;
}
.main-categories .home-block-title {
  text-align: center;
  margin-block-end: 2rem;
}
.main-categories h2 {
  font-size: var(--heading-2-size) !important;
  font-weight: var(--heading-2-weight) !important;
}
.main-categories .home-block-line {
  display: none;
}
.main-categories ul {
  max-width: 100%;
  margin-inline: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  list-style: none;
  padding: 0;
}
.main-categories li.group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.main-categories li.group .overflow-hidden {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--color-primary);
  flex-shrink: 0;
  padding: 1rem;
  transition: opacity 0.3s ease;
  margin-bottom: 0.3rem;
}
.main-categories li.group:hover .overflow-hidden {
  opacity: 0.85;
}
.main-categories li.group img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: unset;
  border-radius: 0;
  display: block;
}
.main-categories li.group h3 {
  font-family: var(--font-main, sans-serif);
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--store-text-primary);
  text-align: center;
  margin: 0;
}
.main-categories li.group p {
  display: none;
}

@media (max-width: 640px) {
  .main-categories ul {
    display: grid;
  }
}
/* MAIN CATEGORIES END */

/* PRODUCTS SLIDER START */

.s-products-slider-slider {
  --slider-accent: #8b5e3c;
  --slider-img-bg: var(--product-bg, #f4f3e5);
  --slider-title-size: 2rem;
  --slider-gap: 1.25rem;
  --slider-btn-size: 2.25rem;
  --slider-ease: 0.22s ease;
}
.s-products-slider-slider .s-slider-block__title {
  align-items: baseline;
  margin-bottom: 1.5rem;
}
.s-block--best-offers .s-slider-block__title-right,
salla-products-slider .s-slider-block__title-right,
.s-block--best-offers .s-slider-block__title,
salla-products-slider .s-slider-block__title {
  border: none;
  padding-bottom: 0;
}

.s-slider-block__title h2 {
  font-size: var(--heading-2-size) !important;
  font-weight: var(--heading-2-weight) !important;
  font-style: normal;
  line-height: 0.9;
}
/* "View All" link */
.s-products-slider-slider .s-slider-block__display-all {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--slider-accent);
  text-decoration: none;
  transition: opacity var(--slider-ease);
}
.s-products-slider-slider .s-slider-block__display-all:hover {
  opacity: 0.7;
}
/* Nav arrows */
.s-products-slider-slider .s-slider-nav-arrow {
  display: none;
}
.s-products-slider-slider .s-slider-nav-arrow:hover {
  background: var(--slider-accent);
  border-color: var(--slider-accent);
  color: #fff;
}
/* ── Slide spacing ────────────────────────────────────────────── */
.s-products-slider-slider .s-products-slider-card {
  padding: 0 calc(var(--slider-gap) / 2);
}
/* ── Card shell ───────────────────────────────────────────────── */
.s-products-slider-slider .product-card {
  background: transparent;
  border: none;
  overflow: visible;
}
/* ── Image area ───────────────────────────────────────────────── */
.s-products-slider-slider .product-card__image {
  border-radius: var(--theme-border-radius);
  overflow: hidden;
  background: var(--slider-img-bg);
}
/* Subtle zoom on hover */
.s-products-slider-slider .product-card__image a img {
  transition: transform var(--slider-ease);
}
.s-products-slider-slider .product-card:hover .product-card__image a img {
  transform: scale(1.03);
}
/* ── Add-to-cart overlay ──────────────────────────────────────── */
.s-products-slider-slider .product-card__addToCart:not(.mobile) {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
  border-radius: 0 0 var(--theme-border-radius) var(--theme-border-radius);
  overflow: hidden;
}
/* ── Action icon buttons (wishlist / quickview) ───────────────── */
.product-card__buttons {
  width: auto;
}
.s-products-slider-slider .product-card__actions {
  inset-inline-end: 0.75rem !important;
  inset-inline-start: auto !important;
  right: auto !important;
  left: auto !important;
  top: 0.75rem !important;
  gap: 0.5rem;
}
.product-card__buttons > div:before,
.product-card__buttons > div:after {
  display: none;
}
/* ── Card content — start-aligned ────────────────────────────── */
.s-products-slider-slider .product-card__content {
  padding-top: 0.85rem;
}
.s-products-slider-slider .product-card__content-wrapper {
  text-align: start; /* auto-flips for RTL */
}
.s-products-slider-slider .product-card__title {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: start !important;
  white-space: normal;
  margin-bottom: 0.3rem;
  color: var(--store-text-primary, var(--color-primary));
}
.product-card__title a {
  font-weight: 500 !important;
  font-size: 1.2rem;
}
/* ── Prices ───────────────────────────────────────────────────── */
.s-products-slider-slider .product-card__price {
  justify-content: flex-start !important;
}
/* Sale price (current) */
.s-products-slider-slider .product-card__price .total-price {
  color: var(--slider-accent) !important;
  font-size: 0.95rem;
  font-weight: 600;
}
/* Original price (struck through) */
.s-products-slider-slider .product-card__price .before-price {
  font-size: 0.875rem;
  color: var(--store-text-secondary, #aaa);
}
/* Regular (non-sale) price */
.s-products-slider-slider .product-card__price .starting-or-normal-price {
  justify-content: flex-start;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--slider-accent);
}

@media (max-width: 640px) {
  :root{
    --product-image-height: 60vw;
  }
}

/* PRODUCTS SLIDER END */

/* PARTNERS SLIDER START */
.partners-slider {
  padding-block: 6rem;
}
.partners-slider h2 {
  font-size: var(--heading-2-size) !important;
  font-weight: var(--heading-2-weight) !important;
}
.partners-slider .home-block-line {
  display: none;
}
/* PARTNERS SLIDER END */

/* CORPORATE SERVICES SLIDER START */
.corporate-services {
  background: rgba(73, 67, 67, 0.2);
  padding-block: 6rem;
}
.corporate-services .home-block-title h2 {
  font-size: var(--heading-2-size) !important;
  font-weight: var(--heading-2-weight) !important;
}
.corporate-services .home-block-line {
  display: none;
}
.corporate-services ul.auto-fit-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  max-width: 1100px;
  margin-inline: auto;
}
.corporate-services ul li {
  background: #ffffff;
  border-radius: 16px;
  padding: 28px 24px;
  text-align: start;
  box-shadow: 0 1px 8px rgba(73, 67, 67, 0.08);
}
.corporate-services ul li .overflow-hidden {
  display: none;
}
.corporate-services ul li h3 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
@media (max-width: 1024px) {
  .corporate-services ul.auto-fit-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .corporate-services ul.auto-fit-grid {
    grid-template-columns: 1fr !important;
  }
  .corporate-services {
    padding-block: 40px;
  }
}
/* CORPORATE SERVICES SLIDER END */

/* PRODUCTS LIST START */
.s-products-list-wrapper {
  --slider-accent: #8b5e3c;
  --slider-img-bg: var(--product-bg, #f4f3e5);
  --slider-ease: 0.22s ease;
}
/* ── Card shell ── */
.s-products-list-wrapper .product-card {
  background: transparent;
  border: none;
  overflow: visible;
}
/* ── Image area ── */
.s-products-list-wrapper .product-card__image {
  border-radius: var(--theme-border-radius);
  overflow: hidden;
  background: var(--slider-img-bg);
}
/* Subtle zoom on hover */
.s-products-list-wrapper .product-card__image a img {
  transition: transform var(--slider-ease);
}
.s-products-list-wrapper .product-card:hover .product-card__image a img {
  transform: scale(1.03);
}
/* ── Add-to-cart overlay ── */
.s-products-list-wrapper .product-card__addToCart:not(.mobile) {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
  border-radius: 0 0 var(--theme-border-radius) var(--theme-border-radius);
  overflow: hidden;
}
/* ── Action icon buttons ── */
.s-products-list-wrapper .product-card__buttons {
  width: auto;
}
.s-products-list-wrapper .product-card__actions {
  inset-inline-end: 0.75rem !important;
  inset-inline-start: auto !important;
  top: 0.75rem !important;
  gap: 0.5rem;
}
.s-products-list-wrapper .product-card__buttons > div:before,
.s-products-list-wrapper .product-card__buttons > div:after {
  display: none;
}
/* ── Card content — start-aligned ── */
.s-products-list-wrapper .product-card__content {
  padding-top: 0.85rem;
}
.s-products-list-wrapper .product-card__content-wrapper {
  text-align: start;
}
.s-products-list-wrapper .product-card__title {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: start !important;
  white-space: normal;
  margin-bottom: 0.3rem;
  color: var(--store-text-primary, var(--color-primary));
}
/* ── Prices ── */
.s-products-list-wrapper .product-card__price {
  justify-content: flex-start !important;
}
/* Sale price */
.s-products-list-wrapper .product-card__price .total-price {
  color: var(--slider-accent) !important;
  font-size: 0.95rem;
  font-weight: 600;
}
/* Original struck-through price */
.s-products-list-wrapper .product-card__price .before-price {
  font-size: 0.875rem;
  color: var(--store-text-secondary, #aaa);
}
/* Regular price */
.s-products-list-wrapper .product-card__price .starting-or-normal-price {
  justify-content: flex-start;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--slider-accent);
}

.s-block--testimonials .home-block-title h2 {
  font-size: var(--heading-2-size) !important;
  font-weight: var(--heading-2-weight) !important;
}
/* PRODUCTS LIST END */

/* =============================================
   PRODUCT SINGLE PAGE START
   ============================================= */
.product-single {
  --product-accent: #8b5e3c;
}
/* ── Product title ── */
.product-single h1 {
  font-weight: 600 !important;
  line-height: 1.2;
}
/* ── Price — use accent color everywhere ── */
/* Main price (non-sale / current price) */
.product-single .total-price {
  color: var(--product-accent) !important;
  font-weight: 600 !important;
}
/* Before/original struck-through price */
.product-single .before-price {
  color: var(--store-text-secondary, #a09898) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}
/* Tax note */
.product-single .text-store-text-secondary.mb-3 {
  font-size: 0.75rem;
  opacity: 0.6;
}
/* ── Description body text ── */
.product-single .product-description,
.product-single .product-description p {
  color: var(--store-text-primary, rgb(73, 67, 67));
  font-size: 0.9375rem;
  line-height: 1.75;
  opacity: 0.85;
}
/* ── Section heading "تفاصيل المنتج" ── */
.product-single .product-details-title span,
.product-single [class*="details"] > span {
  font-weight: 600;
  color: var(--store-text-primary, rgb(73, 67, 67));
}
/* ── Availability badge ── */
.product-single salla-product-availability {
  font-size: 0.875rem;
}
/* ── "You may also like" section heading ── */
.product-single .s-slider-block__title h2,
.product-single .s-block__title h2 {
  font-size: var(--heading-2-size) !important;
  font-weight: var(--heading-2-weight) !important;
}
/* ── Related products cards — same as listing page ── */
.product-single .s-products-list-wrapper {
  --slider-accent: #8b5e3c;
  --slider-img-bg: var(--product-bg, #f4f3e5);
  --slider-ease: 0.22s ease;
}
.product-single .s-products-list-wrapper .product-card {
  background: transparent;
  border: none;
  overflow: visible;
}
.product-single .s-products-list-wrapper .product-card__image {
  border-radius: var(--theme-border-radius);
  overflow: hidden;
  background: var(--slider-img-bg);
}
.product-single .s-products-list-wrapper .product-card__content-wrapper {
  text-align: start;
}
.product-single .s-products-list-wrapper .product-card__title {
  font-size: 1.05rem;
  font-weight: 600;
  text-align: start !important;
}
.product-single .s-products-list-wrapper .product-card__price {
  justify-content: flex-start !important;
}
.product-single .s-products-list-wrapper .product-card__price .total-price {
  color: var(--slider-accent) !important;
  font-size: 0.95rem;
  font-weight: 600;
}
.product-single .s-products-list-wrapper .product-card__price .before-price {
  font-size: 0.875rem;
  color: var(--store-text-secondary, #aaa);
}
.product-single
  .s-products-list-wrapper
  .product-card__price
  .starting-or-normal-price {
  justify-content: flex-start;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--slider-accent);
}

.product-single-top-description {
  font-size: 1.1rem;
}

/* TABBY TAMARA */
#tabbyPromo > [class*="styles__tabby"],
#tabbyPromoWrapper,
.tamara-product-widget {
  background-color: var(--bg-primary) !important;
  border: 1px solid var(--color-primary) !important;
  border-radius: var(--theme-border-radius) !important;
  color: var(--color-primary) !important;
  font-weight: 300 !important;
  overflow: hidden;
  --snippetTextColor: var(--color-primary) !important;
  font-size: 1.2rem !important;
}
/* Force font on the shadow host so it inherits correctly */
.styles__containerPortal--c9f84 {
  font-family: inherit !important;
}
/* =============================================
   PRODUCT SINGLE PAGE START
   ============================================= */
.product-single .product-single__main-media a.swiper-slide img,
.product-single
  .product-single__main-media
  .s-slider-thumbs
  .s-slider-thumbs-container
  .swiper-slide,
.product-single
  .product-single__main-media
  .s-slider-thumbs
  .s-slider-thumbs-container
  .swiper-slide::after {
  border-radius: var(--theme-border-radius);
}
.product-single__inner .s-button-icon {
  border-radius: 50% !important;
}
.product-single h1 {
  font-size: var(--heading-2-size) !important;
  font-weight: var(--heading-2-weight) !important;
}
.product-single .total-price {
  font-weight: var(--heading-2-weight) !important;
}

.product-single__inner .s-button-btn {
  display: inline-flex;
  min-width: 56px;
  min-height: 56px;
  padding: 16px 48px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 9999px !important;
  /* --btnColor: var(--color-primary);
  --btnBg: var(--bg-primary); */
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  overflow: hidden;
}
.s-add-product-button-main .s-add-product-button-mini-checkout,
.s-fast-checkout-button.outline,
.product-single__inner .s-quantity-input-container {
  border-radius: 9999px !important;
  --salla-fast-checkout-button-border-radius: 99999px !important;
}
.product-single .product-price.product-price-bottom {
  padding-block: 2rem;
}
.product-single .container.fit-slider-products {
  padding-block: 6rem;
  margin-block: 0;
}
.product-single .product-single__info {
  display: flex;
  flex-direction: column;
}
.product-single salla-installment {
  order: 2;
  margin-top: 1.25rem;
}

.product-single .product-single__info button.btn--wishlist,
.product-single .product-single__info button.s-social-share-btn {
  background-color: var(--bg-primary);
  border-width: 1px;
  border-color: var(--store-text-primary) !important;
  color: var(--store-text-primary);
}
/* =============================================
   PRODUCT SINGLE PAGE END
   ============================================= */

/* =============================================
   BRAND SINGLE PAGE START
   ============================================= */

.brands-single header {
  flex-direction: column;
  align-items: center;
  text-align: center !important;
}

.brands-single header img.rounded-md {
  border-radius: 0;
  --tw-shadow: none;
  --tw-shadow-colored: none;
  padding: 0;
  height: 8rem;
  width: auto;
}

.brands-single header h1 {
  font-size: var(--heading-2-size) !important;
  font-weight: var(--heading-2-weight) !important;
}
.brands-single header p {
  font-size: 1.6rem;
  padding-block: 1rem;
}

/* =============================================
   BRAND SINGLE PAGE END
   ============================================= */

/* =============================================
   QUICKVIEW POPUP START
   ============================================= */

.quickview__content {
  border-radius: var(--theme-border-radius);
}
.quickview-actions .btn--wishlist button,
.quickview-actions .s-social-share-btn button {
  border-radius: 50% !important;
}

.quickview__content .quickview-single-info .product-quickview_title {
  font-weight: var(--heading-2-weight) !important;
}
.quickview__content .s-button-btn,
.quickview .s-quantity-input-container {
  border-radius: 9999px !important;
}
/* =============================================
   QUICKVIEW POPUP END
   ============================================= */

/* =============================================
   CATEGORY PAGE START
   ============================================= */
.text-store-text-secondary {
  color: var(--store-text-secondary);
  font-size: 1.5rem;
  font-weight: var(--heading-2-weight);
  line-height: 1.1;
}
.cat-content-wrapper--content {
  align-items: center;
  padding-inline: 0;
}
.cat-content-wrapper--image {
  background-color: var(--bg-secondary);
}

.cat-content-wrapper--content .text-store-text-primary {
  font-size: var(--heading-2-size);
  font-weight: var(--heading-2-weight);
}
/* =============================================
   CATEGORY PAGE END
   ============================================= */

.curated-collections {
  clip-path: polygon(
    0% 5.09%,
    0.82% 5.3%,
    1.36% 5.47%,
    2.16% 5.87%,
    2.5% 5.99%,
    2.84% 6.06%,
    3.18% 6.25%,
    3.58% 6.59%,
    4.04% 6.8%,
    4.49% 6.66%,
    5.12% 6.42%,
    5.63% 6.78%,
    6.25% 7.53%,
    6.77% 7.93%,
    7.56% 8.43%,
    8.24% 8.86%,
    8.64% 8.84%,
    9.38% 8.57%,
    9.89% 8.43%,
    10.69% 8.29%,
    11.43% 8.15%,
    11.77% 8.41%,
    12.39% 8.6%,
    12.56% 8.6%,
    13.13% 8.01%,
    13.87% 7.63%,
    14.27% 7.22%,
    14.72% 6.96%,
    15.01% 6.53%,
    15.29% 6.44%,
    15.69% 5.68%,
    16.09% 5.24%,
    16.6% 5.07%,
    17.4% 4.66%,
    17.91% 4.4%,
    18.7% 4.76%,
    19.39% 4.76%,
    19.67% 4.6%,
    20.01% 4.29%,
    20.35% 4.31%,
    20.69% 4.52%,
    21.26% 4.41%,
    21.89% 4.76%,
    22.51% 4.6%,
    23.08% 4.59%,
    23.31% 4.71%,
    23.99% 4.95%,
    24.28% 4.98%,
    25.13% 4.95%,
    25.41% 4.79%,
    26.09% 4.38%,
    26.55% 4.57%,
    27.06% 4.5%,
    27.46% 4.38%,
    27.97% 3.89%,
    28.43% 3.84%,
    28.94% 3.62%,
    29.45% 3.91%,
    29.85% 4.08%,
    30.3% 4.1%,
    30.59% 4.12%,
    31.15% 3.72%,
    31.38% 3.65%,
    31.72% 3.79%,
    32.35% 4.15%,
    32.75% 4.17%,
    33.09% 4.24%,
    33.43% 4.57%,
    33.66% 4.71%,
    34.11% 4.57%,
    34.51% 4.52%,
    34.91% 4.47%,
    35.3% 4.33%,
    35.75% 4.36%,
    36.26% 4.45%,
    36.72% 4.14%,
    37.12% 3.64%,
    37.57% 3.43%,
    38.02% 3.13%,
    38.59% 3.07%,
    39.16% 3.31%,
    39.56% 3.38%,
    40.01% 3.54%,
    40.35% 3.46%,
    40.69% 3.56%,
    41.21% 3.78%,
    41.78% 3.67%,
    42.17% 3.78%,
    42.57% 4.07%,
    43.14% 4.65%,
    43.88% 5.25%,
    44.33% 5.48%,
    44.73% 5.54%,
    45.08% 5.36%,
    45.36% 5.32%,
    45.76% 5.46%,
    46.16% 5.38%,
    46.5% 5.25%,
    47.07% 5.06%,
    47.53% 5.07%,
    47.81% 5.27%,
    48.15% 5.54%,
    48.61% 5.54%,
    49.18% 5.57%,
    49.58% 5.6%,
    50.03% 5.6%,
    50.48% 8.86%,
    50.77% 8.86%,
    51.05% 8.69%,
    51.62% 8.46%,
    52.19% 8.34%,
    52.7% 8.13%,
    53.04% 8%,
    53.44% 7.82%,
    53.61% 7.93%,
    54.24% 7.3%,
    54.52% 7.23%,
    54.86% 7.39%,
    55.43% 7.42%,
    55.77% 7.41%,
    56.68% 7.74%,
    57.25% 7.49%,
    57.7% 7.46%,
    58.04% 7.42%,
    58.39% 7.39%,
    58.73% 7.48%,
    58.9% 7.48%,
    59.24% 7.23%,
    59.47% 7.18%,
    59.75% 7.22%,
    59.98% 7.27%,
    60.72% 7.51%,
    61% 7.51%,
    61.4% 7.36%,
    61.97% 7.29%,
    62.14% 7.48%,
    62.42% 7.7%,
    62.82% 7.7%,
    63.22% 7.74%,
    63.67% 7.55%,
    64.07% 7.55%,
    64.35% 7.58%,
    64.92% 7.13%,
    65.55% 7.32%,
    66.12% 7.25%,
    66.74% 6.75%,
    67.03% 6.65%,
    67.6% 6.42%,
    68.11% 6.37%,
    68.56% 6.73%,
    68.96% 6.84%,
    69.41% 6.87%,
    69.64% 6.77%,
    70.32% 6.49%,
    70.61% 6.47%,
    70.95% 6.54%,
    71.35% 6.77%,
    71.63% 6.97%,
    71.86% 6.91%,
    72.09% 6.94%,
    72.37% 7.03%,
    72.71% 7.25%,
    73.05% 7.39%,
    73.45% 7.32%,
    73.79% 7.32%,
    73.96% 7.27%,
    74.53% 7.22%,
    75.04% 7.1%,
    75.44% 7.11%,
    75.84% 7.13%,
    76.18% 7.11%,
    76.52% 7.11%,
    76.86% 7.3%,
    77.2% 6.87%,
    77.54% 6.11%,
    77.77% 6.11%,
    78.06% 6.11%,
    78.34% 5.38%,
    78.57% 5.35%,
    79.14% 5.37%,
    79.82% 5.02%,
    79.99% 5.02%,
    80.22% 4.79%,
    80.78% 4.79%,
    81.35% 4.78%,
    82.04% 4.71%,
    82.6% 4.79%,
    83.29% 4.57%,
    83.57% 4.33%,
    83.97% 4.22%,
    84.54% 4.29%,
    84.93% 4.52%,
    85.16% 4.71%,
    85.56% 5.14%,
    86.07% 5.88%,
    86.75% 6.33%,
    87.15% 6.61%,
    87.61% 7.36%,
    88% 7.65%,
    88.52% 8.15%,
    88.91% 8.48%,
    89.2% 8.67%,
    89.48% 8.67%,
    89.88% 8.93%,
    90.22% 8.86%,
    90.51% 8.86%,
    90.9% 8.69%,
    91.64% 8.46%,
    92.33% 8.34%,
    92.78% 8.13%,
    93.06% 8%,
    93.46% 7.82%,
    93.63% 7.93%,
    94.03% 7.3%,
    94.37% 7.23%,
    94.71% 7.39%,
    95% 7.42%,
    95.34% 7.41%,
    96.08% 7.74%,
    96.65% 7.49%,
    97.27% 7.46%,
    97.67% 7.42%,
    98.18% 7.39%,
    98.52% 7.48%,
    99.03% 7.27%,
    100% 7.27%,
    100% 100%,
    0% 100%
  );
}

/* Mobile: ≤640px → ~57 points (every 4th) */
@media (max-width: 1024px) {
  .curated-collections {
    margin-top: -9rem;
    padding-top: 15rem;
    clip-path: polygon(
      0% 6.39%,
      2% 6.59%,
      4% 6.88%,
      6% 7.01%,
      8% 7.44%,
      10% 7.35%,
      12% 7.37%,
      14% 7.08%,
      16% 6.46%,
      18% 6.2%,
      20% 6.16%,
      22% 6.28%,
      24% 6.35%,
      26% 6.2%,
      28% 6.04%,
      30% 6.09%,
      32% 6.06%,
      34% 6.25%,
      36% 6.19%,
      38% 5.82%,
      40% 5.94%,
      42% 5.99%,
      44% 6.45%,
      46% 6.48%,
      48% 6.48%,
      50% 6.53%,
      52% 7.34%,
      54% 7.1%,
      56% 7.08%,
      58% 7.06%,
      60% 7.02%,
      62% 7.03%,
      64% 7.1%,
      66% 7.02%,
      68% 6.76%,
      70% 6.83%,
      72% 6.92%,
      74% 7.02%,
      76% 6.98%,
      78% 6.68%,
      80% 6.36%,
      82% 6.28%,
      84% 6.13%,
      86% 6.59%,
      88% 7.13%,
      90% 7.49%,
      92% 7.35%,
      94% 7.04%,
      96% 7.14%,
      98% 7.06%,
      100% 7.02%,
      100% 100%,
      0% 100%
    );
  }
}

.form-input {
  background-color: var(--bg-primary) !important;
}

/* COMING SOON */
.coming-soon-badge,.main-menu .coming-soon-badge {
    position: absolute;
    top: var(--theme-border-radius);
    inset-inline-end: var(--theme-border-radius);
    background: var(--bg-secondary);
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 5px;
    line-height: 1;
    display: block;
}

/* ── WhatsApp floating CTA – mobile & tablet fix ────────────────── */
/* Mobile (up to 767px) – lift button above the bottom nav (~60px) */
@media (max-width: 767px) {
  div[class*="wa-button"] {
    bottom: 80px !important; /* 60px nav height + 20px original gap */
  }
}
/* Tablet (768px – 1023px) – same fix if bottom nav is visible */
@media (min-width: 768px) and (max-width: 1023px) {
  div[class*="wa-button"] {
    bottom: 80px !important;
  }
}
/* Desktop (1024px+) – restore original position */
@media (min-width: 1024px) {
  div[class*="wa-button"] {
    bottom: 20px !important;
  }
}
/* ── App Install Alert – bring in front of WhatsApp CTA ─────────── */
/* 1. Lower WA button from max z-index (overrides inline style) */
div[class*="wa-button"] {
  z-index: 9998 !important;
}
/* 2. Raise the app install alert above the WA button */
salla-app-install-alert,
.s-app-install-alert-wrapper {
  z-index: 99999 !important;
}
/* 3. On mobile/tablet – also push WA button above bottom nav */
@media (max-width: 1023px) {
  div[class*="wa-button"] {
    bottom: 80px !important;
    z-index: 9998 !important;
  }
}