/** Shopify CDN: Minification failed

Line 150:33 Expected identifier but found whitespace
Line 150:35 Unexpected "{"
Line 150:40 Expected ":"
Line 150:55 Expected ":"
Line 153:33 Expected identifier but found whitespace
Line 153:35 Unexpected "{"
Line 153:40 Expected ":"
Line 153:55 Expected ":"
Line 156:33 Expected identifier but found whitespace
Line 156:35 Unexpected "{"
... and 8 more hidden warnings

**/
/* ======= EVER4U HEADER INTEGRADO (FIX) ======= */

/* o seu nav: <nav ... class="... ever4u-header"> */
.ever4u-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  height:100%;
  gap:30px;              /* espaço entre left / center / right */
}

/* menus */
.ever4u-header__nav{
  display:flex;
  align-items:center;
  gap:20px;
  margin:0;
  padding:0;
  list-style:none;
  min-width:0;
}

/* menu esquerdo: encosta na logo (direita da coluna) */
.ever4u-header__nav--left{
  flex:1 1 0;
  justify-content:flex-end;
  width:100%;
}

/* menu direito: encosta na logo (esquerda da coluna) */
.ever4u-header__nav--right{
  flex:1 1 0;
  justify-content:flex-start;
}

/* “slot” central (se existir no nav) */
.ever4u-header__logo{
  flex:0 0 auto;
  width:180px;           /* ajuste se você usa o slot central */
}

/* links */
.ever4u-header__nav a{
  display:inline-flex;
  align-items:center;
  height:40px;
  padding:0 10px;
  text-decoration:none;
  color:#111;
  font-weight:500;
  white-space:nowrap;
}
.ever4u-header__nav a:hover{ color:rgb(99, 122, 145); }

/* ======= RESPONSIVO ======= */
@media (max-width:1199px){
  .ever4u-header__nav--left,
  .ever4u-header__nav--right{
    display:none; /* manter menu mobile do tema */
  }
  .ever4u-header__logo{
    width:0;
  }
}

/* evita que o nav do menu direito estique e empurre os ícones */
.col-5.d-flex.justify-content-between.align-items-center > nav{
  flex:0 0 auto;
}

/* ======= STICKY: corrigir logo cortando =======
   O seu CSS anterior colocava overflow:hidden no sticky.
   Isso corta a logo quando a altura/padding não bate.
   Aqui a gente:
   - dá altura/padding controlados
   - remove o overflow hidden que estava cortando
   - limita a altura da imagem da logo no sticky
*/
@media (min-width: 768px){
  #header-sticky{
    padding-top: 12px;     /* ajuste fino */
    padding-bottom: 12px;  /* ajuste fino */
    overflow: visible;     /* IMPORTANTE: não cortar a logo */
  }

  /* o row do sticky deve permitir a altura */
  #header-sticky .bl_content{
    min-height: 64px;      /* garante “barra” do sticky */
    align-items: center;
    overflow: visible;     /* IMPORTANTE */
  }

  /* controla a altura visual da logo dentro do sticky */
  #header-sticky .site-header__logo img,
  #header-sticky .site-header__logo-image img{
    display:block;
    max-height: 44px;      /* ajuste: 40–52px */
    width:auto;
    height:auto;
    object-fit: contain;
  }
}

/* ======= AJUSTES PARA NÃO CONFLITAR COM O ORIGINAL ======= */
@media (min-width:1200px){
  .site-nav, .nav--lv1{
    height:100%;
  }
}

@media (max-width:1440px){
  .site-nav .site-nav__link--main{
    padding-inline:15px;
  }
  #header-sticky .site-nav__link--main{
    padding-inline:10px;
  }
}

.header-info:not(:last-child){
  -webkit-margin-end:3rem;
  margin-inline-end:3rem;
}

.header-info svg{
  max-width:15px;
  height:auto;
  -webkit-margin-end:6px;
  margin-inline-end:6px;
}

/* ======= LOGO WIDTH (tema) ======= */
@media(min-width: 768px) {
  .site-header__logo { max-width: {{ sst.w_logo_md }}px; }
}
@media(min-width: 992px) {
  .site-header__logo { max-width: {{ sst.w_logo_lg }}px; }
}
@media(min-width: 1200px) {
  .site-header__logo { max-width: {{ sst.w_logo }}px; }
}

/* ======= BADGES ======= */
.site-header .WishlistCount,
.site-header .site-header__cart .site-header__cart-count{
  color: {{ sst.badge_color }};
  background: {{ sst.badge_bg }};
}

/* Garantir que o mega não seja cortado */
.ever4u-header,
.ever4u-header * {
  overflow: visible !important;
}

/* Container do mega menu */
.ever4u-mega-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw;
  background: #fff;
  z-index: 9999;
  padding: 50px 0;
  border-top: 1px solid #eee;
}

/* Hover ativa */
.ever4u-has-mega:hover .ever4u-mega-menu {
  display: block;
}

/* Reset lista */
.mega-col-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Espaçamento entre itens (AGORA CENTRALIZADO AQUI) */
.mega-col-nav li {
  margin-bottom: 4px;
}

/* Remove último */
.mega-col-nav li:last-child {
  margin-bottom: 0;
}

/* Links */
.mega-col-nav a {
  text-decoration: none;
  color: #111;
  font-weight: 500;
  font-size: 14px;
  display: block;
  padding: 3px 0;
  transition: all 0.2s ease;
}

.mega-col-nav a:hover {
  padding-left: 4px;
}

/* Texto */
.mega-col-text h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.mega-col-text a {
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
}
.ever4u-header__nav .ever4u-menu-item.ever4u-account,
.ever4u-header__nav .ever4u-menu-item.ever4u-wishlist,
.ever4u-header__nav .ever4u-menu-item.ever4u-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}

.ever4u-header__nav .ever4u-menu-item a {
  display: flex;
  align-items: center;
}