/* =====================================================================
   Aurelle - Navegacao consolidada na lateral (JohannWeb)
   No desktop a faixa preta do topo e o bloco de acoes somem: frete,
   Minha Conta e Sacola passam a viver dentro da barra lateral.
   No celular nada muda - la a faixa e o cabecalho funcionam bem.
   ===================================================================== */

.side-acoes,.side-frete{display:none}

@media (min-width:960px){
  /* A pagina passa a comecar direto no conteudo */
  .topbar{display:none}
  .topacts{display:none}

  .side{padding-bottom:24px}
  .side-nav{margin-bottom:20px}

  /* --- Minha Conta e Sacola --- */
  .side-acoes{
    display:flex;flex-direction:column;gap:1px;
    margin-top:auto;padding-top:20px;border-top:1px solid var(--line);
  }
  .side-acoes a,.side-acoes button{
    position:relative;display:flex;align-items:center;gap:11px;
    min-height:42px;width:100%;padding:0;
    font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.11em;
    text-transform:uppercase;color:var(--ink-soft);text-align:left;
    background:none;border:none;cursor:pointer;transition:color .25s ease;
  }
  .side-acoes a:hover,.side-acoes button:hover{color:var(--ink)}
  .side-acoes svg{width:18px;height:18px;flex-shrink:0;color:var(--taupe-dark);
    transition:transform .3s cubic-bezier(.2,.7,.3,1)}
  .side-acoes a:hover svg,.side-acoes button:hover svg{transform:translateX(2px)}
  .side-acoes span{flex:1}

  /* Contador da sacola */
  .side-acoes .fav-n[data-zero="1"]{display:none}
  .side-acoes .cart-n,.side-acoes .fav-n{
    font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
    background:var(--taupe-soft);color:var(--taupe-dark);
    font-size:10.5px;font-weight:700;letter-spacing:0;
    display:flex;align-items:center;justify-content:center;
    transition:background .25s ease,color .25s ease;
  }
  .side-acoes button:hover .cart-n{background:var(--ink);color:#fff}

  /* --- Aviso de frete --- */
  .side-frete{
    display:flex;gap:10px;align-items:flex-start;
    margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  }
  .side-frete svg{width:19px;height:19px;flex-shrink:0;color:var(--taupe);margin-top:1px}
  .side-frete b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.09em;
    text-transform:uppercase;color:var(--ink);margin-bottom:3px}
  .side-frete span{display:block;font-size:11.5px;line-height:1.5;color:var(--muted)}

  /* O rodape da lateral perde o empurrao automatico, que agora e das acoes */
  .side-pe{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
}

/* Telas altas: um respiro maior entre os blocos da lateral */
@media (min-width:960px) and (min-height:820px){
  .side-acoes{padding-top:26px}
  .side-nav{margin-bottom:28px}
}