/* Kabin web · Yön D · markalar sayfası: giriş (gömlek modeli + mezura), mağaza örneği, pilot adımları, iki düz cümle, yazışma çağrısı. */
.m-giris { --kl: max(var(--kenar), calc((100vw - var(--kap)) / 2)); --p: 0; min-height: min(100svh, 62rem); overflow: hidden; display: grid; align-content: end; padding: 9rem var(--kl) clamp(3rem, 8vh, 6rem); }
.m-baslik { position: relative; z-index: 1; margin-left: -0.04em; font: 500 min(calc(min(var(--kap), 100vw - 2 * var(--kenar)) / 7.6), 21vh)/0.98 var(--serif); letter-spacing: -0.035em; }
.m-baslik .satir { display: block; white-space: nowrap; }
.m-odak { position: absolute; height: 52%; aspect-ratio: 1; right: calc(var(--kl) - 1%); top: 50%; transform: translateY(-50%); }
.m-giris .sahne-yedek { height: 50%; aspect-ratio: 1; right: var(--kl); top: 50%; transform: translateY(-50%); }
.m-yazi { position: relative; z-index: 3; display: grid; gap: 1.25rem; margin-top: 2rem; width: min(27rem, 100%); }
@media (max-width: 899px) {
  .m-giris { align-content: start; padding-top: 5.5rem; min-height: 100svh; }
  .m-baslik { font-size: min(15.5vw, 5.5rem); }
  .m-odak { height: 31%; width: auto; right: 9vw; top: auto; bottom: 25%; transform: none; }
  .m-yazi { position: absolute; left: var(--kl); right: var(--kl); bottom: 2rem; width: auto; margin: 0; }
  .m-giris .sahne-yedek { height: auto; width: 60vw; right: 20vw; top: auto; bottom: 34%; transform: none; }
}

/* mağaza örneği */
.magaza-bas { display: grid; gap: 1.25rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.magaza { background: var(--surface); border-radius: 2rem; box-shadow: var(--golge-yuzen); overflow: hidden; }
.mg-cubuk { padding: 0.875rem 1.25rem; background: var(--tone); }
.mg-adres { display: inline-block; background: var(--surface); border-radius: var(--r-hap); padding: 0.375rem 1rem; font-size: 0.8125rem; color: var(--textSecondary); }
.mg-govde { display: grid; gap: 1.5rem; padding: clamp(1.25rem, 3vw, 2.5rem); }
.mg-gorsel { background: var(--background); border-radius: 1.25rem; aspect-ratio: 1; display: grid; place-items: center; }
.mg-gorsel img { width: 92%; height: 92%; object-fit: contain; }
.mg-bilgi { display: grid; gap: 1rem; align-content: start; justify-items: start; }
.mg-ad { font: 600 1.375rem/1.2 var(--font); letter-spacing: -0.01em; }
.mg-bedenler { display: flex; gap: 0.5rem; }
.mg-beden { min-width: 3rem; min-height: 3rem; border-radius: 0.5rem; border: 1.5px solid var(--borderStrong); background: var(--surface); font: 600 0.9375rem/1 var(--font); cursor: pointer; }
.mg-beden[aria-pressed='true'] { background: var(--text); color: var(--onPrimary); border-color: var(--text); }
.mg-bul { display: inline-flex; align-items: center; gap: 0.625rem; min-height: 3rem; padding: 0 1.25rem 0 0.75rem; border: 0; border-radius: var(--r-hap); background: var(--tone); font: 600 0.9375rem/1 var(--font); cursor: pointer; }
.mg-bul img { border-radius: 6px; display: block; }
.mg-sepet { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0 2rem; border-radius: 0.5rem; border: 1.5px solid var(--borderStrong); color: var(--textSecondary); font: 600 0.9375rem/1 var(--font); }
.mg-panel { width: min(340px, 100%); }
.mg-panel .kart { background: var(--background); box-shadow: none; }
.mg-panel .bolge-iz { background: var(--tone); }
.mg-panel .oneri-harf { font-size: 64px; }
.mg-sec { border: 0; }
@media (min-width: 900px) { .mg-govde { grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) auto; align-items: start; gap: 2.5rem; } }

/* pilot adımları: düz, numaralı; kart yok */
.pilot-izgara { display: grid; gap: 2.5rem; }
.pilot-liste { list-style: none; margin: 0; padding: 0; display: grid; align-content: start; counter-reset: p; }
.pilot-liste li { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 1rem; row-gap: 0.375rem; counter-increment: p; padding: 1.75rem 0; border-top: 1px solid var(--tone); }
.pilot-liste li:last-child { border-bottom: 1px solid var(--tone); }
/* rakam iki satırı kaplar ama satırları uzatmaz: başlık ile açıklama arasında fazladan boşluk olmasın */
.pilot-liste li::before { content: counter(p); grid-row: 1 / span 2; align-self: start; font: 500 3.25rem/0.9 var(--serif); }
.pilot-liste h3 { font: 600 clamp(1.25rem, 1.7vw, 1.625rem)/1.25 var(--font); letter-spacing: -0.01em; }
.pilot-liste p { grid-column: 2; color: var(--textSecondary); max-width: 26em; }
@media (min-width: 900px) { .pilot-izgara { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(3rem, 6vw, 6rem); } .pilot-sol { position: sticky; top: 3rem; align-self: start; } .pilot-liste { align-self: end; } .pilot-liste li { padding: 2.25rem 0; } .pilot-liste p { font-size: 1.125rem; } }
.pilot-sol { display: grid; gap: 2rem; }

/* iki düz cümle */
.duz { display: grid; gap: clamp(2rem, 5vw, 4rem); }
.duz p { font: 500 clamp(1.6rem, 3.4vw, 2.75rem)/1.18 var(--serif); letter-spacing: -0.015em; max-width: 17em; text-wrap: balance; }
.duz p:nth-child(2) { justify-self: end; }
.duz .leke { background: linear-gradient(transparent 58%, var(--butter) 58% 92%, transparent 92%); }
.duz p:nth-child(2) .leke { background: linear-gradient(transparent 58%, var(--mist) 58% 92%, transparent 92%); }
.yaz-eposta { font: 500 clamp(1.25rem, 2.6vw, 2rem)/1.2 var(--serif); text-underline-offset: 0.2em; text-decoration-thickness: 1px; overflow-wrap: anywhere; }

/* eskiden HTML'de style özniteliğiydi (CSP: satır içi stil yok) */
.bolum.ust-yok { padding-top: 0; }
.ince.ust-1 { margin-top: 1rem; }
@media (pointer: coarse) { .yaz-eposta { display: inline-block; padding-block: 0.6rem; } }

/* alçak yatay ekran (telefon yatay): yazı başlığın altına akar, başlığın üstüne binmez */
@media (max-width: 899px) and (orientation: landscape) and (max-height: 560px) {
  .m-giris { min-height: 0; }
  .m-baslik { font-size: min(15.5vw, 5.5rem, 21vh); }
  .m-yazi { position: relative; left: auto; right: auto; bottom: auto; width: min(27rem, 100%); margin-top: 1.5rem; }
}