/* Layout: települési sablon (Zamárdi). Nyitó a névvel és a kulcsszámokkal; mit kapsz a pénzedért; a település részei rétegekben a parttól a dombig; tudnivalók; aktuális kínálat; kérdések (SEO); két CTA */
.mintajel{display:inline-block;background:var(--nad);color:#13221F;font:800 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}
.pill.kontur{background:none;border:1.5px solid var(--tinta);color:var(--tinta)}
.morzsa{font-size:13px;color:var(--halk);padding-block:20px 0;display:flex;gap:8px;flex-wrap:wrap}
.morzsa a{text-decoration:underline;text-decoration-color:var(--vonal);text-underline-offset:3px}
.t-nyito{padding-block:20px 48px}
.t-nyito .lbl{color:var(--halk)}
.t-nyito h1{font:400 clamp(72px,13vw,168px)/.85 var(--serif);letter-spacing:-.025em;margin:14px 0 0}
.t-nyito .alcim{font:italic 400 clamp(22px,2.6vw,30px)/1.25 var(--serif);color:var(--to);margin:14px 0 0;max-width:30ch}
.t-nyito .lead{font-size:18px;color:var(--halk);max-width:58ch;margin:16px 0 0}
.szamok{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--vonal);margin-top:36px}
@media (max-width:900px){.szamok{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.szamok{grid-template-columns:repeat(2,minmax(0,1fr))}}
.szamok div{padding:18px 16px;border-left:1px solid var(--vonal);display:flex;flex-direction:column;gap:2px;min-width:0}
.szamok div:first-child{border-left:0;padding-left:0}
@media (max-width:900px){.szamok div:nth-child(4){border-left:0;padding-left:0}.szamok div:nth-child(n+4){border-top:1px solid var(--vonal)}}
@media (max-width:520px){.szamok div{border-left:0!important;padding-left:0}.szamok div:nth-child(n+3){border-top:1px solid var(--vonal)}}
.szamok b{font:800 26px/1.1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.szamok b small{font-size:14px;font-weight:700;color:var(--halk);letter-spacing:0}
.szamok span{font-size:13px;color:var(--halk)}
.szamok em{font-style:normal;font:700 12px var(--sans);color:var(--to)}
.szamok em.le{color:var(--terra)}

.tsz{padding-block:64px;border-top:1px solid var(--vonal)}
.tsz-fej{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.tsz .lbl{color:var(--halk)}
.tsz h2{font:400 clamp(34px,4.5vw,52px)/1 var(--serif);margin:10px 0 0;text-wrap:balance;max-width:22ch}
.tsz-fej p{margin:0;color:var(--halk);max-width:44ch}

.penz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){.penz{grid-template-columns:1fr}}
.pk{border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;background:var(--mesz);border:1px solid var(--vonal)}
.pk.k2{background:var(--to-t);border-color:transparent}
.pk.k3{background:var(--to);color:var(--fole);border-color:transparent}
.pk .keret{font:800 34px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pk .keret small{font-size:14px;font-weight:700;letter-spacing:0;opacity:.75}
.pk h3{font:400 24px/1.15 var(--serif);margin:0}
.pk ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.pk li{padding-block:9px;border-top:1px solid color-mix(in srgb,currentColor 16%,transparent);font-size:15px}
.pk .m2{font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}

/* részek: rétegek a parttól a dombig */
.retegek{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;border:1px solid var(--vonal)}
.reteg{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,1fr) auto;gap:20px;padding:20px 22px;align-items:start}
@media (max-width:860px){.reteg{grid-template-columns:1fr 1fr}.reteg .nev{grid-column:1/-1}.reteg .ar{grid-column:1/-1}}
.reteg .nev b{display:block;font:400 24px/1.1 var(--serif)}
.reteg .nev span{font-size:13px;color:var(--halk)}
.reteg .jo,.reteg .rossz{font-size:14.5px;display:flex;gap:8px}
.reteg .jo::before,.reteg .rossz::before{flex:none;width:18px;height:18px;border-radius:50%;font:800 12px/18px var(--sans);text-align:center;margin-top:2px}
.reteg .jo::before{content:"+";background:var(--to);color:var(--mesz)}
.reteg .rossz::before{content:"−";background:var(--terra);color:#FBF7F0}
.reteg .ar{font:800 18px/1.2 var(--sans);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.reteg .ar small{display:block;font:600 12px var(--sans);color:var(--halk)}
@media (max-width:860px){.reteg .ar{text-align:left}}
.reteg.r1{background:var(--to-t)}
.reteg.r2{background:var(--mesz)}
.reteg.r3{background:var(--homok)}
.reteg.r4{background:color-mix(in srgb,var(--nad) 16%,var(--homok))}
.retegek .viz{background:var(--to);color:var(--fole);padding:10px 22px;font:700 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between}
.retegek .vasut{height:0;border-top:3px dashed var(--halk);margin:0 22px;position:relative}
.retegek .vasut span{position:absolute;right:0;top:-10px;background:var(--mesz);padding:0 8px;font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--halk)}
.retegek .ut7{height:0;border-top:6px solid var(--vonal);position:relative}
.retegek .ut7 span{position:absolute;right:22px;top:-12px;background:var(--homok);padding:0 8px;font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--halk)}
.reteg-megj{font-size:13px;color:var(--halk);margin-top:12px}

.tudni{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--vonal)}
@media (max-width:900px){.tudni{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.tudni{grid-template-columns:1fr}}
.td{padding:22px 22px 22px 0;display:flex;flex-direction:column;gap:6px}
.td .lbl{color:var(--to)}
.td b{font:400 24px/1.15 var(--serif)}
.td p{margin:0;font-size:15px;color:var(--halk)}

.kinalat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){.kinalat{grid-template-columns:1fr}}
.kk{background:var(--mesz);border:1px solid var(--vonal);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.kk-kep{height:150px;position:relative;overflow:hidden;background:var(--to-t)}
.kk-kep::before{content:"";position:absolute;top:-30%;bottom:-30%;left:-22%;width:52%;border-radius:0 999px 999px 0;background:var(--to);opacity:.22}
.kk-pe{position:absolute;top:12px;right:12px;background:var(--mesz);border-radius:999px;padding:6px 10px;font:800 15px/1 var(--sans);color:var(--to)}
.kk-pe small{font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--halk);margin-right:4px}
.kk-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.kk-b .lbl{color:var(--halk)}
.kk-b h3{font:400 24px/1.1 var(--serif);margin:0}
.kk-b .s{display:flex;justify-content:space-between;align-items:baseline}
.kk-b .s b{font:800 20px var(--sans);color:var(--terra);font-variant-numeric:tabular-nums}
.kk-b .s span{font-size:13px;color:var(--halk)}
.kk.riaszt{border-style:dashed;justify-content:center;align-items:flex-start;padding:24px;gap:12px;background:none}
.kk.riaszt b{font:400 26px/1.15 var(--serif)}
.kk.riaszt p{margin:0;color:var(--halk);font-size:15px}

.gyik{display:flex;flex-direction:column;max-width:820px}
details{border-top:1px solid var(--vonal);padding-block:4px}
details:last-child{border-bottom:1px solid var(--vonal)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding-block:16px;font:400 22px/1.25 var(--serif)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 26px/1 var(--sans);color:var(--to);transition:transform .15s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 18px;color:var(--halk);max-width:64ch}
@media (prefers-reduced-motion:reduce){summary::after{transition:none}}

.ket-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
@media (max-width:760px){.ket-cta{grid-template-columns:1fr}}
.ket-cta>div{padding:48px clamp(16px,4vw,48px);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ket-cta .c1{background:var(--to);color:var(--fole)}
.ket-cta .c2{background:var(--terra);color:#FBF7F0}
.ket-cta h2{font:400 clamp(30px,3.6vw,42px)/1.05 var(--serif);margin:0;max-width:16ch}
.ket-cta p{margin:0;opacity:.9;max-width:40ch}
.ket-cta .pill{background:#FBF7F0;color:#13221F!important;margin-top:6px}