/* Snehfresh static export — hand-compiled equivalent of the Tailwind build.
   Color tokens match tailwind.config.js exactly. */

:root{
  --sneh-primary: #2E7D32;
  --sneh-secondary: #A5D6A7;
  --sneh-background: #F1F8E9;
  --sneh-ink: #16351A;
  --sneh-leaf: #5BA05E;
  --sneh-cream: #FFFDF5;
  --shadow-soft: 0 14px 35px rgba(46,125,50,0.12);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  background:var(--sneh-background);
  color:var(--sneh-ink);
  -webkit-font-smoothing:antialiased;
}
::selection{background:#a5d6a7; color:var(--sneh-ink);}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}

.container-shell{
  max-width:72rem; margin:0 auto; padding:0 1rem;
}
@media (min-width:640px){ .container-shell{padding:0 1.5rem;} }
@media (min-width:1024px){ .container-shell{padding:0 2rem;} }

/* ---------- Buttons ---------- */
.btn-primary{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; background:var(--sneh-primary); color:#fff;
  padding:.75rem 1.25rem; font-size:.875rem; font-weight:600;
  box-shadow:var(--shadow-soft); border:none; cursor:pointer;
  transition:transform .15s ease, background .15s ease;
}
.btn-primary:hover{ transform:translateY(-2px); background:#246A29; }

.btn-secondary{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; background:#fff; color:var(--sneh-primary);
  border:1px solid rgba(46,125,50,0.2);
  padding:.75rem 1.25rem; font-size:.875rem; font-weight:600;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.btn-secondary:hover{ transform:translateY(-2px); border-color:var(--sneh-primary); background:rgba(165,214,167,0.25); }

/* ---------- Navbar ---------- */
.navbar{
  position:sticky; top:0; z-index:40;
  background:rgba(241,248,233,0.9);
  backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(46,125,50,0.1);
}
.navbar .container-shell{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  min-height:4rem;
}
.navbar .logo img{
  height:3rem; width:9rem; object-fit:contain; border-radius:.375rem;
}
@media (min-width:640px){ .navbar .logo img{height:3.5rem; width:11rem;} }
.nav-links{
  display:flex; align-items:center; gap:.25rem;
  background:rgba(255,255,255,0.75); border-radius:999px; padding:.25rem;
  box-shadow:var(--shadow-sm);
}
.nav-links a{
  border-radius:999px; padding:.5rem .75rem; font-size:.875rem; font-weight:600;
  color:var(--sneh-ink); transition:background .15s ease, color .15s ease;
}
@media (min-width:640px){ .nav-links a{padding:.5rem 1rem;} }
.nav-links a:hover, .nav-links a.active{ background:rgba(165,214,167,0.35); color:var(--sneh-primary); }

/* ---------- Hero ---------- */
.hero-section{ background:var(--sneh-background); overflow:hidden; position:relative; }
.hero-inner{ padding:2rem 0; }
@media (min-width:640px){ .hero-inner{padding:2.5rem 0;} }
@media (min-width:1024px){ .hero-inner{padding:3rem 0;} }
.hero-grid{ display:grid; gap:2rem; align-items:center; grid-template-columns:1fr; }
@media (min-width:768px){ .hero-grid{ grid-template-columns:1.05fr .95fr; } }
.eyebrow{
  margin:0 0 .75rem; font-size:.875rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.22em; color:var(--sneh-primary);
}
.hero-logo{
  height:auto; width:100%; max-width:28rem; border-radius:.5rem;
  background:#fff; object-fit:contain; box-shadow:var(--shadow-sm);
}
.hero-tagline{
  margin-top:.75rem; font-size:1.5rem; font-weight:600; color:var(--sneh-primary);
}
@media (min-width:640px){ .hero-tagline{font-size:1.875rem;} }
.hero-copy{
  margin-top:1rem; max-width:36rem; font-size:1rem; line-height:2rem;
  color:rgba(22,53,26,0.75);
}
@media (min-width:640px){ .hero-copy{font-size:1.125rem;} }
.hero-ctas{ margin-top:1.5rem; display:flex; flex-direction:column; gap:.75rem; }
@media (min-width:640px){ .hero-ctas{flex-direction:row;} }
.hero-art{ display:none; margin:0 auto; max-width:32rem; }
@media (min-width:640px){ .hero-art{display:block;} }

/* Carousel */
.carousel-head{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.carousel-head h2{ font-size:1.125rem; font-weight:700; color:var(--sneh-ink); margin:0; }
.carousel-head a{ font-size:.875rem; font-weight:700; color:var(--sneh-primary); flex-shrink:0; }
.carousel{
  display:flex; gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory;
  margin:0 -1rem; padding:0 1rem 1rem;
}
@media (min-width:640px){ .carousel{margin:0 -1.5rem; padding:0 1.5rem 1rem;} }
.carousel::-webkit-scrollbar{height:6px;}
.carousel::-webkit-scrollbar-thumb{background:rgba(46,125,50,0.2); border-radius:3px;}
.carousel-card{
  scroll-snap-align:start; flex:0 0 14rem; width:14rem;
  border-radius:.5rem; overflow:hidden; background:#fff;
  border:1px solid rgba(46,125,50,0.1); box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
}
@media (min-width:640px){ .carousel-card{flex-basis:16rem; width:16rem;} }
.carousel-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-soft); }
.carousel-card .thumb{ aspect-ratio:3/2; background:#fff; overflow:hidden; }
.carousel-card .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.carousel-card:hover .thumb img{ transform:scale(1.05); }
.carousel-card .cap{ min-height:4rem; padding:.75rem; }
.carousel-card .cap h3{ margin:0; font-size:.875rem; font-weight:600; line-height:1.4; color:var(--sneh-ink); }

/* ---------- Sections ---------- */
.section{ padding:4rem 0; }
.section-eyebrow{
  font-size:.875rem; font-weight:700; text-transform:uppercase; letter-spacing:.18em;
  color:var(--sneh-primary); margin:0;
}
.section-title{ margin-top:.75rem; font-size:1.875rem; font-weight:700; color:var(--sneh-ink); }
@media (min-width:640px){ .section-title{font-size:2.25rem;} }

/* Why choose us */
.section-white{ background:#fff; }
.pillars{ margin-top:2rem; display:grid; gap:1rem; grid-template-columns:1fr; }
@media (min-width:640px){ .pillars{grid-template-columns:1fr 1fr;} }
@media (min-width:1024px){ .pillars{grid-template-columns:repeat(4,1fr);} }
.pillar{
  border-radius:.5rem; border:1px solid rgba(46,125,50,0.1);
  background:var(--sneh-background); padding:1.25rem; box-shadow:var(--shadow-sm);
}
.pillar .bar{ margin-bottom:1rem; height:.5rem; width:4rem; border-radius:999px; background:var(--sneh-secondary); }
.pillar h3{ margin:0; font-size:1.125rem; font-weight:700; color:var(--sneh-ink); }

/* Featured / product grid */
.section-head-row{ display:flex; flex-direction:column; gap:1rem; }
@media (min-width:640px){ .section-head-row{flex-direction:row; align-items:flex-end; justify-content:space-between;} }
.product-grid{ margin-top:2rem; display:grid; gap:1rem; grid-template-columns:repeat(2,1fr); }
@media (min-width:640px){ .product-grid{grid-template-columns:repeat(3,1fr);} }
@media (min-width:1024px){ .product-grid.grid-6{grid-template-columns:repeat(6,1fr);} }
@media (min-width:1024px){ .product-grid.grid-4{grid-template-columns:repeat(4,1fr);} }

.product-card{
  border-radius:.5rem; overflow:hidden; background:#fff;
  border:1px solid rgba(46,125,50,0.1); box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
}
.product-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-soft); }
.product-card .thumb{ aspect-ratio:3/2; overflow:hidden; background:#fff; }
.product-card .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.product-card:hover .thumb img{ transform:scale(1.05); }
.product-card .cap{ padding:1rem; }
.product-card .cap h3{ margin:0; font-size:1rem; font-weight:600; line-height:1.4; color:var(--sneh-ink); }

/* CTA banner */
.cta-banner{
  margin-top:2.5rem; border-radius:.5rem; background:var(--sneh-primary); color:#fff;
  padding:1.5rem; box-shadow:var(--shadow-soft);
}
@media (min-width:640px){ .cta-banner{ display:flex; align-items:center; justify-content:space-between; } }
.cta-banner h3{ margin:0; font-size:1.5rem; font-weight:700; color:#fff; }
.cta-banner p{ margin-top:.5rem; color:rgba(255,255,255,0.8); }
.cta-banner .btn-primary{ margin-top:1.25rem; background:#fff; color:var(--sneh-primary); }
@media (min-width:640px){ .cta-banner .btn-primary{margin-top:0;} }
.cta-banner .btn-primary:hover{ background:var(--sneh-background); }

/* Page hero (products/contact) */
.page-hero{ padding:3rem 0; }
@media (min-width:640px){ .page-hero{padding:4rem 0;} }
.page-hero-inner{ max-width:48rem; }
.page-hero-inner.centered{ margin:0 auto; text-align:center; }
.page-hero h1{ margin-top:.75rem; font-size:2.25rem; font-weight:700; color:var(--sneh-ink); }
@media (min-width:640px){ .page-hero h1{font-size:3rem;} }
.page-hero p{ margin-top:1rem; font-size:1rem; line-height:2rem; color:rgba(22,53,26,0.75); }
@media (min-width:640px){ .page-hero p{font-size:1.125rem;} }

/* Contact page */
.contact-cards{ margin:2.5rem auto 0; max-width:64rem; display:grid; gap:1rem; grid-template-columns:1fr; }
@media (min-width:640px){ .contact-cards{grid-template-columns:1fr 1fr;} }
.contact-card{
  display:block; border-radius:.5rem; border:1px solid rgba(46,125,50,0.1);
  background:#fff; padding:1.5rem; box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
}
.contact-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-soft); }
.contact-card .tag{
  font-size:.875rem; font-weight:700; text-transform:uppercase; letter-spacing:.16em; color:var(--sneh-primary);
}
.contact-card .value{ margin-top:.75rem; font-size:1.5rem; font-weight:700; color:var(--sneh-ink); }
.order-box{
  margin:1.5rem auto 0; max-width:64rem; border-radius:.5rem; background:#fff;
  padding:1.5rem; text-align:center; box-shadow:var(--shadow-soft);
}
.order-box h2{ margin:0; font-size:1.5rem; font-weight:700; color:var(--sneh-ink); }
.order-box p{ margin:.75rem auto 0; max-width:32rem; color:rgba(22,53,26,0.75); }
.order-actions{ margin-top:1.5rem; display:flex; flex-direction:column; justify-content:center; gap:.75rem; }
@media (min-width:640px){ .order-actions{flex-direction:row;} }

/* Footer */
.site-footer{ border-top:1px solid rgba(46,125,50,0.1); background:rgba(255,255,255,0.55); }
.footer-inner{
  display:flex; flex-direction:column; gap:1rem; padding:2rem 0; font-size:.875rem; color:rgba(22,53,26,0.75);
}
@media (min-width:640px){ .footer-inner{flex-direction:row; align-items:center; justify-content:space-between;} }
.footer-inner strong{ color:var(--sneh-ink); }
.footer-links{ display:flex; flex-wrap:wrap; gap:1rem; font-weight:700; color:var(--sneh-primary); }

/* QR standalone page */
.qr-page{
  min-height:100vh; background:var(--sneh-background);
  display:grid; place-items:center; padding:2.5rem 1rem;
}
.qr-card{ width:100%; max-width:28rem; text-align:center; }
.qr-card img.logo{
  margin:0 auto; height:auto; width:100%; border-radius:.5rem; background:#fff;
  object-fit:contain; box-shadow:var(--shadow-sm);
}
.qr-card .welcome{
  margin-top:1.5rem; font-size:.875rem; font-weight:700; text-transform:uppercase; letter-spacing:.2em; color:var(--sneh-primary);
}
.qr-card h1{ margin-top:.5rem; font-size:3rem; font-weight:700; color:var(--sneh-ink); }
.qr-card .tagline{ margin-top:1rem; font-size:1.5rem; font-weight:600; color:var(--sneh-primary); }
.qr-card .desc{ margin:1rem auto 0; max-width:24rem; line-height:1.75; color:rgba(22,53,26,0.75); }
.qr-card .btn-primary{ margin-top:2rem; width:100%; font-size:1rem; padding:.9rem 1.25rem; }
.qr-card .ig-link{ margin-top:1.25rem; display:inline-block; font-size:.875rem; font-weight:600; color:var(--sneh-primary); }

.center{ text-align:center; }