/** Shopify CDN: Minification failed

Line 401:12 Expected identifier but found whitespace
Line 401:71 Unexpected "/"

**/
/*
  LÉROZA — right-to-left overrides.
  Loaded from theme.liquid only when the storefront locale is Arabic,
  so the English store downloads none of this.

  ── THE RULE THAT MATTERS ──────────────────────────────────────────
  Flexbox and grid mirror themselves automatically once dir="rtl" is
  set. justify-content, align-items, flex-start and flex-end must NOT
  be overridden here — doing so flips the layout a second time and
  sends it back where it started.

  Only these need mirroring, because they are physical, not logical:
      text-align: left / right
      padding-left / padding-right
      margin-left / margin-right
      left: / right:
      float
      border-left / border-right
  ───────────────────────────────────────────────────────────────────
*/

/* ---------- Arabic typography ----------
   Noto Kufi Arabic for hero headings and fragrance names, Almarai for
   body copy. Bodoni Moda and Manrope have no Arabic glyphs, so every
   rule that names them in theme.liquid is replaced here. */
html[dir='rtl'] {
  --font-heading-family: 'Noto Kufi Arabic', sans-serif;
  --font-heading-weight: 400;
  --font-body-family: 'Almarai', sans-serif;
  --font-body-weight: 300;
  --font-body-weight-bold: 700;
}

[dir='rtl'] body {
  font-family: 'Almarai', sans-serif;
  font-weight: 300;
}

/* Headings and fragrance names */
[dir='rtl'] h1,
[dir='rtl'] h2,
[dir='rtl'] h3,
[dir='rtl'] h4,
[dir='rtl'] h5,
[dir='rtl'] h6,
[dir='rtl'] .h0,
[dir='rtl'] .h1,
[dir='rtl'] .h2,
[dir='rtl'] .h3,
[dir='rtl'] .h4,
[dir='rtl'] .title,
[dir='rtl'] .card__heading,
[dir='rtl'] .lz-title,
[dir='rtl'] .lz-fc-title,
[dir='rtl'] [class*='__hero-heading'],
[dir='rtl'] [class*='__word'],
[dir='rtl'] [class*='__name'],
[dir='rtl'] [class*='__title'],
[dir='rtl'] [class*='__note-title'] {
  font-family: 'Noto Kufi Arabic', sans-serif;
  font-weight: 400;
}

/* Buttons, navigation and small text all sit on Almarai */
[dir='rtl'] .button,
[dir='rtl'] button,
[dir='rtl'] .shopify-payment-button__button,
[dir='rtl'] input[type='submit'],
[dir='rtl'] .header__menu-item,
[dir='rtl'] .list-menu__item,
[dir='rtl'] .header__inline-menu a,
[dir='rtl'] .menu-drawer__menu-item,
[dir='rtl'] [class*='__explore'],
[dir='rtl'] [class*='__button'],
[dir='rtl'] [class*='__view-all'] a,
[dir='rtl'] .caption,
[dir='rtl'] .caption-with-letter-spacing,
[dir='rtl'] [class*='__notes'],
[dir='rtl'] [class*='__profile'] {
  font-family: 'Almarai', sans-serif;
  font-weight: 400;
}

/* Latin letter-spacing breaks Arabic — it separates letters that join. */
[dir='rtl'] body,
[dir='rtl'] .h0,
[dir='rtl'] .h1,
[dir='rtl'] .h2,
[dir='rtl'] .h3,
[dir='rtl'] .h4,
[dir='rtl'] h1,
[dir='rtl'] h2,
[dir='rtl'] h3,
[dir='rtl'] h4,
[dir='rtl'] .caption-with-letter-spacing,
[dir='rtl'] .button {
  letter-spacing: 0;
}

/* Prices keep Latin number order but sit on the Arabic reading edge. */
[dir='rtl'] .price,
[dir='rtl'] .price-item,
[dir='rtl'] .quantity__input {
  direction: ltr;
  unicode-bidi: embed;
}

[dir='rtl'] .price,
[dir='rtl'] .price__container,
[dir='rtl'] .price__regular,
[dir='rtl'] .price__sale,
[dir='rtl'] .card-information,
[dir='rtl'] .price-item {
  text-align: right;
}

/* ---------- Header ---------- */
[dir='rtl'] header-drawer {
  justify-self: end;
  margin-left: 0;
  margin-right: -1.2rem;
}

[dir='rtl'] .header__inline-menu {
  margin-left: 0;
  margin-right: 2rem;
}

[dir='rtl'] .header__icon--cart .cart-count-bubble {
  left: -0.8rem;
  right: auto;
}

[dir='rtl'] summary.list-menu__item {
  padding-right: 0;
  padding-left: 2.7rem;
}

[dir='rtl'] .header__submenu {
  text-align: right;
}

[dir='rtl'] .menu-drawer {
  left: auto;
  right: 0;
  transform: translateX(100%);
  border-right: 0;
  border-left: var(--drawer-border-width) solid rgba(var(--color-foreground), var(--drawer-border-opacity));
}

[dir='rtl'] .menu-drawer__navigation .list-menu__item,
[dir='rtl'] .menu-drawer__menu-item {
  text-align: right;
}

[dir='rtl'] .menu-drawer__close-button {
  text-align: right;
  padding-left: 0;
  padding-right: 3rem;
}

[dir='rtl'] .menu-drawer__inner-submenu {
  transform: translateX(-100%);
}

/* ---------- Carets and arrows ---------- */
[dir='rtl'] .icon-caret,
[dir='rtl'] .disclosure__button .icon-caret {
  right: auto;
  left: 1.5rem;
}

[dir='rtl'] .slider-button--prev .svg-wrapper,
[dir='rtl'] .slider-button--next .svg-wrapper {
  transform: rotate(180deg);
}

[dir='rtl'] .animate-arrow .icon-arrow,
[dir='rtl'] .product__view-details .icon-arrow {
  transform: rotate(180deg);
}

/* ---------- Cards ---------- */
[dir='rtl'] .card__information,
[dir='rtl'] .card__content,
[dir='rtl'] .card__heading,
[dir='rtl'] .collection-list__item,
[dir='rtl'] .rte,
[dir='rtl'] .product__description {
  text-align: right;
}

[dir='rtl'] .card__badge.bottom.left,
[dir='rtl'] .card__badge.top.left {
  left: auto;
  right: 1rem;
}

[dir='rtl'] .card__badge.bottom.right,
[dir='rtl'] .card__badge.top.right {
  right: auto;
  left: 1rem;
}

/* ---------- Forms and inputs ---------- */
[dir='rtl'] .field__input,
[dir='rtl'] .select__select,
[dir='rtl'] .customer .field input,
[dir='rtl'] textarea {
  text-align: right;
}

[dir='rtl'] .field__label {
  left: auto;
  right: calc(var(--inputs-border-width) + 2rem);
}

[dir='rtl'] .select .icon-caret {
  right: auto;
  left: calc(var(--inputs-border-width) + 1.5rem);
}

[dir='rtl'] .search__input.field__input {
  padding-left: 9.8rem;
  padding-right: 2rem;
}

[dir='rtl'] .search__button,
[dir='rtl'] .search__input + .field__button {
  right: auto;
  left: 0;
}

/* ---------- Cart ---------- */
[dir='rtl'] .cart-drawer,
[dir='rtl'] .drawer__inner {
  left: 0;
  right: auto;
}

[dir='rtl'] .drawer__close {
  right: auto;
  left: 0;
}

[dir='rtl'] .cart-item__quantity,
[dir='rtl'] .cart-item__details,
[dir='rtl'] .totals,
[dir='rtl'] .cart-items th,
[dir='rtl'] .cart-items td {
  text-align: right;
}

/* ---------- Product page ---------- */
[dir='rtl'] .product__info-wrapper {
  padding-left: 0;
  padding-right: 5rem;
}

@media screen and (max-width: 749px) {
  [dir='rtl'] .product__info-wrapper {
    padding-right: 0;
  }
}

[dir='rtl'] .product-form__input,
[dir='rtl'] .product__accordion .accordion__content {
  text-align: right;
}

/* ---------- Rich text section ----------
   Only text-align. The wrapper is a flexbox and mirrors itself. */
[dir='rtl'] .rich-text__blocks,
[dir='rtl'] .rich-text__blocks.left,
[dir='rtl'] .rich-text__blocks.left .rich-text__heading,
[dir='rtl'] .rich-text__blocks.left .rich-text__text,
[dir='rtl'] .rich-text__blocks.left .rich-text__caption,
[dir='rtl'] .rich-text__heading,
[dir='rtl'] .rich-text__heading strong,
[dir='rtl'] .rich-text__text strong,
[dir='rtl'] .rich-text__caption {
  text-align: right;
}

[dir='rtl'] .rich-text__blocks.right,
[dir='rtl'] .rich-text__blocks.right .rich-text__heading,
[dir='rtl'] .rich-text__blocks.right .rich-text__text,
[dir='rtl'] .rich-text__blocks.right .rich-text__caption {
  text-align: left;
}

/* ---------- Image with text ----------
   Dawn pads only the side facing the image, which leaves the text
   flush against the photo once the columns mirror. Equal padding on
   both sides is simpler and cannot break in either direction. */
[dir='rtl'] .image-with-text__content,
[dir='rtl'] .multirow .image-with-text__content {
  text-align: right;
}

@media screen and (min-width: 750px) {
  [dir='rtl'] .image-with-text__content {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  [dir='rtl'] .image-with-text__content--desktop-right {
    text-align: left;
  }

  [dir='rtl'] .image-with-text__content--desktop-center {
    text-align: center;
  }
}

@media screen and (max-width: 749px) {
  [dir='rtl'] .image-with-text__content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  [dir='rtl'] .image-with-text__content--mobile-right {
    text-align: left;
  }
}

/* ---------- Collection and featured collection titles ---------- */
[dir='rtl'] .collection__title,
[dir='rtl'] .collection__description,
[dir='rtl'] .title-wrapper-with-link {
  text-align: right;
}

/* ---------- Collection showcase hero ----------
   The wider max-width accounts for Arabic characters being narrower
   than Latin ones. No flex-direction here — see the rule at the top. */
[dir='rtl'] [class*='__hero-heading'] {
  text-align: right;
  max-width: 32ch;
}

/* ---------- Léroza product sections ---------- */
[dir='rtl'] .lz-journey {
  padding-left: 0;
  padding-right: 3rem;
}

[dir='rtl'] .lz-journey::before {
  left: auto;
  right: 0.5rem;
}

[dir='rtl'] .lz-stage::before {
  left: auto;
  right: -3rem;
}

[dir='rtl'] .lz-slider__btn--prev {
  left: auto;
  right: 1.2rem;
}

[dir='rtl'] .lz-slider__btn--next {
  right: auto;
  left: 1.2rem;
}

[dir='rtl'] .lz-slider__btn--prev svg {
  transform: rotate(-90deg);
}

[dir='rtl'] .lz-slider__btn--next svg {
  transform: rotate(90deg);
}

[dir='rtl'] .lz-title,
[dir='rtl'] .lz-tagline,
[dir='rtl'] .lz-desc,
[dir='rtl'] .lz-group__title,
[dir='rtl'] .lz-group__body,
[dir='rtl'] .lz-pair {
  text-align: right;
}

/* ---------- Footer ---------- */
[dir='rtl'] .footer-block,
[dir='rtl'] .footer__content-top,
[dir='rtl'] .footer-block__details-content {
  text-align: right;
}

[dir='rtl'] .list-social {
  padding-right: 0;
}
* Rich text: flush to the edge, heading follows the reading direction */
@media screen and (min-width: 750px) {
  [dir='rtl'] .rich-text__wrapper,
  [dir='rtl'] .rich-text__wrapper--left,
  [dir='rtl'] .rich-text__wrapper--center,
  [dir='rtl'] .rich-text__wrapper--right {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
}
[dir='rtl'] .rich-text__blocks .rich-text__heading,
[dir='rtl'] .rich-text__blocks .rich-text__buttons,
[dir='rtl'] .rich-text__blocks .rich-text__caption,
[dir='rtl'] .rich-text__blocks .rich-text__text,
[dir='rtl'] .rich-text__blocks .rich-text__text p {
  text-align: right !important;
  text-align-last: auto !important;
}
/* Multirow: keep text off the image on whichever side it lands.
   !important because component-image-with-text.css loads after this file. */
@media screen and (min-width: 750px) {
  [dir='rtl'] .multirow .image-with-text__content {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

@media screen and (max-width: 749px) {
  [dir='rtl'] .multirow .image-with-text__content {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}