/** Shopify CDN: Minification failed

Line 178:36 Unexpected "*"

**/
/* ============================================================
   Zence Design RTL overrides — active only when dir="rtl" is set
   (Arabic locale). Loaded after base.css from theme.liquid inside
   {% if request.locale.iso_code == 'ar' %}. Every rule is scoped
   to [dir="rtl"] so the English site can never be affected.
   Adapted from the battle-tested BaytWood rtl.css (July 2026).
   ============================================================ */

/* ---------- Arabic typography ---------- */
[dir="rtl"] body,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] button,
[dir="rtl"] .cart-drawer {
  font-family: 'Cairo', var(--font-body-family), sans-serif;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5,
[dir="rtl"] .h0, [dir="rtl"] .h1, [dir="rtl"] .h2, [dir="rtl"] .h3, [dir="rtl"] .h4, [dir="rtl"] .h5,
[dir="rtl"] .product__title,
[dir="rtl"] .banner__heading,
[dir="rtl"] .title {
  font-family: 'Amiri', var(--font-heading-family), serif;
}

/* Arabic script must not be letter-spaced — kills legibility */
[dir="rtl"] body,
[dir="rtl"] body * {
  letter-spacing: 0 !important;
}

/* ---------- Bidi isolation: mixed Arabic/Latin/number content ----------
   plaintext = each text block takes the natural direction of its own
   first strong character. Arabic right-aligns; leftover Latin strings,
   emails, @handles, and numeric ranges keep their LTR order intact. */
[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] dd,
[dir="rtl"] .price,
[dir="rtl"] .price__container,
[dir="rtl"] .cart-item__price-wrapper,
[dir="rtl"] .totals__total-value,
[dir="rtl"] .badge,
[dir="rtl"] .caption-with-letter-spacing,
[dir="rtl"] .footer-block__details-content,
[dir="rtl"] .footer__content-bottom,
[dir="rtl"] .list-social__link,
[dir="rtl"] .rating-text,
[dir="rtl"] .jdgm-widget {
  unicode-bidi: plaintext;
}
/* Card meta lines: headline / included / dimensions carry mixed
   Arabic + numerals (e.g. sizes "20×15 سم") — isolate each line. */
[dir="rtl"] .zd-card-headline-line,
[dir="rtl"] .zd-card-included-line,
[dir="rtl"] .zd-card-dimensions-line {
  unicode-bidi: plaintext;
}
/* Hard-LTR tokens regardless of context: emails, phones, and
   Instagram handles (render reversed under RTL without isolation). */
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href*="instagram.com"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* ---------- Base direction & alignment ---------- */
[dir="rtl"] .left { text-align: right; }
[dir="rtl"] .right { text-align: left; }
[dir="rtl"] .card__information,
[dir="rtl"] .product__info-container,
[dir="rtl"] .rte,
[dir="rtl"] .footer-block,
[dir="rtl"] .cart-drawer__form,
[dir="rtl"] .cart-item__details {
  text-align: right;
}

/* ---------- Directional icons: mirror ---------- */
[dir="rtl"] .icon-arrow,
[dir="rtl"] .slider-button .icon,
[dir="rtl"] .slideshow__control--next .icon,
[dir="rtl"] .slideshow__control--previous .icon,
[dir="rtl"] .pagination__item-arrow .icon,
[dir="rtl"] .breadcrumb__item .icon {
  transform: scaleX(-1);
}

/* ---------- Disclosure carets & floating labels ---------- */
[dir="rtl"] summary .icon-caret {
  right: auto;
  left: 1.5rem;
}
[dir="rtl"] .field__label,
[dir="rtl"] .customer .field label {
  left: auto;
  right: calc(var(--inputs-border-width) + 2rem);
}
[dir="rtl"] .field__input,
[dir="rtl"] .customer .field input,
[dir="rtl"] .search__input {
  text-align: right;
}
[dir="rtl"] .select .icon-caret,
[dir="rtl"] .customer select + svg {
  right: auto;
  left: 1.5rem;
}
[dir="rtl"] .select__select,
[dir="rtl"] .customer select {
  padding-right: 1.5rem;
  padding-left: 4rem;
}

/* ---------- Header ---------- */
[dir="rtl"] .header__icons {
  padding-right: 0;
  padding-left: 0.8rem;
}
[dir="rtl"] .header__inline-menu .list-menu--right {
  right: auto;
  left: 0;
}

/* ---------- Cart drawer & cart items ---------- */
[dir="rtl"] .cart-item__media { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .cart-drawer .drawer__close {
  right: auto;
  left: 1rem;
}

/* ---------- Product page ---------- */
[dir="rtl"] .product-form__buttons { text-align: right; }
[dir="rtl"] .quantity { direction: ltr; } /* − qty + stays intuitive */
[dir="rtl"] .product__tax { text-align: right; }

/* ---------- Cards & badges ---------- */
[dir="rtl"] .card__badge { direction: rtl; }

/* ---------- Announcement bar ---------- */
[dir="rtl"] .announcement-bar__message { unicode-bidi: plaintext; }

/* ---------- Zence top bars: service bar + mobile marquee ticker ----------
   1) Josefin Sans has no Arabic glyphs — swap to Cairo under RTL.
   2) The marquee loop animates translateX(0 → -50%). Under dir=rtl the
      inline-flex track reverses and overflows leftward, so the loop
      jumps/blanks. Fix: keep the track GEOMETRY ltr (seamless loop),
      while each repeated span renders its own content RTL via
      unicode-bidi: plaintext (digits like "1-2" stay intact). */
[dir="rtl"] .zence-service-bar__text,
[dir="rtl"] .zence-mobile-ticker__track span {
  font-family: 'Cairo', sans-serif;
  unicode-bidi: plaintext;
}
[dir="rtl"] .zence-mobile-ticker,
[dir="rtl"] .zence-mobile-ticker__track {
  direction: ltr;
}

/* ---------- Footer ---------- */
[dir="rtl"] .footer__list-social { justify-content: flex-start; }
[dir="rtl"] .footer__localization { direction: rtl; }

/* ---------- Checkout button & payment icons row ---------- */
[dir="rtl"] .cart__ctas,
[dir="rtl"] .cart__footer {
  direction: rtl;
}

/* ---------- Custom Zence (zd-*/zd_*) markup: safe generic pass ---------- */
[dir="rtl"] [class*="zd-"],
[dir="rtl"] [class*="zd_"] {
  text-align: right;
}
[dir="rtl"] [class*="zd-"] .icon,
[dir="rtl"] [class*="zd_"] .icon {
  margin-left: 0.6rem;
  margin-right: 0;
}

/* ---------- Zence custom sections: Arabic font & alignment overrides ----------
   zence-hero, zence-deal-banner, zence-benefits, zence-category-circles,
   zence-about-page, zence-contact-page and zence-footer hardcode Latin-only
   fonts (Josefin Sans / Roboto / EB Garamond), some with !important.
   Force Amiri for display headings and Cairo for body text under RTL,
   drop italic (not used in Arabic), and right-align content columns. */
[dir="rtl"] .zence-hero__heading,
[dir="rtl"] .zence-deal-banner__heading,
[dir="rtl"] .zence-benefits__heading,
[dir="rtl"] .zence-category-circles__heading,
[dir="rtl"] .zence-category-circles__products-heading,
[dir="rtl"] .zence-about-page__heading,
[dir="rtl"] .zence-about-page__why-heading,
[dir="rtl"] .zence-contact-page__form-heading,
[dir="rtl"] .zence-contact-page__info-heading {
  font-family: 'Amiri', serif !important;
}

[dir="rtl"] .zence-hero__subheading,
[dir="rtl"] .zence-hero__button,
[dir="rtl"] .zence-deal-banner__text,
[dir="rtl"] .zence-deal-banner__text p,
[dir="rtl"] .zence-deal-banner__button,
[dir="rtl"] .zence-benefits__title,
[dir="rtl"] .zence-category-circles__title,
[dir="rtl"] .zence-about-page__kicker,
[dir="rtl"] .zence-about-page__body,
[dir="rtl"] .zence-about-page__body p,
[dir="rtl"] .zence-about-page__cta,
[dir="rtl"] .zence-about-page__why-text,
[dir="rtl"] .zence-about-page__why-text p,
[dir="rtl"] .zence-about-page__benefit h3,
[dir="rtl"] .zence-about-page__benefit-copy,
[dir="rtl"] .zence-about-page__benefit-copy p,
[dir="rtl"] .zence-about-page__benefit-copy div,
[dir="rtl"] .zence-contact-page__form-text,
[dir="rtl"] .zence-contact-page__form-text p,
[dir="rtl"] .zence-contact-page__form input,
[dir="rtl"] .zence-contact-page__form textarea,
[dir="rtl"] .zence-contact-page__checkbox,
[dir="rtl"] .zence-contact-page__button,
[dir="rtl"] .zence-contact-page__success,
[dir="rtl"] .zence-contact-page__info-text,
[dir="rtl"] .zence-contact-page__info-text p,
[dir="rtl"] .zence-contact-page__contact-line,
[dir="rtl"] .zence-footer__tagline,
[dir="rtl"] .zence-footer__col h3,
[dir="rtl"] .zence-footer__text,
[dir="rtl"] .zence-footer__text p,
[dir="rtl"] .zence-footer__links a,
[dir="rtl"] .zence-footer__copyright,
[dir="rtl"] .zence-footer__social-label {
  font-family: 'Cairo', sans-serif !important;
}

[dir="rtl"] .zence-hero__subheading,
[dir="rtl"] .zence-hero__button,
[dir="rtl"] .zence-deal-banner__button,
[dir="rtl"] .zence-about-page__cta,
[dir="rtl"] .zence-contact-page__button {
  font-style: normal !important;
}

[dir="rtl"] .zence-hero__box,
[dir="rtl"] .zence-deal-banner__box,
[dir="rtl"] .zence-about-page__intro-content,
[dir="rtl"] .zence-about-page__why-content,
[dir="rtl"] .zence-contact-page__form-wrap,
[dir="rtl"] .zence-contact-page__info {
  text-align: right;
}

@media screen and (max-width: 749px) {
  [dir="rtl"] .zence-hero__content,
  [dir="rtl"] .zence-deal-banner__content {
    text-align: center;
  }
  [dir="rtl"] .zence-hero__box,
  [dir="rtl"] .zence-deal-banner__box {
    text-align: center;
  }
}

/* ---------- Cart drawer hardcoded-string swaps (BaytWood pattern) ----------
   snippets/cart-drawer.liquid hardcodes three English strings in dedicated
   elements: the "Subtotal" heading and the two trust chips. Swap their
   rendered text under RTL via font-size:0 + ::before, restating the exact
   font sizes from the snippet's own breakpoints (17/16px heading,
   11.5/10.8/10.2px chips). Weight/nowrap inherit from the parent.
   Card-level "Includes:" / "Size:" labels sit inside mixed text nodes in
   card-product.liquid — CSS cannot swap part of a text node, so those get
   the liquid locale conditional in the Phase 5 hardcoded-string pass. */
[dir="rtl"] #CartDrawer .totals__total {
  font-size: 0 !important;
}
[dir="rtl"] #CartDrawer .totals__total::before {
  content: "المجموع الفرعي";
  font-size: 17px;
}
[dir="rtl"] #CartDrawer .baytwood-cart-trust__text {
  font-size: 0 !important;
}
[dir="rtl"] #CartDrawer .baytwood-cart-trust__text::before {
  font-size: 11.5px;
}
[dir="rtl"] #CartDrawer .baytwood-cart-trust__item:nth-child(1) .baytwood-cart-trust__text::before {
  content: "الدفع عند الاستلام";
}
[dir="rtl"] #CartDrawer .baytwood-cart-trust__item:nth-child(2) .baytwood-cart-trust__text::before {
  content: "إرجاع خلال 14 يومًا";
}
@media screen and (max-width: 749px) {
  [dir="rtl"] #CartDrawer .totals__total::before { font-size: 16px; }
  [dir="rtl"] #CartDrawer .baytwood-cart-trust__text::before { font-size: 10.8px; }
}
@media screen and (max-width: 390px) {
  [dir="rtl"] #CartDrawer .baytwood-cart-trust__text::before { font-size: 10.2px; }
}

/* ---------- PDP hardcoded-string swaps (main-product zd blocks) ----------
   Found in the July 30 screenshot audit: main-product.liquid hardcodes five
   English sentences — three bullets in the "Our Promise" why-card
   (.zd-why-buy-card children 2–4) and two lines in the Shipping & Returns
   accordion (the 2nd details.zd-accordion; its 1st and 4th lines already
   carry ar conditionals, lines 2–3 do not). Visibility-overlay swap: the
   ::before inherits font/size/line-height from the hidden <p>, so no sizes
   are restated. The description accordion is :nth-of-type(1) and untouched.
   Known remaining gap: the tap-to-open zd-info popovers read English from
   data-zd-info attributes (JS-injected) — needs the liquid pass in
   main-product.liquid, deferred. */
[dir="rtl"] .zd-why-buy-card .zd-why-item:nth-child(2) p,
[dir="rtl"] .zd-why-buy-card .zd-why-item:nth-child(3) p,
[dir="rtl"] .zd-why-buy-card .zd-why-item:nth-child(4) p,
[dir="rtl"] details.zd-accordion:nth-of-type(2) .zd-accordion-content p:nth-of-type(2),
[dir="rtl"] details.zd-accordion:nth-of-type(2) .zd-accordion-content p:nth-of-type(3) {
  visibility: hidden;
  position: relative;
}
[dir="rtl"] .zd-why-buy-card .zd-why-item:nth-child(2) p::before,
[dir="rtl"] .zd-why-buy-card .zd-why-item:nth-child(3) p::before,
[dir="rtl"] .zd-why-buy-card .zd-why-item:nth-child(4) p::before,
[dir="rtl"] details.zd-accordion:nth-of-type(2) .zd-accordion-content p:nth-of-type(2)::before,
[dir="rtl"] details.zd-accordion:nth-of-type(2) .zd-accordion-content p:nth-of-type(3)::before {
  visibility: visible;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  text-align: right;
}
[dir="rtl"] .zd-why-buy-card .zd-why-item:nth-child(2) p::before {
  content: "توصيل مجاني داخل الإمارات للطلبات فوق 149 درهمًا — يصلك طلبك دون أي رسوم توصيل إضافية.";
}
[dir="rtl"] .zd-why-buy-card .zd-why-item:nth-child(3) p::before {
  content: "الدفع عند الاستلام متاح في جميع أنحاء الإمارات لدفع بسيط وآمن.";
}
[dir="rtl"] .zd-why-buy-card .zd-why-item:nth-child(4) p::before {
  content: "إرجاع سهل خلال 14 يومًا إذا لم تكن القطعة مناسبة لمنزلك.";
}
[dir="rtl"] details.zd-accordion:nth-of-type(2) .zd-accordion-content p:nth-of-type(2)::before {
  content: "التوصيل المجاني متاح حاليًا داخل الإمارات للطلبات فوق 149 درهمًا.";
}
[dir="rtl"] details.zd-accordion:nth-of-type(2) .zd-accordion-content p:nth-of-type(3)::before {
  content: "الدفع عند الاستلام متاح في جميع أنحاء الإمارات.";
}

/* ---------- Price alignment under RTL (July 30 mobile audit) ----------
   unicode-bidi:plaintext makes each price line resolve its own direction
   from its first strong character — Latin "Dhs" — so the line computes as
   LTR and text-align:start lands LEFT inside otherwise right-aligned
   cards/columns. Force the box right; plaintext still preserves the token
   order "Dhs. 74.90 AED" inside the line. */
[dir="rtl"] .price,
[dir="rtl"] .price__container,
[dir="rtl"] .card-information .price,
[dir="rtl"] .price__regular,
[dir="rtl"] .price__sale {
  text-align: right;
}

/* ---------- Instafeed heading swap (July 30 mobile audit) ----------
   The "Follow us @zencedesign" heading is injected client-side by the
   Instafeed app from its per-shop config (one string for all locales;
   not present in any theme translatable resource). Swap it under RTL via
   the visibility overlay — the ::before inherits the h2's inline styling.
   Cleaner future option: the widget honors window["instafeed0Title"], so
   an ar-conditional script in theme.liquid could set it per locale. */
[dir="rtl"] div[id^="insta-feed"] h2 {
  visibility: hidden;
  position: relative;
}
[dir="rtl"] div[id^="insta-feed"] h2::before {
  content: "تابعونا @zencedesign";
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}