a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;object-fit:cover}
ul{list-style:none}
button{cursor:pointer;font-family:inherit}
:root{
  --gp:#298350;--gp-dark:#1B5C38;--gp-mid:#3BA068;--gp-light:#E8F5EE;
  --cream:#F8F5EF;--cream2:#EDE9DF;--cream3:#DDD9CE;
  --gold:#C8974A;--gold-lt:#F5EDDB;
  --char:#1C1A16;--stone:#4A4840;--mist:#9A9890;
  --r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;
  --sh-sm:0 2px 8px rgba(0,0,0,.06);--sh-md:0 8px 32px rgba(0,0,0,.10);
  --tr:all .22s ease;
}
.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:100px;font-family:"Work Sans", sans-serif;font-size:13px;font-weight:500;letter-spacing:.02em;transition:var(--tr);border:none;cursor:pointer}
.btn-primary{background:var(--gp);color:#fff}
.btn-primary:hover{background:#000;}
.section-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mist);margin-bottom:10px}

/* ── HERO ── */
.hero{padding:60px 0;border-bottom:1px solid var(--cream2); background-size: cover; background-repeat: no-repeat; background-position: center;}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--gp-light);border:1px solid rgba(41,131,80,.25);border-radius:100px;padding:5px 14px;font-size:11.5px;font-weight:600;color:var(--gp);letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}
.hero-title{font-family:"Work Sans", sans-serif;font-size:clamp(34px,4.5vw,58px);font-weight:500;color:var(--char);line-height:1.1;margin-bottom:14px}
.hero-title em{font-style:italic;color:var(--gp)}
.hero-sub{font-size:14px;color:var(--stone);line-height:1.7;margin-bottom:24px;max-width:420px}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.hero-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--stone);font-weight:500}
.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--gp)}
.hero-visual{background:var(--gp-light);border-radius:var(--r-xl);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.hero-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:28px;width:100%}
.hero-vitem{background:#fff;border-radius:var(--r-md);padding:12px 10px;text-align:center;box-shadow:var(--sh-sm)}
.hero-vitem-icon{font-size:28px;margin-bottom:4px}
.hero-vitem-name{font-size:10px;font-weight:500;color:var(--stone)}
.hero-vitem-price{font-size:11px;font-weight:600;color:var(--gp);margin-top:2px}

/* ── STICKY CATEGORY NAV ── */
.cat-nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--cream2);box-shadow:var(--sh-sm)}
.cat-nav-inner{display:flex;align-items:center;gap:4px;padding:12px 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.cat-nav-inner::-webkit-scrollbar{display:none}
.cat-pill{padding:7px 18px;border-radius:100px;font-size:13px;font-weight:500;color:var(--stone);border:1.5px solid transparent;white-space:nowrap;transition:var(--tr);cursor:pointer;background:none;flex-shrink:0}
.cat-pill:hover{background:var(--gp);color:var(--white)}
.cat-pill.active{background:var(--gp);color:#fff;border-color:var(--gp)}

/* ── SECTION HEADER ── */
.sec{padding:64px 0}
.sec-alt{background:#E8F5EE;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:20px}
.sec-title{font-family:"Work Sans", sans-serif;font-size:clamp(26px,3vw,36px);font-weight:500;color:var(--char)}
.sec-sub{font-size:13px;color:var(--mist);margin-top:4px}
.sec-view-all{font-size:13px;font-weight:500;color:var(--gp);white-space:nowrap;display:flex;align-items:center;gap:4px;transition:gap .2s}
.sec-view-all:hover{gap:8px}

/* ── PRODUCT GRID ── */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.prod-card{background:#fff;border:1px solid var(--cream2);border-radius:var(--r-lg);overflow:hidden;transition:var(--tr);position:relative}
.prod-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px);border-color:var(--cream3)}
.prod-card-img{aspect-ratio:1;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:42px;position:relative;overflow:hidden}
.prod-card-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.prod-badge{position:absolute;top:8px;left:8px;font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}
.badge-new{background:var(--char);color:#fff}
.badge-sale{background:#C8283A;color:#fff}
.badge-oos{background:var(--cream3);color:var(--stone)}
.badge-organic{background:var(--gp-light);color:var(--gp);border:1px solid rgba(41,131,80,.3)}
.prod-card-body{padding:12px 14px 14px}
.prod-card-name{font-size:13px;font-weight:500;color:var(--char);margin-bottom:2px;line-height:1.4}
.prod-card-weight{font-size:11px;color:var(--mist)}
.prod-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.prod-price{font-size:14px;font-weight:600;color:var(--char)}
.prod-price.sale{color:#C8283A}
.prod-add{width:30px;height:30px;border-radius:50%;background:var(--gp);border:none;color:#fff;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--tr);flex-shrink:0}
.prod-add:hover{background:var(--gp-dark);transform:scale(1.08)}
.prod-add:disabled{background:var(--cream3);cursor:not-allowed}

/* ── PARTNER GRID ── */
.partner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.partner-card{background:#fff;border:1px solid var(--cream2);border-radius:var(--r-lg);overflow:hidden;transition:var(--tr);display:flex;flex-direction:column}
.partner-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}
.partner-card-img{aspect-ratio:4/3;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:44px}
.partner-card-body{padding:14px 16px;flex:1;display:flex;flex-direction:column}
.partner-brand{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mist);margin-bottom:3px}
.partner-name{font-size:13.5px;font-weight:500;color:var(--char);flex:1;margin-bottom:10px;line-height:1.4}
.partner-footer{display:flex;align-items:center;justify-content:space-between}
.partner-price{font-size:14px;font-weight:600;color:var(--char)}

/* ── INFO STRIP ── */
.info-strip{background:var(--gp-dark);padding:40px 0}
.info-strip-inner{display:flex;gap:0;flex-wrap:wrap}
.info-item{flex:1;min-width:200px;padding:16px 28px;display:flex;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.1)}
.info-item:last-child{border-right:none}
.info-item-icon{font-size:22px;flex-shrink:0}
.info-item-title{font-size:13.5px;font-weight:500;color:#fff}
.info-item-sub{font-size:11.5px;color:rgba(255,255,255,.5)}

/* ── SUPPLEMENTS ── */
.supp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.supp-card{background:#fff;border:1px solid var(--cream2);border-radius:var(--r-lg);overflow:hidden;transition:var(--tr); display: flex; flex-direction: column; justify-content: space-between;}
.supp-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}
.supp-card-img{/*height:120px;*/background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:40px}
.supp-card-body{padding:14px 16px 16px}
.supp-card-name{font-size:13.5px;font-weight:500;color:var(--char);margin-bottom:4px}
.supp-card-desc{font-size:11.5px;color:var(--mist);margin-bottom:10px;line-height:1.45}
.supp-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap: wrap;}
.supp-price{font-size:14px;font-weight:600;color:var(--char)}
.supp-footer .btn-primary {
	padding: 8px 18px;
	font-size: 12px;
}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .hero-visual{display:none}
  .prod-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}
@media(max-width:640px){
  .hero{padding:40px 0}
  .sec{padding:48px 0}
  .sec-head{flex-direction:column;align-items:flex-start;gap:6px}
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .partner-grid,.supp-grid{grid-template-columns:repeat(2,1fr)}
  .info-strip-inner{flex-direction:column}
  .info-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}
}
@media(max-width: 600px) {
	.hero, .sec {
        padding: 30px 0;
    }
	.hero-eyebrow {
		margin-bottom: 8px;
	}
	.hero-title {
		font-size: 32px;
		line-height: normal;
		margin-bottom: 8px;
	}
	.hero-sub {
		max-width: 100%;
		margin-bottom: 12px;
		line-height: 1.5;
	}
	.hero-badges {
		gap: 6px;
		margin-bottom: 12px;
	}
	.btn {
		padding: 8px 16px;
		gap: 6px;
	}
	.cat-nav-inner {
		padding: 6px 0;
	}
	.section-label {
		margin-bottom: 6px;
		line-height: normal;
	}
	.sec-head {
		margin-bottom: 12px;
	}
}
@media(max-width: 399px) {
	.partner-grid, .supp-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}