/* Shared header-to-hero spacing for commercial pages. */
body.storefront main.growerspage,body.storefront main.applicationpage,body.storefront main.policy-page{max-width:1440px;margin-inline:auto;margin-top:0;padding-top:0;padding-inline:clamp(24px,4.5vw,60px)}
body.storefront main.growerspage>.breadcrumbs,body.storefront main.applicationpage>.breadcrumbs,body.storefront main.policy-page>.breadcrumbs{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;min-height:0;margin:0;padding:30px 0;border:0;background:none;font:400 14px/1.55 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--muted);white-space:normal;overflow:visible}
body.storefront main.growerspage>.breadcrumbs a,body.storefront main.applicationpage>.breadcrumbs a,body.storefront main.policy-page>.breadcrumbs a{margin:0;padding:0;font:inherit;color:inherit;text-decoration:none}
@media(max-width:700px){body.storefront main.growerspage,body.storefront main.applicationpage,body.storefront main.policy-page{padding-inline:20px}}
@media(max-width:680px){body.storefront main.growerspage>.breadcrumbs,body.storefront main.applicationpage>.breadcrumbs,body.storefront main.policy-page>.breadcrumbs{padding:26px 0;font-size:13px}}

/* Policy content uses the full commercial-page container. */
body.storefront main.policy-page>.supporthero{padding-top:0;margin-top:0}
body.storefront main.policy-page>.policygrid{grid-template-columns:240px minmax(0,1fr)}
@media(max-width:1000px){body.storefront main.policy-page>.policygrid{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){body.storefront main.policy-page>.policygrid{grid-template-columns:1fr}}

/* Align these landing pages with the header and homepage on desktop. */
@media(min-width:851px){
 body.storefront main.growerspage.site-width-page,body.storefront main.policy-page.site-width-page,body.storefront main.applicationpage.site-width-page{--editorial-gutter:6px;max-width:1488px;padding-inline:var(--editorial-gutter)}
}