/*
 * ictihat.app · yalnız mobil landing düzeni · 29.09.2026
 * ana.css, hero.css ve mobil.css SONRASINDA yüklenir.
 * Ölçüm: olcum.json; bulgu eşlemesi: RAPOR.md.
 * 900px üstünde kural yok. Metin, marker, menü ve düğme tasarımı değişmez.
 * Fiyat bileşeni :has(.ic-hero-search) ile yalnız landing içinde hedeflenir.
 */
@media (max-width: 900px) {
  /* M01 · Üç kökte yinelenen 80px rezerv, toplam 240px ara boşluk. */
  #icerik > .ic-hero.ic-parca,
  #icerik > .urun-sayfasi {
    padding-bottom: 0;
  }

  /* M02 · Hero dış çizgisi 18px, ürün/fiyat 20px: ortak güvenli 18px. */
  #icerik:has(.ic-hero-search) {
    --m-sol: max(18px, env(safe-area-inset-left, 0px));
    --m-sag: max(18px, env(safe-area-inset-right, 0px));
  }

  /* M02 · Hero 600px'te 32px'e atlıyordu; mobil dış çizgi sürekliliği. */
  #icerik > .ic-hero .ic-shell {
    padding-inline: var(--m-sol) var(--m-sag);
  }

  /* M02 · Ürün kabı 100%-40px: hero ile aynı kenarlara hizala. */
  #icerik > .urun-sayfasi .u-wrap {
    inline-size: calc(100% - var(--m-sol) - var(--m-sag));
    margin-inline: var(--m-sol) var(--m-sag);
  }

  /* M02 · Fiyat/SSS dış çizgisi 20px yerine ortak 18px. */
  #icerik:has(.ic-hero-search) .fiyat7 .wrap {
    inline-size: calc(100% - var(--m-sol) - var(--m-sag));
    margin-inline: var(--m-sol) var(--m-sag);
  }

  /* M03 · Bölümlerin 40/56/48px ritmi tek 36px ölçeğine iner. */
  #icerik > .ic-hero .ic-section,
  #icerik > .urun-sayfasi > :is(.isleyis, .denetim, .baglanti),
  #icerik:has(.ic-hero-search) .fiyat7 .section {
    padding-block: 36px;
  }

  /* M04 · 390px'te h2 26-35.2px, fiyat h1 38.4px: bölüm ölçeği 30px. */
  #icerik > .ic-hero :is(.ic-section-title, .ic-scope-heading h2),
  #icerik > .urun-sayfasi .u-title,
  #icerik:has(.ic-hero-search) .fiyat7 :is(#planlar-baslik, h2) {
    max-inline-size: 100%;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 500;
    text-wrap: pretty;
  }

  /* M04 · h3 23-32px; plan h3 ile h2 aynı 32px/500 idi. */
  #icerik > .ic-hero .ic-moment h3,
  #icerik > .urun-sayfasi :is(.flow h3, .answer-head h3, .coverage h3,
    .graph-node h3, .history-intro h3, .purchase h3),
  #icerik:has(.ic-hero-search) .fiyat7 .plan h3 {
    max-inline-size: 100%;
    font-size: 23px;
    line-height: 1.25;
    font-weight: 600;
  }

  /* M05 · Ürün başlık-altmetin mesafesi 22px, uzun girişler 28.9px satırlı. */
  #icerik > .urun-sayfasi .u-lead,
  #icerik:has(.ic-hero-search) .fiyat7 .lead {
    margin-block-start: 16px;
    font-size: 16px;
    line-height: 1.6;
  }

  /* M05 · Kicker 18px ve fiyat etiketleri 16px: ortak 12px başlık arası. */
  #icerik > .urun-sayfasi .u-kicker,
  #icerik:has(.ic-hero-search) .fiyat7 .eyebrow {
    margin-block-end: 12px;
  }

  /* M06 · İlk ekran: hero 26px üst, 30px alt, 28px blok aralığı. */
  #icerik .ic-stage.ic-hero-search {
    padding-block: 20px 24px;
  }

  /* M06 · Intro/güven/örnek arasındaki 28px boşlukları 20px yap. */
  #icerik .ic-stage.ic-hero-search .ic-h-layout {
    gap: 20px;
  }

  /* M06 · Arama ve teklif öncesindeki düşey mesafeyi 16px'e eşitle. */
  #icerik .ic-stage.ic-hero-search :is(.ic-h-search, .ic-h-offer) {
    margin-top: 16px;
  }

  /* M06 · Güven bloğu 195px; 22px üst dolgu ve 18px satır aralığı. */
  #icerik .ic-stage.ic-hero-search .ic-h-trust {
    padding-top: 16px;
    gap: 12px;
  }

  /* M07 · Kullanım kartlarında 24px gap, 28px üst ara: 16/24px ritmi. */
  #icerik > .ic-hero .ic-moments {
    margin-top: 24px;
    gap: 16px;
  }

  /* M08 · Ara marka satırı 83px + 40px alt boşluk: daha kısa bölüm geçişi. */
  #icerik .isleyis .running-head {
    gap: 8px 16px;
    padding-bottom: 16px;
    margin-bottom: 24px;
  }

  /* M08 · İşleyiş giriş kutusunda 28px margin ve 20px yatay dolgu. */
  #icerik .isleyis .moment {
    margin-top: 24px;
    padding: 12px 16px;
  }

  /* M09 · İşleyiş kartları 28px aralıklı; bağlantı çizgisiyle birlikte 16px. */
  #icerik .isleyis .flow {
    gap: 16px;
    margin-top: 24px;
  }

  /* M09 · 56px sol girinti bütün metni 274px'e sıkıştırıyordu. */
  #icerik .isleyis .flow > li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 12px;
    align-content: start;
    padding: 16px;
  }

  /* M09 · Numara mutlak konumdaydı; yalnız başlıkla aynı satırı paylaşır. */
  #icerik .isleyis .step-number {
    position: static;
    grid-column: 1;
    grid-row: 1;
    padding-top: 2px;
  }

  /* M09 · Başlık numaraya hizalanır, açıklamanın genişliği etkilenmez. */
  #icerik .isleyis .flow h3 {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 12px;
  }

  /* M09 · Açıklama ve örnek 56px numara girintisinden kurtulur. */
  #icerik .isleyis .flow > li > :not(.step-number):not(h3) {
    grid-column: 1 / -1;
  }

  /* M09 · Eski 29px çizgi yeni 16px aralıkta sonraki kartı delmesin. */
  #icerik .isleyis .flow > li:not(:last-child)::after {
    block-size: 17px;
  }

  /* M09 · Ok eski +20px konumundan yeni bağlantı aralığına taşınır. */
  #icerik .isleyis .flow > li:not(:last-child)::before {
    inset-block-start: calc(100% + 8px);
  }

  /* M10 · İç alıntı 242px genişlik ve 19px metin: daha geniş 18px alıntı. */
  #icerik .isleyis .question-slip {
    margin-top: 16px;
    padding: 12px;
    font-size: 18px;
    line-height: 1.5;
  }

  /* M10 · Kart içi akış/fork 20px üst aralığı 16px ölçeğine çekilir. */
  #icerik .isleyis :is(.processing, .fork) {
    margin-top: 16px;
  }

  /* M11 · Denetim giriş sorusu 22px iç dolgu, 21px/1.5 alıntı. */
  #icerik .denetim .shared-question {
    padding: 16px;
  }

  /* M11 · 21px denetim gövdesi kısa satırlar ve 34.65px satır yüksekliği. */
  #icerik .denetim :is(.shared-question p, .sentence-text, .unchecked-text) {
    font-size: 18px;
    line-height: 1.55;
  }

  /* M11 · Denetim kart başlığında 20px dolgu + 12px satır aralığı. */
  #icerik .denetim .answer-head {
    padding: 16px;
    gap: 8px 12px;
  }

  /* M11 · Yanıt satırları dış kenardan 40px içerideydi; 16px kart dolgusu. */
  #icerik .denetim .answer-content {
    padding-inline: 16px;
  }

  /* M11 · Her cümlede 48px toplam düşey dolgu: 32px yeterli ayrımı korur. */
  #icerik .denetim .sentence {
    padding-block: 16px;
  }

  /* M11 · Denetim kaydı ve yanıt iç çizgileri aynı 16px eksene gelir. */
  #icerik .denetim .audit-log {
    margin: 0 16px 16px;
  }

  /* M11 · İç içe ikinci çerçevenin 16px yatay dolgusu satırı daraltır. */
  #icerik .denetim .audit-body {
    padding: 4px 12px 12px;
  }

  /* M11 · Karşı örnekte 24px/20px dolgular yerine ortak 16px. */
  #icerik .denetim .unchecked-body {
    padding: 16px;
  }

  /* M11 · Yanıt son notu 20px yatay dolgusuyla iç çizgiden sapıyordu. */
  #icerik .denetim .answer-foot {
    padding: 12px 16px;
  }

  /* M11 · Karşı örneğin ikinci kutusu 24px üst, 16px iç boşluk taşıyor. */
  #icerik .denetim .false-citation {
    margin-top: 16px;
    padding: 12px;
  }

  /* M11 · Sonuç cümlesi 25px/1.4 ile h3 gibi görünüyordu. */
  #icerik .denetim .comparison-lesson {
    margin-top: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  /* M12 · Denetim kapsamı 654px; 24/20px dolguyu ve 32px üst arayı azalt. */
  #icerik .denetim .coverage {
    margin-top: 24px;
    padding: 16px;
  }

  /* M12 · Üç sayım üst üste, her biri dt+dd: okunabilir tek satırlı satırlar. */
  #icerik .denetim .coverage-counts > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 4px 12px;
    padding-inline-start: 8px;
  }

  /* M13 · Bağlantı kartları 30px ayrık, diğer kart grupları 16-28px. */
  #icerik .baglanti .graph {
    gap: 16px;
  }

  /* M13 · Bağlantı kartlarında 22px dolgu, 304px gövde genişliği. */
  #icerik .baglanti .graph-node {
    padding: 16px;
  }

  /* M13 · Eski 30px bağlantı çizgisi 16px kart aralığına uyar. */
  #icerik .baglanti .graph-node:not(:last-child)::after {
    block-size: 16px;
  }

  /* M13 · +20px ok başlangıcı yeni 16px aralığın içinde kalır. */
  #icerik .baglanti .graph-node:not(:last-child)::before {
    inset-block-start: calc(100% + 7px);
  }

  /* M13 · Tür etiketi ve başlık araları 18/16px, ortak 12px. */
  #icerik .baglanti :is(.node-type, .graph-node h3) {
    margin-bottom: 12px;
  }

  /* M13 · Madde numarası ayrı 64px satır; başlık kutusu toplam 96.5px. */
  #icerik .baglanti .article-number {
    display: inline;
    margin-inline-start: 6px;
    font-size: 36px;
    line-height: 1;
  }

  /* M14 · Tarih geçişi 56px margin + 40px padding = 96px. */
  #icerik .baglanti .history {
    margin-top: 32px;
    padding-top: 24px;
    gap: 20px;
  }

  /* M14 · İkinci çağrı kutusu 48px margin, 28/20px dolgu, 24px gap. */
  #icerik .baglanti .purchase {
    margin-top: 32px;
    padding: 20px 16px;
    gap: 16px;
  }

  /* M15 · Kapsam kartı dışta 18px, içte 18px: ortak iç çizgi 16px. */
  #icerik > .ic-hero .ic-scope {
    padding: 20px 16px;
  }

  /* M16 · Plan girişinde 28px alt blok aralığı, diğerleri 20px. */
  #icerik:has(.ic-hero-search) .fiyat7 .intro {
    gap: 20px;
  }

  /* M16 · Giriş notunun 20px dolgusu uzun satırları daraltıyor. */
  #icerik:has(.ic-hero-search) .fiyat7 .case-note {
    padding: 16px;
  }

  /* M16 · Plan kartlarının 20px aralığı ortak 16px ölçeğine gelir. */
  #icerik:has(.ic-hero-search) .fiyat7 .plans {
    gap: 16px;
  }

  /* M16 · 24px plan dolgusu, bireysel kartta gövde 297px. */
  #icerik:has(.ic-hero-search) .fiyat7 .plan {
    padding: 16px;
  }

  /* M16 · Şeridin -24px marjları yeni 16px dolguda dışarı taşmasın. */
  #icerik:has(.ic-hero-search) .fiyat7 .plan__ribbon {
    margin: -16px -16px 16px;
    padding-inline: 16px;
  }

  /* M16 · Rakam gizli durumda da 24px üst fiyat boşluğu sürüyordu. */
  #icerik:has(.ic-hero-search) .fiyat7 .price {
    margin-block: 16px 8px;
  }

  /* M16 · Plan kapsamında 24px dolgu ve 32px üst ara, tek 16/24px ritmi. */
  #icerik:has(.ic-hero-search) .fiyat7 .coverage {
    margin-top: 24px;
    padding: 20px 16px;
  }

  /* M17 · Kapanış h2 35.2px ve 24px yan dolgu ile dört satırdı. */
  #icerik:has(.ic-hero-search) .fiyat7 .closing {
    padding: 24px 16px;
    margin-block: 12px 36px;
  }

  /* M18 · Sürüm paneli: katla sarmalayıcısı eski ~ seçicisini koparıyor.
     Varsayılan kapalı durum aynı; açınca seçili sürüm gerçekten görünür. */
  #icerik .baglanti #ic-c-year-2019:checked ~ .katla--surum .version-2019,
  #icerik .baglanti #ic-c-year-2022:checked ~ .katla--surum .version-2022,
  #icerik .baglanti #ic-c-year-today:checked ~ .katla--surum .version-today {
    display: block;
  }

  /* M18 · Açılan panelin 24/20px dolgusu ve iç kutular dar gövde yaratır. */
  #icerik .baglanti .version-panel {
    padding: 16px;
  }

  /* M18 · Panel h4 27px ile h3'ten büyüktü; alt seviye 21px. */
  #icerik .baglanti .version-panel h4 {
    font-size: 21px;
    line-height: 1.3;
    margin-block: 12px;
  }

  /* M18 · Açık panelde 20px/1.65 gövde, iç içe kutuda kısa satırlar. */
  #icerik .baglanti .version-panel :is(.reading-text, .diff del, .diff ins) {
    font-size: 18px;
    line-height: 1.55;
  }

  /* M18 · İkinci seviye kutularda 14/18px dolgu yerine 12px. */
  #icerik .baglanti :is(.diff p, .temporary) {
    padding: 12px;
  }

  /* M19 · Mevcut katlama eşiği 899px: 899→900 geçişinde kapalı kutunun
     açma satırı kayboluyordu. Mobil kapsam boyunca tetikleyiciyi koru. */
  #icerik:has(.ic-hero-search) .katla > summary {
    display: flex;
  }
}

@media (min-width: 860px) and (max-width: 900px) {
  /* M20 · Bu aralıkta akış üç sütun; 16px yeni gap'e uygun yatay çizgi. */
  #icerik .isleyis .flow > li:not(:last-child)::after {
    inset-inline-start: 100%;
    inset-block-start: 32px;
    inline-size: 17px;
    block-size: 1px;
  }

  /* M20 · 860px'te yataya dönen akış okunun konumu bütünüyle eşlenir. */
  #icerik .isleyis .flow > li:not(:last-child)::before {
    inset-inline-start: calc(100% + 8px);
    inset-block-start: 29px;
    transform: rotate(-45deg);
  }

  /* M20 · Bağlantı grafiği üç sütun: eski 31px çizgi 16px aralığa iner. */
  #icerik .baglanti .graph-node:not(:last-child)::after {
    inset-inline-start: 100%;
    inset-block-start: 48px;
    inline-size: 17px;
    block-size: 1px;
  }

  /* M20 · Grafik okunu 16px yatay aralıkta tut, dikey konumu sıfırla. */
  #icerik .baglanti .graph-node:not(:last-child)::before {
    inset-inline-start: calc(100% + 8px);
    inset-block-start: 45px;
    transform: rotate(-45deg);
  }
}

/* Ust bardaki satis dugmesi ALTIN kalir (marka vurgusu). dugme.css gecis
   katmani onu acik yuzeye cevirmisti; koyu barda altin daha ayirt edici. */
.ustbar.ustbar--yeni .ustbar-sag > .ustbar-paket{
  background:var(--altin, #A8874B) !important;
  border-color:var(--altin, #A8874B) !important;
  color:#14191F !important;
}
.ustbar.ustbar--yeni .ustbar-sag > .ustbar-paket:hover{
  background:#C0A063 !important; border-color:#C0A063 !important;
}

/* Alt sekme etiketleri · 5 sekme 360px'te 14px yaziyla satir atliyordu
   ("Paketl / er"). Tipografi katmani 14px'e cikarmisti, burada geri alinir. */
@media (max-width: 900px) {
  .alt-sekme a span{
    font-size:11px !important; line-height:1.1; white-space:nowrap;
    letter-spacing:-.01em; max-width:100%; overflow:hidden; text-overflow:ellipsis;
  }
  .alt-sekme a{ gap:2px; padding-inline:2px }
}
@media (max-width: 900px) {
  /* Sekme cubugu 76px'e cikmisti (tipografi katmani satir yuksekligini
     buyuttu). 58px hem 44px dokunma hedefini karsilar hem ekrani yemez. */
  .alt-sekme a{ height:58px; min-height:58px; justify-content:center }
  .alt-sekme a svg{ width:20px; height:20px }
}


/* ALT CUBUK VE DESTEK DUGMESI · 29.09 ikinci tur (kurucu geri bildirimi).
   Once dugme icerigin uzerinde yuzuyor ve karar basliklarinin dokunma
   alanini kapatiyordu. Sonra cubugun icine alindi, bu sefer 5 sekmeli
   cubuk ezildi. Simdi: dugme cubugun USTUNDE, kendi golgesiyle ayri bir
   oge; icerigin altina cubuk + dugme kadar bosluk birakiliyor. */
@media (max-width: 900px) {
  .alt-sekme{
    grid-auto-flow:column; grid-auto-columns:minmax(44px,1fr);
    grid-template-columns:none; gap:0; padding-inline:4px;
    background:#FFFDF8; border-top:1px solid var(--cizgi-koyu);
    box-shadow:0 -1px 0 rgba(22,35,58,.05);
  }
  .alt-sekme a{
    min-width:44px; height:56px; min-height:56px; gap:3px;
    border-top:2px solid transparent; justify-content:center;
  }
  .alt-sekme a svg{width:21px; height:21px; stroke-width:1.7}
  .alt-sekme a span{font-size:11px !important; letter-spacing:-.01em; white-space:nowrap}
  .alt-sekme a[aria-current]{border-top-color:var(--bordo); background:transparent}
  .alt-sekme a[aria-current] svg{stroke-width:2.1}

  /* menu.css ':root:root:root body' ozgullugu kullaniyor, ayni gucte yazilir. */
  :root:root:root body .destek-dugme{
    position:fixed; right:14px; left:auto; z-index:60;
    bottom:calc(var(--sekme-tam) + 10px);
    /* 46px · yuzen dugme okuma sutununu mumkun oldugunca az kapatmali */
    width:46px; height:46px; min-width:46px; min-height:46px;
    padding:0; justify-content:center; border-radius:50%;
    box-shadow:0 6px 18px rgba(22,35,58,.22);
  }
  :root:root:root body .destek-dugme > span:not(.destek-isaret){
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap;
  }
  :root:root:root body .destek-panel{bottom:calc(var(--sekme-tam) + 78px); right:12px; left:12px}
  .kap, main{padding-bottom:calc(var(--sekme-tam) + 86px)}
  html{scroll-padding-bottom:calc(var(--sekme-tam) + 86px)}
  main :is(a, button, input, select, textarea, summary){
    scroll-margin-block:12px calc(var(--sekme-tam) + 86px);
  }
}

/* Alt sekme etiketi ve aktif durum · menu.css ':root .alt-sekme > a > span'
   ozgullugunu kullaniyor, burada ayni gucte yaziliyor.
   Kurucu: "alttaki menu cok kotu olmus". Iki sorun vardi:
   1. "Ana sayfa" iki satira kiriliyordu (white-space:normal)
   2. Aktif sekmenin dolu krem zemini agir duruyordu */
@media (max-width: 900px) {
  :root:root .alt-sekme > a > span{
    font-size:11px; line-height:1.1; white-space:nowrap;
    letter-spacing:-.01em; min-height:0; overflow:hidden; text-overflow:ellipsis;
  }
  :root:root .alt-sekme > a{
    height:56px; min-height:56px; gap:4px; padding:4px 2px;
    border-top:2px solid transparent;
  }
  :root:root .alt-sekme > a > svg{width:21px; height:21px}
  :root:root .alt-sekme > a[aria-current="page"]{
    background:transparent; border-top-color:var(--bordo, #7B2D26);
    color:var(--bordo, #7B2D26); font-weight:600;
  }
}

/* BOLUM AYRIMI · 29.09, kurucu: "mobilde her sey ic ice gibi, ayni bolum
   surekli devam ediyor gibi, bir ayrim yok gibi karmasik gozukuyor".
   Sebep olculdu: bolumler ayni krem zemin uzerinde, aralarinda yalniz
   bosluk vardi; bosluk da ritim duzeltmesiyle kisalinca sinir kayboldu.
   Cozum: her bolum kendi YUZEYINE oturur, komsu bolumler ARDISIK
   yuzey degistirir ve aralarina ince bir cizgi girer. */
@media (max-width: 900px) {
  #icerik > .ic-hero.ic-parca > .ic-shell > .ic-section,
  #icerik > .ic-hero.ic-parca > .ic-shell > section,
  #icerik > .urun-sayfasi > section,
  #icerik > .fiyat7 > section{
    position:relative;
    padding-block:34px;
    border-top:1px solid var(--ic-cizgi, #E2DCD0);
  }
  /* Tek numarali bolumler beyaz, cift numaralilar krem: goz siniri gorur. */
  #icerik > .ic-hero.ic-parca > .ic-shell > section:nth-of-type(odd),
  #icerik > .urun-sayfasi > section:nth-of-type(odd),
  #icerik > .fiyat7 > section:nth-of-type(odd){
    background:#FFFDF8;
    /* DIKKAT: negatif margin ile tam genislik denendi, 18px yatay tasma
       yaptigi olculdu (--m-sol bu ogede tanimli degil). Zemin oldugu gibi
       birakiliyor, ayrim icin renk ve ust cizgi yeterli. */
  }
  /* Bolum basliklari daha belirgin: ustunde kucuk bir isaret cizgisi */
  #icerik section > :is(h2, .section-title, .u-baslik):first-child::before,
  #icerik section > header > :is(h2, .section-title):first-child::before{
    content:""; display:block; width:34px; height:3px; margin-bottom:12px;
    background:var(--altin, #A8874B); border-radius:2px;
  }
  #icerik section > :is(h2, .section-title):first-child,
  #icerik section > header > :is(h2, .section-title):first-child{
    font-size:1.35rem; line-height:1.25; margin-top:0;
  }
  /* Ilk bolum (hero) ustunde cizgi olmasin */
  #icerik > .ic-hero.ic-parca > .ic-shell > section:first-of-type{border-top:0}
}

/* UZUN BOLUMLERI KATLA · 29.09, kurucu: "ayni bolum surekli devam ediyor gibi".
   Olculdu: uc bolum mobilde 1.828 / 2.980 / 2.811 px, yani her biri
   uc ekrandan uzun. Icindeki ikincil bloklar (karsilastirma tablosu,
   kapsam kutusu) varsayilan KAPALI gelir; okuyan isterse acar.
   details/summary yerlesik, JavaScript gerekmez, icerik SEO'da kalir. */
@media (max-width: 900px) {
  :where(.denetim, .baglanti, .isleyis) .comparison,
  :where(.denetim, .baglanti, .isleyis) .coverage,
  .fiyat7 .coverage{
    display:block; max-height:none;
  }
  /* Katlanabilir sarmali: JS ile degil, CSS ile "daha fazla" davranisi.
     Blok kirpilir, altina yumusak bir gecis ve acma dugmesi konur. */
  .mobil-katla{
    position:relative; max-height:420px; overflow:hidden;
  }
  .mobil-katla[data-acik="1"]{max-height:none}
  .mobil-katla::after{
    content:""; position:absolute; inset-inline:0; bottom:0; height:110px;
    background:linear-gradient(to bottom, rgba(250,248,243,0), rgba(250,248,243,.97));
    pointer-events:none;
  }
  .mobil-katla[data-acik="1"]::after{display:none}
  .mobil-katla-dugme{
    display:flex; align-items:center; justify-content:center; gap:8px;
    width:100%; min-height:46px; margin-top:10px;
    border:1px solid var(--cizgi, #E2DCD0); border-radius:4px;
    background:#fff; font-size:.9375rem; font-weight:600;
    color:var(--murekkep, #16233A); cursor:pointer;
  }
  .mobil-katla-dugme:hover{background:#F4EDE4}
}
@media (min-width: 901px){ .mobil-katla-dugme{display:none} }