/* =============================================================
   Elüstü Group — Global Responsive Typography / Word Wrap Fix
   v3 — Kelime bölünmesini önler, akıcı tipografi uygular.
   ============================================================= */

/* 0) hyphens varsayilan: manual */
html, body, *, *::before, *::after {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

/* 1) GLOBAL KELİME SARMA */
html, body, h1, h2, h3, h4, h5, h6,
p, span, a, li, td, th, button, input, textarea, label, div, section, article, figure, figcaption {
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* 2) BAŞLIK / KART / MENÜ / BUTON / BADGE — kelime ortadan bolunmez */
h1, h2, h3, h4, h5, h6,
.page-title, .section-title, .hero-title, .card-title, .serv-title,
[class*="title"], [class*="Title"], [class*="heading"], [class*="Heading"],
.pkh-section-title, .pkh-serv-title, .pkh-why-title, .pkh-cta-title,
.pkh-testim-name, .pkh-testim-role, .pkh-map-label, .pkh-map-value,
.pkh-stat-label, .pkh-stat-num,
.pk-nh-hero-title, .pk-nh-section-title, .pk-nh-feature-title, .pk-nh-card-visual-title, .pk-nh-cta-title,
.pk-m-title, .pk-m-price, .pk-m-sec-title, .pk-m-sub-h,
nav a, .menu a, .navbar a,
button, .btn, [class*="btn"], [class*="Button"],
.badge, .chip, .tag, [class*="badge"], [class*="chip"], [class*="tag"] {
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-wrap: balance;
  word-spacing: normal;
}

/* 3) PARAGRAF / METIN */
p, li, td, th, .content, .body, [class*="desc"], [class*="Desc"],
[class*="text"], [class*="Text"], .pkh-section-sub, .pkh-serv-desc,
.pkh-why-desc, .pkh-testim-text, .pkh-cta-sub,
.pk-nh-hero-desc, .pk-nh-section-desc, .pk-nh-card-desc {
  -webkit-hyphens: manual !important;
  -ms-hyphens: manual !important;
  hyphens: manual !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty;
}

/* 4) AKICI TIPOGRAFI (mobil 375 → masaustu 1440) */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

h1 { font-size: clamp(1.6rem, 1.1rem + 2.2vw, 3rem);   line-height: 1.15; }
h2 { font-size: clamp(1.35rem, 1rem + 1.6vw, 2.4rem);  line-height: 1.2; }
h3 { font-size: clamp(1.15rem, 0.9rem + 1.1vw, 1.75rem); line-height: 1.25; }
h4 { font-size: clamp(1.05rem, 0.9rem + 0.7vw, 1.35rem); line-height: 1.3; }
h5 { font-size: clamp(1rem, 0.9rem + 0.4vw, 1.15rem);  line-height: 1.35; }
h6 { font-size: clamp(0.95rem, 0.88rem + 0.3vw, 1.08rem); line-height: 1.4; }

p, li, span:not([class*="icon"]), a:not(.btn):not([class*="btn"]), label, td, th {
  line-height: 1.6;
}

/* 5) FLEX/GRID min-width:0 -> kart tasmasini onle */
[class*="flex"] > *, [class*="grid"] > *, [class*="row"] > *,
.card, .card *, [class*="card"] > *, [class*="Card"] > *,
[class*="item"] > *, [class*="Item"] > *,
[class*="tile"] > *, [class*="Tile"] > *,
[class*="col-"], .col {
  min-width: 0;
}

/* 6) BUTON/BADGE wrap'e izin */
button, .btn, [class*="btn"], [class*="Button"],
.badge, .chip, .tag, [class*="badge"], [class*="chip"], [class*="tag"],
nav a, .menu a, .navbar a {
  white-space: normal;
}

/* 7) MOBIL (<=420px) */
@media (max-width: 420px) {
  h1, .hero-title, .pk-nh-hero-title, .pkh-cta-title {
    font-size: clamp(1.35rem, 6.5vw, 1.9rem) !important;
    line-height: 1.18 !important;
  }
  h2, .pkh-section-title, .pk-nh-section-title {
    font-size: clamp(1.2rem, 5.5vw, 1.7rem) !important;
    line-height: 1.22 !important;
  }
  h3, .pkh-serv-title, .pk-m-title, .pk-m-sec-title, .pk-nh-feature-title {
    font-size: clamp(1.05rem, 4.6vw, 1.35rem) !important;
    line-height: 1.28 !important;
  }
  .pkh-btn-primary, .pkh-btn-secondary, .btn-primary, .btn-accent {
    font-size: clamp(0.85rem, 3.8vw, 1rem) !important;
    padding: 12px 20px !important;
  }
  .container, [class*="container"], .wrapper {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* 8) COK DAR (<=360px) */
@media (max-width: 360px) {
  h1 { font-size: 1.3rem !important; }
  h2 { font-size: 1.15rem !important; }
  h3 { font-size: 1rem !important; }
  .pkh-stat-num, .pk-m-price { font-size: clamp(1.25rem, 6vw, 1.8rem) !important; }
}

/* 9) GORSEL MEDYA kap icinde */
img, video, svg, iframe { max-width: 100%; height: auto; }

/* 10) UZUN URL/E-POSTA -> karakter kirma izni */
a[href^="mailto:"], a[href^="tel:"], a[href^="http"]:not(.btn):not([class*="btn"]),
code, pre, kbd, samp {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 11) KATEGORI/CHIP oze garanti */
.category, .kategori, [class*="category"], [class*="kategori"],
.pk-m-detay-val, .pk-m-detay-lbl, .pk-nh-hero-badge, .pkh-section-badge {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}

/* 12) Yatay tasmayi onle */
html, body, #root { overflow-x: hidden; }

/* =============================================================
   13) HERO ALTI 9'LU HIZLI KATEGORI CHIP'LERI (React bundle)
   "PASIFIK GAYRIMENKUL", "DANISMANLIK" vb. isimler dar hucrelere
   sigmayip kelime ortadan boluniyordu. Uppercase ve dar grid'i
   kapatiyoruz; kelime kesinlikle bolunmeyecek, gerekirse chip
   buyuyecek veya alt satira sarilacak.
   ============================================================= */

/* React chip linkleri - 9 sayfa */
a[href="/real-estate"],
a[href="/construction"],
a[href="/nature-houses"],
a[href="/pool"],
a[href="/infrastructure"],
a[href="/consultancy"],
a[href="/projects"],
a[href="/career"],
a[href="/franchise"],
a[href="/about"],
a[href="/havuz"],
a[href="/altyapi"],
a[href="/danismanlik"],
a[href="/insaat"],
a[href="/hakkimizda"],
a[href="/doga-evleri"] {
  width: auto !important;
  min-width: 0 !important;
}

/* Chip etiket span'i (tipografi tamir) */
a[href="/real-estate"] span,
a[href="/construction"] span,
a[href="/nature-houses"] span,
a[href="/pool"] span,
a[href="/infrastructure"] span,
a[href="/consultancy"] span,
a[href="/projects"] span,
a[href="/career"] span,
a[href="/franchise"] span,
a[href="/about"] span,
a[href="/havuz"] span,
a[href="/altyapi"] span,
a[href="/danismanlik"] span,
a[href="/insaat"] span,
a[href="/hakkimizda"] span,
a[href="/doga-evleri"] span {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: clamp(0.7rem, 2.2vw, 0.8rem) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  text-align: center !important;
  display: block !important;
  max-width: 100% !important;
}

/* Chip ana link her zaman hucreyi tam doldursun */
a[href="/real-estate"],
a[href="/construction"],
a[href="/nature-houses"],
a[href="/pool"],
a[href="/infrastructure"],
a[href="/consultancy"],
a[href="/projects"],
a[href="/career"],
a[href="/franchise"],
a[href="/about"],
a[href="/havuz"],
a[href="/altyapi"],
a[href="/danismanlik"],
a[href="/insaat"],
a[href="/hakkimizda"],
a[href="/doga-evleri"] {
  width: 100% !important;
  display: block !important;
}

/* Chip kartinin kendisi - TAM ESIT YUKSEKLIK/GENISLIK */
a[href="/real-estate"] > div,
a[href="/construction"] > div,
a[href="/nature-houses"] > div,
a[href="/pool"] > div,
a[href="/infrastructure"] > div,
a[href="/consultancy"] > div,
a[href="/projects"] > div,
a[href="/career"] > div,
a[href="/franchise"] > div,
a[href="/about"] > div,
a[href="/havuz"] > div,
a[href="/altyapi"] > div,
a[href="/danismanlik"] > div,
a[href="/insaat"] > div,
a[href="/hakkimizda"] > div,
a[href="/doga-evleri"] > div {
  width: 100% !important;
  height: 92px !important;
  min-height: 92px !important;
  padding: 10px 6px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* 9-chip grid: Ekran boyutuna gore SABIT kolon sayisi -> TUM chipler ESIT buyuklukte
   Masaustu >=980px   : 9 kolon   (tek satir)
   Tablet  640-979px  : 5 kolon   (5 + 4 = 2 satir, her hucre ayni)
   Mobil   <=639px    : 3 kolon   (3x3 grid)
   Cok dar <=360px    : 2 kolon   (5 satir)
*/
div[style*="minmax(80px"] {
  grid-template-columns: repeat(9, 1fr) !important;
  gap: 0.6rem !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-items: stretch !important;
}

@media (max-width: 979px) {
  div[style*="minmax(80px"] {
    grid-template-columns: repeat(5, 1fr) !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 639px) {
  div[style*="minmax(80px"] {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.5rem !important;
    max-width: 100% !important;
  }
  a[href="/real-estate"] span,
  a[href="/construction"] span,
  a[href="/nature-houses"] span,
  a[href="/pool"] span,
  a[href="/infrastructure"] span,
  a[href="/consultancy"] span,
  a[href="/projects"] span,
  a[href="/career"] span,
  a[href="/franchise"] span,
  a[href="/about"] span {
    font-size: clamp(0.68rem, 3vw, 0.8rem) !important;
  }
  /* Iki kelimeli chiplerde "Pasifik" ust satir, digeri alt satir */
  a[href="/real-estate"] span,     /* Pasifik Gayrimenkul */
  a[href="/construction"] span,    /* Pasifik Insaat */
  a[href="/pool"] span,            /* Pasifik Havuz */
  a[href="/nature-houses"] span    /* Doga Evleri */
  {
    word-spacing: 100vw !important;   /* Her boslugu yeni satira zorla */
    display: block !important;
    white-space: normal !important;
    line-height: 1.15 !important;
    text-align: center !important;
    max-width: 100% !important;
  }
}

@media (max-width: 360px) {
  div[style*="minmax(80px"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ==============================================================
   14) HERO BASLIK + ALT YAZI (masaustu/mobil tutarli olcek)
   ============================================================== */
h1[style*="3rem"],
h1[style*="4rem"],
h1[style*="5rem"],
h1[style*="3.5rem"] {
  font-size: clamp(1.6rem, 5.5vw, 3.2rem) !important;
  line-height: 1.1 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  text-wrap: balance;
}
p[style*="1.5rem"][style*="uppercase"],
p[style*="1.8rem"][style*="uppercase"],
h2[style*="1.5rem"][style*="uppercase"] {
  font-size: clamp(0.85rem, 3vw, 1.3rem) !important;
  line-height: 1.35 !important;
  letter-spacing: 2px !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  text-wrap: balance;
}

/* ==============================================================
   17) MOBILDE HERO ALT YAZISI: 2 SATIRA DENGELI KIRILSIN
   "PASIFIK INSAAT & GAYRIMENKUL" / "IHRACAT & ITHALAT"
   ============================================================== */
@media (max-width: 640px) {
  /* Hero alt yazisi: gercek render p[style*="1.2rem"]. */
  p[style*="1.2rem"][style*="textShadow"],
  p[style*="1.2rem"][style*="opacity"],
  p[style*="uppercase"][style*="1.5rem"],
  p[style*="uppercase"][style*="1.8rem"],
  h2[style*="uppercase"][style*="1.5rem"] {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* Hero baslik (HAYALLERINIZDEKI YASAM) ile alt yazi (PASIFIK / INSAAT & ...) arasinda nefes alma bosluğu */
    margin-top: 1.6rem !important;
    margin-bottom: 1.2rem !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    /* Buyuk font: ~13-16px. "INSAAT & GAYRIMENKUL & IHRACAT & ITHALAT" 40 karakter
       sikistirilmis letter-spacing ile tek satir kalabilmesi icin -0.3px negatif kullan */
    font-size: clamp(0.85rem, 3.8vw, 1.1rem) !important;
    line-height: 1.4 !important;
    letter-spacing: -0.3px !important;
    white-space: normal !important;
    word-spacing: normal !important;
    text-wrap: initial;
    font-weight: 600 !important;
  }

  /* Hero ana baslik altinda ekstra bosluk (bazi React yerlesimleri margin yutuyor) */
  h1[style*="3rem"],
  h1[style*="3.5rem"],
  h1[style*="4rem"],
  h1[style*="5rem"] {
    margin-bottom: 1rem !important;
  }

  /* PASIFIK alt satirinin uzerindeki ikinci satir (INSAAT & ...) biraz daha asagi kaysin */
  br.pk-hero-br-mobile { display: inline !important; line-height: 2.2 !important; }
}

/* 400px ve alti: subtitle biraz kucult ki ikinci satir hala tek kalsin */
@media (max-width: 400px) {
  p[style*="1.2rem"][style*="textShadow"],
  p[style*="1.2rem"][style*="opacity"] {
    font-size: clamp(0.75rem, 3.5vw, 0.95rem) !important;
    letter-spacing: -0.4px !important;
  }
}

/* Masaustu ve daha genis: <br> gorunmez (bosluk gibi davranir) */
@media (min-width: 641px) {
  br.pk-hero-br-mobile { display: none !important; }
}

  /* Hero ana baslik mobilde 1 satira sigmiyorsa "HAYALLERINIZDEKI" / "YASAM" seklinde
     dengeli kirilsin, mid-word kirilma olmasin */
  h1[style*="3rem"],
  h1[style*="3.5rem"],
  h1[style*="4rem"],
  h1[style*="5rem"] {
    font-size: clamp(1.6rem, 7.5vw, 2.6rem) !important;
    line-height: 1.05 !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    text-wrap: balance;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* Cok dar telefonlarda daha sikica kir */
@media (max-width: 400px) {
  p[style*="uppercase"][style*="1.5rem"],
  p[style*="uppercase"][style*="1.8rem"],
  h2[style*="uppercase"][style*="1.5rem"] {
    max-width: 260px !important;
    font-size: clamp(0.72rem, 3.6vw, 0.95rem) !important;
    letter-spacing: 0.5px !important;
  }
}

/* ==============================================================
   15) HERO ARAMA CUBUGU (mobilde select 150px yuzunden sikisiyor)
   ============================================================== */
@media (max-width: 640px) {
  /* Arama cubugu kapsayici */
  div[style*="height: 60px"][style*="borderRadius: 30px"],
  div[style*="height: 60px"][style*="border-radius: 30px"] {
    height: auto !important;
    min-height: 52px !important;
    border-radius: 18px !important;
    flex-wrap: wrap !important;
  }
  /* Select alani */
  div[style*="height: 60px"] > div[style*="width: 25%"] {
    width: 100% !important;
    min-width: 0 !important;
  }
  div[style*="height: 60px"] > div[style*="width: 25%"] select {
    padding: 10px 14px !important;
    font-size: 0.9rem !important;
  }
  /* Input */
  div[style*="height: 60px"] > input[type="text"] {
    flex: 1 1 60% !important;
    padding: 10px 14px !important;
    font-size: 0.9rem !important;
    min-width: 0 !important;
  }
  /* Ara butonu */
  div[style*="height: 60px"] > button {
    width: 56px !important;
  }
}

/* ==============================================================
   16) MOBIL GENEL CONTAINER PADDING - bir butun halinde tutarli
   ============================================================== */
@media (max-width: 640px) {
  .container, [class*="container"] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  /* Hero bolumunde maxWidth kulliyelerini mobilde genislet */
  div[style*="maxWidth: \"1200px\""],
  div[style*="maxWidth: \"900px\""] {
    max-width: 100% !important;
  }
}

/* ==============================================================
   18) HEADER / NAVBAR MOBIL REHABILITASYONU
   Logo 90px cok buyuk -> mobilde metin alanina giriyor.
   Header position: absolute (ust banner) + logo 90px + uzun nav
   -> mobilde sarmalanamiyor, logo hero yazisinin ustune biniyor.
   ============================================================== */
/* Tum ekranlarda temel: navbar padding biraz azalsin (default 1.2rem 0) */
nav[style*="position"][style*="top"] {
  padding: 0.9rem 0 !important;
}

/* Logo: her ekranda objectFit contain, en fazla belirli yukseklik */
nav img[src*="logo.png"],
nav img[alt*="Elüstü"],
nav img[alt*="Elustu"] {
  max-height: 72px !important;
  width: auto !important;
  display: block !important;
}

/* Tablet / kucuk masaustu: logo ve nav biraz sikisabilir */
@media (max-width: 900px) {
  nav img[src*="logo.png"],
  nav img[alt*="Elüstü"],
  nav img[alt*="Elustu"] {
    max-height: 60px !important;
    height: 60px !important;
  }
}

/* Mobil: logo kucultulur + navbar icerigi saran + daha sik padding */
@media (max-width: 640px) {
  nav[style*="position"][style*="top"] {
    padding: 0.6rem 0 !important;
  }
  nav img[src*="logo.png"],
  nav img[alt*="Elüstü"],
  nav img[alt*="Elustu"] {
    max-height: 104px !important;
    height: 104px !important;
  }
  /* Navbar icindeki flex-between container: sarabilir */
  nav .container.flex-between,
  nav div.container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 0.4rem !important;
    flex-wrap: nowrap !important;
  }
  /* Sag taraftaki menu / dil degistirici butonlari kuculsun */
  nav button,
  nav[style*="position"][style*="top"] button {
    padding: 6px 10px !important;
    font-size: 0.78rem !important;
    gap: 0.35rem !important;
  }
  /* Bayrak emojileri daha kompakt */
  nav button span,
  nav[style*="position"][style*="top"] button span {
    font-size: 0.8rem !important;
  }
}

/* Cok dar ekran: logo hafifce kuculsun ama yine de belirgin */
@media (max-width: 380px) {
  nav img[src*="logo.png"],
  nav img[alt*="Elüstü"],
  nav img[alt*="Elustu"] {
    max-height: 88px !important;
    height: 88px !important;
  }
}

/* ==============================================================
   19) HERO'YA HEADER KADAR UST BOSLUK - logonun hicbir zaman
   yazilara binmemesini garanti et.
   Header: padding (0.6rem) + logo (64px) + padding (0.6rem) = ~88px
   ============================================================== */
/* Hero bolumlerinde yeterince ust padding */
section[style*="minHeight: \"100vh\""],
section[style*="min-height: 100vh"],
section[style*="minHeight:\"100vh\""],
div[style*="minHeight: \"100vh\""][style*="background"],
div[style*="min-height: 100vh"][style*="background"] {
  padding-top: 110px !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  section[style*="minHeight: \"100vh\""],
  section[style*="min-height: 100vh"],
  section[style*="minHeight:\"100vh\""],
  div[style*="minHeight: \"100vh\""][style*="background"],
  div[style*="min-height: 100vh"][style*="background"] {
    padding-top: 140px !important;
  }
}

/* ==============================================================
   20) GENEL MOBIL REHABILITASYON - her sayfada calismak uzere
   ============================================================== */
@media (max-width: 640px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* Tum sabit/buyuk max-width'leri mobilde ezelim */
  [style*="maxWidth:"][style*="1200px"],
  [style*="maxWidth:"][style*="1100px"],
  [style*="maxWidth:"][style*="1000px"],
  [style*="maxWidth:"][style*="900px"],
  [style*="max-width: 1200"],
  [style*="max-width: 1100"],
  [style*="max-width: 1000"],
  [style*="max-width: 900"] {
    max-width: 100% !important;
  }

  /* Buyuk padding degerlerini mobilde kucult (5rem, 6rem vb.) */
  [style*="padding: \"5rem"],
  [style*="padding: \"6rem"],
  [style*="padding:5rem"],
  [style*="padding:6rem"] {
    padding: 2.5rem 1rem !important;
  }
  [style*="padding: \"8rem"],
  [style*="padding:8rem"] {
    padding: 3rem 1rem !important;
  }

  /* Grid'leri daralt: mobilde TEK kolon (kartlar 2 sutunda sikistirildiginda
     metin her kelimeyi alt satira atiyordu). Category chips bu selector'a
     girmez (onlar div[style*="minmax(80px"] ile ayrica tutuluyor). */
  [style*="gridTemplateColumns:"][style*="repeat(4,"],
  [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  [style*="gridTemplateColumns:"][style*="repeat(3,"],
  [style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  [style*="gridTemplateColumns:"][style*="repeat(5,"],
  [style*="gridTemplateColumns:"][style*="repeat(6,"],
  [style*="grid-template-columns: repeat(5"],
  [style*="grid-template-columns: repeat(6"] {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  /* repeat(2,...) da dar telefonlarda sikisabilir - onu da tek kolona al */
  [style*="gridTemplateColumns:"][style*="repeat(2,"],
  [style*="grid-template-columns: repeat(2"] {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  /* minmax tabanli grid'ler: genis min degerler mobilde tasiyor */
  [style*="minmax(200px"],
  [style*="minmax(220px"],
  [style*="minmax(240px"],
  [style*="minmax(250px"],
  [style*="minmax(260px"],
  [style*="minmax(280px"],
  [style*="minmax(300px"],
  [style*="minmax(320px"] {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  /* Grid cocuk kartlari mobilde tam genislik + metin normal aksin */
  [style*="display: grid"] > *,
  [style*="display:grid"] > *,
  [style*="display: \"grid\""] > * {
    max-width: 100% !important;
    min-width: 0 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  /* Illan / kart grid'leri: minmax kulliyeleri */
  [style*="minmax(300px"],
  [style*="minmax(320px"],
  [style*="minmax(340px"],
  [style*="minmax(350px"] {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  [style*="minmax(250px"],
  [style*="minmax(260px"],
  [style*="minmax(280px"] {
    grid-template-columns: 1fr !important;
    gap: 0.8rem !important;
  }
  [style*="minmax(200px"],
  [style*="minmax(220px"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.8rem !important;
  }

  /* Flex satirlarini mobilde sar */
  [style*="display: \"flex\""][style*="flexDirection: \"row\""]:not(nav *):not([class*="flex-between"]) {
    flex-wrap: wrap !important;
    gap: 0.8rem !important;
  }

  /* Buyuk gap'leri mobilde kucult */
  [style*="gap: \"3rem"],
  [style*="gap: \"4rem"],
  [style*="gap: \"5rem"],
  [style*="gap:3rem"],
  [style*="gap:4rem"],
  [style*="gap:5rem"] {
    gap: 1.5rem !important;
  }

  /* Sabit genislikli elemanlar tasmasin */
  [style*="width: \"1200px\""],
  [style*="width: \"1100px\""],
  [style*="width: \"1000px\""],
  [style*="width: \"900px\""],
  [style*="width: \"800px\""] {
    width: 100% !important;
  }

  /* Imajlar tasmasin */
  img {
    max-width: 100% !important;
    height: auto;
  }

  /* Buton grubu / action grubu mobilde dikey */
  [style*="display: \"flex\""][style*="gap"][style*="justifyContent: \"center\""] {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  /* Section bosluklarini normalize et */
  section, [class*="section"] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Cok dar telefon: daha sikica */
@media (max-width: 380px) {
  [style*="gridTemplateColumns:"][style*="repeat(4,"],
  [style*="gridTemplateColumns:"][style*="repeat(3,"],
  [style*="grid-template-columns: repeat(4"],
  [style*="grid-template-columns: repeat(3"],
  [style*="minmax(200px"],
  [style*="minmax(220px"] {
    grid-template-columns: 1fr !important;
  }
}