/* V79.5 — categorias estáveis no site e no aplicativo */
.shop-categories-v693,.shop-categories-v692{display:none!important}
.shop-categories-v795{
  display:flex!important;
  align-items:center;
  gap:10px;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  padding:12px 0 16px;
  margin:0;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}
.shop-categories-v795::-webkit-scrollbar{display:none}
.shop-categories-v795 .shop-category-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:9px 15px;
  border:1px solid #d7e3f0;
  border-radius:999px;
  background:#fff;
  color:#173b67;
  font:800 13px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
}
.shop-categories-v795 .shop-category-chip small{
  display:inline-grid;
  place-items:center;
  min-width:22px;height:22px;padding:0 6px;
  border-radius:999px;background:#edf3fa;color:#6b7f98;
  font-size:10px;font-weight:900;
}
.shop-categories-v795 .shop-category-chip.active{
  background:#0b6ee8;color:#fff;border-color:#0b6ee8;
  box-shadow:0 7px 18px rgba(11,110,232,.20);
}
.shop-categories-v795 .shop-category-chip.active small{
  background:rgba(255,255,255,.18);color:#fff;
}
@media(max-width:700px){
  .shop-categories-v795{gap:8px;padding:10px 2px 14px}
  .shop-categories-v795 .shop-category-chip{min-height:42px;padding:9px 13px;font-size:12px}
  /* Em categoria no celular a V79.5 mostra todos os itens da categoria; paginação fica só em Todos. */
}

/* V79.6 — desktop sem duplicação; mobile/PWA preservados */
@media (min-width:701px){
 .shop-categories-v795{display:none!important}
 [data-arco-legacy-categories="1"]{display:flex!important}
}
@media (max-width:700px){
 .shop-categories-v795{display:flex!important}
 [data-arco-legacy-categories="1"]{display:none!important}
}
html.pwa-standalone .shop-categories-v795{display:flex!important}
html.pwa-standalone [data-arco-legacy-categories="1"]{display:none!important}

@media(max-width:700px){.shop-categories-v795 .shop-category-chip{touch-action:manipulation}}

/* V79.9 — barra de categorias única e sempre visível */
.shop-categories-v795{
  display:flex!important;
}
[data-arco-legacy-categories="1"]{
  display:none!important;
}
@media(min-width:701px){
  .shop-categories-v795{display:flex!important}
  [data-arco-legacy-categories="1"]{display:none!important}
}
@media(max-width:700px){
  .shop-categories-v795{display:flex!important}
  [data-arco-legacy-categories="1"]{display:none!important}
}
html.pwa-standalone .shop-categories-v795{display:flex!important}


/* V98 — menu único + catálogo mobile completo */
.shop-categories-v795,
.shop-categories-v693,
.shop-categories-v692{
  display:none!important;
}
[data-arco-legacy-categories="1"]{
  display:flex!important;
}
@media(max-width:700px){
  [data-arco-legacy-categories="1"]{
    display:flex!important;
    overflow-x:auto;
    max-width:100%;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  [data-arco-legacy-categories="1"]::-webkit-scrollbar{display:none}
  .shop-pagination{display:none!important}
}


/* V104.1 — menu legado permanece oculto */
[data-arco-legacy-categories="1"]:not(.category-tabs),
.shop-categories-v795,
.shop-categories-v693,
.shop-categories-v692{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.category-tabs{
  display:flex!important;
  visibility:visible!important;
  height:auto!important;
}

/* V110 — uma única barra de categorias, sem disputa com versões antigas. */
.shop-categories-v795,
.shop-categories-v693,
.shop-categories-v692,
[data-arco-legacy-categories="1"]:not(.category-tabs){
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.catalog>.category-tabs,
.catalog .category-tabs{
  display:flex!important;
  visibility:visible!important;
  height:auto!important;
}

/* V112 — o catálogo mantém exatamente uma barra funcional. */
.catalog .category-tabs:not(.shop-categories-v112){
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.catalog .shop-categories-v112{
  display:flex!important;
  visibility:visible!important;
  width:100%;
  max-width:100%;
  height:auto!important;
  margin:0 0 16px;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.catalog .shop-categories-v112::-webkit-scrollbar{display:none}
.catalog .shop-categories-v112 button{flex:0 0 auto}
