/* Kaynak: PROTOTIP_VITRIN/index.html (kullanıcı onaylı tasarım). Tema değişkenleri _Layout'ta tenant temasıyla ezilir. */
/* ============ sayfa.css — galeri, blog, 360, form sayfaları ============ */
/* ---- blog ---- */
.post-first{display:grid;gap:14px;text-align:left;width:100%;padding-bottom:22px}
.post-first .ph{aspect-ratio:3/2;margin-inline:calc(-1*var(--pad))}
.post-first h2{font:500 clamp(32px,7vw,56px)/1 var(--serif);color:var(--ink);margin:8px 0 10px}
.post-row{display:grid;grid-template-columns:1fr 84px;gap:14px;align-items:start;width:100%;padding:16px 0;border-top:1px solid var(--line);text-align:left}
.post-row h3{font:600 24px/1.1 var(--serif);color:var(--ink);margin:4px 0 6px}
.post-row p,.post-first p{font-size:14.5px;line-height:1.5}
.post-row .ph{aspect-ratio:1}
.post-row:active h3,.post-first:active h2{font-style:italic}
.date{font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.article{max-width:680px;margin-inline:auto}
.article h1{font:500 clamp(38px,8vw,68px)/1 var(--serif);color:var(--ink);letter-spacing:-.015em;margin:10px 0 14px}
.article .ph{aspect-ratio:3/2;margin:20px calc(-1*var(--pad))}
.article .body p{font-size:17px;line-height:1.7;margin-bottom:16px}
.article .body p:first-child::first-letter{font:500 64px/.8 var(--serif);float:left;padding:6px 8px 0 0;color:var(--brand)}
.article-end{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:8px;padding-top:6px}
@media (min-width:900px){
  .post-first{grid-template-columns:7fr 5fr;gap:44px;align-items:end;padding-bottom:40px}
  .post-first .ph{margin:0}
  .post-row{grid-template-columns:140px 1fr 120px;gap:32px;padding:22px 0}
  .post-row .date{grid-column:auto;padding-top:10px}
  .article .ph{margin-inline:-90px}
}



/* ============ Uygulamaya özgü eklemeler ============ */
.gallery-sec,.blog-sec{padding-top:0}
.post-row.noimg{grid-template-columns:1fr}
@media (min-width:900px){.post-row.noimg{grid-template-columns:140px 1fr}}
.more-posts{padding-top:0}
.article .body{margin-top:8px}

/* ---- 360 ---- */
.tour{position:relative;height:min(68svh,620px);background:var(--brand-deep);overflow:hidden;display:grid;place-items:center}
.tour-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.tour-open{position:relative;z-index:1}
.tour.on iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tour-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-block:10px 40px;border-bottom:1px solid var(--line)}

/* ---- dinamik form ---- */
.dform{max-width:640px}
.fld select{width:100%;min-height:44px;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;font-size:17px;padding:6px 0;outline:0}
.fld-set{margin-top:16px}
.fld-set legend{font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-bottom:6px}
.fld-set.bad legend,.ppl.bad .eyebrow{color:var(--accent-ink)}
.fld-help{font-size:12.5px;color:var(--muted);margin-top:4px}
.ppl .qty b{min-width:28px}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.consent{margin-top:18px;border:0}
.form-note{margin-top:10px}
.form-ok{padding:12px 0 30px}
.form-side{align-self:start}


/* 360 sanal tur (yüklenen fotoğraflar) kendi dosyasında: sanal-tur.css */