/* Paso 4: navegación de carta y acceso al pedido. */
.filters{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;position:sticky;top:var(--demo-offset);z-index:5;gap:8px;padding:12px 2px;background:var(--paper)}
.filters button{flex:0 0 auto;white-space:nowrap;min-height:46px}
.filters button[aria-pressed='true']{background:var(--ink);color:white;border-color:var(--ink)}
.filters:focus-within{outline-offset:4px}
.search-row{display:flex;align-items:center;gap:10px;max-width:650px}
.search-row .search{flex:1;min-width:0;max-width:none;min-height:52px;font-size:1rem}
.clear-search{min-width:48px;min-height:48px;border:1px solid var(--color-line);background:white;color:var(--ink);font:inherit;cursor:pointer;padding:10px;border-radius:12px}
#search-hint{margin:8px 0;color:var(--muted);font-size:.875rem}
#products,#results{scroll-margin-top:calc(var(--demo-offset) + 90px)}
.floating-price{display:flex;flex-direction:column;text-align:right;line-height:1.25}
#floating-total-label{font-size:.75rem;color:#eee3ce;font-weight:400}
#floating-count{font-size:1rem}
@media(max-width:700px){
 body{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
 .floating-cart{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 16px;min-height:76px;border-radius:16px}
 #floating-count{grid-column:1;grid-row:1;font-weight:700;text-align:left}
 .floating-cart>span:last-child{grid-column:1;grid-row:2;text-align:left;font-size:.875rem;color:#ffe2a1}
 .floating-price{grid-column:2;grid-row:1/3}
 .floating-cart strong{font-size:1.3rem}
 .filters{margin-inline:-2px}
}