/* ---------- Hero: metin + bantlı fotoğraf kolajı ---------- */
.hero{padding-block:clamp(40px,5vw,72px) clamp(56px,7vw,104px)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
@media (max-width:880px){.hero-grid{grid-template-columns:1fr}}
.hero h1{font-size:var(--fs-hero);line-height:1.08;max-width:16ch;margin-top:14px}
.hero h1 em{font-style:normal}
.hero .lede{margin-top:22px}
.hero .btn-row{margin-top:30px}

.collage{position:relative;min-height:540px}
.collage .print{position:absolute;margin:0}
.collage .c1{top:0;left:0;width:64%;rotate:-3deg;z-index:1}
.collage .c2{bottom:4%;right:0;width:58%;rotate:2.5deg;z-index:2}
.collage .c3{bottom:-2%;left:0;width:32%;rotate:-7deg;z-index:3}
.collage .c1 .ph,.collage .c2 .ph{aspect-ratio:4/3}
.collage .c3 .ph{aspect-ratio:1}
.collage .c3::before{left:30%;rotate:14deg}
@media (max-width:880px){
  .collage{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;padding-top:12px}
  .collage .print{position:relative;inset:auto;width:auto}
  .collage .c1{grid-column:1 / -1;width:88%}
  .collage .c2{grid-column:2;margin-top:-56px}
  .collage .c3{display:none}
}

/* ---------- Rakamlar: kâğıt etiket şeridi ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1.5px dashed var(--line);border-radius:var(--radius-sm);rotate:-.4deg;box-shadow:0 6px 14px -8px rgba(60,40,15,.3)}
@media (max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{padding:22px 24px;display:grid;gap:2px;align-content:start}
.stat + .stat{border-left:1.5px dashed var(--line)}
@media (max-width:820px){.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1.5px dashed var(--line)}}
.stat-value{font-family:var(--font-display);font-size:clamp(2rem,1.6rem + 1.4vw,2.8rem);line-height:1.05;font-variant-numeric:tabular-nums}
.stat-value small{font-size:.45em;margin-left:4px;color:var(--muted)}
.stat-label{font-weight:700;margin-top:6px}
.stat-src{font-size:var(--fs-xs);color:var(--muted)}

/* ---------- Altı özellik: dikişli iki sütun ---------- */
.traits{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(32px,5vw,72px)}
@media (max-width:760px){.traits{grid-template-columns:1fr}}
.trait{display:grid;gap:6px;padding-block:22px;border-top:1.5px dashed var(--line)}
.trait h3{font-size:1.45rem}
.trait h3::before{content:"✓";font-family:var(--font-hand);font-size:1.7rem;color:var(--orange);margin-right:10px;display:inline-block;rotate:-8deg}

.geo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;margin-top:clamp(64px,8vw,104px)}
@media (max-width:820px){.geo{grid-template-columns:1fr}}
.geo .ph{aspect-ratio:4/3}
/* tek başına duran .ph'leri baskı gibi çerçevele */
.geo .ph,.story .ph{border:10px solid var(--paper);border-bottom-width:14px;box-shadow:var(--shadow);border-radius:0}
.geo .ph{rotate:-1.5deg}
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.checklist li{display:grid;grid-template-columns:26px 1fr;gap:10px}
.checklist li::before{content:"✓";font-family:var(--font-hand);font-size:1.6rem;line-height:1;color:var(--orange);rotate:-8deg}

/* ---------- Hikâye ---------- */
.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,80px);align-items:start}
@media (max-width:880px){.story{grid-template-columns:1fr}}
.story .ph{aspect-ratio:4/5;rotate:-2deg;background-image:url(../images/anit.jpg)}
.timeline{list-style:none;margin:32px 0 0;padding:0;display:grid}
.timeline li{display:grid;grid-template-columns:minmax(0,8.5rem) 1fr;gap:16px;padding-block:12px;border-top:1.5px dashed var(--line)}
.timeline b{font-family:var(--font-hand);font-size:1.6rem;line-height:1.1;color:var(--orange-ink)}

/* ---------- Yorumlar ---------- */
.reviews{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:20px;overflow-x:auto;padding:12px 4px 12px;scroll-snap-type:x mandatory}
.review{scroll-snap-align:start}
.review:nth-child(2n){rotate:.6deg}.review:nth-child(2n+1){rotate:-.5deg}
.stars{color:var(--orange);letter-spacing:2px}
.review footer{font-family:var(--font-hand);font-size:1.3rem;color:var(--muted)}

/* ---------- SSS ---------- */
.faq{display:grid;max-width:860px;border-bottom:1.5px dashed var(--line)}
.faq details{border-top:1.5px dashed var(--line)}
.faq summary{cursor:pointer;padding:20px 0;font-family:var(--font-display);font-size:1.25rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-hand);color:var(--orange-ink);font-size:2rem;line-height:.8}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 22px;color:var(--muted);max-width:68ch}