/* ABOUT BAND (Home) */
.home-aboutBand{
  background: #0b1f3a; /* koyu lacivert */
  padding: clamp(42px, 6vw, 70px) 0;
  color: #fff;
}

.home-aboutBand__inner{
  width: min(1200px, calc(100% - 120px));
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: clamp(24px, 4vw, 80px);
  align-items: start;
}

/* küçük başlık */
.home-aboutBand__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: .95;
  margin-bottom: 18px;
}

.home-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #FEC233;
  flex: 0 0 auto;
}

/* sol büyük başlık */
.home-aboutBand__title{
  margin: 0;
  font-size: clamp(24px, 2.6vw, 38px); /* biraz küçültüldü */
  line-height: 1.3;
  font-weight: 400; /* bold kaldırıldı */
  letter-spacing: .1px;
}

/* sağ açıklama */
.home-aboutBand__desc{
  margin: 0 0 18px 0;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
  max-width: 520px;
}

/* Know More link + ok */
.home-aboutBand__link{
  display: inline-flex;
  align-items: center;
  gap: 14px;

  color: #FEC233;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .2px;
}

.home-aboutBand__arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;              /* isteğe göre */
  height: 30px;             /* isteğe göre */
  animation: aboutArrowPulse 1.15s ease-in-out infinite;
}

.home-aboutBand__arrow img{
  width: 100%;
  height: auto;
  display: block;
}

/* Sürekli “yaklaş-uzaklaş” */
@keyframes aboutArrowPulse{
  0%   { transform: translateX(0px) scale(1); opacity: .95; }
  50%  { transform: translateX(6px) scale(1.06); opacity: 1; }
  100% { transform: translateX(0px) scale(1); opacity: .95; }
}


/* Responsive */
@media (max-width: 1024px){
  .home-aboutBand__inner{
    width: min(1200px, calc(100% - 40px));
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* KEY FACTS (Home Video Section) */
.home-keyfacts{
  background: #0b1f3a;
  padding: clamp(34px, 5vw, 70px) 0;
  color: #fff;
}

.home-keyfacts__inner{
  width: min(1200px, calc(100% - 120px));
  margin: 0 auto;
}
.home-keyfacts__frame{
  border-radius: 22px;
  overflow: hidden;   /* ✅ sadece video kırpılsın */
}

.home-keyfacts__media{
  position: relative;
  width: 100%;
  border-radius: 22px;
  overflow: visible;
}

/* video */
.home-keyfacts__video{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 22px;
  object-fit: cover;
}

/* card */
.home-keyfacts__card{
  position: absolute;
  right: 28px;   /* ← sağa alındı */
  bottom: -42px; /* 👈 videonun altına taşar */
  z-index: 5;
  left: auto;    /* ← garanti olsun diye */

  width: min(320px, 88%);
  padding: 26px 22px 18px 22px;
  border-radius: 18px;

  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display: grid;
  gap: 18px;
}


.home-keyfacts__cardText{
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: rgba(255,255,255,.92);
  text-align: center;
}

/* sarı yuvarlak buton */
.home-keyfacts__cardBtn{
  width: 44px;
  height: 44px;
  margin: 0 auto;

  border-radius: 999px;
  background: #FEC233;
  display: grid;
  place-items: center;

  text-decoration: none;
  color: #0b1220;
  font-weight: 800;
}

.home-keyfacts__cardIcon{
  transform: translateY(-1px);
  color:#fff;
  font-size: 20px;
}

/* alttaki "Key Facts" label */
.home-keyfacts__label{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-top: 18px;
  font-size: 14px;
  opacity: .95;
}

/* YouTube wrapper (16:9) */
.home-keyfacts__yt{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 22px;
  overflow: hidden;
  background: #000;
}

.home-keyfacts__yt iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* KEY FACTS GRID */
.home-kfacts{
  background: #0b1f3a;
  padding: clamp(28px, 4vw, 54px) 0;
  color: #fff;
}

.home-kfacts__inner{
  width: min(1200px, calc(100% - 120px));
  margin: 0 auto;
}

.home-kfacts__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: .95;
  margin-bottom: 14px;
}

.home-kfacts__title{
  margin: 0 0 26px 0;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: .2px;
}

.home-kfacts__grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(18px, 2.2vw, 26px);
}

.home-kfacts__card{
  display: grid;
  gap: 10px;
}

.home-kfacts__media{
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  height: 300px; /* ⬅️ 150px → 300px */
}

.home-kfacts__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* sarı sayı */
.home-kfacts__num{
  margin-top: 10px;
  font-size: 24px;
  font-weight: 800;
  color: #FEC233;
  letter-spacing: .2px;
}

/* alt metinler */
.home-kfacts__cap{
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,.92);
}

.home-kfacts__sub{
  font-size: 13px;
  color: rgba(255,255,255,.72);
  line-height: 1.35;
}

/* Responsive */
@media (max-width: 1100px){
  .home-kfacts__grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px){
  .home-kfacts__inner{ width: min(1200px, calc(100% - 40px)); }
  .home-kfacts__grid{ grid-template-columns: 1fr; }
  .home-kfacts__media{ height: 240px; }
}

/* görsel link */
.home-kfacts__link{
  display: grid;
  gap: 10px;
}


/* hover efekti */
.home-kfacts__media{
  transition: transform .35s ease, box-shadow .35s ease;
}

.home-kfacts__link:hover .home-kfacts__media{
  transform: scale(1.04);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  cursor: pointer;
}

/* OUR BRANDS (hover'lı satır bölümü) */
.home-brands{
  background: #0b1f3a;
  padding: clamp(34px, 5vw, 70px) 0;
  color: #fff;
}

.home-brands__inner{
  width: min(1200px, calc(100% - 120px));
  margin: 0 auto;
}

/* üst küçük label */
.home-brands__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: .95;
  margin-bottom: 14px;
}

.home-brands__title{
  margin: 0 0 26px 0;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: .2px;
}

/* liste */
.home-brands__list{
  position: relative;
  border-top: none; /* <-- bunu kaldır */
}

/* üst çizgi full-width */
.home-brands__list::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;

  width: 100vw;
  height: 1px;
  transform: translateX(-50%);

  background: rgba(255,255,255,.10);
  pointer-events: none;
}


/* ITEM: full-width hover arka plan */
.home-brands__item{
  position: relative; /* pseudo-element için */
  display: grid;
  grid-template-columns: 120px 1.2fr 1.6fr 90px;
  align-items: center;
  gap: clamp(14px, 2vw, 32px);

  padding: 26px 0;
  border-bottom: none;

  text-decoration: none;
  color: inherit;
}

.home-brands__item{ border-top: none; }

/* full-width hover layer */
.home-brands__item::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;

  /* ekranın tamamına yay */
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);

  background: transparent;
  transition: background .18s ease;
  z-index: 0;
}

.home-brands__item::after{
  content: "";
  position: absolute;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);

  bottom: 0;
  height: 1px;
  background: rgba(255,255,255,.10);

  z-index: 0; /* hover katmanıyla aynı, içerikten altta */
}

/* içerikler hover layer'ın üstünde kalsın */
.home-brands__item > *{
  position: relative;
  z-index: 1;
}

/* hover: artık tüm sayfa genişliğinde */
.home-brands__item:hover::before{
  background: rgba(255,255,255,.04);
}


.home-brands__no{
  font-size: 18px;
  opacity: .95;
}

.home-brands__name{
  font-size: 24px;
  font-weight: 400;
  letter-spacing: .2px;
}

.home-brands__desc{
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255,255,255,.82);
}

/* sağdaki sarı yuvarlak buton */
.home-brands__cta{
  justify-self: end;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: #FEC233;
  display: grid;
  place-items: center;
}

.home-brands__ctaIcon{
  color: #0b1220;
  font-weight: 800;
  transform: translateY(-1px);
}

/* responsive */
@media (max-width: 980px){
  .home-brands__item{
    grid-template-columns: 90px 1fr;
    grid-auto-rows: auto;
    row-gap: 10px;
    padding: 22px 16px;
  }

  .home-brands__desc{
    grid-column: 1 / -1;
  }

  .home-brands__cta{
    grid-column: 2 / 3;
    justify-self: end;
  }
}

@media (max-width: 560px){
  .home-brands__inner{
    width: min(1200px, calc(100% - 40px));
  }

  .home-brands__name{
    font-size: 20px;
  }
}


/* PEOPLE WHO CARE (background image section) */
.home-people{
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #0b1f3a;
  min-height: clamp(560px, 70vh, 720px);
  display: flex;
  align-items: center;      /* dikey ortalama */
  justify-content: center;  /* yatay ortalama */

  padding: 0;               /* dikey kaydıran padding varsa sıfırla */
}


/* background image */
.home-people__bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

/* koyu overlay */
.home-people__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(11,31,58,.85),
    rgba(11,31,58,.65)
  );
  z-index: 1;
}

/* içerik */
.home-people__inner{
  position: relative;
  z-index: 2;
  height: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
  color: #fff;
  padding: clamp(60px, 8vw, 120px) 20px;

  
}

/* üst küçük yazı */
.home-people__eyebrow{
  font-size: 18px;
  letter-spacing: .3px;
  opacity: .9;
  margin-bottom: 10px;
}

/* başlık */
.home-people__title{
  margin: 0 0 14px 0;
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 700;
  color: #FEC233;
}

/* açıklama */
.home-people__desc{
  margin: 0 0 26px 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: rgba(255,255,255,.92);
}

/* butonlar */
.home-people__actions{
  display: flex;
  align-items: center;
  gap: 12px;
}

/* sarı oval buton */
.home-people__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 44px;
  padding: 0 22px;
  border-radius: 999px;

  background: #FEC233;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

/* yuvarlak ok butonu */
.home-people__btnCircle{
  width: 44px;
  height: 44px;
  border-radius: 999px;

  background: #FEC233;
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  display: grid;
  place-items: center;
  text-decoration: none;
}

/* hover */
.home-people__btn:hover,
.home-people__btnCircle:hover{
  filter: brightness(1.05);
}


/* PRODUCT RANGE */
.home-products{
  background: #0b1f3a;
  padding: clamp(50px, 6vw, 90px) 0;
  color: #fff;
}

.home-products__inner{
  width: min(1200px, calc(100% - 120px));
  margin: 0 auto;
}

/* üst alan */
.home-products__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: .95;
  margin-bottom: 10px;
}

.home-products__headRow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.home-products__title{
  margin: 0;
  font-size: clamp(22px, 2.6vw, 34px);
  font-weight: 400;
}

/* grid */
.home-products__grid{
  margin-top: clamp(26px, 4vw, 42px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 3vw, 36px);
}

/* View All actions (2 ayrı buton) */
.home-products__actions{
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

/* soldaki "View All" pill */
.home-products__viewAllBtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 44px;
  padding: 0 22px;
  border-radius: 999px;

  background: rgba(255,255,255,.08);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;

  transition: background .18s ease, color .18s ease;
}

/* sağdaki ok pill */
.home-products__viewAllIcon{
  width: 44px;
  height: 44px;
  border-radius: 999px;

  background: rgba(255,255,255,.08);
  color: #fff;
  text-decoration: none;

  display: grid;
  place-items: center;
  font-size: 18px;
  font-weight: 800;

  transition: background .18s ease, color .18s ease;
}

/* hover: sarı olsun */
.home-products__viewAllBtn:hover,
.home-products__viewAllIcon:hover{
  background: #FEC233;
}

/* kart */
.home-products__card{
  position: relative;
  background: rgba(255,255,255,.04);
  border-radius: 22px;
  padding: 26px;

  text-decoration: none;
  color: inherit;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  transition: background .25s ease, transform .25s ease;
}

.home-products__card:hover{
  background: rgba(255,255,255,.08);
  transform: translateY(-4px);
}

/* görsel alan */
.home-products__media{
   width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  display: grid;
  place-items: center;
  overflow: hidden;
}

/* img */
.home-products__media img{
  width: 70%;
  height: 70%;
  object-fit: contain;
  display: block;
  opacity: .9;
  transition: transform .25s ease, opacity .25s ease;
}

.home-products__card:hover .home-products__media img{
  transform: scale(1.03);
  opacity: 1;
}

/* ok */
.home-products__cardArrow{
  position: absolute;
  right: 18px;
  bottom: 18px;

  width: 42px;
  height: 42px;
  border-radius: 999px;

  background: rgba(255,255,255,.08);
  display: grid;
  place-items: center;

  font-size: 18px;
}

/* isim */
.home-products__name{
  margin-top: 18px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}


/* responsive */
@media (max-width: 900px){
  .home-products__grid{
    grid-template-columns: 1fr;
  }

  .home-products__inner{
    width: min(1200px, calc(100% - 40px));
  }

  .home-products__headRow{
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
}


/* QUALITY ASSURANCE & CONTROL */
.home-qa{
  background: #0b1f3a;
  padding: clamp(44px, 6vw, 84px) 0;
  color: #fff;
}

.home-qa__inner{
  width: min(1200px, calc(100% - 120px));
  margin: 0 auto;
}

/* üst küçük label */
.home-qa__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: .95;
  margin-bottom: 18px;
}

/* büyük başlık */
.home-qa__title{
  margin: 0 0 30px 0;
  font-size: clamp(24px, 2.6vw, 36px); /* ⬅️ küçültüldü */
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .2px;
  max-width: 980px;
}

/* küçük açıklama */
.home-qa__desc{
  margin: 0;
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,.86);
  letter-spacing: .25px; 
  max-width: 520px;
}

/* LATEST NEWS - HEAD */
.home-newsHead{
  background: #0b1f3a;
  padding: clamp(50px, 6vw, 90px) 0;
  color: #fff;
}

.home-newsHead__inner{
  width: min(1200px, calc(100% - 120px));
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

/* sol */
.home-newsHead__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: .95;
  margin-bottom: 14px;
}

.home-newsHead__title{
  margin: 0;
  font-size: clamp(24px, 2.6vw, 36px);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: .2px;
}

/* sağ aksiyonlar */
.home-newsHead__actions{
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

/* View All butonu (ayrı div) */
.home-newsHead__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 54px;
  padding: 0 26px;
  border-radius: 999px;

  background: rgba(255,255,255,.08);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;

  transition: background .18s ease, color .18s ease;
}

/* ok butonu (ayrı div) */
.home-newsHead__btnIcon{
  width: 54px;
  height: 54px;
  border-radius: 999px;

  background: rgba(255,255,255,.08);
  color: #fff;
  text-decoration: none;

  display: grid;
  place-items: center;

  font-size: 18px;
  font-weight: 800;

  transition: background .18s ease, color .18s ease;
}


/* LATEST NEWS - LIST (single row item) */
.home-newsList{
  background: #0b1f3a;
  padding: clamp(10px, 2.5vw, 26px) 0 clamp(50px, 6vw, 90px);
  color: #fff;
}

.home-newsList__inner{
  width: min(1200px, calc(100% - 120px));
  margin: 0 auto;
  position: relative;
}

/* üst çizgi full width */
.home-newsList__inner::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background: rgba(255,255,255,.10);
  pointer-events: none;
}

/* item */
.home-newsList__item{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: clamp(34px, 4.2vw, 54px) 0;
  text-decoration: none;
  color: inherit;
}

/* alt çizgi full width */
.home-newsList__item::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background: rgba(255,255,255,.10);
  pointer-events: none;
}

/* hover full width background */
.home-newsList__item::before{
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: transparent;
  transition: background .18s ease;
  z-index: 0;
}

.home-newsList__item:hover::before{
  background: rgba(255,255,255,.04);
}

/* içerikler hover layer üstünde kalsın */
.home-newsList__item > *{
  position: relative;
  z-index: 1;
}

.home-newsList__left{
  max-width: 760px;
}

.home-newsList__title{
  margin: 0 0 14px 0;
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: .15px;
}

.home-newsList__meta{
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.home-newsList__pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 38px;
  padding: 0 16px;
  border-radius: 999px;

  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font-size: 14px;
  font-weight: 500;
}

/* sağdaki yuvarlak ok */
.home-newsList__right{
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  display: grid;
  place-items: center;
}

.home-newsList__arrow{
  font-size: 18px;
  font-weight: 800;
  transform: translateY(-1px);
}

/* responsive */
@media (max-width: 900px){
  .home-newsList__inner{
    width: min(1200px, calc(100% - 40px));
  }

  .home-newsList__item{
    gap: 18px;
  }

  .home-newsList__title{
    font-size: 22px;
  }
}

/* CONTACT (Get in touch) */
.home-contact{
  background: #0b1f3a;
  padding: clamp(70px, 7vw, 110px) 0;
  color: #fff;
}

.home-contact__inner{
  width: min(1200px, calc(100% - 120px));
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(40px, 6vw, 110px);
  align-items: start; /* ✅ yukarıdan hizala */
}

/* sol */
.home-contact__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: .95;
  margin-bottom: 18px;
}

.home-contact__title{
  margin: 0;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.12;           /* ✅ satırlar birbirine bitişmesin */
  letter-spacing: .2px;
  font-weight: 400;
}

/* sağ */
.home-contact__desc{
  margin: 0 0 34px 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,.88);
  max-width: 520px;
}

/* form */
.home-contact__form{ width: 100%; }

.home-contact__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;  /* ✅ Name | E-mail aynı satır */
  gap: 26px 34px;
}

.home-contact__field{ min-width: 0; }
.home-contact__field--full{ grid-column: 1 / -1; } /* ✅ message full */

.home-contact__label{
  display: block;
  font-size: 14px;
  color: rgba(255,255,255,.65);
  margin-bottom: 10px;
}

.home-contact__input,
.home-contact__textarea{
  width: 100%;
  background: transparent;
  border: 0;
  outline: none;

  color: #fff;
  font-size: 14px;
  padding: 0 0 12px 0;

  border-bottom: 1px solid rgba(255,255,255,.08); /* ✅ ince çizgi */
}

.home-contact__textarea{
  resize: none;
  padding-bottom: 14px;
}

.home-contact__input:focus,
.home-contact__textarea:focus{
  border-bottom-color: rgba(254,194,51,.55); /* ✅ focus sarı */
}

/* submit */
.home-contact__submit{
  margin-top: 26px;
  height: 44px;
  padding: 0 26px;
  border-radius: 999px;

  border: 0;
  cursor: pointer;

  background: rgba(255,255,255,.06);
  color: #fff;
  font-weight: 700;
  letter-spacing: .2px;

  transition: background .18s ease;
}

.home-contact__submit:hover{
  background: rgba(255,255,255,.10);
}

/* responsive */
@media (max-width: 900px){
  .home-contact__inner{
    width: min(1200px, calc(100% - 40px));
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .home-contact__grid{
    grid-template-columns: 1fr; /* мобilde alt alta */
    gap: 22px;
  }
}




/* hover olduğunda sarı */
.home-newsHead__btn:hover,
.home-newsHead__btnIcon:hover{
  background: #FEC233;
}

/* responsive */
@media (max-width: 900px){
  .home-newsHead__inner{
    width: min(1200px, calc(100% - 40px));
    flex-direction: column;
    align-items: flex-start;
  }

  .home-newsHead__right{
    width: 100%;
  }

  .home-newsHead__actions{
    justify-content: flex-start;
  }
}


/* responsive */
@media (max-width: 900px){
  .home-qa__inner{
    width: min(1200px, calc(100% - 40px));
  }
  .home-qa__title{
    line-height: 1.22;
  }
}



/* Responsive */
@media (max-width: 1024px){
  .home-keyfacts__inner{
    width: min(1200px, calc(100% - 40px));
  }
  .home-keyfacts__card{
    left: 14px;
    bottom: 14px;
    padding: 20px 16px 14px 16px;
  }
}

/* =========================
   ABOUT HERO
========================= */
.about-hero{
  background: #0b1f3a;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.about-hero__top{
  position: relative;
  padding-top: 120px;
  padding-bottom: 20px;
  background: #0b1f3a;
  overflow: hidden;
}

.about-hero__inner{
  position: relative;
  z-index: 3;
  width: min(1320px, calc(100% - 120px));
  margin: 0 auto;
  min-height: 360px;

  display: grid;
  grid-template-columns: 1.15fr .85fr;
  align-items: center;
  gap: 40px;
}

/* büyük silik SC */
.about-hero__bgText{
  position: absolute;
  left: 10px;
  top: 40px;
  z-index: 1;

  font-size: clamp(260px, 38vw, 720px);
  line-height: .8;
  font-weight: 800;
  letter-spacing: -12px;
  color: rgba(255,255,255,.025);
  user-select: none;
  pointer-events: none;
}

/* sağ taraftaki çizgisel mesh dekor */
.about-hero__mesh{
  position: absolute;
  top: 0;
  right: 0;
  width: min(420px, 28vw);
  height: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: .55;
}

.about-hero__mesh::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      -62deg,
      rgba(255,255,255,.14) 0px,
      rgba(255,255,255,.14) 1px,
      transparent 1px,
      transparent 18px
    );
  clip-path: ellipse(70% 100% at 100% 50%);
}

.about-hero__left,
.about-hero__right{
  position: relative;
  z-index: 3;
}

.about-hero__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  margin-bottom: 22px;
}

.about-hero__titleRow{
  display: flex;
  align-items: flex-start;
  gap: 1px;
}

.about-hero__title{
  margin: 0;
  font-size: clamp(42px, 4.8vw, 72px);
  line-height: .92;
  font-weight: 800;
  letter-spacing: -1px;
  text-transform: uppercase;
}


.about-hero__right{
  display: flex;
  justify-content: flex-end;
}

.about-hero__desc{
  margin: 0;
  max-width: 420px;
  font-size: clamp(16px, 1.2vw, 20px);
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}

/* alt büyük görsel alanı */
.about-hero__mediaWrap{
  position: relative;
  z-index: 3;
  margin-top: 0;
}

.about-hero__media{
  position: relative;
  width: 100%;
  height: 400px;
  min-height: 400px;
  max-height: 400px;
  background: #0b1f3a;
  overflow: hidden;
}

.about-hero__media > img{
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  display: block;
  filter: brightness(.72);
}

/* sağdaki dikey ISO alanı */
.about-hero__isoBadges{
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.about-hero__isoItem{
  width: 78px;
  height: 78px;
  display: block;
}

.about-hero__isoItem img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* sağ alttaki sarı yuvarlak buton */
.about-hero__floatCta{
  position: absolute;
  right: 210px;
  bottom: -34px;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-hero__floatCta img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* responsive */
@media (max-width: 1200px){
  .about-hero__inner{
    width: min(1320px, calc(100% - 60px));
    grid-template-columns: 1fr;
    gap: 40px;
    min-height: auto;
    padding-bottom: 60px;
  }

  .about-hero__right{
    justify-content: flex-start;
  }

  .about-hero__desc{
    max-width: 700px;
  }

  .about-hero__floatCta{
    right: 130px;
  }
}

@media (max-width: 900px){
  .about-hero__top{
    padding-top: 120px;
  }

  .about-hero__inner{
    width: min(1320px, calc(100% - 40px));
  }

  .about-hero__bgText{
    left: -10px;
    top: 80px;
    font-size: clamp(200px, 42vw, 420px);
  }

  .about-hero__mesh{
    width: 220px;
    opacity: .35;
  }

  .about-hero__titleRow{
    flex-direction: column;
    gap: 18px;
  }

  .about-hero__capsule{
    margin-top: 14px;
    margin-left: -6px;
    width: 110px;
    height: 42px;
  }

  .about-hero__media{
    min-height: 300px;
  }

  .about-hero__media > img{
    min-height: 300px;
  }

  .about-hero__isoBadges{
    right: 14px;
    gap: 12px;
  }

  .about-hero__isoItem{
    width: 58px;
    height: 58px;
  }

  .about-hero__floatCta{
    width: 78px;
    height: 78px;
    right: 90px;
    bottom: -24px;
  }
}

@media (max-width: 640px){
  .about-hero__desc{
    font-size: 18px;
    line-height: 1.4;
  }

  .about-hero__isoBadges{
    top: auto;
    bottom: 18px;
    transform: none;
  }

  .about-hero__floatCta{
    right: 84px;
    bottom: -20px;
  }
}


/* =========================
   ABOUT TABS SECTION
========================= */
.about-tabs{
  position: relative;
  background: #0b1f3a;
  color: #fff;
  overflow: hidden;
  padding: 42px 0 80px;
}

.about-tabs__inner{
  width: min(1280px, calc(100% - 120px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* üst tab menü */
.about-tabs__nav{
  display: flex;
  align-items: flex-start;
  gap: 90px;
  margin-bottom: 56px;
}

.about-tabs__tab{
  position: relative;
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  padding: 22px 0 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.about-tabs__tab::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: transparent;
  transition: background .2s ease;
}

.about-tabs__tab.is-active{
  color: #f6c23a;
}

.about-tabs__tab.is-active::before{
  background: #f6c23a;
}
/* panel */
.about-tabs__panel{
  display: none;
}

.about-tabs__panel.is-active{
  display: block;
}

/* grid */
.about-tabs__grid{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 90px;
  align-items: start;
}

.about-tabs__left{
  position: relative;
}

.about-tabs__right{
  padding-top: 8px;
}

/* başlık */
.about-tabs__title{
  margin: 0 0 46px 0;
  font-size: clamp(32px, 3vw, 58px);
  line-height: 1.28;
  font-weight: 400;
  letter-spacing: -.4px;
  max-width: 760px;
}

/* görsel */
.about-tabs__imageWrap{
  width: 430px;
  max-width: 100%;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.about-tabs__imageWrap img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* sağ metin */
.about-tabs__right p{
  margin: 0 0 42px 0;
  font-size: 18px;
  line-height: 1.55;
  color: rgba(255,255,255,.95);
}

.about-tabs__right p:last-child{
  margin-bottom: 0;
}



/* sağ alttaki mesh */
.about-tabs__bgMesh{
  position: absolute;
  right: -40px;
  bottom: -120px;
  width: 980px;
  height: 620px;
  z-index: 1;
  pointer-events: none;
  opacity: .42;
}

.about-tabs__bgMesh::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      -14deg,
      rgba(255,255,255,.18) 0px,
      rgba(255,255,255,.18) 1px,
      transparent 1px,
      transparent 22px
    ),
    repeating-linear-gradient(
      76deg,
      rgba(255,255,255,.18) 0px,
      rgba(255,255,255,.18) 1px,
      transparent 1px,
      transparent 22px
    );
  clip-path: ellipse(62% 52% at 58% 52%);
}

/* responsive */
@media (max-width: 1100px){
  .about-tabs__inner{
    width: min(1280px, calc(100% - 60px));
  }

  .about-tabs__grid{
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-tabs__right{
    padding-top: 0;
  }

  .about-tabs__bgMesh{
    width: 760px;
    height: 520px;
    right: -140px;
  }
}

@media (max-width: 768px){
  .about-tabs{
    padding: 32px 0 60px;
  }

  .about-tabs__inner{
    width: min(1280px, calc(100% - 40px));
  }

.about-tabs__nav{
  display: flex;
  align-items: flex-start;
  gap: 90px;
  margin-bottom: 56px;
}

  .about-tabs__title{
    font-size: 34px;
    margin-bottom: 28px;
  }

  .about-tabs__right p{
    font-size: 16px;
    margin-bottom: 24px;
  }

  .about-tabs__bgLine{
    width: 220px;
    height: 260px;
    left: -60px;
    top: 210px;
    opacity: .65;
  }

  .about-tabs__bgMesh{
    width: 520px;
    height: 360px;
    right: -160px;
    bottom: -100px;
    opacity: .28;
  }
}

/* =========================
   ABOUT STATS + SLIDER
========================= */
.about-stats-slider{
  position: relative;
  background: #0b1f3a;
  color: #fff;
  overflow: hidden;
  padding: 70px 0 90px;
}

.about-stats-slider__inner{
  width: min(1280px, calc(100% - 120px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* arka mesh */
.about-stats-slider__bgMesh{
  position: absolute;
  right: -120px;
  top: -120px;
  width: 1100px;
  height: 620px;
  opacity: .32;
  pointer-events: none;
}

.about-stats-slider__bgMesh::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      -14deg,
      rgba(255,255,255,.18) 0px,
      rgba(255,255,255,.18) 1px,
      transparent 1px,
      transparent 24px
    ),
    repeating-linear-gradient(
      76deg,
      rgba(255,255,255,.18) 0px,
      rgba(255,255,255,.18) 1px,
      transparent 1px,
      transparent 24px
    );
  clip-path: ellipse(60% 50% at 52% 35%);
}

/* stats */
.about-stats-slider__stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  margin-bottom: 56px;
  position: relative;
  z-index: 2;
}

.about-stats-slider__stat{
  min-width: 0;
}

.about-stats-slider__number{
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 8px;
  font-size: clamp(24px, 2.1vw, 36px);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.about-stats-slider__unit{
  color: #f6c23a;
}

.about-stats-slider__label{
  font-size: 16px;
  line-height: 1.35;
  color: rgba(255,255,255,.72);
}

/* carousel */
.about-stats-slider__carouselWrap{
  display: flex;
  justify-content: center;
}

.about-stats-slider__carousel{
  width: 100%;
  max-width: 1260px;
  overflow: hidden;
  position: relative;
}

.about-stats-slider__track{
  display: flex;
  gap: 18px;
  transition: transform .45s ease;
  will-change: transform;
}

.about-stats-slider__slide{
  flex: 0 0 calc((100% - 36px) / 3);
  border-radius: 24px;
  overflow: hidden;
  display: block;
  background: rgba(255,255,255,.06);
  text-decoration: none;
}

.about-stats-slider__slide img{
  width: 100%;
  height: 350px;
  object-fit: cover;
  display: block;
}

/* dots */
.about-stats-slider__dots{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}

.about-stats-slider__dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  background: rgba(255,255,255,.8);
  cursor: pointer;
  padding: 0;
}

.about-stats-slider__dot.is-active{
  background: #f6c23a;
}

/* responsive */
@media (max-width: 1100px){
  .about-stats-slider__inner{
    width: min(1280px, calc(100% - 60px));
  }

  .about-stats-slider__stats{
    gap: 30px;
  }

  .about-stats-slider__slide{
    flex: 0 0 calc((100% - 18px) / 2);
  }

  .about-stats-slider__slide img{
    height: 300px;
  }
}

@media (max-width: 768px){
  .about-stats-slider{
    padding: 56px 0 70px;
  }

  .about-stats-slider__inner{
    width: min(1280px, calc(100% - 40px));
  }

  .about-stats-slider__stats{
    grid-template-columns: 1fr;
    gap: 28px;
    margin-bottom: 40px;
  }

  .about-stats-slider__slide{
    flex: 0 0 100%;
  }

  .about-stats-slider__slide img{
    height: 260px;
  }

  .about-stats-slider__bgMesh{
    width: 640px;
    height: 420px;
    right: -220px;
    top: -80px;
    opacity: .22;
  }
}

/* ===============================
   SUPPLY CHAIN MAP
================================ */

.supply-map{
  background:#0b1f3a;
  padding:120px 0;
  color:#fff;
}

.supply-map__container{
  width:min(1280px, calc(100% - 120px));
  margin:auto;
}

.supply-map__subtitle{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:#d5dbea;
  margin-bottom:10px;
}

.supply-map__dot{
  width:8px;
  height:8px;
  background:#f6c23a;
  border-radius:50%;
}

.supply-map__title{
  font-size:34px;
  font-weight:600;
  margin-bottom:60px;
}

.supply-map__map{
  position:relative;
  width:120%;
  margin-left:-10%;
}

.supply-map__image{
  width:100%;
  height:auto;
  display:block;
}

/* ===============================
   MAP PINS
================================ */

.supply-map__pin{
  position:absolute;
  width:56px;
  height:56px;
  background:linear-gradient(180deg,#ffd96a,#f6a300);
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.supply-map__pin span{
  transform:rotate(45deg);
  font-weight:700;
  color:#334;
  font-size:14px;
  background:#fff;
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* PIN POSITIONS */

.pin-1{ top:36%; left:18%; }
.pin-2{ top:62%; left:33%; }
.pin-3{ top:30%; left:50%; }
.pin-4{ top:56%; left:52%; }
.pin-5{ top:33%; left:72%; }
.pin-6{ top:60%; left:82%; }

/* ===============================
   CONTINENT LABELS
================================ */

.supply-map__label{
  position:absolute;
  font-size:18px;
  color:#d5dbea;
  display:flex;
  align-items:center;
  gap:10px;
}

.supply-map__label span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#b8c0d5;
}

/* label positions */

.label-na{ left:-40px; top:45%; }
.label-sa{ left:40%; bottom:-20px; }
.label-eu{ left:55%; top:-10px; }
.label-af{ left:60%; bottom:20%; }
.label-as{ right:10%; top:25%; }
.label-au{ right:0; bottom:18%; }

/* responsive */

@media(max-width:1100px){

.supply-map__container{
  width:min(1280px, calc(100% - 60px));
}

.supply-map__title{
  font-size:28px;
}

}

@media(max-width:768px){

.supply-map{
  padding:80px 0;
}

.supply-map__container{
  width:min(1280px, calc(100% - 40px));
}

.supply-map__label{
  font-size:14px;
}

}

/* =========================
   SISTER COMPANY SECTION
========================= */
.sister-company{
  background: #0b1f3a;
  color: #fff;
  padding: 110px 0 90px;
}

.sister-company__inner{
  width: min(1280px, calc(100% - 120px));
  margin: 0 auto;
}

.sister-company__top{
  margin-bottom: 54px;
}

.sister-company__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 14px;
  color: rgba(255,255,255,.9);
}

.sister-company__dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f6c23a;
}

.sister-company__heading{
  margin: 0 0 28px 0;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 500;
  color: #fff;
}

.sister-company__content{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  align-items: start;
}

.sister-company__lead{
  margin: 0;
  max-width: 520px;
  font-size: 28px;
  line-height: 1.45;
  font-weight: 400;
  color: #fff;
}

.sister-company__right p{
  margin: 0 0 32px 0;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(255,255,255,.94);
}

.sister-company__right p:last-child{
  margin-bottom: 0;
}

/* slider */
.sister-company__sliderWrap{
  display: flex;
  justify-content: center;
}

.sister-company__carousel{
  width: 100%;
  max-width: 1260px;
  overflow: hidden;
  position: relative;
}

.sister-company__track{
  display: flex;
  gap: 18px;
  transition: transform .45s ease;
  will-change: transform;
}

.sister-company__slide{
  flex: 0 0 calc((100% - 36px) / 3);
  border-radius: 24px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  background: rgba(255,255,255,.05);
}

.sister-company__slide img{
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
}

.sister-company__dots{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}

.sister-company__dotBtn{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  cursor: pointer;
  background: rgba(255,255,255,.8);
}

.sister-company__dotBtn.is-active{
  background: #f6c23a;
}

/* responsive */
@media (max-width: 1100px){
  .sister-company__inner{
    width: min(1280px, calc(100% - 60px));
  }

  .sister-company__content{
    gap: 40px;
    grid-template-columns: 1fr;
  }

  .sister-company__lead{
    max-width: 100%;
    font-size: 28px;
  }

  .sister-company__slide{
    flex: 0 0 calc((100% - 18px) / 2);
  }

  .sister-company__slide img{
    height: 300px;
  }
}

@media (max-width: 768px){
  .sister-company{
    padding: 80px 0 70px;
  }

  .sister-company__inner{
    width: min(1280px, calc(100% - 40px));
  }

  .sister-company__heading{
    font-size: 28px;
    margin-bottom: 28px;
  }

  .sister-company__lead{
    font-size: 22px;
    line-height: 1.5;
  }

  .sister-company__right p{
    font-size: 16px;
  }

  .sister-company__slide{
    flex: 0 0 100%;
  }

  .sister-company__slide img{
    height: 260px;
  }
}

/* EXPERIENCE SECTION */

.experience-section{
  background:#0b1f3a;
  padding:120px 0;
  border-top:1px solid rgba(255,255,255,0.06);
}

.experience-container{
  width:min(1280px, calc(100% - 120px));
  margin:0 auto;
}

.experience-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:40px;
}

.experience-dot{
  width:8px;
  height:8px;
  background:#ffc72c;
  border-radius:50%;
}

.experience-label{
  color:#fff;
  font-size:14px;
}

.experience-content{
  display:grid;
  grid-template-columns: 420px 1fr;
  align-items:start;
  gap:120px;
}

.experience-left{
  position:relative;
  padding-left:10px;
  padding-top:8px;
}

.experience-number{
  font-size:150px;
  font-weight:700;
  color:rgba(255,255,255,0.08);
  line-height:.9;
  letter-spacing:-2px;
}

.experience-number .plus{
  font-size:68px;
  position:relative;
  top:-6px;
}

.experience-text{
  margin-top:-6px;
  font-size:62px;
  font-weight:700;
  line-height:1;
  color:rgba(255,255,255,0.08);
}

.experience-right{
  max-width:640px;
  padding-top:18px;
}

.experience-right p{
  font-size:24px;
  line-height:1.62;
  font-weight:600;
  color:#fff;
  margin:0 0 18px 0;
}

.experience-est{
  font-size:14px;
  color:rgba(255,255,255,0.4);
}