/* AvvalStock Product System v24.1 — Bakala view-state isolation.
 * Bakala may keep its sorting/filter UI, but AVS is the sole owner of Grid/List.
 * This file intentionally contains no card visual design.
 */

/* Hide every known Bakala Grid/List switch, regardless of the wrapper version. */
body.avs-catalog-enabled.avs-card-architecture-v24 .type_view,
body.avs-catalog-enabled.avs-card-architecture-v24 .type_view_grid,
body.avs-catalog-enabled.avs-card-architecture-v24 .type_view_listing,
body.avs-catalog-enabled.avs-card-architecture-v24 [data-type_view],
body.avs-catalog-enabled.avs-card-architecture-v24 [data-type-view],
body.avs-catalog-enabled.avs-card-architecture-v24 [onclick*="bakala_change_type_view"],
body.avs-catalog-enabled.avs-card-architecture-v24 [onclick*="change_type_view"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
}

/* Bakala's old "listing" state must never define geometry once AVS is active. */
body.avs-catalog-enabled.avs-card-architecture-v24 .products-box.listing,
body.avs-catalog-enabled.avs-card-architecture-v24 .archive-list-products.listing{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  transform:none!important;
}
body.avs-catalog-enabled.avs-card-architecture-v24 .products-box.listing>ul.products,
body.avs-catalog-enabled.avs-card-architecture-v24 .archive-list-products.listing>ul.products{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

/* Grid/List geometry is controlled only by AVS state. These selectors outrank
 * common Bakala .listing rules without binding AVS to Bakala's DOM structure. */
@media (min-width:1024px){
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-grid .products-box.listing>ul.products,
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-grid .archive-list-products.listing>ul.products{
    grid-template-columns:repeat(var(--avs-catalog-columns),minmax(0,1fr))!important;
    gap:var(--avs-catalog-gap)!important;
  }
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-list .products-box.listing>ul.products,
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-list .archive-list-products.listing>ul.products{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}
@media (min-width:768px) and (max-width:1023px){
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-grid .products-box.listing>ul.products,
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-grid .archive-list-products.listing>ul.products{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-list .products-box.listing>ul.products,
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-list .archive-list-products.listing>ul.products{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
}
@media (max-width:767px){
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-grid .products-box.listing>ul.products,
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-grid .archive-list-products.listing>ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-list .products-box.listing>ul.products,
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-list .archive-list-products.listing>ul.products{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}
@media (max-width:329px){
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-grid .products-box.listing>ul.products,
  body.avs-catalog-enabled.avs-card-architecture-v24.avs-catalog-view-grid .archive-list-products.listing>ul.products{
    grid-template-columns:1fr!important;
  }
}