/* Yalnızca iletisim.html için. Kuralların özgün sırası korunmuştur. */

        body {
            font-family: "Inter", sans-serif;
        }
        .map-dark {
            filter: invert(90%) hue-rotate(180deg) contrast(85%);
        }
        .bio-text p {
            margin-bottom: 18px;
            font-weight: 300;
            font-size: 16px;
            text-align: justify;
        }
        #iletisimFaq .accordion-item {
            background-color: transparent;
            border-right: 0;
            border-left: 0;
        }
        #iletisimFaq .accordion-button,
        #iletisimFaq .accordion-button:not(.collapsed) {
            background-color: transparent;
            color: #0e0e0e;
            box-shadow: none;
            font-size: 18px;
        }
        #iletisimFaq .accordion-body {
            text-align: justify;
        }
        .btn-whatsapp {
            background-color: #25D366;
            color: #fff;
            font-family: "Inter", sans-serif;
            font-weight: 600;
            font-size: 16px;
            text-decoration: none;
            border-radius: 50px;
            padding: 16px 34px;
            transition: background-color .15s ease-in-out;
        }
        .btn-whatsapp:hover {
            background-color: #20C763;
            color: #fff;
        }
        .iletisim-form-card {
            padding: 24px;
        }
        @media (min-width: 768px) {
            .iletisim-form-card {
                padding: 30px;
            }
        }
        .iletisim-form-card-header {
            flex-wrap: wrap;
            row-gap: 6px;
        }
        @media (min-width: 992px) {
            .iletisim-studio-photo {
                height: 100%;
            }
            .iletisim-studio-photo .card-img {
                height: 100%;
            }
            .iletisim-studio-photo .card-img::before {
                padding-top: 0;
            }
            .iletisim-location-card {
                height: 100%;
            }
        }
        .iletisim-location-text {
            padding: 24px 24px 0;
        }
        @media (min-width: 768px) {
            .iletisim-location-text {
                padding: 30px 30px 0;
            }
        }
        /* Temanın kendi scroll-hide mekanizması (.navbar-hide/.navbar-show,
           themebau.min.js içinde zaten scroll yönüne göre body'ye ekleniyor)
           normalde .navbar-top başlıklarını gizler. Bu sayfa masaüstünde
           .navbar-left kullanıyor ve mobilde logo/hamburger custom.css'te
           position:fixed ile ayrı konumlandırılmış — bu yüzden temanın
           scroll-hide'ına hiç bağlı değildi. Sadece bu sayfada (iletisim.html)
           deniyoruz: aşağı scroll'da mobil logo/hamburger kaybolsun, yukarı
           scroll'da veya sayfa başında/sonunda geri gelsin. */
        @media (max-width: 1023.98px) {
            .navbar-left .navbar-brand,
            .navbar-expand-lg.navbar-left .navbar-toggle {
                transition: transform .3s ease, opacity .3s ease;
            }
            body.navbar-hide:not(.navbar-end) .navbar-left .navbar-brand,
            body.navbar-hide:not(.navbar-end) .navbar-expand-lg.navbar-left .navbar-toggle {
                transform: translateY(-100%);
                opacity: 0;
                pointer-events: none;
            }
        }

        /* E-posta ve telefon için küçük kanal etiketleri. */
        .iletisim-kanal-etiketi {
            display: block;
            margin-bottom: 3px;
            color: #777;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.3;
        }
    

      .ik-hero{--ik-ink:#0e0e0e;--ik-gri:#5a5a5a;--ik-cizgi:#dee2e6}
      .ik-baslik{font-weight:400;letter-spacing:-.045em;line-height:.98;font-size:clamp(44px,5.4vw,76px);color:var(--ik-ink);margin:30px 0 24px;text-wrap:balance}
      .ik-lede{max-width:none;font-size:19px;line-height:1.5;font-weight:400;color:var(--ik-gri);margin:0 0 36px}
      .ik-lede strong{color:var(--ik-ink);font-weight:500}
      .ik-etiket{display:block;margin-bottom:12px;font:500 11px/1.2 "Inter",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--ik-gri)}
      .ik-chips{display:flex;flex-wrap:wrap;gap:8px}
      .ik-chip{appearance:none;-webkit-appearance:none;margin:0;border:1px solid var(--ik-cizgi);background:transparent;color:var(--ik-ink);
               font:400 14px/1 "Inter",sans-serif;padding:10px 14px;border-radius:0;cursor:pointer;transition:background .15s,border-color .15s}
      .ik-chip:hover{border-color:var(--ik-ink)}
      .ik-chip[aria-pressed="true"]{background:var(--ik-ink);border-color:var(--ik-ink);color:#fff}
      .ik-chip:focus-visible{outline:2px solid #0071e3;outline-offset:2px}

      /* .ik-defter / .ik-satir kurallari custom.css'e tasindi (2026-09-24) */

      .ik-hazir{margin:14px 0 0;font:400 12.5px/1.5 "Inter",sans-serif;color:var(--ik-gri)}
      .ik-hazir q{color:var(--ik-ink)}
      @media (min-width:992px){.ik-lede{text-align:justify}}
      @media (max-width:1023.98px){
        .ik-hero .ik-lede{margin-bottom:0}
        .ik-hero.row.gv-2 > [class*="col-"] + [class*="col-"]{padding-top:24px}
      }
      @media (max-width:575.98px){.ik-studyo-kart .ik-bilgi > div{grid-template-columns:1fr;gap:4px}}
      @media (min-width:992px){.ik-sol{display:flex;flex-direction:column}.ik-sol .ik-harita-gomulu{flex:1 1 0;height:auto;min-height:240px}
        .ik-studyo-kart{display:flex;flex-direction:column}.ik-studyo-kart figure{flex:1 1 0;min-height:380px}.ik-studyo-kart figure img{height:100%;aspect-ratio:auto}}
      @media (max-width:575.98px){.ik-baslik{margin-top:10px}}
      @media (prefers-reduced-motion:reduce){.ik-chip,.ik-satir,.ik-satir .ik-ok,.ik-satir svg{transition:none}}
      /* Modül 1 · teklif formu — siyah kart (iletisim.html) + yeni tipografi */
      .ik-h2{font-weight:400;letter-spacing:-.03em;font-size:clamp(28px,2.6vw,36px);line-height:1.1;color:var(--ik-ink);margin:0 0 10px;text-wrap:balance}
      .ik-alt{margin:0 0 28px;color:var(--ik-gri);max-width:52ch;font-size:16px;line-height:1.55}
      .ik-kart .ik-h2{color:var(--ik-ink)}
      .ik-kart .ik-alt{color:var(--ik-gri)}
      .ik-kart .ik-etiket{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;color:var(--ik-gri)}
      .ik-kart .ik-etiket span{color:#8a8a85}
      .ik-kart .form-control{font-family:"Inter",sans-serif;font-size:16px;font-weight:400;color:var(--ik-ink)}
      .ik-kart .form-control::placeholder{color:#9a9a95}
      .ik-kart .form-control::-webkit-input-placeholder{color:#9a9a95}
      .ik-kart .ik-chips{gap:6px}
      .ik-kart .ik-chip{background:#fff;font-size:13px;padding:8px 12px}
      .ik-kart .ik-chip[aria-pressed="true"]{background:var(--ik-ink);border-color:var(--ik-ink);color:#fff}
      .ik-kart .ik-hata{display:none;margin-top:6px;font-size:12.5px;line-height:1.4;color:#b3261e}
      .ik-kart .ik-kotu .ik-hata{display:block}
      .ik-kart .ik-kotu .form-control{border-color:#b3261e}
      .ik-kart .ik-gonder{font-family:"Inter",sans-serif;font-weight:500}
      .ik-studyo figure{position:relative;margin:0}
      .ik-studyo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 38%;filter:grayscale(1)}
      .ik-kose{position:absolute;width:18px;height:18px;border:0 solid #fff;opacity:.9}
      .ik-kose.tl{top:10px;left:10px;border-width:1px 0 0 1px}.ik-kose.tr{top:10px;right:10px;border-width:1px 1px 0 0}
      .ik-kose.bl{bottom:10px;left:10px;border-width:0 0 1px 1px}.ik-kose.br{bottom:10px;right:10px;border-width:0 1px 1px 0}
      .ik-adres{margin:28px 0 18px;font-style:normal;font-size:19px;line-height:1.35;letter-spacing:-.01em;color:var(--ik-ink)}
      .ik-bilgi{border-top:1px solid var(--ik-cizgi);margin-bottom:0}
      .ik-bilgi > div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--ik-cizgi);font-size:14.5px;color:var(--ik-ink)}
      .ik-bilgi .ik-etiket{margin:0;padding-top:3px}
      .ik-studyo-kart .ik-bilgi{border-top-color:#dcdcd8}.ik-studyo-kart .ik-bilgi > div{border-bottom-color:#dcdcd8}
      .ik-harita-gomulu{display:block;width:100%;height:300px;border:0;margin-top:24px;border-radius:3px;background:#f5f5f5;filter:grayscale(1) contrast(.92) brightness(1.03)}
    
