/* ===== EVLI SAFE POLISH V2 ===== */
/* Solo ajuste fino: logo, header y hero. No toca secciones ni JS. */

.nav-wrap{
  padding-top:18px !important;
}

.nav{
  min-height:74px !important;
  border-radius:32px !important;
  grid-template-columns:285px 1fr auto !important;
  padding:8px 18px 8px 26px !important;
}

/* Logo un poco más presente, sin romper menú */
.evli-safe-brand{
  width:285px !important;
  min-width:285px !important;
  gap:12px !important;
}

.evli-safe-logo{
  height:62px !important;
  max-width:178px !important;
  object-fit:contain !important;
}

.evli-safe-tagline{
  font-size:9.2px !important;
  letter-spacing:.16em !important;
  color:#60716a !important;
}

/* Menú más fino */
.nav-links{
  gap:25px !important;
}

.nav-links a{
  font-size:14px !important;
  font-weight:900 !important;
}

/* Botones ligeramente más elegantes */
.nav-actions .btn{
  min-height:46px !important;
  padding:0 22px !important;
  border-radius:999px !important;
}

.cart-button{
  width:46px !important;
  height:46px !important;
}

/* Hero más compacto y editorial */
.v16-hero{
  min-height:620px !important;
}

.v16-hero-content{
  max-width:620px !important;
  padding-top:58px !important;
  padding-bottom:64px !important;
}

.v16-hero h1{
  font-size:clamp(46px,4.8vw,72px) !important;
  line-height:.97 !important;
  max-width:610px !important;
  margin:18px 0 18px !important;
}

.v16-hero p{
  font-size:18px !important;
  line-height:1.5 !important;
  max-width:590px !important;
}

.v16-kicker{
  font-size:10.5px !important;
  padding:9px 15px !important;
}

.v16-btn{
  min-height:50px !important;
  font-size:15px !important;
  padding:0 21px !important;
}

/* Responsive sin romper */
@media(max-width:1180px){
  .nav{
    grid-template-columns:230px 1fr auto !important;
  }

  .evli-safe-brand{
    width:230px !important;
    min-width:230px !important;
  }

  .evli-safe-logo{
    height:52px !important;
    max-width:150px !important;
  }

  .evli-safe-tagline{
    font-size:8px !important;
    letter-spacing:.12em !important;
  }
}

@media(max-width:960px){
  .evli-safe-tagline{
    display:none !important;
  }

  .nav{
    grid-template-columns:150px 1fr auto !important;
  }
}

@media(max-width:760px){
  .v16-hero{
    min-height:600px !important;
  }

  .evli-safe-logo{
    height:44px !important;
    max-width:130px !important;
  }
}