@media (max-width:1024px){

}
@media (max-width:640px){







/* =========================================================
   CCMBX: PRINTING (PAGE ID 1097) — CLEAN COMMERCIAL GRID (FINAL)
========================================================= */

.page-id-1097 main .woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
  margin:0 auto 40px !important;
  padding:0 !important;
}

/* Equal-height using actual Woo markup (price inside link) */
.page-id-1097 main .woocommerce ul.products li.product{
  height:100% !important;
}

.page-id-1097 main .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.page-id-1097 main .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link .price{
  margin-top:auto !important;
}

/* Keep the button looking commercial (no word-stacking) */
.page-id-1097 main .woocommerce ul.products li.product > a.button{
  white-space:nowrap !important;
  font-size:13px !important;
  padding:12px 10px !important;
}

/* Kill any layout/debug outlines on this page only */
.page-id-1097 main .woocommerce ul.products,
.page-id-1097 main .woocommerce ul.products *{
  outline:none !important;
}

.page-id-1097 main .woocommerce ul.products li.product::before,
.page-id-1097 main .woocommerce ul.products li.product::after{
  content:none !important;
  display:none !important;
}


/* CCMBX: Printing 1097 — final cleanup (neutralize legacy Woo floats/margins) */
.page-id-1097 main .woocommerce ul.products{
  width:100% !important;
  list-style:none !important;
}

.page-id-1097 main .woocommerce ul.products li.product{
  float:none !important;
  margin:0 !important;   /* grid gap handles spacing */
  width:auto !important;
}


/* =========================================================
   CCMBX: PRINTING (PAGE ID 1097) — KILL DEBUG ID PILLS
   Removes any pseudo-element badges within product cards.
========================================================= */
.page-id-1097 main .woocommerce ul.products li.product::before,
.page-id-1097 main .woocommerce ul.products li.product::after,
.page-id-1097 main .woocommerce ul.products li.product *::before,
.page-id-1097 main .woocommerce ul.products li.product *::after{
  content:none !important;
  display:none !important;
}

/* If IDs are injected as real elements, hide common patterns */
.page-id-1097 main .woocommerce ul.products li.product .ccmbx-prod-id,
.page-id-1097 main .woocommerce ul.products li.product .product-id,
.page-id-1097 main .woocommerce ul.products li.product [class*="prod-id"],
.page-id-1097 main .woocommerce ul.products li.product [class*="product-id"],
.page-id-1097 main .woocommerce ul.products li.product [data-product_id],
.page-id-1097 main .woocommerce ul.products li.product [data-product-id]{
  display:none !important;
}