.qty button{display:grid;place-items:center;color:var(--green)}
.qty button:hover{background:var(--cream)}
.qty button .icon{width:14px;height:14px}
.accordion button{align-items:center;gap:20px}
.accordion button .icon{width:17px;height:17px;transition:transform .25s ease}
.accordion.open button .icon{transform:rotate(45deg)}
.blog-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:42px;color:var(--muted)}
.blog-intro span{font:400 22px var(--serif);color:var(--green)}
.blog-intro p{margin:0;font-size:12px}
.article-body ul{padding:22px 25px 22px 45px;background:var(--cream);border-left:3px solid var(--gold)}
.article-body li{margin:8px 0}
.article-footer{margin-top:52px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}
.article-footer>span{display:flex;align-items:center;gap:9px;color:var(--green);font-size:12px;font-weight:700}
.article-footer>span .icon{color:var(--gold)}
/* Navigation refinement */
.nav-group>a{gap:6px}
.nav-group>a .nav-chevron{display:block;width:15px;height:15px;margin-top:1px;transition:transform .25s ease}
.mega-trigger:hover>a .nav-chevron,.mega-trigger:focus-within>a .nav-chevron{transform:rotate(180deg)}

/* Elevated product cards */
.product-card{background:#fff;border:1px solid rgba(18,58,38,.1);border-radius:20px;padding:10px;box-shadow:0 8px 24px rgba(18,58,38,.055);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;overflow:hidden}
.product-card:hover{transform:translateY(-8px);border-color:rgba(18,58,38,.2);box-shadow:0 24px 55px rgba(18,58,38,.14)}
.product-card .product-image{border-radius:14px;background:linear-gradient(145deg,#f7f6f0,#efede4);overflow:hidden}
.product-card .product-image:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.72);border-radius:inherit;pointer-events:none}
.product-card .product-info{padding:18px 9px 12px;position:relative}
.product-card .product-info h3{min-height:50px;margin-right:4px}
.product-card .badge{left:14px;top:14px;background:#fff;color:var(--green);border:1px solid rgba(18,58,38,.15);box-shadow:0 6px 16px rgba(18,58,38,.09)}
.product-card .quick-add{left:14px;right:14px;bottom:14px;transform:none;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.product-card:hover .quick-add,.product-card:focus-within .quick-add{transform:none}
.product-card .quick-add .btn{width:100%;height:46px;min-height:46px;padding:0 18px;border-radius:9px;font-size:13px;box-shadow:0 10px 25px rgba(18,58,38,.22)}
.product-card .quick-add .btn span{font-size:13px;line-height:1}
.product-card .quick-add .btn .icon{width:17px;height:17px}

/* Editorial sections without heavy colour overlays */
.category-card:after{background:linear-gradient(180deg,transparent 44%,rgba(17,27,20,.15) 58%,rgba(17,27,20,.82) 100%)}
.manifesto{background:#eeeadd;color:var(--ink)}
.manifesto-copy{background:linear-gradient(135deg,#eeeadd 0%,#f8f5eb 100%)}
.manifesto-copy .eyebrow{color:var(--green-3)}
.manifesto-copy p{color:#56645b}
.manifesto-copy .btn{background:var(--green);border-color:var(--green);color:#fff}
.manifesto-visual:after{display:none}
.manifesto-visual img{object-position:88% center;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.manifesto:hover .manifesto-visual img{transform:scale(1.025)}

/* Source-to-seal journey */
.process-section{background:radial-gradient(circle at 92% 3%,rgba(217,166,46,.14),transparent 26%),linear-gradient(180deg,#fbfaf4,#f3f0e5)}
.process-heading{display:grid;grid-template-columns:1.25fr .55fr;gap:70px;align-items:end}
.process-intro{margin:0 0 8px;padding-left:25px;border-left:2px solid var(--gold);color:var(--muted);font-size:16px}
.process-list{gap:16px;border-top:0;margin-top:58px}
.process-step{min-height:286px;padding:28px 25px!important;border:1px solid rgba(18,58,38,.1)!important;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 32px rgba(18,58,38,.06);overflow:hidden;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,border-color .38s ease}
.process-step:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--green-3));transform:scaleX(0);transform-origin:left;transition:transform .38s ease}
.process-step:hover{transform:translateY(-10px);border-color:rgba(217,166,46,.5)!important;box-shadow:0 24px 52px rgba(18,58,38,.13)}
.process-step:hover:after{transform:scaleX(1)}
.process-step .step-icon{background:#f4efdf;border:1px solid rgba(217,166,46,.2);transition:transform .4s ease,background .4s ease,color .4s ease}
.process-step:hover .step-icon{transform:rotate(-8deg) scale(1.08);background:var(--green);color:#fff}
.process-step h3{font-size:25px}

/* Keep the moringa pack fully in view */
.ingredient-image{background:#e9e3d3}
.ingredient-image img{object-position:88% center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.ingredient-feature:hover .ingredient-image img{transform:scale(1.02)}

/* Family notes editorial composition */
.testimonial-section{background:#f7f3e8;overflow:hidden}
.testimonial-editorial{display:grid;grid-template-columns:.9fr 1.1fr;min-height:610px;align-items:stretch}
.testimonial-image{position:relative;overflow:hidden;border-radius:20px 0 0 20px;background:#e8e3d6}
.testimonial-image img{width:100%;height:100%;object-fit:cover;object-position:76% center;transition:transform .8s ease}
.testimonial-image:hover img{transform:scale(1.035)}
.testimonial-image>span{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:9px;background:rgba(255,255,255,.9);color:var(--green);font-size:11px;font-weight:700;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(18,58,38,.16)}
.testimonial-image>span .icon{width:17px;color:var(--gold)}
.testimonial-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px clamp(40px,5vw,84px);border-radius:0 20px 20px 0;background:var(--green);color:#fff}
.testimonial-copy:before{content:'';position:absolute;inset:22px;border:1px solid rgba(255,255,255,.12);border-radius:12px;pointer-events:none}
.testimonial-copy .eyebrow{color:var(--gold-soft)}
.testimonial-copy .testimonial-mark{position:absolute;right:54px;top:32px;color:rgba(255,255,255,.1);font-size:150px}
.testimonial-copy blockquote{position:relative;font:400 clamp(36px,3.6vw,58px)/1.12 var(--serif);margin:18px 0 30px;max-width:700px}
.testimonial-copy cite{display:flex;flex-direction:column;font-style:normal}
.testimonial-copy cite strong{color:var(--gold-soft);font-size:15px}
.testimonial-copy cite span{color:#afc6b6;font-size:12px}
.testimonial-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}
.testimonial-values span{color:#c8d7cd;font-size:11px}
.testimonial-values b{display:block;margin-bottom:5px;color:var(--gold-soft);font:400 20px var(--serif)}

/* Compact, deliberately aligned footer */
.site-footer{padding:48px 0 20px}
.footer-top{grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:64px;align-items:start}
.footer-brand img{width:174px;height:auto;margin:0 0 20px;padding:10px 14px;border-radius:10px;background:var(--ivory);filter:none;box-shadow:0 8px 25px rgba(0,0,0,.16)}
.footer-brand p{margin:0;line-height:1.65}
.socials{margin-top:20px;gap:10px}
.socials a{display:grid;place-items:center;margin:0;width:40px;height:40px;border-color:rgba(255,255,255,.22)}
.footer-links{gap:46px}
.site-footer h3{margin-bottom:13px}
.site-footer a{margin:6px 0}
.footer-contact{margin-top:38px;padding:18px 0;gap:22px}
.footer-contact>a{margin:0}
.footer-bottom{padding-top:18px;align-items:center}

@media(max-width:1100px){
  .nav-group>a .nav-chevron{display:none}
  .product-card .quick-add{transform:none}
  .process-heading{grid-template-columns:1fr}
  .process-intro{max-width:600px;margin-top:-25px}
  .process-list{grid-template-columns:repeat(2,1fr)}
  .testimonial-editorial{grid-template-columns:1fr;min-height:0}
  .testimonial-image{height:520px;border-radius:18px 18px 0 0}
  .testimonial-copy{border-radius:0 0 18px 18px}
}
@media(max-width:680px){
  .blog-intro,.article-footer{align-items:flex-start;flex-direction:column}
  .article-body{font-size:18px}
  .article-body h2{font-size:29px}
  .product-card{padding:7px;border-radius:14px}
  .product-card .product-info{padding:14px 5px 9px}
  .product-card .product-info h3{min-height:43px}
  .product-card .quick-add{left:8px;right:8px;bottom:8px}
  .product-card .quick-add .btn{height:40px;min-height:40px;padding:0 10px}
  .process-heading{gap:35px}
  .process-intro{margin:0}
  .process-list{grid-template-columns:1fr;gap:13px}
  .process-step{min-height:230px}
  .ingredient-image img{object-position:85% center}
  .testimonial-image{height:400px}
  .testimonial-copy{padding:58px 28px}
  .testimonial-copy blockquote{font-size:34px}
  .testimonial-copy .testimonial-mark{right:30px;top:24px}
  .testimonial-values{grid-template-columns:1fr;gap:9px}
  .testimonial-values span{display:grid;grid-template-columns:32px 1fr;align-items:center}
  .testimonial-values b{margin:0}
  .footer-top{grid-template-columns:1fr;gap:36px}
  .footer-links{gap:22px}
  .footer-contact{margin-top:32px}
}