/* Etkileşimli yetiştirme videosu (2026-11-08) */
.yk-sec{padding:28px 0 56px}
.yk-bas{max-width:760px;margin:0 0 22px}
.yk-bas h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(30px,4.4vw,48px);line-height:1.08;margin:6px 0 10px;color:var(--my-ink)}
.yk-bas p{margin:0;color:#4A5440;font-size:17px;line-height:1.55}
.yk{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:start}
.yk-sahne{position:relative;border-radius:22px;overflow:hidden;background:#F4E9D3;box-shadow:0 1px 0 rgba(38,48,30,.06),0 18px 40px -24px rgba(38,48,30,.35)}
.yk-tuval{display:block;width:100%;aspect-ratio:10/9;cursor:pointer}
.yk-buyuk{position:absolute;inset:0;margin:auto;width:96px;height:96px;border-radius:50%;border:0;background:var(--my-forest);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px -8px rgba(31,90,51,.6);transition:transform .2s}
.yk-buyuk:hover{transform:scale(1.06)}
.yk.basladi .yk-buyuk{display:none}
.yk-kontrol{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--my-paper);border-top:1px solid var(--my-line)}
.yk-ikon{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--my-line);background:#fff;color:var(--my-ink);display:grid;place-items:center;cursor:pointer;font:700 13px var(--font)}
.yk-ikon .i-dur{display:none}.yk.oyn .yk-ikon .i-dur{display:block}.yk.oyn .yk-ikon .i-oyn{display:none}
.yk-cubuk{position:relative;flex:1;height:10px;border-radius:6px;background:var(--my-sage);cursor:pointer;touch-action:none}
.yk-cubuk:focus-visible{outline:2px solid var(--my-forest);outline-offset:4px}
.yk-dolu{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--my-leaf);width:0}
.yk-sure{flex:none;font:600 14px var(--font);color:#4A5440;font-variant-numeric:tabular-nums;min-width:36px}
.yk-adimlar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.yk-adimlar button{display:flex;align-items:center;gap:8px;border:1px solid var(--my-line);background:#fff;border-radius:999px;padding:8px 14px 8px 8px;font:600 14px var(--font);color:var(--my-ink);cursor:pointer}
.yk-adimlar button span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--my-sage);color:var(--my-forest);font-size:13px}
.yk-adimlar button[aria-current="step"]{border-color:var(--my-forest);background:var(--my-forest);color:#fff}
.yk-adimlar button[aria-current="step"] span{background:#fff}
.yk-panel{background:var(--my-paper);border:1px solid var(--my-line);border-radius:22px;padding:24px 24px 22px}
.yk-adim{margin:0;font:700 13px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--my-leaf)}
.yk-panel h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(24px,2.6vw,32px);line-height:1.12;margin:8px 0 6px;color:var(--my-ink)}
.yk-gun{margin:0 0 10px;font:600 14px var(--font);color:var(--my-sky);min-height:1.2em}
.yk-metin{margin:0 0 16px;font-size:17px;line-height:1.6;color:#3D4734}
.yk-kosul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.yk-kosul li{background:var(--my-sage);border-radius:14px;padding:10px 12px}
.yk-kosul span{display:block;font:700 11px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--my-leaf)}
.yk-kosul b{display:block;font:600 15px/1.3 var(--font);color:var(--my-ink);margin-top:2px}
.yk-araclar{margin-top:18px;padding-top:16px;border-top:1px solid var(--my-line);display:grid;gap:14px}
.yk-gunsec label{display:flex;justify-content:space-between;font:700 14px var(--font);color:var(--my-ink);margin-bottom:6px}
.yk-gunsec output{color:var(--my-forest)}
.yk-gunsec input{width:100%;accent-color:var(--my-forest)}
.yk-gunsec small{display:block;color:#5E6754;font-size:13px;margin-top:4px}
.yk-sec-satir{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font:500 14px var(--font);color:#3D4734}
.yk-sec-satir label{display:flex;align-items:center;gap:6px;cursor:pointer}
.yk-sec-satir input{accent-color:var(--my-forest)}
.yk-video{border:1px solid var(--my-forest);background:#fff;color:var(--my-forest);border-radius:999px;padding:9px 16px;font:700 14px var(--font);cursor:pointer}
.yk-video:disabled{opacity:.7;cursor:progress}
.yk-not{margin:18px 0 0;font-size:14px;color:#5E6754}
.yk-metinsurum{margin-top:44px}
.yk-metinsurum h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:28px;margin:0 0 14px}
.yk-metinsurum ol{margin:0;padding-left:22px;display:grid;gap:12px;max-width:760px}
.yk-metinsurum li{line-height:1.6;color:#3D4734}
.yk-metinsurum li b{color:var(--my-ink)}
.yk-cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.yk-canli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:900px){
  .yk{grid-template-columns:1fr}
  .yk-buyuk{width:76px;height:76px}
  .yk-panel{padding:20px 18px}
  .yk-kosul b{font-size:14px}
}
@media (max-width:420px){.yk-kosul{grid-template-columns:1fr}}
.yk-cta .btn{white-space:normal;text-align:center;max-width:100%}
/* kapak karesi: oynat düğmesi sol sütunda, yazının yanında (canvas 1200x1080 → %) */
.yk-sahne{container-type:inline-size}
.yk:not(.basladi) .yk-buyuk{inset:auto;left:6.67cqw;top:58.3cqw;margin:0;width:8cqw;height:8cqw}
.yk-evre{margin:0;font-size:15px;line-height:1.55;color:#3D4734}
.yk-evre a{color:var(--my-forest);font-weight:700}
.yk-vurgu{margin:0 0 16px;padding:12px 16px;border-radius:14px;background:#FFC93B;border:2px solid var(--my-ink);font:900 20px/1.25 var(--font);letter-spacing:.02em;color:var(--my-ink)}
.yk-vurgu-satir{display:block;margin-top:4px;font-size:18px;font-weight:900;color:var(--my-ink)}
