/* =========================================================================
   BERTEX GARMENTS — custom.css
   Tasarımın tamamı mibtextile.net şablonundan gelir (bootstrap.min.css,
   animations.css, fonts.css, main.css). Bu dosya yalnızca şablonda karşılığı
   olmayan birkaç Bertex'e özel parçayı içerir. Şablon dosyalarına
   dokunulmamıştır.
   ========================================================================= */

/* --- footer grup şirket logoları (mibtextile.net'te inline <style> olarak duruyor) --- */
.w-50 { width: 50%; }
@media only screen and (max-width: 768px) {
  .w-50 { width: 90%; }
}
/* Bertex logosu: kaynak dosya 1150x1150 (dikey kilit), footer'da dizginlenmezse
   devasa duruyor. */
.page_footer .widget_text .logo img { max-height: 130px; width: auto; }
@media (max-width: 991px) {
  .page_footer .widget_text .logo img { max-height: 110px; margin: 0 auto; }
}

/* Grup şirket logoları: kaynak dosyaların oranları birbirinden çok farklı
   (yatay lockup, dikey el yazısı, geniş bant). Sabit `width:50%` verilince
   yükseklikleri tutmuyor ve aynı hizada durmuyorlardı. Her sütun eşit
   yükseklikte bir kutu, logo içinde dikey ortalanıp `contain` ile sığdırılıyor. */
.page_footer .row + .row { margin-top: 46px; }
.page_footer .row + .row > [class*="col-"] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
}
/* Orijinal logo dosyalarında logo, tuvalin çok küçük bir kısmını kaplıyordu
   (matad %25, vera %38, mib %46 yükseklik doluluğu). Ortak bir yükseklik
   sınırı verilince bazıları minicik kalıyordu. Dosyalar boşlukları kırpılmış
   hâlleriyle assets/imgs/group/ altında yeniden üretildi; orijinaller
   assets/imgs/ içinde duruyor. Kırpılmış oranlar: mib 4.65, vera 2.38,
   matad 3.12, vivid 1.25 — yatay olanlar genişlikten, kareye yakın olan
   yükseklikten sınırlanır. */
.page_footer .row + .row img.w-50 {
  width: auto;
  max-width: 86%;
  max-height: 58px;
  object-fit: contain;
  margin: 0;
}
@media (max-width: 991px) {
  .page_footer .row + .row > [class*="col-"] { min-height: 96px; }
  .page_footer .row + .row img.w-50 { max-height: 48px; max-width: 66%; }
}

/* --- hero slider ---
   Şablon, slide görselini <img>'i gizleyip `background-size:cover` ile basar.
   Bu, mibtextile.net'teki gibi tam kadraj fotoğraflar için doğrudur; ancak
   Bertex'in slider'ı 2000x780 oranında, yazısı gömülü bir banner olduğundan
   `cover` görseli kenarlarından kırpıyor ("GLOBAL TEXTILE MANUFACTURING"
   yazısı kesiliyordu). Burada görsel doğal oranıyla gösteriliyor.

   ÖNEMLİ: burada yalnızca .slide-image-wrap ve içindeki <img> hedeflenir.
   flexslider "fade" modunda çalışır ve slide'ları üst üste bindirmek için
   ul.slides > li öğelerine kendi konumlandırmasını uygular; o yüzden li,
   .flexslider ve .flex-viewport'a KESİNLİKLE dokunulmaz. Aksi hâlde panelden
   ikinci bir slider aktif edildiğinde slide'lar üst üste değil alt alta
   dizilir. */
.intro_section.page_mainslider .slide-image-wrap {
  position: relative;
  background-image: none !important;
}
.intro_section.page_mainslider .slide-image-wrap img {
  display: block;
  visibility: visible;
  width: 100%;
  height: auto;
}

/* --- prosedür şeridi: parallax zemin --- */
.bertex-procedure { background-attachment: fixed; background-position: center center; background-size: cover; }
.bertex-procedure::before { content: ""; position: absolute; inset: 0; background: rgba(24, 24, 24, .68); }
.bertex-procedure > .container { position: relative; z-index: 2; }
.bertex-procedure h3, .bertex-procedure h2 { margin-bottom: 26px; }
/* iOS/Android `fixed` zeminleri hatalı render ettiği için mobilde kapatılıyor */
@media (hover: none), (max-width: 991px) {
  .bertex-procedure { background-attachment: scroll; }
}

/* --- 4 kart: Tasarım / Sürdürülebilirlik / Üretim / Kalite --- */
.bertex-cards { margin-top: 60px; margin-bottom: 20px; }
.bertex-card {
  border: 1px solid #e5e5e5;
  padding: 34px 26px;
  height: 100%;
  min-height: 260px;
  transition: border-color .25s, box-shadow .25s;
}
.bertex-card:hover { border-color: #acacac; box-shadow: 0 14px 40px -20px rgba(0, 0, 0, .35); }
.bertex-card-num {
  display: block; font-family: 'Anton', sans-serif; font-size: 30px;
  line-height: 1; color: #acacac; margin-bottom: 14px;
}
.bertex-card h4 { margin: 0 0 12px; }
.bertex-card p { font-size: 14px; line-height: 1.7; margin: 0; }
@media (max-width: 991px) {
  .bertex-card { min-height: 0; margin-bottom: 20px; }
}

/* --- iletişim formu bot tuzağı --- */
.bertex-hp { position: absolute; left: -9999px; opacity: 0; height: 0; }

/* --- müşteri / sertifika logoları carousel içinde taşmasın --- */
.gallery-carousel .item-media4 img { object-fit: contain; }