/* HUB 420 — Production responsive/accessibility layer */
:root{
  --h420-focus: #1d6f2a;
  --h420-mobile-gap: 16px;
}
html{scroll-padding-top:calc(var(--h420-header-h) + 16px)}
body{overflow-x:hidden}
button,a,input,select,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--h420-focus);
  outline-offset:3px;
}
.site-header-inner{min-width:0}
.site-branding{min-width:0}
.site-branding img,.site-branding .custom-logo{max-width:min(260px,42vw);object-fit:contain}
.header-actions{flex-shrink:0}
.header-search-bar{border-top:1px solid var(--h420-border);border-bottom:1px solid var(--h420-border);background:var(--h420-bg);padding:12px 0}
.search-form{display:flex;gap:10px;align-items:center}
.search-form .search-input{min-width:0;flex:1}
.h420-wrap{width:100%}

/* Generic content resilience */
.site-main{min-height:45vh}
.wp-block-image img,.entry-content img{height:auto}
.entry-content iframe,.entry-content video,.entry-content embed{max-width:100%}
.entry-content table{display:block;max-width:100%;overflow-x:auto}
.entry-content pre{max-width:100%;overflow:auto}
.alignwide{max-width:min(1400px,calc(100vw - 40px));margin-left:auto;margin-right:auto}
.alignfull{width:100%;max-width:100%}

/* Product grids */
.woocommerce ul.products,
.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after,
.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{display:none!important}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{width:auto!important;float:none!important;margin:0!important}
.product-img-wrap{display:block;aspect-ratio:1/1;overflow:hidden}
.product-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.product-card:hover .product-img-wrap img{transform:scale(1.04)}
.product-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.product-footer .price{margin:0!important}
.product-footer .button{flex-shrink:0}
.woocommerce .quantity .qty{min-height:44px}

/* Tables / cart */
.woocommerce table.shop_table{border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden}
.woocommerce-cart .cart-collaterals .cart_totals{width:100%}
.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border-radius:18px}

/* Mobile */
@media (max-width:1100px){
  .h420-wrap{padding-left:28px;padding-right:28px}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .hero-card{min-height:560px}
  .hero-content,.hero-side{padding:40px}
}
@media (max-width:768px){
  .h420-wrap{padding-left:20px;padding-right:20px}
  .h420-section{padding:52px 0}
  .h420-section-sm{padding:36px 0}
  .hero-section{padding:12px 0}
  .hero-card{min-height:620px;display:block;border-radius:24px}
  .hero-overlay{background:linear-gradient(to bottom,rgba(104,175,50,.86),rgba(104,175,50,.45) 55%,rgba(17,19,24,.2))}
  .hero-content{padding:32px 24px;min-height:620px}
  .hero-side{display:none}
  .hero-title{font-size:clamp(3.2rem,15vw,5.2rem)}
  .hero-cta{gap:10px;margin-top:22px}
  .hero-cta .btn{width:100%}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .product-body{padding-top:12px}
  .product-name{font-size:1.1rem}
  .product-footer{align-items:flex-start;flex-direction:column}
  .product-footer .button{width:100%}
  .site-marquee{padding:10px 0}
  .marquee-item{gap:24px;padding:0 14px;font-size:.68rem}
  .footer-cols{grid-template-columns:1fr 1fr!important}
  .footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:12px}
  .footer-nav-menu{flex-wrap:wrap}
}
@media (max-width:480px){
  .h420-wrap{padding-left:16px;padding-right:16px}
  .site-branding .site-title{font-size:1.55rem}
  .site-branding img,.site-branding .custom-logo{max-width:145px;max-height:40px}
  .header-actions{gap:0}
  .header-icon-btn{width:38px;height:38px}
  .menu-toggle{width:38px;height:38px}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .product-name{font-size:.98rem}
  .product-rating-row{font-size:.72rem}
  .product-footer .price{font-size:.9rem}
  .product-footer .button{font-size:.7rem;padding:11px 12px}
  .hero-card,.hero-content{min-height:540px}
  .hero-content{padding:28px 20px}
  .hero-title{font-size:clamp(2.9rem,17vw,4.4rem)}
  .search-form{gap:7px}
  .search-form .btn{padding:12px 16px}
  .footer-cols{grid-template-columns:1fr!important}
}

/* WooCommerce single product */
@media (max-width:768px){
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary{width:100%!important;float:none!important}
  .woocommerce div.product div.summary{margin-top:24px}
  .woocommerce div.product form.cart .variations td,
  .woocommerce div.product form.cart .variations th{display:block;width:100%;padding:6px 0}
  .woocommerce div.product form.cart .button{width:100%;min-height:48px}
  .woocommerce .woocommerce-tabs ul.tabs{display:flex;overflow-x:auto;white-space:nowrap}
  .woocommerce .woocommerce-tabs ul.tabs li{flex:0 0 auto}
}

/* Cart/checkout mobile */
@media (max-width:600px){
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td{padding:12px 8px}
  .woocommerce .cart .button,.woocommerce .cart input.button,
  .woocommerce #payment #place_order{width:100%;min-height:48px}
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review{margin-bottom:24px}
}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}