/** Shopify CDN: Minification failed

Line 795:43 Unexpected "*"

**/
/* =========================================================
   GREALY - HEBREW RTL
   FINAL RTL FILE
   ========================================================= */


/* =========================================================
   1. GLOBAL RTL
   ========================================================= */

html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}


/* =========================================================
   2. TEXT
   ========================================================= */

html[dir="rtl"] p,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] span,
html[dir="rtl"] .rte,
html[dir="rtl"] .text-content {
  direction: rtl;
}


/* =========================================================
   3. FORMS
   ========================================================= */

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}


/* =========================================================
   4. LISTS
   ========================================================= */

html[dir="rtl"] ul,
html[dir="rtl"] ol {
  direction: rtl;
}


/* =========================================================
   5. HEADER - GENERAL
   ========================================================= */

html[dir="rtl"] header,
html[dir="rtl"] #header-group {
  direction: rtl;
}


/* =========================================================
   6. HEADER RTL - DESKTOP
   Flip actual header grid
   ========================================================= */

@media screen and (min-width: 750px) {

  html[dir="rtl"] .header__columns {
    direction: rtl;
  }

  html[dir="rtl"] .header__column--left {
    grid-area: right !important;
    justify-content: flex-end;
  }

  html[dir="rtl"] .header__column--right {
    grid-area: left !important;
    justify-content: flex-start;
  }

  html[dir="rtl"] .header__column--center {
    grid-area: center !important;
  }

  html[dir="rtl"] .header__column--left .overflow-menu::part(list),
  html[dir="rtl"] .header__column--right .overflow-menu::part(list) {
    direction: rtl;
  }

}


/* =========================================================
   7. HEADER RTL - MOBILE
   Hamburger RIGHT / Logo CENTER / Actions LEFT
   ========================================================= */

@media screen and (max-width: 749px) {

  html[dir="rtl"] .header__columns {
    direction: rtl;

    grid-template-areas:
      'rightB rightA center leftB leftA' !important;
  }

  /* Hamburger / menu */

  html[dir="rtl"] .header__drawer {
    grid-area: rightB !important;
  }

  /* Search */

  html[dir="rtl"] .header__columns .search-action {
    grid-area: rightA !important;
  }

  /* Logo */

  html[dir="rtl"] .header__columns .header-logo {
    grid-area: center !important;
  }

  /* Cart / Account */

  html[dir="rtl"] .header__columns header-actions {
    grid-area: leftA !important;
  }

}


/* =========================================================
   8. NAVIGATION
   ========================================================= */

html[dir="rtl"] nav,
html[dir="rtl"] .menu,
html[dir="rtl"] .menu-list {
  direction: rtl;
}


/* =========================================================
   9. PRODUCT
   ========================================================= */

html[dir="rtl"] .product-information,
html[dir="rtl"] .product__info,
html[dir="rtl"] .product-details,
html[dir="rtl"] product-info {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] product-form,
html[dir="rtl"] .product-form {
  direction: rtl;
}


/* =========================================================
   10. CART
   ========================================================= */

html[dir="rtl"] cart-drawer-component,
html[dir="rtl"] cart-drawer,
html[dir="rtl"] .cart-drawer,
html[dir="rtl"] .cart {
  direction: rtl;
  text-align: right;
}


/* =========================================================
   11. CART DRAWER HEADER
   X LEFT - KEEP ORIGINAL DESIGN
   ========================================================= */

html[dir="rtl"] .cart-drawer__header {
  direction: rtl;
}

html[dir="rtl"] .cart-drawer__heading {
  margin-right: 0 !important;
  margin-left: auto !important;
  text-align: right;
}

html[dir="rtl"] .cart-drawer__close-button {
  margin-right: 0 !important;
  margin-left: calc(var(--padding-sm) * -1) !important;
}


/* =========================================================
   12. DRAWERS / MODALS
   ========================================================= */

html[dir="rtl"] dialog,
html[dir="rtl"] .drawer,
html[dir="rtl"] .modal {
  direction: rtl;
}


/* =========================================================
   13. SEARCH
   ========================================================= */

html[dir="rtl"] .search,
html[dir="rtl"] search-modal {
  direction: rtl;
}


/* =========================================================
   14. FOOTER
   ========================================================= */

html[dir="rtl"] footer,
html[dir="rtl"] #shopify-section-footer,
html[dir="rtl"] .footer {
  direction: rtl;
  text-align: right;
}


/* =========================================================
   15. PRICES / NUMBERS
   ========================================================= */

html[dir="rtl"] .price,
html[dir="rtl"] money-component {
  unicode-bidi: isolate;
}


/* =========================================================
   16. SVG / ICONS
   Don't globally mirror icons
   ========================================================= */

html[dir="rtl"] svg {
  direction: ltr;
}


/* =========================================================
   17. TABLES
   ========================================================= */

html[dir="rtl"] table {
  direction: rtl;
}


/* =========================================================
   18. LABELS
   ========================================================= */

html[dir="rtl"] label {
  direction: rtl;
}


/* =========================================================
   19. BREADCRUMBS
   ========================================================= */

html[dir="rtl"] .breadcrumbs,
html[dir="rtl"] .breadcrumb {
  direction: rtl;
}


/* =========================================================
   20. COLLECTION / FILTERS
   ========================================================= */

html[dir="rtl"] .facets,
html[dir="rtl"] .filters,
html[dir="rtl"] .collection {
  direction: rtl;
}


/* =========================================================
   21. ANNOUNCEMENT BAR
   ========================================================= */

html[dir="rtl"] .announcement-bar {
  direction: rtl;
}


/* =========================================================
   22. SAFE HORIZONTAL OVERFLOW FIX
   ========================================================= */

html[dir="rtl"],
html[dir="rtl"] body {
  width: 100%;
  overflow-x: hidden;
}

html[dir="rtl"] body {
  position: relative;
}

@media screen and (max-width: 749px) {

  html[dir="rtl"],
  html[dir="rtl"] body {
    overflow-x: hidden;
  }

}


/* =========================================================
   23. INSTAGRAM FEED
   Carousel engine LTR
   ========================================================= */

html[dir="rtl"] .instagram-feed,
html[dir="rtl"] [class*="instagram"],
html[dir="rtl"] [class*="Instagram"] {
  direction: ltr !important;
}


/* Hebrew headings remain RTL */

html[dir="rtl"] .instagram-feed h1,
html[dir="rtl"] .instagram-feed h2,
html[dir="rtl"] .instagram-feed h3,
html[dir="rtl"] [class*="instagram"] h1,
html[dir="rtl"] [class*="instagram"] h2,
html[dir="rtl"] [class*="instagram"] h3 {
  direction: rtl;
}


/* =========================================================
   24. AI PRODUCT SLIDERS
   Engine LTR
   ========================================================= */

html[dir="rtl"] [class*="ai-slider-container-"],
html[dir="rtl"] [class*="ai-slider-track-"] {
  direction: ltr !important;
}


/* Product cards RTL */

html[dir="rtl"] [class*="ai-product-card-"] {
  direction: rtl;
  text-align: right;
}


/* Slider headings */

html[dir="rtl"] [class*="ai-slider-header-"],
html[dir="rtl"] [class*="ai-slider-title-"] {
  direction: rtl;
  text-align: right;
}


/* Product information */

html[dir="rtl"] [class*="ai-product-title-"],
html[dir="rtl"] [class*="ai-product-price-"],
html[dir="rtl"] [class*="ai-product-swatches-wrapper-"] {
  direction: rtl;
  text-align: right;
}


/* Prices */

html[dir="rtl"] [class*="ai-product-price-"] {
  unicode-bidi: isolate;
}


/* Swatches */

html[dir="rtl"] [class*="ai-product-swatches-"] {
  direction: rtl;
  justify-content: flex-start;
}


/* =========================================================
   25. TESTIMONIAL SLIDER
   Engine LTR / Content RTL
   ========================================================= */

html[dir="rtl"] [class*="ai-testimonial-slider-"],
html[dir="rtl"] [class*="ai-testimonial-track-"] {
  direction: ltr !important;
}


/* Content */

html[dir="rtl"] [class*="ai-testimonial-card-"],
html[dir="rtl"] [class*="ai-testimonial-content-"],
html[dir="rtl"] [class*="ai-testimonial-text-"],
html[dir="rtl"] [class*="ai-testimonial-author-"] {
  direction: rtl !important;
}


html[dir="rtl"] [class*="ai-testimonial-text-"],
html[dir="rtl"] [class*="ai-testimonial-author-name-"] {
  text-align: right;
}


/* Navigation */

html[dir="rtl"] [class*="ai-testimonial-navigation-"] {
  direction: ltr !important;
}


/* =========================================================
   26. RECENTLY VIEWED PRODUCTS
   Carousel LTR / Content RTL
   ========================================================= */

html[dir="rtl"] [class*="ai-recently-viewed-grid-"] {
  direction: ltr !important;
}


/* Product content */

html[dir="rtl"] [class*="ai-recently-viewed-content-"] {
  direction: rtl !important;
  text-align: right;
}


html[dir="rtl"] [class*="ai-recently-viewed-product-title-"],
html[dir="rtl"] [class*="ai-recently-viewed-product-price-"] {
  direction: rtl !important;
  text-align: right;
}


/* Section heading */

html[dir="rtl"] [class*="ai-recently-viewed-header-"] {
  direction: rtl !important;
}


/* Carousel engine */

html[dir="rtl"] [class*="ai-recently-viewed-products-container-"] {
  direction: ltr !important;
}


/* Empty state */

html[dir="rtl"] [class*="ai-recently-viewed-empty-"] {
  direction: rtl !important;
}


/* =========================================================
   27. MOBILE MENU DRAWER
   Opens from RIGHT in Hebrew
   ========================================================= */

html[dir="rtl"] .menu-drawer {
  left: auto;
  right: 0;

  transform: translateX(100%);

  border-right: 0;
  border-left: var(--style-border-drawer);

  direction: rtl;
  text-align: right;
}


html[dir="rtl"] .menu-open > .menu-drawer {
  transform: translateX(0);
}


/* =========================================================
   28. MOBILE MENU SUBMENUS
   ========================================================= */

html[dir="rtl"] .menu-drawer__submenu {
  left: auto;
  right: 0;

  transform: translateX(5%);

  direction: rtl;
  text-align: right;
}


html[dir="rtl"] .menu-drawer__menu-item,
html[dir="rtl"] .menu-drawer__back-button {
  direction: rtl;
  text-align: right;
}


/* Back icon */

html[dir="rtl"] .menu-drawer__back-button > .svg-wrapper {
  margin-right: 0;
  margin-left: var(--padding-md);
}


/* Utility links */

html[dir="rtl"] .menu-drawer__utility-links {
  margin-inline-start: var(--padding-xl);
  margin-inline-end: 0;
}


/* Language selector */

html[dir="rtl"] .menu-drawer .localization-form__select {
  text-align: right;
}


/* =========================================================
   29. MOBILE DRAWER RTL ANIMATION
   ========================================================= */

@keyframes menu-drawer-nav-open-rtl {

  0% {
    visibility: hidden;
    opacity: 0;
    transform: translateX(0.5rem);
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
  }

}


html[dir="rtl"]
.menu-drawer-container[open]
.menu-drawer__animated-element {
  animation-name: menu-drawer-nav-open-rtl;
}


/* =========================================================
   30. SUBMENU RTL ANIMATION
   ========================================================= */

@keyframes menu-drawer-subnav-open-rtl {

  0% {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    opacity: 0;
    transform: translateX(1rem);
  }

}


/* =========================================================
   31. SCROLLING TEXT / MARQUEE
   Engine LTR / Hebrew RTL
   ========================================================= */

html[dir="rtl"] .scrolling-text-container,
html[dir="rtl"] [class*="scrolling-text-section-"] {
  direction: ltr !important;
}


html[dir="rtl"] .scrolling-line,
html[dir="rtl"] .marquee-wrapper,
html[dir="rtl"] .marquee {
  direction: ltr !important;
}


/* Hebrew text */

html[dir="rtl"] .scrolling-line .text {
  direction: rtl !important;
  unicode-bidi: isolate;
}


html[dir="rtl"] .scrolling-line .text a {
  direction: rtl !important;
  unicode-bidi: isolate;
}


/* Images / icons */

html[dir="rtl"] .scrolling-line img,
html[dir="rtl"] .scrolling-line .icon,
html[dir="rtl"] .scrolling-line .product-image,
html[dir="rtl"] .scrolling-line .collection-image {
  direction: ltr !important;
}


/* =========================================================
   32. DELIVERY TIMER
   ========================================================= */

html[dir="rtl"] [class*="delivery-timer-"] {
  direction: rtl;
}


html[dir="rtl"] [class*="delivery-timer-content-"] {
  direction: rtl;
  text-align: right;
}


html[dir="rtl"] [class*="delivery-timer-icon-"] {
  margin-right: 0;
  margin-left: 12px;
}


html[dir="rtl"] [class*="delivery-timer-text-"] {
  direction: rtl;
  text-align: right;
}
/* =========================================================
   33. MIXED HEBREW + LATIN PUNCTUATION / BIDI FIX
   Keeps punctuation attached to the logical end of Hebrew
   paragraphs when brand names such as STORIA appear inline.
   ========================================================= */
html[dir="rtl"] :where(p, .rte, .rte p, [class*="text"], [class*="heading"], [class*="description"]) {
  direction: rtl;
}

html[dir="rtl"] :where(p, .rte p, [class*="text"] p, [class*="description"] p) {
  unicode-bidi: plaintext;
  text-align: inherit;
}

/* Keep explicitly LTR controls/engines untouched. */
html[dir="rtl"] :where(input, textarea, code, pre, [dir="ltr"], .scrolling-line, .marquee, .marquee-wrapper) {
  unicode-bidi: normal;
}

/* =========================================================
   34. GLOBAL MIXED RTL/LTR TEXT FIX
   Apply bidi paragraph handling to all customer-facing text
   containers, headings, labels and rich-text content.
   ========================================================= */
html[dir="rtl"] :where(
  h1, h2, h3, h4, h5, h6,
  p, blockquote, figcaption,
  .rte, .rte > *,
  [class*="heading"], [class*="title"], [class*="subtitle"],
  [class*="text"], [class*="description"], [class*="caption"],
  [class*="label"], [class*="content"]
) {
  direction: rtl;
  unicode-bidi: plaintext;
}

/* Inline links inherit the paragraph direction without creating
   a competing bidi context around Latin brand names. */
html[dir="rtl"] :where(
  h1, h2, h3, h4, h5, h6, p, blockquote, figcaption,
  .rte, [class*="heading"], [class*="title"], [class*="subtitle"],
  [class*="text"], [class*="description"], [class*="caption"],
  [class*="label"], [class*="content"]
) a {
  direction: inherit;
  unicode-bidi: isolate;
}

/* Never alter form typing direction, code, media, icons or LTR carousel engines. */
html[dir="rtl"] :where(
  input, textarea, select, option, code, pre, svg, img, video,
  [dir="ltr"], .scrolling-line, .marquee, .marquee-wrapper
) {
  unicode-bidi: normal;
}

/* =========================================================
   35. AUTOMATIC TEXT DIRECTION
   Elements marked dir="auto" by auto-text-direction.js use
   their first strong character: Hebrew => RTL, English => LTR.
   ========================================================= */
html[dir="rtl"] [dir="auto"] {
  unicode-bidi: plaintext !important;
  text-align: start;
}

/* =========================================================
   36. STORIA FINAL BILINGUAL OVERRIDES
   Hebrew-containing text = RTL paragraph; Latin-only = LTR.
   Added last so section-level legacy direction rules cannot scramble mixed copy.
   ========================================================= */
html[dir="rtl"] [data-text-dir="rtl"] {
  direction: rtl !important;
  unicode-bidi: plaintext !important;
}
html[dir="rtl"] [data-text-dir="ltr"] {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
}

/* Inline spans must NOT be forced RTL; they inherit their paragraph context. */
html[dir="rtl"] :where(h1,h2,h3,h4,h5,h6,p,li,a,button,label,blockquote,figcaption) span:not([dir]) {
  direction: inherit;
  unicode-bidi: isolate;
}

/* Latin tokens/codes/numbers remain visually stable inside RTL copy. */
html[dir="rtl"] :where(
  [class*="promo-code"], [class*="coupon-code"], [class*="discount-code"],
  [class*="time-number"], [class*="separator"], .money, [data-money]
) {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

/* Countdown is a visual left-to-right sequence; individual Hebrew labels can still be RTL. */
html[dir="rtl"] [class*="fullpage-countdown__timer"],
html[dir="rtl"] [class*="countdown__timer"] {
  direction: ltr !important;
}
html[dir="rtl"] [class*="fullpage-countdown__promo-container"] {
  direction: ltr !important;
}

/* Scratch/modal: preserve configured alignment while each text node gets its own language direction. */
html[dir="rtl"] [class*="modal-popup"] [data-text-dir],
html[dir="rtl"] [class*="scratch"] [data-text-dir] {
  unicode-bidi: plaintext !important;
}

/* =========================================================
   37. STORIA MOBILE ALIGNMENT PASS — Sep 30 2026
   Keep section headings truly centered while Hebrew body copy
   remains RTL/right aligned. Scoped to the affected homepage sections.
   ========================================================= */
html[dir="rtl"] #shopify-section-template--* { }

/* Product tabs: centered title + centered tab row. */
html[dir="rtl"] .ui-test-product-tabs .section-resource-list__header,
html[dir="rtl"] .ui-test-product-tabs .section-resource-list__header .group-block,
html[dir="rtl"] .ui-test-product-tabs .section-resource-list__header [class*="text"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}
html[dir="rtl"] .ui-test-product-tabs .tabs-nav {
  direction: rtl !important;
  justify-content: center !important;
  margin-inline: auto !important;
}

/* Generic product-list section headings such as WHAT DO YOU LOVE? */
html[dir="rtl"] .ui-test-product-list .section-resource-list__header,
html[dir="rtl"] .ui-test-product-list .section-resource-list__header .group-block,
html[dir="rtl"] .ui-test-product-list .section-resource-list__header [class*="text"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

/* English-only centered section headings stay centered in RTL storefront. */
html[dir="rtl"] :where(.section-resource-list__header, .section-content-wrapper) [data-text-dir="ltr"][style*="text-align: center"],
html[dir="rtl"] :where(.section-resource-list__header, .section-content-wrapper) .text-block[data-text-dir="ltr"] {
  text-align: center !important;
  margin-inline: auto !important;
}

/* Collage/About: Hebrew copy right-to-left/right aligned on mobile;
   Latin caption and mixed heading keep their intended clean layout. */
@media screen and (max-width: 900px) {
  html[dir="rtl"] .collage-with-text__content {
    width: 100% !important;
    margin-inline: 0 !important;
  }
  html[dir="rtl"] .collage-with-text__content :where(.collage-with-text__heading, .collage-with-text__text.rte),
  html[dir="rtl"] .collage-with-text__content :where(.collage-with-text__heading, .collage-with-text__text.rte) :where(p,h1,h2,h3,h4,h5,h6) {
    direction: rtl !important;
    text-align: right !important;
  }
  html[dir="rtl"] .collage-with-text__content .collage-with-text__text--caption {
    direction: ltr !important;
    text-align: left !important;
  }
}

/* Animated promo/hero copy: the block itself is centered; Hebrew heading
   gets an RTL paragraph base without being pushed to one side. */
html[dir="rtl"] [class*="ai-animated-text__content-"] {
  margin-inline: auto !important;
}
html[dir="rtl"] [class*="ai-animated-text__heading-"][data-text-dir="rtl"] {
  direction: rtl !important;
  unicode-bidi: plaintext !important;
}

/* STORIA v5 — precise centering fixes */
/* Animated text: when a block is configured as centered, center the body box itself too. */
.ai-animated-text__content-STORIA-DUMMY { }
animated-text-block { max-width: 100%; }

/* Announcement bar: keep the active message geometrically centered between viewport edges. */
html[dir='rtl'] .announcement-bar__slider {
  width: 100%;
  justify-content: space-between;
}
html[dir='rtl'] .announcement-bar__slides {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - (var(--button-size) * 2));
  max-width: 680px;
  margin: 0 !important;
  text-align: center;
  pointer-events: none;
}
html[dir='rtl'] .announcement-bar__slides .announcement-bar__slide,
html[dir='rtl'] .announcement-bar__slides .announcement-bar__text {
  width: 100%;
  text-align: center !important;
  margin-inline: auto !important;
}
html[dir='rtl'] .announcement-bar__slides .announcement-bar__link { pointer-events: auto; }