/**
 * base.css
 * WHAT: Design tokens (colors, fonts, width), reset, page layout helpers.
 * NOTE: Everything else uses the CSS variables defined here. Theme colors from Customize > Theme colors OVERRIDE these defaults (printed inline by inc/customizer.php). --wrap is the site width (1400px).
 * Loaded by inc/assets.php (order matters: later files may override earlier ones).
 */
:root{
	--green:#1f4d2b;
	--green-2:#4f9a45;
	--orange:#d9531e;
	--orange-2:#f08a3c;
	--green-l:#e6f1dc;
	--cream:#fbf6ea;
	--ink:#232a24;
	--green-d:#163a21;
	--orange-d:#a33e17;
	--accent-d:#772e10;
	--green-l2:#a5cf9f;
	--orange-soft:#f8e0d6;
	--orange-soft2:#efb7a1;
	--muted:#66705f;
	--line:#e7e2d3;
	--white:#fff;
	--grad-primary:var(--btn-primary-bg);
	--grad-accent:var(--btn-accent-bg);
	--serif:Georgia,"Times New Roman",serif;
	--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--r:14px;
	--wrap:1400px;
	--woo-wrap:1300px;
	--btn-primary-bg:#1f4d2b;--btn-primary-text:#fff;--btn-primary-hover-bg:#163a21;--btn-primary-hover-text:#fff;
	--btn-accent-bg:#d9531e;--btn-accent-text:#fff;--btn-accent-hover-bg:#a33e17;--btn-accent-hover-text:#fff;
	--btn-light-bg:#fff;--btn-light-text:#163a21;--btn-light-border:#1f4d2b;--btn-light-hover-bg:#e6f1dc;
	--btn-disabled-bg:#c9cec6;--btn-disabled-text:#fff;
	--btn-cart-bg:#d9531e;--btn-cart-text:#fff;--btn-cart-hover-bg:#a33e17;--btn-cart-hover-text:#fff;
	--btn-buy-bg:#1f4d2b;--btn-buy-text:#fff;--btn-buy-hover-bg:#163a21;--btn-buy-hover-text:#fff;
	--btn-checkout-bg:#d9531e;--btn-checkout-text:#fff;--btn-checkout-hover-bg:#a33e17;--btn-checkout-hover-text:#fff;
}
*,*::before,*::after{
	box-sizing:border-box;
}
html{
	scroll-behavior:smooth;
}
body{
	margin:0;
	font:16px/1.55 var(--sans);
	color:var(--ink);
	background:var(--cream);
	-webkit-font-smoothing:antialiased;
}
img{
	max-width:100%;
	height:auto;
	display:block;
}
a{
	color:inherit;
	text-decoration:none;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
h1,h2,h3{
	font-family:var(--serif);
	color:var(--green-d);
	line-height:1.2;
	margin:0;
}
.hn-i{
	flex:none;
}
.hn-wrap{
	width:100%;
	max-width:var(--wrap);
	margin-inline:auto;
	padding-inline:20px;
}
.screen-reader-text{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}
.hn-skip{
	position:absolute;
	left:-999px;
	top:0;
	background:#fff;
	padding:8px 14px;
	z-index:100;
}
.hn-skip:focus{
	left:8px;
	top:8px;
}
:focus-visible{
	outline:3px solid var(--orange);
	outline-offset:2px;
}
main{
	min-height:60vh;
}
.hn-page{
	padding-block:32px;
}
@media (max-width:720px){
	body{
		padding-bottom:64px;
	}
}
@media (prefers-reduced-motion:reduce){
	html{
		scroll-behavior:auto;
	}
	*{
		transition:none!important;
	}
}
.hn-content>*:first-child{
	margin-top:0;
}
@media (max-width:720px){
	.hn-page{
		padding-block:18px;
	}
}
.hn-wrap{
	max-width:var(--wrap);
}
.hn-elementor{
	width:100%;
}
.woocommerce-page .hn-page--woo, .woocommerce-page .hn-shop, .woocommerce-page .hn-pdp, .woocommerce-page .woocommerce-notices-wrapper, .woocommerce-page .woocommerce-breadcrumb{
	max-width:var(--woo-wrap);
	margin-inline:auto;
}
.woocommerce-page .hn-elementor .elementor-section.elementor-section-boxed>.elementor-container{max-width:var(--woo-wrap);}
.woocommerce-page .hn-elementor .e-con{--container-max-width:var(--woo-wrap);}
.hn-elementor .elementor-section.elementor-section-boxed>.elementor-container{
	max-width:var(--wrap);
}
.hn-elementor .e-con{
	--container-max-width:1400px;
}
img,video,iframe{
	max-width:100%;
}
@media (min-width:1500px){
	.hn-wrap{
		padding-inline:28px;
	}
}
@media (max-width:1439px){
	.hn-wrap{
		padding-inline:24px;
	}
}
@media (max-width:720px){
	.hn-wrap{
		padding-inline:16px;
	}
}