/** Shopify CDN: Minification failed

Line 1339:9 Expected identifier but found whitespace
Line 1339:10 Unexpected "3px"

**/
/* Myome — 1970s coastal California (light + airy)
   Cream, sky, sage, blush. No desert earth tones. */

:root {
  --myome-coastal-radius: 18px;
  --myome-coastal-soft: 0 12px 32px rgb(57 53 88 / 0.06);
  --myome-coastal-sky-wash: linear-gradient(
    180deg,
    rgb(152 196 233 / 0.18) 0%,
    rgb(255 254 245 / 0) 100%
  );
}

/* ── Announcement — sage strip ── */
.announcement-bar {
  background: rgb(189 211 195 / 0.55) !important;
  color: var(--myome-ink, #393558) !important;
  border-bottom: 1px solid rgb(57 53 88 / 0.08) !important;
}

.announcement-bar--countdown,
.announcement-bar--countdown .announcement-countdown,
.announcement-bar--countdown .announcement-countdown__text,
.announcement-bar--countdown .announcement-countdown__ticker {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  font-size: 0.875rem !important;
}

/* ══ Homepage — airy coastal ══ */

body.template-index {
  background: var(--myome-cream, #fffef5);
  background-image:
    radial-gradient(ellipse 80% 55% at 50% -15%, rgb(152 196 233 / 0.14), transparent 60%),
    radial-gradient(ellipse 50% 40% at 100% 30%, rgb(244 196 212 / 0.12), transparent 55%);
}

body.template-index::before {
  display: none;
}

.template-index .slideshow--content-on-media::after {
  display: none !important;
}

.template-index .slideshow--content-on-media {
  border-bottom: none !important;
}

.template-index .slideshow--content-on-media .slide__content:not(.background-transparent) {
  border: 1px solid rgb(57 53 88 / 0.1) !important;
  border-radius: var(--myome-coastal-radius) !important;
  box-shadow: var(--myome-coastal-soft) !important;
  background: rgb(255 254 245 / 0.92) !important;
}

/* Marquee — whisper-light blush */
.myome-vintage-marquee {
  background: var(--myome-salmon-soft, #fcf0ed) !important;
  color: rgb(57 53 88 / 0.75) !important;
  border-block: 1px solid rgb(57 53 88 / 0.06) !important;
  padding: 0.85rem 0 !important;
}

.myome-vintage-marquee__track {
  letter-spacing: 0.18em !important;
  text-shadow: none;
  font-weight: 500;
}

.myome-vintage-marquee__dot {
  color: var(--myome-sky, #98c4e9);
  opacity: 0.55;
}

/* Quiz CTA — animated gradient lives in myome-quiz.css (loads after this file) */
.myome-quiz-cta {
  text-align: left !important;
}

/* Homepage product list */
.template-index .product-list {
  border-top: 1px solid rgb(189 211 195 / 0.5) !important;
  background: transparent !important;
}

.template-index .product-list .text-block h2::after {
  background: var(--myome-sage, #bdd3c3) !important;
  width: 2.5rem !important;
  height: 2px !important;
}

.template-index .product-list .product-card,
.template-index .product-list .card--product {
  border: 1px solid rgb(57 53 88 / 0.1) !important;
  border-radius: var(--myome-coastal-radius) !important;
  box-shadow: var(--myome-coastal-soft) !important;
}

/* Coastal ribbon */
.myome-coastal-ribbon--has-image {
  background: transparent !important;
}

.myome-btn-vintage,
.myome-coastal-ribbon .button {
  background: var(--myome-sky, #98c4e9) !important;
  border: 1px solid rgb(57 53 88 / 0.12) !important;
  box-shadow: none !important;
  text-transform: none;
  font-weight: 600;
}

/* Editorial sections */
@media screen and (max-width: 749px) {
  .template-index .media-with-content .media-block,
  .template-page .media-with-content .media-block {
    box-shadow: none;
  }
}

@media screen and (min-width: 750px) {
  .template-index .media-with-content .media-block {
    border: 1px solid rgb(57 53 88 / 0.08);
    box-shadow: var(--myome-coastal-soft);
    border-radius: var(--myome-coastal-radius);
  }
}

.template-index .content-for-layout .section-wrapper .layout-panel-flex--row > .group-block {
  border: 1px solid rgb(57 53 88 / 0.1) !important;
  border-radius: var(--myome-coastal-radius) !important;
  box-shadow: none !important;
}

.template-index .content-for-layout .section-wrapper .group-block:has(> .group-block-content.layout-panel-flex--row) {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.template-index .content-for-layout .section-wrapper .layout-panel-flex--row > .group-block:nth-child(3n + 1) {
  border-top: 3px solid var(--myome-sky, #98c4e9) !important;
}

.template-index .content-for-layout .section-wrapper .layout-panel-flex--row > .group-block:nth-child(3n + 2) {
  border-top: 3px solid var(--myome-blush, #f4c4d4) !important;
}

.template-index .content-for-layout .section-wrapper .layout-panel-flex--row > .group-block:nth-child(3n) {
  border-top: 3px solid var(--myome-sage, #bdd3c3) !important;
}

.template-index .button:not(.myome-launch-hero__shop):not(.slideshow-controls__thumbnail),
.template-index .button-primary {
  border: 1px solid rgb(57 53 88 / 0.12) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

.template-index .button:hover {
  transform: none;
  box-shadow: none !important;
}

.template-index .myome-eyebrow,
.template-index .myome-eyebrow--vintage {
  color: rgb(57 53 88 / 0.5) !important;
  letter-spacing: 0.18em !important;
}

/* ══ Footer — light coastal ══ */

#shopify-section-group-footer-group,
.shopify-section-group-footer-group {
  background: transparent !important;
  border-top: none;
  overflow: visible;
}

#shopify-section-group-footer-group::before,
.shopify-section-group-footer-group::before {
  display: none;
}

#shopify-section-group-footer-group > .shopify-section:first-child .section {
  background: transparent !important;
}

#shopify-section-group-footer-group > .shopify-section:first-child .section-background {
  display: none;
}

#shopify-section-group-footer-group > .shopify-section:first-child img {
  border-radius: var(--myome-coastal-radius);
  border: 1px solid rgb(57 53 88 / 0.08);
  box-shadow: var(--myome-coastal-soft);
}

@media screen and (min-width: 750px) {
  #shopify-section-group-footer-group > .shopify-section:first-child img {
    max-width: 280px;
  }
}

@media screen and (max-width: 749px) {
  #shopify-section-group-footer-group > .shopify-section:first-child .section-content-wrapper.mobile-column {
    align-items: stretch;
  }

  #shopify-section-group-footer-group > .shopify-section:first-child .image-block {
    width: calc(100% + var(--page-margin));
    max-width: none;
    margin-right: calc(-1 * var(--page-margin));
    align-self: flex-start;
  }

  #shopify-section-group-footer-group > .shopify-section:first-child .image-block img,
  #shopify-section-group-footer-group > .shopify-section:first-child img {
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    display: block;
    border-radius: var(--myome-coastal-radius, 20px) 0 0 var(--myome-coastal-radius, 20px);
  }

  #shopify-section-group-footer-group > .shopify-section:first-child .group-block {
    padding-inline: var(--page-margin);
  }
}

#shopify-section-group-footer-group > .shopify-section:first-child .group-block {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

#shopify-section-group-footer-group > .shopify-section:first-child .button {
  box-shadow: none;
  border: 1px solid rgb(57 53 88 / 0.12) !important;
}

#shopify-section-group-footer-group > .shopify-section:nth-child(2) {
  border-top: none;
  background: var(--myome-sage, #bdd3c3) !important;
}

#shopify-section-group-footer-group .footer-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  contain: none;
  content-visibility: visible;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  align-items: end;
}

@media screen and (min-width: 750px) {
  #shopify-section-group-footer-group .footer-content {
    grid-template-columns: minmax(260px, 380px) minmax(0, 1fr);
    gap: 2.5rem 3rem;
    align-items: center;
  }

  #shopify-section-group-footer-group .section,
  .shopify-section-group-footer-group .section {
    --page-content-width: 1120px;
    --page-margin: 1.25rem;
    --page-width: calc(1120px + 2.5rem);
    --full-page-grid-central-column-width: min(1120px, calc(100% - 2.5rem));
    grid-template-columns:
      minmax(1.25rem, 1fr)
      min(1120px, calc(100% - 2.5rem))
      minmax(1.25rem, 1fr);
  }

  #shopify-section-group-footer-group .footer-content,
  #shopify-section-group-footer-group .utilities,
  .shopify-section-group-footer-group .footer-content,
  .shopify-section-group-footer-group .utilities {
    width: 100%;
    max-width: 1120px;
    justify-self: center;
  }
}

#shopify-section-group-footer-group .footer-content .group-block,
#shopify-section-group-footer-group .footer-content .group-block.border-style,
#shopify-section-group-footer-group .footer-content .text-block,
#shopify-section-group-footer-group .footer-content .text-block.h2 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
  --border-width: 0 !important;
  --border-style: none !important;
  --border-color: transparent !important;
  --border-radius: 0 !important;
  --text-background-color: transparent !important;
  --text-corner-radius: 0 !important;
  --text-padding: 0 !important;
}

#shopify-section-group-footer-group .footer-content .group-block-content {
  height: auto !important;
  width: auto !important;
  max-width: 100%;
}

#shopify-section-group-footer-group .footer-content h2,
#shopify-section-group-footer-group .footer-content .text-block h2,
#shopify-section-group-footer-group .footer-content .text-block.h2 > *,
#shopify-section-group-footer-group .myome-footer-heading {
  font-family: var(--font-heading--family) !important;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em;
  text-transform: none;
  color: var(--myome-ink, #393558) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  display: block;
  width: auto;
  max-width: 100%;
}

#shopify-section-group-footer-group .myome-footer-tagline {
  font-family: var(--font-body--family) !important;
  font-size: var(--myome-body-size, 1.375rem) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--myome-ink-muted, rgb(57 53 88 / 0.78)) !important;
  margin: 0 !important;
  max-width: 34ch;
}

#shopify-section-group-footer-group .footer-utilities,
#shopify-section-group-footer-group .footer-utilities a {
  font-size: 1rem !important;
}

#shopify-section-group-footer-group .email-signup {
  width: 100%;
  max-width: 100%;
}

#shopify-section-group-footer-group > .shopify-section:last-child {
  border-top: 1px solid rgb(57 53 88 / 0.06);
  background: var(--myome-cream, #fffef5) !important;
}

#shopify-section-group-footer-group .footer-utilities {
  color: var(--myome-ink) !important;
  border-top: none;
}

#shopify-section-group-footer-group .footer-utilities a {
  color: var(--myome-ink) !important;
  opacity: 0.7;
}

#shopify-section-group-footer-group .footer-utilities a:hover {
  opacity: 1;
  color: var(--myome-sky, #98c4e9) !important;
}

/* Footer newsletter copy — plain markup, no interior card chrome (all templates) */
#shopify-section-group-footer-group footer.section-wrapper .group-block,
#shopify-section-group-footer-group footer.section-wrapper .group-block.border-style,
#shopify-section-group-footer-group footer .group-block,
#shopify-section-group-footer-group .myome-footer-newsletter-copy,
#shopify-section-group-footer-group .myome-footer-newsletter-copy > *,
#shopify-section-group-footer-group .footer-content .text-block,
#shopify-section-group-footer-group .footer-content rte-formatter.text-block {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  --border-width: 0 !important;
  --border-style: none !important;
  --border-color: transparent !important;
  --border-radius: 0 !important;
  --text-background-color: transparent !important;
  --text-corner-radius: 0 !important;
  --text-padding: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  overflow: visible !important;
}

#shopify-section-group-footer-group .myome-footer-newsletter-copy {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  max-width: min(100%, 22rem);
}

@media screen and (max-width: 749px) {
  #shopify-section-group-footer-group .myome-footer-newsletter-copy {
    max-width: 100%;
    text-align: left;
    margin-bottom: 0.25rem;
  }

  #shopify-section-group-footer-group .myome-footer-tagline {
    max-width: 38ch;
  }
}

/* ══ Homepage hero — editorial split band ══ */
/* Homepage hero — layered slideshow (current) + legacy slideshow support */
.myome-home-hero--layered {
  padding-block: 0 !important;
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .myome-home-hero--layered layered-slideshow-component,
  .myome-home-hero--layered .layered-slideshow__container {
    min-height: clamp(420px, 78dvh, 880px) !important;
    height: clamp(420px, 78dvh, 880px) !important;
  }
}

.myome-home-hero--layered .layered-slideshow__content {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  padding-inline: clamp(1.25rem, 4vw, 3.5rem);
  padding-block: clamp(1.25rem, 3vw, 2.5rem);
  box-sizing: border-box;
}

/* Kill theme centering + full-height flex so the panel hugs copy on the right */
.myome-home-hero--layered .layered-slideshow__content > * {
  margin: 0 !important;
  margin-inline-start: auto !important;
  height: auto !important;
  width: min(100%, 34rem) !important;
  max-width: 100%;
  align-self: flex-end;
}

.myome-home-hero--layered .layered-slideshow__content-panel {
  height: auto !important;
  width: min(100%, 34rem) !important;
  margin-inline-start: auto;
}

.myome-home-hero--layered .layered-slideshow__content--contrast-soft-panel .layered-slideshow__content-panel {
  background: rgb(255 254 245 / var(--soft-panel-opacity, 0.88)) !important;
  backdrop-filter: blur(var(--soft-panel-blur, 2px));
  -webkit-backdrop-filter: blur(var(--soft-panel-blur, 2px));
}

.myome-home-hero--layered .layered-slideshow__content .text-block {
  background: transparent !important;
  max-width: 40ch;
}

.myome-home-hero--layered .layered-slideshow__content .button {
  background: var(--myome-sky, #98c4e9) !important;
  border: 2px solid var(--myome-sky, #98c4e9) !important;
  color: var(--myome-ink, #393558) !important;
}

/*
  Mobile stack layout lives here (asset CSS), not only in section {% stylesheet %}.
  Shopify compiled section CSS has been missing these rules on the live theme.
*/
@media screen and (max-width: 749px) {
  .layered-slideshow--mobile-stack,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) {
    overflow: visible !important;
  }

  .layered-slideshow--mobile-stack layered-slideshow-component,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) layered-slideshow-component {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__container,
  .layered-slideshow--mobile-stack .layered-slideshow__container:not([size='auto']),
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__container,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay)
    .layered-slideshow__container:not([size='auto']) {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__tablist,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__tablist {
    display: none !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__panels,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__panels {
    display: block !important;
    grid-template-rows: none !important;
    grid-template-columns: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__panel,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__panel {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__panel-content,
  .layered-slideshow--mobile-stack .layered-slideshow__panel:first-child .layered-slideshow__panel-content,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__panel-content,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay)
    .layered-slideshow__panel:first-child
    .layered-slideshow__panel-content {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
    border-left: none !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__panel-content :is(img, video, svg),
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay)
    .layered-slideshow__panel-content
    :is(img, video, svg) {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 48dvh !important;
    min-height: 220px !important;
    aspect-ratio: 4 / 3;
    object-fit: cover !important;
    flex: 0 0 auto !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__content {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 1.15rem 1.25rem 1.35rem !important;
    background: var(--myome-cream, #fffef5) !important;
    border-top: 1px solid rgb(57 53 88 / 0.08) !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    opacity: 1 !important;
    transform: none !important;
    text-align: center !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content > *,
  .layered-slideshow--mobile-stack .layered-slideshow__content-panel,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__content > *,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__content-panel {
    --horizontal-alignment: center !important;
    --vertical-alignment: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    margin-inline: auto !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: center !important;
    height: auto !important;
    text-align: center !important;
    gap: 0.65rem !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content--contrast-soft-panel .layered-slideshow__content-panel,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay)
    .layered-slideshow__content--contrast-soft-panel
    .layered-slideshow__content-panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content .text-block,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__content .text-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    align-self: center !important;
    text-align: center !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content .text-block,
  .layered-slideshow--mobile-stack .layered-slideshow__content .text-block :is(p, h1, h2, h3, h4, strong, a),
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__content .text-block,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay)
    .layered-slideshow__content
    .text-block
    :is(p, h1, h2, h3, h4, strong, a) {
    color: var(--myome-ink, #393558) !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content .text-block:first-child,
  .layered-slideshow--mobile-stack .layered-slideshow__content .text-block.h2,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__content .text-block:first-child,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__content .text-block.h2 {
    display: block !important;
    width: 100% !important;
    font-family: var(--font-heading--family) !important;
    text-align: center !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content .text-block:first-child :is(p, strong),
  .layered-slideshow--mobile-stack .layered-slideshow__content .text-block.h2 :is(p, strong),
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay)
    .layered-slideshow__content
    .text-block:first-child
    :is(p, strong),
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay)
    .layered-slideshow__content
    .text-block.h2
    :is(p, strong) {
    display: block !important;
    width: 100% !important;
    font-family: var(--font-heading--family) !important;
    font-size: clamp(1.75rem, 7.5vw, 2.15rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.1 !important;
    margin: 0 0 0.2rem !important;
    text-align: center !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content .text-block:not(:first-child):not(.h2) :is(p, span),
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay)
    .layered-slideshow__content
    .text-block:not(:first-child):not(.h2)
    :is(p, span) {
    font-family: var(--font-body--family) !important;
    font-size: 1.05rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0.01em !important;
    color: rgb(57 53 88 / 0.92) !important;
    max-width: 34ch;
    margin-inline: auto !important;
    text-wrap: pretty;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content .button,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__content .button,
  .layered-slideshow--mobile-stack .layered-slideshow__content .group-block-content > span:has(.button),
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay)
    .layered-slideshow__content
    .group-block-content
    > span:has(.button) {
    align-self: center !important;
    margin-inline: auto !important;
    width: auto !important;
  }

  .layered-slideshow--mobile-stack .layered-slideshow__content .button,
  .myome-home-hero--layered:not(.layered-slideshow--mobile-overlay) .layered-slideshow__content .button {
    min-width: 10.5rem !important;
    margin-top: 0.35rem !important;
    padding: 0.85rem 1.4rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
  }

  .myome-home-hero--layered.layered-slideshow--mobile-overlay layered-slideshow-component,
  .myome-home-hero--layered.layered-slideshow--mobile-overlay .layered-slideshow__container {
    min-height: clamp(360px, 72dvh, 720px) !important;
    height: clamp(360px, 72dvh, 720px) !important;
  }

  .myome-home-hero--layered.layered-slideshow--mobile-overlay
    .layered-slideshow__content--contrast-soft-panel
    .layered-slideshow__content-panel {
    background: rgb(255 254 245 / var(--soft-panel-opacity-mobile, 0.3)) !important;
    backdrop-filter: blur(var(--soft-panel-blur-mobile, 0px));
    -webkit-backdrop-filter: blur(var(--soft-panel-blur-mobile, 0px));
    padding: 0.85rem 1rem !important;
  }

  .myome-home-hero--layered.layered-slideshow--mobile-overlay .layered-slideshow__content {
    padding-inline: 0.85rem !important;
    padding-block: 0.85rem !important;
  }

  .myome-home-hero--layered.layered-slideshow--mobile-overlay .layered-slideshow__content .text-block p:first-child,
  .myome-home-hero--layered.layered-slideshow--mobile-overlay .layered-slideshow__content .text-block p:last-child {
    text-shadow: 0 1px 10px rgb(255 254 245 / 0.55);
  }
}

/* Homepage hero — full-bleed media with readable on-image content */
.myome-home-hero:not(.myome-home-hero--layered) {
  padding-block: 0 !important;
  overflow: hidden;
}

.myome-home-hero.slideshow-section,
.myome-home-hero slideshow-component,
.myome-home-hero slideshow-container,
.myome-home-hero slideshow-slides,
.myome-home-hero slideshow-slide {
  min-height: clamp(420px, 78dvh, 880px) !important;
  height: auto !important;
}

.myome-home-hero slideshow-slide {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  overflow: hidden;
}

.myome-home-hero .slide__image-container {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 0;
}

.myome-home-hero .slide__image-container .slide__image,
.myome-home-hero .slide__image-container .slide__video,
.myome-home-hero .slide__image-container .slide__video-poster {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  object-fit: cover;
  object-position: var(--slide-media-position, center 100%);
}

.myome-home-hero .slide__content {
  opacity: 1 !important;
  animation: none !important;
  position: relative !important;
  z-index: 2;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  width: 100%;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: clamp(1.1rem, 3.5vw, 2.5rem) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
}

.myome-home-hero .slide__content > .group-block-content,
.myome-home-hero .slide__content-panel {
  width: min(100%, 34rem);
  max-width: 100%;
  height: auto !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0.85rem;
}

.myome-home-hero .slide__content .text-block {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  width: 100%;
  max-width: 40ch;
  text-align: left !important;
}

.myome-home-hero .slide__content .text-block p {
  margin: 0;
}

.myome-home-hero .slide__content .text-block p:first-child {
  font-family: var(--font-heading--family);
  font-size: clamp(1.55rem, 4.5vw, 2.4rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  text-transform: none;
  margin-bottom: 0.4rem;
  color: var(--myome-ink, #393558);
  opacity: 1;
  line-height: 1.1;
}

.myome-home-hero .slide__content .text-block p:last-child {
  font-family: var(--font-body--family);
  font-size: clamp(0.95rem, 2.4vw, 1.1rem);
  line-height: 1.45;
  letter-spacing: normal;
  font-weight: 400;
  color: rgb(57 53 88 / 0.9);
  text-wrap: pretty;
}

.myome-home-hero .slide__content .text-block strong {
  font-weight: 600;
}

.myome-home-hero .slide__content .text-block.h3 {
  font-size: inherit;
  line-height: inherit;
}

.myome-home-hero .slide__content .group-block-content > span:has(.button) {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto;
}

.myome-home-hero .slide__content .group-block-content .button,
.myome-home-hero .slide__content .group-block-content .size-style {
  --size-style-width: fit-content !important;
  --size-style-width-mobile: fit-content !important;
  --size-style-width-mobile-min: fit-content !important;
}

.myome-home-hero .slide__content .group-block-content .button {
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 auto;
  padding: 0.8rem 1.35rem !important;
  font-size: 0.95rem !important;
  white-space: nowrap;
  background: var(--myome-sky, #98c4e9) !important;
  border: 2px solid var(--myome-sky, #98c4e9) !important;
  color: var(--myome-ink, #393558) !important;
}

.myome-home-hero .slide__content .group-block-content .button:last-of-type {
  background: var(--myome-ink, #393558) !important;
  border: 2px solid var(--myome-ink, #393558) !important;
  color: var(--myome-cream, #fffef5) !important;
}

.myome-home-hero .slide__content .group-block-content .button:last-of-type:hover {
  background: rgb(57 53 88 / 0.88) !important;
  border-color: rgb(57 53 88 / 0.88) !important;
}

/* Below-media fallback if content position is switched in the editor */
.myome-home-hero:has(.slideshow--content-below-media) slideshow-slide {
  grid-template-rows: clamp(200px, 34dvh, 280px) auto;
  min-height: 0 !important;
}

.myome-home-hero:has(.slideshow--content-below-media) .slide__image-container {
  position: relative !important;
  inset: auto;
}

.myome-home-hero:has(.slideshow--content-below-media) .slide__content {
  position: static !important;
  height: auto !important;
  background: var(--myome-cream, #fffef5) !important;
  border-top: 1px solid rgb(57 53 88 / 0.08);
}

@media screen and (max-width: 749px) {
  .myome-home-hero.slideshow-section,
  .myome-home-hero slideshow-component,
  .myome-home-hero slideshow-container,
  .myome-home-hero slideshow-slides,
  .myome-home-hero slideshow-slide {
    min-height: clamp(360px, 72dvh, 720px) !important;
  }

  .myome-home-hero .slide__content > .group-block-content {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
  }

  .myome-home-hero .slide__content .text-block {
    flex: 1 1 100%;
  }

  .myome-home-hero .slide__content .group-block-content .button {
    width: auto !important;
    padding: 0.75rem 1.1rem !important;
    font-size: 0.9rem !important;
    white-space: nowrap;
    text-align: center;
  }
}

/* Quiz band tucked under compact hero */
.template-index .myome-home-hero + .shopify-section.myome-quiz-cta-section .myome-quiz-cta {
  padding-block: clamp(0.65rem, 2vw, 1rem);
}

.template-index .myome-home-hero + .shopify-section.myome-quiz-cta-section .myome-quiz-cta__card {
  padding: clamp(0.75rem, 2vw, 1.15rem);
  gap: 0.75rem;
}

.template-index .myome-home-hero + .shopify-section.myome-quiz-cta-section .myome-quiz-cta__heading {
  font-size: clamp(1.05rem, 3vw, 1.25rem);
}

.template-index .myome-home-hero + .shopify-section.myome-quiz-cta-section .myome-quiz-cta__text {
  font-size: 0.95rem;
  line-height: 1.45;
}

/* Brand slideshow at page bottom — keep on-media layout */
.template-index .slideshow-section:not(.myome-home-hero) .slideshow--content-on-media slideshow-container,
.template-index .slideshow-section:not(.myome-home-hero) .slideshow--content-on-media slideshow-slides {
  min-height: 0 !important;
  height: auto;
}

@media screen and (max-width: 749px) {
  .template-index .slideshow-section:not(.myome-home-hero) .slideshow--content-on-media .slide__content:not(.background-transparent) {
    max-width: min(94vw, 22rem);
    padding: clamp(1rem, 4vw, 1.35rem);
  }
}

/* ══ Collection — product cards (single surface, no stacked borders) ══ */

body.template-collection {
  background: var(--myome-cream, #fffef5);
  background-image: radial-gradient(ellipse 70% 50% at 50% -10%, rgb(152 196 233 / 0.1), transparent 55%);
}

.template-collection .product-card:hover,
.template-collection .product-grid__item .product-card:hover,
.template-collection .product-grid__item product-card:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 0 0 1px rgb(57 53 88 / 0.14),
    0 16px 40px rgb(57 53 88 / 0.08) !important;
}

.template-collection .product-card .product-card__content,
.template-collection .product-card .group-block {
  padding: 0 1rem 1rem !important;
}

.template-collection .product-card .product-title,
.template-collection .product-card .price,
.template-collection .product-card .buy-buttons-block {
  padding-inline: 0;
}

.template-collection .product-card .product-title {
  padding-top: 0.75rem;
}

.template-collection .product-card .add-to-cart-button {
  background: var(--myome-sky, #98c4e9) !important;
  border: 1px solid rgb(57 53 88 / 0.1) !important;
  box-shadow: none !important;
  font-weight: 600;
  font-size: var(--myome-button-size, 1.125rem) !important;
  min-height: 44px;
}

/* Bundle callout on collection — image badge only; CTA aligned with Add to cart */
.template-collection .product-card--myome-unavailable .myome-unavailable-notify {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 0 !important;
}

.template-collection .product-card--myome-unavailable .myome-unavailable-notify__heading {
  display: none !important;
}

.template-collection .product-card--myome-unavailable .myome-unavailable-notify__eyebrow {
  display: none !important;
}

.template-collection .product-card--myome-unavailable .myome-unavailable-notify__link {
  width: 100% !important;
  min-height: 44px;
  padding: 0.65rem 1rem !important;
  background: var(--myome-sky, #98c4e9) !important;
  border: 1px solid rgb(57 53 88 / 0.12) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--myome-ink) !important;
  font-size: var(--myome-button-size, 1.125rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}

.template-collection .product-card--myome-unavailable .myome-unavailable-notify__link:hover {
  transform: none;
  background: #7fb3e0 !important;
  border-color: rgb(57 53 88 / 0.18) !important;
}

/* ══ PDP — light coastal ══ */

body.template-product {
  background: var(--myome-cream, #fffef5);
  background-image: radial-gradient(ellipse 70% 45% at 0% 0%, rgb(152 196 233 / 0.1), transparent 55%);
}

.template-product media-gallery.media-gallery--carousel {
  border: none !important;
  border-radius: var(--myome-coastal-radius) !important;
  box-shadow:
    inset 0 0 0 1px rgb(57 53 88 / 0.1),
    var(--myome-coastal-soft) !important;
  overflow: hidden !important;
  width: 100%;
  background: #fff;
  isolation: isolate;
}

.template-product .product-media-container,
.template-product .product-media-gallery {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.template-product .media-gallery--carousel slideshow-component {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* PDP gallery thumbnails — styled in myome-custom.css */

.ct-subscription-widget {
  border: none !important;
  border-radius: var(--myome-coastal-radius) !important;
  background: #fff !important;
  box-shadow:
    inset 0 0 0 1px rgb(57 53 88 / 0.1),
    var(--myome-coastal-soft) !important;
  overflow: hidden;
}

.ct-subscription-widget__radio:checked + .ct-subscription-widget__label {
  border-color: var(--myome-sky, #98c4e9) !important;
  background: rgb(152 196 233 / 0.12) !important;
  box-shadow: none !important;
}

.ct-subscription-widget__button {
  box-shadow: none !important;
  border: 1px solid rgb(57 53 88 / 0.12) !important;
  text-transform: none;
  font-weight: 600 !important;
}

.ct-subscription-widget__button:hover {
  transform: none;
  box-shadow: none !important;
}

/* PDP unavailable — clean stacked label + CTA, no widget chrome */
.template-product .myome-unavailable-cta,
.template-product .myome-unavailable-notify,
.template-product .product-form-buttons--myome-unavailable {
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.template-product .myome-unavailable-notify {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  margin-top: 0.25rem !important;
}

.template-product .myome-unavailable-notify__eyebrow {
  position: static !important;
  display: inline-flex !important;
  align-self: flex-start !important;
  margin: 0 !important;
  padding: 0.65rem 1.15rem !important;
  border: 2px solid var(--myome-ink, #393558) !important;
  border-radius: 999px !important;
  background: var(--myome-sage, #bdd3c3) !important;
  font-family: var(--font-heading--family) !important;
  font-size: clamp(1rem, 1.6vw, 1.2rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  color: var(--myome-ink, #393558) !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

.template-product .myome-unavailable-notify__support {
  margin: 0 !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--myome-ink, #393558) !important;
}

.template-product .myome-unavailable-notify__link {
  position: static !important;
  display: inline-flex !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0.15rem 0 0 !important;
  background: var(--myome-sky, #98c4e9) !important;
  border: 1px solid rgb(57 53 88 / 0.12) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-weight: 600 !important;
}

/* ══ Interior pages ══ */

body.template-page,
body.template-blog,
body.template-article {
  background: var(--myome-cream, #fffef5);
  background-image: radial-gradient(ellipse 70% 50% at 50% -10%, rgb(152 196 233 / 0.1), transparent 55%);
}

/* Blog article — wider reading column, cream throughout (no white card) */
.template-article {
  --myome-article-content-width: min(52rem, calc(100% - var(--page-margin) * 2));
}

.template-article .blog-post-section .section-background,
.template-article .blog-post-section.section-wrapper .section-background {
  background: transparent !important;
}

.template-article .blog-post-section > .section {
  background: transparent !important;
}

.template-article .blog-post-section .section-content-wrapper {
  max-width: var(--myome-article-content-width);
  margin-inline: auto;
  width: 100%;
}

.template-article .blog-post-section header,
.template-article .blog-post-featured-image,
.template-article .blog-post-content,
.template-article .myome-blog-faq,
.template-article .blog-post-comments-container {
  width: 100%;
  max-width: var(--myome-article-content-width);
  margin-inline: auto;
}

.template-article .blog-post-featured-image img,
.template-article .blog-post-image {
  border: 1px solid rgb(57 53 88 / 0.08);
  border-radius: var(--myome-coastal-radius);
  box-shadow: var(--myome-coastal-soft);
}

.template-article .blog-post-content {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
}

.template-article .blog-post-content rte-formatter,
.template-article .blog-post-content .rte {
  color: var(--myome-copy, rgb(57 53 88 / 0.88));
}

.template-article .blog-post-content rte-formatter > h1:first-child,
.template-article .blog-post-content .rte > h1:first-child {
  display: none;
}

.template-article .blog-post-content h2,
.template-article .blog-post-content h3,
.template-article .blog-post-content h4 {
  color: var(--myome-ink, #393558);
  font-family: var(--font-heading--family);
}

/* Blog FAQ block */
.myome-blog-faq {
  width: 100%;
  max-width: var(--myome-article-content-width, min(52rem, 100%));
  margin-inline: auto;
  padding-block: clamp(0.5rem, 2vw, 1rem);
}

.myome-blog-faq__eyebrow {
  margin: 0 0 0.4rem;
}

.myome-blog-faq__heading {
  margin: 0 0 1rem;
  font-family: var(--font-heading--family);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--myome-ink, #393558);
}

.myome-blog-faq__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid rgb(57 53 88 / 0.1);
  border-radius: var(--myome-coastal-radius, 16px);
  background: rgb(255 254 245 / 0.65);
  overflow: hidden;
  box-shadow: var(--myome-coastal-soft, 0 8px 28px rgb(57 53 88 / 0.06));
}

.myome-blog-faq__item {
  border-block-end: 1px solid rgb(57 53 88 / 0.08);
}

.myome-blog-faq__item:last-child {
  border-block-end: none;
}

.myome-blog-faq__question {
  font-family: var(--font-heading--family);
  font-size: clamp(1rem, 2.2vw, 1.125rem);
  font-weight: 600;
  color: var(--myome-ink, #393558);
  padding: 1rem 1.15rem;
  cursor: pointer;
  list-style: none;
}

.myome-blog-faq__answer {
  padding: 0 1.15rem 1rem;
  font-family: var(--font-body--family);
  font-size: 1rem;
  line-height: 1.55;
  color: var(--myome-copy, rgb(57 53 88 / 0.82));
}

.myome-blog-faq__answer p:first-child {
  margin-top: 0;
}

.myome-blog-faq__answer p:last-child {
  margin-bottom: 0;
}

.myome-blog-faq .icon-plus {
  display: none;
}

.template-blog .myome-blog-faq {
  max-width: min(52rem, calc(100% - var(--page-margin) * 2));
  margin-block: 1.5rem;
}

  height: 3px !important;
  background: linear-gradient(90deg, var(--myome-sage), var(--myome-sky), var(--myome-blush)) !important;
  opacity: 0.45 !important;
  margin-bottom: 1.25rem !important;
}

.template-blog .blog-post-item {
  border-radius: var(--myome-coastal-radius) !important;
  border: 1px solid rgb(57 53 88 / 0.1) !important;
  box-shadow: var(--myome-coastal-soft) !important;
}

.template-page .content-for-layout .media-with-content .media-block,
.template-page .content-for-layout .section-wrapper .layout-panel-flex--row > .group-block {
  border: 1px solid rgb(57 53 88 / 0.08);
  border-radius: var(--myome-coastal-radius);
  box-shadow: var(--myome-coastal-soft);
}

.template-page .content-for-layout .section-wrapper .group-block:has(> .group-block-content.layout-panel-flex--row) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}


.template-index .slideshow-controls__thumbnail.button,
.template-index .slideshow-controls__thumbnail {
  aspect-ratio: 1 !important;
  height: auto !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.template-index .slideshow-controls__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

.template-index .button:not(.myome-launch-hero__shop),
.template-index .button-primary,
.template-collection .button,
.template-collection .add-to-cart-button,
.template-collection .product-card .add-to-cart-button,
.template-collection .product-card--myome-unavailable .myome-unavailable-notify__link,
.template-product .product-details .add-to-cart-button,
.template-page .button,
.product-card .add-to-cart-button,
.myome-btn-vintage,
.myome-coastal-ribbon .button,
#shopify-section-group-footer-group > .shopify-section:first-child .button,
.myome-unavailable-notify__link,
.ct-subscription-widget__button,
.myome-quiz__btn,
.myome-quiz-cta__button {
  font-size: var(--myome-button-size, 1.125rem) !important;
  text-transform: none !important;
}

.add-to-cart-button .add-to-cart-text,
.add-to-cart-button .add-to-cart-text__content,
.add-to-cart-button .add-to-cart-text__content span {
  font-size: inherit !important;
  text-transform: none !important;
}

/* Launch hero — mock forest green CTA, not homepage sky pills */
.template-index .myome-launch-hero a.myome-launch-hero__shop,
.myome-launch-hero a.myome-launch-hero__shop {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #163a2c !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fffef5 !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.template-index .myome-launch-hero a.myome-launch-hero__shop:hover,
.myome-launch-hero a.myome-launch-hero__shop:hover,
.template-index .myome-launch-hero a.myome-launch-hero__shop:focus-visible,
.myome-launch-hero a.myome-launch-hero__shop:focus-visible {
  background: #10281e !important;
  color: #fffef5 !important;
}

.template-index h1.myome-launch-hero__heading {
  max-width: 100% !important;
  text-wrap: wrap !important;
  white-space: normal !important;
  font-size: clamp(2.2rem, 3.5vw, 2.95rem) !important;
}