@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&family=Manrope:wght@400;500;600;700&display=swap");

/* STORE */
body.salla-632105401 {
  --g-burgundy: #b80d2f;
  --g-burgundy-dark: #920923;
  --g-black: #171816;
  --g-cream: #f4f0e5;
  --g-soft: #faf8f3;
  --g-gold: #80683c;
  --g-text: #1c1c1c;
  --g-muted: #625e57;
  --g-border: #e5dfd3;
  --g-duration: 180ms;
  margin: 0;
  background: #fff;
  color: var(--g-text);
  font-family: "Manrope", "Tajawal", Arial, sans-serif !important;
  line-height: 1.7;
}

html[dir="rtl"] body.salla-632105401 {
  font-family: "Tajawal", Arial, sans-serif !important;
}

body.salla-632105401 :is(button, input, select, textarea) {
  font-family: inherit;
}

body.salla-632105401 :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--g-gold) !important;
  outline-offset: 4px;
}

/* Header and navigation use the original theme styles. */

/* HERO
   Preserve native mobile/desktop visibility.
   Do not force display on banner images or their wrappers. */
body.salla-632105401.index .advanced-slider--0 {
  margin-block-start: 0 !important;
  background: var(--g-black);
}

body.salla-632105401.index .advanced-slider--0 .advanced-slider__image {
  inline-size: 100%;
  block-size: auto !important;
  object-fit: contain !important;
}

body.salla-632105401.index .advanced-slider--0 img.advanced-slider__image,
body.salla-632105401.index .advanced-slider--0 .advanced-slider__image img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

body.salla-632105401.index main video {
  display: block;
  inline-size: 100% !important;
  block-size: clamp(280px, 36vw, 560px) !important;
  object-fit: cover;
  object-position: center;
}

/* HOMEPAGE TITLES */
body.salla-632105401.index main > :is(.s-block, .s-block--custom-products) {
  margin-block: clamp(32px, 4.5vw, 64px);
}

body.salla-632105401 .home-block-title {
  margin-block-end: clamp(20px, 3vw, 32px);
}

body.salla-632105401 .home-block-title h2 {
  font-family: inherit;
  font-size: clamp(25px, 2.4vw, 36px) !important;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
  color: var(--g-black);
  margin-block: 0 8px;
}

body.salla-632105401 .home-block-title :is(p, .products-lookbook__title--subheading) {
  font-size: 15px;
  line-height: 1.85;
  color: var(--g-muted);
  max-inline-size: 62ch;
  margin-inline: auto;
}

body.salla-632105401 .enhanced-title-border {
  background: var(--g-gold) !important;
  inline-size: 40px;
  block-size: 2px;
  margin-block-start: 14px;
}

/* BENEFITS */
body.salla-632105401 .enhanced-features__grid {
  gap: 12px !important;
  align-items: stretch;
}

body.salla-632105401 .s-block--enhanced-features__item {
  padding: 20px 16px !important;
  min-block-size: 0 !important;
  background: var(--g-soft) !important;
  border: 1px solid var(--g-border) !important;
  box-shadow: none !important;
}

body.salla-632105401 .s-block--enhanced-features__item .feature-icon {
  margin-block: 0 10px !important;
}

body.salla-632105401 .s-block--enhanced-features__item .feature-icon img {
  inline-size: 36px !important;
  block-size: 36px !important;
  object-fit: contain;
}

body.salla-632105401 .s-block--enhanced-features__item h2 {
  font-size: 18px !important;
  line-height: 1.6 !important;
  font-weight: 700;
  margin-block: 0 6px !important;
}

body.salla-632105401 .s-block--enhanced-features__item p {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--g-muted);
  margin: 0 !important;
}

/* PRODUCT CARDS: preserve native slider widths */
body.salla-632105401 custom-salla-product-card.product-card {
  background: #fff !important;
  border: 1px solid var(--g-border) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  transition: border-color var(--g-duration) ease;
}

body.salla-632105401 .product-card .product-card__image {
  aspect-ratio: 1 / 1;
  inline-size: 100%;
  block-size: auto !important;
  background: #fff !important;
}

body.salla-632105401 .product-card .product-card__image > a {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}

body.salla-632105401 .product-card .product-card__image img {
  object-fit: contain !important;
}

body.salla-632105401 .product-card .product-card__content {
  padding: 16px 12px !important;
}

body.salla-632105401 .product-card .product-card__title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal !important;
  min-block-size: 3.5em;
  color: var(--g-black) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  font-weight: 700;
}

body.salla-632105401 .product-card .product-card__price {
  gap: 8px;
  flex-wrap: wrap;
  margin-block-start: 10px;
}

body.salla-632105401 .product-card .total-price {
  color: var(--g-burgundy-dark);
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

/* PURCHASE BUTTONS */
body.salla-632105401 salla-add-product-button > :is(.w-full, .s-add-product-button-main) > salla-button > .s-button-element,
body.salla-632105401.index .custom-products__view-all-wrap .btn--outline-primary {
  min-block-size: 48px !important;
  background: var(--g-burgundy) !important;
  border: 1px solid var(--g-burgundy) !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.5;
  transition: background-color var(--g-duration) ease;
}

body.salla-632105401 salla-add-product-button .s-button-element:disabled {
  opacity: .55;
  cursor: not-allowed;
}

/* PRODUCT PAGE */
body.salla-632105401.product-single .product-single__title {
  font-size: clamp(24px, 2.2vw, 34px) !important;
  font-weight: 700;
  line-height: 1.6 !important;
  text-align: start !important;
  color: var(--g-black);
}

body.salla-632105401.product-single .product-single-top-description article {
  color: var(--g-muted);
  font-size: 16px;
  line-height: 1.95;
  text-align: start;
}

body.salla-632105401.product-single .product-single-top-description article p {
  margin-block: 0 14px;
  text-align: start;
}

body.salla-632105401.product-single .product-single-top-description article strong {
  color: var(--g-black);
  font-weight: 700;
}

body.salla-632105401.product-single .sticky-product-bar {
  background: var(--g-soft) !important;
  border: 1px solid var(--g-border);
  border-radius: 4px;
}

body.salla-632105401.product-single .sticky-cart-single {
  background: #fff;
  border: 1px solid var(--g-border);
  padding-block-end: max(12px, env(safe-area-inset-bottom));
}

body.salla-632105401.product-single .sticky-cart-single .item-thumb img {
  object-fit: contain;
}

body.salla-632105401.product-single .s-slider-block__title h2 {
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.5;
}

/* FOOTER */
body.salla-632105401 .store-footer,
body.salla-632105401 .store-footer__inner {
  background: var(--g-black) !important;
  color: #e6e1d7 !important;
}

body.salla-632105401 .store-footer__inner {
  padding-block: clamp(32px, 5vw, 64px);
}

body.salla-632105401 .store-footer :is(.footer-title, .footer-description, a) {
  color: #e6e1d7 !important;
}

body.salla-632105401 .store-footer .footer-title {
  color: #fff !important;
  font-size: 17px;
  margin-block-end: 16px;
}

body.salla-632105401 .store-footer .footer-description {
  line-height: 1.9;
}

body.salla-632105401 .store-footer__menu a {
  text-underline-offset: 5px;
}

/* HOVER */
@media (hover: hover) and (pointer: fine) {
  body.salla-632105401 custom-salla-product-card.product-card:hover {
    border-color: var(--g-gold) !important;
  }

  body.salla-632105401 salla-add-product-button > :is(.w-full, .s-add-product-button-main) > salla-button > .s-button-element:not(:disabled):hover,
  body.salla-632105401.index .custom-products__view-all-wrap .btn--outline-primary:hover {
    background: var(--g-burgundy-dark) !important;
    border-color: var(--g-burgundy-dark) !important;
  }

  body.salla-632105401 .store-footer__menu a:hover {
    text-decoration: underline;
  }
}

/* MOBILE ONLY */
@media (max-width: 767px) {
  /* Keep native image visibility and avoid cropping banner text.
     Use the theme's mobile banner upload for a taller composition. */
  body.salla-632105401.index .advanced-slider--0 .advanced-slider__image {
    height: auto !important;
    block-size: auto !important;
    min-height: 0 !important;
    min-block-size: 0 !important;
    max-height: none !important;
    max-block-size: none !important;
    aspect-ratio: auto !important;
    background: transparent !important;
  }

  body.salla-632105401.index .advanced-slider--0 img.advanced-slider__image,
  body.salla-632105401.index .advanced-slider--0 .advanced-slider__image img {
    width: 100% !important;
    inline-size: 100% !important;
    height: auto !important;
    block-size: auto !important;
    max-height: none !important;
    max-block-size: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body.salla-632105401.index main > :is(.s-block, .s-block--custom-products) {
    margin-block: 32px !important;
  }

  body.salla-632105401.index .advanced-slider--0 {
    margin-block-start: 0 !important;
  }

  body.salla-632105401 .home-block-title {
    padding-inline: 12px;
    margin-block-end: 20px;
  }

  body.salla-632105401 .home-block-title h2 {
    font-size: 28px !important;
    line-height: 1.4 !important;
  }

  body.salla-632105401 .home-block-title :is(p, .products-lookbook__title--subheading) {
    font-size: 16px;
    line-height: 1.8;
  }

  body.salla-632105401.index .s-block--enhanced-features {
    margin-block: 28px !important;
  }

  body.salla-632105401 .enhanced-features__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.salla-632105401 .s-block--enhanced-features__item {
    min-inline-size: 0;
    padding: 22px 16px !important;
    border-radius: 10px;
    text-align: center;
  }

  body.salla-632105401 .s-block--enhanced-features__item .feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 0 14px !important;
    font-size: 48px !important;
  }

  body.salla-632105401 .s-block--enhanced-features__item .feature-icon img {
    inline-size: 56px !important;
    block-size: 56px !important;
    max-inline-size: 100%;
    object-fit: contain;
  }

  body.salla-632105401 .s-block--enhanced-features__item h2 {
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin-block: 0 8px !important;
    overflow-wrap: break-word;
  }

  body.salla-632105401 .s-block--enhanced-features__item p {
    font-size: 15px !important;
    line-height: 1.8 !important;
    overflow-wrap: break-word;
  }

  /* Preserve theme-controlled product slider widths. */
  body.salla-632105401 .product-card .product-card__content {
    padding: 14px 10px !important;
  }

  body.salla-632105401 .product-card .product-card__title a {
    font-size: 15px !important;
    line-height: 1.65 !important;
    min-block-size: 3.3em;
  }

  body.salla-632105401 .product-card .product-card__price {
    gap: 6px;
  }

  body.salla-632105401 .product-card .total-price {
    font-size: 18px;
  }

  body.salla-632105401.product-single .product-single__main-media {
    block-size: clamp(300px, 100vw, 440px) !important;
    min-block-size: 0 !important;
  }

  body.salla-632105401 .store-footer__grid {
    gap: 24px 16px;
  }

  body.salla-632105401 :is(input, select, textarea) {
    font-size: 16px !important;
  }
}

/* Narrow phones: give Arabic feature titles enough room. */
@media (max-width: 479px) {
  body.salla-632105401 .enhanced-features__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.salla-632105401 .s-block--enhanced-features__item {
    padding: 20px !important;
  }
}

/* REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
  body.salla-632105401 :is(.product-card, .product-card img, .s-button-element, .s-block--enhanced-features__item) {
    animation: none !important;
    transition: none !important;
  }
}

/* CATEGORY IMAGES */
body.salla-632105401.index #square-links-slider-3 .square-links__image-wrap {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
  background: #fff;
}

body.salla-632105401.index #square-links-slider-3 .square-links__image-wrap img {
  display: block;
  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;
  transform: none !important;
  border-radius: 0 !important;
}

/* MOBILE PURCHASE CONTROLS */
@media (max-width: 767px) {
  body.salla-632105401.product-single .product-form .sticky-product-bar > salla-add-product-button {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.salla-632105401.product-single .product-form .sticky-product-bar .s-add-product-button-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.salla-632105401.product-single .product-form .sticky-product-bar .s-add-product-button-main > salla-button,
  body.salla-632105401.product-single .product-form .sticky-product-bar .s-add-product-button-main > salla-mini-checkout-widget,
  body.salla-632105401.product-single .product-form .sticky-product-bar salla-quick-buy {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body.salla-632105401.product-single .product-form .sticky-product-bar .s-add-product-button-main > salla-button > button {
    width: 100% !important;
    min-height: 50px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
  }

  body.salla-632105401.product-single .product-form .sticky-product-bar .s-add-product-button-main > salla-button .s-button-text {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.salla-632105401.product-single .product-form .sticky-product-bar .s-add-product-button-main > salla-button .s-button-text > span {
    justify-content: center !important;
    flex-wrap: wrap !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}

/* Verified homepage image section: mobile readability fix. */
@media (max-width: 767px) {
  body.salla-632105401.index .rectangular-links-1 {
    --mobile-row-items: 2 !important;
    margin-block: 24px !important;
  }

  body.salla-632105401.index .rectangular-links-1 .rectangular-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 426px !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  body.salla-632105401.index .rectangular-links-1 .rectangular-list > .rectangular-list-item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    grid-column: auto !important;
    margin: 0 !important;
  }

  body.salla-632105401.index .rectangular-links-1 .rectangular-list-item > a {
    display: block !important;
    width: 100% !important;
  }

  body.salla-632105401.index .rectangular-links-1 .rectangular-links__image-wrap {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden;
  }

  body.salla-632105401.index .rectangular-links-1 .rectangular-links__image-wrap img {
    display: block !important;
    width: 100% !important;
    max-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;
  }
}


/* Mobile benefits: horizontal swipe scroller. */
@media (max-width: 767px) {
  body.salla-632105401.index .rectangular-links-1 .rectangular-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    padding-block: 0 10px !important;
  }

  body.salla-632105401.index .rectangular-links-1 .rectangular-list > .rectangular-list-item {
    flex: 0 0 82% !important;
    width: 82% !important;
    min-width: 0 !important;
    max-width: none !important;
    scroll-snap-align: start;
  }
}

/* Center each mobile swipe card, including the first and last. */
@media (max-width: 767px) {
  body.salla-632105401.index .rectangular-links-1 .rectangular-list {
    box-sizing: border-box !important;
    padding-inline: 9% !important;
    scroll-padding-inline: 9%;
    scroll-snap-type: x mandatory;
  }

  body.salla-632105401.index .rectangular-links-1 .rectangular-list > .rectangular-list-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    scroll-snap-align: center;
  }
}