/* Header LIFT: una sola familia visual para todos los controles */
header{
  min-height:72px!important;
  padding:10px 18px!important;
  gap:10px!important;
  background:#0d0d0d!important;
}
.logo,.brandLogo,.headerLogo{
  flex:0 0 auto!important;
}
header .logo img,
header .brandLogo img,
header .headerLogo img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}

/* Ofertas */
.offersBtn,#offersBtn,.offerBtn{
  min-height:42px!important;
  height:42px!important;
  border-radius:13px!important;
  padding:0 13px!important;
  gap:7px!important;
  box-shadow:0 4px 14px rgba(0,180,90,.16)!important;
}
.offersBtn small,#offersBtn small,.offerBtn small{
  min-width:21px!important;
  height:21px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  font-size:9px!important;
}

/* Buscador */
.searchWrap,.search,.headerSearch{
  position:relative!important;
  flex:1 1 auto!important;
}
header input[type="search"],
header #q{
  height:42px!important;
  border-radius:13px!important;
  border:1px solid #343434!important;
  background:#1a1a1a!important;
  color:#fff!important;
  padding-left:42px!important;
  padding-right:14px!important;
  font-size:13px!important;
  outline:none!important;
  box-shadow:none!important;
}
header input[type="search"]::placeholder,
header #q::placeholder{color:#777!important}
header input[type="search"]:focus,
header #q:focus{
  background:#1d1d1d!important;
  border-color:#555!important;
}
header .searchWrap::before,
header .search::before,
header .headerSearch::before{
  content:"";
  position:absolute;
  z-index:3;
  left:14px;
  top:50%;
  width:16px;
  height:16px;
  transform:translateY(-50%);
  pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Favoritos + carrito */
header .iconBtn,
header .favoritesBtn,
header .cartBtn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:13px!important;
  border:1px solid #343434!important;
  background:#111!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
}
header .iconBtn:hover,
header .favoritesBtn:hover,
header .cartBtn:hover{
  background:#1b1b1b!important;
  border-color:#4a4a4a!important;
}
header .badge,
header .count,
header .cartCount,
header .favCount{
  position:absolute!important;
  top:-5px!important;
  right:-5px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:18px!important;
  text-align:center!important;
  border:2px solid #0d0d0d!important;
}

/* Móvil: preserva buscador y compacta ofertas */
@media(max-width:760px){
  header{
    min-height:62px!important;
    padding:8px 9px!important;
    gap:7px!important;
  }
  header .logo img,
  header .brandLogo img,
  header .headerLogo img{
    width:36px!important;
    height:36px!important;
  }
  .offersBtn,#offersBtn,.offerBtn{
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
    justify-content:center!important;
  }
  .offersBtn .offerText,
  #offersBtn .offerText,
  .offerBtn .offerText{display:none!important}
  header input[type="search"],
  header #q{
    height:40px!important;
    border-radius:12px!important;
    padding-left:36px!important;
    font-size:11px!important;
  }
  header .searchWrap::before,
  header .search::before,
  header .headerSearch::before{left:12px!important}
  header .iconBtn,
  header .favoritesBtn,
  header .cartBtn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:12px!important;
  }
}
@media(max-width:430px){
  header{gap:5px!important;padding-left:6px!important;padding-right:6px!important}
  header .logo img,
  header .brandLogo img,
  header .headerLogo img{width:32px!important;height:32px!important}
  .offersBtn,#offersBtn,.offerBtn{width:38px!important;min-width:38px!important;height:40px!important}
  header .iconBtn,
  header .favoritesBtn,
  header .cartBtn{width:38px!important;min-width:38px!important}
}