/** Shopify CDN: Minification failed

Line 7:0 Unexpected "/"
Line 9:2 Unexpected "="

**/
/html{scroll-behavior:smooth;scroll-padding-top:90px}
.grht{scroll-margin-top:90px}
* ============================================================
   GR- Home Trial — Try Before You Buy
   Simple picker list: thumbnail (never cropped) + name + price
   + round select button, hairline dividers, no card boxes.
   Brand neutral: inherits theme colours and fonts.
   All selectors scoped under .grht — zero global leaks.
   ============================================================ */

.grht{
  font-family:inherit;
  padding-block:var(--grht-pt,72px) var(--grht-pb,120px);
  overflow-x:clip;
}
.grht *{ box-sizing:border-box; margin:0 }
.grht__wrap{ max-inline-size:980px; margin-inline:auto; padding-inline:24px }

/* everything centered — direction can't break the look */
.grht .grht__title,
.grht .grht__sub,
.grht .grht__steps,
.grht .grht__name,
.grht .grht__price,
.grht .grht__meta{ text-align:center }
.grht__wrap--full{ max-inline-size:none }

/* ---------- header (centered — direction-agnostic) ---------- */
.grht__head{ text-align:center }
.grht__eyebrow{
  display:inline-block; font-size:13px; font-weight:700;
  border-block-end:2px solid currentColor; padding-block-end:6px;
}
.grht__title{ font-size:clamp(28px,4vw,46px); line-height:1.4; font-weight:800; margin-block-start:14px }
[dir="rtl"] .grht__title{ line-height:1.55 }
.grht__title em{ font-style:normal; text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:6px }
.grht__sub{ margin-block:12px auto; font-size:clamp(14px,1.3vw,16px); line-height:1.9; max-inline-size:70ch }

/* ---------- editor-only diagnostic strip ---------- */
.grht__diag{
  font-size:11px; font-family:ui-monospace,monospace; direction:ltr; text-align:left;
  border:1px dashed color-mix(in srgb, currentColor 35%, transparent);
  border-radius:8px; padding:6px 10px; opacity:.65; margin-block-end:14px;
}

/* ---------- steps (slim, no boxes) ---------- */
.grht__steps{
  list-style:none; padding:0; margin-block:28px 10px;
  display:flex; flex-wrap:wrap; gap:14px 40px;
  justify-content:center; text-align:center;
}
.grht__steps li{ display:flex; flex-direction:column; gap:3px; align-items:center }
.grht__steps b{ font-size:15px; color:var(--grht-accent, inherit) }
.grht__steps li > span:last-child{ font-size:12.5px; opacity:.6; line-height:1.7 }

/* ---------- products grid (option A — comfortable grid) ---------- */
.grht__grid{
  margin-block-start:22px;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:16px;
}
.grht__tile{ display:flex; flex-direction:column; gap:8px; min-inline-size:0 }
.grht__tile--out{ opacity:.4; pointer-events:none }
.grht__pick{
  display:flex; flex-direction:column; gap:8px; align-items:stretch;
  inline-size:100%; padding:0; border:0; background:transparent;
  font:inherit; color:inherit; text-align:start; cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
/* thumbnail — object-fit: contain so the product is NEVER cropped */
.grht__thumb{
  position:relative; aspect-ratio:1/1;
  border-radius:14px; overflow:hidden;
  background:none;
  transition:box-shadow .2s ease;
}
.grht__img{ inline-size:100%; block-size:100%; object-fit:cover; display:block; padding:0 }
.grht__img--ph{ opacity:.35 }
.grht__check{
  position:absolute; inset-block-start:8px; inset-inline-end:8px;
  inline-size:24px; block-size:24px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--grht-accent, currentColor); color:var(--grht-bar-bg,#fff);
  opacity:0; transform:scale(.4); transition:.18s ease;
}
.grht__out{
  position:absolute; inset-block-start:8px; inset-inline-start:8px;
  background:color-mix(in srgb, currentColor 80%, transparent);
  color:var(--grht-bar-bg,#fff); font-size:10px; font-weight:700;
  padding:3px 9px; border-radius:999px;
}
.grht__meta{ display:flex; flex-direction:column; gap:2px; align-items:center }
.grht__name{ font-size:13.5px; font-weight:700; line-height:1.5 }
.grht__price{ font-size:12.5px; opacity:.65; font-variant-numeric:tabular-nums }

.grht__tile.is-selected .grht__thumb{ box-shadow:0 0 0 2px var(--grht-accent, currentColor) }
.grht__tile.is-selected .grht__check{ opacity:1; transform:none }

.grht__variants{
  font:inherit; font-size:12.5px; padding:7px 10px; border-radius:9px;
  border:1px solid color-mix(in srgb, currentColor 25%, transparent);
  background:transparent; color:inherit; inline-size:100%;
}

/* ---------- empty state ---------- */
.grht__empty{
  border:1px dashed color-mix(in srgb, currentColor 30%, transparent);
  border-radius:12px; padding:56px 20px; text-align:center;
  display:flex; flex-direction:column; gap:8px; opacity:.75;
}
.grht__empty-mono{ font-size:11px; font-weight:700; letter-spacing:.18em }

/* ---------- sticky selection bar ---------- */
.grht__bar{
  position:fixed; inset-block-end:0; inset-inline:0; z-index:60;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
  pointer-events:none;
}
.grht__bar-in{
  pointer-events:auto;
  max-inline-size:900px; margin-inline:auto;
  background:var(--grht-bar-bg,#fff); color:var(--grht-bar-ink,#141414);
  border:1px solid color-mix(in srgb, var(--grht-bar-ink,#141414) 15%, transparent);
  border-radius:16px;
  box-shadow:0 18px 50px -18px rgba(0,0,0,.4);
  padding:14px 18px;
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  transform:translateY(120%); transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.grht__bar.is-on .grht__bar-in{ transform:none }
.grht__bar-stats{ display:flex; align-items:center; gap:10px; font-size:14.5px; flex-wrap:wrap }
.grht__bar-stats b{ font-size:18px; font-variant-numeric:tabular-nums }
.grht__bar-sep{ opacity:.4 }
.grht__bar-note{ flex:1 1 220px; font-size:12.5px; opacity:.65; margin:0 }
.grht__cta{
  margin-inline-start:auto;
  display:inline-flex; align-items:center; gap:10px;
  font:inherit; font-size:15px; font-weight:800;
  background:var(--grht-accent, var(--grht-bar-ink,#141414));
  color:var(--grht-bar-bg,#fff);
  border:0; border-radius:10px; padding:13px 22px; cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.grht__cta:hover{ transform:translateY(-2px); box-shadow:0 12px 26px -12px color-mix(in srgb, var(--grht-bar-ink,#141414) 55%, transparent) }
.grht__cta:active{ transform:none }
.grht__cta[disabled]{ opacity:.6; cursor:wait }
.grht__cta-arrow{ flex:none }
[dir="rtl"] .grht__cta-arrow{ transform:scaleX(-1) }
.grht__cta-msg{ flex:1 1 100%; font-size:13px; font-weight:700; margin:0; display:none }
.grht__cta-msg.is-on{ display:block }
.grht__cta-msg--err{ color:#C0392B }

/* ---------- responsive ---------- */
@media (max-width:640px){
  .grht__wrap{ padding-inline:16px }
  .grht__steps{ gap:12px 24px }
  .grht__grid{ grid-template-columns:repeat(2,1fr); gap:12px }
  .grht__thumb{ border-radius:12px }
  .grht__bar-in{ gap:12px }
  .grht__cta{ flex:1 1 100%; justify-content:center }
  .grht__bar-note{ order:3 }
  .grht{ padding-block-end:180px }
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .grht *, .grht__bar-in{ transition:none !important }
}
/* ============================================================
   GR- Home Trial — Try Before You Buy
   Simple picker list: thumbnail (never cropped) + name + price
   + round select button, hairline dividers, no card boxes.
   Brand neutral: inherits theme colours and fonts.
   All selectors scoped under .grht — zero global leaks.
   ============================================================ */

.grht{
  font-family:inherit;
  padding-block:var(--grht-pt,72px) var(--grht-pb,120px);
  overflow-x:clip;
}
.grht *{ box-sizing:border-box; margin:0 }
.grht__wrap{ max-inline-size:980px; margin-inline:auto; padding-inline:24px }

/* everything centered — direction can't break the look */
.grht .grht__title,
.grht .grht__sub,
.grht .grht__steps,
.grht .grht__name,
.grht .grht__price,
.grht .grht__meta{ text-align:center }
.grht__wrap--full{ max-inline-size:none }

/* ---------- header (centered — direction-agnostic) ---------- */
.grht__head{ text-align:center }
.grht__eyebrow{
  display:inline-block; font-size:13px; font-weight:700;
  border-block-end:2px solid currentColor; padding-block-end:6px;
}
.grht__title{ font-size:clamp(28px,4vw,46px); line-height:1.4; font-weight:800; margin-block-start:14px }
[dir="rtl"] .grht__title{ line-height:1.55 }
.grht__title em{ font-style:normal; text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:6px }
.grht__sub{ margin-block:12px auto; font-size:clamp(14px,1.3vw,16px); line-height:1.9; max-inline-size:70ch }

/* ---------- editor-only diagnostic strip ---------- */
.grht__diag{
  font-size:11px; font-family:ui-monospace,monospace; direction:ltr; text-align:left;
  border:1px dashed color-mix(in srgb, currentColor 35%, transparent);
  border-radius:8px; padding:6px 10px; opacity:.65; margin-block-end:14px;
}

/* ---------- steps (slim, no boxes) ---------- */
.grht__steps{
  list-style:none; padding:0; margin-block:28px 10px;
  display:flex; flex-wrap:wrap; gap:14px 40px;
  justify-content:center; text-align:center;
}
.grht__steps li{ display:flex; flex-direction:column; gap:3px; align-items:center }
.grht__steps b{ font-size:15px; color:var(--grht-accent, inherit) }
.grht__steps li > span:last-child{ font-size:12.5px; opacity:.6; line-height:1.7 }

/* ---------- products grid (option A — comfortable grid) ---------- */
.grht__grid{
  margin-block-start:22px;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:16px;
}
.grht__tile{ display:flex; flex-direction:column; gap:8px; min-inline-size:0 }
.grht__tile--out{ opacity:.4; pointer-events:none }
.grht__pick{
  display:flex; flex-direction:column; gap:8px; align-items:stretch;
  inline-size:100%; padding:0; border:0; background:transparent;
  font:inherit; color:inherit; text-align:start; cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
/* thumbnail — object-fit: contain so the product is NEVER cropped */
.grht__thumb{
  position:relative; aspect-ratio:1/1;
  border-radius:14px; overflow:hidden;
  background:none;
  transition:box-shadow .2s ease;
}
.grht__img{ inline-size:100%; block-size:100%; object-fit:cover; display:block; padding:0 }
.grht__img--ph{ opacity:.35 }
.grht__check{
  position:absolute; inset-block-start:8px; inset-inline-end:8px;
  inline-size:24px; block-size:24px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--grht-accent, currentColor); color:var(--grht-bar-bg,#fff);
  opacity:0; transform:scale(.4); transition:.18s ease;
}
.grht__out{
  position:absolute; inset-block-start:8px; inset-inline-start:8px;
  background:color-mix(in srgb, currentColor 80%, transparent);
  color:var(--grht-bar-bg,#fff); font-size:10px; font-weight:700;
  padding:3px 9px; border-radius:999px;
}
.grht__meta{ display:flex; flex-direction:column; gap:2px; align-items:center }
.grht__name{ font-size:13.5px; font-weight:700; line-height:1.5 }
.grht__price{ font-size:12.5px; opacity:.65; font-variant-numeric:tabular-nums }

.grht__tile.is-selected .grht__thumb{ box-shadow:0 0 0 2px var(--grht-accent, currentColor) }
.grht__tile.is-selected .grht__check{ opacity:1; transform:none }

.grht__variants{
  font:inherit; font-size:12.5px; padding:7px 10px; border-radius:9px;
  border:1px solid color-mix(in srgb, currentColor 25%, transparent);
  background:transparent; color:inherit; inline-size:100%;
}

/* ---------- empty state ---------- */
.grht__empty{
  border:1px dashed color-mix(in srgb, currentColor 30%, transparent);
  border-radius:12px; padding:56px 20px; text-align:center;
  display:flex; flex-direction:column; gap:8px; opacity:.75;
}
.grht__empty-mono{ font-size:11px; font-weight:700; letter-spacing:.18em }

/* ---------- sticky selection bar ---------- */
.grht__bar{
  position:fixed; inset-block-end:0; inset-inline:0; z-index:60;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
  pointer-events:none;
}
.grht__bar-in{
  pointer-events:auto;
  max-inline-size:900px; margin-inline:auto;
  background:var(--grht-bar-bg,#fff); color:var(--grht-bar-ink,#141414);
  border:1px solid color-mix(in srgb, var(--grht-bar-ink,#141414) 15%, transparent);
  border-radius:16px;
  box-shadow:0 18px 50px -18px rgba(0,0,0,.4);
  padding:14px 18px;
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  transform:translateY(120%); transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.grht__bar.is-on .grht__bar-in{ transform:none }
.grht__bar-stats{ display:flex; align-items:center; gap:10px; font-size:14.5px; flex-wrap:wrap }
.grht__bar-stats b{ font-size:18px; font-variant-numeric:tabular-nums }
.grht__bar-sep{ opacity:.4 }
.grht__bar-note{ flex:1 1 220px; font-size:12.5px; opacity:.65; margin:0 }
.grht__cta{
  margin-inline-start:auto;
  display:inline-flex; align-items:center; gap:10px;
  font:inherit; font-size:15px; font-weight:800;
  background:var(--grht-accent, var(--grht-bar-ink,#141414));
  color:var(--grht-bar-bg,#fff);
  border:0; border-radius:10px; padding:13px 22px; cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.grht__cta:hover{ transform:translateY(-2px); box-shadow:0 12px 26px -12px color-mix(in srgb, var(--grht-bar-ink,#141414) 55%, transparent) }
.grht__cta:active{ transform:none }
.grht__cta[disabled]{ opacity:.6; cursor:wait }
.grht__cta-arrow{ flex:none }
[dir="rtl"] .grht__cta-arrow{ transform:scaleX(-1) }
.grht__cta-msg{ flex:1 1 100%; font-size:13px; font-weight:700; margin:0; display:none }
.grht__cta-msg.is-on{ display:block }
.grht__cta-msg--err{ color:#C0392B }

/* ---------- responsive ---------- */
@media (max-width:640px){
  .grht__wrap{ padding-inline:16px }
  .grht__steps{ gap:12px 24px }
  .grht__grid{ grid-template-columns:repeat(2,1fr); gap:12px }
  .grht__thumb{ border-radius:12px }
  .grht__bar-in{ gap:12px }
  .grht__cta{ flex:1 1 100%; justify-content:center }
  .grht__bar-note{ order:3 }
  .grht{ padding-block-end:180px }
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .grht *, .grht__bar-in{ transition:none !important }
}