*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf5;color:#171a16;font-family:Georgia,serif}a{text-decoration:none;color:inherit}.top{background:#173c2b;color:#fff;padding:9px 6%;display:flex;justify-content:space-between;font-style:italic}.top button{background:#fff;border:0;border-radius:5px;padding:4px 12px}.brand{max-width:1180px;margin:auto;display:flex;align-items:center;gap:26px;padding:18px 5%}.brand img{width:145px;height:145px;border-radius:50%;object-fit:cover}.brand h1{font-size:clamp(30px,4vw,54px);font-weight:500;line-height:.9;margin:0}.brand p{font-size:20px;font-style:italic;margin:8px 0}nav{display:flex;justify-content:center;overflow:auto;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}nav a{padding:15px 27px;border-right:1px solid #ddd;font-size:13px;white-space:nowrap}.hero{min-height:560px;display:flex;align-items:center;padding:6%;color:#fff;background:linear-gradient(90deg,#173c2bd9,#173c2b22),radial-gradient(circle at 82% 35%,#efa13a 0 4%,transparent 4.5%),linear-gradient(160deg,#a3b27a 0 35%,#637c4b 35% 65%,#314a34 65%)}.hero>div{max-width:1180px;width:100%;margin:auto}.hero h2{font-size:clamp(52px,7vw,88px);line-height:.88;font-weight:400;font-style:italic;margin:0}.hero p{font-size:26px}.btn{display:inline-block;background:#173c2b;color:#fff;border:1px solid #fff;border-radius:28px;padding:13px 24px}.section{max-width:1280px;margin:auto;padding:65px 5%}.section>h2{text-align:center;font-size:42px;font-style:italic;font-weight:400;margin:0}.lead{text-align:center}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:30px}.cards article{background:#fff;border:1px solid #e7e6de;border-radius:11px;overflow:hidden}.pic{height:165px;display:grid;place-items:center;font-size:65px;background:linear-gradient(145deg,#e8e8d9,#c8d1ad)}.cards h3{padding:0 14px 14px;font-weight:400}.farmstall{text-align:center;margin-top:28px;font-style:italic}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:38px 7%;background:#fff;border-block:1px solid #e5e5dc;text-align:center;font-size:34px}.values span{display:block;font-size:16px;margin-top:7px}.story{display:grid;grid-template-columns:42% 1fr;gap:45px;align-items:center}.orchard{min-height:390px;border-radius:12px;display:grid;place-items:center;text-align:center;padding:30px;color:#fff;font-size:34px;font-style:italic;background:radial-gradient(circle,#e69a37 0 5%,transparent 6%) 0 0/80px 80px,linear-gradient(135deg,#294b2f,#80934f)}.story h2{font-size:45px;font-weight:400;font-style:italic}.story p{font-size:18px;line-height:1.6}footer{background:#173c2b;color:#fff;padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;line-height:1.7}@media(max-width:900px){.cards{grid-template-columns:repeat(3,1fr)}.story{grid-template-columns:1fr}.brand img{width:105px;height:105px}}@media(max-width:600px){.brand{padding:12px 18px;gap:14px}.brand img{width:82px;height:82px}.brand h1{font-size:29px}.brand p{font-size:15px}.hero{min-height:470px;padding:42px 24px}.hero h2{font-size:55px}.section{padding:48px 18px}.cards{grid-template-columns:1fr 1fr;gap:10px}.pic{height:125px}.cards h3{font-size:16px}.values{grid-template-columns:1fr 1fr;gap:25px;padding:30px 18px}.story h2{font-size:36px}footer{flex-direction:column;align-items:flex-start}}
/* V3 photographic refinement */
.hero{background:linear-gradient(90deg,rgba(18,49,34,.78),rgba(18,49,34,.38) 45%,rgba(18,49,34,.04) 75%),url('assets/hero-orchard.png') center/cover no-repeat}
.hero h2{text-shadow:0 2px 18px rgba(0,0,0,.24)}
.pic{background-image:url('assets/categories.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#e8e8d9}
.pic.homemade{background-position:0 0}.pic.quail{background-position:50% 0}.pic.baking{background-position:100% 0}
.pic.chickens{background-position:0 100%}.pic.animals{background-position:50% 100%}.pic.gifts{background-position:100% 100%}
@media(max-width:600px){nav{justify-content:flex-start;-webkit-overflow-scrolling:touch}nav a{padding:13px 18px;font-size:12px}.hero{min-height:510px;background-position:61% center}.hero h2{font-size:50px;line-height:.91}.hero p{font-size:21px}.brand h1{font-size:27px}.brand p{font-size:14px}}

/* V4 final visual refinements */
.cards .pic{
  height:190px;
  background-size:300% 200%;
  aspect-ratio: 4 / 3;
}
.cards article{overflow:hidden}
.sign-scene{
  grid-column:1 / -1;
  min-height:360px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:45px 6%;
  background:
    linear-gradient(90deg,rgba(18,49,34,.18),rgba(255,248,232,.18)),
    url('assets/hero-orchard.png') center/cover no-repeat;
}
.wood-sign{
  padding:28px 36px;
  background:linear-gradient(100deg,#7b512d,#a47646 48%,#704827);
  color:#17120d;
  border:3px solid #54361f;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  transform:rotate(-1.5deg);
  font-size:clamp(22px,3vw,38px);
  line-height:1.05;
  text-align:center;
  text-shadow:0 1px rgba(255,255,255,.18);
}
.sign-copy{
  background:rgba(250,246,233,.80);
  color:#181914;
  padding:25px 32px;
  border-radius:8px;
  text-align:center;
  backdrop-filter:blur(2px);
}
.sign-copy span{
  display:block;
  font-size:clamp(32px,4vw,54px);
  font-style:italic;
}
.sign-copy small{
  display:block;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #41473d;
  font-size:clamp(18px,2vw,26px);
  font-style:italic;
}
@media(max-width:600px){
  .cards .pic{height:auto;aspect-ratio:4/3}
  .sign-scene{min-height:430px;flex-direction:column;justify-content:center;padding:34px 20px}
  .wood-sign{font-size:24px;padding:20px 26px}
  .sign-copy{width:100%;padding:18px}
  .sign-copy span{font-size:35px}
  .sign-copy small{font-size:18px}
}

/* V5 — independent undistorted category photography */
.cards .pic{height:auto;aspect-ratio:4/3;background:none;overflow:hidden}
.cards .pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cards article h3{min-height:0;margin:0;padding:14px 14px 18px}
@media(max-width:600px){
 .cards .pic{aspect-ratio:4/3}
 .cards article h3{padding:12px 12px 15px;min-height:72px}
 .cards{align-items:start}
}
/* V5 closing banner: shorter landscape presentation */
@media(max-width:600px){
 .sign-scene{min-height:330px;gap:18px;padding:24px 18px;background-position:center}
 .wood-sign{font-size:20px;padding:14px 20px}
 .sign-copy{padding:14px 16px}
 .sign-copy span{font-size:30px}
 .sign-copy small{font-size:16px}
}

/* V6: compact story + true landscape signpost banner */
.story{padding-top:48px;padding-bottom:48px;gap:34px}
.story-photo{min-height:300px;border-radius:12px;background:linear-gradient(rgba(20,55,35,.05),rgba(20,55,35,.05)),url('assets/hero-orchard.png') 22% center/cover no-repeat}
.story h2{margin-top:0}
.farm-banner{min-height:330px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px max(6%,calc((100vw - 1180px)/2));background:linear-gradient(90deg,rgba(20,43,27,.20),rgba(255,248,232,.12)),url('assets/hero-orchard.png') center 62%/cover no-repeat}
.post-sign{position:relative;background:linear-gradient(100deg,#7a4e29,#a77845 48%,#704523);border:3px solid #50311b;color:#17120d;padding:23px 30px;text-align:center;font-size:clamp(22px,3vw,36px);line-height:1.05;box-shadow:0 8px 20px rgba(0,0,0,.28);transform:rotate(-1deg)}
.post-sign:after{content:"";position:absolute;width:20px;height:120px;background:#67401f;left:42px;top:100%;z-index:-1}
.banner-copy{margin-left:auto;background:rgba(250,246,233,.76);padding:20px 28px;text-align:center;border-radius:8px;backdrop-filter:blur(2px)}
.banner-copy span{display:block;font-size:clamp(31px,4vw,52px);font-style:italic}
.banner-copy small{display:block;font-size:clamp(17px,2vw,24px);font-style:italic;border-top:1px solid #555;margin-top:9px;padding-top:9px}
@media(max-width:600px){
 .story{padding:34px 18px;gap:22px}
 .story-photo{min-height:190px}
 .story h2{font-size:34px;margin-bottom:16px}
 .story p{font-size:17px;line-height:1.48;margin-bottom:0}
 .farm-banner{min-height:300px;padding:24px 18px;gap:16px;align-items:flex-end;background-position:center}
 .post-sign{font-size:17px;padding:14px 15px;margin-bottom:58px;max-width:46%}
 .post-sign:after{height:75px;width:14px;left:30px}
 .banner-copy{padding:13px 12px;max-width:53%;margin-bottom:20px}
 .banner-copy span{font-size:26px;line-height:1.05}
 .banner-copy small{font-size:14px}
}

/* V7 — approved welcome-section refinement */
.story{
  grid-template-columns: 1fr !important;
  max-width: 980px;
  margin-inline:auto;
}
.story > div:last-child{
  max-width: 820px;
  margin-inline:auto;
}
@media(max-width:600px){
  .story{
    display:block;
    padding:34px 28px 38px;
  }
  .story > div:last-child{
    max-width:none;
  }
}

/* V8 — approved natural wooden sign scene */
.approved-sign-banner{
  min-height:360px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:38px 7%;
  background-image:url('assets/farm-sign-approved.jpg');
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.approved-sign-banner .banner-text{
  width:min(46%,560px);
  margin-left:auto;
  padding:0;
  color:#fff;
  text-align:center;
  background:none;
  border-radius:0;
  text-shadow:0 2px 8px rgba(0,0,0,.65);
}
.approved-sign-banner .banner-text span{
  display:block;
  font-size:clamp(34px,4vw,54px);
  line-height:1.05;
  font-style:italic;
}
.approved-sign-banner .banner-text small{
  display:block;
  width:max-content;
  max-width:100%;
  margin:13px auto 0;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.8);
  font-size:clamp(18px,2vw,25px);
  font-style:italic;
}
@media(max-width:600px){
  .approved-sign-banner{
    min-height:300px;
    padding:20px 18px;
    background-position:center;
    align-items:flex-end;
  }
  .approved-sign-banner .banner-text{
    width:52%;
    margin:0 0 24px auto;
  }
  .approved-sign-banner .banner-text span{font-size:25px}
  .approved-sign-banner .banner-text small{font-size:13px;margin-top:8px;padding-top:7px}
}

/* V9 — final approved scenic closing banner, with no duplicate overlay text */
.final-farm-banner{
  display:block !important;
  width:100%;
  min-height:360px;
  padding:0 !important;
  margin:0;
  background-image:url('assets/approved-farm-banner-v9.jpg') !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
@media(max-width:600px){
  .final-farm-banner{
    min-height:285px;
    background-size:cover !important;
    background-position:center !important;
  }
}

/* V10 — approved homepage implementation */
.brand{justify-content:flex-start}
.brand-motif{margin-left:auto;display:flex;align-items:center;gap:16px;color:#173c2b}
.brand-motif span{font-size:58px;line-height:1;transform:rotate(-28deg)}
.brand-motif em{font-size:20px;line-height:1.08;font-family:cursive;font-weight:400}
.hero{min-height:500px;background:linear-gradient(90deg,rgba(17,48,33,.58),rgba(17,48,33,.18) 52%,rgba(17,48,33,.05)),url('assets/hero-orchard.png') center/cover no-repeat}
.hero h2{max-width:700px}
.cards{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin-inline:auto}
.cards article{transition:transform .18s ease,box-shadow .18s ease}
.cards article:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(28,49,35,.10)}
.cards .pic{aspect-ratio:16/8.7}
.cards article h3{font-size:20px}
.values{max-width:none;background:linear-gradient(90deg,#f1f3e9,#f7f5ec,#f1f3e9)}
.story{max-width:1120px;grid-template-columns:1fr !important;text-align:left}
.story>div:last-child{max-width:900px;margin:0}
footer{padding-top:30px;padding-bottom:30px}
@media(max-width:700px){
 .brand-motif{display:none}
 .hero{min-height:510px;background-position:61% center}
 .cards{grid-template-columns:1fr 1fr;gap:10px}
 .cards .pic{aspect-ratio:4/3}
 .cards article h3{font-size:16px;min-height:70px}
}

/* V11 — compact mobile shop + product sections */
.category-card{display:block}
.category-card article{height:100%}
.category-card .view{display:block;padding:0 14px 16px;color:#315941;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.03em}
.product-sections{max-width:1120px;margin:42px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.product-category{scroll-margin-top:25px;background:#fff;border:1px solid #e2e2d9;border-radius:12px;padding:24px}
.product-category h3{font-size:25px;font-weight:400;margin:0 0 10px}
.product-category p{line-height:1.5;margin:0 0 18px}
.shop-whatsapp{display:inline-block;background:#173c2b;color:#fff;border-radius:24px;padding:11px 17px;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.04em}
.product-row{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:center}
.product-row img{width:170px;height:125px;object-fit:cover;border-radius:9px}
.product-row h4{font-size:20px;font-weight:400;margin:0 0 6px}
.product-row strong{font-size:24px;color:#173c2b}
.values .line-icon{display:block;font-family:Arial,sans-serif;font-size:38px;line-height:1;margin-bottom:8px}
@media(max-width:600px){
 .section#shop{padding-top:34px;padding-bottom:38px}
 .section#shop>h2{font-size:38px}
 .section#shop .lead{margin:8px 0 20px}
 .cards{margin-top:20px}
 .cards article h3{min-height:0;padding-bottom:5px}
 .category-card .view{padding:0 12px 12px;font-size:10px}
 .farmstall{margin:22px 10px 0}
 .product-sections{grid-template-columns:1fr;margin-top:28px;gap:12px}
 .product-category{padding:20px}
 .product-category h3{font-size:23px}
 .product-row{grid-template-columns:105px 1fr;gap:14px}
 .product-row img{width:105px;height:105px}
 .values{gap:20px 12px}
 .values .line-icon{font-size:32px}
}

/* V12 — show only real products; cleaner quail product card */
.clean-shop{
  display:block;
  max-width:760px;
  margin:34px auto 0;
}
.clean-shop .product-category{
  padding:24px;
}
.real-product-card{
  display:grid;
  grid-template-columns:minmax(180px, 260px) 1fr;
  gap:26px;
  align-items:center;
}
.real-product-card img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:12px;
}
.real-product-info h4{
  margin:0 0 4px;
  font-size:27px;
  font-weight:400;
}
.real-product-info .pack-size{
  display:block;
  margin-bottom:8px;
  font-size:18px;
}
.real-product-info strong{
  display:block;
  margin-bottom:18px;
  color:#173c2b;
  font-size:31px;
}
@media(max-width:600px){
  .clean-shop{margin-top:24px}
  .clean-shop .product-category{padding:18px}
  .clean-shop .product-category>h3{font-size:25px;margin-bottom:16px}
  .real-product-card{
    grid-template-columns:42% 1fr;
    gap:16px;
    align-items:center;
  }
  .real-product-card img{
    aspect-ratio:1/1;
    object-fit:cover;
  }
  .real-product-info h4{font-size:22px;line-height:1.05}
  .real-product-info .pack-size{font-size:16px;margin:6px 0}
  .real-product-info strong{font-size:28px;margin-bottom:12px}
  .real-product-info .shop-whatsapp{
    padding:10px 12px;
    font-size:10px;
    white-space:nowrap;
  }
}

.second-quail-product{
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid #ddd8cd;
}
