/** Shopify CDN: Minification failed

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

**/
/* ============================================================
   EMOLEA — DESIGN TOKENS & BRAND CSS v2.0
   Typography-first. Editorial. Nie e-shop.
   ============================================================ */

/* ── 1. BRAND FARBY ── */
:root {
  --em-accent:        #DF4F16;
  --em-accent-light:  rgba(223, 79, 22, 0.07);
  --em-bg:            #F9F9F9;
  --em-fg:            #1A1A1A;
  --em-fg-mid:        rgba(26, 26, 26, 0.52);
  --em-fg-soft:       rgba(26, 26, 26, 0.32);
  --em-border:        rgba(26, 26, 26, 0.08);
  --em-border-strong: rgba(26, 26, 26, 0.14);
  --em-dark-bg:       #151515;
  --em-dark-text:     #F0F0EE;
}

/* ── 2. TYPOGRAPHY ŠKÁLA — odvážnejšia ── */
:root {
  --em-display-size:  clamp(4.8rem, 7vw, 8.8rem);
  --em-display-line:  0.98;
  --em-display-track: -0.035em;

  --em-h1-size:       clamp(3.6rem, 5.5vw, 6.4rem);
  --em-h1-line:       1.04;
  --em-h1-track:      -0.028em;

  --em-h2-size:       clamp(2.8rem, 4vw, 4.8rem);
  --em-h2-line:       1.08;
  --em-h2-track:      -0.022em;

  --em-h3-size:       clamp(2.0rem, 2.8vw, 3.2rem);
  --em-h3-line:       1.18;
  --em-h3-track:      -0.016em;

  --em-body-size:     1.6rem;
  --em-body-line:     1.78;

  --em-small-size:    1.35rem;
  --em-small-line:    1.65;

  --em-label-size:    1.0rem;
  --em-label-track:   0.15em;
}

/* ── 3. GLOBÁLNA TYPOGRAFIA — silnejšia ── */

/* Headliny — výraznejšie, tmavšie */
h1, h2, h3,
.h1, .h2, .h3 {
  color: rgb(var(--color-foreground)) !important;
  font-style: normal;
}

/* Body — čitateľnejší */
body {
  font-size: 1.55rem;
  line-height: 1.75;
  color: rgba(var(--color-foreground), 0.78);
}

/* ── 4. SEKCIE — menej borderov, viac vzduchu ── */

/* Znížiť počet borderov globálne */
.section + .section {
  margin-top: 0;
}

/* Sekčné padding — väčší vertical rhythm */
.hp-hero,
.hp-ident,
.hp-statement,
.hp-identify,
.hp-zlom,
.hp-vyber,
.hp-edu,
.hp-foot,
.sleep-prob,
.sf-mech,
.info-block__for-who,
.info-block__science,
.info-block__practical,
.wb-prob,
.col-ben,
.emolea-rituals__header {
  border-bottom: none !important;
  border-top: none !important;
}

/* Tenká linka len medzi hlavnými blokmi — nie medzi každým riadkom */
.hp-ident { border-bottom: 1px solid var(--em-border) !important; }
.sleep-prob { border-bottom: 1px solid var(--em-border) !important; }
.info-block__for-who { border-bottom: 1px solid var(--em-border) !important; }
.info-block__science { border-bottom: 1px solid var(--em-border) !important; }
.info-block__practical { border-bottom: 1px solid var(--em-border) !important; }
.sf-mech { border-bottom: 1px solid var(--em-border) !important; }
.emolea-rituals { border-top: none !important; }

/* ── 5. HP HERO — typography upgrade ── */
.hp-hero__title {
  font-size: clamp(4.2rem, 6.5vw, 7.2rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
  color: rgb(var(--color-foreground)) !important;
  margin-bottom: 3.2rem !important;
}

.hp-hero__body {
  font-size: 1.55rem !important;
  line-height: 1.78 !important;
  color: rgba(var(--color-foreground), 0.55) !important;
  max-width: 30rem !important;
}

.hp-hero__strong {
  font-size: 1.55rem !important;
  line-height: 1.78 !important;
  max-width: 30rem !important;
  margin-bottom: 4rem !important;
}

/* ── 6. HP IDENTIFY — typography upgrade ── */
.hp-ident {
  padding: 12rem 5rem !important;
}

.hp-ident__title {
  font-size: clamp(3.2rem, 4.8vw, 5.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.028em !important;
}

.hp-ident__text {
  font-size: clamp(1.8rem, 2.2vw, 2.4rem) !important;
  line-height: 1.28 !important;
  letter-spacing: -0.01em !important;
}

.hp-ident__sub {
  font-size: 1.4rem !important;
  line-height: 1.72 !important;
  color: rgba(var(--color-foreground), 0.42) !important;
  margin-top: 0.6rem !important;
}

.hp-ident__item {
  padding: 3.8rem 0 3.8rem 4rem !important;
}

/* ── 7. SLEEP PROBLEM — typography upgrade ── */
.sleep-prob {
  padding: 12rem 5rem !important;
}

.sleep-prob__title {
  font-size: clamp(3.2rem, 4.8vw, 5.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.028em !important;
  margin-bottom: 2.4rem !important;
}

.sleep-prob__lead {
  font-size: 1.5rem !important;
  color: rgba(var(--color-foreground), 0.42) !important;
  line-height: 1.75 !important;
}

.sleep-prob__card-title {
  font-size: clamp(1.9rem, 2.4vw, 2.6rem) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.012em !important;
  margin-bottom: 1.1rem !important;
}

.sleep-prob__card-text {
  font-size: 1.42rem !important;
  color: rgba(var(--color-foreground), 0.44) !important;
  line-height: 1.72 !important;
}

.sleep-prob__item {
  padding: 4rem 0 4rem 4rem !important;
}

/* ── 8. INFO BLOCK — typography upgrade ── */
.info-block__for-who {
  padding: 12rem 5rem !important;
  gap: 10rem !important;
}

.info-block__fw-title {
  font-size: clamp(2.4rem, 3.2vw, 3.6rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.018em !important;
  margin-bottom: 3rem !important;
}

.info-block__fw-item {
  font-size: 1.45rem !important;
  line-height: 1.68 !important;
  padding: 1.2rem 0 !important;
  color: rgba(var(--color-foreground), 0.58) !important;
}

.info-block__science {
  padding: 12rem 5rem !important;
}

.info-block__title {
  font-size: clamp(3.2rem, 4.8vw, 5.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.028em !important;
  margin-bottom: 1.6rem !important;
}

.info-block__lead {
  font-size: 1.45rem !important;
  color: rgba(var(--color-foreground), 0.42) !important;
  line-height: 1.75 !important;
}

.info-block__study {
  padding: 3.6rem 0 3.6rem 4.8rem !important;
}

.info-block__study-claim {
  font-size: clamp(1.8rem, 2.2vw, 2.4rem) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 1rem !important;
}

.info-block__study-detail {
  font-size: 1.38rem !important;
  color: rgba(var(--color-foreground), 0.42) !important;
  line-height: 1.68 !important;
}

.info-block__practical {
  padding: 12rem 5rem !important;
  gap: 10rem !important;
}

.info-block__step-title,
.info-block__phase-title {
  font-size: 1.52rem !important;
  font-weight: 500 !important;
  margin-bottom: 0.5rem !important;
}

.info-block__step-desc,
.info-block__phase-desc {
  font-size: 1.38rem !important;
  color: rgba(var(--color-foreground), 0.42) !important;
  line-height: 1.68 !important;
}

/* ── 9. SF-MECH (tabuľka zloženia) — typography upgrade ── */
.sf-mech {
  padding: 12rem 5rem !important;
}

.sf-mech__title {
  font-size: clamp(3.2rem, 4.8vw, 5.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.028em !important;
}

.sf-mech__lead {
  font-size: 1.45rem !important;
  color: rgba(var(--color-foreground), 0.42) !important;
}

.sf-mech__name {
  font-size: 1.5rem !important;
}

.sf-mech__dose {
  font-size: 1.6rem !important;
  font-weight: 500 !important;
}

.sf-mech__mechanism {
  font-size: 1.35rem !important;
  color: rgba(var(--color-foreground), 0.52) !important;
  line-height: 1.6 !important;
}

.sf-mech__row {
  padding: 1.8rem 0 !important;
}

/* ── 10. RITUÁLY — väčšie, menej kariet feeling ── */
.emolea-rituals__header {
  padding: 12rem 5rem 6rem !important;
}

.emolea-rituals__title {
  font-size: clamp(3.6rem, 5.5vw, 6.4rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 1.6rem !important;
}

.emolea-rituals__lead {
  font-size: 1.5rem !important;
  color: rgba(var(--color-foreground), 0.48) !important;
  line-height: 1.75 !important;
}

.emolea-rituals__card-title {
  font-size: clamp(2.2rem, 3vw, 3.2rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.018em !important;
  margin-bottom: 2.4rem !important;
}

.emolea-rituals__card-inner {
  padding: 0 3rem !important;
}

.emolea-rituals__prod-name {
  font-size: 1.42rem !important;
  color: rgba(var(--color-foreground), 0.45) !important;
}

/* ── 11. PDP — typography upgrade ── */
.product__title h1,
.product__title .h1 {
  font-size: clamp(3.2rem, 4.5vw, 5.2rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.028em !important;
  margin-bottom: 1.8rem !important;
}

.price--large .price-item {
  font-size: 1.65rem !important;
  font-weight: 400 !important;
  color: rgba(var(--color-foreground), 0.52) !important;
}

.product__description {
  font-size: 1.5rem !important;
  line-height: 1.78 !important;
  color: rgba(var(--color-foreground), 0.58) !important;
  margin-top: 2rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid var(--em-border) !important;
}

/* ── 12. CTA TLAČIDLÁ ── */
.product-form__submit {
  border-radius: 2px !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  min-height: 5.4rem !important;
  transition: opacity 0.18s ease !important;
  margin-top: 2.8rem !important;
}

.product-form__submit:not([disabled]):hover {
  opacity: 0.72 !important;
  box-shadow: none !important;
}

.product-form__submit:after {
  display: none !important;
}

/* Odstraniť "Buy it now" */
.shopify-payment-button {
  display: none !important;
}

/* Share button — skryť */
.share-button__button,
.product__share-button,
.product__share-button-wrapper {
  display: none !important;
}

/* ── 13. AB-STATEMENT — typography upgrade ── */
.ab-stmt__text {
  font-size: clamp(3.2rem, 4.5vw, 5.2rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.024em !important;
}

/* ── 16. DARK SEKCIA ── */
.sleep-push1,
.wb-push__inner,
[class*="push1"] {
  background: var(--em-dark-bg) !important;
}

/* ── 17. FOOTER BRAND STORY ── */
.footer__content-top {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

/* ── 19. INFO BLOCK PRACTICAL — nadpisy väčšie ── */
.info-block__practical .info-block__title {
  font-size: clamp(3.2rem, 4.8vw, 5.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.028em !important;
  margin-bottom: 4rem !important;
}

/* AB-STMT — statement sekcia väčšia */
.ab-stmt {
  padding: 8rem 5rem !important;
  border-bottom: 1px solid var(--em-border) !important;
  border-top: none !important;
}

.ab-stmt__text {
  font-size: clamp(2.4rem, 3.5vw, 4.2rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.022em !important;
}


/* ── 20. MOBILE — kompletná oprava ── */
@media screen and (max-width: 749px) {

  /* Paddingy — výrazne menšie */
  .hp-ident,
  .sleep-prob,
  .sf-mech,
  .info-block__for-who,
  .info-block__science,
  .info-block__practical,
  .wb-prob,
  .col-ben { padding: 5rem 2rem !important; }

  .emolea-rituals__header { padding: 5rem 2rem 2.5rem !important; }
  .ab-stmt { padding: 4rem 2rem !important; }

  /* Nadpisy — menšie na mobile */
  .sleep-prob__title,
  .info-block__title,
  .sf-mech__title,
  .hp-ident__title,
  .wb-prob__title,
  .col-ben__title,
  .emolea-rituals__title { font-size: 3rem !important; letter-spacing: -0.02em !important; }

  .sleep-prob__card-title,
  .hp-ident__text,
  .wb-prob__card-title,
  .col-ben__item-title { font-size: 1.8rem !important; }

  .info-block__study-claim { font-size: 1.7rem !important; }
  .info-block__fw-title { font-size: 2.4rem !important; }
  .info-block__practical .info-block__title { font-size: 2.6rem !important; }

  /* Layouts — 1 stĺpec */
  .hp-ident__inner,
  .sleep-prob__inner,
  .info-block__science,
  .wb-prob__top { grid-template-columns: 1fr !important; }

  .info-block__for-who,
  .info-block__practical,
  .wb-prob__card,
  .col-ben__item { grid-template-columns: 1fr !important; gap: 1.5rem !important; }

  .col-ben__top { grid-template-columns: 1fr !important; }

  /* Sticky → static na mobile */
  .hp-ident__left,
  .sleep-prob__left,
  .info-block__science-left { position: static !important; margin-bottom: 3rem !important; padding-right: 0 !important; }

  /* Border namiesto left border */
  .hp-ident__right,
  .sleep-prob__right { border-left: none !important; border-top: 1px solid var(--em-border) !important; }

  .info-block__science-right { border-left: none !important; border-top: 1px solid var(--em-border) !important; }

  /* Riadky — kompaktnejšie */
  .hp-ident__item { padding: 2rem 0 !important; }
  .sleep-prob__item { padding: 2rem 0 !important; }
  .info-block__study { padding: 2rem 0 !important; }
  .info-block__step,
  .info-block__phase { padding: 1.2rem 0 !important; }
  .sf-mech__row { padding: 1.2rem 0 !important; }
  .wb-prob__grid { margin-top: 3rem; }
  .col-ben__top { margin-bottom: 3rem !important; }

  /* Tabuľka zloženia — mobile layout */
  .sf-mech__head { display: none !important; }
  .sf-mech__row {
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
  }
  .sf-mech__mechanism { grid-column: 1 / -1 !important; }
  .sf-mech__effect { display: none !important; }

  /* AB statement */
  .ab-stmt__text { font-size: 2.2rem !important; }