/* ========================= BASE (global, seguro) ========================= */

/* Reset leve e tipografia */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { color:#111; font-family:"Times New Roman", serif; line-height:1.6; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
/* foco acessível (não remova outline) */
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ========================= TOPBAR ========================= */
.lz-topbar{ background:#1a1a1a; color:#fff; text-align:center; font-size:14px; padding:6px 10px; letter-spacing:.4px; }

/* ========================= HEADER ========================= */
.lz-header{ background:#0f0f0f; color:#fff; }

/* linha principal do header (com container) */
.lz-head-main{ max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:center; padding:18px 16px; position:relative; gap:16px; }

/* logo centralizado em telas médias/grandes */
.lz-head-main__center{ position:absolute; left:50%; transform:translateX(-50%); }
.lz-logo{ text-decoration:none; }
.lz-logo span{ font-family:"Times New Roman", Times, serif; font-size:38px;
	-webkit-text-stroke-width: 0.5px; /* Largura da borda */
  -webkit-text-stroke-color: #fff; /* Cor da borda */
  color: #FFF;
	letter-spacing:.1em;
	font-weight:400;
	color:#fff;
	display:block; }

/* direita (busca + ícones) */
.lz-head-main__right{ margin-left:auto; display:flex; align-items:center; gap:14px; }
.lz-search{ display:flex; align-items:center; gap:8px; }
.lz-search__input{ width:250px; max-width:32vw; background:#1a1a1a; border:1px solid #2b2b2b; padding:8px 12px; border-radius:8px; color:#eee; font-size:14px; }
.lz-search__input::placeholder{ color:#999; font-size:14px; }

.lz-icons{ display:flex; align-items:center; gap:10px; }
.lz-icon{ width:38px; height:38px; border-radius:12px; background:#151515; display:grid; place-items:center; color:#e7e7e7; text-decoration:none; position:relative; border:1px solid #242424; }
.lz-icon .dashicons{ font-size:18px; line-height:1; }
.lz-cart__count{ position:absolute; top:-6px; right:-6px; background:#e31b23; color:#fff; border-radius:999px; font-size:11px; padding:2px 6px; line-height:1; }

/* Header responsivo: abaixo de 680px, o logo sai do absolute */
@media (max-width: 680px){
  .lz-head-main{ justify-content:space-between; gap:10px; }
  .lz-head-main__center{ position:static; transform:none; } /* logo volta pro fluxo */
  .lz-logo span{ font-size:28px; letter-spacing:.1em; }
  .lz-search__input{ width:160px; max-width:50vw; }
}

/* não sublinhar a logo no hover/focus */
.lz-logo,
.lz-logo:hover,
.lz-logo:focus,
.lz-logo:focus-visible{ text-decoration: none !important; }

/* ========================= NAV DE CATEGORIAS ========================= */
.lz-catbar{ background:#111; border-top:1px solid #1f1f1f; border-bottom:1px solid #1f1f1f; }
.lz-catbar__list{ max-width:1200px; margin:0 auto; padding:10px 8px; list-style:none; display:flex; justify-content:center; gap:42px; flex-wrap:wrap; }
.lz-catbar__list a{ color:#f0f0f0; font-weight:500; font-size:16px; text-decoration:none; }
.lz-catbar__list a:hover{ color:#fff; text-decoration:underline; }

@media (max-width: 900px){
  .lz-catbar__list{ gap:24px; }
}

/* ========================= FOOTER ========================= */
.lz-footer{ background:#0f0f0f; color:#e9e9e9; margin-top:48px; }
.lz-footer a{ color:#e9e9e9; text-decoration:none; }
.lz-footer a:hover{ color:#fff; text-decoration:underline; }

.lz-footer__inner{ max-width:1200px; margin:0 auto; padding:36px 16px 24px; display:grid; grid-template-columns:2fr 1fr 1.4fr; gap:32px; }
.lz-footer__logo{ font:700 28px/1 "Times New Roman", serif; -webkit-text-stroke-width: 0.5px; /* Largura da borda */
  -webkit-text-stroke-color: #e9e9e9; /* Cor da borda */
  color: #FFF;letter-spacing:.10em; display:inline-block; margin-bottom:10px; }
.lz-footer__about{ margin:0 0 16px; color:#cfcfcf; }

.lz-foot-title{ font:700 16px/1.2 "Times New Roman", serif;
	margin:0 0 10px; color:#fff; }
.lz-foot-menu{ list-style:none; margin:0; padding:0; }
.lz-foot-menu li{ margin:8px 0; }
.lz-foot-menu a{ color:#cfcfcf; }

.lz-social{ list-style:none; padding:0; margin:10px 0 0; display:grid; gap:10px; }
.lz-social a{ display:inline-flex; align-items:center; gap:10px; color:#cfcfcf; }
.lz-social a:hover{ color:#fff; }
.lz-social svg{ opacity:.9; }

.lz-news{ display:flex; gap:8px; margin:8px 0 14px; }
.lz-news input{
  flex:1; height:40px; padding:0 12px; border-radius:10px; border:1px solid #262626;
  background:#151515; color:#fff;
}
.lz-news button{
  height:40px; padding:0 14px; border:0; border-radius:10px; background:#222; color:#fff; cursor:pointer;
}
.lz-news button:hover{ background:#2a2a2a; }

.lz-pay span{ display:block; color:#bdbdbd; margin-bottom:6px; }
.lz-pay__icons{ display:flex; flex-wrap:wrap; gap:8px; }
.lz-pay__pill{
  background:#151515; border:1px solid #262626; color:#dcdcdc;
  border-radius:999px; padding:6px 10px; font-size:12px;
}

/* Subfooter */
.lz-subfooter{ border-top:1px solid rgba(255,255,255,.06); background:#0d0d0d; }
.lz-subfooter__inner{
  max-width:1200px; margin:0 auto; padding:14px 16px;
  display:flex; gap:16px; align-items:center; justify-content:space-between;
}
.lz-legal-menu{ list-style:none; margin:0; padding:0; display:flex; gap:18px; }
.lz-legal-menu a{ color:#cfcfcf; font-size:14px; }

@media (max-width: 900px){
  .lz-footer__inner{ grid-template-columns:1fr; }
  .lz-subfooter__inner{ flex-direction:column; gap:8px; text-align:center; }
}

/* ====== FIX: header em telas médias (evita sobrepor a busca ao logo) ====== */
@media (min-width: 640px) and (max-width: 1240px){
  .lz-head-main{
    display: grid;
    grid-template-columns: 1fr auto 1fr; /* espaço – logo – busca/ícones */
    align-items: center;
    gap: 16px;
    position: relative; /* mantém igual ao original */
  }

  /* tira o absoluto do logo nesse range */
  .lz-head-main__center{
    position: static;
    left: auto;
    transform: none;
    justify-self: center;
  }

  /* direita encosta na borda */
  .lz-head-main__right{
    margin-left: 0;
    justify-self: end;
  }

  /* deixa a busca elástica para não colidir */
  .lz-search__input{
    width: clamp(220px, 36vw, 460px);
    max-width: 100%;
  }
}

/* ===================== Notices (Woo) – layout limpo ===================== */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  max-width: var(--wrap);
  margin: 14px auto;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--c-border);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);

  /* Corrige layout: texto + botão na mesma linha */
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Cores dos tipos */
.woocommerce-message{ background: #eefcf3; border-color:#cdeed9; color: var(--c-text); }
.woocommerce-error  { background: #fff2f2; border-color:#ffd9d9; color:#771d1d; }
.woocommerce-info   { background: #f4f8ff; border-color:#d7e3ff; color:#17335e; }

/* Botão à direita, sem float */
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button{
  margin-left: auto;      /* empurra pro canto direito */
  float: none !important; /* mata o float padrão do Woo */
  background: var(--c-brand) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Corrige o ícone do Woo: deixa “em linha” em vez de absoluto */
.woocommerce-message:before,
.woocommerce-error:before,
.woocommerce-info:before{
  position: static !important; /* não absoluto */
  margin-right: 6px;
  line-height: 1;
  flex: 0 0 auto;              /* não encolhe */
}

/* Mobile: quebra linha e botão full-width */
@media (max-width:560px){
  .woocommerce-message,
  .woocommerce-error,
  .woocommerce-info{
    flex-wrap: wrap;
  }
  .woocommerce-message .button,
  .woocommerce-error .button,
  .woocommerce-info .button{
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    justify-content: center;
  }
}

#vz-topbar-rotator{
  display:inline-block;          /* importante pro fade funcionar na boa */
  white-space:nowrap;            /* evita quebrar no meio da troca */
  will-change:opacity;           /* micro ajuda de performance */
}

/* ====== FIX MOBILE: header sem “sangrar” e ícones sempre visíveis ====== */

/* Evita transbordo horizontal em qualquer página */
html, body { overflow-x: hidden; }

/* Até 680px, o header vira grade com 2 linhas:
   ┌ logo ──────── icons ┐
   └─────── search (100%)┘ */
@media (max-width: 680px){
  .lz-header { overflow: hidden; } /* garante que nada passe do container */

  .lz-head-main{
    display: grid !important;
    grid-template-columns: 1fr auto;           /* esquerda cresce | direita se ajusta */
    grid-template-areas:
      "logo icons"
      "search search";
    align-items: center;
    gap: 10px 12px; /* row-gap / column-gap */
    padding: 12px 12px; /* um pouco menos de padding lateral */
  }

  /* Logo ocupa a área 'logo' (pode ficar centralizado visualmente pelo próprio texto) */
  .lz-head-main__center{
    grid-area: logo;
    position: static !important;
    left: auto !important;
    transform: none !important;
    justify-self: start;         /* deixa o logo à esquerda; se quiser centralizado, troque por center */
  }
  .lz-logo span{
    font-size: 26px;
    letter-spacing: .1em;
  }

  /* Direita: ícones bem ancorados à borda interna */
  .lz-head-main__right{
    grid-area: icons;
    margin-left: 0 !important;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 8px;                    /* gap menor p/ caber sem vazar */
  }

  /* Busca ocupando a segunda linha inteira */
  .lz-search{
    grid-area: search;
    width: 100%;
  }
  .lz-search__input{
    width: 100% !important;      /* full-width na segunda linha */
    max-width: none !important;
    padding: 10px 12px;
  }

  /* Ícones um pouco menores para caber confortável */
  .lz-icon{
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }
  .lz-icon .dashicons{ font-size: 17px; }

  /* Badge do carrinho bem dentro da viewport */
  .lz-cart__count{
    top: -6px;
    right: -6px;
  }
}

/* Telas bem estreitas (≤360px): ainda mais compactos */
@media (max-width: 360px){
  .lz-logo span{ font-size: 24px; letter-spacing: .1em; }
  .lz-head-main{ gap: 8px 10px; padding: 10px 10px; }
  .lz-icon{ width: 32px; height: 32px; }
}

/* ===============================================================*/

/* =========================
   ADIÇÕES — HEADER + DRAWER
   (cole a partir daqui, no final do arquivo)
   ========================= */

/* 1) Desktop: garante a logo 100% central quando for filha direta do header */
@media (min-width: 901px){
  .lz-head-main > .lz-logo{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
  }
}

/* 2) Botão hambúrguer e carrinho mobile (ocultos no desktop) */
.lz-burger{
  width: 36px; height: 36px; border-radius: 10px;
  border: 1px solid #242424; background:#151515; color:#fff;
  display: none; align-items:center; justify-content:center; gap:4px;
  cursor: pointer;
}
.lz-burger span{
  display:block; width:18px; height:2px; background:#eee; border-radius:2px;
}
.lz-cart--mobile{ display:none; }

/* 3) Mobile: topo = hambúrguer | logo | carrinho ; segunda linha = busca */
@media (max-width: 900px){
  .lz-head-main{
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
      "lz-burger-area lz-logo-area lz-cart-area"
      "lz-search-area  lz-search-area lz-search-area";
    align-items: center;
    gap: 10px 12px;
    padding: 12px 12px;
  }

  /* Mapear elementos às áreas (cobre logo com/sem wrapper antigo) */
  .lz-burger{ grid-area: lz-burger-area; display:inline-flex; }
  .lz-head-main > .lz-logo,
  .lz-head-main__center{
    grid-area: lz-logo-area;
    position: static !important;
    left:auto !important; transform:none !important;
    justify-self: center;
  }
  .lz-cart--mobile{ grid-area: lz-cart-area; display:inline-grid; }

  .lz-search{ grid-area: lz-search-area; width:100%; }
  .lz-search__input{ width:100% !important; max-width:none !important; }
}

/* 4) Drawer (menu lateral) */
.lz-drawer{
  position: fixed; inset: 0; z-index: 9999;
  display: grid; grid-template-columns: minmax(0, 88vw) 1fr;
}
.lz-drawer[hidden]{ display:none !important; }
.lz-drawer__overlay{ grid-column:2; background:rgba(0,0,0,.55); }

.lz-drawer__panel{
  grid-column:1; background:#0e0e0e; color:#fff; height:100%;
  overflow:auto; box-shadow:8px 0 30px rgba(0,0,0,.4);
  transform: translateX(-105%); transition: transform .25s ease;
}
.lz-drawer.is-open .lz-drawer__panel{ transform: translateX(0); }

/* Cabeçalho do drawer: logo central + botão fechar */
.lz-drawer__head{
  position: sticky; top: 0; z-index: 3;
  display: grid; grid-template-columns: 1fr auto; align-items:center;
  padding:12px 14px; background:#0f0f0f; border-bottom:1px solid #1e1e1e;
}
.lz-drawer__logo{
  justify-self: center;
  font: 700 22px/1 "Times New Roman", serif;
  letter-spacing:.1em; color:#fff; text-decoration:none;
}
.lz-drawer__close{
  width:36px; height:36px; border-radius:10px;
  border:1px solid #242424; background:#151515; color:#fff;
  font-size:22px; line-height:1; cursor:pointer;
}

/* “Olá/entrar” */
.lz-drawer__hello{
  display:flex; align-items:center; gap:10px;
  padding:12px 16px; color:#ddd; text-decoration:none;
  border-bottom:1px solid #1a1a1a;
}
.lz-drawer__hello:hover{ background:#121212; color:#fff; }

/* Busca no drawer */
.lz-search--drawer{ padding:12px 16px; border-bottom:1px solid #1a1a1a; }

/* Lista de categorias no drawer (mais agradável) */
.lz-drawer__nav ul{ list-style:none; margin:0; padding:8px 0; }
.lz-drawer__nav li a{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 16px; border-bottom:1px solid #1a1a1a;
  font:700 16px/1.2 "Times New Roman", serif; color:#eaeaea; text-decoration:none;
}
.lz-drawer__nav li a:hover{ background:#141414; color:#fff; }
.lz-drawer__nav li.is-active > a{ color:#fff; }

/* Ações no rodapé do drawer (ícones clonados pelo JS) */
.lz-drawer__actions{
  position: sticky; bottom: 0; z-index: 2;
  display:flex; gap:10px; padding:12px 16px;
  background:#0f0f0f; border-top:1px solid #1a1a1a;
}
.lz-drawer__actions .lz-icon{ width:40px; height:40px; }

/* ====== NAV desktop: estiliza o <ul> dentro do .lz-catbar__list ====== */
.lz-catbar__list > ul{
  max-width:1200px;
  margin:0 auto;
  padding:10px 8px;
  list-style:none;
  display:flex;
  justify-content:center;
  gap:42px;
  flex-wrap:wrap;
}
.lz-catbar__list > ul li{ margin:0; padding:0; list-style:none; }
.lz-catbar__list > ul a{ color:#f0f0f0; font-weight:500; font-size:16px; text-decoration:none; }
.lz-catbar__list > ul a:hover{ color:#fff; text-decoration:underline; }

@media (max-width: 900px){
  /* No mobile, não mostra a barra de categorias fixa (vai só no drawer) */
  .lz-catbar{ display:none; }
}

/* ===== MOBILE HEADER LAYOUT: burger | logo | cart ===== */
.lz-burger{
  display:none;                /* escondido por padrão (desktop) */
  width:42px; height:42px;
  border-radius:12px;
  border:1px solid #242424;
  background:#1a1a1a;
  color:#fff;
  align-items:center; justify-content:center;
  padding:0; cursor:pointer;
}
.lz-burger span{
  display:block; width:18px; height:2px; background:#fff; border-radius:2px;
}
.lz-burger span + span{ margin-top:4px; }

@media (max-width: 900px){
  /* esconde a barra de categorias no mobile (o menu vai ficar no drawer) */
  .lz-catbar{ display:none; }
}

@media (max-width: 680px){
  /* grade do topo: burger | logo | cart */
  .lz-head-main{
    display:grid !important;
    grid-template-columns:auto 1fr auto;
    grid-template-areas: "burger logo cart";
    align-items:center;
    gap:10px 12px;
    padding:12px 12px;
  }

  /* mostra o hambúrguer à esquerda */
  .lz-burger{ display:flex; grid-area:burger; }

  /* logo realmente centralizada */
  .lz-head-main__center{
    grid-area:logo;
    position:static !important;
    left:auto !important;
    transform:none !important;
    justify-self:center;
  }
  .lz-logo span{ font-size:26px; letter-spacing:.1em; }

  /* direita só com o carrinho */
  .lz-head-main__right{
    grid-area:cart;
    margin-left:0 !important;
    justify-self:end;
  }

  /* esconde o ícone de conta no mobile, deixa só o carrinho */
  .lz-icons .lz-icon:not(.lz-cart){ display:none !important; }

  /* esconde a busca do topo (ela fica dentro do drawer) */
  .lz-search{ display:none !important; }
}

/* Hambúrguer: empilhar as 3 barrinhas */
.lz-burger{
  display:flex;                 /* já estava, mas agora em coluna */
  flex-direction: column;       /* <<< empilha verticalmente */
  align-items:center;
  justify-content:center;
  gap:4px;                      /* espaço entre as barras */
  line-height: 0;               /* evita “artefatos” de linha */
}

.lz-burger span{
  display:block;
  width:18px;
  height:2px;
  background:#fff;
  border-radius:2px;
}

/* zera qualquer margem antiga entre spans, caso exista */
.lz-burger span + span{ margin-top:0; }


/* Drawer fix: o painel rola por dentro e não passa o gesto pro fundo */
.lz-drawer { position: fixed; inset: 0; }
.lz-drawer__panel{
  overflow-y: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch; /* iOS suave */
  overscroll-behavior: contain;      /* não “vaza” pro body */
}

/* Quando o drawer abre, travamos o body */
html.no-scroll,
body.no-scroll{
  height: 100%;
  overscroll-behavior: none; /* evita encadear scroll pro fundo */
}

body.no-scroll{
  overflow: hidden;   /* Android/desktop */
  position: fixed;    /* iOS */
  width: 100%;
}
/* === Mostrar o hambúrguer só no mobile === */

/* Esconde em telas ≥ 901px (desktop/tablet grande) */
@media (min-width: 901px){
  .lz-burger{
    display: none !important;
  }
}

/* Mostra e estiliza no mobile */
@media (max-width: 900px){
  .lz-burger{
    display: grid;                 /* ou inline-grid, se preferir */
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #1a1a1a;
    border: 1px solid #242424;
    color: #fff;
  }
  .lz-burger span{
    display:block;
    width:18px; height:2px; background:#fff; border-radius:2px;
    position:relative;
  }
  .lz-burger span::before,
  .lz-burger span::after{
    content:""; position:absolute; left:0; right:0; height:2px; background:#fff; border-radius:2px;
  }
  .lz-burger span::before{ top:-6px; }
  .lz-burger span::after{  top: 6px; }
}

/* =========================
   HOTFIX: Burger “3 risquinhos”
   ========================= */

/* zera qualquer máscara/gradiente que possa ter virado “pente” */
.lz-burger{
  background-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

/* botão */
.lz-burger{
  width: 42px; height: 42px;
  border-radius: 12px;
  border: 1px solid #2b2b2b;
  background:#151515;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
}

/* desenha 3 linhas com <span><span><span> */
.lz-burger span{
  display:block;
  width: 18px;
  height: 2px;
  background:#fff;
  border-radius: 2px;
  transition: transform .25s ease, opacity .25s ease;
}
.lz-burger span + span{ margin-top: 4px; }

/* anima para “X” quando aria-expanded="true" */
.lz-burger[aria-expanded="true"] span:nth-child(1){
  transform: translateY(6px) rotate(45deg);
}
.lz-burger[aria-expanded="true"] span:nth-child(2){
  opacity: 0;
}
.lz-burger[aria-expanded="true"] span:nth-child(3){
  transform: translateY(-6px) rotate(-45deg);
}

/* =========================
   HOTFIX: Busca visível no desktop
   ========================= */

/* Desktop: busca deve aparecer no header */
@media (min-width: 901px){
  .lz-head-main__right .lz-search{
    display: flex !important;
  }
}

/* Mobile: a busca do header some (fica só no drawer) */
@media (max-width: 900px){
  .lz-head-main__right .lz-search{
    display: none !important;
  }
}

/* =========================
   Layout mobile do topo (hambúrguer | logo | carrinho)
   ========================= */
@media (max-width: 900px){
  .lz-head-main{
    display:grid !important;
    grid-template-columns: 44px 1fr 44px;
    grid-template-areas: "burger logo cart";
    align-items:center;
    gap: 10px;
  }

  .lz-burger{ grid-area: burger; }
  .lz-head-main__center{ grid-area: logo; }
  .lz-head-main__right{ grid-area: cart; justify-self:end; }

  /* garante que os ícones continuam visíveis à direita */
  .lz-head-main__right .lz-icons{ display:flex; gap:8px; }
}

/* ===== FINAL FIX — cole no fim do CSS ===== */

/* 0) Desliga o modelo com ::before/::after (usaremos 3 spans) */
@media (max-width: 900px){
  .lz-burger span::before,
  .lz-burger span::after { content:none !important; }
}

/* 1) Hambúrguer: esconder no desktop; mostrar e estilizar no mobile */
@media (min-width:901px){
  .lz-burger{ display:none !important; }
}
@media (max-width:900px){
  .lz-burger{
    display:flex !important;
    width:42px; height:42px;
    border:1px solid #242424; border-radius:12px;
    background:#151515; color:#fff;
    align-items:center; justify-content:center;
    flex-direction:column; gap:4px; line-height:0;
    padding:0; cursor:pointer;
    background-image:none !important; -webkit-mask:none !important; mask:none !important;
  }
  .lz-burger span{
    display:block; width:18px; height:2px;
    background:#fff; border-radius:2px;
  }
  .lz-burger span+span{ margin-top:0; }
}

/* 2) Topo MOBILE: burger | logo | cart (busca fica no drawer) */
@media (max-width:900px){
  .lz-head-main{
    display:grid !important;
    grid-template-columns:44px 1fr 44px;
    align-items:center; gap:10px 12px;
  }
  .lz-head-main__center{
    position:static !important; left:auto !important; transform:none !important;
    justify-self:center;
  }
  .lz-head-main__right{ justify-self:end; }
  .lz-icons .lz-icon:not(.lz-cart){ display:none !important; } /* só o carrinho */
  .lz-head-main__right .lz-search{ display:none !important; } /* busca só no drawer */
  .lz-catbar{ display:none !important; } /* categorias vão pro drawer *

/* ===== FIX VISIBILIDADE DA BUSCA ===== */

/* Mobile: esconda a busca somente no HEADER,
   mas mantenha a do drawer visível */
@media (max-width: 900px){
  .lz-head-main__right .lz-search{        /* só no topo */
    display: none !important;
  }
  .lz-search--drawer{                     /* dentro do menu */
    display: flex !important;
  }
  .lz-search--drawer .lz-search__input{
    width: 100%;
    max-width: none;
  }
}

/* Desktop: a busca do header precisa aparecer */
@media (min-width: 901px){
  .lz-head-main__right .lz-search{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Larguras confortáveis */
.lz-head-main__right .lz-search .lz-search__input{
  width: clamp(240px, 32vw, 520px);
}
	
@media (max-width: 900px){
  .lz-header{
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 3000;
  }
  /* o conteúdo não deve ficar “por baixo” do header */
  body{
    padding-top: var(--lz-header-h, 96px);
  }
}
.lz-catbar__list > ul a{
  text-transform: uppercase !important;
}