/* GAP Gübre — Topraktan gelen bir görsel dil. No runtime dependencies. */
:root{--green:#194b3b;--green-deep:#153e31;--green-dark:#123428;--gold:#d6af5b;--paper:#f5f3eb;--sand:#eae7dc;--ink:#183c30;--muted:#626b60;--line:#c9cec0;--white:#fffef8;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--gutter:clamp(24px,5.3vw,100px);--header-height:100px;--ease:cubic-bezier(.22,.68,0,1.05)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px);scrollbar-gutter:stable}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.has-modal{overflow:hidden}
::selection{background:var(--gold);color:var(--green-dark)}
img{display:block;max-width:100%;height:auto}
svg{display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{border:0;border-radius:0}
button:disabled{cursor:default}
button[hidden],[hidden]{display:none!important}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{font-weight:400}
em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}
p+p{margin-top:20px}
address{font-style:normal}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
section{scroll-margin-top:24px}
.page-width{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}
.section-space{padding-block:112px}
.icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:square;stroke-linejoin:miter}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;left:20px;top:12px;padding:12px 24px;background:var(--green);color:var(--white);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.small-cross{position:relative;display:inline-block;width:16px;height:16px;flex-shrink:0;color:var(--gold)}
.small-cross::before,.small-cross::after{content:"";position:absolute;background:currentColor;inset:7px 0 auto;height:1px}
.small-cross::after{transform:rotate(90deg)}
.eyebrow,.section-label,.hero-overline,.hero-bottom,.ribbon-inner,.company-facts dt,.product-topline,.product-specs dt,.product-figure figcaption,.product-bottom-note,.process-index,.process-keywords,.drawing-topline,.agriculture-visual-note,.agriculture-footnote,.supply-route,.footer-bottom,.mobile-menu-top,.mobile-menu-bottom>span{font-size:11px;font-weight:500;letter-spacing:.12em;line-height:1.5}
.section-label{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:60px;color:var(--green)}
.section-label>span:first-child{font-weight:600}
.section-label>span:last-child{color:var(--muted);font-size:10px;letter-spacing:.13em}
h2{font-size:clamp(42px,4.6vw,72px);line-height:1.1;letter-spacing:-.055em}
h2 em{line-height:1.12}
.lead{font-size:23px;line-height:1.5;letter-spacing:-.025em}
.text-link{display:inline-flex;gap:32px;align-items:center;padding-block:13px;border-bottom:1px solid currentColor;font-size:14px;font-weight:500;line-height:1.4}
.text-link .icon{width:19px;height:19px;transition:transform .3s var(--ease)}
.text-link:hover .icon{transform:translate(3px,-3px)}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;min-height:58px;padding:9px 10px 9px 24px;font-size:13px;font-weight:500;line-height:1.4;transition:background .25s,color .25s}
.button-arrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;transition:transform .35s var(--ease)}
.button-arrow .icon{width:19px;height:19px}
.button:hover .button-arrow{transform:rotate(-35deg)}
.button-light{background:transparent;color:var(--paper);padding-inline:0}
.button-light:hover{background:transparent;color:#efd08c}
.button-green{background:var(--green);color:var(--paper)}
.button-green:hover{background:var(--green-dark)}

/* Navigation */
.site-header{position:sticky;z-index:30;top:0;background:var(--paper)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;height:var(--header-height);max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}
.brand{display:block;flex-shrink:0;width:116px}
.brand img{width:100%;height:auto}
.desktop-nav{display:flex;align-items:center;gap:clamp(20px,2.6vw,40px);margin-left:auto;margin-right:clamp(0px,3vw,44px);height:100%}
.desktop-nav a{position:relative;display:flex;align-items:center;height:100%;white-space:nowrap;font-size:13px;font-weight:500}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:25px;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.desktop-nav a:hover::after,.desktop-nav a[aria-current="location"]::after{transform:scaleX(1)}
.header-contact{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;background:var(--green);color:var(--paper);padding:12px 17px 12px 22px;white-space:nowrap;font-size:12px;transition:background .25s}
.header-contact:hover{background:var(--green-dark)}
.header-contact .icon{width:18px;height:18px}
.menu-toggle{display:none;align-items:center;gap:16px;min-width:80px;min-height:44px;background:none;padding:0;font-size:12px}
.menu-bars{display:block;width:24px;height:10px;border-block:1px solid currentColor}
.language-switch{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1;white-space:nowrap}
.language-switch a{display:grid;place-items:center;min-width:24px;min-height:44px;color:var(--muted)}
.language-switch a[aria-current="page"]{color:var(--green);font-weight:700}
.language-switch a:hover{color:var(--green)}
.language-switch>span{color:#a1ab9a;font-size:9px}

/* A landscape, with room for the words. */
.hero{position:relative;isolation:isolate;min-height:650px;height:calc(100svh - var(--header-height));max-height:1000px;overflow:hidden;color:var(--paper);background:var(--green-dark)}
.hero-picture,.hero-shade{position:absolute;z-index:-2;inset:0;display:block}
.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,30,19,.38),rgba(9,30,19,.03) 82%),linear-gradient(0deg,rgba(9,30,19,.4),transparent 28%)}
.hero-inner{position:relative;display:flex;flex-direction:column;height:100%;padding-top:55px;padding-bottom:30px}
.hero-overline{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.17em}
.hero-overline-divider{display:inline-block;width:40px;height:1px;background:currentColor;opacity:.6}
.hero h1{position:relative;margin-top:clamp(54px,10vh,124px);font-size:clamp(72px,8.7vw,140px);line-height:.97;letter-spacing:-.065em}
.hero h1 em{display:inline-block;line-height:1.12;color:#efd08c;font-size:.99em;letter-spacing:-.06em}
.hero-description{display:flex;align-items:center;gap:54px;margin-top:34px}
.hero-description p{font-size:14px;line-height:1.7;letter-spacing:0;color:#fffef8}
.hero-side-note{position:absolute;right:var(--gutter);top:41%;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255,254,248,.6);padding:6px 0 6px 24px;font-size:10px;letter-spacing:.18em;line-height:2}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:40px;font-size:9px;letter-spacing:.15em}
.scroll-link{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.02em}
.circle-arrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,254,248,.55);border-radius:50%;transition:background .25s,color .25s}
.circle-arrow .icon{width:18px;height:18px}
.scroll-link:hover .circle-arrow{background:var(--paper);color:var(--green)}
.brand-ribbon{border-bottom:1px solid var(--line)}
.ribbon-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:78px;font-size:10px;letter-spacing:.14em}
.ribbon-line{height:1px;background:var(--line);flex:1;max-width:230px}

/* Corporate editorial */
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}
.about-heading h2{font-size:clamp(46px,4.9vw,78px)}
.about-mark{display:flex;align-items:center;gap:18px;margin-top:58px;font-size:9px;line-height:1.6;letter-spacing:.12em;color:var(--muted)}
.about-mark .small-cross{width:30px;height:30px;color:var(--green)}
.about-mark .small-cross::before,.about-mark .small-cross::after{inset-block-start:14px}
.about-copy{padding-top:8px;color:var(--muted);font-size:15px;line-height:1.8}
.about-copy .lead{color:var(--green);margin-bottom:23px}
.about-copy .text-link{margin-top:18px;color:var(--green)}
.company-facts{display:grid;grid-template-columns:1.2fr .8fr .8fr;border-top:1px solid var(--line);margin-top:76px;padding-top:26px}
.company-facts>div+div{border-left:1px solid var(--line);padding-left:34px}
.company-facts dt{font-size:9px;color:var(--muted);margin-bottom:11px}
.company-facts dd{font-size:26px;letter-spacing:-.035em;line-height:1.25}
.fact-detail{font-size:12px;letter-spacing:0;color:var(--muted);margin-left:12px}

/* Product: a real image, readable information. */
.products{background:var(--sand)}
.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:58px}
.section-heading-row>p{max-width:340px;font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:5px}
.product-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(35px,5.5vw,88px);align-items:start}
.product-grid+.product-grid{margin-top:72px;padding-top:60px;border-top:1px solid var(--line)}
.product-figure{min-width:0}
.product-image-wrap{position:relative;overflow:hidden;background:#aeb7a0}
.product-image-wrap picture{display:block}
.product-image-wrap img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .7s var(--ease)}
.product-image-wrap:hover img{transform:scale(1.025)}
.image-zoom{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;background:var(--paper);color:var(--green);width:44px;height:44px;transition:background .25s}
.image-zoom:hover{background:var(--gold)}
.image-zoom .icon{width:20px;height:20px}
.product-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:15px;font-size:8px;letter-spacing:.1em;color:var(--muted)}
.product-figure figcaption>span:last-child{font-size:7px;text-align:right}
.product-info{padding-top:1px}
.product-topline{display:flex;justify-content:space-between;border-top:1px solid var(--green);padding-top:13px;font-size:9px;letter-spacing:.14em}
.product-info h3{font-size:clamp(62px,6vw,100px);letter-spacing:-.07em;line-height:1;margin-top:20px;margin-bottom:28px}
.product-info h3>span{display:block;font-size:13px;letter-spacing:0;margin-top:12px;line-height:1.4;color:var(--muted)}
.product-ammonium .product-info h3{font-size:clamp(42px,4.4vw,64px);line-height:1.06;letter-spacing:-.05em}
.product-specs>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px;border-top:1px solid var(--line)}
.product-specs>div:last-child{border-bottom:1px solid var(--line)}
.product-specs dt{font-size:8px;letter-spacing:.11em;max-width:150px;color:var(--muted)}
.product-specs dd{font-size:27px;letter-spacing:-.035em;line-height:1.2;white-space:nowrap}
.product-specs dd>span{font-size:13px;letter-spacing:0}
.product-note{margin-top:20px;font-size:11px;line-height:1.7;color:var(--muted)}
.product-info .button{margin-top:24px;width:100%}
.product-bottom-note{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:21px;margin-top:45px;font-size:11px;font-weight:400;letter-spacing:0;line-height:1.7;color:var(--muted)}
.product-bottom-note a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.product-bottom-note .small-cross{color:var(--green)}

/* The engineering study */
.production{background:var(--green-deep);color:var(--paper)}
.section-label-light{border-color:rgba(245,243,235,.23);color:var(--paper)}
.section-label-light>span:last-child{color:#bfc8b8}
.production h2 em,.quality-intro h3 em{color:var(--gold)}
.production .section-heading-row>p{color:#c5cdbf}
.process-tabs{display:none;grid-template-columns:repeat(4,1fr);margin-top:4px;border-top:1px solid rgba(245,243,235,.25)}
.enhanced .process-tabs,.process-tabs.is-enhanced{display:grid}
.process-tabs button{position:relative;display:flex;align-items:center;gap:17px;background:none;color:#b8c3b5;text-align:left;min-height:76px;padding:10px 20px 10px 0;font-size:14px;transition:color .2s,background .2s}
.process-tabs button::after{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.process-tabs button[aria-selected="true"]{color:var(--gold)}
.process-tabs button[aria-selected="true"]::after{transform:scaleX(1)}
.process-tabs button:hover{color:var(--paper)}

.process-tabs .icon{margin-left:auto;margin-right:15px;width:17px;height:17px;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
.process-tabs button[aria-selected="true"] .icon{opacity:1;transform:none}
.process-body{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;border-bottom:1px solid rgba(245,243,235,.23);padding-block:34px}
.process-drawing{color:var(--gold);border:1px solid rgba(214,175,91,.28);padding:14px}
.drawing-topline{display:flex;justify-content:space-between;gap:12px;color:#b8c3b5;font-size:7px;letter-spacing:.11em}
.engineering-drawing{width:100%;height:auto;margin-block:12px}
.stage-art{display:none}
[data-active-stage="01"] .stage-art-01,[data-active-stage="02"] .stage-art-02,[data-active-stage="03"] .stage-art-03,[data-active-stage="04"] .stage-art-04{display:block;animation:diagram-enter .45s both}
.process-panels{min-width:0}
.process-panel{padding:12px 0}
.process-panel:not(:last-child){margin-bottom:30px}
.enhanced .process-panel{margin:0;animation:panel-enter .35s both}
.process-index{color:var(--gold);font-size:9px;letter-spacing:.12em}
.process-panel h3{font-size:clamp(31px,3vw,46px);line-height:1.15;letter-spacing:-.04em;margin-top:24px;margin-bottom:24px}
.process-panel>p{font-size:14px;color:#c5cdbf;max-width:440px;line-height:1.8}
.process-keywords{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;font-size:8px;letter-spacing:.07em;color:#c5cdbf}
.process-keywords>span::before{content:"+";color:var(--gold);margin-right:8px}

.quality-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;margin-top:100px;padding-top:40px;border-top:1px solid rgba(245,243,235,.23)}
.quality-intro .eyebrow{color:var(--gold);font-size:9px}
.quality-intro h3{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.04em;line-height:1.2;margin-top:20px}
.quality-intro p{font-size:12px;color:#bfc8b8;margin-top:20px}
.quality-accordion details{border-bottom:1px solid rgba(245,243,235,.23)}
.quality-accordion summary{display:flex;align-items:center;gap:22px;min-height:76px;font-size:14px;font-weight:400;line-height:1.5;cursor:pointer;list-style:none}
.quality-accordion summary::-webkit-details-marker{display:none}

.quality-accordion summary .icon{width:17px;height:17px;margin-left:auto;transition:transform .25s;flex-shrink:0}
.quality-accordion details[open] summary .icon{transform:rotate(45deg)}
.details-content{padding:0 35px 26px 39px;font-size:12px;line-height:1.85;color:#bfc8b8}

/* A change of scale: from the material to the soil. */
.agriculture-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(45px,7.5vw,120px)}
.agriculture-visual{position:relative}
.material-figure{position:relative;margin-right:26px}
.material-figure::after{content:"";position:absolute;z-index:-1;left:24px;top:24px;right:-24px;bottom:-24px;border:1px solid var(--line)}
.material-figure img{width:100%;aspect-ratio:.95;object-fit:cover;object-position:28% 50%}

.agriculture-visual-note{display:flex;align-items:center;gap:20px;margin-top:55px;font-size:8px;line-height:1.8;color:var(--muted)}
.agriculture-visual-note .small-cross{width:25px;height:25px;color:var(--green)}
.agriculture-visual-note .small-cross::before,.agriculture-visual-note .small-cross::after{inset-block-start:12px}
.agriculture-copy h2{font-size:clamp(48px,5.4vw,82px)}
.agriculture-copy .lead{margin-top:30px;margin-bottom:18px;font-size:20px;max-width:360px}
.agriculture-copy>p:not(.lead):not(.agriculture-footnote){font-size:14px;line-height:1.85;color:var(--muted);max-width:455px}
.agriculture-factors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px;padding-block:20px}

.agriculture-factors h3{font-size:19px;letter-spacing:-.025em;margin-top:6px}
.agriculture-factors p{font-size:9px;color:var(--muted);margin-top:5px}
.agriculture-footnote{font-size:10px;letter-spacing:0;font-weight:400;line-height:1.8;color:var(--muted);margin-top:20px;max-width:450px}

/* A commercial conversation, not a pretend form. */
.supply{background:var(--sand);padding-block:70px}
.supply-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:38px 80px}
.supply-heading .eyebrow{font-size:9px}
.supply h2{font-size:clamp(34px,3.6vw,55px);line-height:1.15;margin-top:25px}
.supply-copy{padding-top:45px}
.supply-copy p{font-size:14px;line-height:1.85;color:var(--muted)}
.supply-copy .text-link{margin-top:17px}
.supply-route{grid-column:1/-1;display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding-top:25px;font-size:8px;letter-spacing:.12em}
.route-point{width:7px;height:7px;background:var(--green);border-radius:50%}
.route-line{flex:1;height:1px;background:var(--line)}
.supply-route .icon{width:20px;height:20px}
.contact-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.contact-top h2{font-size:clamp(64px,7.4vw,118px);line-height:.98}
.contact-top h2 em{line-height:1.15}
.contact-channels{padding-top:25px;min-width:0}
.contact-channels .eyebrow{font-size:9px;color:var(--muted)}
.contact-email{display:flex;justify-content:space-between;align-items:center;gap:20px;white-space:nowrap;margin-top:22px;padding-bottom:20px;border-bottom:1px solid var(--green);font-size:clamp(24px,2.6vw,40px);letter-spacing:-.045em;line-height:1.2;transition:color .25s}
.contact-email:hover{color:#967322}
.contact-email .icon{width:27px;height:27px;transition:transform .25s var(--ease)}
.contact-email:hover .icon{transform:translate(3px,-3px)}
.contact-phone-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}
.contact-phone-row>a{font-size:19px;letter-spacing:-.025em;white-space:nowrap}
.copy-email{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;font-size:9px;color:var(--muted)}
.copy-email:hover{color:var(--green)}
.copy-email .icon{width:13px;height:13px}
.offices{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:75px}
.office{border-top:1px solid var(--line);padding-top:28px}
.office-top{display:flex;align-items:flex-start;gap:28px}
.office h3{font-size:31px;line-height:1.1;letter-spacing:-.04em}
.office h3>span{display:block;font-size:10px;color:var(--muted);letter-spacing:.04em;margin-top:9px}
.office-grid{width:40px;height:40px;margin-left:auto;color:#adb9a9;stroke-width:.6}
.office address{margin-top:27px;font-size:13px;line-height:1.9;color:var(--muted)}
.office address strong{font-weight:500;color:var(--green)}
.office .text-link{margin-top:15px;font-size:11px;padding-block:10px;gap:26px}
.office .text-link .icon{width:15px;height:15px}

/* A deliberate, quiet sign-off. */
.site-footer{background:var(--paper);color:var(--green);padding-top:65px;border-top:1px solid var(--line)}
.footer-main{display:grid;grid-template-columns:180px 1fr auto auto;gap:50px;align-items:center;padding-bottom:55px}
.footer-brand{display:block;padding:0;max-width:155px}
.footer-brand img{width:100%;height:auto}
.footer-statement{font-size:34px;letter-spacing:-.04em;line-height:1.05}
.footer-statement em{color:var(--green);line-height:1.2}
.footer-nav{display:grid;grid-template-columns:repeat(2,auto);gap:9px 28px;font-size:11px;color:var(--muted)}
.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.back-top{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;transition:background .25s,color .25s}
.back-top:hover{background:var(--gold);color:var(--green-dark)}
.back-top .icon{width:20px;height:20px;transform:rotate(-45deg)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:22px;border-top:1px solid var(--line);font-size:11px;font-weight:400;letter-spacing:.02em;color:var(--muted)}
.footer-bottom>span:nth-child(2){font-size:8px;letter-spacing:.15em}

/* Native dialogs: keyboard focus and Escape handled by the browser. */
dialog{border:0;color:var(--ink);background:var(--paper);padding:0}
dialog::backdrop{background:rgba(8,29,19,.7)}
dialog[open]{animation:dialog-enter .25s both}
.dialog-close{display:grid;place-items:center;width:44px;height:44px;background:transparent;flex-shrink:0}
.dialog-close:hover{background:var(--sand)}
.dialog-close .icon{width:23px;height:23px}
.content-dialog{max-width:min(90vw,760px);max-height:90svh;width:100%;overscroll-behavior:contain}
.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 25px;border-bottom:1px solid var(--line)}
.dialog-header h2{font-size:23px;line-height:1.3;letter-spacing:-.03em}
.image-dialog{max-width:min(90vw,1100px)}
.image-dialog>img{width:100%;max-height:70svh;object-fit:contain;background:var(--green-dark)}

.mobile-menu{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:22px var(--gutter) 35px;background:var(--green-deep);color:var(--paper);overflow-y:auto}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(245,243,235,.25);font-size:9px;color:var(--gold)}
.mobile-menu .dialog-close{color:var(--paper)}
.mobile-menu .dialog-close:hover{background:var(--green-dark)}
.mobile-menu nav{margin-top:30px}
.mobile-menu nav a{display:flex;align-items:center;gap:18px;padding-block:20px;border-bottom:1px solid rgba(245,243,235,.17);font-size:clamp(25px,5.8vw,43px);letter-spacing:-.045em;line-height:1.25}

.mobile-menu nav a>.icon{width:21px;height:21px;margin-left:auto;color:var(--gold)}
.mobile-menu-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:40px;font-size:15px}
.mobile-menu-bottom>span{margin-top:20px;color:var(--gold);font-size:8px}
.toast{position:fixed;z-index:80;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 40px);background:var(--green-dark);color:var(--paper);border:1px solid var(--gold);padding:14px 24px;font-size:12px;box-shadow:0 4px 24px rgba(0,0,0,.12)}
.error-main{min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:55px}
.error-brand{display:block;width:120px;margin-bottom:65px}
.error-main>.eyebrow{font-size:10px;color:var(--muted)}
.error-main h1{font-size:clamp(42px,6vw,84px);line-height:1.1;letter-spacing:-.05em;margin-top:25px}
.error-main>p{font-size:14px;color:var(--muted);max-width:500px;margin-top:25px}
.error-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:30px}
.header-inner,.about-grid>*,.product-grid>*,.agriculture-grid>*,.supply-inner>*,.contact-top>*,.footer-main>*{min-width:0}

/* Optional enhancement. Content stays visible if JavaScript is unavailable. */
.reveal-pending{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s var(--ease)}
.reveal-pending.is-visible{opacity:1;transform:none}
@keyframes panel-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes diagram-enter{from{opacity:0}to{opacity:1}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(min-width:1700px){.hero h1{font-size:144px}.hero-inner{padding-top:70px}.hero h1{margin-top:110px}}
@media(max-width:1100px){
  :root{--gutter:40px;--header-height:88px}
  .brand{width:100px}.header-inner{gap:22px}.desktop-nav{gap:23px;margin-right:0}.desktop-nav a{font-size:12px}.header-contact{gap:16px;padding-inline:16px;font-size:11px}
  .section-space{padding-block:90px}.section-label{margin-bottom:45px}.about-grid{gap:48px;grid-template-columns:1.05fr .95fr}.about-copy .lead{font-size:21px}.about-copy{font-size:14px}
  .hero{min-height:620px}.hero h1{font-size:9.5vw}.hero-side-note{top:42%}.hero-description{gap:30px}.hero-description p{font-size:13px}
  .product-grid{grid-template-columns:1.1fr .9fr;gap:40px}.product-info h3{margin-top:17px;margin-bottom:20px}.product-specs>div{padding-block:13px}.product-note{font-size:10px}.product-info .button{margin-top:20px}
  .process-body{gap:40px}.process-panel h3{font-size:35px}.quality-grid{gap:50px}.agriculture-grid{gap:55px}.agriculture-copy h2{font-size:57px}
  .contact-top,.offices{gap:45px}.contact-email{font-size:30px}.contact-phone-row{flex-wrap:wrap;gap:6px}.copy-email{min-height:30px}.footer-main{grid-template-columns:150px 1fr auto auto;gap:30px}.footer-statement{font-size:30px}.footer-nav{gap:9px 20px}
}
@media(max-width:850px){
  :root{--gutter:32px;--header-height:84px}
  .enhanced .desktop-nav{display:none}.enhanced .menu-toggle{display:flex}.language-switch{margin-left:auto}.desktop-nav{gap:13px;flex-wrap:wrap;height:auto;line-height:1.5}.desktop-nav a{font-size:11px;height:auto}.desktop-nav a::after{bottom:0}.header-inner{gap:22px}
  .hero{height:720px;max-height:calc(100svh - var(--header-height));min-height:600px}.hero-inner{padding-top:40px}.hero h1{font-size:10.3vw;margin-top:85px}.hero-side-note{display:none}.hero-description{align-items:flex-start;flex-direction:column;gap:25px;margin-top:25px}.hero-description p{font-size:14px}
  .section-heading-row{gap:40px}.section-heading-row>p{font-size:12px}.about-grid{grid-template-columns:1fr 1fr;gap:34px}.about-heading h2{font-size:44px}.about-copy .lead{font-size:19px}.about-mark{margin-top:40px}.company-facts{margin-top:55px}.company-facts dd{font-size:23px}.fact-detail{display:block;margin-left:0;margin-top:6px;font-size:11px}
  .product-grid{grid-template-columns:1.05fr .95fr;gap:30px}.product-info h3{font-size:64px}.product-specs dt{font-size:7px;max-width:100px}.product-specs dd{font-size:23px}.product-specs dd>span{font-size:11px}.product-info .button{font-size:12px;padding-left:16px;gap:16px}.product-figure figcaption{flex-direction:column;gap:4px}.product-figure figcaption>span:last-child{text-align:left}
  .process-body{gap:35px;grid-template-columns:.95fr 1.05fr}.process-tabs button{font-size:12px;gap:12px;padding-right:8px}.process-tabs .icon{margin-right:6px;width:14px}.process-panel h3{font-size:30px}.process-panel>p{font-size:12px}.process-keywords{gap:9px 12px;font-size:7px}.process-index{font-size:8px}.quality-grid{gap:35px;margin-top:70px}.quality-accordion summary{font-size:12px;gap:16px}.details-content{padding-left:30px;font-size:11px}
  .agriculture-grid{gap:40px;grid-template-columns:.9fr 1.1fr}.agriculture-copy h2{font-size:50px}.agriculture-copy .lead{font-size:18px}.agriculture-copy>p:not(.lead):not(.agriculture-footnote){font-size:12px}.agriculture-factors h3{font-size:16px}.agriculture-factors p{font-size:8px}.agriculture-footnote{font-size:9px}.agriculture-visual-note{font-size:7px;gap:13px}.material-figure{margin-right:16px}.material-figure::after{left:16px;top:16px;right:-16px;bottom:-16px}
  .supply-inner{gap:35px 40px}.supply h2{font-size:37px}.supply-copy{padding-top:35px}.supply-copy p{font-size:12px}.supply-copy .text-link{font-size:12px;gap:20px}
  .contact-top{gap:35px}.contact-email{font-size:25px;gap:12px}.contact-email .icon{width:22px;height:22px}.contact-phone-row>a{font-size:17px}.office-top{gap:22px}.office h3{font-size:27px}.office-grid{width:32px;height:32px}.office address{font-size:12px}
  .footer-main{grid-template-columns:130px 1fr auto;gap:30px}.footer-nav{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;font-size:10px;gap:10px 20px}.footer-statement{font-size:30px}.back-top{grid-column:3;grid-row:1}.footer-main{padding-bottom:40px}.footer-bottom{gap:18px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}
}
@media(max-width:620px){
  :root{--gutter:24px;--header-height:78px}
  .header-inner{gap:20px}.brand{width:88px}.header-contact{display:none}.menu-toggle{gap:12px;min-width:72px}.menu-toggle>span:first-child{font-size:11px}.menu-bars{width:21px}.desktop-nav{margin-left:0}.language-switch{font-size:10px;gap:5px}.language-switch a{min-width:22px}
  .hero{height:680px;min-height:585px;max-height:800px}.hero-inner{padding-top:35px;padding-bottom:23px}.hero-picture img{object-position:43% 50%}.hero-shade{background:linear-gradient(90deg,rgba(9,30,19,.48),rgba(9,30,19,.09)),linear-gradient(0deg,rgba(9,30,19,.4),transparent 40%)}
  .hero-overline{font-size:8px;letter-spacing:.13em;gap:10px}.hero-overline-divider{width:22px}.hero-overline .small-cross{width:12px;height:12px}.hero-overline .small-cross::before,.hero-overline .small-cross::after{inset-block-start:5px}
  .hero h1{font-size:clamp(57px,11.5vw,72px);margin-top:90px;line-height:1.05;letter-spacing:-.055em}.hero h1 em{font-size:1.02em;letter-spacing:-.065em;white-space:nowrap}.hero-description{margin-top:24px;gap:27px}.hero-description p{font-size:13px;line-height:1.75}.hero .button{font-size:12px;min-height:54px;padding-left:0;gap:25px}.hero .button-arrow{width:34px;height:34px}.hero-bottom{padding-top:40px;font-size:7px;letter-spacing:.08em}.scroll-link{gap:10px;font-size:9px}.circle-arrow{width:32px;height:32px}.circle-arrow .icon{width:15px;height:15px}
  .ribbon-inner{min-height:64px;gap:12px;font-size:7px;letter-spacing:.09em}.ribbon-line{max-width:28px}
  .section-space{padding-block:70px}.section-label{margin-bottom:34px;padding-bottom:15px;font-size:9px;gap:12px}.section-label>span:last-child{font-size:7px;letter-spacing:.07em;text-align:right;max-width:45%}h2{font-size:42px;line-height:1.12}
  .about-grid{grid-template-columns:1fr;gap:34px}.about-heading h2{font-size:46px}.about-mark{display:none}.about-copy{padding-top:0;line-height:1.85;font-size:13px}.about-copy .lead{font-size:21px;max-width:340px;margin-bottom:18px}.about-copy p+p{margin-top:16px}.about-copy .text-link{font-size:12px;margin-top:10px}.company-facts{grid-template-columns:1.1fr 1fr 1fr;margin-top:38px;padding-top:21px}.company-facts>div+div{padding-left:15px}.company-facts dt{font-size:7px;letter-spacing:.08em;min-height:21px;margin-bottom:5px}.company-facts dd{font-size:19px}.fact-detail{font-size:10px;margin-top:4px}
  .section-heading-row{display:block;margin-bottom:32px}.section-heading-row>p{margin-top:22px;font-size:12px;max-width:320px}.desktop-break{display:none}.product-grid{grid-template-columns:1fr;gap:36px}.product-figure figcaption{flex-direction:row;font-size:7px;gap:15px}.product-figure figcaption>span:last-child{text-align:right;font-size:6px;max-width:50%}.image-zoom{width:40px;height:40px;right:12px;bottom:12px}.product-info{display:grid;grid-template-columns:1fr;gap:0}.product-topline{font-size:9px}.product-info h3{font-size:82px;margin-top:22px;margin-bottom:24px}.product-specs>div{padding-block:15px}.product-specs dt{font-size:8px;max-width:none}.product-specs dd{font-size:27px}.product-specs dd>span{font-size:13px}.product-note{font-size:11px;max-width:450px}.product-info .button{margin-top:24px;font-size:13px;max-width:100%;padding-left:22px}.product-bottom-note{margin-top:33px;padding-top:18px;font-size:10px;align-items:flex-start;gap:12px}.product-bottom-note .small-cross{margin-top:2px}
  .production .section-heading-row>p{font-size:12px;margin-top:23px}.process-tabs{margin-top:30px;gap:0}.process-tabs button{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:70px;font-size:12px;padding-right:4px}.process-tabs .icon{display:none}.process-body{grid-template-columns:1fr;gap:28px;padding-block:21px 28px}.process-drawing{padding:11px;max-width:100%}.engineering-drawing{max-height:235px;object-fit:contain;margin-block:7px}.drawing-topline{font-size:6px}.process-panel{padding-block:0}.process-panel h3{font-size:34px;margin-top:17px;margin-bottom:17px}.process-panel>p{font-size:13px;max-width:none}.process-keywords{font-size:8px;gap:12px 24px;margin-top:22px}.quality-grid{grid-template-columns:1fr;gap:25px;margin-top:48px;padding-top:30px}.quality-intro .eyebrow{font-size:8px}.quality-intro h3{font-size:36px;margin-top:17px}.quality-intro p{font-size:11px;margin-top:17px}.quality-accordion summary{min-height:70px;font-size:12px;gap:17px}.quality-accordion summary .icon{width:16px;height:16px}.details-content{font-size:11px;padding-left:29px;padding-right:20px;padding-bottom:22px}
  .agriculture-grid{grid-template-columns:1fr;gap:40px}.agriculture-visual{order:2}.agriculture-copy{order:1}.agriculture-copy h2{font-size:51px}.agriculture-copy .lead{font-size:20px;margin-top:24px;max-width:300px}.agriculture-copy>p:not(.lead):not(.agriculture-footnote){font-size:13px}.agriculture-factors{padding-block:19px;margin-top:25px}.agriculture-factors h3{font-size:19px}.agriculture-factors p{font-size:9px}.agriculture-footnote{font-size:10px;max-width:none}.material-figure{margin-right:16px}.material-figure img{aspect-ratio:1.25}.agriculture-visual-note{margin-top:36px;font-size:7px;gap:16px}
  .supply{padding-block:55px}.supply-inner{grid-template-columns:1fr;gap:25px}.supply-heading .eyebrow{font-size:8px}.supply h2{font-size:37px;margin-top:20px}.supply-copy{padding-top:0}.supply-copy p{font-size:13px}.supply-copy .text-link{margin-top:12px;font-size:12px}.supply-route{padding-top:21px;margin-top:8px;font-size:6px;gap:11px;letter-spacing:.09em}.supply-route .icon{width:15px;height:15px}.route-point{width:5px;height:5px}
  .contact-top{grid-template-columns:1fr;gap:30px}.contact-top h2{font-size:72px}.contact-channels{padding-top:0}.contact-channels .eyebrow{font-size:8px}.contact-email{font-size:31px;margin-top:18px;padding-bottom:18px}.contact-phone-row{flex-wrap:nowrap;padding-top:18px}.contact-phone-row>a{font-size:18px}.copy-email{font-size:8px;gap:7px}.copy-email .icon{width:11px;height:11px}.offices{grid-template-columns:1fr;gap:35px;margin-top:46px}.office{padding-top:24px}.office h3{font-size:29px}.office-top{gap:22px}.office address{margin-top:22px;font-size:12px}.office .text-link{font-size:10px;margin-top:13px}
  .site-footer{padding-top:45px}.footer-main{grid-template-columns:120px 1fr auto;gap:25px 24px}.footer-brand{padding:0;max-width:110px}.footer-statement{font-size:25px;grid-column:2/-1}.footer-nav{grid-column:1/3;grid-row:2;gap:8px 20px;font-size:11px}.back-top{grid-row:2;grid-column:3;width:40px;height:40px;align-self:end}.footer-bottom{font-size:10px;gap:6px;padding-block:15px}
  .content-dialog{max-width:calc(100vw - 24px);max-height:92svh}.dialog-header{padding:12px 16px;gap:12px}.dialog-header h2{font-size:20px}.mobile-menu nav{margin-top:22px}.mobile-menu nav a{padding-block:20px;font-size:30px}.mobile-menu-bottom{margin-top:32px;font-size:14px}.toast{bottom:16px;padding:12px 18px;font-size:11px;white-space:nowrap}
}
@media(max-width:370px){
  :root{--gutter:20px}.header-inner{gap:15px}.header-contact{gap:9px;font-size:9px}.brand{width:80px}.menu-toggle{min-width:66px;gap:10px}.hero h1{font-size:50px}.hero{min-height:560px;height:620px}.hero h1{margin-top:85px}.hero-overline{font-size:7px}.hero-bottom>span{font-size:6px}.scroll-link{font-size:8px}.ribbon-inner{font-size:6px;gap:9px}.about-heading h2{font-size:41px}.company-facts dd{font-size:17px}.company-facts>div+div{padding-left:11px}.contact-email{font-size:27px}.contact-phone-row{flex-wrap:wrap;gap:7px}.footer-main{grid-template-columns:105px 1fr auto;gap:22px 17px}.footer-statement{font-size:23px}.footer-bottom{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.product-image-wrap:hover img{transform:none}
}
/* Give the long Turkish headline its own rhythm on small screens. */
@media(max-width:480px){.hero h1 em{white-space:normal;max-width:100%}}

/* Readable supporting information in both languages. */
.section-label{font-size:11px}
.section-label>span:last-child{font-size:9px}
.product-specs dt{font-size:10px;line-height:1.6}
.product-note,.product-bottom-note{font-size:12px}

.quality-accordion summary{font-size:14px}
.details-content{font-size:13px;padding-left:0}
.agriculture-footnote{font-size:12px}

@media(max-width:850px) and (min-width:621px){
  .product-grid{grid-template-columns:1fr;gap:34px}
  .product-info{display:grid;grid-template-columns:.75fr 1.25fr;gap:0 40px}
  .product-topline{grid-column:1/-1}
  .product-info h3{grid-column:1;grid-row:2/4;font-size:clamp(64px,9vw,76px);margin-top:28px}
  .product-ammonium .product-info h3{font-size:clamp(36px,5vw,42px)}
  .product-specs{grid-column:2;grid-row:2/5;margin-top:28px}
  .product-specs dt{max-width:160px}
  .product-note{grid-column:1/-1}
  .product-info .button{grid-column:1/-1;width:auto;min-width:280px;justify-self:start}
}
@media(max-width:620px){
  .product-grid+.product-grid{margin-top:48px;padding-top:40px}
  .company-facts dt{font-size:9px;min-height:27px}
  .product-figure figcaption,.product-figure figcaption>span:last-child{font-size:9px}
  .product-info .button{width:100%}
  .product-specs dt{max-width:155px}
  .contact-channels .eyebrow{font-size:10px}
  .agriculture-factors p{font-size:10px}
  .mobile-menu nav a{min-height:74px}
  .mobile-menu-bottom a{min-height:32px}
  .supply-route{font-size:7px}
}
@media(max-width:370px){.product-specs dt{max-width:130px}.product-info h3{font-size:72px}.contact-top h2{font-size:60px}}
