/** Shopify CDN: Minification failed

Line 26:40 Unexpected "{"
Line 26:51 Expected ":"
Line 26:55 Unexpected "{"
Line 27:17 Expected identifier but found whitespace
Line 27:52 Unexpected "{"
Line 27:63 Expected ":"
Line 27:67 Expected identifier but found "!"
Line 30:45 Expected percentage but found "{"
Line 30:60 Unexpected "{"
Line 31:2 Unexpected "0%"
... and 2 more hidden warnings

**/
:root {
  direction: rtl !important;
  --text-align-default: right !important;
}

/* Announcement Bar: Fix RTL direction */
.ai-announcement-bar-asew5bfnseedsrjkwdaigenblockfddff61rdkaqw * {
  animation-direction: reverse !important;
}
/* ✅ إصلاح RTL: عكس الاتجاه وإزالة الفراغ */
[dir="rtl"] .ai-announcement-bar-track-{{ ai_gen_id }} {
  animation-name: ai-announcement-scroll-rtl-fixed-{{ ai_gen_id }} !important;
}

@keyframes ai-announcement-scroll-rtl-fixed-{{ ai_gen_id }} {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(50%); }
}

/* 2. SYSTEM ARABIC FONT STACK (zero network requests) */
:root {
  --font-body--family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  --font-heading--family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  --font-subheading--family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  --font-accent--family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
}
body { line-height: 1.6; }


/* 3. PRICES / NUMBERS / EMAIL stay LTR inside Arabic text */
.price, .price__container, .price__regular, .price__sale, .price__last,
.product-price, .money, .unit-price,
.cart-item__price, .cart-summary__price, .tax-info {
  unicode-bidi: plaintext;
}
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"] {
  direction: ltr;
  text-align: right;
}

/* 4. TEXT BLOCKS — the product card title fix */
[style*="--horizontal-alignment:flex-start"] > .text-block {
  --text-align-default: right !important;
}
.text-block--align-right,
.text-block--align-right > * {
  margin-inline-start: unset !important;
}
.text-block > * {
  text-align: right !important;
}


/* 5. EMAIL SIGNUP (footer form) */
svg.email-signup__button-icon { rotate: 180deg; }
.email-signup__button--integrated {
  left: 0;
  right: unset !important;
}
.email-signup__input:has(+ .email-signup__button--arrow),
.email-signup__input:has(+ .email-signup__button--integrated) {
  text-align: right;
}

/* Language/Currency selector: Responsive RTL fix */

/* Move search icon to LEFT - using relative positioning */
.country-filter__search-icon {
  left: 0.75rem !important;
  right: auto !important;
}

/* Adjust search input padding */
.country-filter input[type="text"],
.country-filter input[type="search"] {
  padding-left: 2.5em !important;
  padding-right: 0.75rem !important;
  text-align: right !important;
}

/* Language selector: Flip layout */
.language-selector {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}

/* Position arrow */
.language-selector .icon-caret {
  position: absolute !important;
  left: 12px !important;
  right: auto !important;
}

/* Adjust select padding */
.language-selector select {
  text-align: left !important;
  padding-left: 24px !important;
  padding-right: 8px !important;
}

/* 6. MOBILE MENU DRAWER — slide from right */
.menu-drawer {
  right: 0;
  left: unset !important;
  transform: translate(100%);
}
.menu-drawer__close-button {
  position: relative;
  left: 0 !important;
}


/* 7. PREDICTIVE SEARCH HEADER */
predictive-search-form__header-inner { flex-direction: row-reverse; }


/* 8. PRODUCT PAGE GRID — image/info padding flip */
@media screen and (min-width: 750px) {
  .product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left .product-details {
    padding-right: calc(var(--gap, 0) / 2);
    padding-left: unset !important;
  }
  .product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left .product-information__media {
    padding-left: calc(var(--gap, 0) / 2);
    padding-right: unset !important;
  }
}


/* 9. ANNOUNCEMENT BAR / MARQUEE
   Your spec: text enters from LEFT, exits RIGHT in Arabic.
   Marquee container LTR forces visual content order, then we reverse the animation. */
marquee-component { direction: ltr; }
.marquee__content {
  direction: rtl;
  animation-direction: reverse;
}


/* 10. SLIDESHOW ARROWS — keep LTR so navigation arrows stay logical */
slideshow-arrows { direction: ltr; }


/* 11. CARET / ARROW ICONS */
.icon-caret--forward svg { transform: rotate(90deg) !important; }


/* 12. CLOSE BUTTON / SKIP LINK */
.close-button {
  left: 0;
  right: unset !important;
}
.skip-to-content-link {
  right: -99999px;
  left: unset !important;
}


/* 13. ACCOUNT POPOVER */
.account-popover__panel {
  right: unset !important;
  left: 0;
}

#shopify-section-template--27565905019061__section_7rHyWM .text-block > *,
#shopify-section-template--27565905019061__section_7rHyWM p,
#shopify-section-template--27565905019061__section_7rHyWM h1,
#shopify-section-template--27565905019061__section_7rHyWM h2,
#shopify-section-template--27565905019061__section_7rHyWM h3 {
  text-align: center !important;

/* 14. FOOTER PAYMENT ICONS — keep visual order natural in RTL */
.footer .payment-icons,
.footer__payment-icons,
.utilities .payment-icons {
  direction: ltr;
}

#shopify-section-sections--27565900366005__section_LFNeLR .text-block,
#shopify-section-sections--27565900366005__section_LFNeLR .group-block-content,
#shopify-section-sections--27565900366005__section_LFNeLR rte-formatter {
  align-items: center !important;
  text-align: center !important;
}

#shopify-section-sections--27565900366005__section_LFNeLR p {
  text-align: center !important;
  width: 100% !important;
}


/* PRODUCT PAGE: Images touch RIGHT edge, maintain gap between columns */

/* Remove right padding from section so images can touch edge */
.product-information.section {
  padding-right: 0 !important;
  padding-left: max(20px, calc(var(--spacing-scale) * 30px)) !important;
}

/* Flip the grid layout */
.product-information__grid.product-information--media-left {
  flex-direction: row-reverse !important;
  gap: calc(var(--gap, 28px)) !important; /* Maintain gap between columns */
}

/* Remove padding only from the RIGHT (outer edge) of media */
.product-information__media {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* Product details: no padding on right (next to images), keep natural spacing */
.product-details {
  padding-right: 0 !important;
}