/* Shared responsive hardening. Loaded last so editor and front end agree. */

html{overflow-x:hidden; overflow-x:clip}
body{max-width:100%; overflow-wrap:break-word}
h1,h2,h3,h4{letter-spacing:0}

.hd-in>*,
.pdp-top>*,
.checkout-grid>*,
.shop-body>*,
.why-grid>*,
.diff-grid>*,
.story-grid>*,
.cta-band .container>*{min-width:0}
.hd-act,.hd-lang,.wp-block-woocommerce-mini-cart{flex:none}
.drawer-wrap:not(.on){overflow:hidden}
.pdp-gallery,.pdp-info{min-width:0; max-width:100%}

@media(max-width:960px){
	body h1{font-size:52px}
	body h2{font-size:36px}
	.hero h1{font-size:68px}
	.hero-sub{font-size:19px}
	.shop-hero h1,.jhero h1,.contact-hero h1{font-size:54px}
	.pdp-info h1,.woocommerce div.product .product_title{font-size:40px}
	.checkout-h{font-size:42px}
	.r-head h1,.art-head h1,.bf-recipe-hero__head h1,.nf-page h1,.cs-page h1{font-size:44px}
	.about-mission h1,.idx-head h1{font-size:48px}
	.section-head h2,.why-tx h2,.farm40 h2,.cinfo h2{font-size:40px}
	.mkt-products .phead h2,.pblock-head h2,.cta-band h2{font-size:36px}
}

@media(max-width:620px){
	body h1{font-size:38px}
	body h2{font-size:30px}
	.hero h1{font-size:46px}
	.hero-sub{font-size:17px}
	.shop-hero h1,.jhero h1,.contact-hero h1{font-size:40px}
	.pdp-info h1,.woocommerce div.product .product_title{font-size:32px}
	.checkout-h,.r-head h1{font-size:34px}
	.art-head h1,.bf-recipe-hero__head h1,.nf-page h1,.cs-page h1{font-size:32px}
	.about-mission h1,.idx-head h1{font-size:36px}
	.section-head h2,.why-tx h2,.farm40 h2,.cinfo h2{font-size:30px}
	.mkt-products .phead h2{font-size:28px}
	.pblock-head h2{font-size:26px}
	.cta-band h2{font-size:28px}
	.section-head{margin-bottom:32px}
	.hero-in{width:calc(100% - 32px)}
	.hcard{padding:22px 20px}
	.pdp-farm{padding:24px 18px}
	.sensors-row{grid-template-columns:1fr 1fr}
}

@media(max-width:420px){
	.hero h1{font-size:36px}
	.hero-sub{font-size:16px}
	.hero .hero-eyebrow{padding:7px 12px}
	.hero-cta{width:100%}
	.hero-cta .btn{white-space:normal; min-height:48px}
	.pdp-thumbs{max-width:100%; overflow-x:auto}
	.thumb{flex:0 0 68px; width:68px; height:68px}
	.sensors-row{grid-template-columns:1fr}
}

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