@charset "UTF-8";

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:Inter,Arial,sans-serif;
background:#fff;
color:#222;
}

img{
display:block;
max-width:100%;
}

.container{
width:min(1320px,92%);
margin:auto;
}

.header{

position:absolute;
top:0;
left:0;
width:100%;
padding:30px 0;
z-index:100;

}

.nav{

display:flex;
align-items:center;


}

.logo{

display:flex;
align-items:center;
gap:12px;
text-decoration:none;

}

.logo svg{

flex-shrink:0;

}

.nav-cow{

width:44px;
height:auto;
flex-shrink:0;

}

.logo-text{

line-height:1.2;

}

.logo-text strong{

display:block;
color:#fff;
font-size:18px;
font-weight:900;
letter-spacing:5px;

}

.logo-text span{

display:block;
color:rgba(255,255,255,.85);
font-size:10px;
font-weight:700;
letter-spacing:3px;

}

nav ul{

display:flex;
gap:42px;
list-style:none;

}

nav a{

text-decoration:none;
color:#fff;
font-weight:600;
font-size:14px;
letter-spacing:1px;

}

.nav nav{
margin-left:auto;
margin-right:30px;
}

.nav-right{

display:flex;
align-items:center;
gap:18px;

}

.icon{

background:none;
border:none;
cursor:pointer;

}

.icon img{

width:24px;
height:24px;

}

#bagBtn img{
width:26px;
height:26px;
}

.hero{

position:relative;

aspect-ratio:1280/853;

width:100%;

background:url("../images/farm-background.jpg") top center / 100% auto no-repeat;

display:flex;

overflow:hidden;

}

.hero-overlay{

position:absolute;display:none;
inset:0;

display:none;background:
linear-gradient(
90deg,
rgba(0,0,0,.65),
rgba(0,0,0,.32),
rgba(0,0,0,.05)
);

}

.hero-grid{

position:relative;
z-index:2;

padding:100px 0 0;

}

.hero-content{

max-width:680px;
margin-top:-20px;

}

.hero h1{

font-size:4.2rem;

font-weight:900;

line-height:.95;

text-transform:uppercase;

color:#fff;

margin-bottom:12px;

text-shadow:0 5px 18px rgba(0,0,0,.45);


}

.hero-rawmilk{
display:inline-block;
padding-top:10px;
}

.hero-subtitle{

display:block;

font-size:1.6rem;

font-weight:800;

letter-spacing:5px;

text-transform:uppercase;

color:#fff;

margin-bottom:18px;

}

.divider{

display:flex;
align-items:center;
gap:14px;

max-width:380px;

margin-bottom:22px;

}

.divider span{

flex:1;
height:1px;

background:rgba(255,255,255,.35);

}

.divider img{

width:32px;
height:20px;

}

.cow-divider{
width:40px !important;
height:auto !important;
filter:brightness(1);
}

.hero p{

font-size:1.15rem;

line-height:1.7;

color:rgba(255,255,255,.88);

max-width:440px;

margin-bottom:30px;

}

.hero-buttons{

display:flex;

gap:20px;

margin-bottom:55px;

}

.btn-primary{

padding:16px 32px;

background:#4a6a2a;

border-radius:10px;

color:white;

text-decoration:none;

font-weight:700;

font-size:13px;

letter-spacing:1.5px;

border:none;

cursor:pointer;

transition:.3s;

}

.btn-primary:hover{

background:#5c8b3e;

}

.nav-btn{

border-radius:8px;

padding:14px 28px;

}

.btn-login{
margin-left:10px;
padding:14px 28px;
border-radius:8px;
background:#4a6a2a;border:none;
color:white;
text-decoration:none;
font-weight:700;
font-size:13px;
letter-spacing:1.5px;
transition:.3s;
}

.btn-login:hover{
background:#5c8b3e;

}

.btn-secondary{

padding:16px 32px;

border-radius:10px;

border:2px solid rgba(255,255,255,.8);

color:white;

text-decoration:none;

font-weight:700;

font-size:13px;

letter-spacing:1.5px;

transition:.3s;

}

.btn-secondary:hover{

background:white;
color:#222;

}

.hero-features{

display:flex;

gap:60px;

}

.hero-testimonial{
margin-top:68px;
color:#fff;
text-align:center;
width:fit-content;
}

.hero-testimonial .stars{
font-size:28px;
margin-bottom:11px;
}

.hero-testimonial blockquote{
font-size:1.12rem;
font-weight:700;
font-style:italic;
line-height:1.5;
margin-bottom:7px;
}

.hero-testimonial cite{
font-size:17px;
color:rgba(255,255,255,.7);
font-style:normal;
display:block;
margin-bottom:6px;
}

.hero-testimonial small{
font-size:14px;
color:rgba(255,255,255,.5);
display:block;
}
.feature{

color:white;

text-align:center;

}

.feature-icon{

width:56px;
height:56px;

border:1.5px solid rgba(255,255,255,.45);
border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

margin:0 auto 14px;

}

.feature-icon img{

width:24px;
height:24px;

}

.feature h4{

font-size:14px;

font-weight:700;

letter-spacing:1.5px;

margin-bottom:6px;

}

.feature p{

font-size:12px;

line-height:1.5;

color:rgba(255,255,255,.65);

margin:0;

}

/* =======================================================
   PRODUCT SHOWCASE
======================================================= */

.products{

padding:80px 0;

background:#faf8f3;

}

.products-layout{

display:grid;

grid-template-columns:400px 1fr;

gap:0;

align-items:stretch;

}

.eyebrow-green{

display:inline-block;

font-size:14px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#556B2F;

margin-bottom:22px;

}

.products-copy h2{

font-size:4.4rem;

font-weight:900;

line-height:.92;

text-transform:uppercase;

margin-bottom:25px;

}

.products-copy h2 span{

display:block;

color:#556B2F;

}

.products-copy p{

font-size:18px;

line-height:1.8;

color:#555;

margin-bottom:35px;

}

.benefits-list{

list-style:none;

display:flex;

flex-direction:column;

gap:22px;

}

.benefits-list li{

padding-left:34px;

position:relative;

}

.benefits-list li::before{

content:"\2714";

position:absolute;

left:0;

top:0;

font-size:18px;

font-weight:bold;

color:#556B2F;

}

.benefits-list strong{

display:block;

font-size:17px;

margin-bottom:4px;

}

.benefits-list small{

font-size:14px;

color:#666;

}

.products-stage{

position:relative;

}

.products-stage::before{

content:"";

position:absolute;

inset:0 auto 0 0;

width:50px;

pointer-events:none;

background:linear-gradient(90deg,#faf8f3 0%,#faf8f3 10px,rgba(250,248,243,0) 100%);

z-index:2;

}


.showcase-img{

width:100%;

height:auto;

display:block;

}

.purchase-card{
position:absolute;
scroll-margin-top:20px;
right:1.7%;
top:calc(7.2% - 20px);
width:38.7%;

overflow:visible;
background:#fff;
padding:4% 4% 10px;
gap:20px;
display:flex;
flex-direction:column;

border-radius:10px;
box-shadow:0 8px 40px rgba(0,0,0,.10);
z-index:10;
font-size:clamp(11px, 1.5vw, 15px);
}
.purchase-card h3{
font-size:1.05em;
font-weight:700;
margin-bottom:0;
letter-spacing:0.5px;
color:#222;
}
.sizes{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:clamp(4px, 0.5vw, 0.8em);
margin-bottom:0;
}
.sizes button{
padding:0.4em 0.2em;
background:#fff;
border:1px solid #999;
border-radius:8px;
cursor:pointer;
font-weight:700;
font-size:clamp(0.65em, 1vw, 0.85em);
color:#444;

transition:.2s;
font-family:Inter,sans-serif;
}
.sizes button:hover{border-color:#666;}
.sizes button.active{border:2px solid #7a9a5a;background:#f5f5f5;color:#222;}
.sizes small{display:block;margin-top:0.2em;color:#666;font-weight:500;font-size:1em;}
.purchase-card label{
display:block;
margin-bottom:0.4em;

font-weight:700;
font-size:0.8em;
color:#333;
letter-spacing:0.5px;
}
.purchase-card select{
width:100%;
padding:0.7em 0.8em;
margin-bottom:0;
margin-top:-16px;
border-radius:8px;
border:1px solid #999;
font-family:Inter,sans-serif;
font-size:0.95em;
}
.price{
font-size:2em;
font-weight:800;
color:#3a5a1a;
margin-bottom:0;
}
.cart-row{
display:flex;
align-items:center;
gap:0.6em;
margin-bottom:0;
}
.cart-row .btn-primary{flex:1;text-align:center;padding:0.7em 0.5em;font-size:clamp(0.7em, 1.2vw, 0.95em);white-space:nowrap;border-radius:8px;}
.quantity{
display:flex;
align-items:center;
border:1px solid #999;
border-radius:8px;
overflow:hidden;
}
.quantity button{
width:2.6em;
height:2.6em;
border:none;
background:white;
font-size:1.1em;
cursor:pointer;
}
.quantity button:hover{background:#f5f5f5;}
.quantity span{padding:0 0.9em;font-weight:700;}
.card-icons{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1em;
text-align:center;
padding-top:0;
margin-top:-10px;

font-size:0.7em;
line-height:1.4;
color:#555;
}
.card-icon-img{
width:24px;
height:24px;
display:block;
margin:0 auto 4px;
filter:brightness(0) saturate(100%) invert(38%) sepia(15%) saturate(1200%) hue-rotate(60deg) brightness(95%);
}

/* =======================================================
   PRODUCT FEATURES ROW
======================================================= */
.products-features{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:0;
margin-top:0;
background:#fff;
border-top:1px solid #e8e4dc;
}
.pf-card{
display:flex;
gap:18px;
padding:32px 28px;
border-right:1px solid #e8e4dc;
}
.pf-card:last-child{
border-right:none;
}
.pf-icon{
width:52px;
height:52px;
flex-shrink:0;
border:1.5px solid #bbb;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}
.pf-icon img{
width:22px;
height:22px;
filter:brightness(0) saturate(100%) invert(38%) sepia(15%) saturate(1200%) hue-rotate(60deg) brightness(95%);
}
.pf-card strong{
display:block;
font-size:14px;
font-weight:800;
letter-spacing:1.5px;
margin-bottom:6px;
color:#222;
}
.pf-card p{
font-size:13px;
line-height:1.6;
color:#888;
margin:0;
}

/* =======================================================
   FARMS ROW
======================================================= */
.farms-row{border-bottom:1px solid #eee;background:#faf8f3;}
.farms-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.farm-img{position:relative;}
.farm-img img{width:100%;display:block;}
.farm-vid{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;pointer-events:none;}
.farm-vid.on{opacity:1;pointer-events:auto;cursor:pointer;}
.farm-vid-sound{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px;background:rgba(30,42,20,0.85);backdrop-filter:blur(8px);padding:6px 12px;border:1px solid #2a3a1a;color:#fff;font-size:11px;letter-spacing:1px;opacity:0;transition:opacity 0.8s ease;pointer-events:none;z-index:2;}
.farm-vid-sound.on{opacity:1;}
.farm-text{padding:48px 0;display:flex;flex-direction:column;justify-content:center;}
.farm-text h2{font-size:1.6rem;font-weight:900;letter-spacing:2px;margin-bottom:16px;}
.farm-text>p{font-size:14px;line-height:1.75;color:#666;margin-bottom:28px;}
.farm-icons{display:flex;gap:24px;}
.farm-icons>div{text-align:center;flex:1;}
.farm-icons img{width:28px;height:28px;margin:0 auto 8px;filter:brightness(0) saturate(100%) invert(38%) sepia(15%) saturate(1200%) hue-rotate(60deg) brightness(95%);}
.farm-icons strong{display:block;font-size:11px;letter-spacing:1.5px;margin-bottom:3px;}
.farm-icons span{font-size:11px;color:#666;}
.farm-testimonial{padding:50px 0 0;text-align:center;}
.stars{font-size:18px;margin-bottom:4px;}
.farm-testimonial .stars{font-size:28px;margin-bottom:11px;}
.farm-testimonial blockquote{font-size:1.12rem;font-weight:700;font-style:italic;line-height:1.5;margin-bottom:7px;}
.farm-testimonial cite{font-size:17px;color:rgba(0,0,0,.6);font-style:normal;display:block;margin-bottom:6px;}
.farm-testimonial small{font-size:14px;color:rgba(0,0,0,.4);display:block;}

/* =======================================================
   ABOUT
======================================================= */
.about{padding:80px 0;background:#fff;border-bottom:1px solid #eee;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.about-img{position:relative;overflow:hidden;}
.about-img img{width:100%;display:block;}
.about-badge{position:absolute;bottom:16px;left:16px;background:rgba(44,58,30,.9);color:#fff;padding:10px 16px;border-radius:6px;}
.about-badge strong{font-size:16px;display:block;}
.about-badge span{font-size:11px;opacity:.8;}
.about-body h2{font-size:1.8rem;font-weight:900;margin-bottom:16px;}
.about-body p{font-size:14px;line-height:1.85;color:#666;margin-bottom:14px;}
.about-stats{display:flex;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid #eee;}
.about-stats>div{text-align:center;flex:1;}
.about-stats strong{display:block;font-size:32px;font-weight:900;color:#556B2F;}
.about-stats span{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#888;}

/* =======================================================
   BENEFITS
======================================================= */
.benefits{padding:80px 0;background:url("../images/meadowbrook-farm.jpg") center/cover no-repeat;border-bottom:1px solid #eee;}
.section-head{text-align:center;margin-bottom:48px;}
.section-head h2{font-size:2rem;font-weight:900;margin-bottom:12px;}
.section-head>p{font-size:15px;color:#666;line-height:1.7;max-width:560px;margin:0 auto;}
.benefits-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:960px;margin:0 auto;}
.ben{background:#fff;border-radius:10px;padding:20px;border:1px solid #eee;display:flex;gap:14px;align-items:flex-start;}
.ben:hover{box-shadow:0 4px 16px rgba(0,0,0,.05);}
.ben>span{flex-shrink:0;width:32px;height:32px;background:#556B2F;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}
.ben strong{display:block;font-size:14px;font-weight:700;margin-bottom:4px;}
.ben small{font-size:12px;line-height:1.5;color:#666;}

/* =======================================================
   HOW IT WORKS
======================================================= */
.how-it-works{padding:80px 0;background:#fff;border-bottom:1px solid #eee;}
.steps{display:flex;gap:40px;max-width:900px;margin:0 auto;text-align:center;}
.step{flex:1;}
.step>span{display:flex;width:56px;height:56px;background:#556B2F;color:#fff;border-radius:50%;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin:0 auto 14px;}
.step strong{display:block;font-size:15px;margin-bottom:6px;}
.step p{font-size:13px;color:#666;line-height:1.6;margin:0;}

/* =======================================================
   FAQ
======================================================= */
.faq{padding:80px 0;background:#faf8f3;}
.faq-hero{max-width:680px;margin:0 auto;text-align:center;margin-bottom:50px;}
@media(min-width:769px){.faq-hero{max-width:782px;}}
.faq-hero img{width:100%;border-radius:0;margin-bottom:30px;}
.faq-caption{font-size:2rem;font-weight:900;margin:12px 0 0;}
.faq-list{max-width:680px;margin:0 auto;}
.faq-item{border-bottom:1px solid #ddd;}
.faq-q{width:100%;padding:18px 0;background:none;border:none;font-family:Inter,sans-serif;font-size:15px;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.faq-q span{font-size:22px;color:#888;transition:transform .3s;}
.faq-q.open span{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a p{padding:0 0 18px;font-size:14px;line-height:1.7;color:#666;margin:0;}

/* =======================================================
   FOOTER
======================================================= */
.site-footer{background:#1e2a14;color:#fff;padding:48px 0 28px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:32px;}
.footer-brand strong{display:block;font-size:16px;letter-spacing:1px;}
.footer-brand>span{display:block;font-size:9px;letter-spacing:2.5px;color:rgba(255,255,255,.5);margin-bottom:12px;}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7;max-width:260px;}
.footer-col h4{font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:14px;color:rgba(255,255,255,.85);}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-col a{color:rgba(255,255,255,.5);text-decoration:none;font-size:13px;}
.footer-col a:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;font-size:12px;color:rgba(255,255,255,.35);}

/* =======================================================
   CART DRAWER
======================================================= */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200;display:none;opacity:0;transition:opacity .3s;}
.cart-overlay.open{display:block;opacity:1;}
.cart-drawer{position:fixed;top:0;right:-420px;bottom:0;width:420px;background:#fff;z-index:201;transition:right .35s ease;display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,.15);}
.cart-drawer.open{right:0;}
.cart-header{padding:18px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;}
.cart-header h3{font-size:18px;font-weight:800;}
.cart-header button{width:30px;height:30px;border:none;background:#f5f2ed;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.cart-body{flex:1;overflow-y:auto;padding:16px 24px;}
#cartEmpty{text-align:center;padding:36px 0;color:#888;font-size:14px;}
.cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee;}
.cart-item-name{font-size:14px;font-weight:600;}
.cart-item-price{font-size:12px;color:#556B2F;font-weight:600;}
.cart-item-right{display:flex;align-items:center;gap:8px;}
.ci-qty{display:flex;align-items:center;border:1px solid #ddd;border-radius:5px;overflow:hidden;}
.ci-qty button{width:26px;height:26px;border:none;background:#f5f2ed;font-size:14px;font-weight:700;cursor:pointer;}
.ci-qty span{width:26px;text-align:center;font-size:12px;font-weight:700;}
.cart-item-total{font-size:14px;font-weight:700;min-width:50px;text-align:right;}
.cart-item-rm{width:22px;height:22px;border:none;background:#fef2f2;border-radius:50%;font-size:14px;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.cart-footer{padding:18px 24px;border-top:1px solid #eee;}
.total-row{display:flex;justify-content:space-between;padding:3px 0;font-size:13px;color:#888;}
.total-row.grand{font-size:17px;font-weight:700;color:#222;padding-top:8px;border-top:1px solid #eee;margin-top:6px;}
.co-step{display:none;}
.co-step.active{display:block;}
#coSummary{background:#faf8f3;border-radius:6px;padding:10px 14px;margin-bottom:16px;}
.co-toggle{display:flex;border-radius:6px;overflow:hidden;border:2px solid #ddd;margin-bottom:14px;}
.co-toggle button{flex:1;padding:10px;border:none;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;background:#f5f2ed;color:#888;}
.co-toggle button.active{background:#556B2F;color:#fff;}
.co-form label{display:block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:5px;margin-top:14px;}
.co-form label:first-child{margin-top:0;}
.co-form input,.co-form select{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-family:Inter,sans-serif;font-size:13px;background:#fff;}
.co-form input:focus,.co-form select:focus{outline:none;border-color:#556B2F;}
.co-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.co-confirm{text-align:center;padding:28px 0;}
.check-circle{width:56px;height:56px;border:2px solid #556B2F;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#556B2F;margin:0 auto 12px;}
.co-confirm h3{font-size:22px;font-weight:800;margin-bottom:6px;}
.order-num{font-size:28px;font-weight:800;color:#556B2F;margin:10px 0;}
.co-confirm p{font-size:13px;color:#888;line-height:1.5;margin-bottom:4px;}
.cc-section{margin-top:18px;padding-top:16px;border-top:1px solid #eee;}
.cc-header{display:flex;align-items:center;gap:6px;margin-bottom:14px;}
.cc-header strong{font-size:11px;letter-spacing:1px;}
.cc-lock{font-size:14px;}
.cc-input-wrap{position:relative;}
.cc-input-wrap input{padding-right:40px;}
.cc-cards{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.5;}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(10px);background:#1e2a14;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;z-index:300;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;}

/* =======================================================
   RESPONSIVE
======================================================= */



/* =======================================================
   MOBILE
======================================================= */
@media(max-width:1100px){

/* global */
.container{width:auto;padding:0 30px;}

/* nav */
.header{position:relative;background:#1e2a14;padding:16px 0;}
nav{display:none;}

.nav-right{gap:14px;}
.btn-login{padding:10px 18px;font-size:11px;}

/* hero */
.hero{aspect-ratio:auto;display:block;overflow:visible;}
.hero-overlay{display:none;}
.hero-grid{padding:0;text-align:left;}
.hero::before{content:"";display:block;width:100%;aspect-ratio:16/10;background:url("../images/farm-background.jpg") center/cover no-repeat;}
.hero-content{max-width:100%;padding:30px;background:#fff;color:#222;}
.hero h1{font-size:2.4rem;color:#222;text-shadow:none;}
.hero-rawmilk{padding-top:6px;}
.hero-subtitle{font-size:1rem;color:#222;letter-spacing:3px;margin-bottom:12px;}
.divider{display:none;}
.hero p{color:#555;font-size:1rem;margin-bottom:25px;max-width:100%;}
.hero-buttons{flex-wrap:nowrap;margin-bottom:40px;gap:12px;}
.hero-buttons .btn-primary{padding:18px 40px;font-size:15px;flex:1;text-align:center;}
.hero-buttons .btn-secondary{padding:18px 40px;font-size:15px;flex:1;text-align:center;color:#222;border-color:#222;border-width:2px;}
.hero-buttons .btn-secondary:hover{background:#222;color:#fff;}
.hero-features{flex-direction:column;gap:32px;align-items:flex-start;margin-top:10px;}
.feature{display:flex;text-align:left;gap:18px;align-items:center;}
.feature-icon{margin:0;flex-shrink:0;width:60px;height:60px;border-color:rgba(0,0,0,.2);}
.feature-icon img{width:28px;height:28px;filter:brightness(0) saturate(100%) invert(38%) sepia(15%) saturate(1200%) hue-rotate(60deg) brightness(95%);}
.feature h4{color:#222;font-size:15px;margin-bottom:2px;}
.feature p{color:#666;font-size:14px;margin:0;}
.hero-testimonial{margin-top:40px;width:auto;}
.hero-testimonial .stars{text-align:center;font-size:32px;}
.hero-testimonial blockquote{text-align:left;color:#333;font-size:1.25rem;}
.hero-testimonial cite{color:#555;font-size:16px;}
.hero-testimonial small{color:#888;font-size:14px;}

/* products */
.products-layout{grid-template-columns:1fr;gap:0;}
.products-copy{text-align:center;padding:0;}
.products-copy h2{font-size:2.4rem;}
.products-copy p{font-size:15px;}
.benefits-list li{text-align:center;}
.benefits-list{align-items:center;padding-bottom:50px;}
.benefits-list li{max-width:320px;}
.products-stage{height:auto;min-height:auto;}
.products-stage::before{display:none;}
.purchase-card{position:relative;right:auto;top:auto;width:100%;max-width:100%;margin:20px 0 0;box-shadow:none;border:1px solid #eee;padding:24px;font-size:16px;gap:18px;}
.purchase-card h3{font-size:1.1em;letter-spacing:1px;}
.sizes{gap:10px;}
.sizes button{padding:14px 8px;font-size:14px;border-radius:10px;}
.sizes small{font-size:14px;margin-top:4px;}
.purchase-card label{font-size:13px;margin-bottom:6px;}
.purchase-card select{padding:14px 12px;font-size:15px;border-radius:10px;}
.price{font-size:2.2em;}
.cart-row{gap:10px;}
.cart-row .btn-primary{padding:16px 12px;font-size:16px;border-radius:10px;}
.quantity button{width:48px;height:48px;font-size:18px;}
.quantity span{padding:0 16px;font-size:16px;}
.card-icons{font-size:12px;gap:12px;margin-top:4px;padding-top:8px;}
.card-icon-img{width:28px;height:28px;}
.products-features{grid-template-columns:1fr;}
.pf-card{border-right:none;border-bottom:1px solid #e8e4dc;}
.pf-card:last-child{border-bottom:none;}
.pf-card strong{font-size:15.4px;}
.pf-card p{font-size:14.3px;}

/* farms */
.farms-grid{grid-template-columns:1fr;gap:0;}
.farm-img img{width:100%;}
.farm-text{padding:30px;}
.farm-testimonial{padding:30px;background:#fff;}
.farm-testimonial .stars{text-align:center;font-size:32px;margin-bottom:11px;}
.farm-testimonial blockquote{font-size:1.25rem;text-align:left;color:#333;}
.farm-testimonial cite{font-size:16px;color:#555;}
.farm-testimonial small{font-size:14px;color:#888;}

/* about */
.about{padding:40px 0;}
.about-grid{grid-template-columns:1fr;gap:30px;}

/* benefits */
.benefits{padding:40px 0;background:#faf8f3;}
.benefits-cards{grid-template-columns:1fr;}

/* how it works */
.how-it-works{padding:40px 0;}
.steps{flex-direction:column;gap:30px;}

/* faq */
.faq{padding:40px 0;}

/* footer */
.footer-grid{grid-template-columns:1fr;gap:24px;}

/* cart */
.cart-drawer{width:100%;right:-100%;}

}