:root{--paper:#fcfaf7;--cream:#f5eee6;--sand:#e8d7c7;--copper:#b86e49;--copper2:#cf8b67;--ink:#33251d;--muted:#74645a;--line:#e7d8ca;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.7}a{color:inherit}img{max-width:100%;display:block}
.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(252,250,247,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(184,110,73,.12)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{font-size:31px;color:var(--copper)}.brand strong{display:block;font-size:19px;letter-spacing:.08em;font-weight:500}.brand small{display:block;font:12px Arial,sans-serif;letter-spacing:.17em;color:var(--muted);text-transform:uppercase}
nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font:12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.nav-cta,.btn{background:linear-gradient(135deg,var(--copper),var(--copper2));color:#fff!important;padding:13px 22px;border-radius:999px;text-decoration:none;box-shadow:0 10px 30px rgba(184,110,73,.18)}.menu{display:none;border:0;background:none;font-size:24px}
.hero{min-height:700px;display:grid;grid-template-columns:52% 48%;overflow:hidden;background:radial-gradient(circle at 18% 20%,#fff 0 12%,transparent 38%),linear-gradient(135deg,#fff 0%,#f8f1ea 60%,#efe1d4 100%)}
.hero-copy{padding:110px 7vw 80px 9vw;position:relative}.hero-copy:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(184,110,73,.12);border-radius:50%;left:-160px;bottom:-80px}
.eyebrow,.kicker{font:11px Arial,sans-serif;letter-spacing:.28em;color:var(--copper);font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:40px;height:1px;background:var(--copper)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,7vw,106px);line-height:.9;font-weight:400;letter-spacing:-.045em;margin:32px 0}h1 em,h2 em{font-weight:400;color:var(--copper);font-style:italic}.lead{font-size:21px;line-height:1.55;max-width:600px}.hero-copy>p:not(.lead){max-width:610px;color:var(--muted)}
.hero-actions{display:flex;gap:24px;align-items:center;margin-top:34px}.text-link{color:var(--copper);text-decoration:none;border-bottom:1px solid rgba(184,110,73,.35);padding-bottom:3px}.signature{margin-top:60px;font-size:24px;font-style:italic}.signature small{display:block;font:11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.hero-photo{position:relative;min-height:650px;margin:52px 5vw 52px 0;border-radius:220px 18px 18px 18px;overflow:hidden;box-shadow:0 30px 80px rgba(63,45,34,.12)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(248,241,234,.7),transparent 18%)}.photo-note{position:absolute;z-index:2;right:5%;bottom:5%;max-width:420px;background:rgba(255,255,255,.9);padding:24px 30px;border-radius:28px 4px 28px 4px;font-size:22px;font-style:italic;box-shadow:0 20px 50px rgba(60,40,25,.12)}
.intro{text-align:center;padding:120px 8vw}.ornament{font-size:32px;color:var(--copper);margin-bottom:16px}.intro h2,.section-head h2,.path h2,.cta h2{font-size:clamp(38px,5vw,67px);font-weight:400;line-height:1.08;margin:18px 0 30px}.wide{max-width:820px;margin:auto;color:var(--muted);font-size:18px}
.services{padding:110px 6vw;background:#fff}.section-head{text-align:center;max-width:900px;margin:0 auto 65px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1400px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}article{padding:40px 28px;border-right:1px solid var(--line)}article:last-child{border:0}article>span{color:var(--copper);font-style:italic;font-size:18px}article h3{font-size:26px;font-weight:400;line-height:1.2;margin:22px 0 15px}article p{color:var(--muted)}details{margin-top:22px}summary{cursor:pointer;color:var(--copper);text-transform:uppercase;font:11px Arial,sans-serif;letter-spacing:.13em}details p{padding-top:15px;font-size:15px}
.path{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:linear-gradient(135deg,#f7efe7,#fbf8f4)}.path ol{list-style:none;padding:0;margin:0}.path li{display:grid;grid-template-columns:150px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.path b{font-size:21px;font-weight:400}.path span{color:var(--muted)}
.about{display:grid;grid-template-columns:42% 58%;max-width:1250px;margin:auto;padding:120px 5vw;gap:80px;align-items:center}.about-photo img{aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:180px 180px 12px 12px}.about h2{font-size:55px;font-weight:400;margin:10px 0}.about h3{font-size:18px;color:var(--copper);font-weight:400}.about p{color:var(--muted)}
.cta{text-align:center;padding:120px 7vw;background:#f3e8dd}.cta p{max-width:650px;margin:0 auto 28px;color:var(--muted)}.cta .online{font:11px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin-top:30px}
footer{padding:45px 7vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font:12px Arial,sans-serif;color:var(--muted)}footer strong{font-family:Georgia,serif;font-size:20px;color:var(--ink);font-weight:400}footer span{display:block}
@media(max-width:900px){.booking{grid-template-columns:1fr;gap:45px}.booking-intro{position:static}.menu{display:block}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw}.hero-photo{min-height:560px;margin:20px 6vw 60px;border-radius:160px 18px 18px 18px}.service-grid{grid-template-columns:1fr 1fr}.path,.about{grid-template-columns:1fr}.about{gap:40px}.about-photo{max-width:520px}.site-header{height:76px}.brand strong{font-size:16px}.brand small{font-size:9px}}
@media(max-width:600px){.field-row{grid-template-columns:1fr}.booking-form{padding:25px}.booking{padding-left:6vw;padding-right:6vw}h1{font-size:56px}.hero-copy{padding-top:55px}.hero-photo{min-height:520px}.photo-note{font-size:17px;left:6%;right:6%}.service-grid{grid-template-columns:1fr}article{border-right:0;border-bottom:1px solid var(--line)}.path li{grid-template-columns:1fr;gap:8px}.hero-actions{align-items:flex-start;flex-direction:column}.intro,.services,.path,.about,.cta{padding-top:80px;padding-bottom:80px}footer{flex-direction:column;gap:12px;text-align:center}}

.booking{padding:115px 8vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start;background:#fff;border-top:1px solid var(--line)}
.booking-intro{position:sticky;top:125px}.booking h2{font-size:clamp(38px,4.5vw,64px);font-weight:400;line-height:1.08;margin:18px 0 28px}.booking-intro>p:not(.kicker){color:var(--muted);max-width:560px}
.booking-direct{margin-top:35px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.booking-direct span{font:11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.booking-direct a{font-size:28px;color:var(--copper);text-decoration:none}
.booking-form{background:linear-gradient(145deg,#faf5ef,#fff);padding:40px;border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 65px rgba(85,61,45,.08)}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{font:11px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;border:1px solid #dfd1c4;background:rgba(255,255,255,.92);border-radius:12px;padding:14px 15px;color:var(--ink);font:16px Georgia,serif;outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px rgba(184,110,73,.08)}.field textarea{resize:vertical}
.booking-submit{border:0;cursor:pointer;font:12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.booking-note{font-size:12px;color:var(--muted);margin:16px 0 0}

/* Finomított, komolyabb tipográfiai arányok */
h1{font-size:clamp(46px,5.5vw,82px)}
.intro h2,.section-head h2,.path h2,.cta h2{font-size:clamp(32px,4vw,52px)}
.booking h2{font-size:clamp(32px,3.8vw,50px)}
.about h2{font-size:44px}
@media(max-width:600px){
  h1{font-size:44px}
  .intro h2,.section-head h2,.path h2,.cta h2,.booking h2{font-size:34px}
  .about h2{font-size:38px}
}

/* Szolgáltatáskártyák finom szív jelölése */
.service-heart{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid rgba(184,110,73,.35);
  border-radius:50%;
  color:var(--copper);
  font-size:17px;
  font-style:normal;
  line-height:1;
  background:rgba(255,255,255,.72);
}

/* Közösségi média kapcsolat */
.social-contact{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:34px;
}
.social-btn{
  min-width:210px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:13px 18px;
  border:1px solid rgba(184,110,73,.26);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  text-decoration:none;
  text-align:left;
  box-shadow:0 12px 35px rgba(70,48,33,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.social-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(184,110,73,.5);
  box-shadow:0 16px 40px rgba(70,48,33,.1);
}
.social-icon{
  width:38px;
  height:38px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--copper),var(--copper2));
  color:#fff;
  font:700 18px Arial,sans-serif;
  flex:0 0 38px;
}
.social-btn small{
  display:block;
  font:9px Arial,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:1px;
}
.social-btn strong{
  display:block;
  font-size:17px;
  font-weight:400;
}
.footer-social{
  display:flex;
  gap:14px;
}
.footer-social a{
  color:var(--copper);
  text-decoration:none;
  border-bottom:1px solid rgba(184,110,73,.3);
}
@media(max-width:600px){
  .social-contact{flex-direction:column;align-items:stretch}
  .social-btn{min-width:0}
  footer .footer-social{justify-content:center}
}


/* A közös folyamat – vizuális, egymásba kapcsolódó út */
.path{
  grid-template-columns:1fr;
  gap:48px;
}
.path > div:first-child{
  max-width:850px;
  margin:0 auto;
  text-align:center;
}
.process-flow{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  align-items:center;
  max-width:1380px;
  margin:0 auto;
}
.process-step{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.process-circle{
  width:100%;
  aspect-ratio:1/1;
  max-width:285px;
  border-radius:50%;
  border:1px solid rgba(184,110,73,.28);
  background:rgba(255,255,255,.68);
  box-shadow:0 18px 50px rgba(77,54,38,.06);
  padding:36px 30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  position:relative;
}
.process-circle:before{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:50%;
  border:1px solid rgba(184,110,73,.09);
  pointer-events:none;
}
.process-number{
  width:28px;
  height:28px;
  margin:0 auto 10px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(184,110,73,.11);
  color:var(--copper);
  font:11px Arial,sans-serif;
  letter-spacing:.04em;
}
.process-circle h3{
  font-size:22px;
  font-weight:400;
  margin:0 0 10px;
}
.process-circle p{
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
  margin:0;
}
.process-circle-final{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,221,205,.65));
  border-color:rgba(184,110,73,.42);
}
.process-arrow{
  position:absolute;
  right:-25px;
  z-index:3;
  color:rgba(184,110,73,.58);
  font-size:30px;
  font-weight:300;
}
@media(max-width:1050px){
  .process-flow{grid-template-columns:repeat(2,1fr);gap:36px 50px}
  .process-circle{max-width:300px}
  .process-step:nth-child(2) .process-arrow{display:none}
}
@media(max-width:650px){
  .process-flow{grid-template-columns:1fr;gap:46px}
  .process-circle{width:min(78vw,300px)}
  .process-arrow{
    right:auto;
    bottom:-40px;
    transform:rotate(90deg);
  }
}

/* Konzultáció díja – finom, elegáns információs blokk */
.session-price{
  margin:34px 0 28px;
  padding:24px 26px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(184,110,73,.24);
  border-radius:18px;
  box-shadow:0 16px 45px rgba(78,54,38,.05);
  max-width:520px;
}
.session-price-label{
  font:11px Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--copper);
  margin-bottom:9px;
}
.session-price-main{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.session-price-main span,
.session-price-main strong{
  font-size:24px;
  font-weight:400;
  color:var(--ink);
}
.session-price-main strong{
  color:var(--copper);
}
.session-price-main i{
  width:34px;
  height:1px;
  background:rgba(184,110,73,.42);
  display:inline-block;
}
.session-price p{
  margin:0!important;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
@media(max-width:600px){
  .session-price{padding:21px 20px}
  .session-price-main span,
  .session-price-main strong{font-size:21px}
}

/* Mobilnézet – időpontfoglalás végleges reszponzív javítása */
html,body{max-width:100%;overflow-x:hidden}
.booking,.booking-intro,.booking-form{min-width:0}
@media(max-width:900px){
  .booking{
    grid-template-columns:minmax(0,1fr);
    gap:42px;
    padding:80px 7vw;
  }
  .booking-intro{position:static;width:100%;max-width:none}
  .booking-form{width:100%;max-width:680px;margin:0 auto;padding:32px}
}
@media(max-width:600px){
  .booking{display:block;padding:72px 6vw}
  .booking-intro{width:100%;margin:0 0 36px}
  .booking h2{font-size:34px;line-height:1.08}
  .booking-intro>p:not(.kicker){font-size:17px;line-height:1.65}
  .session-price{width:100%;max-width:none;margin:28px 0 24px}
  .booking-direct a{font-size:23px;overflow-wrap:anywhere}
  .booking-form{width:100%;max-width:100%;margin:0;padding:24px 18px;border-radius:22px}
  .field-row{grid-template-columns:minmax(0,1fr);gap:0}
  .field,.field input,.field select,.field textarea{min-width:0;max-width:100%}
  .field input,.field select,.field textarea{font-size:16px}
  .booking-submit{display:block;width:100%;white-space:normal;text-align:center;padding:14px 16px}
}

/* Jogi dokumentumok és fizetési információ */
.payment-info{
  margin:0 0 28px;
  padding:22px 24px;
  max-width:520px;
  border:1px solid rgba(184,110,73,.20);
  border-radius:18px;
  background:rgba(255,255,255,.58);
}
.payment-info-label{
  font:11px Arial,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--copper);
  margin-bottom:8px;
}
.payment-info p{margin:0 0 8px!important;color:var(--muted)}
.payment-info p:last-child{margin-bottom:0!important}
.payment-info strong{color:var(--ink);font-weight:400}
.bank-account{
  display:inline-block;
  margin-top:3px;
  color:var(--ink);
  font-size:18px;
  letter-spacing:.035em;
  overflow-wrap:anywhere;
}
.payment-note{font-size:13px;line-height:1.55}
.legal-consent{
  display:grid;
  grid-template-columns:20px 1fr;
  gap:10px;
  align-items:start;
  margin:5px 0 22px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.legal-consent input{
  width:16px;
  height:16px;
  margin:2px 0 0;
  accent-color:var(--copper);
}
.legal-consent a,
.footer-legal a{
  color:var(--copper);
  text-decoration:none;
  border-bottom:1px solid rgba(184,110,73,.30);
}
.footer-legal{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
}
@media(max-width:600px){
  .payment-info{padding:19px 18px}
  .bank-account{font-size:16px}
  .footer-legal{gap:10px}
}

/* Hamvas, professzionális színvilág – 2026-09 */
:root{
  --paper:#fdfcfc;
  --cream:#f5f2f3;
  --sand:#e8e2e4;
  --copper:#806b78;
  --copper2:#9a8792;
  --ink:#302c2f;
  --muted:#70686d;
  --line:#e3dddf;
  --white:#fff;
}
body{background:var(--paper)}
.site-header{background:rgba(253,252,252,.95);border-bottom-color:rgba(128,107,120,.13)}
.nav-cta,.btn{background:linear-gradient(135deg,#75616e,#927d89);box-shadow:0 10px 30px rgba(87,69,80,.14)}
.hero{background:radial-gradient(circle at 18% 20%,#fff 0 12%,transparent 38%),linear-gradient(135deg,#fff 0%,#f8f6f7 62%,#f0ecee 100%)}
.hero-copy:after{border-color:rgba(128,107,120,.12)}
.hero-photo{box-shadow:0 30px 80px rgba(55,48,53,.11)}
.hero-photo:before{background:linear-gradient(90deg,rgba(248,246,247,.62),transparent 18%)}
.photo-note{background:rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(55,48,53,.10)}
.services{background:#fff}
.path{background:linear-gradient(135deg,#f6f3f4,#fdfcfc)}
.cta{background:#f3f0f1}
.booking{background:#fff}
.booking-form{background:linear-gradient(145deg,#f8f5f6,#fff);box-shadow:0 24px 65px rgba(65,54,61,.07)}
.field input,.field select,.field textarea{border-color:#ded7da;background:rgba(255,255,255,.96)}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px rgba(128,107,120,.08)}
.service-heart{border-color:rgba(128,107,120,.30);background:rgba(255,255,255,.82)}
.social-btn{border-color:rgba(128,107,120,.23);background:rgba(255,255,255,.82);box-shadow:0 12px 35px rgba(65,54,61,.05)}
.social-btn:hover{border-color:rgba(128,107,120,.46);box-shadow:0 16px 40px rgba(65,54,61,.09)}
.social-icon{background:linear-gradient(135deg,#75616e,#927d89)}
.process-circle{border-color:rgba(128,107,120,.26);background:rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(65,54,61,.055)}
.process-circle:before{border-color:rgba(128,107,120,.09)}
.session-price{border-color:rgba(128,107,120,.22);background:rgba(255,255,255,.82);box-shadow:0 16px 45px rgba(65,54,61,.045)}
.session-price-main i{background:rgba(128,107,120,.40)}
.payment-info{border-color:rgba(128,107,120,.19);background:rgba(255,255,255,.76)}

/* Finomított hamvas paletta – kissé karakteresebb kiemelések */
:root{
  --copper:#76576c;
  --copper2:#9a748b;
  --ink:#292629;
  --muted:#665f63;
  --line:#ddd5d9;
}
.site-header{border-bottom-color:rgba(118,87,108,.16)}
.nav-cta,.btn{background:linear-gradient(135deg,#6f5064,#98748a);box-shadow:0 11px 32px rgba(92,62,80,.18)}
.eyebrow,.kicker{color:#76576c}
h1 em,h2 em,.about h3,.text-link,summary,.booking-direct a{color:#76576c}
.text-link{border-bottom-color:rgba(118,87,108,.42)}
.hero{background:radial-gradient(circle at 18% 20%,#fff 0 12%,transparent 38%),linear-gradient(135deg,#fff 0%,#faf7f9 58%,#eee8ec 100%)}
.path{background:linear-gradient(135deg,#f3eef1,#fdfcfc)}
.cta{background:#f0eaee}
.booking-form{background:linear-gradient(145deg,#f7f2f5,#fff)}
.service-heart{border-color:rgba(118,87,108,.38);background:#fbf8fa}
.process-circle{border-color:rgba(118,87,108,.32)}
.social-icon{background:linear-gradient(135deg,#6f5064,#98748a)}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px rgba(118,87,108,.11)}

/* V3 – mély padlizsángrafit + mályva, 2026-09 */
:root{
  --paper:#fdfcfc;
  --cream:#f6f3f4;
  --sand:#e9e3e6;
  --copper:#76576c;
  --copper2:#9a748b;
  --ink:#393238;
  --muted:#6c6469;
  --line:#ded7da;
  --white:#fff;
}
body{color:var(--ink)}
.brand strong,nav a,h1,h2,h3,.lead,.path b,.payment-info strong,.bank-account,footer strong{color:var(--ink)}
.signature{font-style:normal}
.signature-name{display:block;color:var(--copper);font-size:27px;font-style:italic;line-height:1.25;margin-bottom:7px}
.signature small{color:var(--ink);margin-top:4px}
.signature-focus{color:var(--copper)!important;text-transform:none!important;letter-spacing:.08em!important;margin-top:7px!important}
.about h2{color:var(--copper)}
.about-brand{margin:-3px 0 6px!important;color:var(--ink)!important;font-size:17px;letter-spacing:.08em}
.about h3{color:var(--ink);margin-bottom:8px}
.about-focus{color:var(--copper)!important;font-size:15px;letter-spacing:.035em;margin-bottom:25px!important}
@media(max-width:600px){
  .signature-name{font-size:24px}
  .signature small{line-height:1.45}
  .about-brand{font-size:15px}
  .about-focus{font-size:14px}
}

/* V101 – Rólam: szövegközpontú, sötét szilvás-antracit hangsúllyal */
.about{
  max-width:1320px;
  grid-template-columns:250px minmax(0,1fr);
  gap:64px;
  align-items:start;
  padding:105px 6vw;
  position:relative;
}
.about:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:var(--line);
}
.about-photo{
  position:sticky;
  top:120px;
  align-self:start;
  padding-top:54px;
}
.about-photo img{
  width:210px;
  height:270px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center 24%;
  border-radius:4px;
  filter:saturate(.82) contrast(1.03);
  box-shadow:18px 18px 0 #332b31;
}
.about>div:last-child{
  position:relative;
  padding:52px 58px 58px;
  background:#332b31;
  color:#f8f5f6;
  border-radius:3px;
}
.about .kicker{color:#c5a9b8;margin-bottom:12px}
.about h2{color:#fff;font-size:48px;margin:8px 0 2px}
.about-brand{color:#d6bdca!important}
.about h3{color:#fff;font-size:17px;letter-spacing:.02em;margin-top:18px}
.about-focus{color:#c9a9ba!important;margin-bottom:30px!important}
.about>div:last-child>p:not(.kicker):not(.about-brand):not(.about-focus){
  color:#eee9ec;
  font-size:17px;
  line-height:1.78;
  max-width:820px;
}
.about>div:last-child>p:nth-of-type(4){
  border-left:2px solid #9a748b;
  padding-left:22px;
  margin:28px 0;
}
.about .text-link{
  display:inline-block;
  margin-top:12px;
  color:#d9bdcb;
  border-bottom-color:rgba(217,189,203,.45);
}
@media(max-width:900px){
  .about{grid-template-columns:1fr;gap:36px;padding:85px 7vw}
  .about-photo{position:static;padding-top:0;max-width:none}
  .about-photo img{width:160px;height:205px;box-shadow:12px 12px 0 #332b31}
  .about>div:last-child{padding:42px 38px 46px}
}
@media(max-width:600px){
  .about{padding:72px 6vw;gap:30px}
  .about-photo img{width:125px;height:160px;box-shadow:9px 9px 0 #332b31}
  .about>div:last-child{padding:34px 24px 38px}
  .about h2{font-size:36px}
  .about>div:last-child>p:not(.kicker):not(.about-brand):not(.about-focus){font-size:16px;line-height:1.7}
}


/* V102 – mély szilvás-antracit finomhangolás az egész oldalon */
:root{--deep:#332b31}
.site-header{box-shadow:0 7px 24px rgba(51,43,49,.035)}
.brand strong,nav a{color:var(--deep)}
.nav-cta,.btn{background:linear-gradient(135deg,#332b31,#5b4653);box-shadow:0 11px 30px rgba(51,43,49,.16)}
.hero-copy{border-left:4px solid rgba(51,43,49,.92)}
.hero .eyebrow span{background:var(--deep)}
.hero-photo{box-shadow:0 30px 80px rgba(51,43,49,.13)}
.services{border-top:6px solid var(--deep)}
.service-grid article:nth-child(2),.service-grid article:nth-child(4){background:linear-gradient(180deg,rgba(51,43,49,.025),transparent)}
.service-grid article h3{color:var(--deep)}
.path{border-top:1px solid rgba(51,43,49,.15);border-bottom:1px solid rgba(51,43,49,.15)}
.process-circle{box-shadow:0 8px 25px rgba(51,43,49,.045)}
.process-number{color:var(--deep)!important}
.booking{border-top:6px solid var(--deep)}
.booking-form{border-color:rgba(51,43,49,.18);box-shadow:0 24px 65px rgba(51,43,49,.08)}
.booking-submit{background:linear-gradient(135deg,#332b31,#5b4653)!important}
.session-price{border-color:rgba(51,43,49,.22)!important}
footer{border-top:5px solid var(--deep)}
@media(max-width:900px){.hero-copy{border-left:0;border-top:4px solid var(--deep)}}

/* V103 – Rólam: világos, szövegközpontú, a portréba természetesen körbefutó tördeléssel */
.about{
  display:block;
  max-width:1180px;
  margin:auto;
  padding:100px 6vw 110px;
  position:relative;
  background:transparent;
}
.about:before{content:"";position:absolute;left:6vw;right:6vw;top:0;height:1px;background:var(--line)}
.about-heading{max-width:920px;margin:0 0 42px}
.about-heading .kicker{margin-bottom:12px}
.about h2{color:var(--deep);font-size:46px;font-weight:400;margin:8px 0 2px}
.about-brand{margin:-3px 0 6px!important;color:var(--ink)!important;font-size:17px;letter-spacing:.08em}
.about h3{color:var(--ink);font-size:17px;font-weight:400;margin:18px 0 8px}
.about-focus{color:var(--copper)!important;font-size:15px;letter-spacing:.035em;margin:0 0 30px!important}
.about-lead{font-size:clamp(24px,2.5vw,34px);line-height:1.38;color:var(--deep)!important;max-width:1000px;margin:28px 0 0;font-style:italic}
.about-flow{font-size:17px;line-height:1.78;color:var(--muted)}
.about-flow:after{content:"";display:block;clear:both}
.about-flow p{color:var(--muted);margin:0 0 22px}
.about-flow strong{color:var(--copper);font-weight:600}
.about-photo{
  float:left;
  width:210px;
  height:270px;
  object-fit:cover;
  object-position:center 30%;
  margin:4px 42px 22px 0;
  border-radius:3px;
  filter:saturate(.88) contrast(1.02);
  box-shadow:14px 14px 0 rgba(51,43,49,.92);
}
.about-closing{
  clear:both;
  margin:38px 0 22px;
  padding:27px 32px;
  background:var(--deep);
  color:#f8f5f6;
  border-radius:3px;
  font:italic 22px/1.55 Georgia,serif;
  border-left:4px solid var(--copper2);
}
.about .text-link{display:inline-block;margin-top:6px;color:var(--deep);border-bottom-color:rgba(51,43,49,.38)}
@media(max-width:900px){
  .about{padding:82px 7vw 90px}
  .about:before{left:7vw;right:7vw}
  .about-heading{margin-bottom:34px}
  .about-photo{width:165px;height:212px;margin-right:30px;box-shadow:11px 11px 0 rgba(51,43,49,.92)}
}
@media(max-width:600px){
  .about{padding:70px 6vw 78px}
  .about:before{left:6vw;right:6vw}
  .about h2{font-size:36px}
  .about-lead{font-size:23px;line-height:1.42}
  .about-flow{font-size:16px;line-height:1.7}
  .about-photo{width:118px;height:152px;margin:4px 22px 14px 0;box-shadow:8px 8px 0 rgba(51,43,49,.92)}
  .about-closing{padding:23px 22px;font-size:19px;margin-top:30px}
}

/* V104 – finomabb tipográfia + Rólam tördelési igazítás */
/* A legnagyobb címsorok visszafogottabb mérete */
h1{font-size:clamp(42px,5vw,74px)}
.intro h2,.section-head h2,.path h2,.cta h2{font-size:clamp(30px,3.6vw,47px)}
.booking h2{font-size:clamp(30px,3.5vw,46px)}
.about h2{font-size:40px}
/* A Rólam nyitógondolata kevésbé domináns */
.about-lead{font-size:clamp(21px,2.05vw,28px);line-height:1.42}
/* A harmadik bekezdés ne váltson szélességet a portré aljánál */
.about-flow p:nth-of-type(3){margin-left:252px}
@media(max-width:900px){
  h1{font-size:clamp(40px,7vw,60px)}
  .intro h2,.section-head h2,.path h2,.cta h2,.booking h2{font-size:clamp(29px,5vw,40px)}
  .about h2{font-size:36px}
  .about-lead{font-size:22px}
  .about-flow p:nth-of-type(3){margin-left:195px}
}
@media(max-width:600px){
  h1{font-size:40px}
  .intro h2,.section-head h2,.path h2,.cta h2,.booking h2{font-size:31px}
  .about h2{font-size:33px}
  .about-lead{font-size:20px}
  .about-flow p:nth-of-type(3){margin-left:0}
}

/* V105 – csak hero kép + legnagyobb címsorok finomítása */
/* A nyitó portré kisebb, levegősebb és arányosabb; más elemhez nem nyúlunk. */
.hero{grid-template-columns:56% 44%;min-height:650px}
.hero-photo{min-height:560px;margin:68px 6vw 68px 0;border-radius:190px 18px 18px 18px}

/* A legnagyobb tipográfiai szintek további visszafogása. */
h1{font-size:clamp(38px,4.5vw,66px)}
.intro h2,.section-head h2,.path h2,.cta h2{font-size:clamp(28px,3.25vw,43px)}
.booking h2{font-size:clamp(28px,3.2vw,42px)}
.about h2{font-size:37px}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-photo{min-height:500px;margin:26px 10vw 64px;border-radius:145px 18px 18px 18px}
  h1{font-size:clamp(36px,6.4vw,54px)}
  .intro h2,.section-head h2,.path h2,.cta h2,.booking h2{font-size:clamp(27px,4.5vw,36px)}
  .about h2{font-size:33px}
}
@media(max-width:600px){
  .hero-photo{min-height:450px;margin:20px 8vw 56px}
  h1{font-size:36px}
  .intro h2,.section-head h2,.path h2,.cta h2,.booking h2{font-size:28px}
  .about h2{font-size:30px}
}

/* V106 – kizárólag a legnagyobb címsorok két fokozattal kisebbre + Rólam kép csere */
h1{font-size:clamp(34px,4vw,58px)}
.intro h2,.section-head h2,.path h2,.cta h2{font-size:clamp(25px,2.9vw,38px)}
.booking h2{font-size:clamp(25px,2.85vw,37px)}
.about h2{font-size:33px}
@media(max-width:900px){
  h1{font-size:clamp(32px,5.7vw,48px)}
  .intro h2,.section-head h2,.path h2,.cta h2,.booking h2{font-size:clamp(24px,4vw,32px)}
  .about h2{font-size:30px}
}
@media(max-width:600px){
  h1{font-size:32px}
  .intro h2,.section-head h2,.path h2,.cta h2,.booking h2{font-size:25px}
  .about h2{font-size:27px}
}

/* V107 – kizárólag a Rólam portré álló aránya */
.about-photo{height:530px;object-position:center center}
@media(max-width:900px){.about-photo{height:420px}}
@media(max-width:600px){.about-photo{height:300px}}

/* V109 – Rólam portré a szövegfolyam elejétől, más rész változatlan */
.about-heading{max-width:none}
.about-photo{height:650px;margin-top:4px}
@media(max-width:900px){.about-photo{height:520px}}
@media(max-width:600px){.about-photo{height:360px}}

/* V110 – kizárólag a két portré arányai és a Rólam sötét közös panelje */
.about{background:var(--deep);max-width:1180px;padding:65px 6vw 72px;border-radius:3px}
.about:before{display:none}
.about-heading{max-width:none;margin-bottom:30px}
.about .kicker{color:#d3b7c6}
.about h2,.about h3{color:#fff}
.about-brand{color:#ead9e2!important}
.about-focus{color:#d5b6c6!important}
.about-lead{color:#f6f0f3!important;max-width:none}
.about-content{display:grid;grid-template-columns:235px minmax(0,1fr);gap:35px;align-items:stretch}
.about-photo{float:none;display:block;width:100%;height:100%;min-height:0;max-height:none;margin:0;object-fit:cover;object-position:center 28%;box-shadow:none;border-radius:3px;filter:none}
.about-flow{min-width:0}
.about-flow p{color:#f2eaf0;margin-bottom:18px}
.about-flow p:last-child{margin-bottom:0}
.about-flow p:nth-of-type(3){margin-left:0}
.about-flow strong{color:#e0bccc}
.about-closing{clear:none;margin:30px 0 18px;background:#453941;border-left-color:#c49cac}
.about .text-link{color:#f2eaf0;border-bottom-color:#bba2b0}
.hero{grid-template-columns:60% 40%}
.hero-photo{width:min(100% - 30px,330px);height:430px;min-height:0;justify-self:center;align-self:center;margin:35px 20px 35px 0;border-radius:125px 12px 12px 12px}
.hero-photo img{height:100%;object-fit:cover}
.hero .photo-note{font-size:15px;padding:13px 16px}
@media(max-width:900px){
 .hero{grid-template-columns:1fr}
 .hero-photo{width:min(72%,320px);height:400px;min-height:0;margin:10px auto 45px}
 .about{padding:50px 7vw 58px}
 .about-content{grid-template-columns:185px minmax(0,1fr);gap:24px}
 .about-photo{width:100%;height:100%;margin:0;box-shadow:none}
 .about-flow p:nth-of-type(3){margin-left:0}
}
@media(max-width:600px){
 .hero-photo{width:min(72%,270px);height:335px;min-height:0;margin:10px auto 40px}
 .about{padding:40px 6vw 45px}
 .about-content{grid-template-columns:1fr;gap:24px}
 .about-photo{width:min(100%,205px);height:275px;margin:0 auto;object-fit:cover;box-shadow:none}
 .about-flow p:nth-of-type(3){margin-left:0}
 .about-closing{margin-top:25px}
}

/* V111 – kizárólag a két portré finom aránykorrekciója */
.hero-photo{width:min(100% - 30px,370px);height:480px}
.about-photo{margin-top:-14px;height:calc(100% + 14px)}
@media(max-width:900px){
 .hero-photo{width:min(76%,350px);height:440px}
 .about-photo{margin-top:-12px;height:calc(100% + 12px)}
}
@media(max-width:600px){
 .hero-photo{width:min(76%,295px);height:365px}
 .about-photo{margin:0 auto;height:275px}
}

/* V112 – kizárólag a kért Rólam tipográfia, szöveg/kép igazítás és fő portré */
.about h2{font-size:29px}
.about-brand{font-size:15px}
.about-lead{font-size:clamp(18px,1.8vw,24px)}
/* A szakmai megnevezés és a három fókuszterület középen, eredeti méretben marad. */
.about h3,.about-focus{text-align:center}
.about-content{align-items:stretch}
.about-flow{align-self:center;padding:24px 0}
.about-photo{margin-top:0;height:100%;align-self:stretch}
.hero-photo{width:min(100% - 30px,430px);height:550px}
@media(max-width:900px){
 .about h2{font-size:27px}
 .about-lead{font-size:20px}
 .about-flow{padding:16px 0}
 .about-photo{margin-top:0;height:100%}
 .hero-photo{width:min(82%,390px);height:490px}
}
@media(max-width:600px){
 .about h2{font-size:25px}
 .about-lead{font-size:18px}
 .about-flow{padding:0}
 .about-photo{width:min(100%,205px);height:275px;margin:0 auto}
 .hero-photo{width:min(82%,325px);height:400px}
}

/* Következő finomítás: kizárólag a fő portré méretének növelése. */
.hero-photo{width:min(100% - 20px,470px);height:600px}
@media(max-width:900px){.hero-photo{width:min(86%,410px);height:520px}}
@media(max-width:600px){.hero-photo{width:min(86%,345px);height:425px}}

/* Időszakos Őszi Lélekfrissítő – az eredeti weboldal stílusait nem módosítja. */
.autumn{scroll-margin-top:90px;background:#f8f1e9 url('assets/oszi-lelekfrissito-hatter.jpg') center/cover no-repeat;padding:75px 22px;color:#553632;text-align:center}
.autumn-inner{max-width:980px;margin:auto;background:rgba(255,249,244,.89);padding:45px clamp(18px,5vw,65px);border:1px solid rgba(115,79,74,.15);box-shadow:0 18px 60px rgba(75,48,43,.1);border-radius:20px}
.autumn-brand{letter-spacing:.35em;font-size:12px}.autumn-brand span{display:block;letter-spacing:.25em;margin-top:9px}.autumn h2{font-family:Georgia,serif;font-size:clamp(35px,5vw,65px);line-height:1.1;margin:30px 0 4px}.autumn-subtitle{font-family:Georgia,serif;font-size:clamp(20px,3vw,30px);margin:0 0 32px}.autumn-copy{max-width:690px;margin:auto;font-family:Georgia,serif;font-size:clamp(18px,2vw,23px);line-height:1.55}.autumn-copy p{margin:0 0 16px}.autumn-when{line-height:1.8;margin:32px 0}.autumn h3{font-family:Georgia,serif;font-size:clamp(23px,3vw,30px);font-weight:normal;margin:30px 0 22px}.autumn-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.autumn-package{background:#fffaf6;border:1px solid #dcc9c0;border-radius:14px;padding:23px 12px}.autumn-package h4{font-size:17px;margin:0 0 12px}.autumn-package p{font-family:Georgia,serif;font-size:27px;margin:0 0 20px}.autumn-select,.autumn-send,.autumn-modal-link{border:0;border-radius:8px;background:#896763;color:white;padding:13px 18px;cursor:pointer;text-decoration:none;display:inline-block;font:inherit}.autumn-select:hover,.autumn-send:hover,.autumn-modal-link:hover{background:#684b48}.autumn-form{max-width:540px;margin:28px auto 0;text-align:left;background:#fffaf6;border:1px solid #dcc9c0;border-radius:14px;padding:25px}.autumn-form[hidden],.autumn-modal[hidden]{display:none!important}.autumn-form label:not(.autumn-consent){display:block;margin:15px 0 6px}.autumn-form input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:13px;border:1px solid #bfa9a0;border-radius:7px;background:white;font:inherit}.autumn-consent{display:flex;gap:10px;align-items:flex-start;margin:19px 0;font-size:14px}.autumn-consent input{margin-top:4px}.autumn-send{width:100%}.autumn-choice{font-weight:bold}.autumn-hint{font-size:13px;line-height:1.6}.autumn-questions{margin:28px 0 8px}.autumn-phone{color:#684b48;font-weight:bold}.autumn-modal{position:fixed;inset:0;z-index:9999;background:rgba(37,25,25,.72);display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}.autumn-modal-panel{position:relative;max-width:min(100%,1000px);max-height:calc(100dvh - 28px);overflow:auto;background:#fff6ee;border-radius:12px;box-shadow:0 25px 75px #0005;text-align:center}.autumn-modal-panel img{width:100%;height:auto;display:block}.autumn-close{position:absolute;right:9px;top:8px;z-index:2;background:#fff9f0;color:#50352f;border:1px solid #d3bdb3;width:44px;height:44px;border-radius:50%;font-size:32px;line-height:1;cursor:pointer}.autumn-modal-link{margin:12px auto 0}.autumn-modal-note{font-size:12px;margin:9px 15px 15px;color:#705b55}.autumn-modal-open{overflow:hidden}
@media(max-width:650px){.autumn{padding:35px 12px}.autumn-inner{padding:30px 17px}.autumn-packages{grid-template-columns:1fr}.autumn-modal{padding:8px}.autumn-modal-panel{max-height:calc(100dvh - 16px)}.autumn-modal-link{margin:10px 12px 0;display:block}.autumn-close{top:5px;right:5px}}