/* Müşteri temasına bizim eklerimiz (kurallardan doğan farklar): Instagram kartı (iframe yerine yerel kapak / video),
   form tuzak alanı, WordPress kabuğundaki öne çıkan görsel (index.php'deki satır içi stil), sistem bulucu önizlemesi
   (data: adresi yerine tuval). Katmansız. */

/* Instagram kartı: iframe'in yerinde aynı boyutta kapak ya da oynatıcı (BRIEF 5) */
.igc .igk,.igc .igv{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.igc .igk img,.igc .igv{width:100%;height:100%;object-fit:cover;display:block}
.igc .igv{background:#120a20}
.igk-oyna{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(18,10,32,.55);box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;pointer-events:none;transition:transform .25s,background .25s}
.igk-oyna::before{content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.igk:hover .igk-oyna,.igk:focus-visible .igk-oyna{transform:scale(1.08);background:rgba(18,10,32,.75)}

/* cms-form tuzak alanı: görünmez, ekran okuyucudan gizli */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* WordPress kabuğu (index.php): the_post_thumbnail style="width:100%;height:auto;border-radius:20px;margin-bottom:26px" */
.m-kapak{width:100%;height:auto;border-radius:20px;margin-bottom:26px}
/* index.php: <p class="mu" style="font-size:.85rem"> */
.m-tarih{font-size:.85rem}

/* Sistem bulucu fotoğraf önizlemesi: img yerine canvas (aynı kurallar) */
.wup canvas{max-height:180px;max-width:100%;border-radius:14px}
.wprev canvas{max-width:100%}

/* /protez-sac-fiyatlari/ (BRIEF 8): gösterge iğnesinin başlangıcı (müşteri temasındaki formül: 4 + ağırlık × 0,92 %) ve tablo aralığı */
.m-pin{left:4%}
.m-fiyat-tbl{margin-top:22px}
/* Bölüm başlığından sonraki paragraf: müşteri .head p / .bt .lede ölçüsü (renk, 1.08rem, başlıkla 18 px aralık) */
.m-fiyat .sec .lede{color:var(--mu-l);font-size:1.08rem;max-width:56ch;margin-top:18px}
/* SSS yan sütunu düğmeleri: müşteri .acts düzeni (yan yana, 12 px aralık, paragraftan 22 px aşağıda) */
.m-fiyat .faqside .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
/* Başlıktan sonraki adım listesi başlığa yapışmasın (müşteri .head ile içerik arası ölçüsü) */
.m-fiyat .h2+.ci{margin-top:22px}

/* Öncesi/sonrası sürgüsü (BRIEF 10c): konumu ada işaretçiyle verir; gizli aralık girdisi yalnız klavye ve ekran okuyucu
   için kalır (işaretçi olayı almaz). İmleç müşteri temasındaki gibi ew-resize (önceden girdinin üstündeydi). */
.ba[data-ba]{cursor:ew-resize}
.ba[data-ba] input{pointer-events:none}

/* Sistem bulucu iletişim adımı: önerilen sistem gönderimden önce (müşterinin sonuç kartı .wres); formla arası */
.wres-on{margin-bottom:22px}

/* 1024-1279 px: gizli "Kurumsal" açılır menüsü (.ddm) görünüm alanının sağından taşıp yatay kaydırma (78 px) açıyordu.
   Yalnız yatay eksende kırpılır; menü aşağı doğru açılmaya devam eder, görünüm aynı (müşteri teması hatası, koordinatör 05.11). */
nav.main{overflow-x:clip}

/* Erişilebilirlik (yalnız klavye odağı; fare görünümü değişmez): müşteri temasındaki all:unset odak çizgisini siliyordu */
.dd>button:focus-visible,.qlang button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Sistem bulucu fotoğraf rızası: çok satırlı etikette kutu üstte (müşterinin /randevu/ label.check.full kalıbı); tek satırlık KVKK kutusu etkilenmez (Ajan 4 tur 3) */
.wform .wk:has(#wriza){align-items:flex-start}
.wform #wriza{margin-top:3px}