.whatsapp-float {
    position: fixed;
    right: 30px;
    bottom: 100px;
    z-index: 999;
  }
  
  .whatsapp-button {
    display: flex;
    align-items: center;
    background: #25D366;
    color: white;
    padding: 12px;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    transition: all 0.3s ease;
    font-weight: 600;
    width: 56px;
    height: 56px;
    justify-content: center;
  }
  
  .whatsapp-button:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
    color: white;
    border-radius: 50px;
    width: auto;
    padding: 12px 20px;
  }
  
  .whatsapp-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .whatsapp-text {
    font-size: 16px;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: max-width 0.3s ease;
  }
  
  .whatsapp-button:hover .whatsapp-text {
    max-width: 200px;
    margin-left: 10px;
  }
  
  @media (max-width: 768px) {
    .whatsapp-float {
      right: 30px;
      bottom: 100px;
    }
    
    .whatsapp-button {
      padding: 10px;
      border-radius: 50%;
      width: 56px;
      height: 56px;
    }
    
    .whatsapp-text {
      display: none;
    }
    
    .whatsapp-button:hover {
      border-radius: 50%;
      width: 50px;
      height: 50px;
      padding: 10px;
    }
  }

  .cookie-consent {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 15px 25px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    z-index: 9999;
    max-width: 90%;
    width: 800px;
  }
  .cookie-content {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .cookie-icon {
    font-size: 24px;
    color: var(--color-primary);
  }
  .cookie-content p {
    margin: 0;
    font-size: 14px;
    color: #333;
  }
  .cookie-content a {
    color: var(--color-primary);
    text-decoration: none;
  }
  .cookie-content a:hover {
    text-decoration: underline;
  }
  .cookie-accept {
    background: var(--color-primary);
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
  }
  .cookie-accept:hover {
    background: var(--color-secondary);
  }
  @media (max-width: 576px) {
    .cookie-consent {
      flex-direction: column;
      text-align: center;
      padding: 15px;
    }
    .cookie-content {
      flex-direction: column;
    }
    .cookie-buttons {
      width: 100%;
    }
    .cookie-accept {
      width: 100%;
      padding: 10px;
    }
  }

  .progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 56px;
    width: 56px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 200ms linear;
  }

  .progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 99;
  }
  
  .progress-wrap::after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f062";
    text-align: center;
    line-height: 56px;
    font-size: 18px;
    color: var(--color-primary);
    left: 0;
    top: 0;
    height: 56px;
    width: 56px;
    cursor: pointer;
    display: block;
    z-index: 1;
    transition: all 200ms linear;
  }
  
  .progress-wrap:hover::after {
    opacity: 0;
  }
  
  .progress-wrap::before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f062";
    text-align: center;
    line-height: 56px;
    font-size: 18px;
    opacity: 0;
    left: 0;
    top: 0;
    height: 56px;
    width: 56px;
    cursor: pointer;
    display: block;
    z-index: 2;
    transition: all 200ms linear;
  }
  
  .progress-wrap:hover::before {
    opacity: 1;
  }
  
  .progress-wrap svg path {
    fill: none;
  }
  
  .progress-wrap svg.progress-circle path {
    stroke: var(--color-primary);
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear;
  }


/* ================================================================
   KARTAY İNŞAAT — Premium Elegans Katmanı
   Dosya: assets/css/ek.css  |  append bloğu
   Palette : --color-primary  = #A89379 (grej-metalik)
             --color-secondary = #23262A (antrasit)
   Konsept : Kartal / Yükseklik / Hassasiyet / İnşa Gücü
   ================================================================ */

/* ----------------------------------------------------------------
   0. YEREL DEĞİŞKENLER
   ---------------------------------------------------------------- */
:root {
  --grej-10  : rgba(168, 147, 121, 0.10);
  --grej-20  : rgba(168, 147, 121, 0.20);
  --grej-40  : rgba(168, 147, 121, 0.40);
  --ant-88   : rgba(35, 38, 42, 0.88);
  --ant-96   : rgba(35, 38, 42, 0.96);

  /* kart gölgeleri */
  --shadow-card       : 0 2px 8px rgba(35,38,42,0.07),
                        0 6px 22px rgba(35,38,42,0.09);
  --shadow-card-hover : 0 8px 28px rgba(35,38,42,0.16),
                        0 2px 8px  rgba(35,38,42,0.10);

  --radius-card  : 10px;

  /* animasyon */
  --ease-out-expo  : cubic-bezier(0.16, 1, 0.3, 1);
  --dur-std        : 280ms;
}


/* ----------------------------------------------------------------
   1. TİPOGRAFİ & RİTİM
   ---------------------------------------------------------------- */

/* Başlıklarda satır-balansı */
h1, h2, h3, h4 {
  text-wrap: balance;
}

/* İstatistik sayaçları: tabular rakamlar */
.odometer,
.single-fun-facts-area .title,
.single-fun-facts-area h2 {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* Eyebrow / pre etiketleri — genel letter-spacing */
.title-wrapper-left span.pre,
.title-left-align-five span.pre {
  letter-spacing : 0.13em;
  text-transform : uppercase;
  font-size      : 0.79rem;
  font-weight    : 700;
}

/* Banner pre etiketi */
.banner-inner-content-one span.pre {
  letter-spacing : 0.18em;
  text-transform : uppercase;
}

/* Hero başlık — sıkı kerning */
.banner-inner-content-one .title {
  letter-spacing : -0.02em;
  line-height    : 1.08;
}


/* ----------------------------------------------------------------
   2. KARTAL KANAT MOTİFİ — eyebrow'ların yanına ince şeritler
      (CSS-only, görsel gerektirmez, sol+sağ ince çizgi = kanat)
   ---------------------------------------------------------------- */

.title-wrapper-left span.pre,
.title-left-align-five span.pre {
  display        : inline-flex;
  align-items    : center;
  position       : relative;
}

.title-wrapper-left span.pre::before,
.title-wrapper-left span.pre::after,
.title-left-align-five span.pre::before,
.title-left-align-five span.pre::after {
  content          : "";
  display          : inline-block;
  width            : 26px;
  height           : 1px;
  background       : var(--color-primary);
  opacity          : 0.65;
  flex-shrink      : 0;
}

.title-wrapper-left span.pre::before,
.title-left-align-five span.pre::before { margin-right: 10px; }

.title-wrapper-left span.pre::after,
.title-left-align-five span.pre::after  { margin-left : 10px; }


/* ----------------------------------------------------------------
   3. BÖLÜM ARKA PLANLARI & DOKU
   ---------------------------------------------------------------- */

/* Açık bölümler → ılık greige kağıt tonu (pure-white değil) */
.bg_white   { background-color: #F7F4F1 !important; }
.bg-white-1 { background-color: #F7F4F1 !important; }

/* Çok ince greige ızgara doku — düz bölümlere derinlik */
.about-service-main-wrapper.bg_white,
.rts-faq-area.bg_white {
  background-image :
    linear-gradient(rgba(168,147,121,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168,147,121,0.035) 1px, transparent 1px);
  background-size  : 56px 56px;
}

/* Fun-facts (istatistik) dark bölümü → tam antrasit */
.fun-facts-area {
  background-color : var(--color-secondary) !important;
}

/* Testimonials bölümü: bg_primary (greige) yerine antrasit */
.rts-testimoanils-area {
  background-color : var(--color-secondary) !important;
}

/* Antrasit zemin üzerinde eyebrow + başlık renkleri */
.rts-testimoanils-area span.pre,
.rts-testimoanils-area .title {
  color : #F7F4F1 !important;
}


/* ----------------------------------------------------------------
   4. HEADER
   ---------------------------------------------------------------- */

/* Sticky header — backdrop blur + tam antrasit */
header.heder-one.header--sticky.sticky {
  backdrop-filter   : blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background-color  : var(--ant-96) !important;
  box-shadow        : 0 2px 24px rgba(35,38,42,0.30);
  transition        : background-color var(--dur-std) var(--ease-out-expo),
                      box-shadow var(--dur-std) var(--ease-out-expo);
}

/* Üst bilgi şeridi (telefon/email) — ince greige separator */
.heder-one .rts-header-right .top {
  border-bottom : 1px solid var(--grej-20);
}

/* Nav link hover → greige */
.heder-one .nav-area ul li a:hover {
  color : var(--color-primary);
}


/* ----------------------------------------------------------------
   5. PROJE (PORTFOLİO) KARTLARI
      .single-case-studies-5
      — SVG overlay: turuncu gradyanı kaldır → antrasit + greige vurgu
   ---------------------------------------------------------------- */

/* SVG dark overlay → antrasit */
.swiper-recent-project-5-wrapper .single-case-studies-5 svg > rect {
  fill         : var(--color-secondary) !important;
  fill-opacity : 0.72;
}

/* Mix-blend overlay içindeki rect (turuncu gradient) → greige parıltı */
.swiper-recent-project-5-wrapper .single-case-studies-5 svg g rect {
  fill         : var(--color-primary) !important;
  fill-opacity : 0.12;
}

/* Görsel üzerine ince inset outline — hover'da greige */
.swiper-recent-project-5-wrapper .single-case-studies-5 > a img {
  outline        : 2px solid transparent;
  outline-offset : -2px;
  transition     : outline-color var(--dur-std) var(--ease-out-expo);
}

.swiper-recent-project-5-wrapper .single-case-studies-5:hover > a img {
  outline-color : var(--grej-40);
}


/* ----------------------------------------------------------------
   6. SERVİS KARTLARI — .single-service-one
   ---------------------------------------------------------------- */

.single-service-one {
  border-top  : 2px solid var(--color-primary);
  box-shadow  : var(--shadow-card);
  border-radius: var(--radius-card);
  transition  : transform var(--dur-std) var(--ease-out-expo),
                box-shadow var(--dur-std) var(--ease-out-expo);
}

.single-service-one:hover {
  transform  : translateY(-7px);
  box-shadow : var(--shadow-card-hover);
}

/* "Hizmet Detay" read-more link */
.single-service-one .inner a.read-more-narrow {
  color          : var(--color-primary);
  letter-spacing : 0.06em;
  font-weight    : 600;
  font-size      : 0.82rem;
  text-transform : uppercase;
  position       : relative;
  display        : inline-block;
  transition     : color var(--dur-std) var(--ease-out-expo);
}

.single-service-one .inner a.read-more-narrow::after {
  content          : "";
  position         : absolute;
  bottom           : -2px;
  left             : 0;
  width            : 0;
  height           : 1px;
  background       : var(--color-primary);
  transition       : width var(--dur-std) var(--ease-out-expo);
}

.single-service-one .inner a.read-more-narrow:hover::after {
  width : 100%;
}


/* ----------------------------------------------------------------
   7. İSTATİSTİK SAYAÇLARI (fun-facts)
   ---------------------------------------------------------------- */

.single-fun-facts-area {
  border-bottom  : 1px solid var(--grej-20);
  padding-bottom : 28px;
}

/* Büyük sayılar → greige metalik */
.fun-facts-area .single-fun-facts-area .title,
.fun-facts-area .single-fun-facts-area h2 {
  color : var(--color-primary) !important;
}

/* Açıklama metni → soluk beyaz */
.fun-facts-area .single-fun-facts-area .disc,
.fun-facts-area .single-fun-facts-area p {
  color : rgba(247, 244, 241, 0.72);
}


/* ----------------------------------------------------------------
   8. TAKIM (TEAM) KARTLARI
   ---------------------------------------------------------------- */

.single-team-style-five {
  border-radius : var(--radius-card);
  overflow      : hidden;
  box-shadow    : var(--shadow-card);
  transition    : transform var(--dur-std) var(--ease-out-expo),
                  box-shadow var(--dur-std) var(--ease-out-expo);
}

.single-team-style-five:hover {
  transform  : translateY(-6px);
  box-shadow : var(--shadow-card-hover);
}

.single-team-style-five .inner-content-team {
  border-top : 2px solid var(--color-primary);
}


/* ----------------------------------------------------------------
   9. TESTİMONİAL KARTLARI
   ---------------------------------------------------------------- */

.testimonials-area-single-wrapper-5 {
  border-top    : 2px solid var(--color-primary);
  border-radius : 14px;
  box-shadow    : 0 4px 28px rgba(35,38,42,0.22);
  transition    : transform var(--dur-std) var(--ease-out-expo),
                  box-shadow var(--dur-std) var(--ease-out-expo);
}

.testimonials-area-single-wrapper-5:hover {
  transform  : translateY(-5px);
  box-shadow : 0 14px 44px rgba(35,38,42,0.30);
}

/* Antrasit zemin üzerinde testimonial metin */
.rts-testimoanils-area .testimonials-area-single-wrapper-5 {
  background : rgba(255,255,255,0.04);
}

.rts-testimoanils-area .testimonials-area-single-wrapper-5 p.disc,
.rts-testimoanils-area .testimonials-area-single-wrapper-5 .title,
.rts-testimoanils-area .testimonials-area-single-wrapper-5 span {
  color : rgba(247,244,241,0.88) !important;
}

.rts-testimoanils-area .testimonials-area-single-wrapper-5
  .thumbnail-wrapper-left .inner-thumbnail-right span {
  color : var(--color-primary) !important;
}


/* ----------------------------------------------------------------
   10. FAQ / SSS ACCORDION
   ---------------------------------------------------------------- */

.rts-faq-area .accordion-item {
  border        : none;
  border-bottom : 1px solid var(--grej-20);
  background    : transparent;
}

.rts-faq-area .accordion-button {
  background   : transparent !important;
  color        : var(--color-secondary) !important;
  font-weight  : 600;
  box-shadow   : none !important;
  transition   : color var(--dur-std) var(--ease-out-expo),
                 padding-left var(--dur-std) var(--ease-out-expo);
}

.rts-faq-area .accordion-button:not(.collapsed) {
  color        : var(--color-primary) !important;
  padding-left : 18px;
}

/* Chevron → greige rengi */
.rts-faq-area .accordion-button::after,
.rts-faq-area .accordion-button:not(.collapsed)::after {
  background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23A89379' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  filter           : none;
}


/* ----------------------------------------------------------------
   11. BLOG KARTLARI — .rts-blog-card-one
   ---------------------------------------------------------------- */

.rts-blog-card-one {
  border-radius : var(--radius-card);
  overflow      : hidden;
  border-top    : 2px solid var(--color-primary);
  box-shadow    : var(--shadow-card);
  transition    : transform var(--dur-std) var(--ease-out-expo),
                  box-shadow var(--dur-std) var(--ease-out-expo);
}

.rts-blog-card-one:hover {
  transform  : translateY(-7px);
  box-shadow : var(--shadow-card-hover);
}

/* Görsel zoom on hover */
.rts-blog-card-one .thumbnail {
  overflow : hidden;
}

.rts-blog-card-one .thumbnail img {
  transition : transform 480ms var(--ease-out-expo);
}

.rts-blog-card-one:hover .thumbnail img {
  transform : scale(1.045);
}

/* "Devamını Oku" linki */
.read-more-btn {
  color          : var(--color-primary);
  font-weight    : 600;
  letter-spacing : 0.07em;
  text-transform : uppercase;
  font-size      : 0.80rem;
  display        : inline-flex;
  align-items    : center;
  gap            : 6px;
  transition     : color var(--dur-std) var(--ease-out-expo),
                   gap   var(--dur-std) var(--ease-out-expo);
}

.read-more-btn:hover {
  color : var(--color-secondary);
  gap   : 10px;
}


/* ----------------------------------------------------------------
   12. DÜĞMELER (BUTTONS)
   ---------------------------------------------------------------- */

/* Tüm rts-btn: basma efekti (scale 0.97) */
.rts-btn {
  transition : transform var(--dur-std) var(--ease-out-expo),
               box-shadow var(--dur-std) var(--ease-out-expo),
               color var(--dur-std) var(--ease-out-expo);
}

.rts-btn:active {
  transform : scale(0.97);
}

/* btn-primary: ince metalik üst parıltı + hover gölge */
.rts-btn.btn-primary {
  box-shadow : inset 0 1px 0 rgba(255,255,255,0.10);
}

.rts-btn.btn-primary:hover {
  box-shadow : inset 0 1px 0 rgba(255,255,255,0.12),
               0 8px 22px rgba(35,38,42,0.22);
}

/* btn-white */
.rts-btn.btn-white:hover {
  box-shadow : 0 6px 18px rgba(168,147,121,0.28);
}

/* btn-header */
.rts-btn.btn-header {
  letter-spacing : 0.02em;
  box-shadow     : inset 0 1px 0 rgba(255,255,255,0.08);
}


/* ----------------------------------------------------------------
   13. FOOTER
   ---------------------------------------------------------------- */

/* Arka plan görseli üzerine antrasit overlay (bg_footer-1 + bg_image) */
.rts-footer-area {
  position : relative;
}

.rts-footer-area::before {
  content         : "";
  position        : absolute;
  inset           : 0;
  background      : var(--ant-88);
  z-index         : 0;
  pointer-events  : none;
}

/* İçerik katmanını overlay'in üstüne taşı */
.rts-footer-area > .container,
.rts-footer-area > .container-full {
  position : relative;
  z-index  : 1;
}

/* Footer metin renkleri */
.rts-footer-area .footer-wrapper-left-one p.disc {
  color       : rgba(247,244,241,0.62);
  line-height : 1.80;
}

/* Footer bölüm başlıkları → greige + uppercase */
.rts-footer-area .single-nav-area-footer h4.title {
  color          : var(--color-primary);
  letter-spacing : 0.09em;
  font-size      : 0.82rem;
  text-transform : uppercase;
  margin-bottom  : 20px;
}

/* Footer linkler */
.rts-footer-area .single-nav-area-footer ul li a {
  color      : rgba(247,244,241,0.65);
  transition : color var(--dur-std) var(--ease-out-expo),
               padding-left var(--dur-std) var(--ease-out-expo);
}

.rts-footer-area .single-nav-area-footer ul li a:hover {
  color        : var(--color-primary);
  padding-left : 5px;
}

.rts-footer-area .single-nav-area-footer ul li a i {
  color   : var(--color-primary);
  opacity : 0.70;
}

/* Footer iletişim linkleri */
.rts-footer-area .single-nav-area-footer.news-letter p {
  color : rgba(247,244,241,0.65);
}

.rts-footer-area .single-nav-area-footer.news-letter p a {
  color      : rgba(247,244,241,0.65);
  transition : color var(--dur-std) var(--ease-out-expo);
}

.rts-footer-area .single-nav-area-footer.news-letter p a:hover {
  color : var(--color-primary);
}

.rts-footer-area .single-nav-area-footer.news-letter p i {
  color   : var(--color-primary);
  opacity : 0.80;
}

/* Copyright şeridi */
.copyright-area-one {
  position   : relative;
  z-index    : 1;
  border-top : 1px solid var(--grej-20);
}

.copyright-area-one .copyright-wrapper p {
  color     : rgba(247,244,241,0.38);
  font-size : 0.82rem;
}

/* Footer sosyal ikonlar */
.social-area-wrapper-one ul li a {
  border     : 1px solid var(--grej-20);
  border-radius : 50%;
  color      : rgba(247,244,241,0.60);
  transition : color var(--dur-std) var(--ease-out-expo),
               background-color var(--dur-std) var(--ease-out-expo),
               border-color     var(--dur-std) var(--ease-out-expo);
}

.social-area-wrapper-one ul li a:hover {
  background-color : var(--color-primary);
  border-color     : var(--color-primary);
  color            : #fff;
}


/* ----------------------------------------------------------------
   14. REFERANS (BRAND) SLIDER
   ---------------------------------------------------------------- */

.sigle-brand {
  filter     : grayscale(45%) opacity(0.60);
  transition : filter var(--dur-std) var(--ease-out-expo),
               opacity var(--dur-std) var(--ease-out-expo);
}

.sigle-brand:hover {
  filter : grayscale(0%) opacity(1);
}


/* ----------------------------------------------------------------
   15. SLIDER PAGİNATİON → greige rengi
   ---------------------------------------------------------------- */

.swiper-pagination-bullet-active {
  background : var(--color-primary) !important;
}

.swiper-pagination-bullet {
  background : var(--color-primary);
  opacity    : 0.35;
}


/* ----------------------------------------------------------------
   16. BÖLÜM GENEL BOŞLUK İYİLEŞTİRMELERİ
   ---------------------------------------------------------------- */

/* about bölümü başlık kerning */
.about-content-area-two .title-wrapper-left .title {
  letter-spacing : -0.01em;
}


/* ----------------------------------------------------------------
   17. REDUCED-MOTION GUARD
      (prefers-reduced-motion: reduce — tüm animasyonları durdur)
   ---------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration        : 0.01ms !important;
    animation-duration         : 0.01ms !important;
    animation-iteration-count  : 1       !important;
  }

  .rts-btn:active                           { transform : none; }
  .single-service-one:hover                 { transform : none; }
  .single-team-style-five:hover             { transform : none; }
  .testimonials-area-single-wrapper-5:hover { transform : none; }
  .rts-blog-card-one:hover                  { transform : none; }
  .rts-blog-card-one:hover .thumbnail img   { transform : none; }
}

/* ================================================================
   /END KARTAY ELEGANS KATMANI
   ================================================================ */

/* ============================================================
   KOMPAKT / RAFİNE ÖLÇEK (2026-07-01)
   "rts" teması varsayılan çok iri (root 10px, rem-bazlı her şey büyük) →
   global hafif de-zoom + en iri öğelere tavan. Küçük ekranda "%300 büyük"
   hissini giderir; 1920'de dengeli kalır. Gövde metni okunaklı korunur.
   ============================================================ */
html { font-size: 9px; }
@media (max-width: 1600px) { html { font-size: 8.5px; } }
@media (max-width: 1400px) { html { font-size: 8.1px; } }
@media (max-width: 1100px) { html { font-size: 9px; } }
@media (max-width: 600px)  { html { font-size: 9.4px; } }

/* Gövde metni rem küçülmesine rağmen okunaklı kalsın */
body { font-size: 1.72rem; }
p, .disc, li, .rts-btn, .nav-area a, .menu-item a { font-size: 1.7rem; }

/* En iri öğelere ek tavan (viewport ile ölçeklenir) */
.banner-area-one-start h1, [class*="banner-area"] h1, .slider-content h1 {
    font-size: clamp(2.3rem, 3.1vw, 5.2rem) !important;
    line-height: 1.1 !important;
}
.title-wrapper-left .title, .title-left-align-five .title, .section-title .title, .rts-section-title .title {
    font-size: clamp(1.9rem, 2.3vw, 3.6rem) !important;
    line-height: 1.16 !important;
}
/* Bölüm boşlukları daha derli toplu */
.rts-section-gap { padding-top: clamp(56px, 5.2vw, 100px) !important; padding-bottom: clamp(56px, 5.2vw, 100px) !important; }
.rts-section-gapTop { padding-top: clamp(56px, 5.2vw, 100px) !important; }
.rts-section-gapBottom { padding-bottom: clamp(56px, 5.2vw, 100px) !important; }

/* Proje kartı görseli daha makul yükseklik */
.single-case-studies-5 img, [class*="case-studies"] img { max-height: 380px !important; object-fit: cover !important; }
/* Blog kart görseli + kompakt */
.rts-blog-card-one .thumbnail img, [class*="blog-card"] img, [class*="blog"] .thumbnail img { height: clamp(170px, 14vw, 230px) !important; object-fit: cover !important; }
/* Hizmet kartı biraz daha sıkı */
.single-service-one { padding: clamp(20px, 2vw, 34px) !important; }

/* ============================================================
   HERO VIDEO ARKA PLAN (1. slide — kartal+kule sinematik)
   ============================================================ */
.banner-area-one-start { position: relative; overflow: hidden; }
.banner-area-one-start.has-hero-video .hero-bg-video {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;
}
.banner-area-one-start.has-hero-video::after {
    content: ""; position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(90deg, rgba(35,38,42,.72) 0%, rgba(35,38,42,.42) 45%, rgba(35,38,42,.15) 100%);
}
.banner-area-one-start .container { position: relative; z-index: 2; }
@media (prefers-reduced-motion: reduce) { .banner-area-one-start.has-hero-video .hero-bg-video { display: none; } }

/* Header logo: de-zoom'dan etkilenmeyen sabit (vw) genişlik — wide wordmark logo görünür olsun */
a.logo img, .logo-area a.logo img, .logo img { width: clamp(150px, 13vw, 200px) !important; height: auto !important; max-height: none !important; }
@media (max-width: 768px){ a.logo img, .logo img { width: 150px !important; } }

/* Logo slot'u serbest bırak (tema 66px kare slot + img max-width:100% kıstırıyordu) */
.logo-area, .logo-area a.logo, a.logo { width: auto !important; height: auto !important; max-width: none !important; }
.logo-area a.logo img, a.logo img, .logo img { max-width: none !important; min-width: 150px !important; }

/* ================================================================
   KONTRAST & OKUNAKLILIK PAKETİ (2026-07-01)
   5 sorun: 1-Header boşluk | 2-Hizmetler koyu | 3-Stats dikey/okunaksız
             4-SSS okunaksız | 5-Footer metinleri
   Kural: SADECE APPEND — mevcut satırlar dokunulmaz.
   ================================================================ */

/* ----------------------------------------------------------------
   [1] HEADER — SOL/SAĞ/ÜST BEYAZ BOŞLUK GİDERİLDİ
       Sorun: .heder-one max-width:1820px + margin:auto + margin-top:50px
              + border-radius:10px → gövde beyaz arka planı görünüyordu.
       Çözüm: Tam genişlik, sıfır margin, radius yok.
   ---------------------------------------------------------------- */
header.heder-one {
  max-width     : 100% !important;
  margin        : 0    !important;
  border-radius : 0    !important;
}

/* Sticky (sabitlenmiş) header — sol sıfır, transform yok, radius yok */
header.heder-one.header--sticky,
.header--sticky.sticky {
  left          : 0    !important;
  transform     : none !important;
  border-radius : 0    !important;
  margin        : 0    !important;
}

/* Container içi padding eşitleme */
.heder-one .header-two-container {
  padding-left  : clamp(16px, 2vw, 40px) !important;
  padding-right : clamp(16px, 2vw, 40px) !important;
}


/* ----------------------------------------------------------------
   [2] HİZMETLERİMİZ — KARTI AÇIK/SICAK GREIGE YAPILDI
       Sorun: .single-service-one background:#1E1E20 (koyu antrasit) →
              bg_white bölüm (#F7F4F1) üzerinde koyu kart.
       Çözüm: Kart arka planı ılık greige/beyaz; metin koyu.
   ---------------------------------------------------------------- */

/* Kart dış gövde: warm paper */
.single-service-one {
  background    : #F7F4F1 !important;
  border-radius : 10px    !important;
}

/* İkon kutusu: biraz daha koyu greige */
.single-service-one .icon {
  background    : #EDE8E2 !important;
}

/* İkon hover rengi → primary greige */
.single-service-one:hover .icon {
  background    : var(--color-primary) !important;
}

/* Başlık kutusu (inner): beyaz */
.single-service-one .inner {
  background    : #fff    !important;
}

/* Kart başlığı: antrasit */
.single-service-one .inner .title {
  color         : var(--color-secondary) !important;
}

/* Kart açıklama: ılık koyu gri */
.single-service-one .inner p {
  color         : #4A4540 !important;
}

/* Watermark (arka planda büyük yazı) uyum */
.single-service-one .water-mark {
  color         : rgba(35,38,42,0.06) !important;
}


/* ----------------------------------------------------------------
   [3] İSTATİSTİKLER (FUN-FACTS) — KART BG + OKUNAKLILIIK + ODOMETER
       Sorunlar:
       a) .single-fun-facts-area background:#fff → greige sayılar beyazda
          okunmuyor.
       b) font-size:72px çok büyük; dar kartlarda basamaklar satıra kıyor.
       c) Odometer JS .odometer-digit = inline-block olmasına rağmen bazı
          ortamlarda h2 genişliği dar gelip basamaklar alt satıra geçiyor.
       Çözüm: Kart şeffaf (koyu bölüm bg görünsün), metin açık, boyut küçük,
              odometer white-space + display override.
   ---------------------------------------------------------------- */

/* Beyaz kart bg kaldırıldı — koyu bölüm arka planı gösterilir */
.single-fun-facts-area {
  background    : rgba(247, 244, 241, 0.05) !important;
  border        : 1px solid rgba(168, 147, 121, 0.18) !important;
  border-bottom : 1px solid rgba(168, 147, 121, 0.18) !important; /* override ek.css section-7 */
  border-radius : 10px !important;
}

/* Büyük sayı/başlık: açık/krem (koyu bg üzerinde okunur) */
.fun-facts-area .single-fun-facts-area .title,
.fun-facts-area .single-fun-facts-area h2.counter {
  color         : #F7F4F1 !important;
  font-size     : clamp(2.4rem, 3.8vw, 4.0rem) !important;
  line-height   : 1.1 !important;
  white-space   : nowrap !important; /* basamaklar tek satırda kalsın */
  letter-spacing: -0.02em !important;
}

/* Sufiks (+ % vb.) → primary greige ile aksan */
.fun-facts-area .single-fun-facts-area h2.counter > *:not(.odometer) {
  color         : var(--color-primary) !important;
}

/* Açıklama metni: yarı-saydam krem */
.fun-facts-area .single-fun-facts-area p.disc,
.fun-facts-area .single-fun-facts-area .disc {
  color         : rgba(247, 244, 241, 0.70) !important;
}

/* ---- Odometer basamak düzeltme ----
   Odometer .odometer-digit display:inline-block var (temasında doğru),
   ancak h2 wrapper display:block olunca container dar kalırsa wrap olabilir.
   white-space:nowrap üstte verildi; aşağıdakiler ek güvence: */
.single-fun-facts-area .odometer,
.single-fun-facts-area .odometer-inside {
  display       : inline !important;
}

.single-fun-facts-area .odometer-digit {
  display       : inline-block !important;
  vertical-align: baseline !important;
}

/* Yüklenmeden önce placeholder "00" boyutu */
.single-fun-facts-area .odometer .odometer-value {
  display       : block !important;  /* ribbon animasyonu için block kalmalı */
}

@media (prefers-reduced-motion: reduce) {
  .single-fun-facts-area .odometer * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}


/* ----------------------------------------------------------------
   [4] SSS (FAQ) ACCORDION — KONTRAST SORUNU DÜZELTİLDİ
       Sorun: ek.css bölüm-10'da .rts-faq-area seçicisi ile
              accordion-button rengi var(--color-secondary)=koyu antrasit
              yapıldı; ama tema .faq-inner-one .accordion .accordion-item
              seçicisi daha özgül (0,3,0 > 0,2,0) olduğundan kart bg
              #1E1E20 kalmaya devam etti → koyu kart + koyu metin = okunamaz.
       Çözüm: Aynı yüksek özgüllükteki seçici + !important ile ışık tonu.
   ---------------------------------------------------------------- */

/* Akordeon kart bg → beyaz/ılık */
.faq-inner-one .accordion .accordion-item {
  background    : #fff !important;
  border        : 1px solid rgba(168, 147, 121, 0.20) !important;
  border-radius : 8px  !important;
  margin-bottom : 12px !important;
}

/* Açık (aktif) kart → ılık greige */
.faq-inner-one .accordion .accordion-item.active {
  background    : #F7F4F1 !important;
  border-color  : var(--color-primary) !important;
}

/* Düğme (kapalı) bg + metin */
.faq-inner-one .accordion .accordion-item .accordion-header button {
  background    : #fff !important;
  color         : var(--color-secondary) !important;
  border-radius : 7px  !important;
}

/* Aktif (açık) kart düğmesi */
.faq-inner-one .accordion .accordion-item.active .accordion-header button {
  background    : #F7F4F1 !important;
  color         : var(--color-primary) !important;
}

/* Bootstrap expand durumunda düğme bg/renk override */
.faq-inner-one .accordion .accordion-item .accordion-header button:not(.collapsed) {
  background    : #F7F4F1 !important;
  color         : var(--color-primary) !important;
}

/* Chevron ikonu kutusu: koyu zemin üzerinde görünür */
.faq-inner-one .accordion .accordion-item .accordion-header button::after {
  background    : var(--color-secondary) !important;
  color         : #F7F4F1 !important;
  border-radius : 4px !important;
}

/* Accordion body metin: koyu antrasit (açık kart bg üzerinde) */
.faq-inner-one .accordion .accordion-item .accordion-body {
  color         : var(--color-secondary) !important;
}

.faq-inner-one .accordion .accordion-item .accordion-body p,
.faq-inner-one .accordion .accordion-item .accordion-body .disc {
  color         : #3A3530 !important;
}

/* FAQ bölümü genel bg ızgarası kaldırıldı —
   bölüm sadece krem kağıt, kartlar zaten görünür (ek.css section-3 zaten var) */


/* ----------------------------------------------------------------
   [5] FOOTER — METİN OKUNAKLILIK PEKİŞTİRMESİ
       Ek.css bölüm-13'te var; ancak tema yüksek-özgüllük kuralları
       bazı başlık/metin renklerini geçersiz kılıyor.
       Çözüm: !important ile tam kapsama.
   ---------------------------------------------------------------- */

/* Tüm footer metni varsayılan açık renk */
.rts-footer-area,
.rts-footer-area p,
.rts-footer-area li,
.rts-footer-area span:not(.demo-pill) {
  color : rgba(247, 244, 241, 0.75) !important;
}

/* Bölüm başlıkları (h4.title) → primary greige, büyük harf */
.rts-footer-area h4.title,
.rts-footer-area h3.title,
.rts-footer-area .single-nav-area-footer .title {
  color          : var(--color-primary) !important;
  text-transform : uppercase !important;
  letter-spacing : 0.09em   !important;
  font-size      : 0.82rem  !important;
  font-weight    : 700      !important;
  margin-bottom  : 18px     !important;
}

/* Footer link renkleri */
.rts-footer-area a,
.rts-footer-area .single-nav-area-footer ul li a,
.rts-footer-area .single-nav-area-footer.use-link a {
  color      : rgba(247, 244, 241, 0.68) !important;
  transition : color 240ms ease !important;
}

.rts-footer-area a:hover,
.rts-footer-area .single-nav-area-footer ul li a:hover {
  color : var(--color-primary) !important;
}

/* İkon rengi */
.rts-footer-area .single-nav-area-footer ul li a i,
.rts-footer-area .single-nav-area-footer.news-letter p i {
  color   : var(--color-primary) !important;
  opacity : 0.80 !important;
}

/* İletişim alanı (news-letter) metin */
.rts-footer-area .single-nav-area-footer.news-letter p,
.rts-footer-area .single-nav-area-footer.news-letter p a {
  color : rgba(247, 244, 241, 0.70) !important;
}

/* Logo yanındaki açıklama paragrafı */
.rts-footer-area .footer-wrapper-left-one p.disc {
  color       : rgba(247, 244, 241, 0.65) !important;
  line-height : 1.80 !important;
}

/* Copyright şeridi */
.rts-footer-area .copyright-area-one .copyright-wrapper p {
  color     : rgba(247, 244, 241, 0.45) !important;
  font-size : 0.82rem !important;
}

/* ================================================================
   /END KONTRAST & OKUNAKLILIK PAKETİ
   ================================================================ */


/* ================================================================
   KARTAY İNŞAAT — 7-COMPLAINT POLISH PASS (append only)
   Palette : --color-primary  = #A89379 (grej-metalik)
             --color-secondary = #23262A (antrasit)
   KURAL   : Sadece append — önceki satırlar dokunulmaz.
             Gerektiğinde daha yüksek özgüllük / !important kullanıldı.
   ================================================================ */


/* ----------------------------------------------------------------
   [C1] HİZMETLERİMİZ — BEYAZ, YÜKSEK-KONTRAST KART
        Önceki geçiş kartı #F7F4F1 yaptı → yıkandı. Şimdi:
        - Saf beyaz kart + gözle görülür greige üst border
        - Antrasite başlık, koyu gri gövde metin
        - Hover'da belirgin lift + güçlü gölge
   Hedef: .single-service-one  (style.css:15738, ek.css:[2])
   ---------------------------------------------------------------- */

.single-service-one {
  background    : #FFFFFF !important;
  border        : 1px solid rgba(168, 147, 121, 0.22) !important;
  border-top    : 3px solid var(--color-primary) !important;
  box-shadow    : 0 2px 10px rgba(35,38,42,0.07),
                  0 6px 24px rgba(35,38,42,0.08) !important;
  border-radius : 10px !important;
  transition    : transform  var(--dur-std) var(--ease-out-expo),
                  box-shadow var(--dur-std) var(--ease-out-expo) !important;
}

.single-service-one:hover {
  transform  : translateY(-7px) !important;
  box-shadow : 0 10px 36px rgba(35,38,42,0.16),
               0 2px 10px rgba(35,38,42,0.09) !important;
}

/* İkon kutusu: ılık greige taban */
.single-service-one .icon {
  background    : #F0ECE6 !important;
  border-radius : 8px !important;
  transition    : background-color var(--dur-std) var(--ease-out-expo) !important;
}

.single-service-one:hover .icon {
  background    : var(--color-primary) !important;
}

/* İkon hover'da icon rengi beyaza dönsün */
.single-service-one:hover .icon i,
.single-service-one:hover .icon svg {
  color : #fff !important;
  fill  : #fff !important;
}

/* Alt içerik kutusu: arka plan transparan (kart beyaz zaten) */
.single-service-one .inner {
  background    : transparent !important;
}

/* Başlık: koyu antrasit */
.single-service-one .inner .title {
  color         : var(--color-secondary) !important;
  font-weight   : 700 !important;
}

/* Gövde metin: okunabilir warm koyu gri */
.single-service-one .inner p,
.single-service-one .inner .disc {
  color         : #3D3830 !important;
  line-height   : 1.72 !important;
}

/* Watermark: çok soluk, sadece ipucu */
.single-service-one .water-mark {
  color         : rgba(35, 38, 42, 0.05) !important;
}

/* Servis bölümü arka planı — hafif ılık gri (kart beyaz öne çıksın) */
.about-service-main-wrapper,
.about-service-main-wrapper.bg_white,
section.about-service-main-wrapper {
  background-color  : #EDE8E2 !important;
}


/* ----------------------------------------------------------------
   [C2] İSTATİSTİK SAYAÇLARI (fun-facts) — IŞIK & UYUMLU
        Önceki geçiş: koyu antrasit bölüm + şeffaf kart → "itici".
        Çözüm: Sıcak krem bölüm bg + beyaz kartlar + antrasit sayılar.
        Numbers: yatay, yeterince büyük, okunaklı.
   Hedef: .fun-facts-area  /  .single-fun-facts-area
   ---------------------------------------------------------------- */

/* Bölüm arka planı: ılık krem (artık antrasit değil) */
.fun-facts-area {
  background-color : #EDE8E2 !important;
}

/* Bölüm içi section başlık renk uyumu (light bg'de) */
.fun-facts-area .title-center-style-one .title {
  color : var(--color-secondary) !important;
}

.fun-facts-area .title-center-style-one .pre {
  color : var(--color-primary) !important;
}

/* Her istatistik kartı: beyaz, greige üst şerit, soft gölge */
.single-fun-facts-area {
  background    : #FFFFFF !important;
  border        : 1px solid rgba(168, 147, 121, 0.18) !important;
  border-top    : 3px solid var(--color-primary) !important;
  border-bottom : 1px solid rgba(168, 147, 121, 0.18) !important; /* ek.css bölüm-7 override */
  border-radius : 12px !important;
  box-shadow    : 0 2px 12px rgba(35,38,42,0.07) !important;
  padding       : 36px 32px !important;
  transition    : transform  var(--dur-std) var(--ease-out-expo),
                  box-shadow var(--dur-std) var(--ease-out-expo) !important;
}

.single-fun-facts-area:hover {
  transform  : translateY(-5px) !important;
  box-shadow : 0 10px 32px rgba(35,38,42,0.14) !important;
}

/* Turuncu/gradient overlay kaldır */
.single-fun-facts-area::after {
  display : none !important;
}

/* Büyük rakam/başlık: antrasit, okunaklı boyut, tek satır */
.fun-facts-area .single-fun-facts-area .title,
.fun-facts-area .single-fun-facts-area h2,
.fun-facts-area .single-fun-facts-area h2.counter {
  color         : var(--color-secondary) !important;
  font-size     : clamp(2.8rem, 4vw, 4.4rem) !important;
  font-weight   : 700 !important;
  line-height   : 1.05 !important;
  white-space   : nowrap !important;
  letter-spacing: -0.02em !important;
  margin-bottom : 10px !important;
}

/* Rakam span: kalın antrasit */
.fun-facts-area .single-fun-facts-area .title span,
.fun-facts-area .single-fun-facts-area h2 span {
  color : var(--color-primary) !important;
}

/* Açıklama: orta gri */
.fun-facts-area .single-fun-facts-area p.disc,
.fun-facts-area .single-fun-facts-area .disc {
  color       : #6B6358 !important;
  font-size   : 1.5rem !important;
  line-height : 1.55 !important;
}

/* İkon alanı: primary greige renk */
.fun-facts-area .single-fun-facts-area .icons i,
.fun-facts-area .single-fun-facts-area .icons svg {
  color : var(--color-primary) !important;
}

/* Odometer satır-içi güvencesi (ek.css bölüm-3 ek güvence) */
.single-fun-facts-area .odometer,
.single-fun-facts-area .odometer-inside {
  display : inline !important;
}

.single-fun-facts-area .odometer-digit {
  display       : inline-block !important;
  vertical-align: baseline !important;
}


/* ----------------------------------------------------------------
   [C3] HEADER / TOPBAR TEMIZLEMESI
        Sorun: üst şerit (topbar .top) + ana nav birbiriyle çatışıyor,
               fazladan boşluk, sosyal ikonlar + info düzensiz.
        Çözüm: Topbar çok sıkı + ince separator + info/sosyal küçük.
               Nav alt kısmı düzgün dikey hizalama.
   Hedef: .heder-one / .rts-header-right .top / .end-top / .start-top
   ---------------------------------------------------------------- */

/* Header tüm yüksekliğini sınırla (tek satır topbar + tek satır nav) */
.heder-one .header-two-container .header-main-wrapper .rts-header-right .top {
  padding-top    : 6px   !important;
  padding-bottom : 6px   !important;
  border-bottom  : 1px solid rgba(168, 147, 121, 0.18) !important;
  min-height     : 0     !important;
  gap            : 12px  !important;
}

/* Topbar contact info: küçük, soluk */
.heder-one .header-two-container .header-main-wrapper .rts-header-right .top .end-top .single-info a,
.heder-one .header-two-container .header-main-wrapper .rts-header-right .top .end-top .single-info p {
  font-size   : 1.25rem !important;
  color       : rgba(247, 244, 241, 0.68) !important;
  line-height : 1.2 !important;
}

/* Topbar icon rengi: greige */
.heder-one .header-two-container .header-main-wrapper .rts-header-right .top .end-top .single-info .icon i {
  font-size : 1.25rem  !important;
  color     : var(--color-primary) !important;
}

/* Topbar iki info arasındaki separator */
.heder-one .header-two-container .header-main-wrapper .rts-header-right .top .end-top .single-info:first-child::after {
  background : rgba(168, 147, 121, 0.30) !important;
  height     : 14px !important;
}

/* Topbar sosyal ikonlar: küçük + soluk */
.heder-one .header-two-container .header-main-wrapper .rts-header-right .top .start-top .social-header ul {
  gap : 4px !important;
}

.heder-one .header-two-container .header-main-wrapper .rts-header-right .top .start-top .social-header ul li a {
  font-size   : 1.2rem !important;
  opacity     : 0.65 !important;
  padding     : 3px 7px !important;
  transition  : opacity var(--dur-std) ease, color var(--dur-std) ease !important;
}

.heder-one .header-two-container .header-main-wrapper .rts-header-right .top .start-top .social-header ul li a:hover {
  opacity : 1 !important;
  color   : var(--color-primary) !important;
}

/* Nav bottom — dikey ortalama iyileştir */
.heder-one .header-two-container .header-main-wrapper .rts-header-right .bottom {
  align-items : center !important;
  padding-top : 0 !important;
  padding-bottom: 0 !important;
}

/* Nav linkleri: hafif letter-spacing */
.heder-one .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a {
  letter-spacing : 0.01em !important;
  font-size      : 1.5rem !important;
}

/* CTA "Bize Ulaşın" butonu: ince metalik kenarlık */
.heder-one .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .rts-btn.btn-header {
  border        : 1px solid rgba(168, 147, 121, 0.50) !important;
  font-size     : 1.35rem !important;
  padding       : 8px 18px !important;
  letter-spacing: 0.03em !important;
  white-space   : nowrap !important;
  transition    : background-color var(--dur-std) ease,
                  border-color     var(--dur-std) ease,
                  color            var(--dur-std) ease !important;
}

.heder-one .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .rts-btn.btn-header:hover {
  background-color : var(--color-primary) !important;
  border-color     : var(--color-primary) !important;
  color            : #fff !important;
}


/* ----------------------------------------------------------------
   [C4] YÜZEN HIZLI ERİŞİM: ARAMA + INSTAGRAM
        Footer.php'ye markup eklendi (.quick-float).
        Mevcut WhatsApp float'un üzerine istiflenmiş.
        - whatsapp-float: bottom:100px (zaten var)
        - quick-float--instagram: bottom:170px
        - quick-float--search: bottom:240px
   ---------------------------------------------------------------- */

.quick-float {
  position   : fixed;
  right      : 30px;
  z-index    : 998;
}

.quick-float--instagram {
  bottom : 170px;
}

.quick-float--search {
  bottom : 240px;
}

.quick-float__btn {
  display         : flex;
  align-items     : center;
  justify-content : center;
  width           : 50px;
  height          : 50px;
  border-radius   : 50%;
  background      : var(--color-secondary);
  color           : #F7F4F1;
  font-size       : 19px;
  text-decoration : none;
  box-shadow      : 0 4px 14px rgba(35, 38, 42, 0.28);
  border          : 2px solid rgba(168, 147, 121, 0.20);
  transition      : background-color 240ms ease,
                    transform        240ms ease,
                    box-shadow       240ms ease,
                    border-color     240ms ease;
}

.quick-float__btn:hover {
  background   : var(--color-primary);
  color        : #fff;
  transform    : translateY(-3px);
  box-shadow   : 0 8px 22px rgba(168, 147, 121, 0.40);
  border-color : transparent;
}

@media (max-width: 768px) {
  .quick-float--instagram { bottom : 170px; }
  .quick-float--search    { bottom : 240px; }
  .quick-float__btn {
    width     : 46px;
    height    : 46px;
    font-size : 17px;
  }
}


/* ----------------------------------------------------------------
   [C5] MÜŞTERİ YORUMLARI (testimonials) — ÇERÇEVE + BOŞLUK
        - Fotoğrafa dekoratif greige çerçeve + derin gölge
        - Yorum metni görselden daha uzak (padding artırıldı)
        - Kart rafine: tırnak işareti, border-left aksanı
   Hedef: .testimonials-area-single-wrapper-5
          .thumbnail-wrapper-left img
          p.disc
   ---------------------------------------------------------------- */

/* Fotoğrafa dekoratif çerçeve */
.testimonials-area-single-wrapper-5 .thumbnail-wrapper-left img {
  border        : 3px solid var(--color-primary)    !important;
  border-radius : 10px                               !important;
  box-shadow    : 5px 5px 0 rgba(168, 147, 121, 0.35),
                  0 4px 18px rgba(35, 38, 42, 0.25) !important;
  max-width     : 130px                              !important;
  object-fit    : cover                              !important;
  transition    : box-shadow var(--dur-std) var(--ease-out-expo),
                  transform  var(--dur-std) var(--ease-out-expo) !important;
}

.testimonials-area-single-wrapper-5:hover .thumbnail-wrapper-left img {
  box-shadow : 8px 8px 0 rgba(168, 147, 121, 0.45),
               0 8px 26px rgba(35, 38, 42, 0.30) !important;
  transform  : scale(1.02) !important;
}

/* Yorum metni: daha fazla boşluk (görselden uzaklaştır) + sol aksan çizgi */
.testimonials-area-single-wrapper-5 p.disc {
  padding-top  : 165px !important;
  padding-left : 18px  !important;
  border-left  : 2px solid var(--color-primary) !important;
  font-style   : italic !important;
  line-height  : 1.75 !important;
}

/* İsim: daha büyük, belirgin */
.testimonials-area-single-wrapper-5 .thumbnail-wrapper-left .inner-thumbnail-right .title {
  font-size   : 2.2rem  !important;
  font-weight : 700     !important;
  margin-bottom: 3px    !important;
}

/* Unvan: küçük, greige, uppercase */
.testimonials-area-single-wrapper-5 .thumbnail-wrapper-left .inner-thumbnail-right span {
  font-size      : 1.15rem  !important;
  letter-spacing : 0.10em   !important;
}

/* Büyük tırnak ikonu: daha iri, greige */
.testimonials-area-single-wrapper-5 .quote {
  opacity   : 0.55 !important;
  top       : 55px !important;
  right     : 40px !important;
}

.testimonials-area-single-wrapper-5 .quote i,
.testimonials-area-single-wrapper-5 .quote svg {
  font-size : 3.5rem  !important;
  color     : var(--color-primary) !important;
}

/* Antrasit bölüm üzerinde kart rafine */
.rts-testimoanils-area .testimonials-area-single-wrapper-5 {
  background : rgba(255, 255, 255, 0.07) !important;
  border     : 1px solid rgba(168, 147, 121, 0.22) !important;
  border-top : 3px solid var(--color-primary) !important;
}

/* Metin açık krem (koyu bg üzerinde) */
.rts-testimoanils-area .testimonials-area-single-wrapper-5 p.disc {
  color        : rgba(247, 244, 241, 0.88) !important;
  border-color : rgba(168, 147, 121, 0.50) !important;
}

.rts-testimoanils-area .testimonials-area-single-wrapper-5 .thumbnail-wrapper-left .inner-thumbnail-right .title {
  color : #F7F4F1 !important;
}


/* ----------------------------------------------------------------
   [C6] HERO SLIDER — İKİ YANA DENGELİ / GENİŞ İÇERİK
        Sorun: .banner-inner-content-one max-width:60% → içerik sol
               kenarda kalıp sağda boş alan oluşuyor.
        Çözüm: max-width artırıldı, disc genişliği serbest.
   Hedef: .banner-inner-content-one  (style.css:13938)
   ---------------------------------------------------------------- */

.banner-inner-content-one {
  max-width : 80% !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .banner-inner-content-one {
    max-width   : 82% !important;
    padding-left: 50px !important;
  }
}

@media only screen and (max-width: 991px) {
  .banner-inner-content-one {
    max-width : 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .banner-inner-content-one {
    max-width : 100% !important;
  }
}

/* Disc metnin genişliğini kısıtlama */
.banner-inner-content-one p.disc {
  max-width : 90% !important;
}

/* Banner içerik container: içerik alanını genişlet */
.banner-area-one-start .container {
  max-width : 100% !important;
  padding-left  : clamp(20px, 5vw, 100px) !important;
  padding-right : clamp(20px, 5vw, 100px) !important;
}


/* ----------------------------------------------------------------
   [C7] SİTE GENELİ MİKRO-ANİMASYONLAR
        - Kart hover lift (genel)
        - Link underline animation
        - Görsel zoom on hover
        - Button press feedback
        - Sayfa geçişleri için genel kural
        - Nav link hover
   KURAL: transition:all YOK, prefers-reduced-motion guard mevcut
   ---------------------------------------------------------------- */

/* --- Genel proje / vaka görseli zoom --- */
.single-case-studies-5 > a img,
[class*="case-studies"] .thumbnail img,
.rts-blog-card-one .thumbnail img {
  transition : transform 420ms var(--ease-out-expo) !important;
}

.single-case-studies-5:hover > a img,
[class*="case-studies"]:hover .thumbnail img,
.rts-blog-card-one:hover .thumbnail img {
  transform : scale(1.05) !important;
}

/* --- Thumbnail overflow kapsayıcı --- */
.single-case-studies-5 > a,
[class*="case-studies"] .thumbnail,
.rts-blog-card-one .thumbnail {
  overflow : hidden !important;
}

/* --- Team card img zoom --- */
.single-team-style-five .thumbnail img {
  transition : transform 380ms var(--ease-out-expo) !important;
}

.single-team-style-five:hover .thumbnail img {
  transform : scale(1.04) !important;
}

.single-team-style-five .thumbnail {
  overflow : hidden !important;
}

/* --- Link hover underline (site geneli) --- */
.single-nav-area-footer ul li a,
.heder-one .nav-area ul li a {
  position       : relative !important;
  text-decoration: none !important;
}

.single-nav-area-footer ul li a::after {
  content    : "";
  position   : absolute;
  bottom     : -1px;
  left       : 0;
  width      : 0;
  height     : 1px;
  background : var(--color-primary);
  transition : width 240ms var(--ease-out-expo) !important;
}

.single-nav-area-footer ul li a:hover::after {
  width : 100% !important;
}

/* --- Nav link hover animated underline --- */
.heder-one .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a {
  transition : color var(--dur-std) var(--ease-out-expo) !important;
}

.heder-one .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a:hover {
  color : var(--color-primary) !important;
}

/* --- rts-btn genel hover gölge (üst katman güçlendirme) --- */
.rts-btn {
  transition : transform  var(--dur-std) var(--ease-out-expo),
               box-shadow var(--dur-std) var(--ease-out-expo),
               color      var(--dur-std) var(--ease-out-expo),
               background-color var(--dur-std) var(--ease-out-expo) !important;
}

/* --- About bölüm resmi zoom --- */
.about-content-area-two .thumbnail img,
[class*="about"] .thumbnail img {
  transition : transform 380ms var(--ease-out-expo) !important;
}

.about-content-area-two .thumbnail:hover img,
[class*="about"] .thumbnail:hover img {
  transform : scale(1.03) !important;
}

.about-content-area-two .thumbnail,
[class*="about"] .thumbnail {
  overflow : hidden !important;
}

/* --- Sosyal ikonlar: hover ring --- */
.social-area-wrapper-one ul li a,
.social-wrapper-one ul li a {
  transition : color            var(--dur-std) ease,
               background-color var(--dur-std) ease,
               border-color     var(--dur-std) ease,
               transform        var(--dur-std) var(--ease-out-expo) !important;
}

.social-area-wrapper-one ul li a:hover,
.social-wrapper-one ul li a:hover {
  transform : translateY(-2px) !important;
}

/* --- İletişim / bilgi kartı hover --- */
.single-contact-info-box {
  transition : transform  var(--dur-std) var(--ease-out-expo),
               box-shadow var(--dur-std) var(--ease-out-expo) !important;
}

.single-contact-info-box:hover {
  transform  : translateY(-4px) !important;
  box-shadow : 0 8px 24px rgba(35,38,42,0.12) !important;
}

/* --- REDUCED-MOTION GUARD (C7) --- */
@media (prefers-reduced-motion: reduce) {
  .single-case-studies-5:hover > a img,
  [class*="case-studies"]:hover .thumbnail img,
  .rts-blog-card-one:hover .thumbnail img,
  .single-team-style-five:hover .thumbnail img,
  .about-content-area-two .thumbnail:hover img,
  [class*="about"] .thumbnail:hover img,
  .testimonials-area-single-wrapper-5:hover .thumbnail-wrapper-left img {
    transform : none !important;
  }

  .quick-float__btn:hover,
  .social-area-wrapper-one ul li a:hover,
  .social-wrapper-one ul li a:hover {
    transform : none !important;
  }

  .single-fun-facts-area:hover,
  .single-contact-info-box:hover {
    transform : none !important;
  }
}

/* ================================================================
   /END 7-COMPLAINT POLISH PASS
   ================================================================ */

/* ================================================================
   8-COMPLAINT OWNER POLISH PASS — 2026-07-01
   Append-only block. Overrides via specificity / !important where
   inline styles or high-specificity base rules must be beaten.
   Theme: --color-primary=#A89379 (greige)  --color-secondary=#23262A (anthracite)
   ================================================================ */

/* ---------------------------------------------------------------
   COMPLAINT 1 — Hero slider: white gaps on left/right
   Target: .banner-swiper-area-one (wrapper) + .banner-area-one-start (slide)
   Root cause: style.css sets margin-right/left:50px on 1200-1919px
   Fix: zero out all side margins & kill any max-width cap; make truly
        full-viewport-width edge-to-edge.
   --------------------------------------------------------------- */
.banner-swiper-area-one {
  margin-right: 0 !important;
  margin-left:  0 !important;
  max-width:    100% !important;
  width:        100vw !important;
  position:     relative !important;
  left:         50% !important;
  right:        auto !important;
  transform:    translateX(-50%) !important;
  border-radius: 0 !important;
  overflow:     hidden !important;
}

/* Ensure the Swiper itself fills the wrapper */
.banner-swiper-area-one .mySwiper-banner-one,
.banner-swiper-area-one .swiper {
  max-width:    100% !important;
  margin:       0 !important;
  border-radius: 0 !important;
}

/* Slide & inner banner: no side borders/radius */
.banner-area-one-start {
  border-radius: 0 !important;
  margin:        0 !important;
}

/* Responsive: same zero-margin behaviour on all break-points */
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .banner-swiper-area-one {
    margin-right: 0 !important;
    margin-left:  0 !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .banner-swiper-area-one {
    margin-right: 0 !important;
    margin-left:  0 !important;
  }
}


/* ---------------------------------------------------------------
   COMPLAINT 2 — Hizmetlerimiz: plain white section background
   Target: .about-service-main-wrapper + .service-section-area (the
   second occurrence that wraps the swiper, not the about block)
   Fix: rich anthracite band; cards get cream-on-dark pop treatment.
   --------------------------------------------------------------- */

/* The service block outer wrapper */
.about-service-main-wrapper.rts-section-gap .service-section-area,
.service-section-area {
  background: var(--color-secondary, #23262A) !important;
  padding:    60px 0 !important;
  border-radius: 0 !important;
}

/* Pull wrapper bg to match so there's no white strip */
.about-service-main-wrapper:has(.service-section-area) {
  background: var(--color-secondary, #23262A) !important;
}

/* Fallback for browsers without :has() — target directly */
.service-section-area + *,
.about-service-main-wrapper.bg_white:not(:first-of-type) {
  /* Intentionally empty — covered by .service-section-area above */
}

/* Section heading text on dark bg */
.service-section-area .title-wrapper-left .pre {
  color: var(--color-primary, #A89379) !important;
}
.service-section-area .title-wrapper-left h2.title,
.service-section-area .title-wrapper-left .title {
  color: #fff !important;
}

/* Service card: cream/light on anthracite */
.service-section-area .single-service-one {
  background:    #2E3136 !important;
  border-radius: 12px !important;
  border:        1px solid rgba(168,147,121,0.18) !important;
  transition:    transform 300ms ease,
                 box-shadow 300ms ease,
                 border-color 300ms ease !important;
}
.service-section-area .single-service-one:hover {
  transform:   translateY(-6px) !important;
  box-shadow:  0 16px 40px rgba(0,0,0,0.35) !important;
  border-color: var(--color-primary, #A89379) !important;
}

.service-section-area .single-service-one .water-mark {
  color: rgba(255,255,255,0.04) !important;
}
.service-section-area .single-service-one .inner .title {
  color: #f0ece6 !important;
}
.service-section-area .single-service-one .inner p.disc {
  color: #b8b4ae !important;
}
.service-section-area .single-service-one .inner a.read-more-narrow {
  color: var(--color-primary, #A89379) !important;
}
.service-section-area .single-service-one .inner a.read-more-narrow:hover {
  color: #c8b09a !important;
}

/* Swiper nav arrows on dark bg */
.service-section-area ~ .swiper-button-next,
.service-section-area ~ .swiper-button-prev,
.service-section-area .swiper-button-next,
.service-section-area .swiper-button-prev,
.swiper-area-wrapper .swiper-button-next,
.swiper-area-wrapper .swiper-button-prev {
  background: var(--color-primary, #A89379) !important;
  color: #fff !important;
  border-radius: 50% !important;
}


/* ---------------------------------------------------------------
   COMPLAINT 3 — Fun-facts stats: force 4 items in ONE row
   Target: .fun-facts-area .row .col-lg-4 (Bootstrap col must be
   overridden), .single-fun-facts-area
   Fix: 4-column grid, smaller number font, compact padding.
   --------------------------------------------------------------- */

/* Override the Bootstrap col-lg-4 inside .fun-facts-area only */
.fun-facts-area .row {
  display:               grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap:                   1.5rem !important;
  /* Reset Bootstrap gutter variables that cause extra spacing */
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

/* Each Bootstrap col inside the stats row fills the grid cell */
.fun-facts-area .row > [class*="col-"] {
  width:      100% !important;
  max-width:  100% !important;
  flex:       none !important;
  padding:    0 !important;
}

/* Compact card */
.fun-facts-area .single-fun-facts-area {
  padding: 28px 22px !important;
}

/* Smaller counter number */
.fun-facts-area .single-fun-facts-area .title {
  font-size:     clamp(2rem, 2.6vw, 2.8rem) !important;
  margin-bottom: 8px !important;
  line-height:   1.1 !important;
}

/* Keep odometer digits inline, no wrapping */
.fun-facts-area .single-fun-facts-area .title .odometer {
  display:     inline !important;
  font-size:   inherit !important;
  line-height: inherit !important;
}

/* Icon: tighter spacing */
.fun-facts-area .single-fun-facts-area .icons {
  margin-bottom: 20px !important;
}
.fun-facts-area .single-fun-facts-area .icons img {
  max-width: 44px !important;
  height:    auto !important;
}

/* Responsive: collapse to 2×2 on tablet, 1×4 on mobile */
@media only screen and (max-width: 991px) {
  .fun-facts-area .row {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media only screen and (max-width: 479px) {
  .fun-facts-area .row {
    grid-template-columns: 1fr !important;
  }
}


/* ---------------------------------------------------------------
   COMPLAINT 4 — Testimonial description text cut off
   Target: .testimonials-area-single-wrapper-5 p.disc
   Root cause: PHP inline style has -webkit-line-clamp:4 +
   overflow:hidden + height:11em — must be beaten with !important.
   Fix: Remove all height/overflow/clamp constraints.
   --------------------------------------------------------------- */
.testimonials-area-single-wrapper-5 p.disc {
  display:              block !important;
  -webkit-line-clamp:   unset !important;
  -webkit-box-orient:   unset !important;
  overflow:             visible !important;
  text-overflow:        clip !important;
  height:               auto !important;
  max-height:           none !important;
  color:                #3a3a3a !important;
  font-size:            17px !important;
  line-height:          1.75 !important;
  padding-top:          140px !important; /* keep clear of avatar */
  margin-bottom:        24px !important;
}

/* On mobile the avatar stacks differently — less top-padding needed */
@media only screen and (max-width: 575px) {
  .testimonials-area-single-wrapper-5 p.disc {
    padding-top: 160px !important;
    font-size:   15px !important;
  }
}

/* Quote icon: ensure it doesn't overlap text awkwardly */
.testimonials-area-single-wrapper-5 .quote {
  top:  auto !important;
  right: 30px !important;
}


/* ---------------------------------------------------------------
   COMPLAINT 5 — FAQ page: plain white, no brand palette/animation
   Target: .rts-faq-area, .faq-inner-one, .accordion, .accordion-item,
           .accordion-button
   Fix: greige section bg, primary-accent active state, smooth
   open/close transition, hover shimmer on items.
   --------------------------------------------------------------- */

/* Section background: warm greige instead of plain white */
.rts-faq-area {
  background: #f5f0ea !important;
}

/* FAQ inner wrapper: transparent (inherits section bg) */
.faq-inner-one {
  background: transparent !important;
}

/* Accordion items: anthracite cards (base style already sets #1E1E20;
   we add transition + left border accent) */
.faq-inner-one .accordion .accordion-item {
  border-left:  3px solid transparent !important;
  transition:   border-color 250ms ease,
                box-shadow   250ms ease,
                background   250ms ease !important;
}
.faq-inner-one .accordion .accordion-item:hover {
  border-left-color: var(--color-primary, #A89379) !important;
  box-shadow:        0 4px 18px rgba(0,0,0,0.22) !important;
}

/* Open/active item: primary greige accent */
.faq-inner-one .accordion .accordion-item.active,
.faq-inner-one .accordion .accordion-item:has(.accordion-button[aria-expanded="true"]) {
  background:        #2a2220 !important;
  border-left-color: var(--color-primary, #A89379) !important;
  box-shadow:        0 6px 24px rgba(168,147,121,0.18) !important;
}

/* Button text on expanded state */
.faq-inner-one .accordion .accordion-item .accordion-header button[aria-expanded="true"] {
  color: var(--color-primary, #A89379) !important;
}

/* Accordion body answer text */
.faq-inner-one .accordion .accordion-item .accordion-body {
  color: #c8c4be !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  padding-top: 8px !important;
  padding-bottom: 18px !important;
}

/* Smooth collapse animation (Bootstrap already handles height;
   we add a fade for the body content) */
.faq-inner-one .accordion .accordion-collapse {
  transition: height 300ms ease !important;
}
.faq-inner-one .accordion .accordion-body {
  opacity: 0;
  transition: opacity 250ms ease 80ms !important;
}
.faq-inner-one .accordion .accordion-collapse.show .accordion-body {
  opacity: 1 !important;
}

/* Section title on greige bg */
.rts-faq-area .faq-main-wrapper-one .title {
  color: var(--color-secondary, #23262A) !important;
}
.rts-faq-area .title-left-align-five .pre {
  color: var(--color-primary, #A89379) !important;
}


/* ---------------------------------------------------------------
   COMPLAINT 6 — Gallery photo grid: lifeless, no animation
   Target: .single-project-card-inner (gallery grid cards)
           .single-project-card-inner .thumbnail.gallery-image img
           .single-project-card-inner .inner (caption overlay)
   Fix: image zoom on hover, dark gradient overlay reveal with
   primary-tinted border lift.  The existing .inner slides up from
   bottom:-100% on hover — we enhance it with a brand gradient.
   --------------------------------------------------------------- */

/* Card container: clip, slight shadow lift on hover */
.rts-projects-area-inner .single-project-card-inner {
  cursor:      pointer !important;
  border-radius: 10px !important;
  overflow:    hidden !important;
  transition:  box-shadow 320ms ease,
               transform  320ms ease !important;
}
.rts-projects-area-inner .single-project-card-inner:hover {
  box-shadow: 0 12px 36px rgba(0,0,0,0.30) !important;
  transform:  translateY(-4px) !important;
}

/* Image: zoom in on hover */
.rts-projects-area-inner .single-project-card-inner a.thumbnail img,
.rts-projects-area-inner .single-project-card-inner > a > img {
  width:             100% !important;
  height:            280px !important;
  object-fit:        cover !important;
  display:           block !important;
  transition:        transform 500ms cubic-bezier(.25,.46,.45,.94) !important;
}
.rts-projects-area-inner .single-project-card-inner:hover a.thumbnail img,
.rts-projects-area-inner .single-project-card-inner:hover > a > img {
  transform: scale(1.08) !important;
}

/* Overlay inner: brand greige gradient (replaces orange) */
.rts-projects-area-inner .single-project-card-inner .inner {
  background: linear-gradient(
    to top,
    rgba(35,38,42,0.92) 0%,
    rgba(168,147,121,0.35) 100%
  ) !important;
  transition: bottom 380ms cubic-bezier(.25,.46,.45,.94) !important;
  padding:    20px 24px !important;
}

/* Overlay visibility: add a subtle reveal icon */
.rts-projects-area-inner .single-project-card-inner .inner::before {
  content:     "\f00e"; /* fa-search-plus */
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "FontAwesome", sans-serif;
  font-weight: 400;
  position:    absolute;
  top:         -36px;
  right:       20px;
  font-size:   26px;
  color:       var(--color-primary, #A89379);
  opacity:     0;
  transition:  opacity 280ms ease 120ms !important;
}
.rts-projects-area-inner .single-project-card-inner:hover .inner::before {
  opacity: 1 !important;
}


/* ---------------------------------------------------------------
   COMPLAINT 7 — Blog sidebar recent posts: thumbnails oversized
   Target: .rts-single-wized.Recent-post .recent-post-single .thumbnail img
   Base style already has max-width:85px but height:auto can stretch
   if the server returns a portrait image.
   Fix: constrain to a fixed 80×80 square, object-fit:cover, rounded.
   Also polish the blog card hover on the grid.
   --------------------------------------------------------------- */

/* Sidebar recent-post thumbnail: fixed small square */
.rts-single-wized.Recent-post .recent-post-single .thumbnail {
  flex-shrink:  0 !important;
  width:        80px !important;
  min-width:    80px !important;
  max-width:    80px !important;
  height:       80px !important;
  border-radius: 6px !important;
  overflow:     hidden !important;
}
.rts-single-wized.Recent-post .recent-post-single .thumbnail img {
  width:      100% !important;
  min-width:  unset !important;
  max-width:  100% !important;
  height:     100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 300ms ease !important;
}
.rts-single-wized.Recent-post .recent-post-single .thumbnail:hover img {
  transform: scale(1.12) !important;
}

/* Blog card grid hover polish */
.blog-single-post-listing:not(.details) {
  transition: box-shadow 280ms ease,
              transform  280ms ease !important;
  border-radius: 8px !important;
}
.blog-single-post-listing:not(.details):hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.10) !important;
  transform:  translateY(-3px) !important;
}
.blog-single-post-listing .thumbnail img {
  transition: transform 400ms ease !important;
}
.blog-single-post-listing:hover .thumbnail img {
  transform: scale(1.04) !important;
}


/* ---------------------------------------------------------------
   COMPLAINT 8 — Hakkımızda: oversized/off-putting text in page content
   Target: .blog-single-post-listing .blog-listing-content
           h2, h3, p, li inside (DB-sourced rich text)
   Fix: Sensible typographic scale, comfortable line-height, list polish.
   --------------------------------------------------------------- */

/* Page content area — base text */
.blog-single-post-listing .blog-listing-content {
  font-size:   1rem !important;
  line-height: 1.8 !important;
  color:       #3a3c40 !important;
}

/* Heading scale */
.blog-single-post-listing .blog-listing-content h2 {
  font-size:     clamp(1.5rem, 2.2vw, 2rem) !important;
  font-weight:   700 !important;
  line-height:   1.3 !important;
  margin-top:    2rem !important;
  margin-bottom: 0.75rem !important;
  color:         var(--color-secondary, #23262A) !important;
}
.blog-single-post-listing .blog-listing-content h3 {
  font-size:     clamp(1.2rem, 1.8vw, 1.5rem) !important;
  font-weight:   600 !important;
  line-height:   1.35 !important;
  margin-top:    1.6rem !important;
  margin-bottom: 0.6rem !important;
  color:         var(--color-secondary, #23262A) !important;
}
.blog-single-post-listing .blog-listing-content h4,
.blog-single-post-listing .blog-listing-content h5 {
  font-size:     1.05rem !important;
  font-weight:   600 !important;
  margin-top:    1.2rem !important;
  margin-bottom: 0.4rem !important;
  color:         #2a2c30 !important;
}

/* Body paragraphs */
.blog-single-post-listing .blog-listing-content p,
.blog-single-post-listing .blog-listing-content p.disc {
  font-size:     1rem !important;
  line-height:   1.8 !important;
  margin-bottom: 1.1rem !important;
  color:         #4a4c52 !important;
  max-width:     72ch !important;
}

/* Lists */
.blog-single-post-listing .blog-listing-content ul,
.blog-single-post-listing .blog-listing-content ol {
  padding-left:  1.4rem !important;
  margin-bottom: 1rem !important;
}
.blog-single-post-listing .blog-listing-content ul li,
.blog-single-post-listing .blog-listing-content ol li {
  font-size:     0.98rem !important;
  line-height:   1.75 !important;
  margin-bottom: 0.35rem !important;
  color:         #4a4c52 !important;
}
.blog-single-post-listing .blog-listing-content ul li::marker {
  color: var(--color-primary, #A89379) !important;
}

/* Page title h3 inside content area */
.blog-single-post-listing .blog-listing-content h3.title,
.blog-single-post-listing .blog-listing-content .title.animated {
  font-size:     clamp(1.3rem, 2vw, 1.7rem) !important;
  margin-bottom: 1rem !important;
}


/* ================================================================
   REDUCED-MOTION GUARD — complaint pass #2
   ================================================================ */
@media (prefers-reduced-motion: reduce) {
  /* Complaint 2 — service cards */
  .service-section-area .single-service-one:hover {
    transform: none !important;
  }
  /* Complaint 6 — gallery cards */
  .rts-projects-area-inner .single-project-card-inner:hover,
  .rts-projects-area-inner .single-project-card-inner:hover a.thumbnail img,
  .rts-projects-area-inner .single-project-card-inner:hover > a > img {
    transform: none !important;
  }
  .rts-projects-area-inner .single-project-card-inner .inner {
    transition: none !important;
  }
  /* Complaint 5 — FAQ accordion fade */
  .faq-inner-one .accordion .accordion-collapse,
  .faq-inner-one .accordion .accordion-body {
    transition: none !important;
  }
  .faq-inner-one .accordion .accordion-body {
    opacity: 1 !important;
  }
  /* Complaint 7 — blog */
  .blog-single-post-listing:not(.details):hover,
  .blog-single-post-listing:hover .thumbnail img,
  .rts-single-wized.Recent-post .recent-post-single .thumbnail:hover img {
    transform: none !important;
  }
}

/* ================================================================
   /END 8-COMPLAINT OWNER POLISH PASS
   ================================================================ */


/* ================================================================
   TURN 6 — CSS/UI POLISH (7 items) — 2026-07-01
   Append-only. Later source order + !important beats earlier blocks.
   --color-primary=#A89379 (greige)  --color-secondary=#23262A (anthracite)
   ================================================================ */

/* ----------------------------------------------------------------
   [T6-1] HEADER NAV — dikey boşluğu sık (link üstü/altı gereksiz gap)
   Menü anchor'larının dikey padding'i + line-height küçültülür,
   ul/li kaynaklı ekstra dikey margin sıfırlanır. Yatay boşluk korunur.
   ---------------------------------------------------------------- */
.heder-one .nav-area > ul,
.heder-one .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area > ul {
  margin        : 0 !important;
  padding       : 0 !important;
  align-items   : center !important;
}
.heder-one .nav-area ul li,
.heder-one .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li {
  margin-top    : 0 !important;
  margin-bottom : 0 !important;
}
.heder-one .nav-area ul li a,
.heder-one .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a {
  padding-top    : 16px !important;
  padding-bottom : 16px !important;
  line-height    : 1 !important;
  display        : inline-flex !important;
  align-items    : center !important;
}

/* ----------------------------------------------------------------
   [T6-2] HERO — sağ (ve sol) beyaz boşluğu tamamen kaldır
   Önceki 100vw + left:50% + translateX(-50%) hilesi scrollbar
   genişliği yüzünden sağda taşıyordu. Robust "pull" tekniği:
   width:100vw + margin-left/right:calc(50% - 50vw) + body overflow-x:hidden.
   ---------------------------------------------------------------- */
body {
  overflow-x : hidden !important;
}
.banner-swiper-area-one {
  position      : relative !important;
  left          : auto !important;
  right         : auto !important;
  transform     : none !important;
  width         : 100vw !important;
  max-width     : 100vw !important;
  margin-left   : calc(50% - 50vw) !important;
  margin-right  : calc(50% - 50vw) !important;
  padding-left  : 0 !important;
  padding-right : 0 !important;
  border-radius : 0 !important;
  overflow      : hidden !important;
  /* [T6-3] header ile slider arasında net dikey boşluk */
  margin-top    : 34px !important;
}
.banner-swiper-area-one .mySwiper-banner-one,
.banner-swiper-area-one .swiper {
  width         : 100% !important;
  max-width     : 100% !important;
  margin        : 0 !important;
  border-radius : 0 !important;
}
.banner-area-one-start {
  width         : 100% !important;
  max-width     : 100% !important;
  margin        : 0 !important;
  border-radius : 0 !important;
}
/* Önceki blok içindeki responsive translateX kalıntılarını da nötrle */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .banner-swiper-area-one {
    left         : auto !important;
    transform    : none !important;
    margin-left  : calc(50% - 50vw) !important;
    margin-right : calc(50% - 50vw) !important;
  }
}

/* ----------------------------------------------------------------
   [T6-4] 'HİZMETLER' pre-title — koyu bölümde okunur marka tonu
   Doğrudan span.pre hedeflenir; açık greige + ağırlık + spacing.
   ---------------------------------------------------------------- */
.service-section-area span.pre,
.service-section-area .title-wrapper-left span.pre,
.service-section-area .title-wrapper-left .pre {
  color          : #C9B896 !important;
  font-weight    : 600 !important;
  letter-spacing : 0.14em !important;
  text-transform : uppercase !important;
  opacity        : 1 !important;
}

/* ----------------------------------------------------------------
   [T6-5] FOOTER SOSYAL İKONLAR — X/Twitter siyah kalmasın
   Koyu footer'da tüm ikonlar açık renk; fa-x-twitter açıkça hedeflenir.
   ---------------------------------------------------------------- */
.social-area-wrapper-one ul li a,
.social-area-wrapper-one ul li a i,
.social-area-wrapper-one ul li a .fa-brands,
.social-area-wrapper-one ul li a .fa-x-twitter {
  color : #f7f4f1 !important;
}
.social-area-wrapper-one ul li a:hover,
.social-area-wrapper-one ul li a:hover i,
.social-area-wrapper-one ul li a:hover .fa-x-twitter {
  color : var(--color-primary, #A89379) !important;
}

/* ----------------------------------------------------------------
   [T6-7] İSTATİSTİK SAYAÇLARI — scroll-in reveal + marka accent
   main.js her karta görünürlükte .ek-ff-inview ekler; .ek-ff-ready
   pre-reveal gizler. Keyframes ile fade+slide-up (kademeli gecikme)
   + sayı altına marka-rengi underline. Odometer'a dokunmaz.
   ---------------------------------------------------------------- */
@keyframes ekFfReveal {
  from { opacity: 0; transform: translateY(26px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0)    scale(1);    }
}
@keyframes ekFfUnderline {
  from { width: 0;    opacity: 0; }
  to   { width: 44px; opacity: 1; }
}

/* JS hazır olduğunda pre-reveal gizle (JS yoksa görünür kalır) */
.fun-facts-area.ek-ff-ready .single-fun-facts-area {
  opacity : 0;
}
.fun-facts-area.ek-ff-ready .single-fun-facts-area.ek-ff-inview {
  animation : ekFfReveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}
/* Kademeli gecikme (soldan sağa) — kartlar col sarmalayıcı içinde olduğu
   için sıra col pozisyonundan alınır (aksi halde hepsi :nth-child(1) olur) */
.fun-facts-area.ek-ff-ready .row > [class*="col-"]:nth-child(1) .single-fun-facts-area.ek-ff-inview { animation-delay: 0.00s; }
.fun-facts-area.ek-ff-ready .row > [class*="col-"]:nth-child(2) .single-fun-facts-area.ek-ff-inview { animation-delay: 0.12s; }
.fun-facts-area.ek-ff-ready .row > [class*="col-"]:nth-child(3) .single-fun-facts-area.ek-ff-inview { animation-delay: 0.24s; }
.fun-facts-area.ek-ff-ready .row > [class*="col-"]:nth-child(4) .single-fun-facts-area.ek-ff-inview { animation-delay: 0.36s; }
/* Kart doğrudan .row altındaysa (col yoksa) yine kademeli çalışsın */
.fun-facts-area.ek-ff-ready .single-fun-facts-area.ek-ff-inview:nth-child(2) { animation-delay: 0.12s; }
.fun-facts-area.ek-ff-ready .single-fun-facts-area.ek-ff-inview:nth-child(3) { animation-delay: 0.24s; }
.fun-facts-area.ek-ff-ready .single-fun-facts-area.ek-ff-inview:nth-child(4) { animation-delay: 0.36s; }

/* Sayının altında marka-rengi accent + hafif glow */
.fun-facts-area .single-fun-facts-area.ek-ff-inview .title {
  position    : relative !important;
  text-shadow : 0 0 18px rgba(168, 147, 121, 0.22) !important;
}
.fun-facts-area .single-fun-facts-area.ek-ff-inview .title::after {
  content       : "" !important;
  display       : block !important;
  height        : 3px !important;
  width         : 44px !important;
  margin        : 12px auto 0 !important;
  border-radius : 2px !important;
  background    : linear-gradient(90deg, var(--color-primary, #A89379), #c8b09a) !important;
  box-shadow    : 0 0 12px rgba(168, 147, 121, 0.45) !important;
  animation     : ekFfUnderline 0.55s ease 0.35s both !important;
}

/* Reduced-motion: animasyonsuz ama her zaman görünür (asla gizli kalmasın) */
@media (prefers-reduced-motion: reduce) {
  .fun-facts-area.ek-ff-ready .single-fun-facts-area,
  .fun-facts-area.ek-ff-ready .single-fun-facts-area.ek-ff-inview {
    opacity   : 1 !important;
    transform : none !important;
    animation : none !important;
  }
  .fun-facts-area .single-fun-facts-area.ek-ff-inview .title {
    text-shadow : none !important;
  }
  .fun-facts-area .single-fun-facts-area.ek-ff-inview .title::after {
    animation : none !important;
    width     : 44px !important;
    opacity   : 1 !important;
  }
}

/* ================================================================
   /END TURN 6 — CSS/UI POLISH
   ================================================================ */

/* ==== TUR 7: hizmetler pre-title okunabilirlik + AOS icerik guvenlik agi ==== */
/* Koyu antrasit zeminde "Hizmetlerimiz" pre-basligi net okunsun (greige -> parlak sicak altin). */
.service-section-area span.pre,
.service-section-area .pre,
.service-section-area .title-wrapper-left span.pre {
  color: #E6D5AE !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}