/* GIMME FOODS — responsive.css   (1100 / 900 / 600) */

@media (max-width:1100px){
  .nav a{padding:.45rem .55rem; letter-spacing:.1em}
  .socials{display:none}
  .feature{grid-template-columns:1fr 1.1fr .8fr}
  .feature .side{display:none}
  .howto .cols{grid-template-columns:repeat(2,1fr); padding-left:3rem}
  .howto .note{grid-column:1/-1; max-width:460px}
  .supply .grid{grid-template-columns:1fr 1fr}
  .supply .tray{display:none}
}

@media (max-width:900px){
  body{font-size:16px}
  /* header: burger + centred logo */
  .site-header .bar{grid-template-columns:44px 1fr 44px}
  .nav{display:none}
  .burger{display:block}
  .logo-badge{justify-self:center; width:96px}
  .logo-badge img{width:96px}
  .mobile-nav{
    display:none; position:absolute; left:0; right:0; top:100%;
    background:var(--cream-2); padding:1.4rem var(--gut) 1.6rem; box-shadow:0 20px 30px rgba(42,26,16,.15);
  }
  .mobile-nav.is-open{display:grid; gap:.2rem}
  .mobile-nav a{padding:.8rem 1rem; border-radius:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; font-size:.85rem; color:var(--forest)}
  .mobile-nav a.is-active{background:var(--forest); color:var(--cream-2)}


  .intro .grid,.quality .grid,.page-hero .grid,.p-hero .grid,.label-grid,.contact-grid{grid-template-columns:1fr}
  .intro .ill{min-height:240px; margin-right:0}
  .quality .etch{order:2; margin:1rem -1rem calc(-1 * var(--sec))}
  .carousel-track{grid-auto-columns:calc((100% - 1.4rem)/2); gap:1.4rem}
  .egg-grid,.recipe-grid,.process{grid-template-columns:repeat(2,1fr)}
  .feature,.feature--flip{grid-template-columns:1fr; text-align:center}
  .feature .copy,.feature--flip .copy{order:2}
  .feature .visual,.feature--flip .visual{order:1; width:min(100%,380px); margin-inline:auto}
  .feature .facts,.feature--flip .facts{order:3; justify-items:center}
  .feature .copy p{margin-inline:auto}
  .feature .meta-line{justify-content:center}
  .feature .facts dl{grid-template-columns:repeat(2,auto); column-gap:2rem; text-align:center}
  .posters{grid-template-columns:repeat(3,1fr); gap:.8rem}
  .poster{padding:6px 6px 2px}
  .poster figcaption{font-size:1.05rem}
  .poster:nth-child(2){margin-top:1.4rem}
  .recipe-pair{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid > :last-child{grid-column:1/-1}
  .howto .in{grid-template-columns:1fr}
  .howto .tag{clip-path:polygon(0 0,100% 0,100% 70%,0 100%); margin-right:0; padding:calc(var(--r) + 1.6rem) var(--gut) 3rem; text-align:center}
  .howto .tag h2 br{display:none}
  .howto .cols{padding:2rem var(--gut) calc(var(--r) + 2rem)}
  .photo-pair figure:last-child{margin-bottom:0}
  .p-hero .blob{width:min(100%,420px); margin-inline:auto}
}

@media (max-width:600px){
  :root{--gut:18px}
  .carousel{padding-inline:0}
  .carousel-track{grid-auto-columns:82%}
  .car-btn{display:none}
  .egg-grid,.recipe-grid,.process{grid-template-columns:1fr}
  .supply .grid{grid-template-columns:1fr}
  .supply .cols{columns:2}
  .posters{grid-template-columns:1fr 1fr}
  .posters .poster:nth-child(3){grid-column:1/-1; width:60%; margin-inline:auto}
  .footer-grid{grid-template-columns:1fr}
  .line-form{grid-template-columns:1fr}
  .howto .cols{grid-template-columns:1fr}
  .stat-row b{font-size:1.6rem}
  .hens svg{width:40px}
  .hens svg:nth-child(2){width:30px}
  .hens svg:nth-child(3){display:none}
  .f-bottom{flex-direction:column; text-align:center}
}

/* farm scene: keep the windmill clear of the barn on narrow screens */
@media (max-width:700px){
  .scene .barn{left:8%}
  .scene .windmill{left:calc(8% + clamp(70px,8vw,120px) + 18px)}
}

/* slideshow on phones: portrait banners, swipe instead of arrows */
@media (max-width:700px){
  .slides{aspect-ratio:2/3}
  .sl-arrow{display:none}
  .dot.is-active{width:40px}
}

/* five-egg row: 3+2 on tablets, 2-up on phones (last one centred) */
@media (max-width:1000px){ .egg-row .egg-card{flex-basis:calc((100% - 2*1.4rem)/3)} }
@media (max-width:600px){ .egg-row{gap:1.8rem 1rem} .egg-row .egg-card{flex-basis:calc((100% - 1rem)/2)} .egg-row .egg-card .sub{display:none} }