/* Randinapló landing: a havi tervező landingjének szerkezetét követi, kalandosabb, dekoratívabb megjelenéssel. Csak a randinaplo-landing.html töltheti be. */

body.rn-landing{background:#FAF7F2;color:#594D52}
body.rn-landing h1,body.rn-landing h2,body.rn-landing h3{color:#594D52;font-family:'Vesper Libre',serif;letter-spacing:-.4px;line-height:1.12}
body.rn-landing p{color:#594D52;line-height:1.7}
body.rn-landing .rn-eyebrow{display:inline-block;margin:0 0 14px;font-size:13px;letter-spacing:1.6px;font-weight:700;color:#B77E88}
body.rn-landing .rn-hl{background:linear-gradient(transparent 58%,#EAD1C5 58%);padding:0 4px}
body.rn-landing .rn-link{color:#594D52;font-size:17px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#C49A70}
body.rn-landing .rn-heading{max-width:760px;margin:0 auto 44px;text-align:center}
body.rn-landing .rn-heading h2{font-size:clamp(32px,4vw,46px);font-weight:700}
body.rn-landing section{padding:96px 24px}
body.rn-landing section>*{max-width:1184px;margin-left:auto;margin-right:auto}

/* Hős */
body.rn-landing .rn-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;padding-top:72px;padding-bottom:96px}
body.rn-landing .rn-hero h1{font-size:clamp(42px,5.6vw,68px);font-weight:900;margin-bottom:22px}
body.rn-landing .rn-lead{font-size:20px;line-height:1.6;max-width:500px;margin-bottom:32px}
body.rn-landing .rn-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
body.rn-landing .rn-hero__art{position:relative;margin:0;justify-self:center;width:min(100%,480px)}
body.rn-landing .rn-hero__art img{display:block;width:100%;height:auto;border-radius:24px 8px 24px 8px;box-shadow:0 26px 44px -28px rgba(89,77,82,.7);transform:rotate(-2deg)}
body.rn-landing .rn-sticker{position:absolute;z-index:1;top:-18px;right:-14px;padding:12px 20px;border-radius:999px;background:#C49A70;color:#FAFAF7;font-size:15px;font-weight:700;transform:rotate(6deg)}

/* Három kártya */
body.rn-landing .rn-trio{background:#FAFAF7;border-top:1px solid #E8DDD0}
body.rn-landing .rn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.rn-landing .rn-card{position:relative;padding:40px 32px 36px;border-radius:30px 10px 30px 10px;min-height:280px}
body.rn-landing .rn-card--rose{background:#EAD1C5}
body.rn-landing .rn-card--sage{background:#E8DDD0}
body.rn-landing .rn-card--lilac{background:#C6CFD9}
body.rn-landing .rn-num{display:inline-block;margin-bottom:18px;font-size:14px;font-weight:700;letter-spacing:1.4px}
body.rn-landing .rn-card h3{font-size:28px;font-weight:700;margin-bottom:14px}
body.rn-landing .rn-card p{font-size:17px}

/* Közös emlék szekció */
body.rn-landing .rn-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px;align-items:center}
body.rn-landing .rn-feature h2{font-size:clamp(34px,4vw,48px);font-weight:700;margin-bottom:22px}
body.rn-landing .rn-feature p{font-size:18px;margin-bottom:16px}
body.rn-landing .rn-feature__media{position:relative;height:460px;border-radius:40px;background:#FAF7F2;border:1px solid #E8DDD0;overflow:hidden}
body.rn-landing .rn-blob{position:absolute;left:12%;top:14%;width:72%;height:72%;border-radius:50% 40% 55% 45%;background:#B9A9C8;opacity:.75}
body.rn-landing .rn-tape{position:absolute;left:50%;bottom:14%;transform:translateX(-50%) rotate(-4deg);padding:12px 26px;border-radius:6px;background:#FAFAF7;box-shadow:0 14px 26px -18px rgba(89,77,82,.7);font-size:20px;font-weight:700}

/* Lépések */
body.rn-landing .rn-steps{background:#FAF7F2;border-top:1px solid #E8DDD0}
body.rn-landing .rn-steps__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
body.rn-landing .rn-steps__grid li{position:relative;padding:44px 30px 32px;border-radius:24px;background:#FAFAF7;border:1px solid #E8DDD0}
body.rn-landing .rn-step-badge{position:absolute;top:-22px;left:28px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#B77E88;color:#FAFAF7;font-size:20px;font-weight:700}
body.rn-landing .rn-steps__grid h3{font-size:24px;font-weight:700;margin-bottom:12px}
body.rn-landing .rn-steps__grid p{font-size:16px}

/* Szünet */
body.rn-landing .rn-pause{background:#EAD1C5;text-align:center}
body.rn-landing .rn-pause__inner{max-width:720px;margin:0 auto}
body.rn-landing .rn-pause h2{font-size:clamp(32px,4vw,44px);font-weight:700;margin-bottom:18px}
body.rn-landing .rn-pause p{font-size:18px}

/* Miért jó */
body.rn-landing .rn-why__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.rn-landing .rn-why__item{padding:34px 30px;border-radius:26px;background:#FAFAF7;border-left:6px solid #A5B5A0}
body.rn-landing .rn-why__item:nth-child(2){border-left-color:#B9A9C8}
body.rn-landing .rn-why__item:nth-child(3){border-left-color:#C49A70}
body.rn-landing .rn-why__item h3{font-size:24px;font-weight:700;margin-bottom:12px}
body.rn-landing .rn-why__item p{font-size:16px}

/* Ajánlat */
body.rn-landing .rn-offer{background:#594D52;color:#FAFAF7;text-align:center}
body.rn-landing .rn-offer__copy{max-width:680px;margin:0 auto}
body.rn-landing .rn-offer .rn-eyebrow{color:#EAD1C5}
body.rn-landing .rn-offer h2{color:#FAFAF7;font-size:clamp(34px,4vw,48px);font-weight:700;margin-bottom:16px}
body.rn-landing .rn-offer p{color:#FAF7F2;font-size:18px;margin-bottom:30px}

/* Gyakori kérdések és lábléc részek */
body.rn-landing .faq{background:#FAFAF7;padding:96px 24px}
body.rn-landing .faq details{max-width:820px}
body.rn-landing .delivery-trust{background:#FAF7F2}

@media(max-width:900px){
  body.rn-landing section{padding:64px 20px}
  body.rn-landing .rn-hero,body.rn-landing .rn-feature{grid-template-columns:minmax(0,1fr);gap:40px}
  body.rn-landing .rn-hero{padding-top:44px;padding-bottom:64px}
  body.rn-landing .rn-cards,body.rn-landing .rn-steps__grid,body.rn-landing .rn-why__grid{grid-template-columns:minmax(0,1fr);gap:18px}
  body.rn-landing .rn-feature__media{height:320px}
  body.rn-landing .rn-card{min-height:0}
}

/* Probléma szekció */
body.rn-landing .rn-problem{background:#FAFAF7;border-top:1px solid #E8DDD0}
body.rn-landing .rn-problem__inner{max-width:760px;margin:0 auto;text-align:center}
body.rn-landing .rn-problem h2{font-size:clamp(32px,4vw,46px);font-weight:700;margin-bottom:22px}
body.rn-landing .rn-problem p{font-size:18px;margin-bottom:16px}
body.rn-landing .rn-problem__turn{font-weight:700;font-size:20px}

/* Oldal belseje */
body.rn-landing .rn-pages{background:#FAF7F2;border-top:1px solid #E8DDD0}
body.rn-landing .rn-pages__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body.rn-landing .rn-page-tag{padding:28px 24px;border-radius:22px;background:#FAFAF7;border:1px dashed #D9AFA5}
body.rn-landing .rn-page-tag strong{display:block;font-size:20px;font-weight:700;margin-bottom:10px}
body.rn-landing .rn-page-tag span{font-size:16px;line-height:1.6}

@media(max-width:900px){
  body.rn-landing .rn-pages__grid{grid-template-columns:minmax(0,1fr);gap:16px}
}

/* Hős cím kiemelése: a tervező landing címkiemelését követi */
body.rn-landing .rn-hero h1 .rn-hero-hl{font-weight:900;background:#EAD1C5;padding:0 6px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* A tervező landing címével egyező pasztell kijelölés. */
body.rn-landing .rn-hero h1 .rn-hero-hl{display:inline-block;background:var(--palette-peach);padding:0 .16em;border-radius:4px 12px 4px 12px;line-height:1.15;vertical-align:baseline;box-shadow:none}

/* Matricás randinapló: négy világos lépés, a saját termék fotójával. */
body.rn-landing .rn-how{background:var(--cream);border-top:1px solid var(--line)}
body.rn-landing .rn-how .rn-heading{max-width:860px;margin-bottom:54px}
body.rn-landing .rn-how .rn-eyebrow{font-size:16px;color:var(--palette-clay);font-weight:900;margin-bottom:16px}
body.rn-landing .rn-how__highlight{display:inline-block;padding:0 .16em;background:var(--palette-peach);border-radius:4px 12px 4px 12px;line-height:1.2}
body.rn-landing .rn-how__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:64px;align-items:start;max-width:1184px}
body.rn-landing .rn-how__list{list-style:none;margin:0;padding:0;display:grid;gap:32px}
body.rn-landing .rn-how__list li{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;align-items:start}
body.rn-landing .rn-how__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--palette-peach);color:var(--ink)}
body.rn-landing .rn-how__list li:nth-child(2) .rn-how__icon{background:var(--palette-lilac)}
body.rn-landing .rn-how__list li:nth-child(3) .rn-how__icon{background:var(--palette-blue)}
body.rn-landing .rn-how__list li:nth-child(4) .rn-how__icon{background:var(--sage-wash)}
body.rn-landing .rn-how__icon svg{width:27px;height:27px}
body.rn-landing .rn-how__list h3{font-size:25px;line-height:1.25;margin:0 0 10px;font-weight:700}
body.rn-landing .rn-how__list p{font-size:18px;line-height:1.7;margin:0}
body.rn-landing .rn-how__photo{position:sticky;top:28px;margin:0;min-width:0}
body.rn-landing .rn-how__photo img{display:block;width:100%;max-height:600px;height:auto;object-fit:contain;border-radius:24px 8px 24px 8px}
body.rn-landing .rn-how__photo figcaption{font-size:17px;line-height:1.5;text-align:center;padding:20px 16px 0;color:var(--ink)}
body.rn-landing .rn-how__action{max-width:1184px;padding-left:74px;margin-top:32px}
body.rn-landing .rn-how__action .rn-link{display:inline-block;min-height:44px;padding-block:8px}
@media(max-width:900px){body.rn-landing .rn-how__layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}body.rn-landing .rn-how__list{gap:28px}body.rn-landing .rn-how__list h3{font-size:23px}body.rn-landing .rn-how__list p{font-size:17px}}
@media(max-width:699px){body.rn-landing .rn-how .rn-heading{margin-bottom:32px}body.rn-landing .rn-how__layout{grid-template-columns:1fr;gap:32px}body.rn-landing .rn-how__list li{grid-template-columns:44px minmax(0,1fr);gap:15px}body.rn-landing .rn-how__icon{width:44px;height:44px}body.rn-landing .rn-how__icon svg{width:24px;height:24px}body.rn-landing .rn-how__photo{position:static;max-width:380px;margin:auto}body.rn-landing .rn-how__photo img{max-height:430px}body.rn-landing .rn-how__action{padding-left:0;text-align:center}}