/*
Theme Name: Zonera International Trade
Version: 0.5.0
Description: Green bilingual commodity theme with circular real photography and native WordPress pages.
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
*/
:root{--navy:#082434;--ink:#112c3a;--muted:#566975;--gold:#b48a43;--line:#d8e1e5;--paper:#f5f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:white;color:var(--ink);font:16px/1.7 Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:12px;top:-80px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.header{height:104px;background:white;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.wordmark{font:32px/1 Georgia,serif;letter-spacing:.16em;display:block}.wordmark span{display:block;font:10px/1.3 Arial,sans-serif;letter-spacing:.26em;margin-top:10px}.nav{display:flex;gap:28px;align-items:center;font-size:14px}.language{border-left:1px solid var(--line);padding-left:22px}.nav-cta{border:1px solid var(--navy);padding:11px 18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:46% 54%;min-height:640px;height:calc(100svh - 104px);max-height:850px}.hero-copy{padding:70px 10.8% 26px;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--gold);font-weight:600;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font:clamp(46px,4.8vw,78px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:8px 0 28px}h2{font:clamp(34px,3.5vw,55px)/1.16 Georgia,serif;letter-spacing:-.035em;margin-bottom:28px}h3{font:25px/1.25 Georgia,serif;letter-spacing:-.015em}.hero-description{color:var(--muted);max-width:380px;margin-bottom:32px;font-size:18px}.button{display:inline-block;padding:14px 25px;font-size:14px;border:1px solid var(--navy);transition:background .2s}.button.dark{color:white;background:var(--navy)}.button.dark:hover{background:#214455}.hero-bottom{margin-top:auto;padding-top:38px;display:flex;justify-content:space-between;width:100%;gap:12px;color:var(--muted);font-size:11px;letter-spacing:.09em}.hero-image{position:relative;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:42% 50%}.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#071e32cc)}.hero-image-copy{position:absolute;bottom:42px;left:7%;color:white}.hero-image-copy span{font-size:12px;letter-spacing:.14em}.hero-image-copy p{font:clamp(34px,3.7vw,60px)/1.12 Georgia,serif;margin:18px 0 0;letter-spacing:-.025em}.section{padding:100px 6%}.company{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid var(--line)}.company-copy{max-width:610px}.company-copy>p{color:var(--muted)}.lead{font-size:21px;line-height:1.65;color:var(--ink)!important}.markets{margin-top:34px;border-top:1px solid var(--line);padding-top:24px}.markets>span{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.markets>div{font-size:16px}.portfolio{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.section-heading>p{max-width:350px;color:var(--muted);margin-bottom:34px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 38px}.filters button{font-size:14px;background:transparent;border:1px solid #c6d2d9;padding:10px 20px;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.product-card[hidden]{display:none}.product-image{display:block;aspect-ratio:1.45;position:relative;overflow:hidden;background:white}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.product-image:hover img{transform:scale(1.04)}.product-image img[src*=urea]{object-position:50% 58%}.product-image img[src*=chickpeas]{object-position:50% 72%}.product-image img[src*=palm-oil]{object-position:50% 58%}.product-number{position:absolute;top:14px;left:14px;background:#ffffffed;padding:2px 9px;font-size:12px}.product-caption{padding:22px 0 0}.group-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:9px}.product-caption h3{margin-bottom:11px}.product-caption p{color:var(--muted);font-size:15px;min-height:50px;margin-bottom:15px}.text-link{font-size:14px;border-bottom:1px solid var(--gold);padding-bottom:5px}.approach{display:grid;grid-template-columns:45% 55%;background:var(--navy);color:white}.approach-image{position:relative;min-height:700px;overflow:hidden}.approach-image img{height:100%;width:100%;object-fit:cover;object-position:40% 50%}.approach-image>span{position:absolute;bottom:32px;left:12%;font-size:12px;letter-spacing:.15em}.approach-copy{padding:78px 11%}.approach-copy h2{font-size:clamp(35px,3.1vw,49px)}.approach ol{list-style:none;padding:0;margin:36px 0 0}.approach li{display:flex;gap:24px;border-top:1px solid #ffffff26;padding:24px 0 8px}.approach li>span{color:#ceb484;font-size:14px}.approach h3{font:20px/1.4 Arial,sans-serif;margin-bottom:8px}.approach li p{color:#b8cad4;font-size:15px}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#edf2f5}.enquiry>div>p:not(.eyebrow){max-width:480px;color:var(--muted);margin-bottom:26px}footer{background:var(--navy);color:white;padding:50px 6% 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-top p{color:#b8cad4;font-size:14px;margin:0}.footer-top>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;margin-top:38px;padding-top:22px;color:#b8cad4;font-size:12px}.credits{font-size:12px;color:#b8cad4;margin-top:22px}.credits summary{cursor:pointer}.credits ul{padding-left:18px}.credits a{text-decoration:underline}.credits li{margin-bottom:9px}.credits li>span{color:white}.detail{padding-top:60px}.breadcrumb{display:inline-block;margin-bottom:40px}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:start}.detail figure{margin:0}.detail figure img{width:100%;max-height:650px;object-fit:contain;background:var(--paper)}.detail figcaption{font-size:13px;color:var(--muted);margin-top:18px}.detail h1{font-size:clamp(42px,5vw,70px)}.detail h2{font:21px/1.4 Arial,sans-serif;margin:28px 0 10px;letter-spacing:0}.detail-copy>p:not(.eyebrow){color:var(--muted)}.detail .button{margin-top:20px}html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{font-family:'Microsoft YaHei',sans-serif;letter-spacing:0;line-height:1.4}html[lang=zh-CN] h1{font-size:clamp(40px,4.3vw,62px)}
@media(min-width:1600px){.header,.section,footer{padding-left:max(6%,calc((100vw - 1480px)/2));padding-right:max(6%,calc((100vw - 1480px)/2))}.hero-copy{padding-left:13%}}
@media(max-width:1000px){.header{height:88px}.nav{gap:16px}.nav-cta{display:none}.hero{height:auto;min-height:610px;grid-template-columns:1fr 1fr}.hero-copy{padding:56px 10% 28px}h1{font-size:48px}.hero-description{font-size:17px}.hero-bottom{flex-direction:column}.section{padding:75px 5%}.product-grid{gap:32px 20px}.approach-copy{padding:60px 9%}.approach-image{min-height:620px}.footer-top p{display:none}}
@media(max-width:700px){.header{height:82px;padding:0 6%}.wordmark{font-size:25px}.wordmark span{font-size:9px}.menu-toggle{display:block;color:var(--navy);background:none;border:1px solid var(--line);font-size:21px;padding:5px 11px}.nav{display:none;position:absolute;top:82px;left:0;width:100%;padding:24px 6%;background:white;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-cta{display:block}.language{border-left:none;padding-left:0}.hero{display:flex;flex-direction:column;height:auto;min-height:0}.hero-copy{padding:48px 6% 30px}h1{font-size:48px;line-height:1.12}.hero-description{max-width:440px}.hero-bottom{margin-top:30px;padding-top:0;flex-direction:row}.hero-image{height:420px}.hero-image-copy{bottom:30px;left:6%}.hero-image-copy p{font-size:38px}.section{padding:60px 6%}.company,.enquiry{grid-template-columns:1fr;gap:16px}h2{font-size:36px}.lead{font-size:19px}.section-heading{display:block}.section-heading>p{max-width:100%}.filters{gap:7px}.filters button{padding:8px 11px;font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.product-image{aspect-ratio:1.15}.product-caption h3{font-size:22px}.product-caption p{font-size:14px;min-height:0}.group-label{font-size:10px}.product-caption{padding-top:16px}.approach{grid-template-columns:1fr}.approach-image{height:380px;min-height:0}.approach-copy{padding:55px 6%}.footer-top{align-items:flex-start;flex-direction:column;gap:25px}.footer-bottom{gap:16px;flex-direction:column}.detail-layout{grid-template-columns:1fr;gap:40px}.detail figure img{max-height:480px}.detail h1{font-size:48px}}
@media(max-width:400px){.product-grid{grid-template-columns:1fr}.hero-bottom{font-size:10px}h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Editorial graphics and photographic material studies */
:root{--gold:#957033}.header{box-shadow:0 4px 24px #08243408}.hero-copy{position:relative;overflow:hidden;isolation:isolate}.hero-watermark{position:absolute;right:-26px;bottom:26px;z-index:-1;font:380px/1 Georgia,serif;letter-spacing:-.09em;color:#e8eef1;pointer-events:none}.hero h1{font-size:clamp(48px,5.15vw,82px)}.hero-image>img{animation:photo-arrive 1.4s ease-out both}.hero-image-copy p{max-width:90%}.button{font-weight:600;letter-spacing:.02em;position:relative}.category-band{display:grid;grid-template-columns:repeat(4,1fr);padding:0 6%;background:var(--navy);color:white}.category-tile{display:flex;align-items:center;gap:22px;padding:25px 20px;border-right:1px solid #ffffff26;font-size:15px}.category-tile:first-child{padding-left:0}.category-tile:last-child{border-right:none}.category-tile>div{height:60px;width:60px;flex-shrink:0;overflow:hidden;border-radius:50%}.category-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.category-tile:hover img{transform:scale(1.12)}.company{position:relative;background:linear-gradient(135deg,#fff 50%,#f0f4f6 100%)}.company h2{max-width:560px}.portfolio{background:#eef3f5}.portfolio .section-heading{position:relative;padding-bottom:14px;border-bottom:1px solid #cdd9df;margin-bottom:28px}.portfolio-count{position:absolute;right:0;top:-35px;color:#d4dfe5;font:130px/.9 Georgia,serif;letter-spacing:-.06em;pointer-events:none}.portfolio-count>span{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#6c808c;text-align:center;margin-top:10px}.portfolio .section-heading>p{margin-right:150px;max-width:280px}.filters{margin-bottom:44px}.filters button{border-radius:30px;padding:11px 24px}.product-grid{gap:30px}.product-card{background:white;box-shadow:0 8px 28px #08243405;transition:box-shadow .3s,transform .3s;border:1px solid #e2e9ed}.product-card:hover{box-shadow:0 15px 40px #08243413;transform:translateY(-5px)}.product-card:first-child{grid-column:span 2}.product-card:first-child .product-image{aspect-ratio:2.75}.product-card:first-child h3{font-size:32px}.product-caption{padding:24px 26px 28px}.product-caption .text-link{display:inline-block}.product-number{background:var(--navy);color:white;top:18px;left:18px;padding:5px 12px}.product-image{border-bottom:1px solid #edf1f3}.product-caption .group-label{color:#87682f}.approach-copy .eyebrow,.delivery-copy .eyebrow{color:#d9ba80}.enquiry{position:relative;border-top:1px solid #d5e0e6}.enquiry h2{max-width:580px}.product-masthead{padding:40px 6% 55px;color:white;background:var(--navy);overflow:hidden;position:relative}.masthead-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff30;padding-bottom:20px;font-size:14px;color:#c1d0d8}.masthead-line>a{text-decoration:underline;text-underline-offset:5px}.masthead-title{display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:38px;gap:20px}.masthead-title .eyebrow{color:#d8b879;margin-bottom:10px}.masthead-title h1{font-size:clamp(52px,6.5vw,102px);margin:0;line-height:1.1;max-width:950px}.material-index{font:150px/.9 Georgia,serif;opacity:.15;letter-spacing:-.07em;flex-shrink:0}.product-masthead.material-grain{background:#2c352f}.product-masthead.material-feed{background:#233c40}.product-masthead.material-oil{background:#15344d}.product-masthead.material-fertilizer{background:#202d38}.product-showcase{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;background:#f5f7f8}.product-showcase.variant-1 .product-stage{order:2}.product-showcase.variant-1 .product-introduction{order:1}.product-stage{margin:0;padding:18px;background:white;box-shadow:0 20px 55px #0824340d;border:1px solid #dbe4e8;position:relative}.photo-link{display:block;height:460px;position:relative;overflow:hidden;background:#f5f7f8;cursor:zoom-in}.detail-photograph{width:100%;height:100%;object-fit:cover;transition:transform .7s}.photo-link:hover .detail-photograph{transform:scale(1.025)}.material-oil .photo-link,.material-fertilizer .photo-link{background:white}.material-oil .detail-photograph,.material-fertilizer .detail-photograph{object-fit:contain}.image-expand{position:absolute;bottom:15px;right:15px;background:#082434e8;color:white;padding:8px 12px;font-size:12px;backdrop-filter:blur(5px)}.product-stage figcaption{padding:18px 0 3px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.product-stage figcaption>span:first-child{color:var(--ink);font-size:14px}.product-introduction h2{font-size:clamp(35px,3.7vw,60px);margin-bottom:24px}.product-introduction .lead{margin-bottom:22px}.product-introduction>p:not(.lead):not(.eyebrow){color:var(--muted);font-size:15px}.product-introduction .button{margin:14px 0 18px}.photo-source{font-size:12px;color:var(--muted)}.photo-source a{text-decoration:underline;text-underline-offset:4px}.spec-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.spec-header>p{max-width:280px;color:var(--muted);margin-bottom:30px}.spec-header h2{font-size:clamp(30px,3.2vw,48px)}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:28px}.spec-item{padding:30px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f9fa;min-height:145px}.spec-item>span{font-size:12px;color:var(--gold);display:block;margin-bottom:20px}.spec-item h3{font:20px/1.4 Arial,'Microsoft YaHei',sans-serif;margin:0;letter-spacing:0}.delivery-panel{display:grid;grid-template-columns:42% 58%;background:var(--navy);color:white}.delivery-visual{min-height:490px;position:relative;overflow:hidden}.delivery-visual>img{height:100%;width:100%;object-fit:cover;object-position:40% 50%}.delivery-visual>span{position:absolute;bottom:30px;left:10%;color:white;font-size:12px;letter-spacing:.1em}.delivery-copy{padding:65px 12%}.delivery-copy h2{font-size:clamp(32px,3.5vw,54px)}.delivery-copy p:not(.eyebrow){color:#bed0da;max-width:540px}.button.light{background:white;color:var(--navy);border-color:white;margin-top:15px}.related-products{background:#f2f6f8}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.related-card>div{aspect-ratio:1.55;overflow:hidden;background:white}.related-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.related-card:hover img{transform:scale(1.045)}.related-card img[src*=urea]{object-position:50% 58%}.related-card img[src*=palm-oil]{object-position:50% 58%}.related-card>span{font-size:12px;color:var(--muted);display:block;margin:20px 0 8px}.related-card h3{font-size:26px}.photo-dialog{border:0;padding:34px 22px 20px;max-width:92vw;max-height:92svh;width:1000px;background:var(--navy);color:white}.photo-dialog::backdrop{background:#031824e6;backdrop-filter:blur(8px)}.photo-dialog img{width:auto;height:auto;max-height:76svh;max-width:100%;margin:auto;object-fit:contain}.photo-dialog p{font-size:16px;margin:18px 0 0;text-align:center}.photo-close{position:absolute;top:7px;right:12px;background:transparent;border:0;font-size:28px;line-height:1;color:white;padding:5px;z-index:1}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.reveal-ready.visible{opacity:1;transform:none}.reveal-ready.visible.product-card:hover{transform:translateY(-5px)}
@keyframes photo-arrive{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(max-width:1100px){.category-tile{gap:13px;padding-left:14px;padding-right:14px;font-size:14px}.category-tile>div{width:46px;height:46px}.portfolio .section-heading>p{margin-right:120px;max-width:230px}.portfolio-count{font-size:105px;top:0}.photo-link{height:380px}.product-showcase{gap:6%}.masthead-title h1{font-size:clamp(48px,6.2vw,82px)}.material-index{font-size:120px}.hero h1{font-size:clamp(44px,5vw,60px)}}
@media(max-width:700px){.hero-watermark{font-size:290px;right:5px;bottom:8px}.hero h1{font-size:46px}.category-band{grid-template-columns:1fr 1fr;padding:8px 6%}.category-tile{padding:16px 0;border-bottom:1px solid #ffffff26;font-size:13px}.category-tile:nth-child(even){border-right:0;padding-left:16px}.category-tile:nth-last-child(-n+2){border-bottom:0}.category-tile>div{width:40px;height:40px}.portfolio .section-heading>p{margin-right:0;max-width:100%}.portfolio-count{right:0;top:0;font-size:86px;opacity:.65}.portfolio-count>span{font-size:10px}.portfolio .section-heading>div:not(.portfolio-count){max-width:75%;position:relative}.portfolio h2{font-size:32px}.product-card:first-child{grid-column:auto}.product-card:first-child .product-image{aspect-ratio:1.15}.product-card:first-child h3{font-size:22px}.product-caption{padding:18px 16px 22px}.product-grid{gap:18px 14px}.product-caption p{font-size:14px}.product-number{left:10px;top:10px;font-size:11px;padding:3px 9px}.product-masthead{padding:30px 6% 38px}.masthead-title{padding-top:30px}.masthead-title h1{font-size:clamp(34px,9vw,54px);max-width:100%}.material-index{font-size:90px;position:absolute;right:0;bottom:-12px;opacity:.09;pointer-events:none}.masthead-title>div{position:relative;z-index:1}.product-showcase{grid-template-columns:1fr;gap:35px}.product-showcase.variant-1 .product-stage,.product-showcase.variant-1 .product-introduction{order:initial}.photo-link{height:360px}.product-stage{padding:12px}.product-introduction h2{font-size:36px}.spec-header{display:block}.spec-header>p{max-width:100%;margin-bottom:10px}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-item{padding:25px 20px;min-height:130px}.spec-item h3{font-size:17px}.delivery-panel{grid-template-columns:1fr}.delivery-visual{height:300px;min-height:0}.delivery-copy{padding:50px 6%}.related-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.related-card:last-child{display:none}.related-card h3{font-size:22px}.related-card>span{font-size:11px}.photo-dialog{padding:38px 12px 18px;width:94vw}.image-expand{font-size:12px}.spec-header h2{font-size:32px}}
@media(max-width:400px){.product-grid{grid-template-columns:1fr}.product-card:first-child .product-image,.product-image{aspect-ratio:1.45}.photo-link{height:300px}.portfolio-count{font-size:76px}.category-tile{font-size:12px}.category-tile>div{width:34px;height:34px}.spec-item{padding:20px 14px}.related-grid{grid-template-columns:1fr}.related-card:last-child{display:block}}
@media(prefers-reduced-motion:reduce){.hero-image>img{animation:none}.reveal-ready{opacity:1;transform:none}.product-card:hover{transform:none}}
/* Forest green identity and circular commodity photography */
:root{--navy:#103e30;--ink:#143d31;--muted:#526a60;--gold:#956d2d;--line:#d6e4db;--paper:#f3f8f4}.header{border-bottom-color:#d6e4db;box-shadow:0 4px 24px #103e3008}.header .wordmark{color:#124b37}.button.dark:hover{background:#1e6549}.hero-watermark{color:#e4eee6}.hero-copy{background:#fff}.hero-image .image-overlay{background:linear-gradient(180deg,transparent 42%,#092d23d9)}.hero-image-copy span{color:#e6efdc}.company{background:linear-gradient(135deg,#fff 50%,#edf6ef 100%)}.portfolio{background:#f1f7f2}.portfolio-count{color:#d8e8dc}.portfolio-count>span{color:#567260}.portfolio .section-heading{border-bottom-color:#cedfd2}.filters button{border-color:#c3d8ca}.category-band{background:#103e30}.category-tile{border-color:#ffffff26}.product-grid{gap:52px 36px}.product-card,.product-card:first-child{grid-column:auto;background:transparent;border:0;box-shadow:none;transform:none}.product-card:hover,.reveal-ready.visible.product-card:hover{box-shadow:none;transform:none}.product-image,.product-card:first-child .product-image{width:min(100%,300px);aspect-ratio:1;border-radius:50%;margin:0 auto;overflow:hidden;border:7px solid white;box-shadow:0 0 0 1px #c9ddce,0 15px 34px #103e3010;background:white;transition:box-shadow .4s,transform .4s}.product-image:hover{box-shadow:0 0 0 2px #5b9971,0 18px 36px #103e301a;transform:translateY(-4px)}.product-image img{object-fit:cover}.product-card:first-child h3{font-size:25px}.product-caption{padding:24px 12px 0;text-align:center}.product-caption .group-label{color:#46785b}.product-caption p{max-width:300px;min-height:52px;margin-left:auto;margin-right:auto}.product-number{top:auto;bottom:12px;left:50%;transform:translateX(-50%);border-radius:50%;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:#103e30;color:white;font-size:12px}.product-caption .text-link{border-bottom-color:#5c8b66}.approach,.delivery-panel,footer{background:#103e30}.approach li p,.delivery-copy p:not(.eyebrow),.footer-top p,.footer-bottom,.credits{color:#c5d9cc}.enquiry{background:#eaf4ed;border-top-color:#cfe0d3}.product-masthead{background:#103e30}.product-masthead.material-grain{background:#234c32}.product-masthead.material-feed{background:#144d3d}.product-masthead.material-oil{background:#123f32}.product-masthead.material-fertilizer{background:#173f36}.product-showcase{background:#f3f8f4}.product-stage{padding:0;border:0;background:transparent;box-shadow:none;max-width:510px;width:100%;justify-self:center}.photo-link{width:100%;height:auto;aspect-ratio:1;border-radius:50%;overflow:hidden;border:10px solid white;background:white;box-shadow:0 0 0 1px #c9ddce,0 22px 55px #103e3012}.material-oil .photo-link,.material-fertilizer .photo-link{background:white}.detail-photograph{object-fit:cover}.material-oil .detail-photograph{object-fit:cover;object-position:50% 58%}.material-fertilizer .detail-photograph[src*=urea]{object-fit:cover;object-position:50% 58%}.image-expand{left:50%;right:auto;bottom:20px;transform:translateX(-50%);white-space:nowrap;border-radius:30px;background:#103e30ed;padding:9px 16px}.product-stage figcaption{padding:25px 12px 0}.spec-item{background:#f3f8f4}.spec-item>span{color:#507958}.related-products{background:#f1f7f2}.related-card>div{width:min(100%,280px);aspect-ratio:1;border-radius:50%;margin:auto;border:6px solid white;box-shadow:0 0 0 1px #c9ddce,0 12px 25px #103e300d}.related-card{text-align:center}.related-card>span{color:#46785b}.photo-dialog{background:#103e30}.photo-dialog::backdrop{background:#062218e6}.photo-link:focus-visible,.product-image:focus-visible{outline-color:#447f57}
@media(max-width:700px){.product-grid{gap:36px 20px}.product-image,.product-card:first-child .product-image{width:100%;aspect-ratio:1;border-width:5px}.product-card:first-child h3{font-size:22px}.product-caption{padding:20px 0 0}.product-caption p{min-height:0}.product-number{width:28px;height:28px;bottom:8px;font-size:11px}.photo-link{height:auto;aspect-ratio:1;border-width:7px}.product-stage{max-width:390px}.image-expand{bottom:15px;font-size:12px}.related-card>div{border-width:5px}.hero h1{font-size:46px}}
@media(max-width:400px){.product-grid{grid-template-columns:1fr}.product-image,.product-card:first-child .product-image{width:min(100%,270px);aspect-ratio:1}.photo-link{height:auto}.related-card>div{width:min(100%,260px)}}

.admin-bar .header{top:32px} @media(max-width:782px){.admin-bar .header{top:46px}}