:root{
  --green-deep:#072118;
  --green:#0C2C20;
  --green-2:#09241B;
  --gold:#D8A35E;
  --gold-lt:#EFC98F;
  --gold-dk:#A57944;
  --cream:#EADCD1;
  --cream-2:#DFCFC1;
  --paper:#F4EAE0;
  --ink:#292219;
  --ink-soft:#524736;
  --serif:Fraunces,"Fraunces Fallback",Georgia,serif;
  --sans:Manrope,"Manrope Fallback",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.62;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.wrap--narrow{max-width:1080px}
.eyebrow{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;font-weight:700;color:var(--gold-dk)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.005em}
.big{font-size:clamp(2rem,4.4vw,3.4rem)}
.pad{padding:clamp(52px,6.5vw,86px) 0}
.orn{display:block;width:58px;margin:14px 0 0;color:var(--gold-dk)}
.center .orn,.head--c .orn{margin-inline:auto}

/* açılış */
.intro{position:fixed;inset:0;z-index:300;background:var(--green-deep);display:flex;align-items:center;justify-content:center;overflow:hidden}
.intro__p{position:absolute;left:0;right:0;height:50%;background:var(--green-deep);transition:transform 1s cubic-bezier(.76,0,.24,1)}
.intro__p--t{top:0}.intro__p--b{bottom:0}
.intro.out .intro__p--t{transform:translateY(-100%)}
.intro.out .intro__p--b{transform:translateY(100%)}
.intro__c{position:relative;z-index:2;text-align:center;transition:opacity .5s}
.intro.out .intro__c{opacity:0}
.intro img{width:min(250px,52vw);margin:0 auto;opacity:0;transform:scale(.94);transition:opacity 1s,transform 1.2s cubic-bezier(.19,1,.22,1)}
.intro.a1 img{opacity:1;transform:none}
.intro__r{width:min(38vw,300px);height:1px;background:rgba(216,163,94,.25);margin:24px auto 0;overflow:hidden}
.intro__r i{display:block;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.65,0,.35,1)}
.intro.a1 .intro__r i{transform:scaleX(1)}
body.locked{overflow:hidden}
.stage{opacity:0;transition:opacity .8s .1s}
body.revealed .stage{opacity:1}

/* nav */
header.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0;transition:.45s;background:transparent}
header.nav.scrolled{background:rgba(7,33,24,.95);backdrop-filter:blur(14px);padding:8px 0;box-shadow:0 10px 40px -22px rgba(0,0,0,.8)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo img{height:54px;width:auto;transition:height .45s}
header.nav.scrolled .logo img{height:40px}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{font-size:.8rem;font-weight:500;color:var(--cream);transition:.25s;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--gold);transition:.3s}
.nav-links a:hover::after{width:100%}
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--green-deep);font-family:var(--sans);font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;padding:13px 24px;border-radius:100px;transition:.3s;border:none;cursor:pointer}
.btn:hover{background:var(--cream);transform:translateY(-2px)}
.btn.ghost{background:transparent;border:1px solid rgba(234,220,209,.45);color:var(--cream)}
.btn.ghost:hover{background:var(--cream);color:var(--green-deep)}
.btn.dark{background:var(--green);color:var(--cream)}
.btn.dark:hover{background:var(--green-deep);color:var(--gold)}
.btn svg{width:15px;height:15px}

/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:var(--cream);overflow:hidden;background:var(--green-deep)}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 52%;animation:kb 26s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.13)}}
.hero-bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(96deg,rgba(7,33,24,.92) 0%,rgba(7,33,24,.78) 26%,rgba(7,33,24,.44) 55%,rgba(7,33,24,.12) 78%,rgba(7,33,24,.04) 100%),
  linear-gradient(180deg,rgba(7,33,24,.55) 0%,rgba(7,33,24,0) 28%,rgba(7,33,24,0) 62%,rgba(7,33,24,.55) 100%)}
.hero-inner{position:relative;z-index:2;padding-top:80px;max-width:860px}
.hero .eyebrow{color:var(--gold)}
.hero h1{font-size:clamp(2.4rem,6vw,4.7rem);margin:20px 0 22px;font-weight:300}
.hero h1 span{display:block;opacity:0;transform:translateY(28px);animation:up .95s cubic-bezier(.19,1,.22,1) forwards}
@keyframes up{to{opacity:1;transform:none}}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero .lead{max-width:54ch;color:rgba(234,220,209,.86);font-size:clamp(1rem,1.4vw,1.12rem);margin-bottom:30px}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:38px}
.hero-facts{display:flex;gap:clamp(24px,4vw,54px);flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(216,163,94,.3)}
.hero-facts b{display:block;font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.1rem);color:var(--gold-lt);line-height:1}
.hero-facts span{display:block;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(234,220,209,.62);margin-top:7px}
.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;text-align:center;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(234,220,209,.5)}
.scroll-hint .line{display:block;width:1px;height:32px;background:linear-gradient(var(--gold),transparent);margin:8px auto 0;animation:cue 2.4s infinite}
@keyframes cue{0%{opacity:0;transform:scaleY(.2)}45%{opacity:1}100%{opacity:0;transform:scaleY(1)}}

/* marquee */
.marquee{background:var(--green-deep);border-block:1px solid rgba(216,163,94,.22);overflow:hidden;padding:12px 0}
.mq-track{display:flex;width:max-content;animation:slide 38s linear infinite}
.marquee:hover .mq-track{animation-play-state:paused}
.mq-set{display:flex;flex:0 0 auto;gap:38px;padding-right:38px}
.mq-set span{font-family:var(--serif);font-size:1.02rem;color:rgba(234,220,209,.8);white-space:nowrap;letter-spacing:.05em}
.mq-set span b{color:var(--gold);font-weight:400}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* bölüm başlığı */
.head{max-width:640px;margin-bottom:clamp(34px,5vw,56px)}
.head--c{margin-inline:auto;text-align:center}
.head h2{margin:12px 0 0}
.head p{margin-top:16px;color:var(--ink-soft)}

/* hikaye: kendi bahçelerimiz */
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center}
.split-media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5}
.split-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.19,1,.22,1)}
.split-media:hover img{transform:scale(1.04)}
.badge-float{position:absolute;left:16px;bottom:16px;right:16px;background:rgba(7,33,24,.92);backdrop-filter:blur(6px);color:var(--cream);border-radius:12px;padding:16px 20px;display:flex;gap:14px;align-items:center}
.badge-float .n{font-family:var(--serif);font-size:2rem;color:var(--gold);line-height:1;flex:0 0 auto}
.badge-float .t{font-size:.78rem;line-height:1.55;color:rgba(234,220,209,.82)}
.badge-float .t b{color:var(--cream);font-weight:600}
.story p{margin-bottom:18px;color:var(--ink-soft)}
.pillars{list-style:none;margin:26px 0 0;border-top:1px solid rgba(41,34,25,.14)}
.pillars li{padding:13px 0 13px 28px;border-bottom:1px solid rgba(41,34,25,.14);position:relative;font-size:.94rem}
.pillars li::before{content:"";position:absolute;left:2px;top:21px;width:9px;height:9px;border:1px solid var(--gold-dk);transform:rotate(45deg)}
.pillars li b{font-weight:600;color:var(--ink)}

/* çeşitler */
.varieties{background:var(--green-deep);color:var(--cream)}
.varieties h2,.varieties h3{color:var(--cream)}
.varieties .eyebrow{color:var(--gold)}
.varieties .head p{color:rgba(234,220,209,.75)}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(216,163,94,.22);border:1px solid rgba(216,163,94,.22)}
.vcard{background:var(--green-deep);padding:clamp(22px,2.6vw,32px);transition:background .4s}
.vcard:hover{background:var(--green)}
.vcard .tagname{font-family:var(--serif);font-size:.78rem;letter-spacing:.22em;color:var(--gold);display:block;margin-bottom:12px}
.vcard h3{font-size:1.45rem;margin-bottom:10px;font-weight:500}
.vcard p{font-size:.9rem;color:rgba(234,220,209,.76);margin-bottom:14px}
.vmeta{display:flex;flex-wrap:wrap;gap:6px}
.vmeta li{list-style:none;font-size:.7rem;padding:4px 10px;border:1px solid rgba(216,163,94,.35);border-radius:100px;color:var(--gold-lt)}

/* ürünler — sabit hizalı, üç sütunlu satırlar */
.prod-list{border-top:1px solid rgba(41,34,25,.16)}
.prow{
  display:grid;
  grid-template-columns:56px minmax(260px,.72fr) 1fr;
  gap:clamp(20px,2.6vw,38px);
  align-items:start;
  padding:clamp(24px,3vw,38px) clamp(12px,1.6vw,22px);
  border-bottom:1px solid rgba(41,34,25,.16);
  transition:background .4s;
}
.prow:nth-child(odd){background:rgba(255,255,255,.42)}
.prow:hover{background:#fff}
.prow-num{
  font-family:var(--serif);font-size:1.1rem;letter-spacing:.12em;color:var(--gold-dk);
  padding-top:4px;border-top:2px solid var(--gold);width:36px;
}
.prow-media{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--cream-2);box-shadow:0 16px 36px -30px rgba(7,33,24,.8)}
.prow-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.19,1,.22,1)}
.prow:hover .prow-media img{transform:scale(1.05)}
.prow-over{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(7,33,24,.9),rgba(7,33,24,.96));color:var(--cream);padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .45s}
.prow:hover .prow-over,.prow:focus-within .prow-over{opacity:1}
.prow-over p{font-size:.84rem;line-height:1.6;color:rgba(234,220,209,.9);margin:0}
.prow-over .qt{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--gold);margin-bottom:9px}

/* sağ blok: üstte isim+açıklama, altta spesifikasyon ve aksiyon */
.prow-body{display:flex;flex-direction:column;height:100%}
.prow-body h3 a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.prow-body h3 a:hover{border-color:var(--gold)}
.prow-body h3{font-size:clamp(1.3rem,2.2vw,1.75rem);color:var(--green-deep);margin-bottom:7px;font-weight:500;line-height:1.15}
.prow-body .desc{color:var(--ink-soft);margin-bottom:20px;max-width:52ch;font-size:.95rem}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px 26px;margin-bottom:20px;padding-top:16px;border-top:1px solid rgba(41,34,25,.12)}
.spec-g{min-width:0}
.lbl{display:block;font-size:.55rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:5px;list-style:none}
.chips li{font-size:.75rem;padding:4px 11px;border:1px solid rgba(216,163,94,.45);border-radius:100px;background:rgba(216,163,94,.09);color:var(--ink);white-space:nowrap}
.prow-cta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid rgba(41,34,25,.12)}
.btn-sm{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:11px 18px;border-radius:100px;transition:.3s;border:1px solid transparent}
.btn-mail{background:var(--gold);color:var(--green-deep)}
.btn-mail:hover{background:var(--green-deep);color:var(--gold)}
.btn-wa{border-color:rgba(41,34,25,.25);color:var(--ink)}
.btn-wa:hover{background:var(--green-deep);border-color:var(--green-deep);color:var(--cream)}
.btn-sm svg{width:14px;height:14px;flex:0 0 auto}
.moq{font-size:.7rem;color:var(--ink-soft);margin-left:2px}
.hint{text-align:center;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:26px;opacity:.75}

/* hasat takvimi */
.season{background:var(--cream-2)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(41,34,25,.14);border:1px solid rgba(41,34,25,.14);margin-top:clamp(28px,3.5vw,44px)}
.tstep{background:var(--cream-2);padding:clamp(20px,2.4vw,30px)}
.tstep .m{font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:12px}
.tstep h3{font-size:1.25rem;margin-bottom:8px;font-weight:500;color:var(--ink)}
.tstep p{font-size:.88rem;color:var(--ink-soft)}

/* kalite */
.process{background:var(--green);color:var(--cream)}
.process h2,.process h3{color:var(--cream)}
.process .eyebrow{color:var(--gold)}
.process .head p{color:rgba(234,220,209,.75)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,32px)}
.step{border-top:1px solid rgba(216,163,94,.35);padding-top:20px}
.step .num{font-family:var(--serif);font-size:.88rem;letter-spacing:.24em;color:var(--gold);margin-bottom:12px}
.step h3{font-size:1.2rem;margin-bottom:8px;font-weight:500}
.step p{font-size:.88rem;color:rgba(234,220,209,.75)}

/* uygulama / kalite / ihracat */
.three{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px)}
.mapwide{margin-top:clamp(34px,4vw,56px);border-top:2px solid var(--gold);padding-top:24px}
.mapwide h3{font-size:1.28rem;margin-bottom:6px;color:var(--ink);font-weight:500}
.mapwide .sub{font-size:.9rem;color:var(--ink-soft);margin-bottom:16px}
.mapgrid{display:grid;grid-template-columns:1.55fr .95fr;gap:clamp(22px,3vw,44px);align-items:center}
@media(max-width:900px){.mapgrid{grid-template-columns:1fr}}
.tbox{border-top:2px solid var(--gold);padding-top:22px}
.tbox h3{font-size:1.28rem;margin-bottom:14px;color:var(--ink);font-weight:500}
.tbox ul{list-style:none}
.tbox li{padding:9px 0 9px 22px;border-bottom:1px solid rgba(41,34,25,.12);position:relative;font-size:.92rem}
.tbox li:last-child{border-bottom:0}
.tbox li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:1px;background:var(--gold-dk)}
.map-box{margin:4px 0 18px;padding:14px 10px 6px;border-radius:10px;background:rgba(255,255,255,.4);border:1px solid rgba(41,34,25,.09)}
.wmap{width:100%;height:auto;display:block;overflow:visible}
.wmap .land circle{fill:var(--gold-dk);opacity:.3}
.wmap .tr circle{fill:var(--gold)}
.wmap .mk{fill:var(--green);stroke:var(--paper);stroke-width:1.6}
.wmap .og-dot{fill:var(--green-deep);stroke:var(--gold);stroke-width:2.4}
.wmap .og-pulse{fill:var(--gold)}
.wmap .lb{font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;fill:var(--ink-soft)}
.wmap .lb-og{fill:var(--green-deep);font-size:16px}
.mkt-list{list-style:none;margin:0}
.mkt-list li{padding:10px 0;border-bottom:1px solid rgba(41,34,25,.12)}
.mkt-list li:last-child{border-bottom:0}
.mkt-list span{display:block;font-size:.55rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:4px}
.mkt-list b{font-weight:400;font-size:.9rem;color:var(--ink)}
@media(prefers-reduced-motion:reduce){.wmap animate{display:none}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;margin-top:clamp(40px,5vw,68px)}
.stat .num{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);color:var(--gold-dk);line-height:1}
.stat .lbl{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px}

/* geniş görsel bandı */
.band{position:relative;height:clamp(280px,42vw,460px);overflow:hidden}
.band img{width:100%;height:100%;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(7,33,24,.3),rgba(7,33,24,.75))}
.band-txt{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.band-txt p{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,3.4vw,2.6rem);color:var(--cream);max-width:20ch;line-height:1.3}
.band-txt em{color:var(--gold-lt)}

/* cta */
.cta{position:relative;color:var(--cream);text-align:center;overflow:hidden;background:var(--green-deep)}
.cta-bg{position:absolute;inset:0;z-index:0}
.cta-bg img{width:100%;height:100%;object-fit:cover;opacity:.3}
.cta-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(7,33,24,.85),rgba(7,33,24,.95))}
.cta-inner{position:relative;z-index:2;max-width:640px;margin:0 auto}
.cta h2{color:var(--cream);margin:14px 0}
.cta p{color:rgba(234,220,209,.78);margin-bottom:28px}
.cta .eyebrow{color:var(--gold)}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* footer */
footer{background:var(--green-deep);color:rgba(234,220,209,.72);padding:clamp(50px,6vw,80px) 0 22px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(26px,3vw,44px);padding-bottom:30px;border-bottom:1px solid rgba(216,163,94,.2)}
.foot-grid img{height:62px;width:auto}
.foot-desc{font-size:.88rem;margin:16px 0 18px;max-width:34ch}
.certs{display:flex;gap:8px;flex-wrap:wrap}
.certs span{font-size:.6rem;letter-spacing:.14em;padding:5px 10px;border:1px solid rgba(216,163,94,.35);border-radius:100px;color:var(--gold)}
footer h4{font-family:var(--sans);font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
footer ul{list-style:none;font-size:.88rem}
footer li{margin-bottom:9px}
footer a:hover{color:var(--gold)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:18px;font-size:.74rem;color:rgba(234,220,209,.45)}
.foot-bottom em{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:.95rem}
.credit{font-size:.66rem;color:rgba(234,220,209,.3);margin-top:10px}
.credit a{text-decoration:underline}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.reveal.in{opacity:1;transform:none}

@media(max-width:1000px){
  .nav-links a:not(.btn){display:none}
  .split{grid-template-columns:1fr}
  .split-media{aspect-ratio:16/10}
  .vgrid{grid-template-columns:1fr 1fr}
  .prow{grid-template-columns:44px minmax(200px,.8fr) 1.2fr;gap:18px;padding-inline:8px}
  .timeline{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .three{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .hero-bg img{object-position:74% 50%}
  .hero-bg::after{background:
    linear-gradient(180deg,rgba(7,33,24,.72) 0%,rgba(7,33,24,.5) 40%,rgba(7,33,24,.86) 100%)}
}
@media(max-width:620px){
  .vgrid,.timeline,.steps,.stats,.foot-grid{grid-template-columns:1fr}
  .prow{grid-template-columns:1fr;gap:16px;padding-inline:4px}
  .prow-num{border-top:0;padding-top:0;width:auto}
  .prow-cta{flex-direction:column;align-items:stretch}
  .btn-sm{justify-content:center}
  .prow-over{display:none}
  .hero-facts{gap:20px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero h1 span{opacity:1;transform:none}}




/* ---- ürün detay sayfası ---- */
.crumb{background:var(--green-deep);color:rgba(234,220,209,.6);padding:96px 0 14px;font-size:.78rem}

.crumb .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.crumb a{color:rgba(234,220,209,.72)}

.crumb a:hover{color:var(--gold)}

.crumb span{opacity:.4}

.crumb b{color:var(--gold);font-weight:500}


.phero{background:var(--green-deep);color:var(--cream);padding:clamp(24px,4vw,44px) 0 clamp(56px,7vw,90px)}

.phero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(28px,4.5vw,64px);align-items:center}

.phero-media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 40px 80px -50px #000}

.phero-media img{width:100%;height:100%;object-fit:cover}

.phero-tag{position:absolute;left:16px;bottom:16px;background:rgba(7,33,24,.86);border:1px solid rgba(216,163,94,.4);color:var(--gold);font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;border-radius:100px}

.phero-body .eyebrow{color:var(--gold)}

.phero h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.1rem,4.6vw,3.5rem);margin:14px 0 16px;line-height:1.05}

.phero-lead{color:rgba(234,220,209,.84);margin-bottom:26px;max-width:50ch}

.quickspec{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(216,163,94,.25);border:1px solid rgba(216,163,94,.25);margin-bottom:26px}

.quickspec li{background:var(--green-deep);padding:14px 16px}

.quickspec span{display:block;font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}

.quickspec b{font-weight:400;font-size:.92rem;color:var(--cream)}

.phero-cta{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:14px}

.dark-ghost{border-color:rgba(234,220,209,.4)}

.micro{font-size:.75rem;color:var(--ink-soft)}

.phero .micro{color:rgba(234,220,209,.5)}


.spectable{border-top:1px solid rgba(41,34,25,.16)}

.srow{display:grid;grid-template-columns:minmax(160px,.5fr) 1fr;gap:clamp(14px,2vw,32px);padding:15px 4px;border-bottom:1px solid rgba(41,34,25,.16);transition:background .3s}

.srow:hover{background:rgba(255,255,255,.5)}

.srow span{font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dk);padding-top:3px}

.srow b{font-weight:400;color:var(--ink);font-size:.95rem}

.spectable+.micro{margin-top:16px}


.loadgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(41,34,25,.15);border:1px solid rgba(41,34,25,.15)}

.loadcard{background:var(--cream);padding:clamp(20px,2.4vw,28px)}

.lc-k{font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:14px}

.lc-list{list-style:none}

.lc-list li{padding:7px 0 7px 18px;position:relative;font-size:.92rem;color:var(--ink)}

.lc-list li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:1px;background:var(--gold-dk)}

.incoterms{margin-top:clamp(28px,3.4vw,44px);border-top:2px solid var(--gold);padding-top:22px}

.big-chips li{font-size:.86rem;padding:8px 18px}

.incoterms .micro{margin-top:14px}


.faq-wrap{max-width:900px}

.faq details{border-bottom:1px solid rgba(41,34,25,.16)}

.faq summary{cursor:pointer;list-style:none;padding:20px 34px 20px 0;font-family:var(--serif);font-size:clamp(1.05rem,1.9vw,1.35rem);color:var(--green-deep);position:relative;transition:color .3s}

.faq summary::-webkit-details-marker{display:none}

.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:11px;height:11px;border-right:1.5px solid var(--gold-dk);border-bottom:1.5px solid var(--gold-dk);transform:translateY(-70%) rotate(45deg);transition:transform .35s}

.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}

.faq summary:hover{color:var(--gold-dk)}

.faq details p{padding:0 40px 22px 0;color:var(--ink-soft);margin:0;max-width:70ch}


.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px)}

.relcard{display:block;background:var(--paper);border:1px solid rgba(41,34,25,.1);border-radius:12px;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .4s}

.relcard:hover{transform:translateY(-6px);box-shadow:0 26px 50px -38px rgba(7,33,24,.8);border-color:rgba(216,163,94,.6)}

.relcard-m{display:block;aspect-ratio:4/3;overflow:hidden}

.relcard-m img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1)}

.relcard:hover .relcard-m img{transform:scale(1.06)}

.relcard-b{display:block;padding:16px 18px 18px}

.relcard-b b{display:block;font-family:var(--serif);font-weight:500;font-size:1.12rem;color:var(--green-deep);margin-bottom:4px}

.relcard-b i{font-style:normal;font-size:.78rem;color:var(--gold-dk);letter-spacing:.04em}




.foot-bottom a{color:rgba(234,220,209,.6);text-decoration:underline}

.foot-bottom a:hover{color:var(--gold)}

.foot-bottom span{opacity:.45}


.ckb{position:fixed;left:16px;right:16px;bottom:16px;z-index:400;background:var(--green-deep);color:var(--cream);
 border:1px solid rgba(216,163,94,.35);border-radius:14px;padding:20px 22px;max-width:560px;
 box-shadow:0 30px 70px -40px rgba(0,0,0,.9);transform:translateY(140%);opacity:0;
 transition:transform .6s cubic-bezier(.19,1,.22,1),opacity .5s}

.ckb.show{transform:none;opacity:1}

.ckb h4{font-family:var(--serif);font-weight:500;font-size:1.12rem;margin-bottom:8px;color:var(--cream)}

.ckb p{font-size:.85rem;color:rgba(234,220,209,.78);margin-bottom:16px;line-height:1.6}

.ckb p a{color:var(--gold);text-decoration:underline}

.ckb-row{display:flex;gap:9px;flex-wrap:wrap}

.ckb button{font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
 padding:11px 18px;border-radius:100px;border:1px solid transparent;cursor:pointer;transition:.3s}

.ckb .acc{background:var(--gold);color:var(--green-deep)}

.ckb .acc:hover{background:var(--cream)}

.ckb .rej{background:transparent;border-color:rgba(234,220,209,.4);color:var(--cream)}

.ckb .rej:hover{background:rgba(234,220,209,.12)}

@media(max-width:560px){.ckb{left:10px;right:10px;bottom:10px;padding:18px}.ckb-row button{flex:1}}



/* ---- iç sayfalar ---- */
.phead{background:var(--green-deep);color:var(--cream);padding:clamp(104px,11vw,132px) 0 clamp(42px,5vw,62px);position:relative;overflow:hidden;width:100%}

.phead .eyebrow{color:var(--gold)}

.phead h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,5.4vw,4rem);margin:16px 0 18px;line-height:1.04;max-width:18ch}

.phead h1 em{font-style:italic;color:var(--gold)}

.phead .lead{max-width:56ch;color:rgba(234,220,209,.84)}

.phead-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,4vw,60px);align-items:end}

.phead-facts{display:flex;gap:clamp(20px,3vw,40px);flex-wrap:wrap;justify-content:flex-end}

.phead-facts b{display:block;font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.2rem);color:var(--gold-lt);line-height:1}

.phead-facts span{display:block;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(234,220,209,.6);margin-top:7px}


.crumb{background:var(--green-2);color:rgba(234,220,209,.6);padding:12px 0;font-size:.76rem}


.rowtable{border-top:1px solid rgba(41,34,25,.16)}


.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(41,34,25,.15);border:1px solid rgba(41,34,25,.15)}

.cardgrid.two{grid-template-columns:repeat(2,1fr)}

.cardgrid.four{grid-template-columns:repeat(4,1fr)}

.gcard{background:var(--paper);padding:clamp(20px,2.6vw,30px)}

.gcard .k{font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:12px}

.gcard h3{font-family:var(--serif);font-size:1.3rem;font-weight:500;margin-bottom:9px;color:var(--ink)}

.gcard p{font-size:.92rem;color:var(--ink-soft);margin:0}

.gcard ul{list-style:none;margin-top:10px}

.gcard li{padding:7px 0 7px 18px;position:relative;font-size:.9rem}

.gcard li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:1px;background:var(--gold-dk)}


/* form */
.formwrap{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(28px,4vw,60px);align-items:start}

.eform{background:var(--paper);border:1px solid rgba(41,34,25,.12);border-radius:14px;padding:clamp(22px,3vw,38px)}

.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}

.f{display:flex;flex-direction:column;gap:7px}

.f.full{grid-column:1/-1}

.f label{font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dk)}

.f input,.f select,.f textarea{font-family:var(--sans);font-size:.95rem;font-weight:300;color:var(--ink);background:#fff;border:1px solid rgba(41,34,25,.18);border-radius:8px;padding:12px 14px;width:100%;transition:border-color .25s,box-shadow .25s}

.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,163,94,.18)}

.f textarea{resize:vertical;min-height:110px}

.fnote{font-size:.76rem;color:var(--ink-soft);margin-top:16px}

.aside-card{background:var(--green-deep);color:var(--cream);border-radius:14px;padding:clamp(22px,2.6vw,30px)}

.aside-card h3{font-family:var(--serif);font-size:1.3rem;font-weight:500;margin-bottom:12px;color:var(--cream)}

.aside-card p{font-size:.9rem;color:rgba(234,220,209,.78);margin-bottom:16px}

.aside-list{list-style:none;margin-bottom:18px}

.aside-list li{padding:9px 0;border-bottom:1px solid rgba(216,163,94,.22);font-size:.88rem}

.aside-list li:last-child{border-bottom:0}

.aside-list b{display:block;font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}

.aside-list a{color:var(--cream)}
.aside-list a:hover{color:var(--gold)}


.vgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,30px)}

.vbig{background:var(--paper);border:1px solid rgba(41,34,25,.12);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:.7fr 1fr}

.vbig-m{position:relative;overflow:hidden;min-height:190px;background:var(--cream-2)}

.vbig-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.vbig-b{padding:clamp(18px,2.2vw,26px)}

.vbig-b .k{font-family:var(--serif);font-size:.78rem;letter-spacing:.2em;color:var(--gold-dk);margin-bottom:8px}

.vbig-b h3{font-family:var(--serif);font-size:1.5rem;font-weight:500;margin-bottom:8px;color:var(--green-deep)}

.vbig-b p{font-size:.9rem;color:var(--ink-soft);margin-bottom:12px}

.vmeta2{display:flex;flex-wrap:wrap;gap:6px;list-style:none}

.vmeta2 li{font-size:.72rem;padding:4px 11px;border:1px solid rgba(216,163,94,.45);border-radius:100px;background:rgba(216,163,94,.08)}


.timeline2{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(41,34,25,.15);border:1px solid rgba(41,34,25,.15)}

.t2{background:var(--paper);padding:clamp(20px,2.4vw,30px)}

.t2 .m{font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:12px}

.t2 h3{font-family:var(--serif);font-size:1.25rem;font-weight:500;margin-bottom:8px}

.t2 p{font-size:.88rem;color:var(--ink-soft);margin:0}


.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,54px)}

.cbox{border-top:2px solid var(--gold);padding-top:22px}

.cbox h3{font-family:var(--serif);font-size:1.35rem;font-weight:500;margin-bottom:14px}

.clist{list-style:none}

.clist li{padding:13px 0;border-bottom:1px solid rgba(41,34,25,.14)}

.clist b{display:block;font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:4px}

.clist a{color:var(--ink)}
.clist a:hover{color:var(--gold-dk)}




.f input.err,.f select.err{border-color:#B4462F;box-shadow:0 0 0 3px rgba(180,70,47,.14)}

.err-note{color:#B4462F;font-weight:500}

.consent{display:flex;gap:11px;align-items:flex-start;margin-top:22px;font-size:.84rem;color:var(--ink-soft);cursor:pointer}

.consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--green);flex:0 0 auto;cursor:pointer}

.consent a{color:var(--gold-dk);text-decoration:underline}

.consent.err span{color:#B4462F}



.nf{background:var(--green-deep);color:var(--cream);min-height:88vh;display:flex;align-items:center;padding:130px 0 70px;text-align:center}

.nf .code{font-family:var(--serif);font-size:clamp(4.5rem,16vw,11rem);line-height:.9;color:var(--gold);opacity:.9;margin-bottom:10px}

.nf h1{font-family:var(--serif);font-weight:300;font-size:clamp(1.8rem,4.4vw,3rem);margin-bottom:16px}

.nf h1 em{font-style:italic;color:var(--gold)}

.nf p{max-width:48ch;margin:0 auto 30px;color:rgba(234,220,209,.78)}

.nf-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}

.nf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(216,163,94,.25);border:1px solid rgba(216,163,94,.25);max-width:820px;margin:0 auto}

.nf-grid a{background:var(--green-deep);padding:18px 14px;color:var(--cream);transition:background .35s}

.nf-grid a:hover{background:var(--green)}

.nf-grid b{display:block;font-family:var(--serif);font-size:1.05rem;font-weight:500;margin-bottom:3px}

.nf-grid span{font-size:.7rem;color:rgba(234,220,209,.55)}


/* ================= WordPress ek stilleri ================= */

/* mobil menü */
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:0;cursor:pointer;padding:0}

.burger span{display:block;height:1.5px;width:24px;background:var(--gold-lt);margin-inline:auto;transition:transform .25s,opacity .2s}

.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}

.burger[aria-expanded="true"] span:nth-child(2){opacity:0}

.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.drawer{position:fixed;inset:64px 0 0;background:var(--green-deep);z-index:95;overflow-y:auto}

.drawer[hidden]{display:none}

.drawer-inner{padding:34px clamp(20px,5vw,40px) 60px}

.drawer-list{list-style:none;margin:0 0 26px;padding:0}

.drawer-list li{border-bottom:1px solid rgba(216,163,94,.2)}

.drawer-list a{display:block;padding:16px 0;color:var(--cream);font-family:var(--serif);font-size:1.3rem}

.drawer-list a:hover{color:var(--gold)}

.drawer-meta{margin-top:24px;color:rgba(234,220,209,.7);font-size:.9rem}

.drawer-meta a{color:var(--gold)}

body.is-locked{overflow:hidden}


/* WP menü öğeleri nav içinde <a> gibi dursun */
.nav-links li{list-style:none}

.nav-links ul{display:contents;list-style:none;margin:0;padding:0}

.lang-switch ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}

.lang-switch a{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;opacity:.7}

.lang-switch .current-lang a{opacity:1;color:var(--gold)}


/* form geri bildirimleri */
.notice-ok,.notice-err{padding:16px 20px;border-radius:10px;margin-bottom:24px;font-size:.94rem}

.notice-ok{background:rgba(35,86,62,.08);border-left:3px solid var(--green)}

.notice-err{background:rgba(180,70,47,.1);border-left:3px solid #B4462F}

.notice-ok p,.notice-err p{margin:0}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}


/* çerez bandı */
.ckb{position:fixed;left:16px;right:16px;bottom:16px;z-index:400;background:var(--green-deep);color:var(--cream);
 border:1px solid rgba(216,163,94,.35);border-radius:14px;padding:20px 22px;max-width:560px;
 box-shadow:0 30px 70px -40px rgba(0,0,0,.9);transform:translateY(140%);opacity:0;
 transition:transform .6s cubic-bezier(.19,1,.22,1),opacity .5s}


/* editör içeriği */
.entry h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,2.4vw,1.8rem);color:var(--green-deep);margin:32px 0 12px}

.entry h3{font-family:var(--serif);font-weight:500;font-size:1.15rem;margin:20px 0 8px}

.entry p{margin-bottom:14px;color:var(--ink-soft)}

.entry ul,.entry ol{margin:0 0 18px 18px}

.entry li{margin-bottom:7px;color:var(--ink-soft)}

.entry a{color:var(--gold-dk);text-decoration:underline}

.entry img{margin:22px 0;border-radius:10px}

.pagination{margin-top:30px;display:flex;gap:8px;justify-content:center}

.pagination .page-numbers{padding:9px 15px;border:1px solid rgba(41,34,25,.2);border-radius:100px;font-size:.85rem}

.pagination .current{background:var(--green);color:var(--cream);border-color:var(--green)}


/* ================= İç sayfa zenginleştirmeleri ================= */

/* yatay kaydırılabilir tablo sarmalayıcı */
.inco-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}

.inco-scroll::-webkit-scrollbar{height:5px}

.inco-scroll::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}

.inco-scroll::-webkit-scrollbar-track{background:rgba(41,34,25,.08)}


/* --- Incoterm matrisi --- */
.inco-legend{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:16px;font-size:.78rem;color:var(--ink-soft)}

.inco-legend span{display:flex;align-items:center;gap:8px}

.inco-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}

.inco-legend .k-s{background:var(--green)}

.inco-legend .k-b{background:rgba(216,163,94,.35);border:1px solid rgba(216,163,94,.6)}

.inco-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:.82rem}

.inco-table th,.inco-table td{padding:11px 10px;text-align:center;border-bottom:1px solid rgba(41,34,25,.12)}

.inco-table thead th{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk);border-bottom:2px solid var(--gold);white-space:nowrap}

.inco-table tbody th{text-align:left;font-weight:400;color:var(--ink);white-space:nowrap;padding-right:18px;font-size:.86rem}

.inco-table tbody tr:hover td,.inco-table tbody tr:hover th{background:rgba(255,255,255,.55)}

.inco-table td i{font-style:normal;display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.08em;padding:5px 10px;border-radius:100px;min-width:58px}

.inco-table td.s i{background:var(--green);color:var(--cream)}

.inco-table td.b i{background:rgba(216,163,94,.18);color:var(--gold-dk);border:1px solid rgba(216,163,94,.45)}


/* --- konteyner diyagramı --- */
.contgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,38px);margin-bottom:26px}

.cont{margin:0;background:var(--paper);border:1px solid rgba(41,34,25,.12);border-radius:14px;padding:18px}

.cont svg{width:100%;height:auto;display:block}

.cont .shell{fill:none;stroke:var(--green);stroke-width:2.5;opacity:.85}

.cont .door{fill:var(--green);opacity:.85}

.cont .pal{fill:rgba(216,163,94,.28);stroke:var(--gold-dk);stroke-width:1.2}

.cont .palline{stroke:var(--gold-dk);stroke-width:1;opacity:.5}

.cont figcaption{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(41,34,25,.12)}

.cont figcaption b{font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--green-deep)}

.cont figcaption span{font-size:.82rem;color:var(--ink-soft)}

.cont figcaption em{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dk)}

.loadfacts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(41,34,25,.14);border:1px solid rgba(41,34,25,.14)}

.loadfacts div{background:var(--paper);padding:18px 16px;text-align:center}

.loadfacts b{display:block;font-family:var(--serif);font-size:1.4rem;color:var(--green-deep);line-height:1}

.loadfacts span{display:block;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-top:7px}


/* --- çeşit karşılaştırma tablosu --- */
.vtable{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:.86rem}

.vtable th,.vtable td{padding:13px 14px;border-bottom:1px solid rgba(41,34,25,.12);text-align:left}

.vtable thead th{font-family:var(--serif);font-size:1.05rem;font-weight:500;color:var(--green-deep);border-bottom:2px solid var(--gold);white-space:nowrap}

.vtable thead th:first-child{font-family:var(--sans);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk)}

.vtable tbody th{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk);white-space:nowrap}

.vtable tbody td{color:var(--ink-soft)}

.vtable tbody tr:hover td,.vtable tbody tr:hover th{background:rgba(255,255,255,.55)}

.vtable tbody tr:last-child td{color:var(--ink);font-weight:500}


/* --- uygulamaya göre çeşit seçici --- */
.pickgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(216,163,94,.3);border:1px solid rgba(216,163,94,.3)}

.pick{background:var(--paper);padding:clamp(20px,2.4vw,28px);transition:background .4s}

.pick:hover{background:#fff}

.pick-app{font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:10px}

.pick h3{font-family:var(--serif);font-size:1.5rem;font-weight:500;color:var(--green-deep);margin-bottom:9px}

.pick-why{font-size:.9rem;color:var(--ink-soft);margin-bottom:14px}

.pick-spec{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--green);padding-top:12px;border-top:1px solid rgba(41,34,25,.12)}


/* --- kalite süreç akışı --- */
.flow{width:100%;min-width:940px;height:auto;display:block}

.flow .fl-rail{stroke:rgba(216,163,94,.5);stroke-width:2}

.flow .fl-stem{stroke:rgba(216,163,94,.5);stroke-width:1.5}

.flow .fl-dot{fill:var(--gold);stroke:var(--paper);stroke-width:3}

.flow .fl-num{font-family:var(--serif);font-size:20px;fill:var(--gold-dk)}

.flow .fl-title{font-family:var(--serif);font-size:19px;font-weight:500;fill:var(--green-deep)}

.flow .fl-desc{font-family:var(--sans);font-size:12.5px;fill:var(--ink-soft)}

.flow .fl-chip{fill:rgba(35,86,62,.08);stroke:rgba(35,86,62,.3);stroke-width:1}

.flow .fl-check{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.08em;fill:var(--green)}

.process .flow .fl-title{fill:var(--cream)}

.process .flow .fl-desc{fill:rgba(234,220,209,.7)}

.process .flow .fl-chip{fill:rgba(216,163,94,.12);stroke:rgba(216,163,94,.4)}

.process .flow .fl-check{fill:var(--gold-lt)}

.process .flow .fl-dot{stroke:var(--green)}


/* --- hasat takvimi --- */
.cal{width:100%;min-width:820px;height:auto;display:block}

.cal .cal-grid{stroke:rgba(41,34,25,.12);stroke-width:1}

.cal .cal-m{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;fill:var(--ink-soft)}

.cal .cal-bar{opacity:.92}

.cal .cal-bar.care{fill:rgba(35,86,62,.28)}

.cal .cal-bar.harv{fill:var(--gold)}

.cal .cal-bar.proc{fill:rgba(216,163,94,.55)}

.cal .cal-bar.ship{fill:var(--green)}

.cal .cal-bar.call{fill:rgba(41,34,25,.12)}

.cal .cal-lab{font-family:var(--sans);font-size:12.5px;font-weight:600;fill:var(--ink)}

.cal .cal-bar.ship+.cal-lab,.cal .cal-bar.harv+.cal-lab{fill:var(--green-deep)}

/* ================= Okunabilirlik ve sayfa düzeni ================= */

/* Bölüm arka planları her zaman tam genişlik — geniş ekranda kutulanmasın */
.hero,.phead,.pad,.marquee,.varieties,.process,.cta,footer,.crumb,.nf{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

/* --- İç sayfa metin düzeni: tek uzun sütun yerine giriş + gövde --- */
.pagebody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(30px,4vw,64px);align-items:start}
.pagebody__main{max-width:72ch}
.pagebody__main > *:first-child{margin-top:0}

/* Giriş paragrafı: ilk paragraf büyük ve koyu */
.pagebody__main > p:first-of-type{
  font-family:var(--serif);
  font-size:clamp(1.15rem,1.9vw,1.42rem);
  line-height:1.5;
  color:var(--green-deep);
  font-weight:400;
  margin-bottom:24px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(41,34,25,.14);
}

/* Gövde metni: daha okunur */
.entry p,.legal p,.pagebody__main p{font-size:1.02rem;line-height:1.68;color:var(--ink-soft);margin-bottom:17px}
.entry li,.legal li{font-size:1rem;line-height:1.6}
.entry h2,.legal h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.6vw,2.1rem);color:var(--green-deep);margin:44px 0 14px;letter-spacing:-.005em}
.entry h2:first-child,.legal h2:first-child{margin-top:0}
.entry h3,.legal h3{font-family:var(--serif);font-weight:500;font-size:1.25rem;color:var(--ink);margin:26px 0 9px}

/* Yan sütun: iletişim ve hızlı bağlantı kartı */
.sidecard{position:sticky;top:96px;background:var(--green-deep);color:var(--cream);border-radius:14px;padding:24px 22px}
.sidecard h4{font-family:var(--serif);font-size:1.2rem;font-weight:500;color:var(--cream);margin-bottom:9px}
.sidecard p{font-size:.88rem;color:rgba(234,220,209,.78);margin-bottom:16px;line-height:1.55}
.sidecard ul{list-style:none;margin:0 0 16px}
.sidecard li{padding:9px 0;border-bottom:1px solid rgba(216,163,94,.22);font-size:.86rem}
.sidecard li:last-child{border-bottom:0}
.sidecard b{display:block;font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.sidecard a{color:var(--cream)}
.sidecard a:hover{color:var(--gold)}
.sidecard .btn{width:100%;justify-content:center;margin-top:4px}

/* Sayfa başlığı: metin daha büyük ve okunur */
.phead h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.1rem,4.6vw,3.5rem);margin:14px 0 16px;line-height:1.06;max-width:19ch}
.phead .lead{max-width:60ch;color:rgba(234,220,209,.9);font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.6}
.phead .eyebrow{color:var(--gold)}

/* Alıntı bloğu — metin duvarını böler */
.pullquote{
  margin:38px 0;padding:26px 30px;
  background:rgba(35,86,62,.06);
  border-left:3px solid var(--gold);
  border-radius:0 10px 10px 0;
}
.pullquote p{font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45;color:var(--green-deep);margin:0;font-style:italic}
.pullquote cite{display:block;margin-top:12px;font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dk)}

/* Sayfa içi geniş görsel bandı */
.pageband{position:relative;height:clamp(200px,26vw,340px);border-radius:14px;overflow:hidden;margin:36px 0}
.pageband img{width:100%;height:100%;object-fit:cover}

@media(max-width:1000px){
  .pagebody{grid-template-columns:1fr}
  .sidecard{position:static}
}

/* ================= Our Orchards sayfası ================= */

/* Hikaye: metin + görsel yan yana */
.orch-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,4.5vw,70px);align-items:start}
.orch-text .big{margin:12px 0 20px}
.orch-text p{color:var(--ink-soft);margin-bottom:16px;max-width:58ch}
.orch-lead{
  font-family:var(--serif);
  font-size:clamp(1.15rem,1.8vw,1.4rem);
  line-height:1.5;
  color:var(--green-deep) !important;
  margin-bottom:22px !important;
  padding-bottom:20px;
  border-bottom:1px solid rgba(41,34,25,.14);
}
.orch-media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;position:sticky;top:96px}
.orch-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.19,1,.22,1)}
.orch-media:hover img{transform:scale(1.04)}
.orch-badge{
  position:absolute;left:14px;right:14px;bottom:14px;
  background:rgba(7,33,24,.93);backdrop-filter:blur(6px);
  color:var(--cream);border-radius:12px;padding:16px 18px;
  display:flex;gap:14px;align-items:center;
}
.orch-badge .n{font-family:var(--serif);font-size:2rem;color:var(--gold);line-height:1;flex:0 0 auto}
.orch-badge .n small{font-size:1rem}
.orch-badge .t{font-size:.82rem;line-height:1.5;color:rgba(234,220,209,.82)}
.orch-badge .t b{color:var(--cream);font-weight:600}

/* Altı kutu: 3 sütun, kompakt */
.orch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(41,34,25,.14);border:1px solid rgba(41,34,25,.14)}
.orch-card{background:var(--cream);padding:clamp(20px,2.2vw,28px);transition:background .35s}
.orch-card:hover{background:#fff}
.orch-card .k{display:block;font-family:var(--serif);font-size:.9rem;letter-spacing:.22em;color:var(--gold-dk);margin-bottom:12px}
.orch-card h3{font-family:var(--serif);font-size:1.28rem;font-weight:500;color:var(--green-deep);margin-bottom:8px}
.orch-card p{font-size:.92rem;line-height:1.55;color:var(--ink-soft);margin:0}

@media(max-width:1000px){
  .orch-split{grid-template-columns:1fr}
  .orch-media{position:relative;top:0;aspect-ratio:16/10;order:-1}
  .orch-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .orch-grid{grid-template-columns:1fr}
}

/* --- Sahiplik farkları + hasat takvimi yan yana --- */
.orch-duo{display:grid;grid-template-columns:1.22fr .78fr;gap:clamp(28px,3.5vw,56px);align-items:start}
.orch-duo__l .orch-card{padding:clamp(18px,1.9vw,24px)}
.orch-duo__l .orch-card h3{font-size:1.18rem}
.orch-duo__l .orch-card p{font-size:.88rem}

.orch-duo__r{
  position:sticky;top:96px;
  background:var(--green-deep);color:var(--cream);
  border-radius:16px;padding:clamp(24px,2.6vw,32px);
}
.orch-duo__r .eyebrow{color:var(--gold)}
.season-h{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.1vw,1.8rem);color:var(--cream);margin:12px 0 24px;line-height:1.15}
.orch-duo__r .micro{color:rgba(234,220,209,.55);margin-top:20px;font-size:.78rem;line-height:1.55}

/* dikey zaman çizelgesi */
.vtimeline{list-style:none;margin:0;padding:0;position:relative}
.vtimeline::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:1px;background:rgba(216,163,94,.35)}
.vtimeline li{position:relative;padding:0 0 24px 30px}
.vtimeline li:last-child{padding-bottom:0}
.vtimeline li::before{
  content:"";position:absolute;left:1px;top:6px;
  width:13px;height:13px;border-radius:50%;
  background:var(--green-deep);border:2px solid rgba(216,163,94,.5);
}
.vtimeline li.is-peak::before{background:var(--gold);border-color:var(--gold)}
.vtimeline li.is-ship::before{background:var(--cream);border-color:var(--cream)}
.vt-m{display:block;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.vt-t{display:block;font-family:var(--serif);font-size:1.18rem;font-weight:500;color:var(--cream);margin-bottom:4px}
.vt-d{display:block;font-size:.85rem;line-height:1.5;color:rgba(234,220,209,.72)}

@media(max-width:1100px){
  .orch-duo{grid-template-columns:1fr}
  .orch-duo__r{position:static}
}
@media(max-width:620px){
  .orch-grid{grid-template-columns:1fr}
}

/* ================= Quality sayfası ================= */
.qual-duo{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,3.5vw,56px);align-items:start}
.qual-lead{font-family:var(--serif);font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.5;color:var(--green-deep);margin:14px 0 26px;padding-bottom:20px;border-bottom:1px solid rgba(41,34,25,.14)}
.qual-flow .big{margin-top:12px}

/* dikey süreç akışı */
.vflow{list-style:none;margin:0;padding:0;position:relative}
.vflow::before{content:"";position:absolute;left:15px;top:12px;bottom:12px;width:1px;background:rgba(216,163,94,.45)}
.vflow li{position:relative;padding:0 0 26px 48px}
.vflow li:last-child{padding-bottom:0}
.vflow li::before{content:"";position:absolute;left:9px;top:4px;width:13px;height:13px;border-radius:50%;background:var(--gold);border:3px solid var(--paper);box-shadow:0 0 0 1px rgba(216,163,94,.5)}
.vf-n{position:absolute;left:0;top:26px;font-family:var(--serif);font-size:.72rem;letter-spacing:.14em;color:var(--gold-dk)}
.vf-t{display:block;font-family:var(--serif);font-size:1.32rem;font-weight:500;color:var(--green-deep);margin-bottom:5px}
.vf-d{display:block;font-size:.94rem;line-height:1.55;color:var(--ink-soft);margin-bottom:9px;max-width:46ch}
.vf-c{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);background:rgba(35,86,62,.09);border:1px solid rgba(35,86,62,.25);border-radius:100px;padding:5px 12px}

/* sağ sütun kartları */
.qual-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.qual-card{background:var(--cream);border:1px solid rgba(41,34,25,.12);border-radius:16px;padding:clamp(22px,2.4vw,28px)}
.qual-card--dark{background:var(--green-deep);color:var(--cream);border-color:rgba(216,163,94,.3)}
.qual-card--dark .eyebrow{color:var(--gold)}
.checklist{list-style:none;margin:0}
.checklist li{padding:11px 0;border-bottom:1px solid rgba(41,34,25,.12)}
.checklist li:last-child{border-bottom:0}
.checklist b{display:block;font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:3px}
.checklist span{font-size:.88rem;color:var(--ink-soft);line-height:1.5}
.certrow{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.certrow span{font-size:.6rem;letter-spacing:.14em;padding:6px 12px;border:1px solid rgba(216,163,94,.4);border-radius:100px;color:var(--gold)}
.doclist{list-style:none;margin:0 0 18px}
.doclist li{padding:11px 0;border-bottom:1px solid rgba(216,163,94,.2);font-size:.86rem;color:rgba(234,220,209,.78);line-height:1.5}
.doclist li:last-child{border-bottom:0}
.doclist b{display:block;font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}

/* ================= Export sayfası ================= */
.exp-duo{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,3.5vw,56px);align-items:start}
.exp-pack{position:sticky;top:96px}
.exp-pack .rowtable{border-top:1px solid rgba(41,34,25,.16)}
.exp-cont .cont{background:var(--cream);border-color:rgba(41,34,25,.12)}

@media(max-width:1100px){
  .qual-duo,.exp-duo{grid-template-columns:1fr}
  .qual-side,.exp-pack{position:static}
}

/* Metrik uyumlu yedek fontlar. Fraunces ve Manrope gec geldiginde metin yeniden akmasin diye
   yedek fontlar gercek fontlarla ayni yeri kaplayacak sekilde ayarlandi (CLS). Olculen degerler. */
@font-face{font-family:"Fraunces Fallback";src:local("Georgia"),local("Times New Roman");size-adjust:85.72%;ascent-override:114.09%;descent-override:29.75%;line-gap-override:0%}
@font-face{font-family:"Manrope Fallback";src:local("Arial"),local("Helvetica");size-adjust:102.20%;ascent-override:104.30%;descent-override:29.35%;line-gap-override:0%}

/* Makale tablolari */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:26px 0;border:1px solid rgba(26,42,32,.14);border-radius:14px;background:#fff}
.tablewrap table{width:100%;min-width:460px;border-collapse:collapse;font-size:.95rem}
.tablewrap th,.tablewrap td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(26,42,32,.10)}
.tablewrap thead th{background:rgba(26,42,32,.05);font-weight:600;letter-spacing:.01em;white-space:nowrap}
.tablewrap tbody tr:last-child td{border-bottom:0}
.tablewrap tbody tr:nth-child(even) td{background:rgba(26,42,32,.025)}
.entry .micro{opacity:.75;font-size:.86rem}
.entry h2{margin-top:38px}
.entry h3{margin-top:26px}
.entry ul,.entry ol{padding-left:1.15em}
.entry li{margin:.45em 0}
@media(max-width:640px){.tablewrap table{font-size:.88rem}.tablewrap th,.tablewrap td{padding:10px 12px}}