:root{--brand:#0250c4e1;--text:#0b1324;--muted:#6c757d}
:root{--nav-h:92px}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}
body{scroll-padding-top:var(--nav-h)}
.brand{letter-spacing:.5px}
.navbar .nav-link{color:#1e2a3b}
.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--brand)}
.navbar-brand img{height:60px;width:auto;display:block}
.navbar .navbar-nav{margin:0 auto}
.hero{min-height:72vh;padding-top:92px;padding-bottom:48px;background:url('/assets/international-logistics/logistic-1.webp') center/cover no-repeat;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.2));z-index:1}
.hero .container{position:relative;z-index:2}
.hero-title{font-family:'Playfair Display',serif;color:#fff}
.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand)}
.page-offset, main{padding-top:var(--nav-h)}
body > section.container:first-of-type{margin-top:var(--nav-h)}
.section-title{font-size:2rem;font-weight:600;margin-bottom:1rem}
.card{display:flex;flex-direction:column}
.card-body{flex:1 1 auto}
.card-img-top{width:100%;aspect-ratio:16/9;object-fit:cover}
.card-img-top{display:block}
.card-hover{transition:transform .2s ease, box-shadow .2s ease;border:0}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 .75rem 1.5rem rgba(0,0,0,.08)}
.card .card-title{margin-bottom:.25rem}
.card .card-text{color:#4b5563}
.card a{ text-decoration:none }
.card a:hover{ text-decoration:none }
/* Remove underlines in service grids explicitly */
#faaliyetler a, #faaliyetler a:hover{ text-decoration:none !important }
#services a, #services a:hover{ text-decoration:none !important }
.feature{border:1px solid #e9ecef;border-radius:1rem;background:#fff}
.stat{border:1px solid #e9ecef;border-radius:1rem;padding:1.25rem;background:#fff;font-weight:700}
.stat span{display:block;color:var(--muted);font-weight:500;font-size:.9rem}
.footer-link{color:#495362;text-decoration:none}
.footer-link:hover{color:var(--brand)}
.form-control,.form-select{border-radius:.75rem}
img{border-radius:.75rem}
.rounded-4{border-radius:1rem!important}

/* Service subpage header image size */
.page-banner{display:block;width:100%;height:180px;object-fit:cover;border-radius:1rem}
@media (min-width:768px){.page-banner{height:220px}}
@media (min-width:1200px){.page-banner{height:260px}}

/* Contextual rule: only service pages use section.container at top; blogs use article */
main > section.container .mb-4 > img.w-100{display:block;width:100%;height:180px;object-fit:cover;border-radius:1rem}
@media (min-width:768px){
  main > section.container .mb-4 > img.w-100{height:220px}
}
@media (min-width:1200px){
  main > section.container .mb-4 > img.w-100{height:260px}
}

/* Fallback: if .mb-4 wrapper absent, still shrink the first wide image in section.container */
main > section.container img.w-100:first-of-type{height:180px;object-fit:cover;border-radius:1rem}
@media (min-width:768px){
  main > section.container img.w-100:first-of-type{height:220px}
}
@media (min-width:1200px){
  main > section.container img.w-100:first-of-type{height:260px}
}

/* TR otomotiv sayfası: <main> sarmalı yok, ilk section.container içindeki geniş görseli küçült */
body > section.container .mb-4 > img.w-100{height:180px;object-fit:cover;border-radius:1rem}
@media (min-width:768px){body > section.container .mb-4 > img.w-100{height:220px}}
@media (min-width:1200px){body > section.container .mb-4 > img.w-100{height:260px}}
/* Yedek: .mb-4 yoksa ilk geniş görsel */
body > section.container img.w-100:first-of-type{height:180px;object-fit:cover;border-radius:1rem}
@media (min-width:768px){body > section.container img.w-100:first-of-type{height:220px}}
@media (min-width:1200px){body > section.container img.w-100:first-of-type{height:260px}}