/* Hirkush Agro Farm. Mobile first. Colours come from the farm logo. */
:root{--green:#1e6b34;--green-dark:#154d25;--green-soft:#e3efe1;--orange:#f08a1c;--orange-dark:#b35c00;--orange-soft:#fde9cf;--cream:#fbf5e9;--paper:#fffdf8;--ink:#1d1a14;--muted:#4f4a40;--line:#e2d8c3;--radius:14px;--font:"Noto Sans Devanagari", "Mukta", "Kohinoor Devanagari", "Nirmala UI", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;}
*, *::before, *::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:12px;scroll-padding-bottom:96px;}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:1.0625rem;line-height:1.65;padding-bottom:84px;}
img{display:block;max-width:100%;height:auto;}
a{color:var(--green-dark);text-underline-offset:3px;}
a:hover{color:var(--green);}
:focus-visible{outline:3px solid var(--orange-dark);outline-offset:3px;border-radius:6px;}
h1, h2, h3{line-height:1.35;margin:0 0 .5rem;}
h2{font-size:1.5rem;color:var(--green-dark);}
h3{font-size:1.125rem;}
p{margin:0 0 .75rem;}
ul{margin:0;padding:0;list-style:none;}
.sprite{position:absolute;width:0;height:0;overflow:hidden;}
.ico{width:26px;height:26px;flex:none;fill:currentColor;}
.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 16px;}
section{padding:40px 0;}
.band{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

.h2-en, .h1-en, .btn-en, .en{display:block;font-weight:600;}
.h2-en{font-size:1rem;color:var(--muted);}
.en, .en-p{color:var(--muted);font-size:.95rem;}
.en-p{margin-top:-.35rem;}

.skip{position:absolute;left:8px;top:-100px;z-index:50;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;}
.skip:focus{top:8px;color:#fff;}

.site-header{background:var(--green-dark);color:#fff;}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;}
.site-header :focus-visible, .site-footer :focus-visible{outline-color:var(--orange);}
.brand{display:inline-flex;align-items:center;min-height:48px;color:#fff;font-weight:700;text-decoration:none;font-size:1.1rem;}
.brand:hover{color:#fff;}
.call-link{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 4px;color:#fff;font-weight:600;text-decoration:none;white-space:nowrap;}
.call-link:hover{color:var(--orange-soft);}
.call-link .ico{width:20px;height:20px;}
.section-nav{overflow-x:auto;padding-bottom:6px;scrollbar-width:none;}
.section-nav::-webkit-scrollbar{display:none;}
.section-nav ul{display:flex;gap:6px;width:max-content;}
.section-nav a{display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:.95rem;line-height:1.3;text-align:center;}
.section-nav a span{font-size:.75rem;opacity:.9;}
.section-nav a:hover{background:rgba(255,255,255,.22);color:#fff;}

.hero{padding:16px 0 32px;}
.hero-grid{display:grid;gap:24px;}
.logo{float:left;width:72px;height:72px;border-radius:50%;background:#fff;margin:4px 14px 8px 0;}
h1{margin-bottom:.25rem;}
.h1-np{display:block;font-size:1.85rem;color:var(--green-dark);}
.h1-en{font-size:1.25rem;color:var(--ink);}
.place{font-weight:600;color:var(--muted);}
.place span{display:block;}
.lede{clear:both;font-size:1.125rem;}
.lede-en{color:var(--muted);}
.hero-call{margin-top:14px;font-weight:600;}
.hero-call a{display:inline-block;padding:11px 0;font-weight:700;}
.hero-call span{display:block;font-weight:400;color:var(--muted);font-size:.95rem;}
.hero-photo img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--radius);background:var(--green-soft);}

.cta-pair{display:grid;gap:12px;margin-top:18px;}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:10px 18px;border-radius:12px;font-weight:700;font-size:1.125rem;line-height:1.3;text-decoration:none;text-align:center;border:2px solid transparent;box-shadow:0 2px 0 rgba(0,0,0,.15);}
.btn-en{font-size:.875rem;font-weight:600;}
.btn-label{display:block;}
.btn-home{background:var(--green);color:#fff;}
.btn-home:hover{background:var(--green-dark);color:#fff;}
.btn-whole{background:var(--orange);color:var(--ink);}
.btn-whole:hover{background:#e07a0c;color:var(--ink);}
.btn-outline{background:var(--paper);color:var(--green-dark);border-color:var(--green);box-shadow:none;}
.btn-outline:hover{background:var(--green-soft);}
.btn-block{width:100%;margin-top:12px;}

.price-line{display:inline-block;background:var(--orange-soft);border-radius:10px;padding:8px 12px;font-weight:600;}
.price-line span{display:block;font-weight:500;color:var(--muted);font-size:.95rem;}
.live-note{font-size:.9rem;color:var(--green-dark);font-weight:600;}
.live-note span{margin-left:4px;font-weight:500;}
.cards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin-top:12px;}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.card-img, .tile{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--green-soft);}
.tile{display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:1.6rem;font-weight:700;line-height:1.3;}
.tile-green{background:var(--green);color:#fff;}
.tile-orange{background:var(--orange);color:var(--ink);}
.tile-cream{background:var(--orange-soft);color:var(--green-dark);border-bottom:1px solid var(--line);}
.card-body{display:flex;flex-direction:column;flex:1;padding:10px 12px 12px;}
.card-name{font-size:1.125rem;margin-bottom:.25rem;}
.card-name .en{font-size:.875rem;}
.card-season{font-size:.95rem;margin-bottom:.6rem;}
.card-season .en{font-size:.85rem;}
.card-order{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);font-weight:700;text-decoration:none;}
.card-order:hover{background:var(--green);color:#fff;}
.card-order span{font-weight:600;font-size:.875rem;}
.coming-next{margin-top:16px;padding:10px 12px;border-left:4px solid var(--orange);background:#fff;font-weight:600;}
.coming-next span{display:block;font-weight:500;color:var(--muted);}
.saplings{margin-top:12px;padding:10px 12px;border-left:4px solid var(--green);background:#fff;}
.saplings .en{margin-bottom:4px;}
.saplings-link{display:inline-flex;align-items:center;gap:6px;min-height:48px;font-weight:700;}
.saplings-link span{font-weight:600;font-size:.875rem;}

.zones{display:grid;gap:12px;}
.zone{background:#fff;border:1px solid var(--line);border-left:6px solid var(--green);border-radius:var(--radius);padding:14px 16px;}
.zone-pickup{border-left-color:var(--orange);}
.zone-min{display:inline-block;background:var(--green-soft);color:var(--green-dark);border-radius:8px;padding:2px 10px;font-weight:700;font-size:1.05rem;}
.zone-min span{font-size:.85rem;margin-left:4px;}
.zone-pickup .zone-min{background:var(--orange-soft);}
.notice{margin-top:16px;padding:12px 14px;border-radius:10px;background:var(--orange-soft);font-weight:700;}
.notice span{display:block;font-weight:600;color:var(--muted);}

.two-col{display:grid;gap:20px;}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;}
.ticks li{position:relative;padding:6px 0 6px 28px;border-bottom:1px solid var(--line);}
.ticks li::before{content:"";position:absolute;left:4px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--orange);}
.ticks li span{display:block;color:var(--muted);font-size:.9rem;}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.chips li{padding:8px 16px;border-radius:999px;background:#fff;border:2px solid var(--green);color:var(--green-dark);font-weight:700;}
.gallery{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin-top:16px;}
.gallery img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;background:var(--green-soft);}
.contact-list{margin:0;}
.contact-list dt{font-weight:700;margin-top:12px;}
.contact-list dt span{font-weight:500;color:var(--muted);margin-left:6px;font-size:.9rem;}
.contact-list dd{margin:0;word-break:break-word;}
.contact-list a{display:inline-block;min-height:44px;padding:8px 0;font-weight:600;}
.cta-stack{margin-top:12px;}

.site-footer{background:var(--green-dark);color:#f3f0e6;padding:28px 0;font-size:.95rem;}
.site-footer p{margin-bottom:.5rem;}
.site-footer a{color:#fff;display:inline-block;min-height:44px;padding:10px 0;}
.site-footer span[lang="en"]{color:#d9e6d6;}
.foot-links{display:flex;flex-wrap:wrap;column-gap:20px;margin-bottom:.5rem;}
.foot-links li{white-space:nowrap;}
.foot-name{font-weight:700;color:#fff;}

.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(251,245,233,.97);border-top:1px solid var(--line);}
.sticky-cta .btn{min-height:56px;padding:6px 6px;font-size:.95rem;gap:5px;}
.sticky-cta .btn-en{font-size:.75rem;}
.sticky-cta .ico{width:20px;height:20px;}

@media (min-width: 600px){
  .cards{grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;}
  .zones{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .cta-pair{grid-template-columns:1fr 1fr;}
  .cta-stack{grid-template-columns:1fr;}
}
@media (min-width: 960px){
  html{scroll-padding-bottom:12px;}
  body{padding-bottom:0;font-size:1.125rem;}
  .sticky-cta{display:none;}
  section{padding:56px 0;}
  .hero{padding:40px 0 48px;}
  .hero-grid{grid-template-columns:1fr 460px;align-items:center;gap:40px;}
  .h1-np{font-size:2.6rem;}
  .logo{width:96px;height:96px;}
  .cards{grid-template-columns:repeat(5, minmax(0, 1fr));}
  .zones{grid-template-columns:repeat(4, minmax(0, 1fr));}
  .two-col{grid-template-columns:1.4fr 1fr;align-items:start;gap:40px;}
  .gallery{grid-template-columns:repeat(4, minmax(0, 1fr));}
  .section-nav ul{width:auto;flex-wrap:wrap;}
}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }