/* BioMascota · compact mobile catalog 2026-10-23
   Desktop merchandising and filter logic remain unchanged. */
.bm-smart-mobile-filter-trigger,
.bm-smart-mobile-needs,
.bm-smart-filter-close,
.bm-smart-mobile-filter-footer,
.bm-smart-filter-backdrop{display:none}
.bm-smart-toolbar{display:flex;align-items:center;gap:12px;min-width:0}
.bm-smart-sidebar-heading-actions{display:flex;align-items:center;gap:9px}
[x-cloak]{display:none!important}

@media (max-width:850px){
 .bm-v2 .bm-collection-page{padding-block:10px 34px}
 .bm-v2 .bm-collection-page>.breadcrumbs{margin:0 0 9px;font-size:10px}
 .bm-smart-topbar{display:block;margin:0 0 14px}
 .bm-smart-topbar-title{margin:0 0 12px}
 .bm-smart-kicker{display:none}
 .bm-smart-topbar h1{font-size:clamp(21px,5.4vw,25px);margin:0;line-height:1.2;letter-spacing:-.4px}
 .bm-smart-topbar p{display:none}
 .bm-smart-toolbar{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
  width:100%;gap:9px;align-items:stretch}
 .bm-smart-mobile-filter-trigger{display:flex;align-items:center;justify-content:center;gap:9px;
  min-width:0;width:100%;height:44px;border:1px solid #d8e5e2;border-radius:10px;
  background:#fff;color:#104a5d;font-size:13px;font-weight:850;cursor:pointer}
 .bm-smart-mobile-filter-trigger svg{flex:none}
 .bm-smart-filter-count{display:inline-flex;align-items:center;justify-content:center;
  min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#07845d;
  color:#fff;font-size:10px;line-height:1}
 .bm-smart-sort{display:block;min-width:0;width:100%;max-width:100%;flex:none}
 .bm-smart-sort label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .bm-smart-sort select{display:block;min-width:0;width:100%;max-width:100%;
  flex:none;height:44px;min-height:44px;padding:0 26px 0 10px;
  border-radius:10px;font-size:12px;font-weight:750;color:#123d54;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 /* Chips remain part of the same filtering engine, but no longer block products. */
 .bm-smart-needs{display:none!important}
 .bm-smart-mobile-filters-title{display:none!important}
 .bm-smart-layout{display:block;min-width:0}
 .bm-smart-filter-backdrop{position:fixed;inset:0;z-index:30000;
  background:rgba(6,29,42,.55)}
 .bm-smart-sidebar{position:fixed!important;top:0!important;right:0;bottom:0;left:auto;
  z-index:30001;display:block;width:min(370px,92vw);max-width:none;min-width:0;
  max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;
  padding:0 16px 0;background:#fff;border:0;border-radius:16px 0 0 16px;
  box-shadow:-14px 0 40px rgba(6,29,42,.18);
  transform:translateX(110%);visibility:hidden;pointer-events:none;
  transition:transform .2s ease,visibility .2s ease}
 .bm-smart-sidebar.bm-smart-sidebar--open{transform:translateX(0);
  visibility:visible;pointer-events:auto}
 .bm-smart-sidebar-heading{position:sticky;top:0;z-index:2;background:#fff;
  padding:18px 0 13px;margin:0}
 .bm-smart-sidebar-heading h2{font-size:17px}
 .bm-smart-filter-close{display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:34px;border:1px solid #d7e7e2;border-radius:9px;
  background:#f5faf8;color:#124b59;font-size:24px;line-height:1;cursor:pointer}
 .bm-smart-mobile-needs{display:block;padding:17px 0 14px;border-bottom:1px solid #e5efed}
 .bm-smart-mobile-needs h3{margin:0 0 11px;font-size:12px;font-weight:900;color:#15475b}
 .bm-smart-mobile-need-chips{display:flex;flex-wrap:wrap;gap:7px}
 .bm-smart-mobile-need-chips .bm-smart-need-chip{font-size:10px;padding:7px 9px}
 .bm-smart-filter-group{padding:14px 0}
 .bm-smart-sidebar-foot{padding-bottom:12px}
 .bm-smart-mobile-filter-footer{display:block;position:sticky;bottom:0;z-index:2;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
  margin-inline:-16px;background:#fff;border-top:1px solid #dce8e5;
  box-shadow:0 -8px 18px rgba(255,255,255,.94)}
 .bm-smart-mobile-filter-footer button{display:block;width:100%;height:47px;
  border:0;border-radius:11px;background:#07805b;color:#fff;font-weight:900;
  font-size:14px;cursor:pointer}
 body.bm-mobile-filter-open{overflow:hidden}
 .bm-smart-results{min-width:0}
 .bm-smart-results-head{min-height:26px;margin:2px 0 10px;font-size:12px}
 .bm-smart-results-head strong{font-size:15px}
 .bm-smart-active-filters{margin:2px 0 10px;gap:6px}
 .bm-smart-active-filters button{padding:7px 9px}
 .bm-v2 .bm-smart-results .bm-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:360px){
 .bm-smart-toolbar{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:7px}
 .bm-smart-mobile-filter-trigger{font-size:12px;gap:6px}
 .bm-smart-sort select{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .bm-smart-sidebar{transition:none!important}
}