<!-- MOONARE – O ZNAČCE KOMPLETNÍ KÓD -->
<style>
/* MOONARE – O ZNAČCE: odstranit růžové pozadí stránky */
body,
.overall-wrapper,
.content-wrapper,
.content-wrapper-in,
.content-inner,
#content,
.content,
.type-page,
.type-page #content,
.type-page .content,
.type-page .content-inner,
.type-page .content-wrapper,
.type-page .content-wrapper-in,
.mnr-about-page,
.mnr-about-page section{
  background:#fff!important;
  background-color:#fff!important;
}

/* odstranit růžový pruh za default nadpisem */
.content-inner > h1,
.content-wrapper-in > h1,
#content > h1,
.page-title,
.category-title{
  background:#fff!important;
  background-color:#fff!important;
}

/* kdyby růžovou dělal parent kolem titulku */
.content-inner,
.content-wrapper-in{
  background:#fff!important;
  background-color:#fff!important;
}
</style>
<style>
/* MOONARE – O ZNAČCE PAGE
   Použití: obal obsah stránky třídou .mnr-about-page.
*/

.mnr-about-page{
  --mnr-pink:#ef999f;
  --mnr-pink-soft:#fceef4;
  --mnr-black:#111;
  --mnr-text:#2b2523;
  --mnr-muted:#5d5d5d;
  --mnr-border:rgba(0,0,0,.08);
  font-family:'Poppins',sans-serif!important;
  color:var(--mnr-black)!important;
  background:#fff!important;
  overflow:hidden!important;
}

.mnr-about-page *,
.mnr-about-page *::before,
.mnr-about-page *::after{box-sizing:border-box!important}
.mnr-about-page a{color:inherit!important;text-decoration:none!important}

/* HERO */
.mnr-about-hero{position:relative!important;min-height:640px!important;display:flex!important;align-items:center!important;overflow:hidden!important;background:#ddd!important}
.mnr-about-hero__image{position:absolute!important;inset:0!important;z-index:1!important}
.mnr-about-hero__image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
.mnr-about-hero::after{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(90deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.22) 38%,rgba(0,0,0,.04) 78%)!important;pointer-events:none!important}
.mnr-about-hero__content{position:relative!important;z-index:3!important;width:100%!important;max-width:1320px!important;margin:0 auto!important;padding:80px 40px!important;color:#fff!important}
.mnr-kicker{display:block!important;margin:0 0 14px!important;font-size:14px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:inherit!important}
.mnr-about-hero h1{max-width:620px!important;margin:0!important;font-size:clamp(54px,7vw,112px)!important;line-height:.92!important;font-weight:600!important;letter-spacing:-.045em!important;text-transform:uppercase!important;color:#fff!important}
.mnr-about-hero p{max-width:520px!important;margin:24px 0 0!important;font-size:18px!important;line-height:1.55!important;font-weight:400!important;color:rgba(255,255,255,.9)!important}

/* SUBNAV */
.mnr-about-subnav{position:sticky!important;top:0!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:38px!important;padding:16px 24px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--mnr-border)!important;backdrop-filter:blur(12px)!important}
.mnr-about-subnav a{position:relative!important;font-size:13px!important;line-height:1!important;font-weight:600!important;letter-spacing:.035em!important;text-transform:uppercase!important;color:#111!important;padding:6px 0!important}
.mnr-about-subnav a::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-11px!important;height:2px!important;background:#111!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .22s ease!important}
.mnr-about-subnav a:hover::after{transform:scaleX(1)!important}

/* COMMON */
.mnr-about-section{max-width:1320px!important;margin:0 auto!important;padding:92px 40px!important}
.mnr-section-title{margin:0 0 18px!important;font-size:clamp(38px,4vw,68px)!important;line-height:.98!important;font-weight:600!important;letter-spacing:-.045em!important;text-transform:uppercase!important;color:#111!important}
.mnr-section-text{max-width:760px!important;margin:0!important;font-size:18px!important;line-height:1.62!important;font-weight:400!important;color:var(--mnr-text)!important}
.mnr-center{text-align:center!important}.mnr-center .mnr-section-text{margin-left:auto!important;margin-right:auto!important}

/* INTRO */
.mnr-about-intro{max-width:860px!important;margin:0 auto!important;text-align:center!important;padding:72px 40px 58px!important}
.mnr-about-intro p{margin:0!important;font-size:24px!important;line-height:1.45!important;font-weight:500!important;color:#111!important}

/* SPLIT */
.mnr-about-split{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:56px!important;align-items:center!important}
.mnr-about-copy{max-width:570px!important}.mnr-about-copy p{margin:0 0 18px!important;font-size:17px!important;line-height:1.65!important;color:var(--mnr-text)!important}
.mnr-about-photo{overflow:hidden!important;background:#eee!important}.mnr-about-photo img{width:100%!important;height:640px!important;object-fit:cover!important;object-position:center!important;display:block!important;transition:transform .45s ease!important}.mnr-about-photo:hover img{transform:scale(1.03)!important}

/* IMAGE PAIR */
.mnr-about-image-pair{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;max-width:none!important;padding:0!important;margin:0!important}.mnr-about-image-pair img{width:100%!important;height:620px!important;object-fit:cover!important;display:block!important;background:#eee!important}

/* QUOTE */
.mnr-about-quote{max-width:980px!important;margin:0 auto!important;padding:100px 40px!important;text-align:center!important}.mnr-about-quote blockquote{margin:0!important;font-size:clamp(32px,4vw,60px)!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-.04em!important;text-transform:uppercase!important;color:#111!important}.mnr-about-quote p{margin:24px auto 0!important;max-width:640px!important;font-size:16px!important;line-height:1.6!important;color:#555!important}

/* VALUES */
.mnr-values{padding-top:70px!important}.mnr-values__grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-top:36px!important}.mnr-value-card{position:relative!important;min-height:360px!important;overflow:hidden!important;background:#eee!important}.mnr-value-card img{width:100%!important;height:360px!important;object-fit:cover!important;filter:grayscale(1)!important;display:block!important;transition:transform .45s ease,filter .45s ease!important}.mnr-value-card::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(to top,rgba(0,0,0,.58),rgba(0,0,0,.05) 68%)!important;z-index:1!important}.mnr-value-card h3{position:absolute!important;left:22px!important;right:22px!important;bottom:26px!important;z-index:2!important;margin:0!important;font-size:26px!important;line-height:1.02!important;font-weight:600!important;letter-spacing:-.025em!important;text-transform:uppercase!important;color:#fff!important}.mnr-value-card span{position:absolute!important;right:18px!important;top:18px!important;z-index:2!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:rgba(255,255,255,.76)!important;color:#111!important;font-size:28px!important;line-height:1!important}.mnr-value-card:hover img{transform:scale(1.04)!important;filter:grayscale(0)!important}

/* MILESTONES */
.mnr-milestones{padding-top:78px!important}.mnr-milestones__grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:34px!important}.mnr-mile-card{display:block!important}.mnr-mile-card__image{position:relative!important;height:430px!important;overflow:hidden!important;background:#eee!important}.mnr-mile-card__image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .45s ease!important}.mnr-mile-card__date{position:absolute!important;left:24px!important;bottom:20px!important;z-index:2!important;font-size:28px!important;line-height:1!important;font-weight:600!important;letter-spacing:-.035em!important;text-transform:uppercase!important;color:#fff!important}.mnr-mile-card h3{margin:18px 0 8px!important;font-size:24px!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.03em!important;text-transform:uppercase!important;color:#111!important}.mnr-mile-card p{margin:0!important;font-size:15px!important;line-height:1.55!important;color:#444!important}.mnr-mile-card:hover img{transform:scale(1.03)!important}

/* FOUNDER */
.mnr-founder{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:stretch!important;max-width:none!important;padding:0!important;margin:0!important}.mnr-founder__image img{width:100%!important;height:720px!important;object-fit:cover!important;display:block!important}.mnr-founder__copy{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:80px 70px!important;background:#f7f7f7!important}.mnr-founder__copy h2{margin:0 0 24px!important;font-size:clamp(38px,4vw,68px)!important;line-height:.98!important;font-weight:600!important;letter-spacing:-.045em!important;text-transform:uppercase!important;color:#111!important}.mnr-founder__copy p{margin:0 0 18px!important;max-width:620px!important;font-size:17px!important;line-height:1.65!important;color:#2b2523!important}

/* CTA */
.mnr-about-cta{padding:90px 40px!important;text-align:center!important;background:var(--mnr-pink-soft)!important}.mnr-about-cta h2{margin:0 0 18px!important;font-size:clamp(36px,4vw,64px)!important;line-height:1!important;font-weight:600!important;letter-spacing:-.04em!important;text-transform:uppercase!important}.mnr-about-cta p{max-width:620px!important;margin:0 auto 30px!important;font-size:17px!important;line-height:1.55!important;color:#555!important}.mnr-about-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;padding:0 32px!important;border:1px solid #111!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.03em!important;color:#111!important;background:transparent!important;transition:all .22s ease!important}.mnr-about-btn:hover{background:#111!important;color:#fff!important}

@media(max-width:1024px){.mnr-about-hero{min-height:560px!important}.mnr-about-section{padding:72px 24px!important}.mnr-about-split,.mnr-founder{grid-template-columns:1fr!important}.mnr-about-photo img,.mnr-founder__image img{height:560px!important}.mnr-values__grid,.mnr-milestones__grid{grid-template-columns:repeat(2,1fr)!important}.mnr-about-image-pair{grid-template-columns:1fr!important}.mnr-about-image-pair img{height:520px!important}.mnr-founder__copy{padding:60px 40px!important}}
@media(max-width:767px){.mnr-about-hero{min-height:560px!important}.mnr-about-hero__content{padding:70px 18px!important}.mnr-about-hero h1{font-size:56px!important}.mnr-about-hero p{font-size:15px!important}.mnr-about-subnav{justify-content:flex-start!important;overflow-x:auto!important;gap:26px!important;padding:14px 18px!important;scrollbar-width:none!important}.mnr-about-subnav::-webkit-scrollbar{display:none!important}.mnr-about-subnav a{flex:0 0 auto!important;font-size:12px!important}.mnr-about-intro{padding:54px 18px 42px!important}.mnr-about-intro p{font-size:19px!important}.mnr-about-section{padding:58px 18px!important}.mnr-section-title{font-size:40px!important}.mnr-section-text,.mnr-about-copy p,.mnr-founder__copy p{font-size:15px!important}.mnr-about-photo img,.mnr-about-image-pair img,.mnr-founder__image img{height:430px!important}.mnr-about-quote{padding:70px 18px!important}.mnr-about-quote blockquote{font-size:32px!important}.mnr-values__grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.mnr-value-card,.mnr-value-card img{min-height:230px!important;height:230px!important}.mnr-value-card h3{left:14px!important;right:14px!important;bottom:18px!important;font-size:18px!important}.mnr-value-card span{width:34px!important;height:34px!important;font-size:22px!important}.mnr-milestones__grid{grid-template-columns:1fr!important}.mnr-mile-card__image{height:380px!important}.mnr-founder__copy{padding:42px 24px!important}.mnr-about-cta{padding:64px 18px!important}}

/* MOONARE – Poznej Moonare přes celou fotku */
.moonare-brand-section{
  position:relative!important;
  min-height:680px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:#111!important;
}

.moonare-brand-image{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  min-height:680px!important;
}

.moonare-brand-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

.moonare-brand-section::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(
    90deg,
    rgba(0,0,0,.64) 0%,
    rgba(0,0,0,.46) 32%,
    rgba(0,0,0,.16) 68%,
    rgba(0,0,0,.08) 100%
  )!important;
  pointer-events:none!important;
}

.moonare-brand-content{
  position:relative!important;
  z-index:3!important;
  max-width:560px!important;
  padding:88px 6vw!important;
  color:#fff!important;
}

.moonare-brand-content h2{
  margin:0 0 24px!important;
  font-size:clamp(38px,4.2vw,68px)!important;
  line-height:.98!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase!important;
  color:#fff!important;
}

.moonare-brand-content p{
  max-width:420px!important;
  margin:0 0 34px!important;
  font-size:clamp(15px,1.1vw,18px)!important;
  line-height:1.45!important;
  font-weight:400!important;
  color:#fff!important;
}

.moonare-brand-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:22px!important;
  min-width:170px!important;
  min-height:50px!important;
  padding:0 24px!important;
  border:1.5px solid rgba(255,255,255,.92)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:600!important;
  text-decoration:none!important;
  transition:all .22s ease!important;
}

.moonare-brand-btn span{
  font-size:22px!important;
  line-height:1!important;
}

.moonare-brand-btn:hover{
  background:#fff!important;
  color:#111!important;
}

@media(max-width:768px){
  .moonare-brand-section{
    min-height:620px!important;
    align-items:flex-end!important;
  }

  .moonare-brand-image{
    min-height:620px!important;
  }

  .moonare-brand-image img{
    object-position:center!important;
  }

  .moonare-brand-section::after{
    background:linear-gradient(
      180deg,
      rgba(0,0,0,.12) 0%,
      rgba(0,0,0,.34) 45%,
      rgba(0,0,0,.72) 100%
    )!important;
  }

  .moonare-brand-content{
    padding:0 24px 52px!important;
    max-width:100%!important;
  }

  .moonare-brand-content h2{
    font-size:38px!important;
    margin-bottom:18px!important;
  }

  .moonare-brand-content p{
    font-size:17px!important;
    max-width:320px!important;
    margin-bottom:26px!important;
  }

  .moonare-brand-btn{
    min-width:160px!important;
    min-height:46px!important;
    font-size:15px!important;
  }
}

/* skrýt defaultní nadpis stránky */
.breadcrumbs + h1,
.content-inner h1:first-of-type,
#content h1:first-of-type{
  display:none!important;
}

/* skrýt plus ikonky u hodnot */
.mnr-value-card > span{
  display:none!important;
}

</style>

<div class="mnr-about-page">

<section class="moonare-brand-section" id="kdo-jsme">
  <div class="moonare-brand-content">
    <h2>POZNEJ<br>MOONARE</h2>
    <p>Jemná activewear značka pro pohyb, pohodlí a dny, kdy chceš být sama sebou.</p>
    <a href="#mise" class="moonare-brand-btn">Poznat více <span>→</span></a>
  </div>

  <div class="moonare-brand-image">
    <img src="/user/documents/upload/Znacka.jpg" alt="Poznej Moonare">
  </div>
</section>

  <nav class="mnr-about-subnav">
    <a href="#kdo-jsme">Kdo jsme</a>
    <a href="#mise">Mise</a>
    <a href="#hodnoty">Hodnoty</a>
    <a href="#pribeh">Příběh</a>
  </nav>

  <section class="mnr-about-intro">
    <p>Moonare vzniká pro ženy, které chtějí kousky, ve kterých se mohou hýbat, odpočívat i žít svůj běžný den — bez kompromisů mezi pohodlím a estetikou.</p>
  </section>

  <section class="mnr-about-section mnr-about-split" id="mise">
    <div class="mnr-about-copy">
      <span class="mnr-kicker">Naše mise</span>
      <h2 class="mnr-section-title">Pohyb, který se přizpůsobí tobě.</h2>
      <p>Věříme, že oblečení má podporovat tvůj přirozený rytmus. Ne tlačit, ne rušit, ne omezovat.</p>
      <p>Proto stavíme Moonare na jemných materiálech, čistých střizích a minimalistickém designu, který funguje při tréninku i mimo něj.</p>
    </div>
    <div class="mnr-about-photo">
      <img src="/user/documents/upload/Mise.jpg" alt="Moonare mise">
    </div>
  </section>

  <section class="mnr-about-quote">
    <blockquote>„Chceme tvořit kousky, ve kterých se ženy cítí dobře při pohybu i v běžném dni.“</blockquote>
    <p>Luna Core je první kolekce Moonare — čistá, jemná a navržená tak, aby se stala základem tvého šatníku.</p>
  </section>

  <section class="mnr-about-section mnr-values" id="hodnoty">
    <h2 class="mnr-section-title">Naše hodnoty</h2>
    <p class="mnr-section-text">Moonare stojí na jednoduchosti, pohodlí a sebejistotě, která nepůsobí nahlas, ale je cítit.</p>

    <div class="mnr-values__grid">
      <div class="mnr-value-card">
        <img src="/user/documents/upload/Jemnost.jpg" alt="Jemnost">
        <span>+</span>
        <h3>Jemnost</h3>
      </div>
      <div class="mnr-value-card">
        <img src="/user/documents/upload/Pohodli.jpg" alt="Pohodlí">
        <span>+</span>
        <h3>Pohodlí</h3>
      </div>
      <div class="mnr-value-card">
        <img src="/user/documents/upload/Pohyb.jpg" alt="Pohyb">
        <span>+</span>
        <h3>Pohyb</h3>
      </div>
      <div class="mnr-value-card">
        <img src="/user/documents/upload/Minimalismus.jpg" alt="Minimalismus">
        <span>+</span>
        <h3>Minimalismus</h3>
      </div>
    </div>
  </section>

  <section class="mnr-about-image-pair">
    <img src="/user/documents/upload/Detail.jpg" alt="Moonare detail">
    <img src="/user/documents/upload/Kolekce.jpg" alt="Moonare kolekce">
  </section>

  <section class="mnr-about-section mnr-milestones" id="pribeh">
    <h2 class="mnr-section-title">Milníky</h2>
    <p class="mnr-section-text">Od první myšlenky po první kolekci. Moonare začíná jemně, ale s jasnou vizí.</p>

    <div class="mnr-milestones__grid">
      <article class="mnr-mile-card">
        <div class="mnr-mile-card__image">
          <img src="/user/documents/upload/Navrh.jpg" alt="První návrhy">
          <span class="mnr-mile-card__date">2025</span>
        </div>
        <h3>První návrhy</h3>
        <p>Začátek práce na střizích, materiálech a směru první kolekce.</p>
      </article>

      <article class="mnr-mile-card">
        <div class="mnr-mile-card__image">
          <img src="/user/documents/upload/LunaCore.jpg" alt="Luna Core">
          <span class="mnr-mile-card__date">2026</span>
        </div>
        <h3>Luna Core</h3>
        <p>První kolekce navržená pro trénink, pohodlí i běžné dny.</p>
      </article>

      <article class="mnr-mile-card">
        <div class="mnr-mile-card__image">
          <img src="/user/documents/upload/Komunita.jpg" alt="Moonare komunita">
          <span class="mnr-mile-card__date">Dál</span>
        </div>
        <h3>Komunita</h3>
        <p>Budování značky pro ženy, které chtějí oblečení, ve kterém se cítí přirozeně.</p>
      </article>
    </div>
  </section>

  <section class="mnr-founder">
    <div class="mnr-founder__image">
      <img src="/user/documents/upload/Zakladatelka.jpg" alt="Zakladatelka Moonare">
    </div>
    <div class="mnr-founder__copy">
      <span class="mnr-kicker">Příběh značky</span>
      <h2>Od nápadu k první kolekci.</h2>
      <p>Moonare vzniklo z potřeby vytvořit activewear, který není jen na výkon, ale i na každodenní pocit lehkosti.</p>
      <p>První kolekce Luna Core propojuje jemné střihy, minimalistickou estetiku a pohodlí, které se přizpůsobí tvému tempu.</p>
    </div>
  </section>

  <section class="mnr-about-cta">
    <h2>Objev Luna Core</h2>
    <p>První kolekce Moonare je navržená pro dny, kdy chceš pohyb, pohodlí i čistý styl v jednom.</p>
    <a class="mnr-about-btn" href="/obleceni/">Nakupovat kolekci</a>
  </section>

</div>
/* MOONARE – podpis zakladatelky */

.mnr-founder__copy,
.mnr-story__copy,
.mnr-about-story__copy{
  position:relative!important;
}

.mnr-founder-signature{
  display:block!important;
  width:180px!important;
  max-width:45%!important;
  height:auto!important;
  margin:42px 0 0 auto!important;
  opacity:.95!important;
}

/* tablet + mobil */
@media(max-width:991px){
  .mnr-founder-signature{
    width:150px!important;
    max-width:55%!important;
    margin:32px 0 0 auto!important;
  }
}

@media(max-width:640px){
  .mnr-founder-signature{
    width:130px!important;
    max-width:60%!important;
    margin:28px 0 0 auto!important;
  }
}