/* ================= v3: identidade oficial + celular + acessibilidade ================= */
:root{--fundo:#FEF6ED;--pri:#D1357A;--sec:#0F9C92;--destaque:#F08251;--vermelho:#B23F3B;--lima:#CEEA36;--rosinha:#F6D9D6;--royal:#0F6F68;--wa:#0F7A40}
.acento{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='16' viewBox='0 0 200 16' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M3 11C40 4 80 3 120 6s56 4 77 0' stroke='%23F08251' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
.topo .logo img{height:40px}
.cab{background:radial-gradient(circle at 92% 20%,var(--rosinha) 0 16%,transparent 16.3%),radial-gradient(circle at 4% 100%,#FBE7A5 0 12%,transparent 12.3%)}
.btn-wa{box-shadow:0 10px 20px -10px rgba(15,122,64,.8)}
.btn{min-height:48px}

/* rodapé e checkout com a estampa da marca */
.rodape2{background:#4C694A}
.rodape2 .estampa{height:200px;background:url(../img/marca/estampa.webp) 0 0/560px auto repeat;border-block:6px solid var(--destaque)}
.rodape2 .rod-logo{width:130px;height:auto;margin-bottom:6px}
.rod-nome{width:120px;height:auto;display:block;margin-bottom:18px}
.rodape2 h3{color:#FBD34B}
.rodape2 a{color:#F6D9D6}
.sacola::before{height:12px;background:url(../img/marca/estampa.webp) 0 0/240px auto}

/* toques confortáveis (mín. 40–44px) */
.chip{min-height:42px}
.fav{width:44px;height:44px}
.ico-btn{min-width:44px;min-height:44px}

/* categorias sempre à mão: a barra gruda e só a busca some por trás do topo (top calculado no index.html) */
@media (max-width:760px){
  .topo .logo img{height:34px}
  .cab-adesivo{width:36px;top:22px;right:16px}
  .barra{position:sticky;top:var(--barra-top,0px);z-index:30;background:var(--fundo);box-shadow:0 10px 16px -14px rgba(46,26,28,.35)}
  .chips{padding-bottom:8px}
  .fav{width:42px;height:42px;top:6px;right:6px}
  .rodape2 .estampa{height:130px;background-size:380px auto}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.pular{position:fixed;left:12px;top:-60px;z-index:300;background:var(--texto);color:#fff;padding:12px 18px;border-radius:0 0 12px 12px;font-weight:800;text-decoration:none}
.pular:focus{top:0}
/* card: o link do nome cobre o card todo (sem botão dentro de botão) */
.card-link{color:inherit;text-decoration:none}
.card-link::after{content:"";position:absolute;inset:0;z-index:2}
.card-link:focus-visible{outline:none}
.card:has(.card-link:focus-visible) .card-img{outline:3px solid var(--royal);outline-offset:3px}
.card-img{z-index:3}
.titulo{color:#815636}
.cab-adesivo{height:auto}