/* ============================================================
   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.
   ============================================================ */

@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: 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: 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: 32px"][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: 620px"]:not([data-rs~="keep-h"])) { min-height: clamp(266px, 38.75vw, 620px) !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 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;
    width: auto !important;
    transform: none !important;
    margin-top: clamp(12px, 3vw, 20px) !important;
  }
  .rs-canvas [data-rs~="flow"] [style*="position: absolute"]:first-child {
    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; }

  /* 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; }

  /* ---- 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;
  }
}

/* ---- 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; }
#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; }
}