/* HG PureWater V18.8.4 mobile foundation.
 * Scope: responsive safety, spacing, typography, touch, forms and fixed-element coordination only.
 * Frozen: WooCommerce DOM/business state, queries, carousels, Hero strategy and complex interactions.
 */
@media (max-width:991px){
  :root{
    --hgpw-mobile-gutter:clamp(16px,4vw,20px);
    --hgpw-mobile-section-space:clamp(40px,6vw,56px);
    --hgpw-mobile-card-space:16px;
    --hgpw-safe-bottom:env(safe-area-inset-bottom,0px);
    --hgpw-floating-actions-height:0px;
  }
  *,*::before,*::after{box-sizing:border-box}
  html,body{max-width:100%}
  body{font-size:max(16px,var(--hgpw-body-size,16px));line-height:1.6;overflow-wrap:break-word;word-break:normal}
  img,svg,video,canvas,iframe{max-width:100%}
  img{height:auto}
  .container{width:min(calc(100% - (var(--hgpw-mobile-gutter) * 2)),var(--hgpw-container-max,1280px))}
  .section-block{padding-block:var(--hgpw-mobile-section-space)}
  .section-tight{padding-block:clamp(36px,5vw,48px)}
  .hgpw-page-section+.hgpw-page-section{margin-top:clamp(36px,5vw,52px)}
  .hgpw-card .product-card-copy,.product-hover-card .product-card-copy,.blog-card .product-card-copy,
  .review-card-copy,.hgpw-info-card,.hgpw-step,.hgpw-manual-card,.hgpw-large-info-block{padding:var(--hgpw-mobile-card-space)}
  h1,h2,h3,h4,.product-title,.woocommerce-loop-product__title{overflow-wrap:break-word;word-break:normal;hyphens:auto}
  .page-hero-copy h1,.article-hero-inner h1,.product-summary h1{font-size:clamp(32px,7.5vw,38px);line-height:1.1}
  .section-head h2,.section-heading h2,.hgpw-section-heading h2,.hgpw-page-section h2{font-size:clamp(26px,5.8vw,32px);line-height:1.16}
  p,li,label,input,select,textarea,button{line-height:1.6}
  .price,.amount,.sku,.product_meta,.woocommerce-order-details,.woocommerce-customer-details,
  .woocommerce-error,.woocommerce-message,.woocommerce-info,.hgpw-form-message,
  a[href^="mailto:"],a[href^="tel:"]{overflow-wrap:anywhere;word-break:normal}
  .btn-primary,.btn-secondary,.btn-light,.mini-btn,.quote-btn,.cart-pill,
  .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
  button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]{min-height:44px}
  .mobile-toggle,.mobile-search-toggle,.mobile-panel-close,.back-to-top,
  .hgpw-home-reviews-prev,.hgpw-home-reviews-next,.hgpw-google-lightbox-prev,.hgpw-google-lightbox-next,
  input[type="checkbox"]+label,input[type="radio"]+label{min-width:44px;min-height:44px}
  .cta-actions,.card-actions,.hgpw-form-actions{gap:12px}
  .card-grid:not(.blog-card-grid){min-width:0;grid-template-columns:1fr}
  /* V18.8.4: product and non-carousel Blog cards retain two columns from 640px through 991px. */
  .product-card-grid{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .woocommerce ul.products,.woocommerce ul.products.products,.woocommerce .products{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hgpw-steps,.partnership-card-grid,.manual-grid,.contact-layout,.hgpw-large-section-grid{grid-template-columns:1fr}
  .blog-card-grid:not(.is-carousel){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .blog-card .product-card-copy h3{-webkit-line-clamp:3;min-height:0}
  .blog-card-media,.article-featured-media{aspect-ratio:4/3;background:var(--soft)}
  .blog-card-media img,.article-featured-media img{width:100%;height:100%;object-fit:cover;object-position:center}
  table{max-width:100%}
  .hgpw-scroll-table,.woocommerce-cart-form,.woocommerce-account .woocommerce-MyAccount-content{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .site-footer{padding-bottom:calc(78px + var(--hgpw-cookie-height) + var(--hgpw-sticky-cart-height) + var(--hgpw-safe-bottom))}
  .back-to-top{right:var(--hgpw-floating-edge-gap);z-index:1250}
  .sticky-atc-bar{z-index:1200;padding-bottom:var(--hgpw-safe-bottom)}
  .mobile-panel-backdrop:not([hidden]){z-index:1501}
  .mobile-panel.open{z-index:1502;padding-bottom:calc(18px + var(--hgpw-safe-bottom))}
}
@media (max-width:767px){
  .card-grid:not(.blog-card-grid):not(.is-carousel){grid-template-columns:1fr}
  .cta-actions{display:grid;grid-template-columns:1fr;width:100%}
  .cta-actions>.btn-primary,.cta-actions>.btn-secondary,.cta-actions>.btn-light,
  .cta-actions>a,.hgpw-page-cta .btn-primary,.hgpw-page-cta .btn-secondary{width:100%;justify-content:center;text-align:center}
  .hgpw-page-cta{gap:18px}
}
@media (max-width:639px){
  .product-card-grid,.blog-card-grid:not(.is-carousel),
  .woocommerce ul.products,.woocommerce ul.products.products,.woocommerce .products{grid-template-columns:1fr!important}
}
@media (max-width:374px){
  :root{--hgpw-mobile-gutter:16px;--hgpw-mobile-card-space:16px}
  .page-hero-copy h1,.article-hero-inner h1,.product-summary h1{font-size:32px}
  .section-head h2,.section-heading h2,.hgpw-section-heading h2,.hgpw-page-section h2{font-size:26px}
  .mobile-menu-utilities{grid-template-columns:1fr}
  .mobile-utility-cart{grid-column:auto}
}
@media (max-width:767px) and (orientation:landscape){
  .mobile-panel.open{max-height:calc(100dvh - var(--hgpw-mobile-panel-top,0px))}
  .section-block{padding-block:40px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}
}
