/* ==========================================================================
   Avelkon 2026 — Ana sayfa
   ========================================================================== */

.av-home{
  /* DİKKAT: burada overflow-x:clip KULLANILMAZ — tam genişlik bölümleri
     (.av-hero, .av-band, .av-areas, .av-cta) Avada'nın dar .fusion-row
     kapsayıcısına kırpılır ve içerik kenarlardan kesilir. */
  overflow-x:visible;
}

/* Avada içeriği .fusion-row (sınırlı genişlik) + #main (30px padding) içine sarar.
   Tam genişlik gereken bölümler bu kapsayıcıdan çıkar. */
.av-hero,
.av-areas,
.av-cta{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* --------------------------------------------------------------- HERO */
.av-hero{
  position:relative;
  /* Header normal akışta kalır (koyu). Hero kalan ekranı doldurur. */
  min-height:min(82svh,820px);
  display:flex; align-items:flex-end;
  padding-block:clamp(5rem,11vh,8rem) clamp(4rem,9vh,6.5rem);
  overflow:hidden;
  background:var(--av-ink-900);
  isolation:isolate;
}
.av-hero__media{ position:absolute; inset:-8% 0 -8% 0; z-index:0; }
.av-hero__media img{
  width:100%; height:100%; object-fit:cover; display:block;
  /* Sıcak, düşük kontrastlı bir grade — ekipman görsellerini yüceltir */
  filter:saturate(.85) contrast(1.04) brightness(.82);
}
.av-hero__veil{
  position:absolute; inset:0; z-index:1;
  /* Metin sol tarafta duruyor; okunurluk için soldan sağa güçlü bir düşüş,
     üstte header'la kaynaşma, altta bir sonraki bölüme yumuşak geçiş. */
  background:
    linear-gradient(90deg, rgba(11,11,12,.94) 0%, rgba(11,11,12,.80) 26%, rgba(11,11,12,.34) 58%, rgba(11,11,12,.20) 100%),
    linear-gradient(180deg, rgba(11,11,12,.92) 0%, rgba(11,11,12,.20) 26%, rgba(11,11,12,.30) 62%, rgba(11,11,12,.96) 100%);
}
.av-hero__inner{ position:relative; z-index:2; }

.av-hero__eyebrow{ margin:0 0 1.5rem; color:var(--av-brand); }

.av-hero__title{
  font-family:var(--av-font-display);
  font-size:var(--av-fs-hero);
  font-weight:500;
  line-height:1.02;
  letter-spacing:var(--av-ls-tight);
  color:var(--av-text-inv);
  margin:0 0 1.75rem;
  max-width:20ch;
  text-wrap:balance;
}
.av-hero__lead{
  font-size:var(--av-fs-lead);
  line-height:1.5;
  color:rgba(242,241,238,.76);
  max-width:56ch;
  margin:0 0 2.5rem;
}
.av-hero__actions{ display:flex; flex-wrap:wrap; gap:.875rem; }

/* Kaydırma ipucu */
.av-hero__cue{
  position:absolute; z-index:3; left:50%; bottom:1.75rem;
  transform:translateX(-50%);
  width:26px; height:42px; border:1px solid rgba(255,255,255,.32);
  border-radius:14px; display:grid; place-items:start center; padding-top:8px;
}
.av-hero__cue span{
  width:3px; height:8px; border-radius:2px; background:var(--av-brand);
  animation:av-cue 1.9s var(--av-ease) infinite;
}
@keyframes av-cue{
  0%,100%{ transform:translateY(0); opacity:1 }
  55%{ transform:translateY(12px); opacity:.15 }
}
.av-reduced .av-hero__cue span{ animation:none; }

/* --------------------------------------------------------------- HİZMET İNDEKSİ */
/* Görsel ızgara yerine editoryal liste: 300px'lik görseller büyütülmez,
   mobildeki %62 hizalama hatası tamamen ortadan kalkar. */
.av-index{ list-style:none; margin:0; padding:0; border-top:1px solid var(--av-line); }
.av-index__row{ border-bottom:1px solid var(--av-line); }

.av-index__link{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center; gap:1.25rem;
  padding-block:clamp(1.1rem,2.4vh,1.75rem);
  text-decoration:none; color:inherit;
  transition:padding-inline var(--av-dur) var(--av-ease);
}
.av-index__link:hover{ padding-inline:1rem; }

.av-index__no{
  font-family:var(--av-font-body);
  font-size:var(--av-fs-xs); font-weight:500;
  color:var(--av-brand); letter-spacing:.08em;
  font-variant-numeric:tabular-nums;
  min-width:2.25rem;
}
.av-index__title{
  font-family:var(--av-font-display);
  font-size:clamp(1.25rem,2.6vw,2rem);
  font-weight:500; line-height:1.2;
  letter-spacing:var(--av-ls-snug);
  transition:color var(--av-dur) var(--av-ease);
}
.av-index__link:hover .av-index__title{ color:var(--av-brand-lo); }

.av-index__arrow{
  color:var(--av-muted); font-size:1.1rem;
  opacity:0; transform:translateX(-8px);
  transition:opacity var(--av-dur) var(--av-ease), transform var(--av-dur) var(--av-ease);
}
.av-index__link:hover .av-index__arrow{ opacity:1; transform:translateX(0); }

/* Fareyle üzerine gelince beliren küçük görsel — yalnızca hassas işaretçide */
.av-index__thumb{
  position:absolute; right:6rem; top:50%;
  width:190px; height:126px; overflow:hidden; border-radius:var(--av-radius);
  transform:translateY(-50%) scale(.94); opacity:0;
  transition:opacity var(--av-dur) var(--av-ease), transform var(--av-dur) var(--av-ease);
  pointer-events:none; display:none;
}
.av-index__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

@media (hover:hover) and (pointer:fine) and (min-width:1000px){
  .av-index__thumb{ display:block; }
  .av-index__link:hover .av-index__thumb{ opacity:1; transform:translateY(-50%) scale(1); }
}
.av-reduced .av-index__thumb{ transition:none; }

/* --------------------------------------------------------------- YATAY RAY */
.av-rail{
  overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x proximity;
  scroll-padding-inline-start:var(--av-gutter);
  -webkit-overflow-scrolling:touch;
  padding-inline:var(--av-gutter);
  padding-bottom:1rem;
  scrollbar-width:thin;
  scrollbar-color:var(--av-ink-500) transparent;
}
.av-rail:focus-visible{ outline:2px solid var(--av-brand); outline-offset:4px; }
.av-rail__track{
  list-style:none; margin:0; padding:0;
  display:flex; gap:var(--av-gap);
}
.av-rail__item{
  flex:0 0 clamp(15rem,26vw,21rem);
  scroll-snap-align:start;
}
.av-rail::-webkit-scrollbar{ height:6px; }
.av-rail::-webkit-scrollbar-thumb{ background:var(--av-ink-500); border-radius:3px; }
.av-rail::-webkit-scrollbar-track{ background:transparent; }

/* --------------------------------------------------------------- BLOG */
.av-journal .av-card__media{ aspect-ratio:16/10; }

/* --------------------------------------------------------------- KAPANIŞ CTA */
.av-cta{ padding-block:clamp(4.5rem,10vh,8rem); background:var(--av-ink-900); }
.av-cta__inner{ display:flex; flex-direction:column; align-items:flex-start; gap:2rem; }
.av-cta__title{
  font-family:var(--av-font-display);
  font-size:var(--av-fs-h1); font-weight:500;
  line-height:1.08; letter-spacing:var(--av-ls-tight);
  color:var(--av-text-inv); margin:0; max-width:16ch;
  text-wrap:balance;
}
.av-cta__actions{ display:flex; flex-wrap:wrap; gap:.875rem; }

/* --------------------------------------------------------------- MOBİL */
@media (max-width:700px){
  .av-hero{ min-height:auto; padding-block:7rem 3rem; }
  .av-hero__title{ max-width:none; }
  .av-hero__cue{ display:none; }
  .av-index__link{ grid-template-columns:auto 1fr; gap:.875rem; }
  .av-index__arrow{ display:none; }
}

/* --------------------------------------------------------------- ÖZGÜLLÜK KORUMASI */
/* Avada'nın #main h1/h2 kuralları koyu renk dayatıyor; koyu bölümlerde
   metnin okunur kalması için açıkça geçersiz kılınır. */
#main .av-hero .av-hero__title,
#main .av-cta .av-cta__title,
#main .av-dark .av-shead__title,
#main .av-dark h1,
#main .av-dark h2,
#main .av-dark h3{
  color:var(--av-text-inv);
}
#main .av-dark .av-card__title{ color:var(--av-text-inv); }
#main .av-hero__lead{ color:rgba(242,241,238,.78); }

/* --------------------------------------------------------------- RAY KARTI */
/* Arşivdeki görsellerin çoğu 1000x1000 kare; kart oranı buna göre seçildi. */
.av-rail .av-card__media{ aspect-ratio:1/1; background:var(--av-ink-700); }
.av-rail .av-card{ height:100%; }
.av-rail__track{ align-items:stretch; }
.av-rail .av-card__title{ font-size:var(--av-fs-h4); }

/* Avada'nın #main p kuralı eyebrow'un altın rengini eziyordu. */
/* Açık zeminde koyu altın (AA), koyu zeminde parlak marka altını. */
#main .av-eyebrow{ color:var(--av-brand-text); }
#main .av-dark .av-eyebrow,
#main .av-hero__eyebrow{ color:var(--av-brand); }
#main .av-eyebrow::before{ background:currentColor; }
#main .av-index__no{ color:var(--av-brand-text); }
#main .av-index__link:hover .av-index__title{ color:var(--av-brand-text); }
#main .av-card__desc{ color:var(--av-muted); }
#main .av-dark .av-card__desc{ color:var(--av-muted-inv); }

/* Buton metni: Avada'nın #main a kuralı rengi eziyordu. */
#main a.av-btn{ color:#141414; }
#main a.av-btn:hover{ color:#141414; }
#main a.av-btn--ghost{ color:var(--av-text); }
#main .av-dark a.av-btn--ghost{ color:var(--av-text-inv); }
#main .av-dark a.av-btn--ghost:hover{ color:var(--av-ink-900); }
#main a.av-btn--ghost:hover{ color:var(--av-paper); }

/* --------------------------------------------------------------- HİZMET İNDEKSİ */
/* 16 satır tam genişlikte yayılınca ince ve monoton duruyordu.
   Ölçü daraltıldı, satır ritmi sıkılaştırıldı, numara sütunu hizalandı. */
.av-services .av-shead,
.av-services .av-index{ max-width:64rem; }
.av-index__link{ padding-block:clamp(.95rem,2vh,1.4rem); gap:1.5rem; }
.av-index__no{ min-width:2.75rem; opacity:.75; }
.av-index__title{ font-size:clamp(1.15rem,2.1vw,1.6rem); }
/* Hover'da satır komple nefes alsın */
.av-index__row{ transition:background-color var(--av-dur) var(--av-ease); }
.av-index__row:hover{ background-color:rgba(138,93,0,.04); }

/* --------------------------------------------------------------- RAY BÖLÜMÜ */
/* Kartların altında ölü boşluk kalıyordu. */
.av-areas{ padding-bottom:clamp(3rem,6vh,4.5rem); }
.av-rail{ padding-bottom:.25rem; }
.av-rail .av-card{ padding-top:1.25rem; }
.av-rail .av-card__title{ margin-bottom:0; }

/* --------------------------------------------------------------- BÖLÜM RİTMİ */
/* Bölümler eşit yükseklikte monoton bir dizi oluşturuyordu.
   Koyu bölüm görsel bir duraklama noktası olarak biraz daha nefes alır. */
.av-areas{ padding-top:clamp(5.5rem,12vh,9rem); }
.av-journal{ padding-top:clamp(5rem,10vh,8rem); }

/* --------------------------------------------------------------- HERO BAŞLIK ÖLÇEĞİ */
/* base.css'teki "#main h1" (0,1,1) kuralı ".av-hero__title" (0,1,0) kuralını
   eziyordu; hero hiçbir zaman kendi ölçeğinde görünmemişti. */
#main .av-hero__title{
  font-size:var(--av-fs-hero);
  line-height:1.0;
  letter-spacing:-.035em;
}
#main .av-cta__title{
  font-size:clamp(2rem,4.4vw,3.5rem);
  line-height:1.05;
  letter-spacing:-.03em;
}
/* Bölüm başlıkları da kendi ölçeğini kullansın */
#main .av-shead__title{
  font-size:var(--av-fs-h2);
  line-height:1.15;
  letter-spacing:-.028em;
}

/* --------------------------------------------------------------- EYEBROW ÖLÇEĞİ */
/* .av-eyebrow bir <p>; Avada'nın "#main p" kuralı boyutu eziyordu. */
#main .av-eyebrow{
  font-size:var(--av-fs-xs);
  line-height:1.4;
  letter-spacing:.16em;
  font-weight:500;
}
#main .av-hero__lead{ font-size:var(--av-fs-lead); line-height:1.5; }
#main .av-card__desc{ font-size:var(--av-fs-sm); line-height:1.55; }

/* --------------------------------------------------------------- DURUŞ BANDI */
/* Sayfa ortasında görsel duraklama + doğal bir CTA teması.
   İçerik sitenin kendi sloganı; uydurma metin yok. */
.av-band{
  position:relative; overflow:hidden; isolation:isolate;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  min-height:min(58svh,560px);
  display:flex; align-items:center;
  padding-block:clamp(4.5rem,10vh,7.5rem);
  background:var(--av-ink-900);
}
.av-band__media{ position:absolute; inset:-6% 0; z-index:0; }
.av-band__media img{
  width:100%; height:100%; object-fit:cover; display:block;
  filter:saturate(.8) contrast(1.03) brightness(.72);
}
.av-band__veil{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg, rgba(11,11,12,.90) 0%, rgba(11,11,12,.62) 45%, rgba(11,11,12,.30) 100%);
}
.av-band__inner{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; gap:2rem; }
#main .av-band__title{
  font-family:var(--av-font-display);
  font-size:clamp(2rem,4.6vw,3.75rem);
  font-weight:500;
  /* 1.05 fontun doğal ascent+descent kutusundan (32px fontta 40px) dardı;
     kelime-maskesi (.av-word{overflow:hidden}) bu sınırda kesiyordu —
     "Ortağınız" gibi alt uzantılı harfler (ğ) altından kırpılıyordu.
     1.25 = tam kırılma noktası: fontun kendi kutusuyla eşleşir, fazladan
     boşluk eklemeden kırpmayı sıfırlar. */
  line-height:1.25;
  letter-spacing:-.03em;
  color:var(--av-text-inv);
  margin:0; max-width:18ch; text-wrap:balance;
}
@media (max-width:700px){
  .av-band{ min-height:auto; }
  .av-band__veil{ background:linear-gradient(180deg, rgba(11,11,12,.72) 0%, rgba(11,11,12,.88) 100%); }
}

/* ==========================================================================
   HERO — MİNİMAL PREMIUM (yeniden tasarım)
   Tek mesaj, tek aksiyon, fotoğrafın yaşamasına izin veren örtü.
   Bu blok dosyanın sonunda; önceki hero kurallarını bilinçli olarak ezer.
   ========================================================================== */

.av-hero{
  min-height:88svh;
  display:flex;
  align-items:flex-end;
  padding-block:clamp(6rem,14vh,10rem) clamp(4.5rem,10vh,7.5rem);
}

/* --------------------------------------------------------------- GÖRSEL */
/* Ağır siyah örtü yok: fotoğrafın malzeme ve ışığı görünür kalmalı. */
.av-hero__media{ position:absolute; inset:0; z-index:0; overflow:hidden; }
.av-hero__media img{
  width:100%; height:100%; object-fit:cover; object-position:62% 50%;
  display:block;
  filter:saturate(.92) contrast(1.02) brightness(.9);
  transform:scale(1.045);
  transform-origin:60% 50%;
}
.av-motion-ready .av-hero__media img{
  transition:transform 1600ms cubic-bezier(.22,1,.36,1);
}
.av-hero.av-in .av-hero__media img{ transform:scale(1); }
.av-reduced .av-hero__media img{ transform:none!important; transition:none!important; }

/* Örtü: metnin oturduğu sol-alt köşede güçlü, sağ-üstte neredeyse yok. */
.av-hero__veil{
  position:absolute; inset:0; z-index:1;
  background:
    /* Metin bloğunun oturduğu sol-alt bölgeye odaklı yumuşak scrim.
       Fotoğrafın sağ ve üst tarafı neredeyse dokunulmadan kalır. */
    /* Metin kolonu (sol ~%45) korunur; fotoğrafın sağ üçte biri dokunulmaz. */
    linear-gradient(to right, rgba(11,11,12,.90) 0%, rgba(11,11,12,.76) 20%, rgba(11,11,12,.44) 40%, rgba(11,11,12,.12) 58%, rgba(11,11,12,0) 72%),
    linear-gradient(to top, rgba(11,11,12,.72) 0%, rgba(11,11,12,.34) 28%, rgba(11,11,12,.04) 60%, rgba(11,11,12,.22) 100%);
}

/* --------------------------------------------------------------- İÇERİK */
.av-hero__inner{
  position:relative; z-index:2;
  display:flex; flex-direction:column; align-items:flex-start;
  max-width:none;
}

#main .av-hero__eyebrow{
  font-family:var(--av-font-body);
  font-size:.75rem;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:rgba(242,241,238,.74);
  margin:0 0 clamp(1.25rem,2.4vh,2rem);
  display:block;
}
#main .av-hero__eyebrow::before{ content:none; }

/* Başlık: iki satır, satır bazlı maske açılımı */
#main .av-hero__title{
  font-family:var(--av-font-display);
  font-size:clamp(2.6rem,6vw,5.25rem);
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.035em;
  color:var(--av-text-inv);
  margin:0 0 clamp(1.5rem,3vh,2.25rem);
  max-width:16ch;
}
.av-line{ display:block; overflow:hidden; }
.av-line__i{ display:block; }
.av-motion-ready .av-line__i{
  transform:translate3d(0,110%,0);
  transition:transform 950ms cubic-bezier(.22,1,.36,1);
}
.av-hero.av-in .av-line__i{ transform:translate3d(0,0,0); }
.av-hero.av-in .av-line:nth-child(2) .av-line__i{ transition-delay:110ms; }
.av-reduced .av-line__i{ transform:none!important; transition:none!important; }

#main .av-hero__lead{
  font-size:clamp(1rem,1.15vw,1.125rem);
  line-height:1.55;
  color:rgba(242,241,238,.80);
  max-width:44ch;
  margin:0 0 clamp(2rem,4vh,2.75rem);
}

.av-hero__actions{ display:flex; }

/* --------------------------------------------------------------- CTA */
/* Marka altınıyla ilişkili ama parlak değil: ince altın kenar, sıcak koyu
   yüzey. Hover'da altına dolar. Glow/shadow/gradient yok. */
#main a.av-btn--hero{
  --_fg:var(--av-text-inv);
  background:rgba(234,161,16,.10);
  border:1px solid rgba(234,161,16,.55);
  color:var(--av-text-inv);
  min-height:56px;
  padding-inline:1.9rem;
  border-radius:var(--av-radius);
  font-size:var(--av-fs-sm);
  font-weight:500;
  letter-spacing:.01em;
  transition:background-color 320ms var(--av-ease),
             border-color 320ms var(--av-ease),
             color 320ms var(--av-ease),
             transform 200ms var(--av-ease);
}
#main a.av-btn--hero:hover{
  background:var(--av-brand);
  border-color:var(--av-brand);
  color:#141414;
  transform:translateY(-2px);
}
#main a.av-btn--hero:active{ transform:translateY(0); }
.av-reduced #main a.av-btn--hero:hover{ transform:none; }

/* Giriş sırası: eyebrow -> başlık -> açıklama -> CTA */
.av-motion-ready .av-hero__eyebrow,
.av-motion-ready .av-hero__lead,
.av-motion-ready .av-hero__actions{
  opacity:0; transform:translate3d(0,14px,0);
  transition:opacity 700ms var(--av-ease), transform 700ms var(--av-ease);
}
.av-hero.av-in .av-hero__eyebrow{ opacity:1; transform:none; transition-delay:60ms; }
.av-hero.av-in .av-hero__lead{ opacity:1; transform:none; transition-delay:520ms; }
.av-hero.av-in .av-hero__actions{ opacity:1; transform:none; transition-delay:660ms; }
.av-reduced .av-hero__eyebrow,
.av-reduced .av-hero__lead,
.av-reduced .av-hero__actions{ opacity:1!important; transform:none!important; transition:none!important; }

/* --------------------------------------------------------------- KAYDIRMA İPUCU */
/* Kapsül yerine sessiz ince bir çizgi. */
.av-hero__cue{
  position:absolute; z-index:3;
  left:var(--av-gutter); bottom:1.75rem;
  width:1px; height:44px;
  background:linear-gradient(to bottom, rgba(242,241,238,.05), rgba(242,241,238,.42));
  border:0; border-radius:0;
  display:block; padding:0;
  overflow:hidden;
}
.av-hero__cue span{
  position:absolute; left:0; top:0;
  width:1px; height:14px; background:var(--av-brand);
  border-radius:0;
  animation:av-cue-line 2.2s cubic-bezier(.65,0,.35,1) infinite;
}
@keyframes av-cue-line{
  0%   { transform:translateY(-14px); opacity:0 }
  35%  { opacity:1 }
  100% { transform:translateY(44px); opacity:0 }
}
.av-reduced .av-hero__cue span{ animation:none; opacity:.7; }

/* --------------------------------------------------------------- MOBİL */
@media (max-width:780px){
  .av-hero{
    /* CTA ekranın dibine yapışmasın; alt boşluk WhatsApp butonunu da karşılar. */
    min-height:80svh;
    padding-block:clamp(5rem,12vh,7rem) clamp(4.5rem,10vh,6.5rem);
  }
  /* Dikey kırpmada karakteristik bölge (mermer tezgâh + panel) korunur. */
  .av-hero__media img{ object-position:72% 62%; }
  .av-hero__veil{
    background:linear-gradient(to top, rgba(11,11,12,.92) 0%, rgba(11,11,12,.62) 34%, rgba(11,11,12,.22) 70%, rgba(11,11,12,.42) 100%);
  }
  /* Alt sınır 2.15rem (34px) idi; 320px'de kapsayıcı 288px olduğu için
     "Görünmeyen teknoloji." satırı ikiye bölünüyordu (347px gerekiyor).
     Ölçek viewport'a bağlandı: 320px'de ~27px, 390px'de ~33px. */
  #main .av-hero__title{ font-size:clamp(1.7rem,8.4vw,3rem); max-width:16ch; }
  #main .av-hero__lead{ max-width:36ch; }
  #main .av-hero__eyebrow{ letter-spacing:.2em; font-size:.7rem; }
  .av-hero__cue{ display:none; }
  /* CTA tam genişlik OLMAZ: sabit WhatsApp butonu (sağ alt) ile çakışıyordu
     ve çözümü hero alt boşluğuna bağlamak viewport yüksekliğine göre kırılgandı.
     Otomatik genişlik hem çakışmayı kökten bitiriyor hem daha ölçülü duruyor. */
  .av-hero__actions{ width:auto; }
  #main a.av-btn--hero{ width:auto; justify-content:center; padding-inline:1.6rem; }
}

/* --------------------------------------------------------------- HERO → SONRAKİ BÖLÜM */
/* Güven şeridi kaldırıldı; hero artık doğrudan hizmetler bölümüne bağlanıyor.
   Tam ekran koyu bir bloktan açık zemine geçerken sert kenarın ardından
   daha fazla nefes gerekiyor. Kural yalnızca hero'yu izleyen bölüme uygulanır;
   hizmetler bölümünün kendi ritmi değişmez. */
.av-hero + .av-services{
  padding-top:clamp(6.5rem,14vh,11rem);
}
@media (max-width:780px){
  .av-hero + .av-services{ padding-top:clamp(4.5rem,10vh,6.5rem); }
}

/* ==========================================================================
   MOBİL YAPISAL DÜZELTME — ÇİFT GUTTER
   Avada #main öğesine sabit "padding: 0 30px" veriyor; .av-container da
   kendi gutter'ını ekliyordu. 320px'de her iki yanda 50px, yani ekranın
   %31'i boşluğa gidiyor ve içerik 220px'e sıkışıyordu.
   Ana sayfada gutter'ın TEK kaynağı .av-container olur.
   ========================================================================== */
.av-front #main{
  padding-inline:0!important;
}

/* Avada'nın .fusion-row'u display:flex; .av-home bir flex öğesi olarak
   "flex: 0 1 auto" ile İÇERİĞİNE göre büzülüyordu (768px kapsayıcıda 659px).
   Bu, kırılma noktaları arasındaki tutarsız içerik genişliğinin kaynağıydı. */
.av-front #main > .fusion-row{ display:block; }
#av-home{ flex:1 1 100%; width:100%; max-width:100%; }

/* Küçük telefonlarda gutter biraz daha dar: içerik nefes alsın. */
@media (max-width:400px){
  :root{ --av-gutter:1.125rem; }
}
@media (max-width:340px){
  :root{ --av-gutter:1rem; }
}

/* ==========================================================================
   MOBİL BÖLÜM RİTMİ
   Bölüm paddingleri birbirinden bağımsız clamp()'lerle tanımlanmıştı;
   mobilde 48–88px arası dağınık değerler üretiyor ve ardışık bölümlerin
   paddingleri toplanınca 152px'lik boşluklar oluşuyordu.
   İki token'lı tutarlı bir ritim kurulur.
   ========================================================================== */
@media (max-width:780px){
  :root{
    --av-section-y:3.5rem;      /* 56px — standart bölüm */
    --av-section-y-lg:4.5rem;   /* 72px — koyu / vurgu bölümleri */
  }

  .av-services            { padding-block:var(--av-section-y); }
  .av-hero + .av-services { padding-top:var(--av-section-y-lg); }
  .av-band                { padding-block:var(--av-section-y-lg); }
  .av-areas               { padding-block:var(--av-section-y-lg) var(--av-section-y); }
  .av-journal             { padding-block:var(--av-section-y); }
  .av-cta                 { padding-block:var(--av-section-y-lg); }
}