/** Shopify CDN: Minification failed

Line 187:0 Expected "}" to go with "{"

**/
/* Force RTL globally */
html { direction: rtl; }
body { text-align: right; }

/* Make “start/end” feel natural */
input, textarea, select { text-align: start; }

/* Common utility swaps (covers many themes) */
.text-left  { text-align: right !important; }
.text-right { text-align: left !important; }
.ml-auto    { margin-right: auto !important; margin-left: 0 !important; }
.mr-auto    { margin-left: auto !important; margin-right: 0 !important; }
.pl-0       { padding-right: 0 !important; padding-left: initial !important; }
.pr-0       { padding-left: 0 !important; padding-right: initial !important; }

/* Header / nav / footer (Dawn-like classes; harmless if not present) */
.header__inline-menu { justify-content: flex-end; }
.header__icons { margin-left: 0; margin-right: auto; }
.footer-block__details-content { text-align: right; }

/* Menus, lists, breadcrumbs, tabs */
nav ul,
.list-menu,
.breadcrumbs,
.pagination,
.tabs { direction: rtl; }

/* Product + grid areas */
.grid,
.flex,
.product,
.product__info-wrapper,
.product__media { direction: rtl; }

/* Keep sliders/carousels functional (most expect LTR flow) */
.slick-slider,
.swiper,
.flickity-enabled { direction: ltr; }

/* Flip chevrons/arrows that look backwards */
.icon-caret,
.icon-arrow,
.icon-chevron,
.slider-button,
.swiper-button-prev,
.swiper-button-next { transform: scaleX(-1); }

/* Price/quantity rows often need right alignment */
.price,
.quantity,
.cart-item__totals { text-align: right; }

/* Forms layout */
.field,
.form__input,
.customer,
.localization-form { direction: rtl; }

/* Product badges / pills alignment */
.badge,
.tag,
.facets-vertical,
.facets-wrapper { text-align: right; }

/* Optional: if any inline SVG icons flip too much, neutralize here
svg, .icon svg { transform: none; }  /* uncomment if needed */


/* Mobile fix: keep bar text visible when site is RTL */
@media (max-width: 768px) {
  /* Your announcement & promo/free-shipping bars */
  .announcement-bar,
  .announcement-bar__message,
  .announcement-bar__link,
  .promo-bar,
  .free-shipping-bar {
    direction: rtl;
    text-align: right;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: normal;
    overflow: visible;
  }

  /* If the bar uses a slider/scroller on mobile, keep THAT container LTR
     so widths/positions compute correctly */
  .announcement-bar .swiper,
  .announcement-bar .slick-slider,
  .announcement-bar .flickity-enabled,
  .promo-bar .swiper,
  .promo-bar .slick-slider,
  .promo-bar .flickity-enabled {
    direction: ltr;
    transform: none !important;
  }

  /* Cancel any off-screen translate applied inline by JS */
  .anno


/* Center the "Best seller" badge on the bundle card (RTL) */
[dir="rtl"] .bundle-card--featured,
[dir="rtl"] .bundle,
[dir="rtl"] .bundle-deals,
[dir="rtl"] .bundle-card { position: relative; }

[dir="rtl"] .bundle-card--featured .badge,
[dir="rtl"] .bundle-card--featured .best-seller,
[dir="rtl"] .bundle-deals .badge,
[dir="rtl"] .bundle-card .badge {
  position: absolute !important;
  left: 50% !important;      /* put anchor in the middle */
  right: auto !important;    /* ignore RTL flip */
  transform: translateX(-50%) !important; /* perfect center */
  /* top: -12px; */          /* ← uncomment and tweak if you want it higher/lower */
}


/* 🔒 Force the urgency line to align RIGHT in RTL */
[dir="rtl"] .urgency-text{
  display: block !important;   /* make it a full-width line */
  width: 100% !important;
  text-align: right !important;
  direction: rtl !important;
}

/* if a parent is centering text, override it */
[dir="rtl"] .text-center .urgency-text,
[dir="rtl"] .center .urgency-text,
[dir="rtl"] .align-center .urgency-text{
  text-align: right !important;
}

/* Force the Urgency text to the RIGHT in RTL, even inside centered wrappers */
[dir="rtl"] .urgency-text{
  /* make the block sit on the right edge */
  display:block !important;
  width:max-content !important;          /* keep it as a pill/short line */
  margin-inline-start: 0 !important;     /* start = right in RTL */
  margin-inline-end: auto !important;    /* push toward the right */
  /* align the text itself to the right */
  text-align:right !important;
  direction:rtl !important;
  /* if parent is flex/grid centering items */
  align-self:flex-start !important;      /* flex parent */
  justify-self:end !important;           /* grid parent */
}

/* if any parent forces centering by class names */
[dir="rtl"] .text-center .urgency-text,
[dir="rtl"] .center .urgency-text,
[dir="rtl"] .align-center .urgency-text{
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
  text-align:right !important;
}
/* Center the pink "best seller" pill on the featured/middle bundle card */
[dir="rtl"] .bundle-card--featured,
[dir="rtl"] .bundle--featured,
[dir="rtl"] .is-featured {
  position: relative !important;   /* make the card a positioning parent */
}

/* Try to catch the pill by common class names */
[dir="rtl"] .bundle-card--featured .best-seller,
[dir="rtl"] .bundle-card--featured .badge,
[dir="rtl"] .bundle--featured .best-seller,
[dir="rtl"] .bundle--featured .badge,
[dir="rtl"] .is-featured .best-seller,
[dir="rtl"] .is-featured .badge {
  position: absolute !important;
  left: 50% !important;          /* physical center */
  right: auto !important;        /* ignore RTL flip */
  transform: translateX(-50%) !important;
  top: -14px !important;         /* move up/down as you like: -10 .. -20 */
  z-index: 5;
  text-align: center !important;
}