/* home.css - Home page only (Views/Home/Index.cshtml). Builds on public.css tokens and components.
   Pafta parts use --pf-pub-* / mum tokens (themed); Ekran parts keep --pf-video-* / --pf-cat-* (theme-invariant),
   and category colours appear only on navy. Static rules are the final state; motion sits under no-preference. */

/* == Hero == */
.pfp-home-hero{padding-block:clamp(2.25rem,1.25rem + 3.5vw,5rem) clamp(2.75rem,1.5rem + 4.5vw,6rem);border-bottom:1px solid var(--mum-color-border)}
.pfp-home-hero__grid{gap:clamp(2rem,1.25rem + 2.5vw,3.5rem)}
.pfp-home-hero__text{display:grid;gap:1.25rem;justify-items:start}
.pfp-home-hero__title{max-width:15ch}
.pfp-home-hero__lead{font-size:var(--pf-pub-fs-lead);line-height:1.6;color:var(--mum-color-text-muted);max-width:34rem}
/* Output row drawn as a measurement: dashed rules above and below, a boxed mono label */
.pfp-home-hero__spec{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;padding:.55rem .1rem;border-block:1px dashed var(--pf-pub-ink-soft);font:500 .8125rem/1.4 var(--pf-font-mono);color:var(--pf-pub-ink);font-variant-numeric:tabular-nums}
.pfp-home-hero__spec-label{padding:.15rem .45rem;border:1px solid var(--pf-pub-ink-soft);border-radius:2px;font-size:.6875rem;font-weight:600;letter-spacing:.06em}
.pfp-home-hero__cta{margin-top:.25rem}
.pfp-home-hero__cta .pfp-start-cta__note{order:3}
.pfp-home-hero__visual{min-width:0}
@media (min-width:1024px){
  .pfp-home-hero__grid{align-items:center}
  .pfp-home-hero__text{padding-block:1rem}
}

/* == Measurements == */
.pfp-home-specs{padding-block:clamp(1.25rem,.75rem + 2vw,2.5rem)}

/* == Wizard steps == */
.pfp-home-steps .pfp-route__body p{max-width:32ch}
.pfp-home-after{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:clamp(2rem,1.5rem + 1.5vw,3rem);padding-top:1.25rem;border-top:1px solid var(--mum-color-border)}
.pfp-home-after__label{font:600 .75rem/1.3 var(--pf-font-mono);letter-spacing:.06em;color:var(--pf-pub-ink)}
.pfp-home-after__list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;margin:0;padding:0;list-style:none}
/* System steps: hollow ink stops joined by arrows (the user steps above are solid) */
.pfp-home-after__item{display:inline-flex;align-items:center;gap:.45rem;font-size:.9375rem;font-weight:600;color:var(--mum-color-text)}
.pfp-home-after__item::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--pf-pub-ink)}
.pfp-home-after__item:not(:last-child)::after{content:"→";content:"→" / "";margin-inline-start:.15rem;color:var(--pf-pub-ink-soft);font-weight:400}
.pfp-home-after__link{margin-inline-start:auto}
@media (max-width:767.98px){
  .pfp-home-after{flex-direction:column;align-items:flex-start}
  .pfp-home-after__link{margin-inline-start:0}
}

/* == Filmstrip note == */
.pfp-home-film__note{margin-top:clamp(1.75rem,1.25rem + 1.5vw,2.5rem);max-width:var(--pf-pub-measure)}

/* == Surroundings == */
.pfp-home-area__legend{display:grid;gap:1.75rem;align-content:start}
@media (min-width:1024px){.pfp-home-area{align-items:center}}
/* Replica of the wizard list (app surface, inert) */
.pfp-home-poi .pfp-ui__body{gap:0;padding:0}
.pfp-home-poi__group{padding:.85rem 1rem .35rem;border-bottom:1px solid var(--mum-color-border)}
.pfp-home-poi__cat{display:flex;align-items:center;gap:.6rem;padding-bottom:.4rem;font-size:.875rem;font-weight:700}
.pfp-home-poi__sw{display:grid;place-items:center;width:1.625rem;height:1.625rem;flex:none;border-radius:var(--mum-radius-sm);background:var(--pf-video-navy);color:var(--c)}
.pfp-home-poi__sw svg{width:.95rem;height:.95rem}
.pfp-home-poi__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:.75rem;padding:.55rem 0;border-top:1px dashed var(--mum-color-border)}
.pfp-home-poi__check{display:grid;place-items:center;width:18px;height:18px;box-sizing:border-box;border:1.5px solid var(--mum-color-border-strong);border-radius:5px;background:var(--mum-color-surface);color:var(--mum-on-accent)}
.pfp-home-poi__check.is-on{background:var(--mum-accent);border-color:var(--mum-accent)}
.pfp-home-poi__check svg{width:12px;height:12px;stroke-width:3}
.pfp-home-poi__main{display:grid;gap:.1rem;min-width:0}
.pfp-home-poi__name{overflow:hidden;font-weight:600;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}
.pfp-home-poi__time{font:500 .75rem/1.3 var(--pf-font-mono);color:var(--mum-color-text-muted);white-space:nowrap}
.pfp-home-poi__dist{font:600 .8125rem/1 var(--pf-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.pfp-home-poi__pin{display:grid;place-items:center;width:28px;height:28px;box-sizing:border-box;border:1px solid var(--mum-color-border);border-radius:var(--mum-radius-sm);color:var(--mum-color-text-muted)}
.pfp-home-poi__pin svg{width:14px;height:14px}
.pfp-home-poi__row.is-off .pfp-home-poi__name,
.pfp-home-poi__row.is-off .pfp-home-poi__dist{color:var(--mum-color-text-muted);font-weight:500}
.pfp-home-poi__row.is-off .pfp-home-poi__name{text-decoration:line-through;text-decoration-color:var(--mum-color-border-strong)}
.pfp-home-poi__foot{display:flex;align-items:center;padding:.6rem .75rem;background:var(--mum-color-surface-2)}

/* == Narration == */
.pfp-home-voice__text{display:grid;gap:1.75rem;align-content:start}
.pfp-home-voice__list{gap:1.1rem}
.pfp-home-voice__list > li{line-height:1.6}
.pfp-home-voice__langs{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}
.pfp-home-voice__lang{display:grid;place-items:center;min-width:2.75rem;height:2.125rem;padding:0 .5rem;box-sizing:border-box;border:1px solid var(--pf-pub-ink-soft);border-radius:var(--mum-radius-sm);color:var(--pf-pub-ink);font:600 .8125rem/1 var(--pf-font-mono);letter-spacing:.04em}
.pfp-home-voice__lang:first-child{border-color:var(--pf-pub-ink);box-shadow:inset 0 -2px 0 var(--pf-pub-ink)}
@media (min-width:1024px){.pfp-home-voice{align-items:center}}

/* == Access route == */
.pfp-home-route__text{display:grid;gap:1.5rem;justify-items:start}
.pfp-home-route__specs{width:100%;margin:0;display:grid;border-top:1px solid var(--mum-color-border)}
.pfp-home-route__row{display:grid;gap:.25rem;padding:.85rem 0;border-bottom:1px solid var(--mum-color-border)}
.pfp-home-route__row dt{font:600 .75rem/1.6 var(--pf-font-mono);letter-spacing:.06em;color:var(--pf-pub-ink)}
.pfp-home-route__row dd{margin:0;color:var(--mum-color-text)}
.pfp-home-route__row .pfp-sample{margin-inline-start:.25rem;vertical-align:.1em}
@media (min-width:640px){.pfp-home-route__row{grid-template-columns:8.5rem minmax(0,1fr);gap:1rem}}
@media (min-width:1024px){.pfp-home-route{align-items:center}}

/* Plat: a small pafta drawing (themed), labels positioned in % of the 4:3 frame */
.pfp-home-plat{margin:0;display:grid;gap:.65rem}
.pfp-home-plat__frame{position:relative;aspect-ratio:4 / 3;overflow:hidden;container-type:inline-size;border:1px solid var(--pf-pub-sheet-edge);border-radius:var(--mum-radius-sm);background:var(--mum-color-surface);box-shadow:6px 6px 0 -1px var(--pf-pub-paper-2),6px 6px 0 0 var(--pf-pub-sheet-edge)}
.pfp-home-plat__svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.pfp-home-plat__grid{fill:none;stroke:var(--pf-pub-grid-major);stroke-width:1}
.pfp-home-plat__lots{fill:none;stroke:var(--pf-pub-ink-soft);stroke-width:1;stroke-linejoin:round;opacity:.7}
.pfp-home-plat svg :is(.pfp-home-plat__street-edge,.pfp-home-plat__street,.pfp-home-plat__road-edge,.pfp-home-plat__road,.pfp-home-plat__route){fill:none;stroke-linecap:round;stroke-linejoin:round}
.pfp-home-plat__street-edge{stroke:var(--pf-pub-ink-soft);stroke-width:9}
.pfp-home-plat__street{stroke:var(--pf-pub-road);stroke-width:7}
.pfp-home-plat__road-edge{stroke:var(--pf-pub-ink-soft);stroke-width:16}
.pfp-home-plat__road{stroke:var(--pf-pub-road);stroke-width:13}
.pfp-home-plat__route{stroke:var(--pf-pub-ink);stroke-width:3;stroke-dasharray:9 7}
.pfp-home-plat__parcel{fill:rgba(185,28,28,.12);fill:color-mix(in srgb,var(--pf-pub-parcel-ink) 14%,transparent);stroke:var(--pf-pub-parcel-ink);stroke-width:2.5;stroke-linejoin:round}
.pfp-home-plat__tick{fill:none;stroke:var(--pf-pub-ink-soft);stroke-width:1.2;stroke-dasharray:3 3}
.pfp-home-plat__poi{fill:var(--mum-color-surface);stroke:var(--pf-pub-ink);stroke-width:2}
.pfp-home-plat__start{fill:var(--mum-color-surface);stroke:var(--pf-pub-ink);stroke-width:2.5}
.pfp-home-plat__start-dot{fill:var(--pf-pub-ink)}
.pfp-home-plat__north circle{fill:var(--mum-color-surface);stroke:var(--pf-pub-ink-soft);stroke-width:1.2}
.pfp-home-plat__north path{fill:var(--pf-pub-ink)}
.pfp-home-plat__north text{fill:var(--pf-pub-ink);font:700 10px var(--pf-font-mono);text-anchor:middle;dominant-baseline:central}
.pfp-home-plat__lbl,.pfp-home-plat__readout,.pfp-home-plat__stamp{position:absolute;font-family:var(--pf-font-mono);font-size:11px;font-size:clamp(10px,2.9cqi,13px);font-variant-numeric:tabular-nums;white-space:nowrap}
.pfp-home-plat__lbl{display:inline-flex;align-items:center;padding:.3em .65em;border:1px solid var(--pf-pub-ink);border-radius:999px;background:var(--mum-color-surface);color:var(--pf-pub-ink);font-weight:600;line-height:1.2}
.pfp-home-plat__lbl--start{left:3%;top:80%;translate:0 -100%}
.pfp-home-plat__lbl--left{left:32.6%;top:58.6%;translate:-50% calc(-100% - 9px)}
.pfp-home-plat__lbl--right{left:68%;top:62%;translate:-50% 9px}
.pfp-home-plat__readout{left:4%;top:5%;display:grid;gap:.2em;padding:.45em .7em;border:1px solid var(--pf-pub-ink-soft);border-radius:var(--mum-radius-sm);background:var(--mum-color-surface);line-height:1.2}
.pfp-home-plat__readout-k{font-size:.78em;font-weight:600;letter-spacing:.06em;color:var(--pf-pub-ink)}
.pfp-home-plat__readout-v{font-weight:600;color:var(--mum-color-text)}
.pfp-home-plat__stamp{right:0;bottom:0;padding:.35em .7em;border-top:1px solid var(--pf-pub-ink-soft);border-left:1px solid var(--pf-pub-ink-soft);background:var(--pf-pub-paper);color:var(--pf-pub-ink);font-size:10px;font-size:clamp(9px,2.3cqi,11px);font-weight:600;letter-spacing:.06em}
.pfp-home-plat > figcaption{font-size:.8125rem;line-height:1.5;color:var(--mum-color-text-muted)}

/* == Audiences: hairline rows, the heading link covers the row == */
.pfp-home-audiences{margin:0;padding:0;list-style:none;border-top:1px solid var(--mum-color-border)}
.pfp-home-aud{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:.3rem 1rem;align-items:center;padding:1.15rem .25rem;border-bottom:1px solid var(--mum-color-border)}
.pfp-home-aud__glyph{grid-row:1 / span 2;align-self:start;width:40px;height:40px}
.pfp-home-aud__glyph svg{display:block;width:100%;height:100%;overflow:visible}
.pfp-home-g-ink{fill:none;stroke:var(--pf-pub-ink);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.pfp-home-g-parcel{fill:rgba(185,28,28,.12);fill:color-mix(in srgb,var(--pf-pub-parcel-ink) 14%,transparent);stroke:var(--pf-pub-parcel-ink);stroke-width:1.75;stroke-linejoin:round}
.pfp-home-g-stone{fill:var(--mum-color-surface);stroke:var(--pf-pub-ink);stroke-width:1.2}
.pfp-home-aud__name{grid-column:2;font-size:var(--pf-pub-fs-h3);font-weight:700;line-height:1.3}
.pfp-home-aud__link{color:inherit;text-decoration:none}
.pfp-home-aud__link::after{content:"";position:absolute;inset:0;border-radius:var(--mum-radius-sm)}
.pfp-home-aud__link:focus-visible{outline:none}
.pfp-home-aud__link:focus-visible::after{outline:2px solid var(--mum-color-focus);outline-offset:2px}
.pfp-home-aud__text{grid-column:2;color:var(--mum-color-text-muted);font-size:.9375rem;line-height:1.55}
.pfp-home-aud__arrow{grid-column:3;grid-row:1 / span 2;width:20px;height:20px;color:var(--pf-pub-link)}
.pfp-home-aud:hover{background:color-mix(in srgb,var(--pf-pub-ink) 5%,transparent)}
.pfp-home-aud:hover .pfp-home-aud__name{color:var(--pf-pub-link)}
@media (min-width:768px){
  .pfp-home-aud{grid-template-columns:48px minmax(11rem,17rem) minmax(0,1fr) 24px;gap:1.5rem;padding:1.4rem .5rem}
  .pfp-home-aud__glyph{grid-row:auto;align-self:center;width:44px;height:44px}
  .pfp-home-aud__text{grid-column:3}
  .pfp-home-aud__arrow{grid-column:4;grid-row:auto}
}

/* == Credits sheet == */
.pfp-home-price{display:grid;gap:1.5rem}
.pfp-home-price__head{display:grid;gap:.6rem;align-content:start}
.pfp-home-price__list{margin:0;padding:0;list-style:none;border-top:1px dashed var(--pf-pub-ink-soft)}
.pfp-home-price__item{display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:baseline;padding:.85rem 0;border-bottom:1px dashed var(--pf-pub-ink-soft);font:600 .9375rem/1.45 var(--pf-font-mono);font-variant-numeric:tabular-nums;color:var(--mum-color-text)}
.pfp-home-price__num{font-size:.75rem;font-weight:500;color:var(--pf-pub-ink)}
.pfp-home-price__more{justify-self:start}
@media (min-width:768px){
  .pfp-home-price{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:2.5rem;align-items:start}
  .pfp-home-price__more{grid-column:2;margin-top:-.75rem}
}

/* == FAQ == */
.pfp-home-faq__more{margin-top:1.25rem}

/* == Motion (hover only; scroll reveal comes from public.css) == */
@media (prefers-reduced-motion:no-preference){
  .pfp-home-aud{transition:background-color var(--mum-duration-fast,140ms) var(--mum-ease)}
  .pfp-home-aud__arrow{transition:translate var(--mum-duration,220ms) var(--mum-ease)}
  .pfp-home-aud:hover .pfp-home-aud__arrow{translate:4px 0}
}

/* Guides block (Turkish home page) */
.pfp-home-guides{list-style:none;margin:1.25rem 0 1rem;padding:0;display:grid;gap:.25rem 2rem}
@media (min-width:768px){.pfp-home-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}