/* Amanah Agro — shared styles, ready to enqueue in a WordPress theme. */
:root{--brand:#066e68;--deep:#063e38;--ink:#123f36;--gold:#f9bd21;--cream:#f8f7f0;--muted:#6c7870;--line:#e1e7df;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:15px/1.75 Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0 0 20px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;letter-spacing:-1.6px}h1{font-size:clamp(44px,5.7vw,82px)}h2{font-size:clamp(34px,4vw,55px)}h3{font-size:21px;line-height:1.3;font-weight:500}em{font-weight:400;color:var(--brand)}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 100px));margin:auto}.topbar{background:var(--deep);color:#e8f0da;font-size:11px;letter-spacing:.3px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:35px}.topbar .wrap>div{display:flex;gap:25px}.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.navrow{height:95px;display:flex;align-items:center;gap:34px;justify-content:space-between}.logo{width:219px;height:66px;object-fit:contain}.navrow nav{display:flex;align-items:center;gap:30px;margin-left:auto}.navrow nav a{font-size:13px;position:relative}.navrow nav a:hover,.current{color:var(--brand)}.current:after{content:'';height:3px;width:20px;background:var(--gold);position:absolute;bottom:-10px;left:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--brand);color:#fff;padding:14px 25px;border:1px solid transparent;font-size:13px;font-weight:600;line-height:1.6;transition:.2s}.btn:hover{background:var(--deep);color:white;transform:translateY(-2px)}.btn.gold{background:var(--gold);color:var(--deep)}.btn.gold:hover{background:#ffe18a}.btn.pale{background:#eaf2ed;color:var(--deep)}.btn.outline{border-color:#ffffff70;color:white;background:transparent}.navcta{margin-left:10px;padding:12px 20px}.menu-toggle{display:none}.hero{height:650px;position:relative;isolation:isolate;overflow:hidden;background:var(--deep)}.heroimage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,40,28,.82),rgba(3,40,28,.26) 62%,rgba(3,40,28,.02));z-index:-1}.hero-inner{padding-top:95px;color:white}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:var(--brand);margin-bottom:24px}.hero .eyebrow{color:#e1edcf}.hero h1{max-width:740px;margin-bottom:24px}.hero h1 em{color:var(--gold)}.hero p:not(.eyebrow){font-size:16px;color:#e6eee2;line-height:1.8}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.hero-bottom{margin-top:67px;display:flex;justify-content:space-between;color:#edf0df;font-size:9px;letter-spacing:2px}.hero-number{position:absolute;bottom:67px;right:8%;font-size:12px;color:white;display:none}.promise{background:var(--cream);border-bottom:1px solid var(--line)}.promise .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;text-align:center;font-size:12px}.promise span+span{border-left:1px solid #d9dfd3}.promise span:before{content:'✳';color:var(--brand);margin-right:12px}.section{padding-top:95px;padding-bottom:95px}.split{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.story-image{position:relative;padding-right:30px;padding-bottom:30px}.story-image>img{height:440px;width:100%;object-fit:cover;object-position:65%;border-radius:140px 0 0 0}.small-note{position:absolute;bottom:0;right:0;background:var(--gold);color:var(--deep);padding:25px 35px;font-size:14px}.story-copy>p:not(.eyebrow){max-width:480px}.textlink{font-weight:600;color:var(--brand);font-size:12px;display:inline-block;border-bottom:1px solid #8ebdb1;padding-bottom:6px}.textlink:hover{color:var(--deep);border-color:var(--deep)}.soft{background:var(--cream)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-title h2{margin-bottom:0}.section-title .eyebrow{margin-bottom:15px}.section-title>p{max-width:400px;margin-bottom:5px}.grid{display:grid;gap:28px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:white;border:1px solid var(--line);transition:transform .2s}.card:hover{transform:translateY(-4px)}.picture{display:block;position:relative;height:265px;background:#edf0e5;overflow:hidden}.picture img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.card:hover .picture img{transform:scale(1.05)}.dairy-fresh-milk img{object-position:15%}.dairy-ghee img{object-position:60%}.dairy-yogurt img{object-position:90%}.tag{position:absolute;top:16px;left:16px;background:#fff;color:var(--brand);font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 12px}.tag.static{position:static;display:inline-block;background:#e7f1ec;margin-bottom:20px}.cardbody{padding:25px 27px}.cardbody h3{margin-bottom:10px;font-family:Georgia,serif;font-size:25px}.cardbody p{font-size:12px;line-height:1.8;min-height:43px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{background:var(--cream);border-top:3px solid var(--brand);padding:28px 24px;position:relative;transition:.2s}.category:nth-child(even){background:#e9f0e9}.category:hover{background:var(--deep);color:white;transform:translateY(-3px)}.category span{font-size:9px;letter-spacing:1.4px}.category h3{font:29px Georgia,serif;margin:28px 0}.category b{font-size:11px;font-weight:500}.notice{font-size:12px;padding:15px 19px;border-left:3px solid var(--gold);background:#fcfaf0;line-height:1.7;margin:28px 0;color:#697466}.feature-banner{height:475px;position:relative;isolation:isolate;background:var(--deep);overflow:hidden}.feature-banner>img{width:100%;height:100%;object-fit:cover;object-position:80%;position:absolute;z-index:-2}.feature-banner:after{content:'';inset:0;position:absolute;background:linear-gradient(90deg,#063e38ed,#063e3880 55%,transparent);z-index:-1}.feature-banner .wrap{padding-top:75px}.feature-banner h2,.feature-banner .eyebrow{color:#fff}.feature-banner h2 em{color:var(--gold)}.gallery-preview{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.gallery-preview img{height:280px;width:100%;object-fit:cover}.cta{padding:55px 60px;margin-bottom:90px;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:39px;margin-bottom:12px}.cta p{margin-bottom:0}.cta .eyebrow{margin-bottom:14px}footer{background:var(--deep);color:#d2e2d5;padding:65px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:55px}.footerlogo{margin-bottom:24px;height:auto;width:220px}.footer-grid h3{font-size:13px;color:white;margin-bottom:23px}.footer-grid a{display:block;font-size:12px;margin-bottom:10px}.footer-grid p{font-size:13px;color:#9fbdb2}.footer-note{margin-top:20px;line-height:1.8!important;font-size:10px!important}.footerbottom{margin-top:45px;padding-top:20px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a4c3b7}.pagehead{background:var(--cream);padding:27px 0 67px;border-bottom:1px solid var(--line)}.crumb{font-size:10px;color:var(--muted);margin-bottom:40px}.crumb a{color:var(--brand)}.pagehead .eyebrow{margin-bottom:20px}.pagehead h1{font-size:62px}.pagehead>div>p:last-child{max-width:670px;margin-bottom:0}.rounded{width:100%;height:450px;object-fit:cover;border-radius:3px}.value{padding:30px 0;border-top:1px solid #ccd9cf}.value>span{color:var(--brand);font-size:12px}.value h3{margin-top:25px;font-family:Georgia,serif;font-size:28px}.value p{font-size:14px}.toolbar{display:flex;gap:25px;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.search{width:440px;max-width:100%}label{display:block;font-size:12px;font-weight:600;color:var(--ink)}input,select,textarea{width:100%;padding:13px 15px;background:#fff;color:var(--ink);border:1px solid #ccd8d0;border-radius:0;margin-top:7px;outline:none;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px #087e7519}.filters{display:flex;gap:8px}.filters button,.category-links a{border:1px solid var(--line);background:white;color:var(--ink);padding:9px 18px;font-size:12px}.filters button.active,.category-links a.active{background:var(--brand);color:white}.category-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.category-links a:hover{border-color:var(--brand)}.meta{display:flex;justify-content:space-between;font-size:10px;color:var(--brand);letter-spacing:1px;margin-bottom:15px}.meta span{color:#9a9e88;font-size:8px}.cardfoot{display:flex;justify-content:space-between;align-items:center}.save{border:1px solid var(--line);background:#fff;color:var(--brand);width:35px;height:35px;font-size:22px;line-height:1}.saved{background:var(--gold)!important;color:var(--deep)!important}.empty{text-align:center;padding:50px;background:var(--cream)}[hidden]{display:none!important}dl{margin:30px 0}dl>div{display:flex;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}dt{color:var(--muted)}dd{margin:0;text-align:right}.caption{font-size:11px;margin-top:15px;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.gallery-item{position:relative;border:0;background:var(--deep);padding:0;text-align:left;overflow:hidden}.gallery-item:first-child{grid-column:span 2}.gallery-item img{height:360px;width:100%;object-fit:cover}.gallery-item:first-child img{height:510px}.gallery-item span{display:block;padding:16px 24px;color:white;font-size:13px}.narrow{max-width:850px}.step{display:flex;gap:28px;border-top:1px solid var(--line);padding:30px 0}.step>span{font:30px Georgia,serif;color:var(--brand)}.step h3{font:26px Georgia,serif}.step p{margin-bottom:0}.narrow h2{margin-bottom:45px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:18px}summary::-webkit-details-marker{display:none}summary span{color:var(--brand)}details p{padding-top:20px;max-width:720px;font-size:14px;margin-bottom:0}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact-info{margin:35px 0}.contact-info h3{font-size:12px;margin:22px 0 5px}.contact-info p,.contact-info a{font-size:13px}form{background:var(--cream);padding:35px}form>label{margin-bottom:22px}form .grid{margin-bottom:22px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:11px}.check input{width:auto;margin-top:4px}#form-status{font-size:12px;margin:15px 0 0}#shortlist{font-size:12px;margin-bottom:20px}#shortlist button{background:transparent;border:0;text-decoration:underline;color:var(--brand)}.booklet{text-align:center;max-width:850px}.booklet>img{width:150px;height:180px;object-fit:contain;margin:0 auto 40px}.booklet .actions{justify-content:center}.booklet h2{font-size:65px}.prose h3{margin-top:35px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}:focus-visible{outline:3px solid #e7b52c;outline-offset:4px}dialog{border:0;padding:0;max-width:90vw;max-height:90vh;background:var(--deep)}dialog::backdrop{background:#00241ee8}dialog>img{max-height:85vh;max-width:85vw;object-fit:contain}.close-lightbox{position:absolute;right:10px;top:10px;background:white;border:0;width:38px;height:38px;font-size:28px;color:var(--deep)}@media(min-width:1500px){.hero{height:730px}.hero-inner{padding-top:120px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.navrow{gap:20px}.navrow nav{gap:20px}.logo{width:180px}.navcta{margin:0}.split{gap:50px}.picture{height:220px}.footer-grid{gap:30px}.contact-layout{gap:50px}}@media(max-width:850px){.navrow{height:80px}.menu-toggle{display:block;background:none;border:0;color:var(--brand);font-size:20px;margin-left:auto}.menu-toggle span{font-size:12px}.navrow nav{display:none;position:absolute;top:80px;left:0;width:100%;background:white;border-bottom:1px solid var(--line);padding:25px 30px}.navrow nav.open{display:flex;align-items:flex-start;flex-direction:column}.current:after{bottom:-4px}.navcta{padding:9px 13px;font-size:11px}.hero{height:600px}.hero-inner{padding-top:80px}.hero h1{font-size:68px}.split{gap:35px}.three{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.story-image>img{height:400px}.small-note{padding:20px;font-size:12px}.section{padding-top:65px;padding-bottom:65px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}.gallery-preview img{height:220px}.contact-layout{grid-template-columns:1fr;gap:35px}.toolbar{flex-wrap:wrap}.cta{padding:40px;margin-bottom:60px}.promise span:before{display:none}.gallery-item img{height:260px}.gallery-item:first-child img{height:380px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.topbar .wrap{min-height:32px;font-size:9px}.topbar .wrap>div a:not(:last-child){display:none}.topbar .wrap>div{gap:8px}.logo{width:155px;height:52px}.navcta{display:none}.navrow{height:76px}.navrow nav{top:76px}.hero{height:600px}.hero-inner{padding-top:70px}.hero h1{font-size:59px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;max-width:260px}.hero p:not(.eyebrow){font-size:14px}.heroimage{object-position:65%}.hero:after{background:linear-gradient(90deg,#042e24d9,#042e2466)}.hero .btn{padding:12px 18px;font-size:11px}.hero-bottom{font-size:8px;letter-spacing:1px;margin-top:70px}.hero-bottom a{display:none}.promise .wrap{grid-template-columns:1fr 1fr;gap:12px;font-size:10px;padding:20px 0}.promise span:nth-child(3){border-left:0}.split{grid-template-columns:1fr;gap:35px}.story-image{padding-right:20px;padding-bottom:25px}.story-image>img{height:330px;border-radius:100px 0 0 0}.section{padding-top:55px;padding-bottom:55px}h2{font-size:37px;letter-spacing:-1px}.eyebrow{font-size:9px;margin-bottom:16px}.section-title{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:28px}.three,.two{grid-template-columns:1fr}.grid{gap:22px}.picture{height:270px}.cardbody p{min-height:0}.category{padding:22px 18px}.category h3{font-size:24px;margin:25px 0}.category span{font-size:8px;letter-spacing:.7px}.category b{font-size:10px}.feature-banner{height:400px}.feature-banner .wrap{padding-top:65px}.gallery-preview{grid-template-columns:1fr 1fr;gap:12px}.gallery-preview>img:first-child{grid-column:span 2;height:230px}.gallery-preview img{height:180px}.cta{padding:30px 25px;display:block;margin-bottom:55px}.cta h2{font-size:32px}.cta .btn{margin-top:25px}.footer-grid{gap:35px 25px;grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footerbottom{flex-direction:column;gap:10px}.footerbottom span:nth-child(2){display:none}.pagehead{padding-bottom:42px}.pagehead h1{font-size:45px;letter-spacing:-1.3px}.crumb{margin-bottom:30px}.pagehead>div>p:last-child{font-size:13px}.rounded{height:330px}.filters{flex-wrap:wrap}.filters button{padding:8px 13px}.toolbar{gap:20px}.search{width:100%}.category-links a{padding:7px 12px;font-size:11px}.gallery-grid{grid-template-columns:1fr}.gallery-item:first-child{grid-column:auto}.gallery-item:first-child img,.gallery-item img{height:280px}summary{font-size:16px}.step{gap:20px}.step h3{font-size:23px}form{padding:24px 20px}.booklet h2{font-size:46px}.booklet>img{width:120px;height:150px}.caption{font-size:10px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}@media print{header,.topbar,footer,.btn,.menu-toggle,.cta{display:none!important}.pagehead{padding:20px 0}.section{padding:25px 0}.wrap{width:95%}.booklet{break-inside:avoid}body{color:#111;background:white}.notice{border:1px solid #ddd}.hero{height:500px}}
@media(max-width:360px){.category-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.hero h1{font-size:47px}.hero .actions{gap:10px}.hero .btn{font-size:10px;padding:10px 12px}.menu-toggle span{display:none}.topbar .wrap>span{max-width:150px;font-size:8px}.navrow{gap:12px}} .grid>*{min-width:0}