/* FRONTPAGE CSS (FIX) — SOL BOŞLUK SORUNU + STANDART BOŞLUK + FIXED BG
   - !important YOK
   - Ek class yok
   - Sorun: #avro-home blokları sağa kayıyor (sol taraf boş kalıyor)
*/

/* ---- page-ana-sayfa.php ---- */
:root{
  --avro-navy:#1a2b56;
  --avro-blue:#346fab;
  --avro-red:#B22222;
  --avro-light:#f8f9fa;
  --avro-white:#ffffff;
  --avro-text:#111827;
  --avro-muted:#6b7280;
  --avro-radius:18px;
}

/* === TIPOGRAFI NETLEŞTİRME === */
#avro-home{
  width: 100%;
  max-width: none;
  margin: 0;
  font-family: "Google Sans","Segoe UI","Helvetica Neue",Arial,system-ui,-apple-system,"Google Sans",sans-serif;
  color:var(--avro-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ✅ Full-bleed FIX (SOL BOŞLUK BİTER)
   Eski left:50% right:50% tekniğini kaldırıyoruz.
*/
.avro-full{
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  left: auto;
  right: auto;
}

/* Containers */
.avro-container{ max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* ✅ BLOK ARALIK STANDARDI (20 üst + 20 alt = 40) */
#avro-home > section{ margin: 0; }
.avro-section{ padding: 20px 0; }
.avro-section--light{ background: var(--avro-light); }
.avro-section--white{ background: var(--avro-white); }
.avro-section--dark{ color: #fff; }

.avro-head{ text-align:center; margin: 0 0 18px 0; }
.avro-head h2{
  margin: 0 0 8px 0;
  color: var(--avro-navy);
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.avro-head p{ margin: 0; color: var(--avro-muted); font-weight: 600; }
.avro-head--dark h2{ color:#fff; }
.avro-head--dark p{ color: rgba(255,255,255,.85); }

/* Buttons */
.avro-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding: 14px 18px;
  text-decoration:none;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .4px;
  border: 1px solid rgba(255,255,255,.22);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
  cursor:pointer;
  min-width: 220px;
}
.avro-btn svg{ width:20px; height:20px; fill: currentColor; flex: 0 0 20px; display:block; }
.avro-btn--primary{ background: var(--avro-blue); color:#fff; border-color: rgba(255,255,255,.12); }
.avro-btn--primary:hover{ transform: translateY(-2px); background: #245a91; }
.avro-btn--ghost{ background: rgba(255,255,255,.08); color:#fff; }
.avro-btn--ghost:hover{ transform: translateY(-2px); background: rgba(255,255,255,.14); }

/* ===== HERO ===== */
.avro-hero{
  width: 100%;
  height: 620px;
  background:#000;
  overflow:hidden;
}
.avro-hero__wrap{ height:100%; position: relative; }
.avro-hero__slide{
  position:absolute; inset:0;
  background-size: cover; background-position:center;
  opacity:0; visibility:hidden;
  transition: opacity .7s ease, visibility .7s ease;
}
.avro-hero__slide.is-active{ opacity:1; visibility:visible; }
.avro-hero__overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.40)); }

.avro-hero__content{
  position: relative;
  height:100%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  text-align:center;
  padding: 0 20px;
  gap: 12px;
  transform: translateY(-40px);
}
.avro-pill{
  display:inline-flex;
  padding: 8px 12px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .6px;
  text-transform: uppercase;
}
.avro-hero__content h1{
  margin: 0;
  color:#fff;
  font-size: 52px;
  line-height: 1.05;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.avro-hero__content p{
  margin: 0;
  color: rgba(255,255,255,.92);
  font-size: 18px;
  line-height: 1.7;
  max-width: 900px;
  font-weight: 550;
}
.avro-hero__btns{ margin-top: 8px; display:flex; gap: 12px; flex-wrap: wrap; justify-content:center; }

.avro-hero__nav button{
  position:absolute; top:50%; transform: translateY(-50%);
  width: 48px; height:48px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  color:#fff;
  cursor:pointer;
  z-index: 30;
  font-size: 18px;
}
.avro-hero__prev{ left: 14px; }
.avro-hero__next{ right: 14px; }

.avro-hero__dots{
  position:absolute; left:50%; transform: translateX(-50%);
  bottom: 74px;
  display:flex; gap: 8px;
  z-index: 30;
}
.avro-dot{
  width: 10px; height:10px;
  border:0; cursor:pointer;
  background: rgba(255,255,255,.35);
  transition: .2s ease;
}
.avro-dot.is-active{ width: 28px; background: var(--avro-blue); }

.avro-wave{ position:absolute; bottom:0; left:0; width:100%; height:60px; z-index: 20; }
.avro-waves{ width:100%; height:60px; display:block; }
.avro-parallax > use{ animation: avro-move 25s cubic-bezier(.55,.5,.45,.5) infinite; }
.avro-parallax > use:nth-child(1){ animation-delay:-2s; animation-duration: 7s; }
.avro-parallax > use:nth-child(2){ animation-delay:-3s; animation-duration: 10s; }
.avro-parallax > use:nth-child(3){ animation-delay:-4s; animation-duration: 13s; }
.avro-parallax > use:nth-child(4){ animation-delay:-5s; animation-duration: 20s; }
@keyframes avro-move{ 0%{ transform: translate3d(-90px,0,0);} 100%{ transform: translate3d(85px,0,0);} }

/* ===== GRIDS ===== */
.avro-grid{ display:grid; gap: 14px; }
.avro-grid--services{ grid-template-columns: repeat(6, 1fr); }
.avro-grid--gallery{ grid-template-columns: repeat(4, 1fr); }

.avro-card{
  background:#fff;
  border: 1px solid rgba(17,24,39,.08);
  overflow:hidden;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  text-decoration:none;
  color:inherit;
}
.avro-card__img{ height: 140px; }
.avro-card__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.avro-card__body{ padding: 12px; text-align:center; }
.avro-card__body h3{ margin:0; color: var(--avro-navy); font-size: 13px; font-weight: 900; text-decoration:none; }

.avro-gimg{
  height: 230px;
  overflow:hidden;
  box-shadow: 0 16px 35px rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.10);
}
.avro-gimg img{ width:100%; height:100%; object-fit:cover; display:block; }

/* ===== ABOUT SPLIT ===== */
.avro-split{ display:flex; gap: 18px; align-items:center; }
.avro-split__left{ flex: 1.1; }
.avro-split__right{ flex: 1; }

.avro-kicker{
  display:inline-block;
  color: var(--avro-red);
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  margin-bottom: 8px;
}
.avro-split h2{
  margin: 0 0 10px 0;
  color: var(--avro-navy);
  font-size: 34px;
  line-height: 1.15;
  text-transform: uppercase;
  font-weight: 800;
}
.avro-split p{ margin: 0 0 12px 0; color:#374151; line-height: 1.8; font-weight: 600; }

.avro-checklist{ margin: 12px 0 0 0; padding: 0; list-style:none; }
.avro-checklist li{
  margin: 10px 0;
  padding-left: 16px;
  position: relative;
  color: var(--avro-navy);
  font-weight: 800;
}
.avro-checklist li:before{
  content:"";
  position:absolute; left:0; top: 9px;
  width:8px; height:8px;
  border-radius: 999px;
  background: var(--avro-red);
}

.avro-mini{ display:flex; gap: 12px; margin-top: 14px; flex-wrap: wrap; }
.avro-mini__item{
  background: var(--avro-light);
  border: 1px solid rgba(26,43,86,.10);
  padding: 12px 14px;
}
.avro-mini__item strong{ display:block; font-size: 20px; color: var(--avro-navy); font-weight: 800; }
.avro-mini__item span{ color:#4b5563; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing:.6px; }

.avro-photo{
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
  border: 1px solid rgba(17,24,39,.08);
}
.avro-photo img{ width:100%; height:auto; display:block; }

/* ===== FIXED BG SECTIONS (SABİT + HAFİF SİYAH KARARTMA) ===== */
.avro-section--fixedbg{
  position: relative;
  color:#fff;
}
.avro-section--fixedbg:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.48)),
    url('https://www.avronakliyat.com/wp-content/uploads/2026/02/nakliyat-kamyonu.webp');
  background-size: cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment: fixed;
  z-index: 0;
}
.avro-section--fixedbg > .avro-container{
  position:relative;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* ===== TRUST (İÇ PADDING = 20) ===== */
.avro-trust{ display:grid; grid-template-columns: 1fr 1.05fr; gap: 14px; }
.avro-trust__panel{
  background: rgba(255,255,255,.95);
  color: var(--avro-text);
  padding: 20px;
  border: 1px solid rgba(255,255,255,.50);
  box-shadow: 0 22px 55px rgba(0,0,0,.20);
}
.avro-trust__head{ display:flex; gap: 10px; align-items:flex-end; justify-content: space-between; margin-bottom: 10px; }
.avro-trust__head h2{
  margin:0;
  color: var(--avro-navy);
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
}
.avro-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  background: rgba(26,43,86,.08);
  color: var(--avro-navy);
  font-weight: 900;
  font-size: 12px;
  white-space: nowrap;
}
.avro-chip--ok{ background: rgba(255,255,255,.12); color:#fff; border: 1px solid rgba(255,255,255,.18); }
.avro-dotmini{ width:8px; height:8px; border-radius: 999px; background:#34a853; display:inline-block; }

.avro-trust__panel p{ margin:0 0 14px 0; color:#374151; line-height:1.8; font-weight:650; }
.avro-badges{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.avro-badge{
  background:#fff;
  border: 1px solid rgba(26,43,86,.10);
  padding: 12px;
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
  position: relative;
}
.avro-badge:before{
  content:"";
  position:absolute; left:0; top:0; height:100%; width:4px;
  background: var(--avro-red);
}
.avro-badge b{ display:block; font-weight: 800; color:#111827; font-size: 13px; }
.avro-badge small{ display:block; margin-top:6px; color:#6b7280; font-weight:700; }

/* ===== REVIEWS (İÇ PADDING = 20) ===== */
.avro-review{
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(11,27,66,.78);
  backdrop-filter: blur(6px);
  box-shadow: 0 22px 55px rgba(0,0,0,.26);
}
.avro-review__head{
  padding: 20px;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.avro-review__head h3{ margin:0; color:#fff; font-size: 18px; font-weight: 800; }
.avro-review__body{ padding: 20px; }

.avro-review__card{ display:none; }
.avro-review__card.is-active{ display:block; animation: avro-fade .45s ease; }
@keyframes avro-fade{ from{opacity:0; transform: translateY(8px);} to{opacity:1; transform: translateY(0);} }

.avro-stars{ color:#FFD700; font-size: 18px; letter-spacing: 1px; margin-bottom: 10px; }
.avro-review__card p{ margin: 0 0 12px 0; color: rgba(255,255,255,.92); line-height: 1.85; font-style: italic; font-weight: 650; }

.avro-client{ display:flex; align-items:center; gap: 10px; }
.avro-avatar{
  width: 40px; height:40px; border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff; font-weight: 800; font-size: 13px;
}
.avro-client b{ display:block; color:#fff; font-weight: 800; }
.avro-client small{ display:block; color: rgba(255,255,255,.75); font-weight: 800; margin-top:2px; }

.avro-review__controls{
  margin-top: 12px;
  display:flex; align-items:center; justify-content: space-between; gap: 10px;
}
.avro-pills{ display:flex; gap: 6px; }
.avro-pilldot{
  width: 8px; height:8px; border-radius: 999px;
  border:0; background: rgba(255,255,255,.28); cursor:pointer; transition:.2s ease;
}
.avro-pilldot.is-active{ width: 18px; background: rgba(255,255,255,.88); }

.avro-iconbtn{
  width: 38px; height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  color:#fff;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.avro-iconbtn svg{ width: 14px; height:14px; fill: currentColor; }

.avro-review__foot{
  padding: 20px;
  background: rgba(0,0,0,.10);
  border-top: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.88);
  font-weight: 750;
  line-height: 1.55;
  font-size: 13px;
}

/* ===== PROCESS ===== */
.avro-process{ display:flex; flex-direction: column; gap: 14px; }
.avro-process__row{
  display:flex; gap: 14px; align-items: stretch;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: 0 14px 35px rgba(0,0,0,.06);
  background: var(--avro-light);
}
.avro-process__row.is-rev{ flex-direction: row-reverse; }
.avro-process__img{ flex: 1; min-width: 320px; height: 320px; }
.avro-process__img img{ width:100%; height:100%; object-fit: cover; display:block; }
.avro-process__txt{ flex: 1.2; padding: 16px; }
.avro-process__txt h3{
  margin: 6px 0 10px 0;
  color: var(--avro-navy);
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
}
.avro-process__txt p{ margin: 0 0 10px 0; color:#374151; line-height: 1.75; font-weight: 650; }
.avro-process__txt ul{ margin: 0; padding-left: 18px; }
.avro-process__txt li{ margin: 8px 0; color: var(--avro-navy); font-weight: 850; }

/* ===== FAQ ===== */
.avro-faq{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.avro-faq__item{
  border: 1px solid rgba(17,24,39,.10);
  overflow:hidden;
  background:#fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}
.avro-faq__q{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap: 12px;
  padding: 14px 16px;
  background: var(--avro-light);
  border:0;
  cursor:pointer;
  text-align:left;
}
.avro-faq__q span{ font-weight: 800; color: var(--avro-navy); font-size: 14px; }
.avro-faq__icon{ font-style: normal; color: var(--avro-blue); font-weight: 1000; transition: transform .2s ease; }
.avro-faq__a{ max-height:0; overflow:hidden; transition: max-height .28s ease; background:#fff; }
.avro-faq__a p{ margin:0; padding: 14px 16px; color:#374151; line-height:1.7; font-weight: 650; }

.avro-faq__item.is-open{ border-color: rgba(52,111,171,.45); }
.avro-faq__item.is-open .avro-faq__q{ background: var(--avro-navy); }
.avro-faq__item.is-open .avro-faq__q span{ color:#fff; }
.avro-faq__item.is-open .avro-faq__icon{ color:#fff; transform: rotate(180deg); }
.avro-faq__item.is-open .avro-faq__a{ max-height: 260px; }

/* ===== Responsive ===== */
@media (max-width: 1200px){
  .avro-grid--services{ grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px){
  .avro-hero{ height: 420px; }
  .avro-hero__content h1{ font-size: 28px; }
  .avro-hero__content p{ font-size: 15px; }
  .avro-hero__nav{ display:none; }

  .avro-trust{ grid-template-columns: 1fr; }
  .avro-split{ flex-direction: column; }
  .avro-process__row,
  .avro-process__row.is-rev{ flex-direction: column; }
  .avro-process__img{ width:100%; min-width:0; height:220px; }

  .avro-grid--gallery{ grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px){
  .avro-grid--services{ grid-template-columns: repeat(2, 1fr); }
  .avro-grid--gallery{ grid-template-columns: repeat(2, 1fr); }

  .avro-card__img{ height: 120px; }
  .avro-hero__dots{ bottom: 50px; }
  .avro-faq{ grid-template-columns: 1fr; }

  /* Mobilde fixed bg genelde takılır → scroll */
  .avro-section--fixedbg:before{ background-attachment: scroll; }
}

/* ---- Locations (aynı) ---- */
.avro-all-locations{
  background:#ffffff;
  padding:20px 20px;
  font-family:"Google Sans","Segoe UI","Helvetica Neue",Arial,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  text-align:center;
}
.avro-main-wrapper{ max-width:1100px; margin:0 auto; }
.avro-text-content{ margin-bottom:50px; }
.avro-text-content .badge{
  background:#fdf2f2;
  color:#d32f2f;
  padding:6px 16px;
  border-radius:50px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  display:inline-block;
  margin-bottom:15px;
}
.avro-text-content h2{
  font-size:42px;
  color:#0d1b3e;
  font-weight:800;
  letter-spacing:-1px;
}
.avro-text-content p{
  color:#666;
  font-size:18px;
  max-width:700px;
  margin:15px auto;
  font-weight:450;
}
.locations-cloud{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:15px;
  margin-top:40px;
}
.loc-item{
  background:#fff;
  border:1px solid #eef0f5;
  padding:12px 25px;
  font-size:16px;
  color:#333;
  font-weight:500;
  transition:all .3s ease;
  box-shadow:0 4px 10px rgba(0,0,0,0.02);
  cursor:default;
}
.loc-item:hover{
  background:#0d1b3e;
  color:#fff;
  border-color:#0d1b3e;
  transform:translateY(-5px);
  box-shadow:0 10px 20px rgba(13,27,62,0.15);
}
.avro-footer-note{
  margin-top:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#888;
  font-size:15px;
  font-weight:500;
}
.pulse-icon{
  width:10px;
  height:10px;
  background:#d32f2f;
  border-radius:50%;
  box-shadow:0 0 0 rgba(211,47,47,0.4);
  animation:pulse 2s infinite;
}
@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(211,47,47,0.7); }
  70%{ box-shadow:0 0 0 15px rgba(211,47,47,0); }
  100%{ box-shadow:0 0 0 0 rgba(211,47,47,0); }
}