/* ===========================================================
   THE TURN ROASTERY — Sayfa düzenleri (Faz 2 & 4)
   Ana sayfa blokları · Koleksiyon · Ürün şablonu
   =========================================================== */

/* ---------- Ana sayfa: manifesto hero ---------- */
.hero{padding-block:var(--space-12) var(--space-8)}
@media (min-width:1024px){.hero{padding-block:var(--space-16) var(--space-12)}}
.hero__grid{display:grid;gap:var(--space-10);grid-template-columns:1fr;align-items:end}
@media (min-width:1024px){.hero__grid{grid-template-columns:1.35fr .65fr;gap:var(--space-16)}}
.hero h1{margin-block:var(--space-5) var(--space-6)}
.hero h1 em{font-style:italic;color:var(--accent)}
.hero__aside{
  display:flex;flex-direction:column;gap:var(--space-5);
  border-left:1px solid var(--border);padding-left:var(--space-6);
}
@media (max-width:1023px){.hero__aside{border-left:0;border-top:1px solid var(--border);padding:var(--space-6) 0 0}}
.hero__cta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}

/* ---------- Sayısal şerit ---------- */
.stats{
  display:grid;gap:1px;background:var(--border);
  grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);
}
@media (min-width:768px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stats > div{background:var(--surface);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}
.stats .n{
  font-family:var(--font-mono);font-size:clamp(1.5rem,3vw,2rem);font-weight:500;
  font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.01em;
}
.stats .n small{font-size:.55em;color:var(--text-muted);margin-left:4px;font-weight:400}
.stats .k{
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;
  text-transform:uppercase;color:var(--text-subtle);
}

/* ---------- Editoryal blok ---------- */
.editorial{display:grid;gap:var(--space-10);grid-template-columns:1fr;align-items:center}
@media (min-width:900px){
  .editorial{grid-template-columns:1fr 1fr;gap:var(--space-16)}
  .editorial--flip > :first-child{order:2}
}
.editorial__body{display:flex;flex-direction:column;gap:var(--space-5);max-width:56ch}
.portrait{
  aspect-ratio:4/5;position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--copper-800),var(--navy-800) 70%);
  display:grid;place-items:center;
}
.portrait::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(80% 60% at 30% 20%,rgba(255,255,255,.14),transparent 65%);
}
.portrait figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:var(--space-5);
  background:linear-gradient(to top,rgba(11,21,38,.85),transparent);
  color:var(--sand-50);font-family:var(--font-mono);font-size:var(--fs-label);
  letter-spacing:.1em;text-transform:uppercase;z-index:1;
}
.portrait__mark{width:38%;opacity:.22}
.portrait__mark .u{fill:var(--sand-50)}

/* ---------- Abonelik bandı ---------- */
.band{padding-block:var(--space-16)}
.band__in{display:grid;gap:var(--space-8);grid-template-columns:1fr;align-items:center}
@media (min-width:900px){.band__in{grid-template-columns:1.1fr .9fr;gap:var(--space-16)}}
.band ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.band li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:baseline;font-size:var(--fs-sm)}
.band li::before{content:"—";color:var(--accent)}

/* ---------- Rehber kartları ---------- */
.guides{display:grid;gap:var(--space-6);grid-template-columns:1fr}
@media (min-width:768px){.guides{grid-template-columns:repeat(3,1fr)}}
.guide{
  border:1px solid var(--border);padding:var(--space-6);
  display:flex;flex-direction:column;gap:var(--space-3);min-height:200px;
  transition:border-color var(--dur-base) var(--ease-hover),
             background-color var(--dur-base) var(--ease-hover);
}
.guide:hover{border-color:var(--text);background:var(--surface-sunken)}
.guide__ratio{
  font-family:var(--font-mono);font-size:var(--fs-data);color:var(--accent);
  margin-top:auto;font-variant-numeric:tabular-nums;
}

/* ---------- Koleksiyon ---------- */
.collection__head{display:grid;gap:var(--space-6);grid-template-columns:1fr;align-items:end}
@media (min-width:900px){.collection__head{grid-template-columns:1.4fr .6fr}}
.result-count{
  font-family:var(--font-mono);font-size:var(--fs-data);color:var(--text-muted);
  font-variant-numeric:tabular-nums;
}
.empty{
  border:1px dashed var(--border-strong);padding:var(--space-16) var(--space-6);
  text-align:center;color:var(--text-muted);
}

/* ---------- Ürün sayfası ---------- */
.pdp-hero{padding-block:var(--space-10) var(--space-16)}
.pdp-hero__grid{display:grid;gap:var(--space-8);grid-template-columns:1fr}
@media (min-width:900px){
  .pdp-hero__grid{grid-template-columns:1.15fr .85fr;gap:var(--space-12);align-items:start}
}
.pdp-media{position:sticky;top:96px}
@media (max-width:899px){.pdp-media{position:static}}
.pdp-title{margin-block:var(--space-4) var(--space-5)}
.pdp-notes{
  display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);
  font-family:var(--font-display);font-size:var(--fs-h2);line-height:1.3;
  color:var(--text-muted);
}
.pdp-notes span:not(:last-child)::after{content:" ·";color:var(--accent);margin-left:var(--space-2)}
.breadcrumb{
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.1em;
  text-transform:uppercase;color:var(--text-subtle);
  display:flex;gap:var(--space-2);flex-wrap:wrap;
}
.breadcrumb a:hover{color:var(--accent)}

.pdp-section{padding-block:var(--space-16);border-top:1px solid var(--border)}
/* Hero ile künye tek kapta ve tek fikir: aralarında ayırıcı
   çizgi yok. Diğer .pdp-section'lar çizgisini koruyor. */
.pdp-section--orbit{border-top:0}
.pdp-section__head{
  display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-8);
}
@media (min-width:900px){
  .pdp-section__head{grid-template-columns:220px 1fr;gap:var(--space-10);align-items:baseline}
}

/* ===========================================================
   rev 2 — ürün sayfası: ortalanmış, simetrik
   =========================================================== */
.pdp2{padding-block:var(--space-16) var(--space-4);text-align:center}
.pdp2__name{margin-block:var(--space-5) var(--space-5)}
.pdp2__badges{
  display:flex;gap:var(--space-2);justify-content:center;
  flex-wrap:wrap;margin-top:var(--space-6);
}
.pdp2__drag{
  text-align:center;color:var(--text-subtle);
  font-family:var(--font-mono);font-size:var(--fs-label);
  letter-spacing:var(--track-label);text-transform:uppercase;
  margin-top:calc(var(--space-8) * -1);
}
.pdp-section__center{
  text-align:center;display:flex;flex-direction:column;
  gap:var(--space-3);align-items:center;margin-bottom:var(--space-10);
}
.paper{padding-block:var(--space-16)}
.paper .pdp-section{border-top:0;padding-block:0}

/* Krem bölümlerde bölüm başlıkları poster ölçeğini korur */
.paper .sec-head{border-bottom-color:var(--border)}


/* Yüzen kapsüllerin altında kalan ilk bölüme nefes payı */
main > .section--tight:first-child{padding-block-start:var(--space-24)}