/* ============================================================
   podturen.css, predajná landing page „Stavebné pozemky Podtureň,
   Zóna A" (Meta lead kampaň, kupujúci). Stavia na sielnica.css,
   pridáva len klikací plán parciel a zoznam parciel s cenami.
   ============================================================ */

/* ---------- výber parcely: plán + panel ---------- */
.pt-pick{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(16px,2.6vw,32px);margin-top:clamp(26px,3vw,40px);align-items:start}
@media(max-width:900px){.pt-pick{grid-template-columns:1fr}}
.pt-pick>*{min-width:0}

.pt-scroll{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);overflow:hidden;user-select:none}

/* prepínač Plán / Z dronu */
.pt-tabs{display:flex;gap:6px;padding:12px 12px 0}
.pt-tabs button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}
.pt-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.pt-view{display:none;padding:10px 12px 4px}
.pt-view.is-on{display:block}
.pt-svg{width:100%;height:auto;display:block}
.pt-view[data-v=plan] .pt-svg{max-height:min(80vh,780px)}
.pt-orient{flex-basis:100%;font-size:.76rem;color:var(--ink-2);opacity:.85}
.pt-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 14px 14px;font-size:.8rem;color:var(--ink-2)}
.pt-legend .lg{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:-8px;border:1px solid rgba(17,33,45,.15)}

/* plán z katastra: parcely sú tlačidlá */
.pt-svg .ctx path{fill:#E9EDEE;stroke:#fff;stroke-width:.5}
.pt-svg .ctx-st path{fill:#fff;stroke:#D3DBDD;stroke-width:.35}
.pt-svg .pp{cursor:pointer;outline:none}
.pt-svg .pp path{stroke:#fff;stroke-width:.7;stroke-linejoin:round;transition:fill .2s}
.t-s path,.lg.t-s{fill:#D7EEEE;background:#D7EEEE}
.t-m path,.lg.t-m{fill:#AEDDDD;background:#AEDDDD}
.t-l path,.lg.t-l{fill:#7FC7C8;background:#7FC7C8}
.pt-svg .pp text{text-anchor:middle;fill:var(--ink);pointer-events:none;font-family:var(--sans)}
.pt-svg .pn{font-size:5.4px;font-weight:700}
.pt-svg .pa{font-size:3.7px;opacity:.75}
.pt-svg .pp:hover path,.pt-svg .pp:focus-visible path{fill:#3FA9AB}
.pt-svg .pp:hover text,.pt-svg .pp:focus-visible text{fill:#fff;opacity:1}
.pt-svg .pp.is-sel path{fill:var(--ink)}
.pt-svg .pp.is-sel text{fill:#fff;opacity:1}
.pt-svg .pp.is-dim{opacity:.22}
.pt-north circle{fill:#fff;stroke:var(--line);stroke-width:.5}
.pt-north path{fill:var(--ink)}
.pt-north text{font-size:4px;font-weight:700;fill:var(--ink-2);text-anchor:middle;font-family:var(--sans)}
@media(max-width:600px){.pt-svg .pa{display:none}.pt-svg .pn{font-size:6.2px}}

/* pohľad z dronu: tie isté parcely na fotke */
.pt-dron{border-radius:12px}
.pt-svg .pd{cursor:pointer;outline:none}
.pt-svg .pd path{fill:rgba(104,196,196,0);stroke:#68C4C4;stroke-width:3;stroke-linejoin:round;transition:fill .2s}
.pt-svg .pd text{fill:#fff;text-anchor:middle;font-family:"Montserrat",var(--sans);font-weight:600;paint-order:stroke;stroke:rgba(0,30,30,.55);stroke-width:3px;pointer-events:none}
.pt-svg .pd:hover path,.pt-svg .pd:focus-visible path{fill:rgba(104,196,196,.45)}
.pt-svg .pd.is-sel path{fill:rgba(17,33,45,.62);stroke:#fff}
.pt-svg .pd.is-dim{opacity:.2}

/* fotky hneď v hero */
.pt-hero-media{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:clamp(260px,30vw,430px);margin-bottom:12px}
.pt-hero-media button{position:relative;border:none;padding:0;border-radius:var(--r-sm);overflow:hidden;cursor:zoom-in;background:var(--bg-2)}
.pt-hero-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.pt-hero-media button:hover img{transform:scale(1.03)}
.phm-main{grid-row:1 / 3}
.phm-tag,.phm-more{position:absolute;left:14px;bottom:14px;background:rgba(6,20,27,.78);color:#fff;border-radius:999px;padding:7px 14px;font-size:.84rem;font-weight:600}
.phm-more{left:auto;right:12px;bottom:12px;background:rgba(255,255,255,.92);color:var(--ink)}
@media(max-width:700px){
  .pt-hero-media{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto;gap:8px}
  .phm-main{grid-column:1 / 3;grid-row:auto;aspect-ratio:16/10}
  .phm-side{aspect-ratio:16/10}
  .phm-tag{left:10px;bottom:10px;font-size:.78rem;padding:6px 12px}
  .phm-more{font-size:.74rem;padding:5px 10px}
}

.pt-panel{position:sticky;top:90px;background:var(--dark);color:#fff;border-radius:var(--r-sm);padding:clamp(22px,2.6vw,30px)}
@media(max-width:900px){.pt-panel{position:static}}
.pt-panel .pp-eyebrow{font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8FA3AD}
.pt-panel .pp-num{font-family:var(--serif);font-size:clamp(2rem,3.4vw,2.7rem);letter-spacing:-.02em;line-height:1;margin-top:10px}
.pt-panel .pp-rows{list-style:none;padding:0;margin:18px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.pt-panel .pp-rows li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.93rem}
.pt-panel .pp-rows span{color:#B9C4C9}
.pt-panel .pp-rows b{font-weight:600;white-space:nowrap}
.pt-panel .pp-empty{margin-top:12px;color:#B9C4C9;font-size:.95rem;line-height:1.6}
.pt-panel .pillbtn{margin-top:20px;width:100%;justify-content:center}
.pt-panel .pp-note{margin-top:12px;font-size:.78rem;color:#8FA3AD;line-height:1.5}

/* ---------- zoznam parciel ---------- */
.pt-list-head{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin-top:clamp(26px,3vw,40px)}
.pt-list-head h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:-.01em}
.pt-filters{display:flex;flex-wrap:wrap;gap:8px}
.pt-filters button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;
  font:inherit;font-size:.84rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pt-filters button:hover{border-color:var(--accent)}
.pt-filters button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}

.pt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:16px}
.pt-cell{display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--line);background:var(--card);
  border-radius:12px;padding:11px 13px;cursor:pointer;font:inherit;color:var(--ink);
  transition:border-color .2s,transform .3s cubic-bezier(.22,1,.36,1),background .2s}
.pt-cell:hover{border-color:var(--accent);transform:translateY(-2px)}
.pt-cell.is-sel{background:var(--ink);border-color:var(--ink);color:#fff}
.pt-cell.is-sel .pc-m{color:#B9C4C9}
.pt-cell[hidden]{display:none}
.pt-cell .pc-n{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pt-cell .pc-p{font-family:var(--serif);font-size:1.18rem;letter-spacing:-.01em;line-height:1.15}
.pt-cell .pc-m{font-size:.82rem;color:var(--ink-2)}
@media(max-width:600px){
  .pt-grid{grid-template-columns:repeat(3,1fr);gap:6px}
  .pt-cell{padding:9px 10px;border-radius:10px}
  .pt-cell .pc-n{font-size:.6rem;letter-spacing:.1em}
  .pt-cell .pc-p{font-size:1rem}
  .pt-cell .pc-m{font-size:.74rem}
  .pt-grid.is-collapsed .pt-cell:nth-child(n+13){display:none}
}
.pt-more{display:none;margin:12px auto 0;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;
  padding:10px 18px;font:inherit;font-size:.88rem;cursor:pointer}
@media(max-width:600px){.pt-grid.is-collapsed+.pt-more{display:block}}
.pt-list-note{margin-top:14px;font-size:.86rem;color:var(--ink-2);line-height:1.6;max-width:72ch}

/* štítok „Najviac na výber" nesmie prekryť nadpis karty */
.tier.hl .tz{padding-right:130px}

/* ---------- vybraná parcela vo formulári ---------- */
.pt-tag{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 14px;padding:10px 14px;border-radius:12px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.88rem}
.pt-tag[hidden]{display:none}
.pt-tag button{border:none;background:none;color:#B9C4C9;cursor:pointer;font:inherit;font-size:.82rem;text-decoration:underline;text-underline-offset:3px}

@media(prefers-reduced-motion:reduce){.pt-svg path,.pt-cell,.pt-hero-media img{transition:none}}