/* Layout: cím és szűrősáv felül; alatta lista balra, a Zamárdi–Alsóörs sáv térképe jobbra ragadósan; mobilon a térkép a lista fölé kerül */
.lap-cim{padding-block:32px 20px;display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.lap-cim .lbl{color:var(--halk)}
.lap-cim h1{font:400 clamp(40px,5.5vw,64px)/1 var(--serif);letter-spacing:-.01em;margin:10px 0 0}
.lap-cim p{margin:10px 0 0;color:var(--halk);max-width:52ch}
.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}
.riaszt{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--vonal);background:var(--mesz);border-radius:999px;padding:10px 18px;font:700 14px var(--sans);color:var(--tinta);cursor:pointer}
.riaszt[aria-pressed="true"]{background:var(--to);color:var(--fole);border-color:var(--to)}
.riaszt svg{width:18px;height:18px}

/* szűrők */
.szuro{position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px);z-index:4;background:var(--homok);border-block:1px solid var(--vonal);padding-block:12px}
.szuro .in{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sz{display:flex;flex-direction:column;gap:2px;background:var(--mesz);border:1px solid var(--vonal);border-radius:12px;padding:7px 12px;min-width:0}
.sz label{font:700 10px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--halk)}
.sz select{border:0;background:none;font:600 14px var(--sans);color:var(--tinta);padding:0}
.sz.ar{min-width:220px;flex:1 1 220px;max-width:320px}
.sz.ar .s{display:flex;align-items:center;gap:10px}
.sz.ar input{flex:1;accent-color:var(--to);min-width:0}
.sz.ar output{font:700 14px var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.kapcs{display:inline-flex;align-items:center;gap:8px;font:700 14px var(--sans);cursor:pointer;padding:8px 4px;color:var(--tinta)}
.kapcs input{width:18px;height:18px;accent-color:var(--to)}
.torol{margin-left:auto;border:0;background:none;font:700 14px var(--sans);color:var(--terra);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tel-chipek{display:flex;gap:6px;flex-wrap:wrap;padding-block:14px 0}
.chip{border:1px solid var(--vonal);background:var(--mesz);border-radius:999px;padding:7px 14px;font:700 13px var(--sans);color:var(--tinta);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--tinta);color:var(--homok);border-color:var(--tinta)}

/* fő rács */
.racs2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:32px;padding-block:24px 80px;align-items:start}
@media (max-width:1040px){.racs2{grid-template-columns:1fr}.terkep-dob{order:-1;position:static!important}}
.talalat{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.talalat b{font:400 28px/1 var(--serif)}
.talalat span{font-size:14px;color:var(--halk)}
.lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:640px){.lista{grid-template-columns:1fr}}
.ures{grid-column:1/-1;border:1px dashed var(--vonal);border-radius:16px;padding:32px;color:var(--halk);text-align:center}
.ures b{display:block;font:400 26px/1.2 var(--serif);color:var(--tinta);margin-bottom:6px}

/* kártya */
.ik{background:var(--mesz);border:1px solid var(--vonal);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.ik:hover,.ik.kiemel{border-color:var(--to)}
.ik.kiemel{transform:translateY(-2px)}
.ik .kp{height:170px;position:relative;overflow:hidden;background:var(--to-t)}
.ik .kp::before{content:"";position:absolute;top:-30%;bottom:-30%;left:-22%;width:52%;border-radius:0 999px 999px 0;background:var(--to);opacity:.22}
.ik .kp::after{content:"";position:absolute;top:-30%;bottom:-30%;right:-30%;width:46%;border-radius:999px 0 0 999px;background:var(--terra);opacity:.14}
.ik .pe{position:absolute;top:12px;right:12px;z-index:1;background:var(--mesz);border-radius:999px;padding:6px 10px;display:flex;align-items:baseline;gap:4px;font:800 15px/1 var(--sans);color:var(--to);font-variant-numeric:tabular-nums}
.ik .pe small{font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--halk)}
.ik .cimke{position:absolute;left:12px;top:12px;z-index:1;display:flex;gap:6px;flex-wrap:wrap}
.ik .cimke span{background:var(--tinta);color:var(--homok);font:700 11px/1 var(--sans);padding:6px 9px;border-radius:999px}
.ik .tb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.ik .lbl{color:var(--halk)}
.ik h3{font:400 25px/1.1 var(--serif);margin:0;text-wrap:balance}
.ik .ar-sor{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:2px}
.ik .ar{font:800 22px/1 var(--sans);letter-spacing:-.02em;color:var(--terra);font-variant-numeric:tabular-nums}
.ik .ar small{font-size:12px;font-weight:700}
.ik .m2{font-size:13px;color:var(--halk);font-variant-numeric:tabular-nums}
.ik .adatok{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:14px;font-variant-numeric:tabular-nums;padding-top:10px;border-top:1px solid var(--vonal)}
.ik .adatok b{font-weight:700}
.ik .oszinte{display:flex;gap:8px;align-items:start;font-size:13.5px;color:var(--halk);margin-top:auto;padding-top:6px}
.ik .oszinte i{flex:none;width:18px;height:18px;border-radius:50%;background:var(--terra);color:#FBF7F0;font:800 11px/18px var(--sans);text-align:center;font-style:normal;margin-top:1px}

/* térkép */
.terkep-dob{position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px + 128px);background:var(--mesz);border:1px solid var(--vonal);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.terkep-dob .fejl{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.terkep-dob .fejl b{font:400 22px/1 var(--serif)}
.terkep-dob .fejl span{font-size:12px;color:var(--halk)}
.terkep-dob svg{width:100%;height:auto;display:block;border-radius:12px;background:var(--homok)}
.to-alak{fill:var(--to-t);stroke:var(--to);stroke-width:1.5}
.tp{cursor:pointer}
.tp circle.p{fill:var(--mesz);stroke:var(--to);stroke-width:2.5;transition:r .15s}
.tp text.n{font:700 11px var(--sans);fill:var(--tinta)}
.tp text.d{font:800 10px var(--sans);fill:var(--mesz)}
.tp circle.db{fill:var(--to)}
.tp.ures circle.p{stroke:var(--vonal)} .tp.ures circle.db{fill:var(--halk)}
.tp.akt circle.p{fill:var(--terra);stroke:var(--terra)} .tp.akt circle.db{fill:var(--terra)}
.tp:focus-visible{outline:none}.tp:focus-visible circle.p{stroke:var(--nad);stroke-width:4}
.irany{font:700 10px var(--sans);letter-spacing:.14em;fill:var(--halk)}
.terkep-dob .jelm{font-size:12px;color:var(--halk);display:flex;gap:14px;flex-wrap:wrap}
.terkep-dob .jelm span{display:inline-flex;align-items:center;gap:6px}
.terkep-dob .jelm i{width:10px;height:10px;border-radius:50%;display:inline-block}
@media (prefers-reduced-motion:reduce){.ik,.tp circle.p{transition:none}}