/* ============================================================
   duyarli.css — OTOMATİK ÜRETİLDİ, ELLE DÜZENLEMEYİN.
   Yeniden üretmek için:  npm run css:duyarli
   Kaynak:                scripts/duyarli-css-uret.mjs

   1920 px sabit tasarımı dar ekranda akışkan hâle getirir.
   ≥ 1200 px genişlikte tek bir kural bile devreye girmez;
   masaüstü görünümü birebir korunur.
   ============================================================ */

/* Panelde pasife alınan (gizlenen) bölüm — her genişlikte. Şablon
   data-gizli="{{ … }}" ile "1" verir; !important, aşağıdaki
   display: block/flex !important akış kurallarının onu geri açmasını önler. */
[data-gizli="1"] { display: none !important; }

@media (max-width: 1199px) {

  /* ---- 1 · Kök: zoom küçültmesini kapat, akışa geç ---- */
  .rs-canvas {
    zoom: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    --rs-gutter: clamp(16px, 4.5vw, 56px);
  }

  /* Hiçbir öğe kapsayıcısını taşırmasın (svg iç geometrisi hariç).
     border-box olmadan iç boşluk genişliğe EKLENİR: "flex: 0 0 460px" +
     "padding: 44px 40px" kutuyu 540 px yapar ve max-width kâr etmez. */
  .rs-canvas *:not(svg):not(svg *) {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* ---- 2 · Ortalanan kapsayıcılara yan boşluk ---- */
  .rs-canvas :where([style*="max-width: 1800px"]:not(h1, h2, h3, h4, p, span, a, li)),
  .rs-canvas :where([style*="max-width: 1600px"]:not(h1, h2, h3, h4, p, span, a, li)) {
    padding-left: var(--rs-gutter) !important;
    padding-right: var(--rs-gutter) !important;
    box-sizing: border-box !important;
  }

  /* ---- 3 · Esnek satırlar sarılsın ---- */
  .rs-canvas :where([style*="display: flex"]:not([data-rs~="nowrap"])),
  .rs-canvas :where([style*="display: inline-flex"]:not([data-rs~="nowrap"])) {
    flex-wrap: wrap !important;
  }
  /* Sabit temelli esnek çocuklar (flex: 0 0 760px) daralabilsin. */
  .rs-canvas :where([style*="flex: 0 0"]:not([data-rs~="nowrap"])) { min-width: 0 !important; }
  /* Yatay kaydırılan şeritler sarılmaz. */
  .rs-canvas :where([style*="overflow-x: auto"]),
  .rs-canvas :where([style*="overflow-x: scroll"]) { flex-wrap: nowrap !important; }

  /* ---- 4 · Izgaralar otomatik sütuna ----
     auto-fit boş kalan sütunları çökerttiği için 12 sütunluk yerleşimler
     de öğe sayısına göre kendiliğinden 2'ye, sonra 1'e iner. */
  .rs-canvas :where([style*="grid-template-columns"]:not([data-rs~="keep-grid"])) {
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)) !important;
  }
  .rs-canvas :where([style*="grid-column"]:not([data-rs~="keep-grid"])) { grid-column: auto !important; }
  .rs-canvas :where([style*="grid-row"]:not([data-rs~="keep-grid"])) { grid-row: auto !important; }

  /* ---- 5 · Tipografi: akışkan ölçek ---- */
  .rs-canvas :where([style*="font-size: 104px"]) { font-size: clamp(44px, calc(16.727px + 7.273vw), 104px) !important; }
  .rs-canvas :where([style*="font-size: 72px"]) { font-size: clamp(33px, calc(15.273px + 4.727vw), 72px) !important; }
  .rs-canvas :where([style*="font-size: 68px"]) { font-size: clamp(32px, calc(15.636px + 4.364vw), 68px) !important; }
  .rs-canvas :where([style*="font-size: 64px"]) { font-size: clamp(31px, calc(16px + 4vw), 64px) !important; }
  .rs-canvas :where([style*="font-size: 60px"]) { font-size: clamp(29px, calc(14.909px + 3.758vw), 60px) !important; }
  .rs-canvas :where([style*="font-size: 56px"]) { font-size: clamp(28px, calc(15.273px + 3.394vw), 56px) !important; }
  .rs-canvas :where([style*="font-size: 52px"]) { font-size: clamp(27px, calc(15.636px + 3.03vw), 52px) !important; }
  .rs-canvas :where([style*="font-size: 48px"]) { font-size: clamp(25px, calc(14.545px + 2.788vw), 48px) !important; }
  .rs-canvas :where([style*="font-size: 44px"]) { font-size: clamp(24px, calc(14.909px + 2.424vw), 44px) !important; }
  .rs-canvas :where([style*="font-size: 40px"]) { font-size: clamp(23px, calc(15.273px + 2.061vw), 40px) !important; }
  .rs-canvas :where([style*="font-size: 36px"]) { font-size: clamp(21px, calc(14.182px + 1.818vw), 36px) !important; }
  .rs-canvas :where([style*="font-size: 34px"]) { font-size: clamp(20px, calc(13.636px + 1.697vw), 34px) !important; }
  .rs-canvas :where([style*="font-size: 32px"]) { font-size: clamp(20px, calc(14.545px + 1.455vw), 32px) !important; }
  .rs-canvas :where([style*="font-size: 31px"]) { font-size: clamp(19px, calc(13.545px + 1.455vw), 31px) !important; }
  .rs-canvas :where([style*="font-size: 30px"]) { font-size: clamp(19px, calc(14px + 1.333vw), 30px) !important; }
  .rs-canvas :where([style*="font-size: 28px"]) { font-size: clamp(18px, calc(13.455px + 1.212vw), 28px) !important; }
  .rs-canvas :where([style*="font-size: 26px"]) { font-size: clamp(18px, calc(14.364px + 0.97vw), 26px) !important; }
  .rs-canvas :where([style*="font-size: 25px"]) { font-size: clamp(17px, calc(13.364px + 0.97vw), 25px) !important; }
  .rs-canvas :where([style*="font-size: 24px"]) { font-size: clamp(17px, calc(13.818px + 0.848vw), 24px) !important; }
  .rs-canvas :where([style*="font-size: 23px"]) { font-size: clamp(17px, calc(14.273px + 0.727vw), 23px) !important; }
  .rs-canvas :where([style*="font-size: 22px"]) { font-size: clamp(16px, calc(13.273px + 0.727vw), 22px) !important; }
  .rs-canvas :where([style*="font-size: 21px"]) { font-size: clamp(16px, calc(13.727px + 0.606vw), 21px) !important; }
  .rs-canvas :where([style*="font-size: 20px"]) { font-size: clamp(16px, calc(14.182px + 0.485vw), 20px) !important; }
  .rs-canvas :where([style*="font-size: 19px"]) { font-size: clamp(15px, calc(13.182px + 0.485vw), 19px) !important; }
  .rs-canvas :where([style*="font-size: 18px"]) { font-size: clamp(15px, calc(13.636px + 0.364vw), 18px) !important; }
  .rs-canvas :where([style*="font-size: 17px"]) { font-size: clamp(15px, calc(14.091px + 0.242vw), 17px) !important; }
  .rs-canvas :where([style*="font-size: 16px"]) { font-size: clamp(14px, calc(13.091px + 0.242vw), 16px) !important; }
  .rs-canvas :where([style*="font-size: 15px"]) { font-size: clamp(14px, calc(13.545px + 0.121vw), 15px) !important; }

  /* ---- 6 · Piksel satır yüksekliklerini orana çevir ----
     Punto küçülürken "line-height: 84px" sabit kalsaydı satırlar arasında
     devasa boşluklar kalırdı. */
  .rs-canvas :where([style*="font-size: 68px"][style*="line-height: 82px"]) { line-height: 1.206 !important; }
  .rs-canvas :where([style*="font-size: 56px"][style*="line-height: 84px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 56px"][style*="line-height: 62px"]) { line-height: 1.12 !important; }
  .rs-canvas :where([style*="font-size: 52px"][style*="line-height: 64px"]) { line-height: 1.231 !important; }
  .rs-canvas :where([style*="font-size: 48px"][style*="line-height: 72px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 48px"][style*="line-height: 66px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 44px"][style*="line-height: 66px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 44px"][style*="line-height: 60px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 40px"][style*="line-height: 56px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 40px"][style*="line-height: 64px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 36px"][style*="line-height: 44px"]) { line-height: 1.222 !important; }
  .rs-canvas :where([style*="font-size: 36px"][style*="line-height: 40px"]) { line-height: 1.12 !important; }
  .rs-canvas :where([style*="font-size: 34px"][style*="line-height: 42px"]) { line-height: 1.235 !important; }
  .rs-canvas :where([style*="font-size: 34px"][style*="line-height: 44px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 32px"][style*="line-height: 42px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 32px"][style*="line-height: 44px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 32px"][style*="line-height: 40px"]) { line-height: 1.25 !important; }
  .rs-canvas :where([style*="font-size: 32px"][style*="line-height: 48px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 32px"][style*="line-height: 32px"]) { line-height: 1.12 !important; }
  .rs-canvas :where([style*="font-size: 30px"][style*="line-height: 40px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 28px"][style*="line-height: 40px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 28px"][style*="line-height: 44px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 28px"][style*="line-height: 38px"]) { line-height: 1.26 !important; }
  .rs-canvas :where([style*="font-size: 26px"][style*="line-height: 40px"]) { line-height: 1.538 !important; }
  .rs-canvas :where([style*="font-size: 25px"][style*="line-height: 42px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 24px"][style*="line-height: 32px"]) { line-height: 1.333 !important; }
  .rs-canvas :where([style*="font-size: 24px"][style*="line-height: 36px"]) { line-height: 1.5 !important; }
  .rs-canvas :where([style*="font-size: 24px"][style*="line-height: 40px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 24px"][style*="line-height: 34px"]) { line-height: 1.417 !important; }
  .rs-canvas :where([style*="font-size: 23px"][style*="line-height: 40px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 22px"][style*="line-height: 30px"]) { line-height: 1.364 !important; }
  .rs-canvas :where([style*="font-size: 21px"][style*="line-height: 32px"]) { line-height: 1.524 !important; }
  .rs-canvas :where([style*="font-size: 21px"][style*="line-height: 36px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 20px"][style*="line-height: 32px"]) { line-height: 1.6 !important; }
  .rs-canvas :where([style*="font-size: 20px"][style*="line-height: 28px"]) { line-height: 1.4 !important; }
  .rs-canvas :where([style*="font-size: 20px"][style*="line-height: 30px"]) { line-height: 1.5 !important; }
  .rs-canvas :where([style*="font-size: 20px"][style*="line-height: 40px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 19px"][style*="line-height: 32px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 19px"][style*="line-height: 36px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 19px"][style*="line-height: 34px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 19px"][style*="line-height: 30px"]) { line-height: 1.579 !important; }
  .rs-canvas :where([style*="font-size: 19px"][style*="line-height: 26px"]) { line-height: 1.368 !important; }
  .rs-canvas :where([style*="font-size: 19px"][style*="line-height: 28px"]) { line-height: 1.474 !important; }
  .rs-canvas :where([style*="font-size: 18px"][style*="line-height: 30px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 18px"][style*="line-height: 27px"]) { line-height: 1.5 !important; }
  .rs-canvas :where([style*="font-size: 18px"][style*="line-height: 32px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 18px"][style*="line-height: 26px"]) { line-height: 1.444 !important; }
  .rs-canvas :where([style*="font-size: 18px"][style*="line-height: 24px"]) { line-height: 1.333 !important; }
  .rs-canvas :where([style*="font-size: 18px"][style*="line-height: 28px"]) { line-height: 1.556 !important; }
  .rs-canvas :where([style*="font-size: 17px"][style*="line-height: 28px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 17px"][style*="line-height: 26px"]) { line-height: 1.529 !important; }
  .rs-canvas :where([style*="font-size: 16px"][style*="line-height: 24px"]) { line-height: 1.5 !important; }
  .rs-canvas :where([style*="font-size: 16px"][style*="line-height: 26px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 16px"][style*="line-height: 28px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 15px"][style*="line-height: 24px"]) { line-height: 1.6 !important; }
  .rs-canvas :where([style*="font-size: 15px"][style*="line-height: 22px"]) { line-height: 1.467 !important; }
  .rs-canvas :where([style*="font-size: 15px"][style*="line-height: 26px"]) { line-height: 1.62 !important; }
  .rs-canvas :where([style*="font-size: 14px"][style*="line-height: 21px"]) { line-height: 1.5 !important; }
  .rs-canvas :where([style*="font-size: 13px"][style*="line-height: 24px"]) { line-height: 1.62 !important; }

  /* ---- 7 · Büyük puntolu tek satır başlıklar sarılsın ---- */
  .rs-canvas :where([style*="font-size: 40px"][style*="white-space: nowrap"]),
  .rs-canvas :where([style*="font-size: 28px"][style*="white-space: nowrap"]),
  .rs-canvas :where([style*="font-size: 24px"][style*="white-space: nowrap"]) {
    white-space: normal !important;
  }

  /* ---- 8 · Sabit yükseklikler ----
     height:auto + min-height ikilisi iki durumu da doğru çözer:
       • içi mutlak konumlu görsel kutusu → min-height kadar yer kaplar,
       • içi akıştaki metin kutusu        → içerik kadar uzar. */
  .rs-canvas :where([style*="height: 2597px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(987px, 162.313vw, 2597px) !important; }
  .rs-canvas :where([style*="height: 2217px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(842px, 138.563vw, 2217px) !important; }
  .rs-canvas :where([style*="height: 1956px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(743px, 122.25vw, 1956px) !important; }
  .rs-canvas :where([style*="height: 1575px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(598px, 98.438vw, 1575px) !important; }
  .rs-canvas :where([style*="height: 1542px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(586px, 96.375vw, 1542px) !important; }
  .rs-canvas :where([style*="height: 1320px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(502px, 82.5vw, 1320px) !important; }
  .rs-canvas :where([style*="height: 1124px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(427px, 70.25vw, 1124px) !important; }
  .rs-canvas :where([style*="height: 1080px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(410px, 67.5vw, 1080px) !important; }
  .rs-canvas :where([style*="height: 1075px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(408px, 67.188vw, 1075px) !important; }
  .rs-canvas :where([style*="height: 920px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(350px, 57.5vw, 920px) !important; }
  .rs-canvas :where([style*="height: 900px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(342px, 56.25vw, 900px) !important; }
  .rs-canvas :where([style*="height: 820px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(312px, 51.25vw, 820px) !important; }
  .rs-canvas :where([style*="height: 806px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(306px, 50.375vw, 806px) !important; }
  .rs-canvas :where([style*="height: 726px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(276px, 45.375vw, 726px) !important; }
  .rs-canvas :where([style*="height: 700px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(266px, 43.75vw, 700px) !important; }
  .rs-canvas :where([style*="height: 650px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(267px, 40.625vw, 650px) !important; }
  .rs-canvas :where([style*="height: 640px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(267px, 40vw, 640px) !important; }
  .rs-canvas :where([style*="height: 634px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(266px, 39.625vw, 634px) !important; }
  .rs-canvas :where([style*="height: 620px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(266px, 38.75vw, 620px) !important; }
  .rs-canvas :where([style*="height: 600px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(264px, 37.5vw, 600px) !important; }
  .rs-canvas :where([style*="height: 560px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(260px, 35vw, 560px) !important; }
  .rs-canvas :where([style*="height: 550px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(259px, 34.375vw, 550px) !important; }
  .rs-canvas :where([style*="height: 520px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(254px, 32.5vw, 520px) !important; }
  .rs-canvas :where([style*="height: 518px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(254px, 32.375vw, 518px) !important; }
  .rs-canvas :where([style*="height: 512px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(253px, 32vw, 512px) !important; }
  .rs-canvas :where([style*="height: 497px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(250px, 31.063vw, 497px) !important; }
  .rs-canvas :where([style*="height: 480px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(247px, 30vw, 480px) !important; }
  .rs-canvas :where([style*="height: 450px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(239px, 28.125vw, 450px) !important; }
  .rs-canvas :where([style*="height: 443px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(237px, 27.688vw, 443px) !important; }
  .rs-canvas :where([style*="height: 440px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(237px, 27.5vw, 440px) !important; }
  .rs-canvas :where([style*="height: 436px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(236px, 27.25vw, 436px) !important; }
  .rs-canvas :where([style*="height: 426px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(233px, 26.625vw, 426px) !important; }
  .rs-canvas :where([style*="height: 400px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(225px, 25vw, 400px) !important; }
  .rs-canvas :where([style*="height: 333px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(201px, 20.813vw, 333px) !important; }
  .rs-canvas :where([style*="height: 331px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(200px, 20.688vw, 331px) !important; }
  .rs-canvas :where([style*="height: 330px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(200px, 20.625vw, 330px) !important; }
  .rs-canvas :where([style*="height: 300px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(187px, 18.75vw, 300px) !important; }
  .rs-canvas :where([style*="height: 261px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(169px, 16.313vw, 261px) !important; }
  .rs-canvas :where([style*="height: 256px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(166px, 16vw, 256px) !important; }
  .rs-canvas :where([style*="height: 245px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(161px, 15.313vw, 245px) !important; }
  .rs-canvas :where([style*="height: 240px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(158px, 15vw, 240px) !important; }
  .rs-canvas :where([style*="height: 220px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(148px, 13.75vw, 220px) !important; }
  .rs-canvas :where([style*="height: 214px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(144px, 13.375vw, 214px) !important; }
  .rs-canvas :where([style*="height: 200px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(137px, 12.5vw, 200px) !important; }
  .rs-canvas :where([style*="height: 165px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(116px, 10.313vw, 165px) !important; }
  .rs-canvas :where([style*="height: 154px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(110px, 9.625vw, 154px) !important; }
  .rs-canvas :where([style*="height: 142px"]:not([data-rs~="keep-h"])) { height: auto !important; min-height: clamp(102px, 8.875vw, 142px) !important; }
  .rs-canvas :where([style*="min-height: 648px"]:not([data-rs~="keep-h"])) { min-height: clamp(267px, 40.5vw, 648px) !important; }
  .rs-canvas :where([style*="min-height: 554px"]:not([data-rs~="keep-h"])) { min-height: clamp(260px, 34.625vw, 554px) !important; }
  .rs-canvas :where([style*="min-height: 140px"]:not([data-rs~="keep-h"])) { min-height: clamp(101px, 8.75vw, 140px) !important; }
  .rs-canvas :where([style*="min-width: 1920px"]) { min-width: 0 !important; }
  .rs-canvas :where([style*="min-width: 400px"]) { min-width: 0 !important; }
  .rs-canvas :where([style*="min-width: 360px"]) { min-width: 0 !important; }
  .rs-canvas :where([style*="min-width: 347px"]) { min-width: 0 !important; }
  .rs-canvas :where([style*="min-width: 264px"]) { min-width: 0 !important; }

  /* Görseller kendi en-boy oranını korusun; min-height onları esnetmesin. */
  .rs-canvas :where(img, video) { height: auto !important; min-height: 0 !important; }
  .rs-canvas :where(img, video):where([style*="height: 100%"]) { height: 100% !important; }

  /* ---- 9b · Büyük dikey aralıklar ---- */
  .rs-canvas :where([style*="margin-top: 100px"]) {
    margin-top: clamp(36px, calc(6.909px + 7.758vw), 100px) !important;
  }
  .rs-canvas :where([style*="margin-top: 120px"]) {
    margin-top: clamp(43px, calc(8px + 9.333vw), 120px) !important;
  }
  .rs-canvas :where([style*="margin-top: 48px"]) {
    margin-top: clamp(17px, calc(2.909px + 3.758vw), 48px) !important;
  }
  .rs-canvas :where([style*="margin-top: 50px"]) {
    margin-top: clamp(18px, calc(3.455px + 3.879vw), 50px) !important;
  }
  .rs-canvas :where([style*="margin-top: 56px"]) {
    margin-top: clamp(20px, calc(3.636px + 4.364vw), 56px) !important;
  }
  .rs-canvas :where([style*="margin-top: 64px"]) {
    margin-top: clamp(23px, calc(4.364px + 4.97vw), 64px) !important;
  }
  .rs-canvas :where([style*="margin-top: 72px"]) {
    margin-top: clamp(26px, calc(5.091px + 5.576vw), 72px) !important;
  }
  .rs-canvas :where([style*="margin-top: 80px"]) {
    margin-top: clamp(29px, calc(5.818px + 6.182vw), 80px) !important;
  }
  .rs-canvas :where([style*="margin-top: 92px"]) {
    margin-top: clamp(33px, calc(6.182px + 7.152vw), 92px) !important;
  }

  /* ---- 9 · Bölüm boşlukları ---- */
  .rs-canvas :where([style*="padding-bottom: 120px"]) {
    padding-bottom: clamp(43px, calc(8px + 9.333vw), 120px) !important;
  }
  .rs-canvas :where([style*="padding-top: 120px"]) {
    padding-top: clamp(43px, calc(8px + 9.333vw), 120px) !important;
  }
  .rs-canvas :where([style*="padding-top: 62px"]) {
    padding-top: clamp(22px, calc(3.818px + 4.848vw), 62px) !important;
  }
  .rs-canvas :where([style*="padding-top: 80px"]) {
    padding-top: clamp(29px, calc(5.818px + 6.182vw), 80px) !important;
  }
  .rs-canvas :where([style*="padding: 0 0 120px 0"]),
  .rs-canvas :where([style*="padding: 0px 0px 120px 0px"]),
  .rs-canvas :where([style*="padding: 0px 0px 120px"]) {
    padding-top: 0px !important;
    padding-bottom: clamp(43px, calc(8px + 9.333vw), 120px) !important;
  }
  .rs-canvas :where([style*="padding: 0 16px 16px 56px"]),
  .rs-canvas :where([style*="padding: 0px 16px 16px 56px"]) {
    padding-top: 0px !important;
    padding-bottom: 16px !important;
    padding-right: 16px !important;
    padding-left: clamp(20px, calc(3.636px + 4.364vw), 56px) !important;
  }
  .rs-canvas :where([style*="padding: 0 24px 0 60px"]),
  .rs-canvas :where([style*="padding: 0px 24px 0px 60px"]) {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: clamp(12px, calc(6.545px + 1.455vw), 24px) !important;
    padding-left: clamp(22px, calc(4.727px + 4.606vw), 60px) !important;
  }
  .rs-canvas :where([style*="padding: 120px 0"]),
  .rs-canvas :where([style*="padding: 120px 0px"]) {
    padding-top: clamp(43px, calc(8px + 9.333vw), 120px) !important;
    padding-bottom: clamp(43px, calc(8px + 9.333vw), 120px) !important;
  }
  .rs-canvas :where([style*="padding: 120px 0 140px 0"]),
  .rs-canvas :where([style*="padding: 120px 0px 140px 0px"]),
  .rs-canvas :where([style*="padding: 120px 0px 140px"]) {
    padding-top: clamp(43px, calc(8px + 9.333vw), 120px) !important;
    padding-bottom: clamp(50px, calc(9.091px + 10.909vw), 140px) !important;
  }
  .rs-canvas :where([style*="padding: 120px 0 150px 0"]),
  .rs-canvas :where([style*="padding: 120px 0px 150px 0px"]),
  .rs-canvas :where([style*="padding: 120px 0px 150px"]) {
    padding-top: clamp(43px, calc(8px + 9.333vw), 120px) !important;
    padding-bottom: clamp(54px, calc(10.364px + 11.636vw), 150px) !important;
  }
  .rs-canvas :where([style*="padding: 120px 160px 140px 160px"]),
  .rs-canvas :where([style*="padding: 120px 160px 140px"]) {
    padding-top: clamp(43px, calc(8px + 9.333vw), 120px) !important;
    padding-bottom: clamp(50px, calc(9.091px + 10.909vw), 140px) !important;
    padding-right: clamp(58px, calc(11.636px + 12.364vw), 160px) !important;
    padding-left: clamp(58px, calc(11.636px + 12.364vw), 160px) !important;
  }
  .rs-canvas :where([style*="padding: 140px 0 150px 0"]),
  .rs-canvas :where([style*="padding: 140px 0px 150px 0px"]),
  .rs-canvas :where([style*="padding: 140px 0px 150px"]) {
    padding-top: clamp(50px, calc(9.091px + 10.909vw), 140px) !important;
    padding-bottom: clamp(54px, calc(10.364px + 11.636vw), 150px) !important;
  }
  .rs-canvas :where([style*="padding: 40px 0 120px 0"]),
  .rs-canvas :where([style*="padding: 40px 0px 120px 0px"]),
  .rs-canvas :where([style*="padding: 40px 0px 120px"]) {
    padding-top: clamp(14px, calc(2.182px + 3.152vw), 40px) !important;
    padding-bottom: clamp(43px, calc(8px + 9.333vw), 120px) !important;
  }
  .rs-canvas :where([style*="padding: 56px"]) {
    padding-top: clamp(20px, calc(3.636px + 4.364vw), 56px) !important;
    padding-bottom: clamp(20px, calc(3.636px + 4.364vw), 56px) !important;
    padding-right: clamp(20px, calc(3.636px + 4.364vw), 56px) !important;
    padding-left: clamp(20px, calc(3.636px + 4.364vw), 56px) !important;
  }
  .rs-canvas :where([style*="padding: 56px 48px"]) {
    padding-top: clamp(20px, calc(3.636px + 4.364vw), 56px) !important;
    padding-bottom: clamp(20px, calc(3.636px + 4.364vw), 56px) !important;
    padding-right: clamp(17px, calc(2.909px + 3.758vw), 48px) !important;
    padding-left: clamp(17px, calc(2.909px + 3.758vw), 48px) !important;
  }
  .rs-canvas :where([style*="padding: 64px"]) {
    padding-top: clamp(23px, calc(4.364px + 4.97vw), 64px) !important;
    padding-bottom: clamp(23px, calc(4.364px + 4.97vw), 64px) !important;
    padding-right: clamp(23px, calc(4.364px + 4.97vw), 64px) !important;
    padding-left: clamp(23px, calc(4.364px + 4.97vw), 64px) !important;
  }
  .rs-canvas :where([style*="padding: 80px 0 40px 0"]),
  .rs-canvas :where([style*="padding: 80px 0px 40px 0px"]),
  .rs-canvas :where([style*="padding: 80px 0px 40px"]) {
    padding-top: clamp(29px, calc(5.818px + 6.182vw), 80px) !important;
    padding-bottom: clamp(14px, calc(2.182px + 3.152vw), 40px) !important;
  }
  .rs-canvas :where([style*="padding: 80px 72px"]) {
    padding-top: clamp(29px, calc(5.818px + 6.182vw), 80px) !important;
    padding-bottom: clamp(29px, calc(5.818px + 6.182vw), 80px) !important;
    padding-right: clamp(26px, calc(5.091px + 5.576vw), 72px) !important;
    padding-left: clamp(26px, calc(5.091px + 5.576vw), 72px) !important;
  }
  .rs-canvas :where([style*="padding: 96px 0"]),
  .rs-canvas :where([style*="padding: 96px 0px"]) {
    padding-top: clamp(35px, calc(7.273px + 7.394vw), 96px) !important;
    padding-bottom: clamp(35px, calc(7.273px + 7.394vw), 96px) !important;
  }
}


/* ============================================================
   ELLE YAZILAN KATMAN
   Üretilen genel kurallar her şeyi çözemez; mutlak konumlu bloklar,
   başlık/altbilgi ve mobil menü burada ele alınır.
   Sayfa işaretleri:  data-rs="static auto-h ..."
   ============================================================ */

@media (max-width: 1199px) {

  /* ---- 10 · Sayfa işaretleri ---- */

  /* Mutlak konumlu bloğu normal akışa al.
     position:static yerine position:relative kullanılır: yerleşimde aynı
     davranır ama konumlanmış kalır, böylece kardeşi olan mutlak
     örtülerin ALTINDA kalmaz. */
  .rs-canvas [data-rs~="static"] {
    position: relative !important;
    inset: auto !important;
    left: auto !important; right: auto !important;
    top: auto !important; bottom: auto !important;
    width: auto !important;
    transform: none !important;
  }
  /* Yalnızca yatay eksende akışa al (dikey hizalama korunur). */
  .rs-canvas [data-rs~="unpin-x"] {
    left: var(--rs-gutter) !important;
    right: var(--rs-gutter) !important;
    width: auto !important;
  }
  .rs-canvas [data-rs~="auto-h"] { height: auto !important; min-height: 0 !important; }

  /* Tam kaplayan arka plan katmanı (kahraman görseli, degrade örtüler). */
  .rs-canvas [data-rs~="cover"] {
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    transform: none !important;
  }
  /* Tasarımda kasıtlı olarak kutudan taşan süs öğesi ekrana yapışsın. */
  .rs-canvas [data-rs~="edge"] { right: 0 !important; left: auto !important; }
  /* Koordinatla dizilmiş sayfaları tümüyle akışa çevirir.
     Bu sayfalarda (hakkımızda, değerlerimiz, projeler …) her kutu
     left/top ile yerleştirilmiş; dar ekranda hepsi normal akışa döner.
     "inset:" içerenler kapsayıcıyı tam kaplayan örtülerdir; onlar kalır. */
  .rs-canvas [data-rs~="flow"] {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    padding-left: var(--rs-gutter) !important;
    padding-right: var(--rs-gutter) !important;
    box-sizing: border-box !important;
  }
  .rs-canvas [data-rs~="flow"] [style*="position: absolute"]:not([style*="inset:"]):not([data-rs~="keep-abs"]) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin-top: clamp(12px, 3vw, 20px) !important;
  }
  /* Maske ikonları (boş span + mask:) kendi genişliğini korur;
     width:auto onları 0 px'e indirip kartın üstünde boşluk bırakıyordu. */
  .rs-canvas [data-rs~="flow"] [style*="position: absolute"]:not([style*="inset:"]):not([data-rs~="keep-abs"]):not([style*="mask:"]) {
    width: auto !important;
  }
  .rs-canvas [data-rs~="flow"] [style*="position: absolute"]:first-child {
    margin-top: 0 !important;
  }
  /* Kart içinde ilk GÖRÜNEN çocuk üst boşluk almaz: gizlenen süs noktasından
     sonraki metin kartın dibine itiliyordu (Yan Haklar, ISO kartları).
     Özgüllük akış kuralını yenmek için öznitelik tekrarlanır. */
  .rs-canvas [data-rs~="card"] > [data-rs~="hide"]:first-child + [style*="position: absolute"][style*="position: absolute"][style*="position: absolute"][style*="position: absolute"] {
    margin-top: 0 !important;
  }
  /* Mutlak konumlandırma satır içi öğeleri de blok yapardı; akışa
     dönerken bunu elle geri vermezsek etiket ile alan yan yana düşer. */
  .rs-canvas [data-rs~="flow"] [style*="position: absolute"]:not([style*="inset:"]):not([data-rs~="keep-abs"]):not([data-rs~="hide"]):not([style*="display:"]) {
    display: block !important;
  }
  /* Form alanları kapsayıcıyı doldursun: width:auto onları içeriğe göre
     daraltırdı. [style] iki kez yazılıyor — bir üstteki akış kuralından
     daha yüksek özgüllük gerekiyor, yoksa width:auto kazanır. */
  .rs-canvas [data-rs~="flow"] :where(input, textarea, select, button)[style][style]:not([data-rs~="keep-abs"]) {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Akıştaki üst düzey bölümler arasına daha geniş boşluk. */
  .rs-canvas [data-rs][data-rs][data-rs~="block"] { margin-top: clamp(28px, 7vw, 56px) !important; }
  /* Kart gövdesi: içindekiler left/top yerine iç boşlukla hizalanır. */
  .rs-canvas [data-rs~="card"] {
    padding: clamp(22px, 5.5vw, 40px) !important;
    box-sizing: border-box !important;
  }

  /* Akışa alınan kutu üsttekine yapışsın (kapalı açılır menü vb.). */
  .rs-canvas [data-rs][data-rs][data-rs~="nogap"] { margin-top: 0 !important; }
  /* Yüksekliği JS ile açılıp kapanan panel: akışta içerik kadar uzasın. */
  .rs-canvas [data-rs~="panel"] {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  /* Onay kutusu satırı: kutu mutlak kalır, metin yanında hizalanır. */
  .rs-canvas [data-rs~="check"] { padding-left: 48px !important; }
  .rs-canvas [data-rs~="check"] > :where(p, span) { margin-left: 0 !important; width: auto !important; }

  /* Akışa alınan blok bir üsttekine yapışmasın. */
  .rs-canvas [data-rs][data-rs][data-rs~="gap-t"] { margin-top: clamp(24px, 5vw, 40px) !important; }
  /* Köşedeki sabit tanıtım penceresi ekran genişliğine otursun. */
  .rs-canvas [data-rs~="popup"] {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
  }
  /* Kapsayıcının yan boşluğunu kenar boşluğuna çevirir: yuvarlatılmış
     kartlar ekran kenarına yapışmaz. */
  .rs-canvas [data-rs~="inset"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: var(--rs-gutter) !important;
    margin-right: var(--rs-gutter) !important;
    width: auto !important;
  }
  /* Görsel + metin satırı: dar ekranda her zaman alt alta ve aynı sırada
     (tasarımda satırlar dönüşümlü row / row-reverse). */
  .rs-canvas [data-rs~="col-reset"],
  .rs-canvas [data-rs~="col"] {
    flex-direction: column !important;
    gap: clamp(18px, 4.5vw, 40px) !important;
  }
  /* Sütuna dönen satırda flex-basis artık YÜKSEKLİK anlamına gelir;
     "flex: 0 0 760px" görseli 760 px yüksekliğe zorlardı. */
  .rs-canvas [data-rs~="col-reset"] > *,
  .rs-canvas [data-rs~="col"] > * {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  /* Kapsayıcıya yalnızca yan boşluk ekler. */
  .rs-canvas [data-rs~="pad-x"] {
    padding-left: var(--rs-gutter) !important;
    padding-right: var(--rs-gutter) !important;
    box-sizing: border-box !important;
  }
  /* Tasarımdan gelen geniş yan boşluğu kaldır. */
  .rs-canvas [data-rs~="flush"] { padding-left: 0 !important; padding-right: 0 !important; }
  /* Google Haritalar gömülü çerçevesi. */
  .rs-canvas [data-rs~="map"] {
    width: 100% !important;
    height: clamp(240px, 62vw, 576px) !important;
    min-height: 0 !important;
  }
  .rs-canvas [data-rs~="hide"] { display: none !important; }
  .rs-canvas [data-rs~="full"] { width: 100% !important; max-width: 420px !important; flex: 1 1 100% !important; }
  .rs-canvas [data-rs~="col"] { flex-direction: column !important; align-items: flex-start !important; }
  .rs-canvas [data-rs~="pad"] { padding: clamp(20px, 5vw, 48px) !important; }
  .rs-canvas [data-rs~="tight"] { gap: clamp(12px, 3vw, 28px) !important; }
  .rs-canvas [data-rs~="only-desktop"] { display: none !important; }

  /* Kapsayıcısından taşan parallax/arka plan katmanları (inset: -60px)
     genel max-width:100% kuralıyla daralıp sağda boş şerit bırakıyordu. */
  .rs-canvas [style*="inset: -"] { max-width: none !important; }

  /* line-height:1 tek satırlık tasarım içindir; dar ekranda metin
     sarılınca satırlar üst üste biniyordu (anasayfa hero üst yazısı). */
  .rs-canvas :where([style*="line-height: 1;"]) { line-height: 1.3 !important; }

  /* İkon + metin satırı: sarılmaz, metin daralır; ikon ezilmez. */
  .rs-canvas [data-rs~="nowrap"] > :where(img, svg, [aria-hidden="true"]) { flex-shrink: 0 !important; }
  .rs-canvas [data-rs~="nowrap"] > :where(span, p, div):not([aria-hidden="true"]) { min-width: 0 !important; }

  /* Lansman alt sabit şeridi: tek satır, ekrana oturan kompakt çubuk. */
  .rs-canvas [data-rs~="lbar-wrap"] {
    padding: 0 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .rs-canvas [data-rs~="lbar"] {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 560px !important;
    gap: 12px !important;
    padding: 8px 8px 8px 20px !important;
  }
  .rs-canvas [data-rs~="lbar"] > div { min-width: 0 !important; }
  .rs-canvas [data-rs~="lbar"] > div > div {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .rs-canvas [data-rs~="lbar"] > a { flex: 0 0 auto !important; white-space: nowrap !important; }
  .rs-canvas [data-rs~="lbar"] > a.ln-btn { height: 46px !important; padding: 0 20px !important; }
  @media (max-width: 640px) {
    /* Telefon zaten üst çubuktaki arama düğmesinde. */
    .rs-canvas [data-rs~="lbar-tel"] { display: none !important; }
  }

  /* Lansman hero alt bilgileri: 2x2 ızgara, ayırıcı çizgisiz. */
  .rs-canvas [data-rs~="facts"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 20px !important;
    width: 100% !important;
  }
  .rs-canvas [data-rs~="facts"] > div { border-left: 0 !important; padding-left: 0 !important; }

  /* Üç sütunlu sayı satırı (lansman hikaye): sütunlar dar, kelime bölünmesin. */
  .rs-canvas [data-rs~="stats3"] { gap: 14px !important; flex-wrap: nowrap !important; }
  .rs-canvas [data-rs~="stats3"] > div { min-width: 0 !important; }
  .rs-canvas [data-rs~="stats3"] > div + div { padding-left: 14px !important; }
  .rs-canvas [data-rs~="stats3"] * { overflow-wrap: normal !important; word-break: normal !important; hyphens: auto; }

  /* Fiyat listesi: başlık satırı gizlenir, her daire iki satırlık kart olur
     (no · tip · m² · kat  /  durum ··· fiyat). */
  .rs-canvas [data-rs~="ptable-head"] { display: none !important; }
  .rs-canvas [data-rs~="ptable-row"] {
    grid-template-columns: auto auto auto 1fr !important;
    gap: 10px 16px !important;
    padding: 18px 20px !important;
  }
  .rs-canvas [data-rs~="ptable-row"] > :nth-child(5) { grid-column: 1 / span 2 !important; }
  .rs-canvas [data-rs~="ptable-row"] > :nth-child(6) { grid-column: 3 / span 2 !important; text-align: right !important; }

  /* Öne çıkan projeler sekmeleri (01/02/03): alt alta üç geniş düğme yerine
     tek satırlık ince ilerleme çubuğu. */
  .rs-canvas [data-rs~="ftabs"] {
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .rs-canvas [data-rs~="ftabs"] > button {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 10px !important;
  }
  .rs-canvas [data-rs~="ftabs"] > button > span:first-child { width: 100% !important; height: 4px !important; }
  .rs-canvas [data-rs~="ftabs"] > button > span:last-child { font-size: 15px !important; }

  /* Sürüklenen kart şeritleri sarılmaz; kenar boşluğu gutter'a iner. */
  .rs-canvas [data-rs~="rail"] {
    flex-wrap: nowrap !important;
    padding-left: var(--rs-gutter) !important;
    padding-right: var(--rs-gutter) !important;
  }
  .rs-canvas [data-rs~="rail"] > * { flex: 0 0 min(84vw, 420px) !important; }

  /* ---- 10b · Lansman: etkileşimli kat planları ----
     Masaüstünde 3 sütun (tipler | plan | oda listesi) ve sabit 1040 px satır.
     Dar ekranda alt alta: tipler yatay kaydırılan şerit, plan alanına
     (içi mutlak konumlu) ekran genişliğine bağlı bir yükseklik verilir. */
  .rs-canvas [data-rs~="fp-grid"] {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    gap: clamp(16px, 4vw, 28px) !important;
  }
  .rs-canvas [data-rs~="fp-types"] {
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 12px !important;
    padding-bottom: 6px !important;
    scroll-snap-type: x proximity;
  }
  .rs-canvas [data-rs~="fp-types"] > * {
    flex: 0 0 min(66vw, 250px) !important;
    min-height: 0 !important;
    padding: 18px 16px 18px 20px !important;
    scroll-snap-align: start;
  }
  .rs-canvas [data-rs~="fp-thumb"] { width: 50px !important; height: 90px !important; }
  .rs-canvas [data-rs~="fp-plan"] { height: clamp(400px, 120vw, 780px) !important; }
  .rs-canvas [data-rs~="fp-svg"] {
    left: 10px !important; right: 10px !important;
    top: 64px !important; bottom: 70px !important;
  }
  .rs-canvas [data-rs~="fp-chip"] { left: 14px !important; top: 16px !important; }
  .rs-canvas [data-rs~="fp-dl"] {
    top: auto !important; bottom: 14px !important;
    left: 14px !important; right: 14px !important;
    justify-content: center !important;
    height: 44px !important;
  }
  .rs-canvas [data-rs~="fp-list"] { flex: 0 0 auto !important; overflow: visible !important; }
  /* Net/Brüt alan kutuları: dar sütunda "m²" alt satıra düşmesin. */
  .rs-canvas [data-rs~="fp-side"] [data-rs~="keep-grid"] { gap: 12px !important; }
  .rs-canvas [data-rs~="fp-side"] [data-rs~="keep-grid"] > div { padding: 14px 16px !important; min-width: 0 !important; }
  .rs-canvas [data-rs~="fp-side"] [data-rs~="keep-grid"] > div > div:last-child {
    white-space: nowrap !important;
    font-size: clamp(20px, 5.6vw, 30px) !important;
  }

  /* Lansman iletişim kartı: genel max-width kuralı kartın içine gutter
     dolgusu veriyor, beyaz form kutusunun iki yanında koyu şerit kalıyordu.
     Kart kenardan gutter kadar içeri alınır, form kutusu karta oturur. */
  .rs-canvas [data-rs~="ct-card"] {
    padding: 0 !important;
    margin-left: var(--rs-gutter) !important;
    margin-right: var(--rs-gutter) !important;
    border-radius: 20px !important;
    border: 1px solid #E3ECE3 !important;
  }

  /* Lansman kapanış şeridi: logo üstte, bağlantılar ve telif altında sarılır. */
  .rs-canvas [data-rs~="lfoot"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
    padding-top: 26px !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .rs-canvas [data-rs~="lfoot"] > div {
    flex-wrap: wrap !important;
    gap: 10px 24px !important;
  }
  .rs-canvas [data-rs~="lfoot"] > div > span { flex-basis: 100% !important; }

  /* ---- 11 · Başlık: masaüstü menüsü gizlenir, mobil çubuk devreye girer ---- */
  .rs-canvas [data-screen-label="Header"] { display: none !important; }
  .rs-canvas [style*="height: 90px"] { height: 64px !important; min-height: 0 !important; }

  /* ---- 12 · Kahraman (hero) alanı ---- */
  .rs-canvas [data-rs~="hero"] {
    height: auto !important;
    min-height: min(760px, 92vh) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
  }
  .rs-canvas [data-rs~="center"] { text-align: center !important; }
  .rs-canvas [data-rs~="center"] > img { margin-left: auto !important; margin-right: auto !important; }
  .rs-canvas [data-rs~="hero-body"] {
    position: relative !important;
    left: auto !important; top: auto !important; right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 88px var(--rs-gutter) clamp(64px, 9vw, 88px) !important;
  }

  /* ---- 13 · Altbilgi ---- */
  .rs-canvas [data-rs~="footer-cols"] { display: block !important; }
  .rs-canvas [data-rs~="footer-cols"] > * + * { margin-top: clamp(28px, 7vw, 56px); }
  .rs-canvas [data-rs~="footer-bottom"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  /* Telefon / adres / e-posta kartları: 200 px'lik masaüstü kutuları yerine
     içeriğe göre kısalan kompakt kartlar. */
  .rs-canvas [data-rs~="ft-card"] {
    height: auto !important;
    min-height: 0 !important;
    gap: 10px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .rs-canvas [data-rs~="ft-tel"] { padding-left: 28px !important; }
}

/* ---- 13b · Telefon: yalnızca tekrar eden / menüde zaten olan içerik gizlenir ----
   Altbilgi bağlantı sütunları mobil menü çekmecesinde aynen var; açıklama
   paragrafı ve lansman kapanış çağrısı (hemen üstündeki iletişim formunu
   tekrarlıyor) telefonda sayfayı yalnızca uzatıyordu. */
@media (max-width: 767px) {
  .rs-canvas [data-rs~="hide-sm"] { display: none !important; }
  .rs-canvas [data-rs~="ft-main"] {
    margin-top: 36px !important;
    padding-bottom: 32px !important;
  }
  .rs-canvas [data-rs~="ft-logo"] { width: 112px !important; height: auto !important; }
  .rs-canvas [data-rs~="lfinal"] {
    height: auto !important;
    min-height: 0 !important;
  }
  .rs-canvas [data-rs~="lfinal"] [data-rs~="lfoot"] { border-top: 0 !important; }
}

/* ---- 14 · Yalnızca dar ekranda görünen öğeler ---- */
@media (min-width: 1200px) {
  [data-rs~="only-mobile"] { display: none !important; }
}

/* ============================================================
   MOBİL MENÜ — duyarli.js tarafından <body> altına eklenir.
   React ağacının dışında olduğu için yeniden çizimlerden etkilenmez.
   ============================================================ */

#rs-bar,
#rs-drawer {
  font-family: 'Poppins', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

#rs-bar {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 900;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 64px;
  padding: 0 clamp(14px, 4vw, 22px);
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px) saturate(1.1);
  -webkit-backdrop-filter: blur(16px) saturate(1.1);
  box-shadow: 0 6px 24px rgba(16, 26, 18, 0.14);
}
@media (max-width: 1199px) { #rs-bar { display: flex; } }

#rs-bar > a { display: block; line-height: 0; }
#rs-bar .rs-logo { display: block; height: 34px; width: auto; max-width: 46vw; }
#rs-bar .rs-actions { display: flex; align-items: center; gap: 8px; }

#rs-bar .rs-call,
#rs-bar .rs-burger {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  padding: 0;
  border: none;
  border-radius: 12px;
  background: #F0F6DF;
  color: #294623;
  cursor: pointer;
  transition: background-color 0.25s;
}
#rs-bar .rs-call:hover,
#rs-bar .rs-burger:hover { background: #DCEDB6; }
/* Üç çizgi ortada toplu dursun: grid'de her span ayrı satır olup düğmenin
   tüm yüksekliğine yayılıyor, üst çizgi kenara yapışıyordu. */
#rs-bar .rs-burger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#rs-bar .rs-burger span {
  display: block;
  width: 19px;
  height: 2px;
  border-radius: 2px;
  background: #294623;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s;
}
#rs-bar .rs-burger span + span { margin-top: 5px; }
html.rs-open #rs-bar .rs-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
html.rs-open #rs-bar .rs-burger span:nth-child(2) { opacity: 0; }
html.rs-open #rs-bar .rs-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

#rs-scrim {
  position: fixed;
  inset: 0;
  z-index: 940;
  background: rgba(12, 18, 14, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
html.rs-open #rs-scrim { opacity: 1; visibility: visible; }

#rs-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 950;
  width: min(88vw, 380px);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: -18px 0 48px rgba(16, 26, 18, 0.24);
  transform: translateX(101%);
  transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
  overflow-y: auto;
  overscroll-behavior: contain;
  visibility: hidden;
}
html.rs-open #rs-drawer { transform: translateX(0); visibility: visible; }
html.rs-open, html.rs-open body { overflow: hidden; }

/* Masaüstünde mobil arayüz hiç görünmez. */
@media (min-width: 1200px) {
  #rs-bar, #rs-scrim, #rs-drawer { display: none !important; }
}

#rs-drawer .rs-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid #E8EDE7;
}
#rs-drawer .rs-head img { height: 32px; width: auto; display: block; }
#rs-drawer .rs-close {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: grid;
  place-items: center;
  border: none;
  border-radius: 10px;
  background: #F2F6F2;
  font-size: 24px;
  line-height: 1;
  color: #294623;
  cursor: pointer;
  font-family: inherit;
}
#rs-drawer nav { padding: 4px 0 8px; }
#rs-drawer .rs-item + .rs-item { border-top: 1px solid #F0F3EF; }
#rs-drawer .rs-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 20px;
  border: none;
  background: transparent;
  text-align: left;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  color: #294623;
  text-decoration: none;
  cursor: pointer;
}
#rs-drawer .rs-row:hover { background: #F6FAF2; }
#rs-drawer .rs-row[aria-current="page"] { color: #1E331A; background: #F6FAF2; }
#rs-drawer .rs-caret {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-right: 2px solid #7C8C77;
  border-bottom: 2px solid #7C8C77;
  transform: rotate(45deg);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
#rs-drawer .rs-item.open .rs-caret { transform: rotate(-135deg); }
#rs-drawer .rs-sub {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  background: #F7FAF5;
}
#rs-drawer .rs-item.open .rs-sub { grid-template-rows: 1fr; }
#rs-drawer .rs-sub > div { overflow: hidden; }
#rs-drawer .rs-sub a {
  display: block;
  padding: 13px 20px 13px 32px;
  font-size: 15.5px;
  font-weight: 500;
  line-height: 1.35;
  color: #3C5236;
  text-decoration: none;
}
#rs-drawer .rs-sub a:hover { color: #294623; background: #EEF5E4; }
#rs-drawer .rs-sub a[aria-current="page"] { color: #294623; font-weight: 600; }
#rs-drawer .rs-cta {
  margin: 16px 18px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  border-radius: 50px;
  background: #294623;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
}
#rs-drawer .rs-cta:hover { background: #1E331A; }
#rs-drawer .rs-meta {
  margin-top: auto;
  padding: 16px 20px 24px;
  border-top: 1px solid #F0F3EF;
  font-size: 14.5px;
  line-height: 1.9;
  color: #56604F;
}
#rs-drawer .rs-meta a { color: #294623; text-decoration: none; font-weight: 600; }

@media (prefers-reduced-motion: reduce) {
  #rs-drawer, #rs-scrim, #rs-drawer .rs-sub, #rs-bar .rs-burger span { transition: none !important; }
}