/* A TÖKÉLETES ESKÜVŐ – Venczel-Kovács Zoltán
   Egyetlen stíluslap, külső függőség nélkül. */

@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/bodoni-moda-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/bodoni-moda-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --porcelan:#FFFFFF;   /* háttér */
  --papir:#FFFFFF;      /* nyomtatott műsorlap */
  --tinta:#1B2B4B;      /* szöveg és gombok, mélykék */
  --tinta-2:#3A4C70;   /* másodlagos szöveg, lágyabb mélykék */    /* másodlagos szöveg */
  --rozsa-mely:#1B2B4B;
  --arany:#97773F;      /* apró kiemelések */
  --pezsgo:#C9B48F;     /* díszvonal */
  --pezsgo-vil:#E9D5D2;
  --rozsa:#F6F3EF;      /* világos sáv */
  --vonal:#E7E2DB;
  --serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Segoe UI",system-ui,sans-serif;
  --szel:72rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--porcelan);color:var(--tinta);font:400 1.125rem/1.7 var(--sans);letter-spacing:-.006em}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-color:var(--pezsgo)}
:focus-visible{outline:2px solid var(--pezsgo);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;margin:0 0 .6em;letter-spacing:-.005em}
h1{font-size:clamp(2.3rem,5.2vw,4rem)}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
h3{font-size:1.4rem}
p{margin:0 0 1em}
.lead{font-size:1.25rem;line-height:1.6;color:var(--tinta-2);max-width:38em}
.keret{max-width:var(--szel);margin:0 auto;padding:0 1.25rem}
.szoveg{max-width:40rem}
.szakasz{padding:clamp(3.5rem,8vw,6.5rem) 0}
.ugras{position:absolute;left:-999px}
.ugras:focus{left:1rem;top:1rem;background:var(--papir);padding:.5rem 1rem;z-index:99}

/* Fejléc */
.fejlec{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--vonal)}
.fejlec .keret{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem}
.logo{font-family:var(--serif);font-size:1.2rem;text-decoration:none;line-height:1.1}
.logo small{display:block;font-family:var(--sans);font-size:.78rem;color:var(--tinta-2);letter-spacing:.02em}
.menu{display:flex;align-items:center;gap:1.4rem;list-style:none;margin:0;padding:0}
.menu a{text-decoration:none;font-size:1rem}
.menu a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--pezsgo)}
.menu-gomb{display:none;background:none;border:1px solid var(--vonal);border-radius:2rem;padding:.45rem 1rem;font:inherit;font-size:1rem;color:inherit;cursor:pointer}
@media (max-width:960px){
  .menu-gomb{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;background:var(--porcelan);border-bottom:1px solid var(--vonal);padding:.5rem 1.25rem 1.25rem}
  .menu.nyitva{display:flex}
  .menu li{width:100%}
  .menu a{display:block;padding:.75rem 0;border-bottom:1px solid var(--vonal)}
  .menu .gomb{margin-top:1rem;display:inline-block;border-bottom:0}
}

/* Gombok */
.gomb{display:inline-block;background:var(--tinta);color:var(--papir);text-decoration:none;padding:1.1rem 2rem;border-radius:2.5rem;font-weight:500;font-size:1.05rem;line-height:1.2;border:1px solid var(--tinta);cursor:pointer;font-family:var(--sans)}
.gomb:hover{background:#2A3F66;border-color:#2A3F66}
.gomb-vilagos{background:var(--rozsa-mely);color:#fff;border-color:var(--rozsa-mely)}
.gomb-vilagos:hover{background:#2A3F66;border-color:#2A3F66}
.link-gomb{display:inline-block;padding:1.1rem .25rem;font-size:1.05rem}
.gombsor{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-top:1.75rem}

/* Hős */
.hos{background:var(--porcelan);color:var(--tinta);border-bottom:1px solid var(--vonal)}
.hos .keret{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:end;padding-top:clamp(3rem,7vw,5.5rem)}
.hos h1{color:var(--tinta);font-size:clamp(2.3rem,4.4vw,3.7rem)}
.hos .keret{align-items:center}
.hos .lead{color:var(--tinta-2)}
.hos .tenyek{color:var(--tinta-2);font-size:1rem;margin-top:1.5rem;max-width:30em}
.hos .tenyek strong{color:var(--arany);font-weight:500}
.hos .link-gomb{color:var(--tinta)}
.hos-szoveg{padding-bottom:clamp(3rem,7vw,5.5rem)}
.hos-kep{align-self:end}
.hos-kep img{border-radius:12rem 12rem 0 0;aspect-ratio:4/5;object-fit:cover;width:100%;background:var(--rozsa)}
@media (max-width:820px){
  .hos .keret{grid-template-columns:1fr}
  .hos-szoveg{padding-bottom:0}
  .hos-kep{max-width:22rem}
}

/* Aloldal fejléc */
.oldalfej{padding:clamp(3rem,7vw,5rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--vonal)}
.oldalfej p{color:var(--tinta-2)}

/* A műsorlap – az oldal jellegzetes eleme */
.musorlap-sav{background:var(--rozsa)}
.musorlap{background:var(--papir);max-width:46rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem);border:1px solid var(--vonal);position:relative}
.musorlap::before{content:"";position:absolute;inset:.6rem;border:1px solid var(--pezsgo);pointer-events:none}
.musorlap-fej{text-align:center;margin-bottom:2rem}
.musorlap-fej p{color:var(--tinta-2);margin:0}
.disz{display:block;width:4rem;height:1px;background:var(--pezsgo);margin:1rem auto}
.musor{list-style:none;margin:0;padding:0}
.musor li{display:grid;grid-template-columns:4.25rem 1fr;gap:0 1.25rem;padding:1rem 0;border-top:1px solid var(--vonal)}
.musor li:first-child{border-top:0}
.ido{font-family:var(--serif);font-style:italic;font-size:1.35rem;line-height:1.3;color:var(--arany)}
.musor h3{font-size:1.25rem;margin:0 0 .2em}
.musor p{margin:0;color:var(--tinta-2);font-size:1rem}
.musorlap-lab{text-align:center;font-size:.95rem;color:var(--tinta-2);margin:2rem 0 0;font-style:italic;font-family:var(--serif)}

/* Szolgáltatások */
.szolg{display:grid;gap:2.5rem;margin-top:2.5rem}
.szolg-sor{display:grid;grid-template-columns:minmax(0,11rem) 1fr;gap:clamp(1.25rem,4vw,3rem);align-items:center;padding-top:2.5rem;border-top:1px solid var(--vonal)}
.szolg-sor img{aspect-ratio:1/1;object-fit:cover;border-radius:50%;background:var(--rozsa);width:100%}
.ar{font-family:var(--serif);font-size:1.25rem;margin:.25rem 0 .75rem}
.szolg-sor p{max-width:38em}
@media (max-width:640px){.szolg-sor{grid-template-columns:1fr}.szolg-sor img{max-width:8rem}}

/* Két hasábos szöveg + kép */
.ketto{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.ketto img{aspect-ratio:4/5;object-fit:cover;width:100%;background:var(--rozsa)}
@media (max-width:820px){.ketto{grid-template-columns:1fr}}

/* Idézet */
.mondas{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.4;max-width:34em;margin:0 auto;text-align:center}

/* Vélemények */
.velemenyek{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:2.5rem 3rem;margin-top:2.5rem}
.velemeny{margin:0;border-top:1px solid var(--pezsgo);padding-top:1.25rem}
.velemeny blockquote{margin:0 0 .9rem;font-family:var(--serif);font-size:1.15rem;line-height:1.55}
.velemeny figcaption{font-size:.95rem;color:var(--tinta-2)}

/* Lépések */
.lepesek{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem;counter-reset:l}
.lepesek li{counter-increment:l}
.lepesek li::before{content:counter(l);display:block;font-family:var(--serif);font-style:italic;font-size:2.2rem;color:var(--arany);line-height:1;margin-bottom:.6rem}
.lepesek h3{font-size:1.2rem;margin-bottom:.3em}
.lepesek p{color:var(--tinta-2);font-size:1rem}

/* Sötét sáv */
.sotet{background:var(--papir);color:var(--tinta);border-top:1px solid var(--vonal);border-bottom:1px solid var(--vonal)}
.sotet p{color:var(--tinta-2)}

/* GYIK */
.gyik{max-width:46rem}
.gyik details{border-top:1px solid var(--vonal);padding:1.1rem 0}
.gyik details:last-of-type{border-bottom:1px solid var(--vonal)}
.gyik summary{cursor:pointer;font-family:var(--serif);font-size:1.25rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.gyik summary::-webkit-details-marker{display:none}
.gyik summary::after{content:"+";font-family:var(--sans);color:var(--pezsgo);font-size:1.5rem;line-height:1}
.gyik details[open] summary::after{content:"–"}
.gyik details>div{padding-top:.75rem;color:var(--tinta-2)}
.gyik h2{margin-top:2.5rem}

/* Űrlap */
.urlap{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.25rem;max-width:46rem}
.urlap .teljes{grid-column:1/-1}
.urlap label{display:block;font-size:.95rem;margin-bottom:.35rem;font-weight:500}
.urlap input,.urlap select,.urlap textarea{width:100%;font:inherit;font-size:1rem;padding:.75rem .9rem;border:1px solid #B9BCC0;border-radius:.4rem;background:var(--papir);color:var(--tinta)}
.urlap textarea{min-height:8rem;resize:vertical}
.urlap .jelolo{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}
.urlap .jelolo input{width:auto;margin-top:.35rem}
.mez{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}

.uzenet-hiba{background:#FBEAEA;color:#6E1F1F;padding:1rem 1.25rem;border-radius:.4rem;max-width:46rem;margin-bottom:1.5rem}
.uzenet-hiba[hidden]{display:none}
@media (max-width:640px){.urlap{grid-template-columns:1fr}}

/* Árak */
.arlista{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem;margin-top:2rem}
.arlista section{background:var(--papir);border:1px solid var(--vonal);padding:2rem}
.arlista .ar{font-size:1.6rem}
.arlista ul{padding-left:1.1rem;color:var(--tinta-2);font-size:1rem}

/* Lista */
.pipa{padding-left:1.2rem}
.pipa li{margin-bottom:.5rem}

/* Blog */
.bloglista{list-style:none;padding:0;margin:2rem 0 0;max-width:46rem}
.bloglista li{border-top:1px solid var(--vonal);padding:1.75rem 0}
.bloglista time,.cikk-datum{font-size:.95rem;color:var(--tinta-2)}
.bloglista h2{font-size:1.6rem;margin:.25rem 0 .4rem}
.bloglista h2 a{text-decoration:none}
.bloglista p{color:var(--tinta-2);margin:0}
.cikk{max-width:42rem}
.cikk h1{font-size:clamp(2rem,4.2vw,3rem)}
.cikk h2{font-size:1.75rem;margin-top:2.2rem}
.cikk p,.cikk li{font-size:1.15rem}
.cikk-zaro{margin-top:3rem;padding:2rem;background:var(--rozsa)}

/* Jogi oldalak */
.jogi{max-width:46rem}
.jogi h2{font-size:1.5rem;margin-top:2rem}
.kitoltendo{background:#FFF1B8;padding:0 .25rem}

/* Lábléc */
.lablec{background:var(--rozsa);color:var(--tinta-2);padding:3.5rem 0 2rem;font-size:1rem}
.lablec a{color:var(--tinta)}
.lablec .keret{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.lablec h2{font-size:1.25rem;color:var(--tinta)}
.lablec ul{list-style:none;padding:0;margin:0}
.lablec li{margin-bottom:.4rem}
.lablec .also{grid-column:1/-1;border-top:1px solid var(--vonal);padding-top:1.5rem;margin-top:1rem;font-size:.9rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}
@media (max-width:820px){.lablec .keret{grid-template-columns:1fr}}

/* Egyetlen, rövid betöltési mozzanat a műsorlapon */
@media (prefers-reduced-motion:no-preference){
  .musor li{animation:megjelen .6s ease both}
  .musor li:nth-child(2){animation-delay:.08s}.musor li:nth-child(3){animation-delay:.16s}
  .musor li:nth-child(4){animation-delay:.24s}.musor li:nth-child(5){animation-delay:.32s}
  .musor li:nth-child(6){animation-delay:.4s}.musor li:nth-child(7){animation-delay:.48s}
}
@keyframes megjelen{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media print{.fejlec,.lablec,.urlap{display:none}}

/* ===== Magazinos elemek ===== */
.kicker{font:500 .78rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--arany);margin:0 0 1.1rem}
.gomb-feher{background:#fff;color:var(--tinta);border-color:#fff}
.gomb-feher:hover{background:#EFEBE5;border-color:#EFEBE5}

/* Teljes képernyős nyitókép */
.nyito{position:relative;min-height:min(92vh,58rem);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#4A433D}
.nyito img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.nyito::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.66) 100%)}
.nyito .keret{position:relative;z-index:1;width:100%;padding-bottom:clamp(2.5rem,7vw,5rem)}
.nyito h1{color:#fff;font-size:clamp(2.1rem,4.5vw,4rem)}
.nowrap{white-space:nowrap}
.nyito .kicker{color:#fff}
.nyito .lead{color:rgba(255,255,255,.9)}
.nyito .link-gomb{color:#fff}

/* Bevezető, két hasáb */
.bevezeto{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.nagyszoveg{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.3;margin:0}
.tenysor{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;border-top:1px solid var(--vonal);padding-top:1.5rem}
.tenysor b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1;color:var(--arany)}
.tenysor span{font-size:.95rem;color:var(--tinta-2)}
@media (max-width:820px){.bevezeto{grid-template-columns:1fr}}

/* Forgatókönyv fotóval */
.musor-ketto{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.musor-ketto>img{position:sticky;top:5.5rem;width:100%;aspect-ratio:3/4;object-fit:cover;background:#D9D2CA}
.musor-ketto .musorlap{max-width:none;margin:0}
@media (max-width:900px){.musor-ketto{grid-template-columns:1fr}.musor-ketto>img{position:static;aspect-ratio:4/3}}

/* Szolgáltatások – magazinrács */
.racs3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,3vw,2.5rem);margin-top:2.5rem}
.racs3 figure{margin:0}
.racs3 img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#D9D2CA;margin-bottom:1.25rem}
.racs3 h3{font-size:1.6rem;margin-bottom:.15em}
.racs3 .ar{font-family:var(--sans);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:var(--arany);margin:0 0 .75rem}
.racs3 p{color:var(--tinta-2);font-size:1rem}
@media (max-width:900px){.racs3{grid-template-columns:1fr}.racs3 img{aspect-ratio:4/3}}

/* Teljes szélességű fotósáv idézettel */
.fotosav{position:relative;min-height:min(80vh,44rem);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:#4A433D}
.fotosav>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fotosav::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.42)}
.fotosav figure{position:relative;z-index:1;margin:0;padding:3rem 1.25rem;max-width:52rem}
.fotosav blockquote{margin:0 0 1.25rem;font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3.6vw,2.8rem);line-height:1.3}
.fotosav figcaption{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase}

/* Kép + átfedő szövegdoboz */
.atfedo{display:grid;grid-template-columns:repeat(12,1fr);align-items:center}
.atfedo>img{grid-column:1/8;grid-row:1;width:100%;aspect-ratio:4/5;object-fit:cover;background:#D9D2CA}
.atfedo>div{grid-column:7/13;grid-row:1;background:#fff;padding:clamp(2rem,4vw,3.5rem);border:1px solid var(--vonal);position:relative;z-index:1}
@media (max-width:900px){.atfedo{display:block}.atfedo>div{margin:-4rem 1rem 0}}

/* Kapcsolat fotóval */
.urlap-ketto{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.urlap-ketto>img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#D9D2CA}
@media (max-width:900px){.urlap-ketto{grid-template-columns:1fr}.urlap-ketto>img{display:none}}

/* Aloldal fotós fejléc */
.oldalfej-kep{position:relative;min-height:min(62vh,36rem);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#4A433D}
.oldalfej-kep>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.oldalfej-kep::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.62) 100%)}
.oldalfej-kep .keret{position:relative;z-index:1;width:100%;padding-bottom:clamp(2rem,6vw,4rem)}
.oldalfej-kep h1{color:#fff}
.oldalfej-kep .lead{color:rgba(255,255,255,.9)}
.oldalfej-kep .link-gomb{color:#fff}

/* ===== Üveg (glass) réteg ===== */
:root{--uveg:rgba(255,255,255,.58);--uveg-szel:rgba(255,255,255,.75);--uveg-arnyek:0 10px 40px rgba(40,30,20,.10),inset 0 1px 0 rgba(255,255,255,.8)}
.fejlec{background:rgba(255,255,255,.62);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(0,0,0,.04)}
.musorlap-sav{background:radial-gradient(60rem 30rem at 10% 0%,#EFE3D3 0,transparent 60%),radial-gradient(50rem 30rem at 95% 100%,#E8E2EC 0,transparent 60%),#F7F4F0}
.uveg,.uveg-kartya,.musorlap{background:var(--uveg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--uveg-szel);box-shadow:var(--uveg-arnyek);border-radius:1.75rem}
.musorlap::before{border-radius:1.35rem;border-color:rgba(151,119,63,.35)}
.uveg-kartya{padding:clamp(1.5rem,3vw,2.5rem)}
.musorlap{padding:clamp(2.25rem,5vw,4rem)}
.musor li{padding:1.4rem 0}
.musorlap-fej{margin-bottom:2.75rem}
.musorlap-fej h2{margin-bottom:.4em}
.lablegyzet{font-size:.9rem;color:var(--tinta-2);text-align:center;margin:1rem 0 0}
.pipa+.lablegyzet{text-align:left}
.gomb-feher{background:rgba(255,255,255,.92)}
.nyito .link-gomb,.oldalfej-kep .link-gomb{background:rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.4);border-radius:2.5rem;padding:1.1rem 1.8rem;text-decoration:none;line-height:1.2}
.gomb-keret{background:transparent;color:var(--tinta)}
.gomb-keret:hover{background:rgba(0,0,0,.05);border-color:var(--tinta)}
.fotosav figure{background:rgba(20,18,16,.22);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.28);border-radius:2rem;padding:clamp(2rem,4vw,3.5rem);margin:0 1.25rem}
.fotosav::after{background:rgba(0,0,0,.2)}
.uvegsav{position:relative;padding:clamp(5rem,12vw,9rem) 0;overflow:hidden;background:#4A433D}
.uvegsav>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.uvegsav .keret{position:relative;z-index:1}
.mondas.uveg{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);padding:clamp(2rem,4vw,3.5rem);max-width:44rem}
.egysor{font-size:clamp(1.6rem,3.2vw,2.4rem)}
@media (min-width:700px){.egysor{white-space:nowrap}}
.arlista{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.arlista section{border-radius:1.5rem}
.arlista h2{font-size:clamp(1.35rem,2.2vw,1.7rem);overflow-wrap:break-word;hyphens:auto}
.csillag{color:var(--arany)}
.kotelezo{font-size:.9rem;color:var(--tinta-2);margin:.75rem 0 0}

/* Űrlap + oldalsáv */
.kapcs-racs{display:grid;grid-template-columns:7fr 5fr;gap:clamp(2rem,5vw,4rem);align-items:start;margin-top:2rem}
.kapcs-oldal{position:sticky;top:6rem}
.kapcs-oldal h2{font-size:1.6rem}
.kapcs-oldal p{color:var(--tinta-2);font-size:1rem}
@media (max-width:900px){.kapcs-racs{grid-template-columns:1fr}.kapcs-oldal{position:static}}
.urlap input,.urlap select,.urlap textarea,.datum-gomb{background:rgba(255,255,255,.8);border:1px solid rgba(27,43,75,.14);border-radius:.9rem;padding:.85rem 1rem;transition:border-color .15s,box-shadow .15s}
.urlap input:focus,.urlap select:focus,.urlap textarea:focus,.datum-gomb:focus{outline:none;border-color:var(--arany);box-shadow:0 0 0 4px rgba(151,119,63,.15)}
.urlap select{appearance:none;-webkit-appearance:none;padding-right:2.75rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231B2B4B' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.1rem center}
.urlap .jelolo input{accent-color:var(--tinta)}
.napszak-mezo[hidden]{display:none}

/* Saját naptár */
.datum-dob{position:relative}
.datum-gomb{width:100%;text-align:left;font:inherit;font-size:1rem;color:var(--tinta);cursor:pointer;display:block;padding-right:2.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='3' width='13' height='11.5' rx='2' fill='none' stroke='%231B2B4B' stroke-width='1.3'/%3E%3Cpath d='M1.5 6.5h13M5 1.5v3M11 1.5v3' stroke='%231B2B4B' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.datum-gomb .ures{color:#8A847E}
.datum-gomb.hibas{border-color:#B3261E;box-shadow:0 0 0 4px rgba(179,38,30,.12)}
.naptar{position:absolute;z-index:30;top:calc(100% + .5rem);left:0;width:min(21rem,90vw);padding:1rem;background:rgba(255,255,255,.94);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border:1px solid var(--uveg-szel);border-radius:1.5rem;box-shadow:0 20px 60px rgba(40,30,20,.18)}
.naptar[hidden]{display:none}
.naptar-fej{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.naptar-fej strong{font-family:var(--serif);font-weight:500;font-size:1.15rem}
.naptar-fej button,.naptar-napok button{font:inherit;border:0;background:none;cursor:pointer;color:var(--tinta)}
.naptar-fej button{width:2.25rem;height:2.25rem;border-radius:50%}
.naptar-fej button:hover{background:rgba(0,0,0,.06)}
.naptar-het,.naptar-napok{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.naptar-het span{font-size:.75rem;color:var(--tinta-2);padding:.3rem 0;letter-spacing:.05em}
.naptar-napok button{aspect-ratio:1;border-radius:50%;font-size:.95rem}
.naptar-napok button:hover:not(:disabled){background:rgba(151,119,63,.14)}
.naptar-napok button.szombat{font-weight:500;color:var(--arany)}
.naptar-napok button.valasztott{background:var(--tinta);color:#fff}
.naptar-napok button.ma{box-shadow:inset 0 0 0 1px var(--vonal)}
.naptar-napok button:disabled{color:#C9C4BE;cursor:default}

/* Vélemények körhinta */
.korhinta{position:relative;margin-top:2.5rem}
.korhinta-sav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(17rem,calc((100% - 3rem)/3));gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.5rem .25rem 1.5rem;scrollbar-width:none}
.korhinta-sav::-webkit-scrollbar{display:none}
.korhinta-sav .velemeny{scroll-snap-align:start;border-top:0;padding:2rem;background:var(--uveg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--uveg-szel);border-radius:1.5rem;box-shadow:var(--uveg-arnyek)}
.korhinta-vez{display:flex;gap:.6rem;justify-content:flex-end}
.kor-gomb{width:3rem;height:3rem;border-radius:50%;border:1px solid rgba(27,43,75,.15);background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:1.1rem;cursor:pointer;color:var(--tinta)}
.kor-gomb:hover{background:#fff}
@media (max-width:700px){.korhinta-sav{grid-auto-columns:86%}}

/* Hitelesség, blogkártya */
.hiteles{margin-top:3rem;max-width:52rem}
.hiteles h2{font-size:1.7rem}
.blogkartya{display:block;margin-top:2.5rem;text-decoration:none;padding:1.75rem 2rem;border-radius:1.5rem;background:radial-gradient(30rem 12rem at 0% 0%,#EFE3D3 0,transparent 70%),#F7F4F0;border:1px solid var(--vonal);transition:transform .2s,box-shadow .2s}
.blogkartya:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(40,30,20,.10)}
.blogkartya .kicker{display:block;margin-bottom:.5rem}
.blogkartya strong{display:block;font-family:var(--serif);font-weight:500;font-size:1.45rem;line-height:1.25;margin-bottom:.4rem}
.blogkartya span:last-child{color:var(--tinta-2);font-size:1rem}

/* Blog rács */
.blogracs{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2.5rem)}
.blogracs a{display:block;text-decoration:none;height:100%;border-radius:1.5rem;overflow:hidden;background:#fff;border:1px solid var(--vonal);transition:transform .2s,box-shadow .2s}
.blogracs a:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(40,30,20,.12)}
.blogracs img,.blog-betu{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.blog-betu{display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:6rem;color:rgba(151,119,63,.55);background:radial-gradient(20rem 14rem at 20% 20%,#EFE3D3 0,transparent 70%),radial-gradient(20rem 14rem at 90% 90%,#E8E2EC 0,transparent 70%),#F7F4F0}
.blog-szoveg{display:block;padding:1.5rem 1.75rem 1.9rem}
.blog-szoveg time{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--arany)}
.blog-szoveg strong{display:block;font-family:var(--serif);font-weight:500;font-size:1.5rem;line-height:1.25;margin:.4rem 0 .5rem}
.blog-szoveg span{display:block;color:var(--tinta-2);font-size:1rem}
.blogracs .kiemelt{grid-column:1/-1}
.blogracs .kiemelt a{display:grid;grid-template-columns:7fr 5fr}
.blogracs .kiemelt img,.blogracs .kiemelt .blog-betu{aspect-ratio:auto;height:100%;min-height:20rem}
.blogracs .kiemelt .blog-szoveg{align-self:center;padding:2.5rem}
.blogracs .kiemelt strong{font-size:2rem}
@media (max-width:760px){.blogracs{grid-template-columns:1fr}.blogracs .kiemelt a{display:block}.blogracs .kiemelt img,.blogracs .kiemelt .blog-betu{aspect-ratio:3/2;min-height:0}}
.cikk-kep{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1.5rem;margin:0 0 2rem}

/* Lebegő gomb mobilon */
.lebego{display:none}
@media (max-width:820px){
  .lebego{display:block;position:fixed;left:50%;bottom:1rem;transform:translate(-50%,150%);z-index:40;padding:.95rem 1.75rem;border-radius:2rem;text-decoration:none;font-weight:500;color:var(--tinta);background:rgba(255,255,255,.66);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .3s ease}
  .lebego.latszik{transform:translate(-50%,0)}
}
.arlista section{display:flex;flex-direction:column}.arlista ul{margin-bottom:1.5rem}.arlista .gomb{margin-top:auto;align-self:flex-start}

/* Erősebb, finom háttér, hogy az üveg látszódjon fotó nélkül is */
.musorlap-sav{background:radial-gradient(42rem 28rem at 8% 10%,#EAD9C2 0,transparent 62%),radial-gradient(40rem 26rem at 92% 90%,#D9E2EF 0,transparent 62%),radial-gradient(30rem 20rem at 60% 40%,#F1E7DC 0,transparent 70%),#F7F4F0}

/* Számmező nyilak nélkül */
.urlap input[type=number]{-moz-appearance:textfield}
.urlap input::-webkit-outer-spin-button,.urlap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Link-ikon minden szöveges hivatkozás után */
a:not(.gomb):not(.logo):not(.blogkartya):not(.lebego):not(.ugras):not(.kor-gomb)::after{content:"";display:inline-block;width:.72em;height:.72em;margin-left:.3em;vertical-align:baseline;background:currentColor;opacity:.75;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 6h9M6.5 2.5L10 6l-3.5 3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 6h9M6.5 2.5L10 6l-3.5 3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
a[target="_blank"]:not(.gomb)::after{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 9L9.5 2.5M4.5 2.5h5v5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 9L9.5 2.5M4.5 2.5h5v5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.menu a::after,.blogracs a::after,.cikk-datum a::after{display:none!important}

/* ===== Egységes sötétszürke törzsszöveg, kék címek ===== */
:root{--szoveg:#3A3A3A;--tinta-2:#3A3A3A}
body{color:var(--szoveg)}
h1,h2,h3,.nagyszoveg,.blog-szoveg strong,.blogkartya strong{color:var(--tinta)}
.menu a{color:var(--tinta)}
.urlap input,.urlap select,.urlap textarea,.datum-gomb{color:var(--szoveg)}
.urlap label{color:var(--tinta)}

/* Logó */
.logo{display:flex;flex-direction:column;gap:.15rem}
.logo img{height:2.4rem;width:auto}
.logo small{font-size:.72rem;letter-spacing:.04em;color:var(--szoveg)}
.lablec-logo{height:2.6rem;width:auto;margin-bottom:1rem}
@media (max-width:960px){.logo img{height:2rem}}

/* Nyitókép: Zoli a kép jobb oldalán, a szöveg balra a sötét részen */
.nyito img{object-position:72% 30%}
.nyito::after{background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,0) 70%),linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.45) 100%)}
@media (max-width:820px){.nyito img{object-position:78% 20%}.nyito::after{background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.75) 100%)}}
.menu a.gomb{color:#fff}
/* Nyitókép: szöveg balra, hogy ne takarja az arcot */
@media (min-width:821px){
  .nyito .keret>*{max-width:min(50%,40rem)}
  .nyito h1{font-size:clamp(2.2rem,3.4vw,3.5rem)}
}
/* Mobilon a fotó felül, a szöveg alatta */
@media (max-width:820px){
  .nyito{display:block;min-height:0;background:var(--porcelan);color:var(--szoveg)}
  .nyito img{position:relative;inset:auto;height:auto;aspect-ratio:4/5;object-position:76% 20%}
  .nyito::after{display:none}
  .nyito .keret{padding-top:2rem;padding-bottom:2.5rem}
  .nyito h1{color:var(--tinta)}
  .nyito .kicker{color:var(--arany)}
  .nyito .lead{color:var(--szoveg)}
  .nyito .gomb-feher{background:var(--tinta);color:#fff;border-color:var(--tinta)}
  .nyito .link-gomb{color:var(--tinta);background:transparent;border-color:rgba(27,43,75,.25);backdrop-filter:none;-webkit-backdrop-filter:none}
}
.logo{align-items:flex-start}

/* Logó barnája: kiemelések és linkek */
:root{--arany:#B78448}
a:where(:not(.gomb):not(.logo):not(.lebego):not(.kor-gomb)){color:var(--arany)}
.gyik a:not(.gomb),.urlap a,.kapcs-oldal a,.cikk a:not(.gomb){color:var(--arany)}
.fejlec .keret{min-height:5rem;padding-top:.5rem;padding-bottom:.5rem}
.menu a:not(.gomb){color:var(--tinta)}
.blogracs a,.blogkartya{color:var(--szoveg)}
.nyito .link-gomb,.oldalfej-kep .link-gomb{color:#fff}
.logo small{line-height:1.35}
@media (max-width:820px){.nyito .link-gomb{color:var(--tinta)}}
.oldalfej-kep>img.cm-fej{object-position:65% 30%}
/* Fotós aloldal-fejléc: szöveg balra, sötétített bal oldal */
.oldalfej-kep .keret.szoveg{max-width:var(--szel)}
.oldalfej-kep .keret>*{max-width:36rem}
.oldalfej-kep::after{background:linear-gradient(90deg,rgba(12,18,32,.82) 0%,rgba(12,18,32,.6) 38%,rgba(12,18,32,.1) 70%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.35) 100%)}
.oldalfej-kep .lead a{color:#fff}
@media (max-width:820px){.oldalfej-kep::after{background:linear-gradient(180deg,rgba(12,18,32,.15) 0%,rgba(12,18,32,.85) 100%)}}


/* ===== Címek: Inter, félkövér ===== */
h1,h2,h3,.nagyszoveg,.tenysor b,.racs3 h3,.blog-szoveg strong,.blogkartya strong,.naptar-fej strong,.ar,.gyik summary,.musor h3,.arlista h2{font-family:var(--sans);font-weight:600;letter-spacing:-.022em}
h1{line-height:1.08}
.nyito h1,.oldalfej-kep h1{letter-spacing:-.03em}
.velemeny blockquote,.korhinta-sav .velemeny blockquote{font-style:italic}

/* ===== Gombok: barna hover, fejléc CTA barna ===== */
.gomb{transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s}
.gomb:hover,.gomb-vilagos:hover,.gomb-feher:hover{background:var(--arany);border-color:var(--arany);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(183,132,72,.28)}
.menu a.gomb{background:var(--arany);border-color:var(--arany);color:#fff}
.menu a.gomb:hover{background:var(--tinta);border-color:var(--tinta)}

/* ===== Lábléc ===== */
.lablec a{color:#6E6E6E}
.lablec a:hover{color:var(--tinta)}

/* ===== Szolgáltatás-kártyák hover effekttel ===== */
.racs3 .kartya{background:#fff;border:1px solid var(--vonal);border-radius:1.5rem;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;display:flex;flex-direction:column}
.racs3 .kep-keret{overflow:hidden}
.racs3 .kartya img{margin:0;transition:transform .6s ease}
.racs3 figcaption{padding:1.4rem 1.6rem 1.7rem}
.racs3 .kartya:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(27,43,75,.14)}
.racs3 .kartya:hover img{transform:scale(1.05)}
/* képek finom hover-zoomja máshol is */
.ketto img,.musor-ketto>img,.atfedo>img,.urlap-ketto>img,.cikk-kep{transition:transform .6s ease,filter .6s ease}
.ketto img:hover,.atfedo>img:hover{transform:scale(1.02);filter:brightness(1.04)}
.ketto img,.atfedo>img,.musor-ketto>img{border-radius:1.5rem}

/* ===== „Igen, modern vagyok”: lekerekített üveg ===== */
.atfedo>div{background:rgba(255,255,255,.62);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.8);border-radius:1.75rem;box-shadow:0 18px 50px rgba(27,43,75,.12),inset 0 1px 0 rgba(255,255,255,.85)}

/* ===== Vélemények: teljes szélesség, finom árnyék ===== */
.korhinta{margin-top:2rem}
.korhinta-sav{grid-auto-columns:minmax(19rem,24rem);padding:1rem max(1.25rem,calc((100vw - var(--szel))/2 + 1.25rem)) 2.5rem;scroll-padding-left:max(1.25rem,calc((100vw - var(--szel))/2 + 1.25rem))}
.korhinta-sav .velemeny{box-shadow:0 6px 24px rgba(27,43,75,.07),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .3s ease,box-shadow .3s ease}
.korhinta-sav .velemeny:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(27,43,75,.11)}
.korhinta-vez{display:flex;justify-content:flex-end;gap:.6rem}
.kor-gomb{transition:background-color .2s,color .2s}
.kor-gomb:hover{background:var(--arany);color:#fff;border-color:var(--arany)}

/* ===== Árak: halvány háttér + hover ===== */
.arak-sav{background:radial-gradient(40rem 26rem at 5% 10%,#EAD9C2 0,transparent 62%),radial-gradient(36rem 24rem at 95% 90%,#D9E2EF 0,transparent 62%),#F7F4F0}
.arlista section{background:rgba(255,255,255,.78);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.arlista section:hover{transform:translateY(-6px);border-color:var(--arany);box-shadow:0 22px 50px rgba(27,43,75,.13)}
.arlista h2{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal}

/* ===== Blogkártya, blogrács hover ===== */
.blogracs a img{transition:transform .6s ease}
.blogracs a:hover img{transform:scale(1.04)}

/* ===== Görgetéskor finoman beúszó elemek ===== */
@media (prefers-reduced-motion:no-preference){
  .beuszik{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
  .beuszik.latszik{opacity:1;transform:none}
}

/* ===== Kör 7 ===== */
/* Fejléc CTA kék, ráhúzva barna */
.menu a.gomb{background:var(--tinta);border-color:var(--tinta);color:#fff}
.menu a.gomb:hover{background:var(--arany);border-color:var(--arany)}
/* Barna gomb (fotón és fejlécekben) */
.gomb-barna,.gomb-feher{background:var(--arany);border-color:var(--arany);color:#fff}
.gomb-barna:hover,.gomb-feher:hover{background:var(--tinta);border-color:var(--tinta);color:#fff}
/* Üveg gomb világos háttéren */
.gomb-uveg{background:rgba(255,255,255,.5);color:var(--tinta);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 6px 20px rgba(27,43,75,.08),inset 0 1px 0 rgba(255,255,255,.9)}
.gomb-uveg:hover{background:var(--arany);color:#fff;border-color:var(--arany)}
.gomb-uveg::after,.gomb-barna::after{display:none!important}
/* Forgatókönyv lábszöveg normál betűvel */
.musorlap-lab{font-family:var(--sans);font-style:normal;font-size:1rem}
/* Lábléc: elválasztó vonal, kisebb betűk */
.lablec{border-top:1px solid #E4DDD3;font-size:.92rem;padding-top:3rem}
.lablec h2{font-size:1rem;margin-bottom:.8em}
.lablec li{margin-bottom:.3rem}
.lablec .also{font-size:.82rem}
.lablec-logo{height:2.2rem}
/* GYIK: nyitott kérdés barna */
.gyik details[open] summary{color:var(--arany)}
.gyik summary{transition:color .2s}
.gyik summary:hover{color:var(--arany)}
/* Kettéosztott fejléc: balra fotó, jobbra szöveg */
.fejresz{display:grid;grid-template-columns:1fr 1fr;min-height:min(76vh,42rem);background:radial-gradient(36rem 26rem at 85% 15%,#EAD9C2 0,transparent 62%),radial-gradient(34rem 24rem at 60% 100%,#D9E2EF 0,transparent 62%),#F7F4F0;border-bottom:1px solid var(--vonal)}
.fejresz-kep{position:relative;overflow:hidden;min-height:22rem}
.fejresz-kep img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.fejresz:hover .fejresz-kep img{transform:scale(1.03)}
.fejresz-szoveg{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,6vw,5rem) max(1.25rem,calc((100vw - var(--szel))/2 + 1.25rem)) clamp(2.5rem,6vw,5rem) clamp(2rem,5vw,4.5rem)}
.fejresz-szoveg>*{max-width:34rem}
.fejresz h1{font-size:clamp(2.3rem,4.4vw,3.8rem)}
.fejresz .lead{color:var(--szoveg)}
@media (max-width:820px){.fejresz{grid-template-columns:1fr;min-height:0}.fejresz-kep{aspect-ratio:4/3;min-height:0}.fejresz-szoveg{padding:2rem 1.25rem 2.75rem}}
/* Blogcikk képei */
.cikk-abra{margin:2rem 0}
.cikk-abra img{width:100%;height:auto;border-radius:1.25rem}
.tenysor b{font-variant-numeric:tabular-nums}
.foglalo{max-width:60rem;margin-bottom:3rem}
.foglalo-keret{width:100%;height:760px;border:0;border-radius:1.25rem;background:#fff;margin-top:1.5rem}
/* Problémák és előnyök */
.gondok{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2rem}
.gond h3{font-size:1.15rem;margin-bottom:.5em}
.gond p{font-size:1rem;margin:0}
.megoldas{margin-top:2.5rem;font-size:1.25rem;max-width:44rem}
.megoldas strong{color:var(--arany)}
.elonyok{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem;margin-top:2.5rem}
.elonyok>div{border-top:2px solid var(--arany);padding-top:1rem}
.elonyok h3{font-size:1.15rem;margin-bottom:.4em}
.elonyok p{font-size:1rem;margin:0}
.ketoszlop{columns:2;column-gap:3rem}
.ketoszlop li{break-inside:avoid}
.atfedo .tenysor{margin-top:1.5rem}
@media (max-width:1000px){.gondok{grid-template-columns:repeat(2,1fr)}.elonyok{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.gondok,.elonyok{grid-template-columns:1fr}.ketoszlop{columns:1}}
.nyito img{object-position:60% 50%}
@media (max-width:820px){.nyito img{object-position:50% 50%;aspect-ratio:4/3}}

/* ===== Kör 9 ===== */
/* Kis feliratok: vastagabb, kevésbé széthúzva */
.kicker{font-weight:700;letter-spacing:.07em}
/* Menü: nagybetűs, kisebb, félkövér; aktív barna */
.menu a:not(.gomb){font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta);text-decoration:none}
.menu a[aria-current="page"]:not(.gomb){color:var(--arany)}
.menu a:not(.gomb):hover{color:var(--arany)}
/* Fejlécekben a CTA kék */
.nyito .gomb-barna,.fejresz .gomb-barna{background:var(--tinta);border-color:var(--tinta);color:#fff}
.nyito .gomb-barna:hover,.fejresz .gomb-barna:hover{background:var(--arany);border-color:var(--arany)}
/* Idézetek barnával */
.velemeny blockquote{color:var(--arany)}
.mondas.uveg{color:var(--arany);background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(0,0,0,.18),inset 0 1px 0 #fff}
[data-mozog],.atfedo>div,.gond{transition:transform .25s ease,box-shadow .3s ease;will-change:transform}
[data-mozog]:hover,.atfedo>div:hover{box-shadow:0 26px 70px rgba(27,43,75,.18),inset 0 1px 0 #fff}
/* Fordított átfedő elrendezés: szöveg balra, kép jobbra */
.atfedo.forditott>img{grid-column:6/13}
.atfedo.forditott>div{grid-column:1/8}
@media (max-width:900px){.atfedo.forditott{display:flex;flex-direction:column-reverse}.atfedo.forditott>div{margin:-4rem 1rem 0}}
/* Lépések körhintában, üvegkártyákon */
.lepes-sav{list-style:none;margin:0;grid-auto-columns:minmax(17rem,21rem)}
.lepes-kartya{scroll-snap-align:start;padding:2rem;background:var(--uveg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--uveg-szel);border-radius:1.5rem;box-shadow:0 6px 24px rgba(27,43,75,.07),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .3s ease,box-shadow .3s ease}
.lepes-kartya:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(27,43,75,.11)}
.lepes-szam{display:block;font-family:var(--sans);font-weight:600;font-size:2.4rem;line-height:1;color:var(--arany);margin-bottom:1rem}
.lepes-kartya h3{font-size:1.2rem;margin-bottom:.4em}
.lepes-kartya p{font-size:1rem;margin:0}
/* Lábléc mobilon középre */
@media (max-width:820px){.lablec .keret{text-align:center}.lablec-logo{margin-left:auto;margin-right:auto}.lablec .also{justify-content:center;text-align:center}}
.logo small{white-space:nowrap}
.menu{gap:1.15rem}
.menu a.gomb{white-space:nowrap;padding:.9rem 1.5rem;font-size:.95rem}
@media (max-width:1180px) and (min-width:961px){.menu{gap:.8rem}.menu a:not(.gomb){font-size:.74rem}}
.menu a:not(.gomb){letter-spacing:.015em}
.arak-labj{text-align:left;margin-top:1.25rem}
/* Hamburger menü */
.menu-gomb{width:3rem;height:3rem;padding:0;border-radius:50%;position:relative;background:rgba(255,255,255,.6)}
.menu-gomb span{position:absolute;left:50%;width:1.25rem;height:2px;margin-left:-.625rem;background:var(--tinta);border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.menu-gomb span:nth-child(1){top:calc(50% - 7px)}
.menu-gomb span:nth-child(2){top:calc(50% - 1px)}
.menu-gomb span:nth-child(3){top:calc(50% + 5px)}
.menu-gomb[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-gomb[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-gomb[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* Lebegő gomb kikapcsolva */
.lebego{display:none!important}
/* Jelölőnégyzet: barna karika */
.urlap .jelolo input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:1.6rem;height:1.6rem;margin:.1rem 0 0;padding:0;border:2px solid var(--arany);border-radius:50%;background:#fff;cursor:pointer;display:grid;place-content:center;transition:background-color .2s}
.urlap .jelolo input[type=checkbox]::before{content:"";width:.5rem;height:.85rem;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px) scale(0);transition:transform .15s ease}
.urlap .jelolo input[type=checkbox]:checked{background:var(--arany)}
.urlap .jelolo input[type=checkbox]:checked::before{transform:rotate(45deg) translate(-1px,-1px) scale(1)}
.urlap .jelolo input[type=checkbox]:focus-visible{outline:2px solid var(--arany);outline-offset:3px}

/* Mobil nyitókép: picture elem átlátszó a rácsnak */
.nyito picture{display:contents}
/* Olvashatóbb, mélyebb barna a kis szövegekhez (akadálymentesség) */
:root{--arany-szoveg:#8A5F2F}
.kicker,.ar,.csillag,.blog-szoveg time,.ido,.velemeny blockquote,.arlista .ar,.racs3 .ar{color:var(--arany-szoveg)}
a:where(:not(.gomb):not(.logo):not(.lebego):not(.kor-gomb)){color:var(--arany-szoveg)}
.gyik a:not(.gomb),.urlap a,.kapcs-oldal a,.cikk a:not(.gomb){color:var(--arany-szoveg)}
.menu a[aria-current="page"]:not(.gomb),.menu a:not(.gomb):hover{color:var(--arany-szoveg)}
@media (max-width:820px){.nyito .kicker{color:var(--arany-szoveg)}}
.nyito .kicker{color:#fff}
@media (max-width:820px){.nyito .kicker{color:var(--arany-szoveg)}}
.lablec a{color:#666}
.h1-kicker{display:block;margin-bottom:1.1rem;font-size:.78rem;line-height:1.5}
/* ===== Nyugalom-kör ===== */
[data-mozog],.atfedo>div,.gond{will-change:auto}
.gondok+.megoldas{margin-top:2.5rem}
#ismeros-cim+.lead{margin-top:-.3em}
/* Fejléc: logó és név; mobilon csak a logó */
.logo small{font-size:.74rem;letter-spacing:.05em}
@media (max-width:820px){.logo small{display:none}.logo img{height:2.3rem}.fejlec .keret{min-height:4.25rem}}
/* Szöveges link-gombok egységesen */
.link-gomb{font-weight:500}
.nyito .link-gomb,.oldalfej-kep .link-gomb{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:1.1rem .25rem;border-radius:0;text-decoration:underline;text-underline-offset:.2em}
/* Fejléc mindig a tartalom fölött (Safari üveghatás-hiba ellen) */
.fejlec{z-index:1000;-webkit-transform:translateZ(0);transform:translateZ(0)}
main{position:relative;z-index:0;isolation:isolate}