/* Responsive overrides (LeaderTanta patch) */
img, video, canvas {max-width:100%;height:auto}
iframe {max-width:100%}
/* Make tables scroll on small screens without breaking layout */
@media (max-width: 575.98px){
  table.table{display:block;overflow-x:auto;width:100%}
  .btn, .form-control{font-size:1rem}
  .navbar .nav-link{padding:.5rem .75rem}
}
/* Undo any fixed pixel widths above 400px on small screens */
@media (max-width: 575.98px){
  [style*="width:"], .fixed-width {
    width:100% !important;
    max-width:100% !important;
  }
}
/* Product grid helpers if custom cards are used */
.lt-grid{display:grid;gap:1rem}
@media (min-width: 576px){.lt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width: 992px){.lt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* Sprint cleanup additions */
html{overflow-x:hidden}
body{overflow-x:hidden}
.table-responsive{-webkit-overflow-scrolling:touch}

@media (max-width: 767.98px){
  .navbar .container{gap:.75rem}
  .navbar .navbar-brand{max-width:65vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .products-grid{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem}
  .product-card{padding:.75rem}
  .product-card .thumb{border-radius:.875rem}
  .product-card .btn-add{width:100%}
  .product-media .thumbs{padding-bottom:.25rem}
  .product-media .thumb{width:58px;height:58px}
  .product-page .btn,
  .product-page .form-control,
  .product-page .form-select{min-height:44px}
  .product-page #qty{max-width:100% !important}
  .mobile-buy-bar.fixed-bottom{padding:.65rem .75rem}
  .mobile-buy-bar .btn{min-height:48px}
  .cat-mini-tile{width:100% !important}
  #map{height:260px !important}
  .site-footer .container{padding-inline:1rem}
  .site-footer .d-flex.justify-content-between{gap:1rem;align-items:flex-start!important;flex-direction:column}
  .table td,.table th{white-space:nowrap}
  .cart-head th[style], .cart-table td[style]{width:auto !important}
}

@media (max-width: 575.98px){
  .product-card .title{font-size:.92rem}
  .product-card .price-row{gap:.35rem}
  .promo-bar .container{padding-inline:.75rem}
  .thank-you-actions .btn,
  .cart-actions .btn,
  .checkout-actions .btn{width:100%}
  .btn, .form-control, .form-select{font-size:16px}
  .cart-item-thumb,
  .cart-table img[style]{width:56px !important;height:56px !important}
  .mobile-bottom-nav .container{padding-inline:.35rem}
  .mobile-bottom-nav .mbnav-item .txt{font-size:.74rem}
}