/* EFES NAKLİYAT VERSION 3.2
   Critical homepage hero layout correction.
   The legacy stylesheet forces every .hero to display:flex !important.
   V3 hero contains two vertical blocks, so it must remain a block layout.
*/

.hero.hero-v3{
  display:block !important;
  align-items:initial !important;
  min-height:760px !important;
  padding-top:150px !important;
}

.hero-v3 > .hero-v3-grid,
.hero-v3 > .hero-v3-trustbar{
  width:min(1320px,94%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.hero-v3-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.14fr) minmax(360px,.72fr) !important;
  align-items:center !important;
  gap:64px !important;
  min-height:515px !important;
  padding:0 !important;
}

.hero-v3-copy,
.hero-v3-panel{
  min-width:0 !important;
}

.hero-v3-copy{
  width:100% !important;
}

.hero-v3 h1{
  max-width:760px !important;
  margin:0 !important;
  font-size:clamp(46px,4.75vw,73px) !important;
  line-height:1.015 !important;
  letter-spacing:-.052em !important;
  text-transform:none !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

.hero-v3 h1 span{
  display:block !important;
}

.hero-v3-lead{
  max-width:680px !important;
}

.hero-v3-panel{
  width:100% !important;
  max-width:470px !important;
  justify-self:end !important;
}

.hero-v3-trustbar{
  position:relative !important;
  z-index:3 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  margin-top:42px !important;
}

@media (max-width:1100px){
  .hero.hero-v3{
    padding-top:125px !important;
  }

  .hero-v3-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
    min-height:auto !important;
    padding-bottom:42px !important;
  }

  .hero-v3-panel{
    max-width:760px !important;
    justify-self:start !important;
  }

  .hero-v3-trustbar{
    margin-top:0 !important;
  }
}

@media (max-width:760px){
  .hero.hero-v3{
    min-height:auto !important;
    padding-top:108px !important;
  }

  .hero-v3 > .hero-v3-grid,
  .hero-v3 > .hero-v3-trustbar{
    width:min(100% - 32px,760px) !important;
  }

  .hero-v3-grid{
    gap:27px !important;
    padding-bottom:28px !important;
  }

  .hero-v3 h1{
    font-size:clamp(37px,11vw,46px) !important;
    line-height:1.02 !important;
  }

  .hero-v3-trustbar{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}