/* ==========================================================================
   AZANSYS — AAA-20L Agriculture page
   Green agriculture design (ported from the approved UI concept).
   All classes are prefixed .agr- so the global style.css is untouched.
   ========================================================================== */
.agriculture-page{color:#101a20;font-size:14px;background:#fff;--agr-green:#07853c;--agr-green-dark:#056b30;--agr-deep:#00271e;--agr-band:#04291c;--agr-ink:#101a20;--agr-muted:#4c5558;--agr-line:#e4e9e6;--agr-max:1280px}
.agriculture-page h1,.agriculture-page h2,.agriculture-page h3,.agriculture-page h4{color:#0d1a14;margin:0}
.agriculture-page p{margin:0}
.agriculture-page img{display:block}

/* ---------- shared bits ---------- */
.agr-section{max-width:var(--agr-max);margin-inline:auto;padding:66px 5.5%}
.agr-eyebrow{font-size:12px;font-weight:700;letter-spacing:.4px;margin:0 0 18px;color:#33473c}
.agr-eyebrow-green{color:#07813a;margin-bottom:14px}
.agr-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.agr-section-head h2{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-1.2px;font-weight:850;margin:0}
.agr-section-head-stack{align-items:flex-start}
.agr-section-head-stack>p{font-size:12px;line-height:1.6;color:#4b5352;max-width:430px}
.agr-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:30px;padding:12px 23px;font-weight:600;font-size:12px;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.agr-button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #001b141c}
.agr-button-green{background:var(--agr-green);color:#fff}
.agr-button-green:hover{background:var(--agr-green-dark)}
.agr-button-white{background:#fff;color:#18201d}
.agr-button-outline{border-color:#188b4b;color:#0d1a14;background:#fff}
.agr-button-outline:hover{background:#f2f9f4}
.agr-play-mini{font-size:9px;border:1px solid #777;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}

/* ---------- HERO ---------- */
.agr-hero{position:relative;overflow:hidden;background:#dfeae3;min-height:575px;display:flex;flex-direction:column}
.agr-hero-image{position:absolute;inset:0;background-image:var(--agr-img);background-size:cover;background-position:center 54%}
.agr-hero-content{position:relative;z-index:1;padding:5% 8% 7px;max-width:760px}
.agr-hero h1{font-size:clamp(42px,5vw,68px);line-height:.99;letter-spacing:-2.7px;font-weight:900}
.agr-hero h1 span{display:block;font-size:.72em;letter-spacing:-1.7px;color:#06722f}
.agr-hero-sub{font-size:17px;font-weight:700;margin:14px 0 0;color:#16281f}
.agr-hero-copy{font-size:14px;line-height:1.55;max-width:390px;margin:17px 0 24px;color:#ffffff}
.agr-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.agr-hero-stats{position:relative;z-index:2;margin-top:auto;min-height:112px;padding:0 15%;display:flex;align-items:center;background: #00000030;
    border: 1px solid #0000002b;}
.agr-stat{display:flex;align-items:center;gap:15px;flex:1;justify-content:center;min-width:0;padding:14px 0;border-right:1px solid #ffffff40}
.agr-stat:last-child{border-right:0}
.agr-stat-icon{font-size:44px;line-height:1;color:#ffffff;font-weight: 700;}
.agr-stat p{display:flex;flex-direction:column;gap:4px}
.agr-stat strong{font-size:16px;color:#fff}
.agr-stat small{font-size:11px;color:#d9e8df}

/* ---------- HERO: auto-rotating image over the banner (right side) ----------
   No frame, no background: transparent PNG images sit straight on the banner. */
.agr-hero-slides{position:absolute;z-index:1;top:50%;right:6%;width:41%;aspect-ratio:4/3;transform:translateY(-56%);background:none;border:0}
.agr-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity .9s ease;filter:drop-shadow(0 12px 20px #00200f29)}
.agr-hero-slide.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.agr-hero-slide{transition:none;filter:none}}

/* ---------- ABOUT ---------- */
.agr-about{min-height:470px;display:grid;grid-template-columns:.95fr 1.2fr;align-items:center;gap:35px}
.agr-about-copy>h2{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-1.2px;font-weight:850;margin:0 0 20px}
.agr-about-copy>p:not(.agr-eyebrow){font-size:14px;line-height:1.65;color:#3e4748;max-width:480px}
.agr-check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}
.agr-check-list li{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:600}
.agr-check-list li span{background:var(--agr-green);color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:16px;flex:0 0 auto}
.agr-about-product{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center}
.agr-orbit{position:absolute;width:85%;height:90%;border-radius:50%;border:30px solid #e7f3e9;box-shadow:inset 0 0 0 2px #d7e9dc;transform:rotate(-12deg)}
.agr-product-shot{position:relative;z-index:1;width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 15px 12px #00000026)}
.agr-product-label{position:absolute;right:0;top:12px;z-index:2;background:#fff;padding:12px 16px;display:flex;flex-direction:column;gap:5px;box-shadow:0 5px 20px #0000001a}
.agr-product-label strong{font-size:17px}
.agr-product-label span{font-size:10px;line-height:1.5}
.agr-product-label i{position:absolute;right:-20px;top:-12px;color:#07853c;font-size:28px}

/* ---------- KEY HIGHLIGHTS ---------- */
.agr-highlights{padding:35px 5.5% 32px;color:#fff;background-image:var(--agr-img);background-size:cover;background-position:center 55%}
.agr-highlights-head{max-width:var(--agr-max);margin:0 auto 25px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.agr-highlights-head .agr-eyebrow{margin-bottom:10px;color:#bfe9d0}
.agr-highlights-head h2{font-size:clamp(25px,2.7vw,37px);line-height:1.06;letter-spacing:-.8px;color:#fff}
.agr-highlights-head>p{font-size:12px;line-height:1.6;max-width:330px;color:#e6f2ea}
.agr-highlight-cards{max-width:var(--agr-max);margin-inline:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.agr-highlight-card{background:#fff;color:#111;border-radius:10px;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 8px;gap:7px;box-shadow:0 3px 12px #00170c33}
.agr-highlight-card span{font-size:28px;color:var(--agr-green)}
.agr-highlight-card strong{font-size:13px}
.agr-highlight-card small{font-size:11px;color:#3f4a44}

/* ---------- FEATURES ---------- */
.agr-features{padding-top:58px;padding-bottom:62px}
.agr-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.agr-feature-card{border:1px solid #e1e6e3;border-radius:11px;overflow:hidden;box-shadow:0 5px 16px #001d0d0f;background:#fff;display:flex;flex-direction:column}
.agr-feature-image{height:150px;width:100%;object-fit:cover}
.agr-feature-body{padding:17px 16px 16px;display:flex;flex-direction:column;flex:1 1 auto}
.agr-feature-body h3{font-size:14px;margin:0 0 10px}
.agr-feature-body p{font-size:12px;line-height:1.5;color:#404944;min-height:36px}
.agr-feature-body>a{display:grid;place-items:center;border:1px solid #15934b;border-radius:50%;width:25px;height:25px;color:#06722f;font-size:18px;margin-top:auto}

/* ---------- APPLICATIONS ---------- */
.agr-applications{padding-top:0;padding-bottom:60px}
.agr-applications-head{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center;margin-bottom:24px}
.agr-applications-head h2{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-1.2px;font-weight:850}
.agr-applications-head>p{font-size:12px;line-height:1.6;color:#404944}
.agr-slider-arrows{display:flex;gap:10px}
.agr-slider-arrows button{width:39px;height:39px;border-radius:50%;border:1px solid #d7ded9;background:#fff;font-size:18px;color:#0d1a14;cursor:pointer}
.agr-slider-arrows button:hover{border-color:#15934b;color:#06722f}
.agr-crop-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.agr-crop-card{height:180px;position:relative;border-radius:11px;overflow:hidden;display:flex;align-items:flex-end;gap:8px;padding:12px;color:#fff;background-size:cover;background-position:center;background-image:linear-gradient(150deg,#1d7a45,#0a3a22)}
.agr-crop-card:before{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#06190ee8)}
.agr-crop-card>*{position:relative;z-index:1}
.agr-crop-card span{width:27px;height:27px;border-radius:50%;background:#fff;color:#06722f;display:grid;place-items:center;flex:0 0 auto}
.agr-crop-card strong{font-size:12px;line-height:1.25}
.agr-crop-paddy{background-image:linear-gradient(150deg,#1d7a45,#0a3a22)}
.agr-crop-wheat{background-image:linear-gradient(150deg,#a8812c,#4b3a12)}
.agr-crop-cotton{background-image:linear-gradient(150deg,#6f7f8c,#2c3740)}
.agr-crop-cane{background-image:linear-gradient(150deg,#3f8a2e,#123d12)}
.agr-crop-fruit{background-image:linear-gradient(150deg,#8a3c2e,#3b1a12)}
.agr-crop-veg{background-image:linear-gradient(150deg,#2f8f74,#0d3a2c)}

/* ---------- VIDEO ---------- */
.agr-video{min-height:340px;position:relative;display:flex;align-items:center;padding:45px 7%;color:#fff;overflow:hidden;background:#082c27}
.agr-video:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,18,12,.96) 0%,rgba(2,18,12,.86) 38%,rgba(2,18,12,.42) 58%,rgba(2,18,12,0) 84%),var(--agr-img);background-size:cover;background-position:center 54%}
.agr-video-copy{position:relative;z-index:1;max-width:520px}
.agr-video-copy .agr-eyebrow{color:#bfe9d0}
.agr-video-copy h2{font-size:clamp(30px,3.5vw,45px);line-height:1.02;margin:0 0 15px;color:#fff}
.agr-video-copy p:not(.agr-eyebrow){font-size:13px;line-height:1.55;color:#e8f3ec;margin-bottom:20px}
.agr-video-play{position:absolute;z-index:2;left:63%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:0;background:#fffffff2;color:#06722f;font-size:22px;box-shadow:0 0 0 12px #ffffff30;cursor:pointer}
.agr-video-play:hover{background:#fff}

/* ---------- WHY CHOOSE ---------- */
.agr-why{display:grid;grid-template-columns:1.2fr .8fr .75fr;align-items:center;padding-top:65px;padding-bottom:65px;position:relative;isolation:isolate;overflow:hidden;background-image: linear-gradient(
    90deg,
    #fff 0%,
    rgba(255, 255, 255, .98) 25%,
    rgba(255, 255, 255, .90) 38%,
    rgba(255, 255, 255, .60) 46%,
    rgba(255, 255, 255, .15) 53%,
    rgba(255, 255, 255, 0) 60%
), var(--agr-img);background-size:cover;background-position:center 43%;background-repeat:no-repeat}
.agr-why-copy h2{font-size:clamp(26px,2.6vw,36px);line-height:1.08;letter-spacing:-1.2px;font-weight:850;margin:0 0 20px}
.agr-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.agr-benefit-grid article{display:flex;align-items:center;gap:12px;border:1px solid #e6ebe7;border-radius:10px;padding:14px 12px;min-height:83px;background:rgba(255,255,255,.86)}
.agr-benefit-grid article>span{font-size:27px;color:var(--agr-green);flex:0 0 auto}
.agr-benefit-grid article div{display:flex;flex-direction:column;gap:5px}
.agr-benefit-grid strong{font-size:11px}
.agr-benefit-grid small{font-size:10px;line-height:1.4;color:#4f5955}
.agr-testimonial {
    margin: 0;
    background: rgba(255, 255, 255, .96);
    border: 1px solid #e7ebe8;
    border-radius: 12px;
    padding: 23px;
    box-shadow: 0 7px 25px #001d0d14;
    position: relative;
    z-index: 3;
    position: relative;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.agr-quote-mark{font-size:42px;color:var(--agr-green);line-height:.7;font-weight:900;display:block}
.agr-testimonial p{font-size:12px;line-height:1.65;color:#333f39;margin-top:10px}
.agr-reviewer{display:flex;align-items:center;gap:10px;margin-top:20px}
.agr-avatar{width:36px;height:36px;border-radius:50%;background:#dce7d9;color:#06722f;display:grid;place-items:center;font-weight:800;flex:0 0 auto}
.agr-reviewer div{display:flex;flex-direction:column;gap:4px}
.agr-reviewer strong{font-size:11px}
.agr-reviewer small{font-size:10px;color:#4f5955}

/* ---------- FAQ ---------- */
.agr-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;padding-top:10px;padding-bottom:70px}
.agr-faq-copy h2{font-size:clamp(29px,3vw,40px);line-height:1.08;letter-spacing:-1.2px;font-weight:850;margin:0 0 20px}
.agr-faq-copy>p:not(.agr-eyebrow){font-size:13px;line-height:1.6;color:#4b5550;max-width:300px;margin-bottom:22px}
.agr-faq-list{display:grid;gap:8px;align-content:start}
.agr-faq-list details{border:1px solid #dfe5e1;border-radius:8px;padding:0 17px;background:#fff}
.agr-faq-list summary{font-size:12px;font-weight:700;list-style:none;cursor:pointer;padding:16px 20px 16px 0;position:relative}
.agr-faq-list summary::-webkit-details-marker{display:none}
.agr-faq-list summary:after{content:"＋";position:absolute;right:0;font-size:17px;top:12px;color:#06722f}
.agr-faq-list details[open] summary:after{content:"−"}
.agr-faq-list details p{font-size:12px;line-height:1.6;color:#4b5550;margin:0;padding:0 0 16px}

/* ---------- SPECIFICATIONS ---------- */
.agr-specs{background:#f4f9f5}
.agr-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.agr-spec-card{background:#fff;border:1px solid #e2e9e4;border-radius:11px;padding:22px 22px 10px;box-shadow:0 5px 16px #001d0d0a;transition:transform .2s,box-shadow .2s}
.agr-spec-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #001d0d14}
.agr-spec-card>h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #eaf2ec;font-size:13.5px;font-weight:850}
.agr-spec-card>h3 span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e3f4e9;color:#06722f;font-size:10px;font-weight:800;flex:0 0 auto}
.agr-spec-card dl{margin:0}
.agr-spec-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #f1f7f3}
.agr-spec-row:last-child{border-bottom:0}
.agr-spec-row dt{margin:0;flex:1 1 auto;font-size:11.5px;color:#4f5955}
.agr-spec-row dd{margin:0;flex:0 1 auto;text-align:right;font-size:11.5px;font-weight:700;color:#101a20;overflow-wrap:break-word}

/* ---------- GALLERY ---------- */
.agr-gallery{background:#fff}
.agr-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.agr-shot{margin:0;position:relative;overflow:hidden;border-radius:11px;border:1px solid #e2e9e4;background:#fff;box-shadow:0 5px 16px #001d0d0a;transition:transform .2s,box-shadow .2s,border-color .2s}
.agr-shot:hover{transform:translateY(-3px);border-color:#bde0c9;box-shadow:0 14px 30px #001d0d14}
.agr-shot-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;line-height:0}
.agr-shot img{aspect-ratio:4/3;object-fit:contain;padding:14px;background:#fff;transition:transform .5s}
.agr-shot:hover img{transform:scale(1.05)}
.agr-shot figcaption{padding:12px 14px;font-size:11.5px;font-weight:650;color:#4f5955;background:#fff;border-top:1px solid #eff5f1}

/* ---------- lightbox / video modal / toast ---------- */
.agr-lightbox,.agr-video-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,18,12,.9)}
.agr-lightbox[hidden],.agr-video-modal[hidden]{display:none}
.agr-lightbox figure{max-width:min(1080px,94vw);margin:0;text-align:center}
.agr-lightbox img{max-height:80vh;width:auto;max-width:100%;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px #0000008c}
.agr-lightbox figcaption{margin-top:14px;font-size:12.5px;color:#eaf3ff}
.agr-lightbox-close,.agr-video-modal-close{position:absolute;top:20px;right:22px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff66;background:#ffffff1f;color:#fff;font-size:17px;cursor:pointer;transition:background .25s,transform .25s}
.agr-lightbox-close:hover,.agr-video-modal-close:hover{background:var(--agr-green);transform:rotate(90deg)}
.agr-video-frame{width:min(1040px,92vw);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.agr-video-frame iframe{width:100%;height:100%;border:0}
.agr-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#062e22;color:#fff;border-radius:9px;padding:14px 20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:210}
.agr-toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- MOTION: entrance, scroll reveal, hover polish ---------- */
@keyframes agrRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes agrFade{from{opacity:0}to{opacity:1}}
@keyframes agrPop{from{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}
@keyframes agrFaqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes agrFloat{0%,100%{transform:translateY(-7px)}50%{transform:translateY(7px)}}
@keyframes agrTilt{0%,100%{transform:rotate(-12deg) scale(1)}50%{transform:rotate(-7deg) scale(1.02)}}
@keyframes agrPing{0%{transform:scale(.9);opacity:.85}70%,100%{transform:scale(1.55);opacity:0}}

/* hero entrance (plays on load) */
.agr-hero-content>*{animation:agrRise .85s cubic-bezier(.2,.7,.2,1) both}
.agr-hero-content .agr-eyebrow{animation-delay:.05s}
.agr-hero-content h1{animation-delay:.13s}
.agr-hero-sub{animation-delay:.22s}
.agr-hero-copy{animation-delay:.3s}
.agr-hero-actions{animation-delay:.4s}
.agr-hero-slides{animation:agrFade .9s ease both;animation-delay:.45s}
.agr-stat{animation:agrRise .8s cubic-bezier(.2,.7,.2,1) both}
.agr-stat:nth-child(1){animation-delay:.5s}
.agr-stat:nth-child(2){animation-delay:.58s}
.agr-stat:nth-child(3){animation-delay:.66s}
.agr-stat:nth-child(4){animation-delay:.74s}
.agr-stat:nth-child(5){animation-delay:.82s}

/* scroll reveal — JS adds .agr-reveal, then .is-in, then cleans both up */
.agr-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.agr-reveal.is-in{opacity:1;transform:none}
.agr-reveal-fade{opacity:0;transition:opacity .7s ease}
.agr-reveal-fade.is-in{opacity:1}

/* living details */
.agr-product-shot{animation:agrFloat 7s ease-in-out infinite}
.agr-orbit{animation:agrTilt 9s ease-in-out infinite}
.agr-video-play:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #ffffff8c;animation:agrPing 2.6s ease-out infinite;pointer-events:none}
.agr-lightbox img,.agr-video-frame{animation:agrPop .32s cubic-bezier(.2,.7,.2,1) both}
.agr-faq-list details[open] p{animation:agrFaqIn .3s ease both}
.agr-faq-list summary:after{transition:transform .25s,color .25s}
.agr-faq-list summary:hover:after{transform:rotate(90deg)}

/* hover polish */
.agr-button>span{transition:transform .25s}
.agr-button:hover>span{transform:translateX(3px)}
.agr-feature-card,.agr-highlight-card,.agr-crop-card,.agr-benefit-grid article{transition:transform .25s,box-shadow .25s,border-color .25s}
.agr-feature-card:hover,.agr-highlight-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px #001d0d1a}
.agr-crop-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #001d0d2b}
.agr-benefit-grid article:hover{transform:translateY(-3px);border-color:#bde0c9;box-shadow:0 10px 22px #001d0d14}
.agr-feature-image{transition:transform .55s ease}
.agr-feature-card:hover .agr-feature-image{transform:scale(1.06)}
.agr-spec-row{transition:background .2s}
.agr-spec-row:hover{background:#f2f9f4}
.agriculture-page a[href^="#"]{scroll-margin-top:16px}
@media(prefers-reduced-motion:no-preference){
  html:has(body.agriculture-page){scroll-behavior:smooth}
}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .agr-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agr-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agr-hero-slides{position:relative;top:auto;right:auto;transform:none;width:41%;aspect-ratio:16/10;margin:6px auto 30px}
}
@media(max-width:1000px){
  .agr-section{padding-left:4%;padding-right:4%}
  .agr-crop-grid{grid-template-columns:repeat(3,1fr)}
  .agr-feature-grid{gap:10px}
  .agr-feature-image{height:125px}
  .agr-crop-card{height:145px;padding:8px}
  .agr-why{grid-template-columns:1fr 1fr}
  .agr-testimonial{grid-column:2;grid-row:1}
  .agr-why-copy{grid-row:1/3}
  .agr-hero-content{padding-left:6%}
  .agr-hero-stats{padding:0 6%}
  .agr-stat-icon{font-size:34px}
}
@media(max-width:700px){
  .agr-hero{min-height:0}
  .agr-hero-image{background-image:var(--agr-img);background-position:61% center}
  .agr-hero-content{padding:54px 6% 26px}
  .agr-hero h1{font-size:47px}
  .agr-hero h1 span{font-size:.65em}
  .agr-hero-sub{font-size:14px;max-width:280px}
  .agr-hero-copy{font-size:12px;max-width:290px}
  .agr-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 5%;min-height:0}
  .agr-hero-slides{width:min(340px,84%);margin:2px auto 26px}
  .agr-stat{border-right:0;justify-content:flex-start;gap:8px;padding:0}
  .agr-stat-icon{font-size:23px}
  .agr-stat strong{font-size:12px}
  .agr-stat small{font-size:9px}
  .agr-section{padding:42px 5%}
  .agr-about{grid-template-columns:1fr;gap:10px}
  .agr-section-head,.agr-about-copy>h2,.agr-applications-head h2,.agr-faq-copy h2,.agr-why-copy h2{font-size:30px}
  .agr-about-copy>p:not(.agr-eyebrow){font-size:13px}
  .agr-about-product{min-height:250px}
  .agr-product-shot{height:220px}
  .agr-orbit{border-width:20px}
  .agr-product-label{right:1%;top:0}
  .agr-highlights{padding:32px 5%}
  .agr-highlights-head{align-items:flex-start;display:grid;grid-template-columns:1fr auto;gap:12px}
  .agr-highlights-head>p{grid-column:1/-1;grid-row:2}
  .agr-highlights-head .agr-button{grid-column:1/-1;grid-row:3;justify-self:start}
  .agr-highlight-cards{grid-template-columns:repeat(2,1fr);gap:9px}
  .agr-highlight-card:last-child{grid-column:1/-1}
  .agr-feature-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .agr-feature-image{height:115px}
  .agr-feature-body{padding:13px}
  .agr-feature-body h3{font-size:12px}
  .agr-feature-body p{font-size:11px}
  .agr-section-head{align-items:flex-end;gap:10px;flex-direction:column;align-items:flex-start}
  .agr-section-head .agr-button{padding:10px 12px;font-size:10px}
  .agr-applications-head{grid-template-columns:1fr auto;gap:8px}
  .agr-applications-head>p{grid-column:1/-1;grid-row:2}
  .agr-slider-arrows{grid-column:2;grid-row:1}
  .agr-crop-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .agr-crop-grid::-webkit-scrollbar{display:none}
  .agr-crop-card{flex:0 0 62%;scroll-snap-align:start;height:150px}
  .agr-video{min-height:360px;padding:35px 6%;align-items:flex-start}
  .agr-video-copy h2{font-size:35px}
  .agr-video-play{left:76%;top:74%;width:54px;height:54px}
  .agr-why{grid-template-columns:1fr;gap:18px;background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.5) 100%),var(--agr-img);background-position:center}
  .agr-why-copy{grid-row:auto}
  .agr-testimonial{grid-column:auto;grid-row:auto;margin-top:4px}
  .agr-benefit-grid article{padding:12px 9px}
  .agr-faq{grid-template-columns:1fr;gap:25px;padding-top:20px}
  .agr-faq-copy>p:not(.agr-eyebrow){max-width:100%}
  .agr-faq-list summary{font-size:11px}
  .agr-spec-grid{grid-template-columns:1fr}
  .agr-gallery-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .agriculture-page *,.agriculture-page *:before,.agriculture-page *:after{transition:none!important;animation:none!important}
  .agr-button:hover,.agr-shot:hover,.agr-spec-card:hover,.agr-feature-card:hover,.agr-highlight-card:hover,.agr-crop-card:hover,.agr-benefit-grid article:hover{transform:none}
  .agr-button:hover>span{transform:none}
  .agr-video-play:after{display:none}
  .agriculture-page .agr-reveal,.agriculture-page .agr-reveal-fade{opacity:1;transform:none}
}

/* ---------- small-screen overflow guards ---------- */
/* Grid/flex children default to min-width:auto, which lets wide media push
   the column past the viewport on very narrow phones. */
.agr-about>*{min-width:0}
.agr-about-product{min-width:0}
.agr-about-product .agr-product-shot{min-width:0;max-width:100%}
.agr-highlights-head>*{min-width:0}
.agr-highlights-head h2{overflow-wrap:break-word}
@media(max-width:560px){
  .agr-highlights-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:left}
  .agr-highlights-head>p{max-width:100%}
}
@media(max-width:700px){
  .agr-product-label i{right:-6px;top:-8px}
}
/* .agr-testimonial is nudged with left:100% for the wide desktop overlay.
   That offset is meaningless once the panel stacks, and it pushes the
   testimonial fully off-screen (clipped by overflow:hidden) on <=1000px. */
@media(max-width:1000px){
  .agr-testimonial{left:auto;top:auto;transform:none}
}