

@media (max-width: 700px) {

  
  [data-glass] .filters {
    position: static !important;
    top: auto !important;
    padding: 10px 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  
  [data-glass] .filters .frow {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 2px;
    scroll-padding-left: 12px;
  }
  [data-glass] .filters .frow::-webkit-scrollbar { display: none; }
  [data-glass] .filters .frow > * { flex: 0 0 auto; }
  
  [data-glass] .filters .frow > input[type="search"],
  [data-glass] .filters .frow > .fsearch,
  [data-glass] .filters .frow > label:first-child {
    flex: 1 0 62% !important;
    min-width: 200px;
  }

  
  [data-glass] .chips,
  [data-glass] .cat-chips {
    position: sticky;
    top: var(--nav-h, 62px);
    z-index: 29;
    margin: 0 -12px;
    padding: 8px 12px;
    background: color-mix(in srgb, var(--bg, #fff) 92%, transparent);
    -webkit-backdrop-filter: blur(12px) saturate(150%);
    backdrop-filter: blur(12px) saturate(150%);
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }
  [data-glass] .chips::-webkit-scrollbar,
  [data-glass] .cat-chips::-webkit-scrollbar { display: none; }
  [data-glass] .chips > *,
  [data-glass] .cat-chips > * { flex: 0 0 auto; }

  
  
  [data-glass] .navbar-inner {
    flex-wrap: wrap;
    row-gap: 6px;
    align-items: center;
    height: auto !important;
    min-height: 50px;
    padding-bottom: 6px;
  }
  [data-glass] .nav-tabs {
    order: 9;
    flex: 0 0 100%;
    width: 100%;
    justify-content: center;
  }
  
  [data-glass] .header-info { display: none !important; }

  
  
  [data-glass] .chip,
  [data-glass] .cat-chip,
  [data-glass] .hsp-tab,
  [data-glass] .hsp-chip,
  [data-glass] .tab-btn,
  [data-glass] .filter-pill {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    display: inline-flex;
    align-items: center;
    line-height: 1;
  }
  [data-glass] .cmp-toggle,
  [data-glass] .clear {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
  }
  
  [data-glass] .mini {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  
  [data-glass] .cmp-toggle {
    padding-left: 12px;
    padding-right: 12px;
  }
  
  [data-glass] .vs-ct-v a {
    display: inline-block;
    padding: 9px 0;
    min-height: 40px;
    box-sizing: border-box;
  }
  [data-glass] .frow select,
  [data-glass] .frow input {
    min-height: 44px;        
    font-size: 16px;         
  }

  
  [data-glass] .menu-search,
  [data-glass] .menu-search input,
  [data-glass] .sidebar-search,
  [data-glass] .nav-search input {
    height: 44px !important;         
    min-height: 44px !important;
    font-size: 16px !important;      
  }
  [data-glass] .menu-search { padding: 0 14px !important; }
  
  [data-glass] .nav-tabs {
    
    min-height: 50px !important;
    height: auto !important;
    padding: 3px !important;
    gap: 2px;
  }
  

  
  [data-glass] .nav-tabs,
  [data-glass] .menu-search,
  [data-glass] .sidebar-search,
  [data-glass] .nav-search input {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-color: color-mix(in srgb, var(--text, #fff) 8%, transparent) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  
  [data-glass] .menu-search:focus-within,
  [data-glass] .nav-search input:focus {
    background-color: color-mix(in srgb, var(--text, #fff) 13%, transparent) !important;
  }
  
  [data-glass] .nav-tabs .tab-btn.active,
  [data-glass] .nav-tabs .tab-btn[aria-selected="true"] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22) !important;
  }
  
  
  [data-glass][data-glass-lum="dark"] .nav-tabs .tab-btn:not(.active):not([aria-selected="true"]) {
    color: color-mix(in srgb, var(--text, #fff) 62%, transparent) !important;
  }
  [data-glass][data-glass-lum="light"] .nav-tabs .tab-btn:not(.active):not([aria-selected="true"]) {
    color: color-mix(in srgb, var(--text, #1a1a1a) 78%, transparent) !important;
  }
  

  
  
  [data-glass] .menu-search-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 8px !important;
  }
  [data-glass] .menu-search { margin: 0 !important; }
  [data-glass] .vs-riel-uno { margin-bottom: 8px !important; }
  [data-glass] .section-title { margin-top: 2px !important; }
  
  [data-glass] .screen,
  [data-glass] .catalog-wrapper { padding-top: 10px !important; }

  
  [data-glass] .float-wa {
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    right: 14px;
    width: 52px;
    height: 52px;
  }
}


@media (max-width: 380px) {
  [data-glass] .filters .frow > input[type="search"],
  [data-glass] .filters .frow > .fsearch,
  [data-glass] .filters .frow > label:first-child {
    flex: 1 0 74% !important;
    min-width: 170px;
  }
  [data-glass] { --glass-radius: 16px; --glass-radius-lg: 20px; }
}


@media (max-width: 700px) {
  [data-glass] .catalog-toolbar {
    flex-wrap: nowrap;
    gap: var(--e-3, 12px);
  }
  [data-glass] .catalog-toolbar .sort-wrap > label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  
  [data-glass] .catalog-toolbar .sort-wrap { min-width: 0; flex: 0 1 auto; }
  [data-glass] .catalog-toolbar .sort-select { max-width: 100%; }
  
  [data-glass] .catalog-toolbar .toolbar-spacer { flex: 1 1 0; min-width: 0; }
}




[data-glass] .p-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(2 * 1.3em);        
}

[data-glass] .p-specs {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 1.3em;
}


[data-glass] .product-grid .p-img,
[data-glass] .product-grid img {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: contain;
}


[data-glass] .product-grid {
  padding-bottom: max(112px, env(safe-area-inset-bottom, 0px));
}


[data-glass] .catalog-page-header p,
[data-glass] .catalog-page-header .page-sub {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

[data-glass] .trust-grid {
  display: flex !important;      
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: var(--e-6, 24px);
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;   
  padding-bottom: var(--e-1, 4px);
}
[data-glass] .trust-grid::-webkit-scrollbar { display: none; }
[data-glass] .trust-grid > .trust-item { flex: 0 0 auto; }


@media (max-width: 700px) {
  
  
  [data-glass] .catalog-page-header,
  [data-glass][data-vertical] .catalog-page-header {
    padding-top: var(--e-3, 12px);
    padding-bottom: var(--e-3, 12px);
  }
  
  [data-glass] .catalog-page-header h1.catalog-page-title,
  [data-glass][data-vertical] .catalog-page-title,
  [data-glass] .catalog-page-header h1,
  [data-glass] .catalog-page-header h2 {
    font-size: 19px !important;
    line-height: 1.15 !important;
    margin-bottom: var(--e-1, 4px);
  }

  
  [data-glass] .navbar-inner {
    padding-top: var(--e-1, 4px);
    padding-bottom: var(--e-1, 4px);
    row-gap: var(--e-1, 4px);
  }
  [data-glass] .nav-search,
  [data-glass] .nav-search input {
    height: 36px;
    min-height: 36px;
  }
}



[data-glass] .asist-btn.vs-flot-acoplado,
[data-glass] .float-wa.vs-flot-acoplado {
  position: static;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  bottom: auto;
  right: auto;
  box-shadow: none;
  z-index: auto;
  flex: 0 0 auto;
  
  background: transparent;
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .1));
  color: inherit;
}
[data-glass] .asist-btn.vs-flot-acoplado svg,
[data-glass] .float-wa.vs-flot-acoplado svg { width: 20px; height: 20px; }




[data-glass] .p-footer .p-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.12;
  min-width: 0;
}
[data-glass] .p-footer .p-price-old {
  margin-right: 0;
  
}
[data-glass] .p-footer .add-fab {
  flex: 0 0 auto;   
}



@media (max-width: 768px) {
  
  [data-glass][data-vertical="gastro"] .navbar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}



@media (max-width: 700px) {
  .vs-barra-inferior {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    
    left: 0; right: auto;
    width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
    overflow: hidden;
  }
  
  html { overflow-x: clip; }
  .vs-barra-inferior .vsbi-item { min-width: 0; padding-left: 2px; padding-right: 2px; }
  .vs-barra-inferior .vsbi-item > span {
    display: block; max-width: 100%;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
}
