/* AGROSTACK | Cohesive, customer-first visual refinement.
   Additive; no changes to transaction authority, specialist decisions or APIs. */
:root {
 --age-forest:var(--af-forest-fill,#1E4D3B);--age-forest-deep:var(--af-forestd,#123528); --age-paper:var(--af-paddy,#F7F3E6);
 --age-ink:var(--af-ink,#1C2B26);--age-muted:var(--af-mut,#5B6B63); --age-line:var(--af-mist,#E4EDE6);
 --age-citrus:#d5eb9f; --age-white:#fff; --age-focus:var(--af-focus,#1469A8);
 --age-ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-padding-top:110px}
body.ag-elevated{background:var(--age-paper);color:var(--age-ink);font-size:16px;line-height:1.6}
body.ag-elevated :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--age-focus)!important;outline-offset:3px!important}
body.ag-elevated :is(.surface-header,.site-header) {
 background:color-mix(in srgb,var(--af-white,#FFFFFF) 98%,transparent)!important;color:var(--age-ink)!important;
 border:0;border-bottom:1px solid var(--age-line);box-shadow:0 2px 18px color-mix(in srgb,var(--af-ink,#1C2B26) 4%,transparent);
 position:relative;z-index:12;
}
body.ag-elevated .surface-header::after{display:none}
body.ag-elevated :is(.surface-logo,.site-header .brand) {color:var(--af-forest,var(--af-forest,#1E4D3B))}
body.ag-elevated .surface-header .surface-logo strong{color:var(--af-forest,var(--af-forest,#1E4D3B))}
body.ag-elevated .surface-header .surface-logo small{color:var(--af-mut,#5B6B63);font-size:10px}
body.ag-elevated :is(.logo-plate,.brand-symbol) {
 background:var(--age-forest);color:white;border-radius:13px;
}
body.ag-elevated :is(.surface-header nav,.site-header nav){gap:clamp(9px,1.2vw,21px)}
body.ag-elevated :is(.surface-header nav a,.site-header nav a){
 color:var(--age-ink);font-weight:700;font-size:14px;line-height:1.3;
 min-height:44px;display:inline-flex;align-items:center;
}
body.ag-elevated :is(.surface-header nav a,.site-header nav a):hover,
body.ag-elevated :is(.surface-header nav a,.site-header nav a):focus-visible{
 color:var(--af-forest,#1E4D3B);border-bottom-color:var(--af-ok,#1D7644);
}
body.ag-elevated :is(.mode,.preview-tag){
 color:var(--af-forest,#1E4D3B)!important;border:1px solid #d4e3d2!important;
 background:var(--af-paddy,#F7F3E6)!important;border-radius:30px;
 font-size:11px;letter-spacing:.045em;
}
body.ag-elevated.surface main{max-width:1530px}
body.ag-elevated .surface-hero{
 background:linear-gradient(117deg,var(--age-forest-deep),#1b5a43)!important;
 border-radius:27px;min-height:420px;overflow:hidden;margin-top:12px;
 box-shadow:0 24px 65px color-mix(in srgb,var(--af-forestd,#123528) 12%,transparent);
}
body.ag-elevated .surface-hero::before{display:none}
body.ag-elevated .surface-hero .hero-copy{padding:clamp(35px,5vw,76px)}
body.ag-elevated .surface-hero h1{
 color:white;font-size:clamp(39px,4.5vw,64px);
 line-height:1.08;letter-spacing:-.05em;max-width:700px;
}
body.ag-elevated .surface-hero h1 i{color:#d5eb9f;font-style:italic}
body.ag-elevated .surface-hero .kicker{color:#d5eb9f;font-size:12px}
body.ag-elevated .surface-hero p{color:#e4f2e9;font-size:16px;line-height:1.72}
body.ag-elevated .surface-hero .hero-button {
 background:#d5eb9f;color:var(--af-on-turmeric,#1C2B26);min-height:48px;
 border:0;box-shadow:none;border-radius:12px;
}
body.ag-elevated .surface-hero .caption{font-size:12px;color:var(--af-on-dark,#D5E5DA)}
body.ag-elevated .surface-hero .hero-art {
 border:none;min-height:420px;
 background-position:center!important;background-size:cover!important;
}
body.ag-elevated .surface-hero .hero-art .art-label{
 background:rgba(6,38,29,.78);color:white;letter-spacing:.12em;font-size:11px;
}
body.ag-elevated.surface-consumer .surface-hero .hero-art{
 background-image:linear-gradient(90deg,color-mix(in srgb,var(--af-forestd,#123528) 6%,transparent),color-mix(in srgb,var(--af-forestd,#123528) 18%,transparent)),url('/media/produce-market-performance.jpg')!important}
body.ag-elevated.surface-farmer .surface-hero .hero-art{
 background-image:linear-gradient(90deg,color-mix(in srgb,var(--af-forestd,#123528) 7%,transparent),color-mix(in srgb,var(--af-forestd,#123528) 22%,transparent)),url('/media/farm-harvest-performance.jpg')!important}
body.ag-elevated.surface-corporate .surface-hero .hero-art{
 background-image:linear-gradient(90deg,color-mix(in srgb,var(--af-forestd,#123528) 8%,transparent),color-mix(in srgb,var(--af-forestd,#123528) 24%,transparent)),url('/media/institutional-performance.jpg')!important}
body.ag-elevated.surface-equipment .surface-hero .hero-art,
body.ag-elevated.surface-rental .surface-hero .hero-art{
 background-image:linear-gradient(90deg,color-mix(in srgb,var(--af-forestd,#123528) 12%,transparent),color-mix(in srgb,var(--af-forestd,#123528) 34%,transparent)),url('/media/farm-future-performance.jpg')!important}
body.ag-elevated.surface-farm-services .surface-hero .hero-art,
body.ag-elevated.surface-agro-inputs .surface-hero .hero-art{
 background-image:linear-gradient(90deg,color-mix(in srgb,var(--af-forestd,#123528) 8%,transparent),color-mix(in srgb,var(--af-forestd,#123528) 24%,transparent)),url('/media/farm-plants-performance.jpg')!important}
body.ag-elevated .surface .focus-card{min-height:0}
body.ag-elevated :is(.focus-card,.expert-card,.intent-card,.flow-card,.help-card){
 border-color:var(--age-line);border-radius:17px;
 box-shadow:0 8px 30px rgba(18,64,40,.045);
}
body.ag-elevated :is(.focus-card,.expert-card,.intent-card,.flow-card) :is(p,small){
 font-size:max(13px,1em);line-height:1.65;
}
body.ag-elevated :is(.surface .focus-card,.surface .expert-card,.surface .flow-card) p{
 color:var(--af-forest,#1E4D3B);font-size:14px;
}
body.ag-elevated .section-head h2,body.ag-elevated .intro-block h2{
 letter-spacing:-.035em;font-size:clamp(30px,3.2vw,44px);color:var(--age-ink);
}
body.ag-elevated :is(input,select,textarea){min-height:44px;font-size:15px}
body.ag-elevated :is(button,a.hero-button,.intent-card,.expert-card){transition:transform .22s var(--age-ease),box-shadow .22s var(--age-ease)}
body.ag-elevated :is(.intent-card,.shop-category-card,.expert-card):hover{
 transform:translateY(-3px);box-shadow:0 18px 42px rgba(18,64,40,.11);
}
body.ag-elevated :is(.site-header,.surface-header) nav a{
 text-decoration:none;
}
body.ag-elevated .hero.storefront-hero{min-height:0;padding:44px 0 40px}
body.ag-elevated .storefront-hero h1{font-size:clamp(46px,5.6vw,80px);line-height:1.01;letter-spacing:-.05em}
body.ag-elevated .storefront-hero .hero-summary{color:var(--af-forest,#1E4D3B);font-size:19px;line-height:1.58}
body.ag-elevated .storefront-hero-image{
 background-image:linear-gradient(0deg,rgba(0,26,16,.26),rgba(0,26,16,.02)),url('/media/produce-market-performance.jpg');
 border-radius:23px;box-shadow:0 24px 64px color-mix(in srgb,var(--af-ink,#1C2B26) 15%,transparent);
}
body.ag-elevated .hero-route-actions a{min-height:49px;letter-spacing:-.01em}
body.ag-elevated .hero-route-actions .primary-action{background:var(--age-forest);color:white}
body.ag-elevated .hero-route-actions .secondary-action{color:var(--af-forest,var(--af-forest,#1E4D3B));border-color:#7ca794}
body.ag-elevated .intent-card{background:var(--af-white,#FFFFFF);min-height:220px}
body.ag-elevated .intent-name{font-size:clamp(18px,1.45vw,22px)}
body.ag-elevated .intent-desc{font-size:14px;color:var(--af-mut,#5B6B63)}
body.ag-elevated .intent-link{font-size:13px}
body.ag-elevated .shop-category-card,body.ag-elevated .catalog-browser{
 background:var(--af-white,#FFFFFF);border:1px solid var(--age-line);border-radius:18px;overflow:hidden;
}
body.ag-elevated .catalog-explorer{margin-top:10px}
body.ag-elevated .shop-categories{border-top:1px solid var(--age-line)}
body.ag-elevated .help-card :is(label,textarea,select){font-size:15px}
body.ag-elevated .service-warning{background:var(--af-paddy,#F7F3E6);color:var(--af-turmeric-ink,#876100)}
body.ag-elevated :is(.surface-footer,footer){font-size:13px}
@media (max-width:1060px){
 body.ag-elevated .surface-header{height:auto;flex-wrap:wrap;row-gap:12px}
 body.ag-elevated .surface-header .mode{margin-left:auto}
}
@media (max-width:760px){
 html{scroll-padding-top:16px}
 body.ag-elevated :is(.site-header,.surface-header){padding:15px 16px;gap:11px}
 body.ag-elevated :is(.site-header nav,.surface-header nav){
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;
  overscroll-behavior-inline:contain;scroll-snap-type:x proximity;
  width:100%;gap:8px;padding:2px 1px 10px;scrollbar-width:thin;
 }
 body.ag-elevated :is(.site-header nav a,.surface-header nav a){
  flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;
  border:1px solid var(--af-mist,#E4EDE6);min-height:44px;padding:10px 13px;
  border-radius:10px;background:var(--af-paddy,#F7F3E6)!important;color:var(--af-forest,var(--af-forest,#1E4D3B))!important;
 }
 body.ag-elevated :is(.site-header .preview-tag,.surface-header .mode){font-size:10px}
 body.ag-elevated .hero.storefront-hero{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:22px;padding:25px 0 21px;
 }
 body.ag-elevated .storefront-hero h1{font-size:clamp(40px,10vw,55px)}
 body.ag-elevated .storefront-hero .hero-summary{font-size:16px}
 body.ag-elevated .storefront-hero-image{height:225px;border-radius:17px}
 body.ag-elevated .surface-hero{grid-template-columns:minmax(0,1fr);border-radius:20px}
 body.ag-elevated .surface-hero .hero-copy{padding:31px 25px 26px}
 body.ag-elevated .surface-hero h1{font-size:clamp(38px,9vw,51px)}
 body.ag-elevated .surface-hero .hero-art{min-height:210px}
 body.ag-elevated .surface-hero p{font-size:15px}
 body.ag-elevated .surface-header .mode{align-self:flex-start;margin:0}
 body.ag-elevated .intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ag-elevated .intent-card{min-height:188px}
 body.ag-elevated .intent-desc{font-size:13px}
 body.ag-elevated .catalog-explorer{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:450px){
 body.ag-elevated .intent-grid{grid-template-columns:minmax(0,1fr)}
 body.ag-elevated .intent-card{min-height:135px}
 body.ag-elevated .hero-route-actions a{flex-basis:100%}
 body.ag-elevated .shop-category-grid{grid-template-columns:minmax(0,1fr)}
}
/* Mobile/compact-site navigation: use a real disclosure only after JS initialization.
   With scripts unavailable, existing horizontal-scroll navigation remains reachable. */
body.ag-elevated :is(.site-header,.surface-header) > .ag-mobile-toggle{display:none!important}
@media(max-width:880px){
 body.ag-elevated :is(.site-header,.surface-header).ag-nav-ready > .ag-mobile-toggle{
  display:inline-flex!important;align-items:center;justify-content:center;
  margin-left:auto;min-height:44px;min-width:88px;padding:8px 16px;
  border-radius:11px;border:1px solid #9ebbad;background:var(--af-paddy,#F7F3E6);
  color:var(--af-forest,#1E4D3B);font-size:14px;font-weight:750;
 }
 body.ag-elevated :is(.site-header,.surface-header).ag-nav-ready > .ag-mobile-toggle[aria-expanded="true"]{
  background:var(--af-forestd,#123528);color:white;
 }
 body.ag-elevated :is(.site-header,.surface-header).ag-nav-ready > nav:not(.ag-nav-open){display:none!important}
 body.ag-elevated :is(.site-header,.surface-header).ag-nav-ready > nav.ag-nav-open{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
  flex:1 0 100%;order:10;width:100%;max-width:100%;overflow:visible;
  white-space:normal;gap:9px;padding:12px 0 7px;
  scroll-snap-type:none;
 }
 body.ag-elevated :is(.site-header,.surface-header).ag-nav-ready > nav.ag-nav-open > a{
  display:flex!important;align-items:center;justify-content:flex-start;
  width:100%;min-width:0;min-height:48px;padding:11px 13px;
  white-space:normal;overflow-wrap:anywhere;line-height:1.35;
  border:1px solid var(--af-mist,#E4EDE6);border-radius:10px;background:var(--af-paddy,#F7F3E6)!important;
  color:var(--af-forest,#1E4D3B)!important;
 }
}
@media(max-width:400px){
 body.ag-elevated :is(.site-header,.surface-header).ag-nav-ready > nav.ag-nav-open{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 body.ag-elevated :is(button,a.hero-button,.intent-card,.expert-card,.shop-category-card){
  transition:none!important;transform:none!important;
 }
}

/* AGROSTACK-owned consumer checkout, order and invoice presentation. */
body.ag-elevated .buyer-header {
 background:color-mix(in srgb,var(--af-white,#FFFFFF) 98%,transparent);border-bottom:1px solid var(--age-line);
 box-shadow:0 2px 16px color-mix(in srgb,var(--af-forestd,#123528) 5%,transparent);gap:20px;
}
body.ag-elevated .buyer-brand{
 font-family:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
 color:var(--af-forest,var(--af-forest,#1E4D3B));font-size:26px;letter-spacing:-.055em;
}
body.ag-elevated .buyer-brand span{font-family:system-ui,sans-serif;font-size:10px;color:var(--af-mut,#5B6B63);letter-spacing:.11em}
body.ag-elevated .buyer-header nav{gap:clamp(8px,1.5vw,22px)}
body.ag-elevated .buyer-header nav a{
 min-height:44px;display:inline-flex;align-items:center;
 color:var(--af-forest,var(--af-forest,#1E4D3B));font-size:14px;font-weight:750;
}
body.ag-elevated .buyer-layout{max-width:1240px;padding:clamp(30px,4vw,60px) 24px 95px}
body.ag-elevated .buyer-layout h1{
 font-family:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
 font-size:clamp(40px,4.75vw,65px);font-weight:760;
 line-height:1.07;letter-spacing:-.05em;color:var(--af-forest,var(--af-forest,#1E4D3B));
}
body.ag-elevated .buyer-lead{font-size:17px;color:var(--age-muted);max-width:730px}
body.ag-elevated .buyer-eyebrow{color:var(--af-forest,#1E4D3B);font-size:12px;letter-spacing:.125em}
body.ag-elevated .buyer-progress{
 background:var(--af-mist,#E4EDE6);gap:7px;border-radius:15px;padding:7px;
 border:1px solid var(--af-mist,#E4EDE6);
}
body.ag-elevated .buyer-progress span{
 color:var(--af-forest,#1E4D3B);font-size:13px;min-height:50px;
 display:grid;place-items:center;border-radius:10px;
}
body.ag-elevated .buyer-panel{
 background:var(--af-white,#FFFFFF);border:1px solid var(--age-line);border-radius:17px;
 box-shadow:0 8px 30px color-mix(in srgb,var(--af-forestd,#123528) 4%,transparent);
}
body.ag-elevated .buyer-panel h2{letter-spacing:-.035em;color:var(--af-forest,var(--af-forest,#1E4D3B))}
body.ag-elevated .buyer-alert{
 border-radius:12px;font-size:14px;line-height:1.55;
}
body.ag-elevated .buyer-form :is(input,select,textarea){min-height:48px;border-radius:10px}
body.ag-elevated .buyer-form :is(button,[type=submit]),
body.ag-elevated .buyer-button{
 min-height:46px;border-radius:10px;
}
body.ag-elevated .buyer-footer{font-size:13px;line-height:1.6}
@media(max-width:760px){
 body.ag-elevated .buyer-header{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:12px}
 body.ag-elevated .buyer-header nav{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;width:100%;
  gap:8px;padding:2px 1px 9px;scrollbar-width:thin;
 }
 body.ag-elevated .buyer-header nav a{
  min-height:44px;white-space:nowrap;flex:0 0 auto;
  border-radius:10px;border:1px solid var(--af-mist,#E4EDE6);
  padding:9px 13px;background:var(--af-paddy,#F7F3E6);color:var(--af-forest,var(--af-forest,#1E4D3B));
 }
 body.ag-elevated .buyer-layout{padding:28px 16px 64px}
 body.ag-elevated .buyer-layout h1{font-size:clamp(35px,9vw,48px)}
 body.ag-elevated .buyer-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 body.ag-elevated .buyer-progress span{font-size:12px}
}