/* ============================================================
   MASSIVE BAITS 2026 — GLOBAL RESPONSIVE
   Header/home/footer own their responsive rules.
   This file keeps shared shop/checkout behaviour only.
   ============================================================ */

@media(max-width:1050px){
  .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:820px){
  .mb26-shell{width:min(var(--mb26-shell),calc(100% - 28px))}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
  .wc-block-checkout__main,.wc-block-cart__main{padding-right:0!important}
  .wc-block-checkout__sidebar,.wc-block-cart__sidebar{position:static}
  .woocommerce-checkout form.checkout{display:block}
  .woocommerce-checkout #order_review{margin-top:20px}
}

@media(max-width:600px){
  .woocommerce ul.products{gap:10px!important}
  .woocommerce ul.products li.product{border-radius:6px}
  .mb26-product-media{aspect-ratio:1/1}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:11.5px!important;padding-inline:10px!important;min-height:46px}
  .mb26-product-category{font-size:8.5px;padding:10px 10px 0}
  .woocommerce ul.products li.product .price{padding:7px 10px 0;font-size:12px!important}
  .woocommerce ul.products li.product .button{margin:10px 10px 0!important;width:calc(100% - 20px);min-height:38px;padding-inline:7px;font-size:10.5px}
  .mb26-page,.mb26-woo-page{padding-top:28px}
  .woocommerce div.product form.cart{flex-wrap:wrap}
  .woocommerce div.product form.cart .button{flex:1;min-width:200px}
  .woocommerce div.product .product_title{font-size:29px}
  .wc-block-checkout__sidebar,.wc-block-cart__sidebar{padding:15px!important}
  .wc-block-components-checkout-place-order-button{min-height:54px!important;font-size:14px!important}
  .mb26-checkout-google{font-size:11px}
}

@media(max-width:820px){
  .woocommerce ul.products.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}