:root{
  --green:#103523;
  --green-2:#1e4b33;
  --green-3:#2e6243;
  --gold:#d8b467;
  --gold-soft:#ead7a8;
  --cream:#f3efe5;
  --cream-2:#ebe5d8;
  --ink:#152219;
  --muted:#667268;
  --white:#fff;
  --line:rgba(255,255,255,.17);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
img{display:block;max-width:100%}
.wrap{width:min(1240px,calc(100% - 56px));margin:0 auto}

/* HEADER */
.site-header{
  position:absolute;inset:0 0 auto 0;z-index:50;color:#fff;
  transition:transform .3s ease,color .3s ease
}
.topbar{
  border-bottom:1px solid var(--line);
  background:rgba(3,18,10,.18);
  backdrop-filter:blur(6px)
}
.topbar-inner{
  height:42px;display:flex;align-items:center;
  justify-content:space-between;font-size:12px;letter-spacing:.35px
}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}
.topbar-left a{opacity:.88;transition:.2s}
.topbar-left a:hover{opacity:1;color:var(--gold)}
.sep{width:1px;height:13px;background:rgba(255,255,255,.35)}
.topbar-right a{
  display:grid;place-items:center;width:25px;height:25px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;font-size:11px;font-weight:700;transition:.22s
}
.topbar-right a:hover{background:var(--gold);border-color:var(--gold);color:#143020}

.nav-shell{
  border-bottom:1px solid var(--line);
  transition:background .3s,border-color .3s,box-shadow .3s
}
.nav-inner{
  min-height:104px;
  display:flex;align-items:center;gap:28px
}
.logo{
  width:205px;
  flex:0 0 205px;
  display:flex;align-items:center
}
.logo img{
  width:205px;height:auto;
  transition:opacity .15s ease,transform .3s ease
}
.main-nav{
  margin-left:auto;
  display:flex;align-items:center;gap:2px
}
.main-nav>a,.nav-link{
  position:relative;
  padding:44px 10px 40px;
  border:0;background:none;color:#fff;
  font-size:12px;font-weight:800;
  letter-spacing:.35px;cursor:pointer;white-space:nowrap
}
.main-nav>a::after,.nav-link::after{
  content:"";
  position:absolute;left:10px;right:10px;bottom:31px;height:2px;
  background:var(--gold);
  transform:scaleX(0);transform-origin:left;
  transition:transform .25s ease
}
.main-nav>a:hover::after,
.main-nav>a.active::after,
.nav-item:hover .nav-link::after{transform:scaleX(1)}
.nav-item{position:relative}
.dropdown{
  position:absolute;left:0;top:88px;
  width:260px;padding:9px 0;
  background:rgba(255,255,255,.98);color:#1f2b22;
  border-top:3px solid var(--gold);
  box-shadow:0 22px 55px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;transform:translateY(9px);
  transition:.22s
}
.dropdown.wide{width:305px}
.dropdown a{
  display:block;padding:12px 18px;border-bottom:1px solid #eee;
  font-size:12px;font-weight:700
}
.dropdown a:last-child{border-bottom:0}
.dropdown a:hover{background:#f7f3ea;color:var(--green)}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:none}
.lang{
  font-size:11px;font-weight:900;letter-spacing:.7px;
  border-left:1px solid rgba(255,255,255,.32);padding-left:18px
}
.lang span{opacity:.55;margin:0 3px}
.mobile-toggle{display:none}

/* STICKY */
.site-header.is-sticky{
  position:fixed;inset:0 0 auto 0;
  color:#22362a;
  animation:dropHeader .32s ease both
}
@keyframes dropHeader{
  from{transform:translateY(-14px);opacity:.6}
  to{transform:none;opacity:1}
}
.site-header.is-sticky .topbar{display:none}
.site-header.is-sticky .nav-shell{
  background:rgba(255,255,255,.965);
  border-color:#ece8df;
  box-shadow:0 10px 38px rgba(0,0,0,.08);
  backdrop-filter:blur(14px)
}
.site-header.is-sticky .nav-inner{min-height:78px}
.site-header.is-sticky .logo,
.site-header.is-sticky .logo img{width:178px}
.site-header.is-sticky .main-nav>a,
.site-header.is-sticky .nav-link{
  color:#24382c;
  padding-top:31px;padding-bottom:29px
}
.site-header.is-sticky .main-nav>a::after,
.site-header.is-sticky .nav-link::after{bottom:20px}
.site-header.is-sticky .dropdown{top:70px}
.site-header.is-sticky .lang{color:#264332;border-left-color:#ddd}

/* HERO */
.hero{
  position:relative;
  min-height:100vh;
  height:880px;
  overflow:hidden;
  background:#0a2d1c;
  color:#fff
}
.hero-image{
  position:absolute;inset:-3.5%;
  background-image:url('../images/aycan-gida-slider-2.jpg');
  background-size:cover;
  background-position:center 51%;
  transform:scale(1.075);
  animation:heroZoom 17s ease-out forwards;
  will-change:transform
}
@keyframes heroZoom{to{transform:scale(1)}}
.hero-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,
      rgba(4,22,12,.86) 0%,
      rgba(5,27,15,.70) 31%,
      rgba(7,25,14,.37) 58%,
      rgba(5,20,11,.12) 78%,
      rgba(4,18,10,.05) 100%),
    linear-gradient(0deg,rgba(5,20,11,.32),rgba(5,20,11,0) 43%)
}
.hero-light{
  position:absolute;
  width:760px;height:760px;
  left:-220px;top:145px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(224,188,111,.13),rgba(224,188,111,0) 69%);
  filter:blur(3px);
  pointer-events:none
}
.hero-content{
  position:relative;z-index:3;height:100%;
  display:flex;align-items:center;
  padding-top:110px
}
.hero-copy{max-width:930px}
.eyebrow{
  display:flex;align-items:center;gap:13px;
  margin-bottom:25px;
  font-size:11px;font-weight:900;
  letter-spacing:3.2px;color:#e0c584
}
.eyebrow::before{content:"";width:40px;height:1px;background:var(--gold)}
h1{
  max-width:900px;
  margin:0 0 27px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(66px,7.4vw,118px);
  line-height:.88;
  letter-spacing:-5px;
  font-weight:500
}
h1 span{
  display:block;
  color:var(--gold);
  font-style:italic;
  font-size:.94em
}
.hero-content p{
  max-width:665px;
  margin:0 0 39px;
  color:rgba(255,255,255,.89);
  font-size:17px;line-height:1.82
}
.hero-actions{display:flex;align-items:center;gap:31px}
.btn-primary{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:space-between;gap:34px;
  min-width:258px;padding:19px 21px;
  background:var(--gold);color:#13291b;
  font-size:11px;font-weight:900;letter-spacing:1px;
  transition:transform .25s,box-shadow .25s,color .25s
}
.btn-primary::before{
  content:"";
  position:absolute;inset:0;
  background:#fff;
  transform:translateX(-105%);
  transition:transform .35s cubic-bezier(.2,.7,.2,1)
}
.btn-primary span,.btn-primary b{position:relative;z-index:2}
.btn-primary b{font-size:18px;font-weight:500}
.btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 40px rgba(0,0,0,.19)
}
.btn-primary:hover::before{transform:none}
.text-link{
  position:relative;
  font-size:12px;font-weight:800;letter-spacing:.4px;
  color:#fff;padding:7px 0
}
.text-link::after{
  content:"";position:absolute;left:0;bottom:0;
  width:100%;height:1px;background:rgba(255,255,255,.34);
  transition:width .25s
}
.text-link:hover::after{width:35%}
.text-link span{margin-left:8px;color:var(--gold)}
.hero-side{
  position:absolute;z-index:4;
  right:28px;top:50%;
  transform:translateY(-50%) rotate(90deg);
  display:flex;align-items:center;gap:16px;
  font-size:9px;letter-spacing:2.6px;font-weight:900;
  color:rgba(255,255,255,.55)
}
.hero-side i{width:48px;height:1px;background:rgba(255,255,255,.32)}
.scroll-cue{
  position:absolute;z-index:4;left:50%;bottom:28px;
  transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:11px;
  color:rgba(255,255,255,.72);
  font-size:8px;font-weight:900;letter-spacing:3px
}
.scroll-cue i{
  width:1px;height:50px;
  background:linear-gradient(var(--gold),rgba(255,255,255,.08));
  animation:scrollPulse 1.8s infinite
}
@keyframes scrollPulse{
  0%,100%{transform:scaleY(.48);transform-origin:top}
  50%{transform:scaleY(1)}
}
.hero-number{
  position:absolute;right:45px;bottom:28px;z-index:3;
  font-family:Georgia,serif;font-size:48px;
  color:rgba(255,255,255,.13)
}

/* HERO REVEAL */
.reveal{
  opacity:0;transform:translateY(22px);
  animation:reveal .9s cubic-bezier(.2,.7,.2,1) forwards
}
.delay-1{animation-delay:.16s}
.delay-2{animation-delay:.32s}
.delay-3{animation-delay:.48s}
@keyframes reveal{to{opacity:1;transform:none}}

/* SUSTAINABILITY */
.sustain{
  position:relative;
  overflow:hidden;
  background:var(--cream);
  padding:135px 0 145px
}
.sustain-grid{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:100px;
  align-items:center
}
.sustain-media{position:relative}
.image-frame{
  position:relative;
  overflow:hidden;
  min-height:620px;
  background:#d8d1c4
}
.image-frame::after{
  content:"";
  position:absolute;inset:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)
}
.image-frame img{
  width:100%;height:620px;
  object-fit:cover;
  transition:transform 1.3s cubic-bezier(.2,.7,.2,1)
}
.sustain-media:hover .image-frame img{transform:scale(1.035)}
.media-tag{
  position:absolute;
  left:-24px;bottom:35px;
  display:flex;align-items:center;gap:18px;
  min-width:300px;padding:17px 22px;
  background:var(--green);color:#fff;
  box-shadow:0 16px 40px rgba(21,45,30,.18)
}
.media-tag span{
  color:var(--gold);
  font-family:Georgia,serif;
  font-size:29px
}
.media-tag strong{
  font-size:10px;letter-spacing:2px
}
.section-kicker{
  margin-bottom:22px;
  font-size:10px;font-weight:900;
  letter-spacing:3px;color:#9c7c3d
}
.section-kicker.light{color:#e0c584}
.sustain h2{
  margin:0 0 30px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(53px,5vw,79px);
  line-height:.95;
  letter-spacing:-2.5px;
  color:var(--green)
}
.sustain h2 em{
  color:#a9823e;
  font-weight:400
}
.sustain-copy p{
  max-width:560px;
  margin:0 0 18px;
  color:#59665d;
  font-size:16px;
  line-height:1.85
}
.section-link{
  display:inline-flex;align-items:center;gap:24px;
  margin-top:16px;padding:14px 0;
  border-bottom:1px solid #af9a6f;
  font-size:10px;font-weight:900;
  letter-spacing:1.5px;color:var(--green)
}
.section-link b{
  color:#a57f39;
  font-size:18px;
  transition:transform .2s
}
.section-link:hover b{transform:translateX(5px)}
.sustain-bg-word{
  position:absolute;
  left:4.5%;
  bottom:-24px;
  font-family:Georgia,serif;
  font-size:100px;
  font-weight:700;
  color:rgba(30,75,51,.082);
  white-space:nowrap;
  pointer-events:none;
  user-select:none
}

/* TRACEABILITY */
.trace{
  position:relative;
  overflow:hidden;
  min-height:840px;
  padding:145px 0 155px;
  background:#103523;
  color:#fff
}
.trace-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 80% 22%,rgba(216,180,103,.09),transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 45%)
}
.trace-grid{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:95px;
  align-items:center
}
.trace-copy{
  position:relative;
  padding-left:35px
}
.trace-index{
  position:absolute;
  right:5px;top:-26px;
  font-family:Georgia,serif;
  font-size:92px;
  color:rgba(255,255,255,.085)
}
.trace h2{
  margin:0 0 28px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(58px,5.4vw,86px);
  line-height:.95;
  letter-spacing:-3px;
  font-weight:500
}
.trace-lead{
  max-width:560px;
  margin:0 0 36px;
  font-size:17px;
  line-height:1.82;
  color:rgba(255,255,255,.80)
}
.trace-points{display:grid;gap:0;max-width:590px;border-top:1px solid rgba(255,255,255,.16)}
.trace-point{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:20px;
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.13)
}
.trace-point>span{
  color:var(--gold);
  font-family:Georgia,serif;
  font-size:22px
}
.trace-point strong{
  display:block;
  margin:1px 0 6px;
  font-size:10px;
  letter-spacing:2px;
  color:#fff
}
.trace-point p{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:rgba(255,255,255,.62)
}
.trace-link{
  display:inline-flex;
  align-items:center;
  gap:22px;
  margin-top:28px;
  padding:14px 0;
  border-bottom:1px solid rgba(216,180,103,.55);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
  color:#fff
}
.trace-link b{
  color:var(--gold);
  font-size:18px;
  transition:transform .2s
}
.trace-link:hover b{transform:translate(4px,-2px)}

.trace-media{position:relative}
.trace-image-shell{
  position:relative;
  height:650px;
  overflow:hidden;
  background:#0b2719
}
.trace-image-shell::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(6,24,14,.35),rgba(6,24,14,.03) 45%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)
}
.trace-image-shell img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform 1.4s cubic-bezier(.2,.7,.2,1)
}
.trace-media:hover img{transform:scale(1.035)}
.trace-line{
  position:absolute;z-index:3;
  height:1px;
  background:rgba(216,180,103,.65);
  transform-origin:left
}
.trace-line-a{width:180px;left:16%;top:32%;transform:rotate(13deg)}
.trace-line-b{width:130px;right:10%;bottom:27%;transform:rotate(-16deg)}
.trace-dot{
  position:absolute;z-index:4;
  width:13px;height:13px;
  border:2px solid var(--gold);
  border-radius:50%;
  background:rgba(16,53,35,.75);
  box-shadow:0 0 0 7px rgba(216,180,103,.09)
}
.trace-dot-a{left:43%;top:36%}
.trace-dot-b{right:28%;bottom:31%}
.trace-badge{
  position:absolute;z-index:5;
  right:-18px;bottom:34px;
  min-width:205px;
  padding:18px 20px;
  background:var(--gold);
  color:#153121;
  box-shadow:0 18px 44px rgba(0,0,0,.20)
}
.trace-badge span{
  display:block;
  margin-bottom:5px;
  font-size:9px;
  font-weight:900;
  letter-spacing:2.2px
}
.trace-badge strong{
  font-family:Georgia,serif;
  font-size:21px;
  line-height:1.02
}
.trace-word{
  position:absolute;
  left:28px;
  bottom:-17px;
  font-family:Georgia,serif;
  font-size:128px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  user-select:none;
  pointer-events:none
}

/* SCROLL REVEAL */
.reveal-on-scroll{
  opacity:0;
  transform:translateY(35px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)
}
.reveal-on-scroll.visible{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:1180px){
  .wrap{width:min(100% - 38px,1240px)}
  .main-nav>a,.nav-link{font-size:10px;padding-left:7px;padding-right:7px}
  .logo{width:172px;flex-basis:172px}
  .logo img{width:172px}
  .sustain-grid,.trace-grid{gap:65px}
}
@media(max-width:980px){
  .topbar{display:none}
  .nav-inner{min-height:82px}
  .logo{width:160px;flex-basis:160px}
  .logo img{width:160px}
  .mobile-toggle{
    margin-left:auto;display:flex;
    width:42px;height:40px;border:0;background:transparent;
    flex-direction:column;justify-content:center;gap:5px;padding:7px;cursor:pointer
  }
  .mobile-toggle span{display:block;height:2px;background:#fff}
  .site-header.is-sticky .mobile-toggle span{background:var(--green)}
  .main-nav{
    position:absolute;left:0;right:0;top:82px;
    margin:0;padding:10px 22px 22px;
    display:none;flex-direction:column;align-items:stretch;
    background:#fff;color:#23362a;
    box-shadow:0 18px 35px rgba(0,0,0,.12)
  }
  .main-nav.open{display:flex}
  .main-nav>a,.nav-link,
  .site-header.is-sticky .main-nav>a,
  .site-header.is-sticky .nav-link{
    display:block;width:100%;
    padding:13px 4px;color:#23362a;
    text-align:left;border-bottom:1px solid #eee
  }
  .dropdown{
    position:static;display:none;
    opacity:1;visibility:visible;transform:none;
    box-shadow:none;border-top:0;width:100%;padding-left:12px
  }
  .nav-item.open .dropdown{display:block}
  .nav-item:hover .dropdown{display:none}
  .nav-item.open:hover .dropdown{display:block}
  .lang{display:none}
  .hero{height:780px}
  .hero-content{padding-top:85px}
  .hero-side{display:none}
  .sustain{padding:100px 0}
  .sustain-grid,.trace-grid{grid-template-columns:1fr;gap:65px}
  .image-frame,.image-frame img{height:560px;min-height:560px}
  .sustain-copy{max-width:680px}
  .trace{padding:110px 0 120px}
  .trace-image-shell{height:580px}
}
@media(max-width:620px){
  .wrap{width:min(100% - 28px,1240px)}
  .hero{height:720px;min-height:720px}
  .hero-image{background-position:62% center}
  .hero-shade{background:linear-gradient(90deg,rgba(4,22,12,.89),rgba(5,24,13,.58))}
  h1{font-size:59px;line-height:.92;letter-spacing:-2.5px}
  .hero-content p{font-size:15px;line-height:1.68}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .btn-primary{min-width:238px}
  .hero-number{display:none}
  .sustain{padding:78px 0 90px}
  .image-frame,.image-frame img{height:420px;min-height:420px}
  .media-tag{left:10px;right:10px;bottom:14px;min-width:0}
  .sustain h2{font-size:51px}
  .sustain-copy p{font-size:15px;line-height:1.75}
  .sustain-bg-word{font-size:66px;left:2%}
  .trace{padding:82px 0 92px}
  .trace h2{font-size:56px}
  .trace-lead{font-size:15px;line-height:1.7}
  .trace-image-shell{height:440px}
  .trace-badge{right:10px;bottom:14px}
  .trace-word{font-size:70px;left:-10px}
}


/* SAFE & INNOVATIVE PRODUCTION */
.production{
  position:relative;
  overflow:hidden;
  background:#f7f4ed;
  padding:135px 0 145px;
}
.production-top{
  position:relative;
  z-index:2;
  margin-bottom:64px;
}
.production-heading{position:relative}
.production-title-row{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:90px;
  align-items:end;
}
.production h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(56px,5.6vw,88px);
  line-height:.93;
  letter-spacing:-3px;
  color:var(--green);
  font-weight:500;
}
.production h2 em{
  color:#a9823e;
  font-weight:400;
}
.production-title-row>p{
  max-width:510px;
  margin:0 0 8px;
  color:#5f6b62;
  font-size:16px;
  line-height:1.85;
}
.production-stage{
  position:relative;
  z-index:2;
}
.production-photo{
  position:relative;
  height:610px;
  overflow:hidden;
  background:#173e2b;
}
.production-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform 1.4s cubic-bezier(.2,.7,.2,1);
}
.production-photo:hover img{transform:scale(1.035)}
.production-photo-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(6,31,19,.36),rgba(6,31,19,.02) 50%),
    linear-gradient(0deg,rgba(4,25,14,.42),rgba(4,25,14,0) 45%);
}
.production-photo-index{
  position:absolute;
  left:28px;
  top:24px;
  color:rgba(255,255,255,.24);
  font-family:Georgia,serif;
  font-size:74px;
  line-height:1;
}
.production-photo-caption{
  position:absolute;
  left:32px;
  bottom:32px;
  color:#fff;
}
.production-photo-caption span{
  display:block;
  margin-bottom:8px;
  color:var(--gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:2.4px;
}
.production-photo-caption strong{
  font-size:12px;
  letter-spacing:1.9px;
}
.production-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#dcd6ca;
  margin-top:1px;
}
.quality-card{
  position:relative;
  min-height:285px;
  padding:34px 28px 30px;
  background:#fff;
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease;
}
.quality-card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
}
.quality-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 45px rgba(19,51,33,.10);
  z-index:3;
}
.quality-card:hover::after{transform:scaleX(1)}
.quality-no{
  position:absolute;
  right:22px;top:18px;
  color:#d8d0c3;
  font-family:Georgia,serif;
  font-size:34px;
}
.quality-icon{
  width:46px;height:46px;
  display:grid;place-items:center;
  margin-bottom:34px;
  border:1px solid #d8c69f;
  border-radius:50%;
  color:#9b793d;
  font-size:20px;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.quality-card:hover .quality-icon{
  transform:rotate(10deg) scale(1.06);
  background:var(--gold);
  color:var(--green);
}
.quality-card h3{
  margin:0 0 15px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  color:var(--green);
  font-weight:500;
}
.quality-card p{
  margin:0;
  color:#667168;
  font-size:13px;
  line-height:1.72;
}
.production-footer{
  display:flex;
  align-items:center;
  gap:25px;
  margin-top:36px;
}
.production-line{
  width:72px;
  height:1px;
  background:#b99a5a;
}
.production-footer a{
  display:inline-flex;
  align-items:center;
  gap:18px;
  color:var(--green);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
}
.production-footer b{
  color:#a67f39;
  font-size:18px;
  transition:transform .2s ease;
}
.production-footer a:hover b{transform:translate(4px,-2px)}
.production-word{
  position:absolute;
  right:-20px;
  bottom:-30px;
  font-family:Georgia,serif;
  font-size:158px;
  font-weight:700;
  color:rgba(30,75,51,.045);
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}

@media(max-width:980px){
  .trace-copy{padding-left:0}
  .production{padding:100px 0 110px}
  .production-title-row{grid-template-columns:1fr;gap:24px}
  .production-photo{height:520px}
  .production-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .trace-word{left:12px}
  .production{padding:80px 0 92px}
  .production h2{font-size:52px}
  .production-photo{height:430px}
  .production-cards{grid-template-columns:1fr}
  .quality-card{min-height:230px}
  .production-word{font-size:82px}
}


/* V05 TRACE CLEANUP */
.trace-line,
.trace-dot,
.trace-badge{display:none!important}

/* V05 PRODUCTION BACKGROUND WORD POSITION */
.production-word{
  right:auto!important;
  left:42px!important;
  bottom:-30px!important;
}

/* FINDIĞIN HİKAYESİ */
.story{
  position:relative;
  overflow:hidden;
  background:#0d2f20;
  color:#fff;
}
.story-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:860px;
}
.story-visual{
  position:relative;
  overflow:hidden;
  min-height:860px;
}
.story-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform 1.5s cubic-bezier(.2,.7,.2,1);
}
.story-visual:hover img{transform:scale(1.035)}
.story-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(0deg,rgba(6,26,16,.72),rgba(6,26,16,.04) 55%),
    linear-gradient(90deg,rgba(5,24,14,.16),rgba(5,24,14,0) 55%);
}
.story-vertical{
  position:absolute;
  left:34px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  color:#fff;
}
.story-vertical span{
  font-family:Georgia,serif;
  font-size:32px;
  color:var(--gold);
}
.story-vertical i{
  width:1px;
  height:72px;
  background:rgba(255,255,255,.38);
}
.story-vertical strong{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:9px;
  letter-spacing:2.5px;
}
.story-quote{
  position:absolute;
  left:105px;
  right:55px;
  bottom:55px;
}
.story-quote span{
  display:block;
  margin-bottom:10px;
  color:var(--gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:2.5px;
}
.story-quote strong{
  display:block;
  max-width:580px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1.12;
  font-weight:500;
}
.story-copy{
  position:relative;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 88% 18%,rgba(216,180,103,.08),transparent 25%),
    #103523;
  padding:90px 7vw 90px 6vw;
}
.story-copy-inner{
  position:relative;
  z-index:3;
  max-width:590px;
}
.story h2{
  margin:0 0 30px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(58px,5.4vw,86px);
  line-height:.94;
  letter-spacing:-3px;
  font-weight:500;
}
.story h2 em{
  color:var(--gold);
  font-weight:400;
}
.story-copy p{
  margin:0 0 19px;
  color:rgba(255,255,255,.75);
  font-size:15px;
  line-height:1.87;
}
.story-detail{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:22px;
  align-items:center;
  margin:34px 0 10px;
  padding:23px 0;
  border-top:1px solid rgba(255,255,255,.15);
  border-bottom:1px solid rgba(255,255,255,.15);
}
.story-detail-no{
  font-family:Georgia,serif;
  font-size:46px;
  color:var(--gold);
}
.story-detail small{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.48);
  font-size:8px;
  font-weight:900;
  letter-spacing:2.2px;
}
.story-detail strong{
  display:block;
  max-width:365px;
  font-family:Georgia,serif;
  font-size:18px;
  line-height:1.35;
  font-weight:500;
}
.story-link{
  display:inline-flex;
  align-items:center;
  gap:24px;
  margin-top:27px;
  padding:14px 0;
  border-bottom:1px solid rgba(216,180,103,.55);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
}
.story-link b{
  color:var(--gold);
  font-size:18px;
  transition:transform .2s;
}
.story-link:hover b{transform:translateX(5px)}
.story-rings{
  position:absolute;
  right:-115px;
  top:95px;
  width:330px;
  height:330px;
  opacity:.10;
}
.story-rings i{
  position:absolute;
  inset:0;
  border:1px solid var(--gold);
  border-radius:50%;
}
.story-rings i:nth-child(2){inset:50px}
.story-rings i:nth-child(3){inset:100px}
.story-word{
  position:absolute;
  right:-15px;
  bottom:-32px;
  font-family:Georgia,serif;
  font-size:165px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}

@media(max-width:980px){
  .story-grid{grid-template-columns:1fr}
  .story-visual{min-height:620px}
  .story-copy{padding:90px 8vw}
  .production-word{left:24px!important}
}
@media(max-width:620px){
  .story-visual{min-height:500px}
  .story-vertical{left:18px}
  .story-quote{left:65px;right:25px;bottom:35px}
  .story-quote strong{font-size:27px}
  .story-copy{padding:75px 28px 90px}
  .story h2{font-size:54px}
  .story-word{font-size:90px}
  .production-word{left:12px!important}
}

.story-word{right:18%!important;}
.facility{position:relative;overflow:hidden;background:#f3efe5;padding:135px 0 145px}.facility-head{position:relative;z-index:2;margin-bottom:60px}.facility-head-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:end}.facility-heading h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,6vw,94px);line-height:.92;letter-spacing:-3.5px;color:var(--green);font-weight:500}.facility-intro p{max-width:565px;margin:0 0 7px;color:#59665d;font-size:16px;line-height:1.85}.facility-main{position:relative;z-index:2}.facility-photo{position:relative;overflow:hidden;height:600px;background:#173e2b}.facility-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.45s cubic-bezier(.2,.7,.2,1)}.facility-photo:hover img{transform:scale(1.025)}.facility-photo-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,28,17,.58),rgba(5,28,17,.04) 52%),linear-gradient(90deg,rgba(4,24,14,.22),rgba(4,24,14,0) 50%)}.facility-photo-mark{position:absolute;left:30px;top:28px;display:flex;align-items:center;gap:18px;color:#fff}.facility-photo-mark span{font-family:Georgia,serif;font-size:52px;color:rgba(255,255,255,.36)}.facility-photo-mark strong{padding-top:5px;color:var(--gold);font-size:9px;letter-spacing:2.3px}.facility-photo-caption{position:absolute;left:34px;bottom:34px}.facility-photo-caption span{display:block;margin-bottom:9px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:2.4px}.facility-photo-caption strong{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:37px;line-height:1.05;font-weight:500}.facility-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1px;background:#d9d2c5}.facility-step{position:relative;min-height:275px;padding:34px 28px 32px;background:#fff;transition:background .28s ease,transform .28s ease,box-shadow .28s ease}.facility-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.facility-step:hover{background:#fcfaf5;transform:translateY(-7px);box-shadow:0 20px 48px rgba(21,48,31,.10);z-index:3}.facility-step:hover::after{transform:scaleX(1)}.facility-step-no{position:absolute;right:22px;top:18px;color:#ded7ca;font-family:Georgia,serif;font-size:34px}.facility-step small{display:block;margin:3px 0 27px;color:#a17d3d;font-size:8px;font-weight:900;letter-spacing:2px}.facility-step h3{margin:0 0 14px;color:var(--green);font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.1;font-weight:500}.facility-step p{margin:0;color:#68736b;font-size:13px;line-height:1.72}.facility-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:34px}.facility-standard{display:flex;align-items:center;gap:18px}.facility-standard>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #cdb881;border-radius:50%;color:#9c7839;font-family:Georgia,serif;font-size:16px;font-weight:700}.facility-standard p{max-width:410px;margin:0;color:#677168;font-size:12px;line-height:1.65}.facility-link{display:inline-flex;align-items:center;gap:22px;padding:14px 0;border-bottom:1px solid #ac925c;color:var(--green);font-size:10px;font-weight:900;letter-spacing:1.6px}.facility-link b{color:#a67f39;font-size:18px;transition:transform .2s ease}.facility-link:hover b{transform:translate(4px,-2px)}.facility-word{position:absolute;left:5%;bottom:-34px;font-family:Georgia,serif;font-size:160px;font-weight:700;color:rgba(30,75,51,.055);white-space:nowrap;pointer-events:none;user-select:none}@media(max-width:980px){.story-word{right:8%!important}.facility{padding:100px 0 110px}.facility-head-grid{grid-template-columns:1fr;gap:24px}.facility-photo{height:520px}.facility-process{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.story-word{right:4%!important}.facility{padding:80px 0 92px}.facility-heading h2{font-size:56px}.facility-photo{height:430px}.facility-photo-caption strong{font-size:30px}.facility-process{grid-template-columns:1fr}.facility-step{min-height:225px}.facility-bottom{align-items:flex-start;flex-direction:column}.facility-word{font-size:88px;left:2%}}


/* V07 - KALİTE & BELGELER */
.certs{
  position:relative;
  overflow:hidden;
  background:#103523;
  color:#fff;
  padding:145px 0 155px;
}
.certs-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(216,180,103,.10),transparent 25%),
    radial-gradient(circle at 88% 75%,rgba(216,180,103,.06),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 45%);
}
.certs-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:end;
  margin-bottom:68px;
}
.certs h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(60px,5.8vw,92px);
  line-height:.92;
  letter-spacing:-3px;
  font-weight:500;
}
.certs h2 em{
  color:var(--gold);
  font-weight:400;
}
.certs-intro{
  max-width:590px;
}
.certs-intro p{
  margin:0 0 17px;
  color:rgba(255,255,255,.74);
  font-size:15px;
  line-height:1.85;
}
.certs-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.13);
}
.cert-card{
  position:relative;
  min-height:430px;
  padding:28px 27px 24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:#fff;
  color:var(--green);
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease;
}
.cert-card.featured{
  background:#f4efe4;
}
.cert-card.process{
  background:#ffffff;
}
.cert-card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:4px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
}
.cert-card:hover{
  transform:translateY(-10px);
  box-shadow:0 24px 55px rgba(0,0,0,.19);
  z-index:4;
}
.cert-card:hover::after{transform:scaleX(1)}
.cert-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}
.cert-no{
  color:#cfc6b6;
  font-family:Georgia,serif;
  font-size:34px;
}
.cert-code,
.cert-symbol{
  display:grid;
  place-items:center;
  width:48px;height:48px;
  border:1px solid #ccb47b;
  border-radius:50%;
  color:#9a7738;
  font-size:13px;
  font-weight:900;
  letter-spacing:1px;
}
.cert-symbol{font-size:19px}
.cert-center{
  padding:28px 0 32px;
}
.cert-big{
  display:block;
  margin-bottom:19px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:62px;
  line-height:.9;
  letter-spacing:-2px;
  color:#a47e37;
  font-weight:500;
}
.cert-center small{
  display:block;
  margin-bottom:23px;
  color:#a17d3d;
  font-size:8px;
  font-weight:900;
  letter-spacing:2.2px;
}
.cert-center h3{
  margin:0 0 17px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:26px;
  line-height:1.12;
  font-weight:500;
}
.cert-center p{
  margin:0;
  color:#667169;
  font-size:13px;
  line-height:1.74;
}
.cert-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding-top:18px;
  border-top:1px solid #ddd6c9;
  color:#7c826e;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.7px;
}
.cert-bottom b{
  color:#9f7b3c;
  font-size:17px;
  transition:transform .2s ease;
}
.cert-card:hover .cert-bottom b{transform:translate(4px,-2px)}

.certs-foot{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:50px;
  margin-top:38px;
}
.certs-note{
  display:flex;
  align-items:center;
  gap:18px;
  max-width:600px;
}
.certs-note-mark{
  display:grid;
  place-items:center;
  flex:0 0 50px;
  width:50px;height:50px;
  border:1px solid rgba(216,180,103,.55);
  border-radius:50%;
  color:var(--gold);
}
.certs-note p{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:12px;
  line-height:1.65;
}
.certs-link{
  display:inline-flex;
  align-items:center;
  gap:22px;
  padding:14px 0;
  border-bottom:1px solid rgba(216,180,103,.55);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
}
.certs-link b{
  color:var(--gold);
  font-size:18px;
  transition:transform .2s ease;
}
.certs-link:hover b{transform:translate(4px,-2px)}
.certs-word{
  position:absolute;
  left:4.5%;
  bottom:-38px;
  font-family:Georgia,serif;
  font-size:168px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}

@media(max-width:1100px){
  .certs-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .certs{padding:110px 0 120px}
  .certs-head{grid-template-columns:1fr;gap:26px}
}
@media(max-width:620px){
  .certs{padding:82px 0 94px}
  .certs h2{font-size:56px}
  .certs-grid{grid-template-columns:1fr}
  .cert-card{min-height:340px}
  .certs-foot{align-items:flex-start;flex-direction:column}
  .certs-word{font-size:90px;left:2%}
}


/* V08 - BASINDA BİZ */
.press{
  position:relative;
  overflow:hidden;
  background:#f4efe4;
  padding:140px 0 150px;
}
.press-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:95px;
  align-items:end;
  margin-bottom:65px;
}
.press h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(62px,6vw,95px);
  line-height:.92;
  letter-spacing:-3.5px;
  color:var(--green);
  font-weight:500;
}
.press h2 em{
  color:#a9823e;
  font-weight:400;
}
.press-intro{
  max-width:560px;
  padding-bottom:8px;
}
.press-intro p{
  margin:0 0 18px;
  color:#5e6a61;
  font-size:16px;
  line-height:1.82;
}
.press-intro>span{
  color:#9c7a3d;
  font-size:9px;
  font-weight:900;
  letter-spacing:2.3px;
}
.press-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.press-card{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  min-height:455px;
  background:#fff;
  color:var(--green);
  overflow:hidden;
  transition:transform .32s ease,box-shadow .32s ease;
}
.press-card:hover{
  transform:translateY(-8px);
  box-shadow:0 25px 58px rgba(28,50,34,.13);
}
.press-card-right{
  background:#103523;
  color:#fff;
}
.press-image{
  position:relative;
  min-height:455px;
  overflow:hidden;
  background:#d7d0c4;
}
.press-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 1.15s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.press-card:hover .press-image img{
  transform:scale(1.055);
}
.press-shade{
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(7,30,18,.20),rgba(7,30,18,0) 50%);
}
.press-card-content{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:34px 31px 30px;
}
.press-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.press-meta span{
  color:#cfc6b6;
  font-family:Georgia,serif;
  font-size:36px;
}
.press-card-right .press-meta span{color:rgba(255,255,255,.20)}
.press-meta small{
  color:#a17d3d;
  font-size:9px;
  font-weight:900;
  letter-spacing:2.2px;
}
.press-card-right .press-meta small{color:var(--gold)}
.press-card h3{
  margin:45px 0 auto;
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  line-height:1.1;
  font-weight:500;
}
.press-card-right h3{color:#fff}
.press-open{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:35px;
  padding-top:18px;
  border-top:1px solid #ddd5c8;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.8px;
}
.press-card-right .press-open{
  border-top-color:rgba(255,255,255,.15);
  color:rgba(255,255,255,.85);
}
.press-open b{
  color:#a27d39;
  font-size:18px;
  transition:transform .2s ease;
}
.press-card-right .press-open b{color:var(--gold)}
.press-card:hover .press-open b{transform:translate(4px,-2px)}
.press-foot{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:38px;
}
.press-foot-line{
  width:74px;
  height:1px;
  background:#aa8b50;
}
.press-foot p{
  margin:0;
  color:#687269;
  font-size:12px;
  line-height:1.6;
}
.press-word{
  position:absolute;
  right:5%;
  bottom:-38px;
  font-family:Georgia,serif;
  font-size:165px;
  font-weight:700;
  color:rgba(30,75,51,.055);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}

@media(max-width:1100px){
  .press-grid{grid-template-columns:1fr}
  .press-card{min-height:410px}
}
@media(max-width:980px){
  .press{padding:105px 0 115px}
  .press-head{grid-template-columns:1fr;gap:25px}
}
@media(max-width:680px){
  .press{padding:82px 0 92px}
  .press h2{font-size:58px}
  .press-card{
    grid-template-columns:1fr;
  }
  .press-image{min-height:340px}
  .press-card-content{min-height:300px}
  .press-word{font-size:86px;right:2%}
}


/* V10 - CONTACT CTA */
.contact-cta{
  position:relative;
  overflow:hidden;
  background:#0b2d1d;
  color:#fff;
  padding:145px 0 150px;
}
.contact-cta-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 10% 15%,rgba(216,180,103,.11),transparent 25%),
    radial-gradient(circle at 92% 82%,rgba(216,180,103,.06),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.015),transparent 45%);
}
.contact-cta-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:105px;
  align-items:center;
}
.contact-cta h2{
  margin:0 0 30px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(62px,5.8vw,92px);
  line-height:.92;
  letter-spacing:-3.4px;
  font-weight:500;
}
.contact-cta h2 em{
  color:var(--gold);
  font-weight:400;
}
.contact-cta-copy>p{
  max-width:520px;
  margin:0 0 34px;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.82;
}
.contact-main-link{
  display:inline-flex;
  align-items:center;
  gap:26px;
  padding:15px 0;
  border-bottom:1px solid rgba(216,180,103,.58);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.6px;
}
.contact-main-link b{
  color:var(--gold);
  font-size:18px;
  transition:transform .2s ease;
}
.contact-main-link:hover b{transform:translate(4px,-2px)}
.contact-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:rgba(255,255,255,.14);
}
.contact-card{
  position:relative;
  min-height:245px;
  padding:29px 26px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:rgba(255,255,255,.055);
  color:#fff;
  transition:background .28s ease,transform .28s ease,box-shadow .28s ease;
}
.contact-card:hover{
  background:#f3efe5;
  color:var(--green);
  transform:translateY(-7px);
  box-shadow:0 22px 48px rgba(0,0,0,.16);
  z-index:3;
}
.contact-card-no{
  position:absolute;
  left:26px;top:23px;
  font-family:Georgia,serif;
  font-size:33px;
  color:rgba(255,255,255,.18);
}
.contact-card:hover .contact-card-no{color:#d5c9b5}
.contact-card small{
  margin-bottom:12px;
  color:var(--gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:2.2px;
}
.contact-card:hover small{color:#a17d3d}
.contact-card strong{
  max-width:330px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  line-height:1.28;
  font-weight:500;
}
.contact-card i{
  position:absolute;
  right:22px;top:23px;
  color:var(--gold);
  font-style:normal;
  font-size:18px;
  transition:transform .2s ease;
}
.contact-card:hover i{transform:translate(3px,-2px)}
.contact-word{
  position:absolute;
  left:4%;
  bottom:-38px;
  font-family:Georgia,serif;
  font-size:164px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}

/* V10 - FOOTER */
.site-footer{
  position:relative;
  background:#071e13;
  color:#fff;
  overflow:hidden;
}
.footer-top{
  padding:95px 0 78px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.25fr .8fr .8fr 1.15fr;
  gap:70px;
}
.footer-logo{
  display:inline-block;
  width:200px;
  margin-bottom:28px;
}
.footer-logo img{
  width:100%;
  height:auto;
}
.footer-brand p{
  max-width:330px;
  margin:0 0 30px;
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.75;
}
.footer-socials{
  display:flex;
  align-items:center;
  gap:9px;
}
.footer-socials a{
  display:grid;
  place-items:center;
  width:35px;height:35px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:800;
  transition:.22s ease;
}
.footer-socials a:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:#0d2f20;
  transform:translateY(-3px);
}
.footer-col,
.footer-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-col>small,
.footer-contact>small{
  display:block;
  margin-bottom:27px;
  color:var(--gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:2.3px;
}
.footer-col>a{
  position:relative;
  margin-bottom:13px;
  color:rgba(255,255,255,.66);
  font-size:12px;
  line-height:1.45;
  transition:color .2s ease,transform .2s ease;
}
.footer-col>a:hover{
  color:#fff;
  transform:translateX(4px);
}
.footer-contact>a,
.footer-contact>div{
  width:100%;
  margin-bottom:19px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.footer-contact span{
  display:block;
  margin-bottom:6px;
  color:rgba(255,255,255,.38);
  font-size:8px;
  font-weight:900;
  letter-spacing:1.6px;
  text-transform:uppercase;
}
.footer-contact strong{
  display:block;
  color:rgba(255,255,255,.84);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.4;
  font-weight:500;
}
.footer-contact a:hover strong{color:var(--gold)}
.footer-middle{
  padding:50px 0 48px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-signature{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:17px;
  font-family:Georgia,"Times New Roman",serif;
  line-height:.9;
}
.footer-signature span{
  color:var(--gold);
  font-size:clamp(45px,5vw,76px);
  font-style:italic;
}
.footer-signature strong{
  color:rgba(255,255,255,.90);
  font-size:clamp(45px,5vw,76px);
  font-weight:500;
  letter-spacing:-2px;
}
.footer-bottom{
  padding:25px 0;
}
.footer-bottom-inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:30px;
  align-items:center;
}
.footer-bottom p{
  margin:0;
  color:rgba(255,255,255,.38);
  font-size:10px;
}
.footer-bottom-inner>div{
  display:flex;
  align-items:center;
  gap:22px;
}
.footer-bottom-inner>div a{
  color:rgba(255,255,255,.42);
  font-size:9px;
  transition:color .2s ease;
}
.footer-bottom-inner>div a:hover{color:#fff}
.back-top{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:rgba(255,255,255,.62);
  font-size:8px;
  font-weight:900;
  letter-spacing:1.6px;
}
.back-top span{
  display:grid;
  place-items:center;
  width:28px;height:28px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:50%;
  color:var(--gold);
  transition:.2s ease;
}
.back-top:hover span{
  background:var(--gold);
  color:#0d2f20;
  transform:translateY(-3px);
}

@media(max-width:1100px){
  .contact-cta-grid{gap:65px}
  .footer-grid{
    grid-template-columns:1.2fr 1fr 1fr;
  }
  .footer-contact{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .footer-contact>small{grid-column:1/-1}
}
@media(max-width:980px){
  .contact-cta{
    padding:105px 0 118px;
  }
  .contact-cta-grid{
    grid-template-columns:1fr;
    gap:60px;
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-brand{grid-column:1/-1}
  .footer-contact{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  .contact-cta{
    padding:82px 0 94px;
  }
  .contact-cta h2{font-size:56px}
  .contact-cards{grid-template-columns:1fr}
  .contact-card{min-height:205px}
  .contact-word{font-size:82px;left:2%}
  .footer-top{padding:75px 0 60px}
  .footer-grid{
    grid-template-columns:1fr;
    gap:45px;
  }
  .footer-brand{grid-column:auto}
  .footer-signature{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .footer-bottom-inner{
    grid-template-columns:1fr;
    gap:18px;
  }
  .footer-bottom-inner>div{
    flex-wrap:wrap;
  }
  .back-top{justify-self:start}
}


/* ===== V20 FINAL POLISH ===== */
html{scroll-padding-top:92px}
section[id]{scroll-margin-top:92px}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:#d8b467;color:#103523}
.press{padding-top:175px}
.certs{padding-top:175px}
.press-word{right:auto!important;left:8%!important}
.story-word{right:auto!important;left:55%!important}
.production-word{left:6%!important}
.facility-word{left:5%!important}
.certs-word{left:5%!important}
.reveal-on-scroll{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .8s cubic-bezier(.18,.7,.2,1)}
.reveal-on-scroll.visible{opacity:1;transform:none}
.production-cards .reveal-on-scroll:nth-child(2),
.facility-process .reveal-on-scroll:nth-child(2),
.certs-grid .reveal-on-scroll:nth-child(2),
.numbers-grid .reveal-on-scroll:nth-child(2){transition-delay:.08s}
.production-cards .reveal-on-scroll:nth-child(3),
.facility-process .reveal-on-scroll:nth-child(3),
.certs-grid .reveal-on-scroll:nth-child(3),
.numbers-grid .reveal-on-scroll:nth-child(3){transition-delay:.16s}
.production-cards .reveal-on-scroll:nth-child(4),
.facility-process .reveal-on-scroll:nth-child(4),
.certs-grid .reveal-on-scroll:nth-child(4),
.numbers-grid .reveal-on-scroll:nth-child(4){transition-delay:.24s}

/* VIDEO */
.brand-film{position:relative;overflow:hidden;background:#f3efe5;padding:140px 0 150px}
.brand-film-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:end;margin-bottom:62px}
.brand-film h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(60px,5.7vw,90px);line-height:.92;letter-spacing:-3.3px;color:var(--green);font-weight:500}
.brand-film h2 em{color:#a9823e;font-weight:400}
.brand-film-intro{max-width:560px;padding-bottom:8px}
.brand-film-intro p{margin:0 0 18px;color:#5e6a61;font-size:16px;line-height:1.82}
.brand-film-intro span{color:#9c7a3d;font-size:9px;font-weight:900;letter-spacing:2.3px}
.film-shell{position:relative;z-index:2;height:min(54vw,560px);min-height:430px;overflow:hidden;background:#0b2d1d;box-shadow:0 28px 70px rgba(21,47,31,.15)}
.brand-video{width:100%;height:100%;object-fit:cover;background:#0b2d1d}
.film-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(4,25,14,.56),rgba(4,25,14,.08) 55%),linear-gradient(90deg,rgba(4,25,14,.20),transparent 52%);transition:opacity .35s ease,visibility .35s ease}
.film-shell.is-playing .film-overlay{opacity:0;visibility:hidden;pointer-events:none}
.film-play{position:relative;z-index:3;display:grid;place-items:center;width:112px;height:112px;padding:0;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:rgba(255,255,255,.10);backdrop-filter:blur(9px);color:#fff;cursor:pointer;transition:transform .3s ease,background .3s ease,border-color .3s ease}
.film-play::after{content:"";position:absolute;inset:-13px;border:1px solid rgba(216,180,103,.40);border-radius:50%;animation:filmPulse 2.2s ease-in-out infinite}
@keyframes filmPulse{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.06);opacity:1}}
.film-play span{margin-left:6px;font-size:29px}
.film-play:hover{transform:scale(1.07);background:var(--gold);border-color:var(--gold);color:#103523}
.film-caption{position:absolute;left:38px;bottom:35px;color:#fff}
.film-caption small{display:block;margin-bottom:9px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:2.5px}
.film-caption strong{font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:500}
.film-duration{position:absolute;right:36px;bottom:38px;color:rgba(255,255,255,.72);font-size:8px;font-weight:900;letter-spacing:2.2px}
.film-word{position:absolute;left:5%;bottom:-20px;font-family:Georgia,serif;font-size:105px;font-weight:700;color:rgba(30,75,51,.050);pointer-events:none;user-select:none;white-space:nowrap}

/* SAYILARLA */
.numbers{position:relative;overflow:hidden;padding:140px 0 150px;background:#0d3020;color:#fff}
.numbers-bg{position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(216,180,103,.11),transparent 25%),radial-gradient(circle at 90% 85%,rgba(216,180,103,.055),transparent 30%)}
.numbers-head{position:relative;z-index:2;max-width:880px;margin-bottom:64px}
.numbers h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,5vw,82px);line-height:.96;letter-spacing:-2.8px;font-weight:500}
.numbers h2 em{color:var(--gold);font-weight:400}
.numbers-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13)}
.number-card{position:relative;min-height:355px;padding:30px 27px 31px;background:rgba(255,255,255,.055);transition:background .28s ease,transform .28s ease,box-shadow .28s ease}
.number-card:hover{transform:translateY(-8px);background:#f3efe5;color:var(--green);box-shadow:0 24px 55px rgba(0,0,0,.18);z-index:3}
.number-index{position:absolute;right:22px;top:19px;color:rgba(255,255,255,.17);font-family:Georgia,serif;font-size:34px}
.number-card:hover .number-index{color:#d4c9b6}
.number-value{display:flex;align-items:flex-start;margin:55px 0 22px;font-family:Georgia,"Times New Roman",serif;color:var(--gold);line-height:.8}
.number-value strong{font-size:82px;font-weight:500;letter-spacing:-3px}
.number-value b{padding:5px 0 0 4px;font-size:32px;font-weight:400}
.number-card h3{margin:0 0 15px;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:500}
.number-card p{margin:0;color:rgba(255,255,255,.60);font-size:13px;line-height:1.72}
.number-card:hover p{color:#687269}
.numbers-word{position:absolute;right:4%;bottom:-38px;font-family:Georgia,serif;font-size:165px;font-weight:700;color:rgba(255,255,255,.035);pointer-events:none;user-select:none}

/* MAP */
.location-map{position:relative;background:#0b2d1d}
.map-frame{position:relative;height:520px;overflow:hidden;background:#d9d4c8}
.map-frame iframe{width:100%;height:100%;border:0;filter:saturate(.72) contrast(.95)}
.map-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,18,.23),transparent 45%)}
.map-card-wrap{pointer-events:none;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
.map-card{pointer-events:auto;width:min(420px,90%);padding:34px 34px 31px;background:#103523;color:#fff;box-shadow:0 28px 65px rgba(0,0,0,.22)}
.map-card small{display:block;margin-bottom:17px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:2.5px}
.map-card h2{margin:0 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:48px;line-height:.95;font-weight:500}
.map-card h2 em{color:var(--gold);font-weight:400}
.map-card p{margin:0 0 23px;color:rgba(255,255,255,.70);font-size:14px;line-height:1.7}
.map-card a{display:inline-flex;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid rgba(216,180,103,.55);font-size:9px;font-weight:900;letter-spacing:1.6px}
.map-card a b{color:var(--gold);font-size:17px;transition:transform .2s ease}
.map-card a:hover b{transform:translate(4px,-2px)}

a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

@media(max-width:1100px){.numbers-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){
  .brand-film,.numbers{padding:105px 0 118px}
  .brand-film-head{grid-template-columns:1fr;gap:24px}
  .film-shell{min-height:430px;height:62vw}
  .story-word{left:35%!important}
  .press,.certs{padding-top:130px}
}
@media(max-width:680px){
  html{scroll-padding-top:78px}
  section[id]{scroll-margin-top:78px}
  .brand-film,.numbers{padding:82px 0 94px}
  .brand-film h2{font-size:56px}
  .film-shell{min-height:310px;height:64vw}
  .film-play{width:82px;height:82px}
  .film-caption{left:20px;bottom:20px}
  .film-caption strong{font-size:22px}
  .film-duration{display:none}
  .film-word{font-size:58px;left:2%;bottom:-10px}
  .numbers h2{font-size:50px}
  .numbers-grid{grid-template-columns:1fr}
  .number-card{min-height:270px}
  .number-value{margin-top:43px}
  .number-value strong{font-size:70px}
  .numbers-word{font-size:84px;right:2%}
  .map-frame{height:620px}
  .map-card-wrap{top:auto;bottom:28px;transform:none}
  .map-card{width:100%}
  .press,.certs{padding-top:100px}
  .story-word{left:18%!important}
}


/* =========================================================
   V21 FINAL - CONTACT / MAP / FOOTER REDESIGN
   Referans görsel düzenine göre
   ========================================================= */

.contact-final{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 25%,rgba(216,180,103,.05),transparent 28%),
    #0a321f;
  color:#fff;
  padding:115px 0 118px;
}
.contact-final-grid{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:110px;
  align-items:center;
}
.contact-final-copy{
  max-width:530px;
}
.contact-final-copy h2{
  margin:0 0 28px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  line-height:.92;
  letter-spacing:-3px;
}
.contact-final-copy h2 span{
  display:block;
  color:#fff;
  font-size:clamp(58px,5vw,82px);
}
.contact-final-copy h2 em{
  display:block;
  color:var(--gold);
  font-size:clamp(54px,4.8vw,78px);
  font-weight:400;
}
.contact-final-copy p{
  max-width:470px;
  margin:0 0 31px;
  color:rgba(255,255,255,.76);
  font-size:15px;
  line-height:1.82;
}
.contact-final-mail{
  display:inline-flex;
  align-items:center;
  gap:22px;
  padding:13px 0;
  border-bottom:1px solid rgba(216,180,103,.55);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.7px;
}
.contact-final-mail b{
  color:var(--gold);
  font-size:17px;
  transition:transform .2s ease;
}
.contact-final-mail:hover b{transform:translate(4px,-2px)}

.contact-final-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.contact-final-card{
  position:relative;
  min-height:152px;
  padding:22px 24px;
  display:flex;
  align-items:center;
  gap:18px;
  border:1px solid rgba(216,180,103,.52);
  border-radius:8px;
  background:rgba(6,40,24,.34);
  color:#fff;
  transition:
    transform .24s ease,
    background .24s ease,
    box-shadow .24s ease,
    border-color .24s ease;
}
.contact-final-card:hover{
  transform:translateY(-5px);
  background:rgba(255,255,255,.055);
  border-color:var(--gold);
  box-shadow:0 20px 44px rgba(0,0,0,.15);
}
.contact-final-icon{
  flex:0 0 48px;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid var(--gold);
  border-radius:50%;
  color:var(--gold);
  font-size:19px;
}
.contact-final-info{
  min-width:0;
}
.contact-final-top{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:12px;
}
.contact-final-no{
  color:var(--gold);
  font-family:Georgia,serif;
  font-size:26px;
  line-height:1;
}
.contact-final-top small{
  color:var(--gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:2px;
}
.contact-final-info strong{
  display:block;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.35;
  font-weight:500;
  word-break:break-word;
}
.contact-final-word{
  position:absolute;
  left:1%;
  bottom:-38px;
  font-family:Georgia,serif;
  font-size:150px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}
.contact-botanical{
  position:absolute;
  width:330px;
  height:330px;
  opacity:.10;
  pointer-events:none;
}
.contact-botanical::before,
.contact-botanical::after{
  content:"";
  position:absolute;
  inset:25px;
  border:1px solid rgba(216,180,103,.55);
  border-radius:55% 45% 58% 42% / 50% 58% 42% 50%;
  transform:rotate(26deg);
}
.contact-botanical::after{
  inset:80px;
  transform:rotate(-20deg);
}
.contact-botanical-left{
  left:-160px;
  top:-80px;
}
.contact-botanical-right{
  right:-140px;
  bottom:-100px;
}

/* MAP FINAL */
.map-final{
  position:relative;
  background:#e8e6df;
}
.map-final-frame{
  position:relative;
  height:390px;
  overflow:hidden;
}
.map-final-frame iframe{
  width:100%;
  height:100%;
  border:0;
  filter:saturate(.82) contrast(.96);
}
.map-final-wrap{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
}
.map-final-card{
  pointer-events:auto;
  width:300px;
  padding:27px 27px 25px;
  background:rgba(255,255,255,.96);
  color:var(--green);
  box-shadow:0 18px 44px rgba(0,0,0,.16);
  border-radius:3px;
}
.map-pin{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:15px;
  border-radius:50%;
  background:var(--green);
  color:var(--gold);
  font-size:18px;
}
.map-final-card h3{
  margin:0 0 15px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
  font-weight:500;
}
.map-final-card p{
  margin:0 0 21px;
  color:#526057;
  font-size:13px;
  line-height:1.65;
}
.map-final-card a{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-width:170px;
  padding:13px 15px;
  background:var(--gold);
  color:#173321;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.4px;
}
.map-final-card a b{
  font-size:15px;
  transition:transform .2s ease;
}
.map-final-card a:hover b{
  transform:translate(3px,-2px);
}

/* FOOTER FINAL */
.footer-final{
  background:#062417;
  color:#fff;
}
.footer-final-top{
  padding:62px 0 54px;
}
.footer-final-grid{
  display:grid;
  grid-template-columns:1.2fr .85fr .85fr 1.1fr;
  gap:68px;
  align-items:start;
}
.footer-final-logo{
  display:inline-block;
  width:165px;
  margin-bottom:20px;
}
.footer-final-logo img{
  width:100%;
}
.footer-final-brand p{
  max-width:300px;
  margin:0 0 24px;
  color:rgba(255,255,255,.58);
  font-size:12px;
  line-height:1.7;
}
.footer-final-socials{
  display:flex;
  gap:8px;
}
.footer-final-socials a{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:#fff;
  font-size:10px;
  font-weight:800;
  transition:.2s ease;
}
.footer-final-socials a:hover{
  border-color:var(--gold);
  background:var(--gold);
  color:#103523;
  transform:translateY(-2px);
}
.footer-final-col,
.footer-final-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-final-col>small,
.footer-final-contact>small{
  margin-bottom:20px;
  color:var(--gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:2.2px;
}
.footer-final-col>a{
  margin-bottom:10px;
  color:rgba(255,255,255,.68);
  font-size:11px;
  line-height:1.45;
  transition:.2s ease;
}
.footer-final-col>a:hover{
  color:#fff;
  transform:translateX(3px);
}
.footer-final-contact>a,
.footer-final-contact>div{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:9px;
  align-items:start;
  margin-bottom:13px;
}
.footer-final-contact span{
  color:var(--gold);
  font-size:13px;
  line-height:1.3;
}
.footer-final-contact strong{
  color:rgba(255,255,255,.78);
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  line-height:1.4;
  font-weight:500;
}
.footer-final-contact a:hover strong{
  color:#fff;
}
.footer-final-bottom{
  border-top:1px solid rgba(255,255,255,.09);
  padding:18px 0;
}
.footer-final-bottom-inner{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
}
.footer-final-bottom p{
  margin:0;
  color:rgba(255,255,255,.38);
  font-size:9px;
}
.footer-final-legal{
  display:flex;
  align-items:center;
  gap:13px;
}
.footer-final-legal a{
  color:rgba(255,255,255,.46);
  font-size:9px;
}
.footer-final-legal a:hover{color:#fff}
.footer-final-legal i{
  width:1px;
  height:12px;
  background:rgba(255,255,255,.18);
}
.footer-final-up{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid var(--gold);
  border-radius:50%;
  color:var(--gold);
  font-size:18px;
  transition:.2s ease;
}
.footer-final-up:hover{
  background:var(--gold);
  color:#103523;
  transform:translateY(-3px);
}

/* Responsive */
@media(max-width:1100px){
  .contact-final-grid{
    gap:65px;
  }
  .footer-final-grid{
    grid-template-columns:1.2fr 1fr 1fr;
  }
  .footer-final-contact{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px 30px;
  }
  .footer-final-contact>small{
    grid-column:1/-1;
  }
}
@media(max-width:900px){
  .contact-final{
    padding:90px 0 95px;
  }
  .contact-final-grid{
    grid-template-columns:1fr;
    gap:48px;
  }
  .map-final-frame{
    height:500px;
  }
  .footer-final-grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-final-brand{
    grid-column:1/-1;
  }
  .footer-final-contact{
    grid-column:1/-1;
  }
}
@media(max-width:620px) {
    .contact-final {
        padding: 72px 0 78px;
    }

    .contact-final-copy h2 span {
        font-size: 52px;
    }

    .contact-final-copy h2 em {
        font-size: 49px;
    }

    .contact-final-cards {
        grid-template-columns: 1fr;
    }

    .contact-final-card {
        min-height: 132px;
    }

    .contact-final-word {
        font-size: 80px;
    }

    .map-final-frame {
        height: 560px;
    }

    .map-final-wrap {
        top: auto;
        bottom: 20px;
        transform: none;
    }

    .map-final-card {
        width: 100%;
    }

    .footer-final-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .footer-final-brand {
        grid-column: auto;
    }

    .footer-final-contact {
        display: flex;
        grid-column: auto;
    }

    .footer-final-bottom-inner {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .footer-final-up {
        justify-self: start;
    }
}
/* <-- @media(max-width:620px) BURADA KAPANIYOR */


/* ==========================================
   İLETİŞİM KARTI - HOVER
   ========================================== */

.contact-final-card {
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease, border-color .28s ease;
}

    .contact-final-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        border-color: #d8b467;
        box-shadow: 0 20px 45px rgba(19,51,33,.15);
        color: #103523;
    }

        .contact-final-card:hover .contact-final-info strong {
            color: #103523;
        }

        .contact-final-card:hover .contact-final-no {
            color: #a9823e;
        }

        .contact-final-card:hover .contact-final-top small {
            color: #9c7c3d;
        }

        .contact-final-card:hover .contact-final-icon {
            background: #f3efe5;
            color: #a9823e;
            border-color: #a9823e;
        }
/* ==========================================
   PATCH 03 - HEADER / LOGO / MENÜ POLISH
   ========================================== */

@media (min-width:981px) {

    /* İlk açılıştaki header */
    .nav-inner {
        min-height: 108px;
    }

    /* Logo biraz daha güçlü */
    .logo {
        width: 218px;
        flex: 0 0 218px;
    }

        .logo img {
            width: 218px;
            max-height: 82px;
            object-fit: contain;
        }

    /* Menü dikey hizalama */
    .main-nav > a,
    .nav-link {
        padding-top: 46px;
        padding-bottom: 42px;
        font-size: 12px;
        letter-spacing: .45px;
    }

        /* Menü altındaki altın çizgi */
        .main-nav > a::after,
        .nav-link::after {
            bottom: 32px;
            height: 2px;
        }


    /* ==================================
       SCROLL SONRASI STICKY HEADER
       ================================== */

    .site-header.is-sticky .nav-inner {
        min-height: 74px;
    }

    .site-header.is-sticky .logo {
        width: 172px;
        flex-basis: 172px;
    }

        .site-header.is-sticky .logo img {
            width: 172px;
            max-height: 60px;
        }

    .site-header.is-sticky .main-nav > a,
    .site-header.is-sticky .nav-link {
        padding-top: 28px;
        padding-bottom: 27px;
    }

        .site-header.is-sticky .main-nav > a::after,
        .site-header.is-sticky .nav-link::after {
            bottom: 18px;
        }

    .site-header.is-sticky .nav-shell {
        box-shadow: 0 8px 30px rgba(11,43,27,.09);
        background: rgba(255,255,255,.97);
    }
}
/* ==========================================
   PATCH 04 - HERO FINAL POLISH
   ========================================== */

@media (min-width:981px) {

    /* Hero yüksekliği biraz daha dengeli */
    .hero {
        min-height: 860px;
        height: 860px;
    }

    /* Arka plan kadrajı */
    .hero-image {
        background-position: center 48%;
        transform: scale(1.045);
    }

    /* Sol karartma biraz daha kontrollü */
    .hero-shade {
        background: linear-gradient( 90deg, rgba(3,22,12,.91) 0%, rgba(5,28,16,.76) 28%, rgba(7,29,16,.44) 52%, rgba(5,22,13,.18) 74%, rgba(4,18,10,.06) 100% ), linear-gradient( 0deg, rgba(4,21,12,.38), rgba(4,21,12,0) 46% );
    }

    /* İçeriği biraz daha yukarı ve sola dengeliyoruz */
    .hero-content {
        padding-top: 95px;
    }

    .hero-copy {
        max-width: 940px;
    }

    /* Küçük üst başlık */
    .eyebrow {
        margin-bottom: 22px;
        font-size: 10px;
        letter-spacing: 3.4px;
    }

    /* Ana başlık */
    .hero h1 {
        max-width: 930px;
        margin-bottom: 25px;
        font-size: clamp(72px,6.8vw,108px);
        line-height: .89;
        letter-spacing: -4.5px;
    }

        .hero h1 span {
            font-size: .92em;
        }

    /* Açıklama */
    .hero-content p {
        max-width: 650px;
        margin-bottom: 34px;
        font-size: 16px;
        line-height: 1.75;
    }

    /* Buton alanı */
    .hero-actions {
        gap: 27px;
    }

    .btn-primary {
        min-width: 245px;
        padding: 18px 20px;
    }

    /* Sağdaki dikey bilgi */
    .hero-side {
        right: 22px;
        font-size: 8px;
        letter-spacing: 2.4px;
        opacity: .88;
    }

    /* Aşağı kaydır göstergesi */
    .scroll-cue {
        bottom: 22px;
    }

        .scroll-cue i {
            height: 44px;
        }

    /* Sağ alt numara */
    .hero-number {
        right: 36px;
        bottom: 22px;
        font-size: 43px;
        color: rgba(255,255,255,.11);
    }
}
/* ==========================================
   PATCH 05 - SÜRDÜRÜLEBİLİR TARIM POLISH
   ========================================== */

@media (min-width:981px) {

    .sustain {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .sustain-grid {
        grid-template-columns: 1.05fr .95fr;
        gap: 88px;
    }

    /* Sol görsel */
    .image-frame {
        min-height: 600px;
    }

        .image-frame img {
            height: 600px;
        }

    /* Fotoğraf kart etiketi */
    .media-tag {
        left: -18px;
        bottom: 30px;
        min-width: 285px;
        padding: 16px 20px;
        box-shadow: 0 14px 34px rgba(21,45,30,.16);
    }

        .media-tag span {
            font-size: 27px;
        }

        .media-tag strong {
            font-size: 9px;
            letter-spacing: 2.1px;
        }

    /* Sağ başlık */
    .sustain h2 {
        margin-bottom: 27px;
        font-size: clamp(54px,4.7vw,76px);
        line-height: .96;
        letter-spacing: -2.2px;
    }

    /* Metin */
    .sustain-copy p {
        max-width: 540px;
        font-size: 15px;
        line-height: 1.82;
    }

    /* Link */
    .section-link {
        margin-top: 14px;
    }

    /* Arkadaki büyük yazı */
    .sustain-bg-word {
        left: 4%;
        bottom: -14px;
        font-size: 100px;
        color: rgba(30,75,51,.072);
    }
}
/* ==========================================
   PATCH 06 - İZLENEBİLİRLİK POLISH
   ========================================== */

@media (min-width:981px) {

    .trace {
        padding-top: 135px;
        padding-bottom: 145px;
    }

    .trace-grid {
        grid-template-columns: .95fr 1.05fr;
        gap: 82px;
    }

    /* Sol içerik biraz daha dengeli */
    .trace-copy {
        padding-left: 20px;
    }

    .trace-index {
        right: 18px;
        top: -18px;
        font-size: 82px;
        color: rgba(255,255,255,.075);
    }

    .trace h2 {
        font-size: clamp(56px,5vw,80px);
        letter-spacing: -2.5px;
        margin-bottom: 25px;
    }

    .trace-lead {
        max-width: 535px;
        font-size: 16px;
        line-height: 1.78;
        margin-bottom: 32px;
    }

    /* Maddeler biraz daha sıkı */
    .trace-point {
        grid-template-columns: 46px 1fr;
        gap: 17px;
        padding: 18px 0;
    }

        .trace-point > span {
            font-size: 20px;
        }

        .trace-point strong {
            font-size: 9px;
            letter-spacing: 1.9px;
        }

        .trace-point p {
            font-size: 12px;
            line-height: 1.6;
        }

    /* Sağ görsel */
    .trace-image-shell {
        height: 610px;
        box-shadow: 0 24px 55px rgba(0,0,0,.16);
    }

        .trace-image-shell::after {
            background: linear-gradient( 0deg, rgba(6,24,14,.28), rgba(6,24,14,.02) 48% );
        }

    /* Büyük arka plan yazısı */
    .trace-word {
        left: 4%;
        bottom: -14px;
        font-size: 116px;
        color: rgba(255,255,255,.040);
    }
}
/* ==========================================
   PATCH 07 - GÜVENLİ VE İNOVATİF ÜRETİM
   ========================================== */

@media (min-width:981px) {

    .production {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .production-top {
        margin-bottom: 56px;
    }

    .production-title-row {
        grid-template-columns: 1.08fr .92fr;
        gap: 78px;
    }

    .production h2 {
        font-size: clamp(54px,5.1vw,82px);
        line-height: .94;
        letter-spacing: -2.6px;
    }

    .production-title-row > p {
        max-width: 500px;
        font-size: 15px;
        line-height: 1.82;
    }

    /* Büyük üretim görseli */
    .production-photo {
        height: 570px;
        box-shadow: 0 22px 52px rgba(22,48,32,.12);
    }

        .production-photo img {
            object-position: center 48%;
        }

    .production-photo-index {
        left: 26px;
        top: 22px;
        font-size: 66px;
        color: rgba(255,255,255,.20);
    }

    .production-photo-caption {
        left: 30px;
        bottom: 28px;
    }

    /* Kartlar */
    .production-cards {
        margin-top: 1px;
    }

    .quality-card {
        min-height: 260px;
        padding: 30px 25px 27px;
    }

    .quality-no {
        right: 20px;
        top: 17px;
        font-size: 31px;
    }

    .quality-icon {
        width: 43px;
        height: 43px;
        margin-bottom: 29px;
        font-size: 18px;
    }

    .quality-card h3 {
        margin-bottom: 13px;
        font-size: 23px;
    }

    .quality-card p {
        font-size: 12px;
        line-height: 1.68;
    }

    /* Premium hover */
    .quality-card:hover {
        transform: translateY(-7px);
        background: #faf7f0;
        box-shadow: 0 22px 48px rgba(19,51,33,.13);
    }

        .quality-card:hover .quality-icon {
            transform: rotate(7deg) scale(1.05);
        }

    /* Alt link */
    .production-footer {
        margin-top: 30px;
    }

    /* Büyük arka plan yazısı */
    .production-word {
        left: 4.5% !important;
        bottom: -24px !important;
        font-size: 136px;
        color: rgba(30,75,51,.042);
    }
}
/* ==========================================
   PATCH 08 - TANITIM VİDEOSU POLISH
   ========================================== */

@media (min-width:981px) {

    .brand-film {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .brand-film-head {
        grid-template-columns: 1.05fr .95fr;
        gap: 80px;
        margin-bottom: 52px;
    }

    .brand-film h2 {
        font-size: clamp(56px,5vw,82px);
        line-height: .94;
        letter-spacing: -2.7px;
    }

    .brand-film-intro p {
        max-width: 520px;
        font-size: 15px;
        line-height: 1.8;
    }

    /* Video kutusu */
    .film-shell {
        height: 520px;
        min-height: 520px;
        max-width: 1160px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 24px 60px rgba(21,47,31,.16);
    }

    .brand-video {
        object-position: center 50%;
    }

    /* Video karartması */
    .film-overlay {
        background: linear-gradient( 0deg, rgba(4,25,14,.52), rgba(4,25,14,.05) 55% ), linear-gradient( 90deg, rgba(4,25,14,.16), transparent 54% );
    }

    /* Play butonu */
    .film-play {
        width: 96px;
        height: 96px;
        border-color: rgba(255,255,255,.52);
        background: rgba(255,255,255,.08);
    }

        .film-play::after {
            inset: -11px;
            border-color: rgba(216,180,103,.36);
        }

        .film-play span {
            font-size: 25px;
        }

        .film-play:hover {
            transform: scale(1.06);
            box-shadow: 0 12px 34px rgba(0,0,0,.18);
        }

    /* Sol alt yazı */
    .film-caption {
        left: 32px;
        bottom: 30px;
    }

        .film-caption strong {
            font-size: 28px;
        }

    /* Sağ alt tanıtım filmi yazısı */
    .film-duration {
        right: 31px;
        bottom: 32px;
        font-size: 8px;
        letter-spacing: 2px;
    }

    /* Büyük dekoratif FİLM */
    .film-word {
        left: 4.5%;
        bottom: -24px;
        font-size: 136px;
        color: rgba(30,75,51,.042);
        white-space: nowrap;
    }
}
/* ==========================================
   PATCH 09 - FINDIĞIN HİKAYESİ POLISH
   ========================================== */

@media (min-width:981px) {

    .story-grid {
        grid-template-columns: 1.04fr .96fr;
        min-height: 820px;
    }

    /* Sol görsel */
    .story-visual {
        min-height: 820px;
    }

        .story-visual img {
            object-position: center 48%;
        }

    .story-overlay {
        background: linear-gradient( 0deg, rgba(6,26,16,.68), rgba(6,26,16,.04) 58% ), linear-gradient( 90deg, rgba(5,24,14,.14), rgba(5,24,14,0) 58% );
    }

    /* Sol dikey numara/yazı */
    .story-vertical {
        left: 30px;
        gap: 12px;
    }

        .story-vertical span {
            font-size: 29px;
        }

        .story-vertical i {
            height: 64px;
        }

    /* Fotoğraf alt yazısı */
    .story-quote {
        left: 92px;
        right: 48px;
        bottom: 46px;
    }

        .story-quote strong {
            max-width: 540px;
            font-size: 31px;
            line-height: 1.1;
        }

    /* Sağ metin alanı */
    .story-copy {
        padding: 82px 6vw 82px 5.5vw;
    }

    .story-copy-inner {
        max-width: 560px;
    }

    .story h2 {
        margin-bottom: 27px;
        font-size: clamp(56px,5vw,80px);
        line-height: .95;
        letter-spacing: -2.6px;
    }

    .story-copy p {
        font-size: 14px;
        line-height: 1.82;
    }

    /* 40+ bilgi alanı */
    .story-detail {
        gap: 20px;
        margin-top: 30px;
        padding: 20px 0;
    }

    .story-detail-no {
        font-size: 42px;
    }

    .story-detail strong {
        font-size: 17px;
    }

    /* Link */
    .story-link {
        margin-top: 23px;
    }

    /* Sağdaki dekoratif halkalar */
    .story-rings {
        right: -100px;
        top: 85px;
        width: 300px;
        height: 300px;
        opacity: .085;
    }

    /* Büyük FINDIK yazısı */
    .story-word {
        left: 52% !important;
        right: auto !important;
        bottom: -27px;
        font-size: 140px;
        color: rgba(255,255,255,.033);
    }
}
/* ==========================================
   PATCH 10 - TESİSİMİZ POLISH
   ========================================== */

@media (min-width:981px) {

    .facility {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .facility-head {
        margin-bottom: 52px;
    }

    .facility-head-grid {
        grid-template-columns: 1fr 1fr;
        gap: 82px;
    }

    .facility-heading h2 {
        font-size: clamp(58px,5.3vw,84px);
        line-height: .94;
        letter-spacing: -2.9px;
    }

    .facility-intro p {
        max-width: 540px;
        font-size: 15px;
        line-height: 1.82;
    }

    /* Büyük tesis görseli */
    .facility-photo {
        height: 560px;
        box-shadow: 0 22px 54px rgba(21,48,31,.12);
    }

        .facility-photo img {
            object-position: center 50%;
        }

    .facility-photo-mark {
        left: 28px;
        top: 25px;
        gap: 15px;
    }

        .facility-photo-mark span {
            font-size: 47px;
        }

    .facility-photo-caption {
        left: 31px;
        bottom: 30px;
    }

        .facility-photo-caption strong {
            font-size: 34px;
        }

    /* Süreç kartları */
    .facility-step {
        min-height: 250px;
        padding: 30px 25px 28px;
    }

    .facility-step-no {
        right: 20px;
        top: 16px;
        font-size: 31px;
    }

    .facility-step small {
        margin-bottom: 23px;
        font-size: 8px;
    }

    .facility-step h3 {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .facility-step p {
        font-size: 12px;
        line-height: 1.68;
    }

    .facility-step:hover {
        transform: translateY(-7px);
        background: #faf7f0;
        box-shadow: 0 22px 48px rgba(21,48,31,.12);
    }

    /* Alt bilgi */
    .facility-bottom {
        margin-top: 30px;
    }

    .facility-standard > span {
        width: 54px;
        height: 54px;
        font-size: 15px;
    }

    .facility-standard p {
        font-size: 11px;
    }

    /* Büyük TESİS yazısı */
    .facility-word {
        left: 4% !important;
        bottom: -26px;
        font-size: 138px;
        color: rgba(30,75,51,.048);
    }
}
/* ==========================================
   PATCH 11 - SAYILARLA AYCAN GIDA POLISH
   ========================================== */

@media (min-width:981px) {

    .numbers {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .numbers-head {
        max-width: 820px;
        margin-bottom: 54px;
    }

    .numbers h2 {
        font-size: clamp(54px,4.8vw,78px);
        line-height: .96;
        letter-spacing: -2.4px;
    }

    /* Kartlar */
    .numbers-grid {
        gap: 1px;
    }

    .number-card {
        min-height: 320px;
        padding: 28px 25px 28px;
    }

    .number-index {
        right: 20px;
        top: 17px;
        font-size: 31px;
    }

    /* Büyük rakam */
    .number-value {
        margin-top: 48px;
        margin-bottom: 20px;
    }

        .number-value strong {
            font-size: 74px;
            letter-spacing: -2.5px;
        }

        .number-value b {
            padding-top: 4px;
            font-size: 28px;
        }

    .number-card h3 {
        margin-bottom: 13px;
        font-size: 23px;
    }

    .number-card p {
        font-size: 12px;
        line-height: 1.67;
    }

    /* Premium hover */
    .number-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
        box-shadow: 0 23px 52px rgba(0,0,0,.18);
    }

        .number-card:hover .number-value {
            color: #a9823e;
        }

        .number-card:hover .number-index {
            color: #cbbda4;
        }

        .number-card:hover p {
            color: #667168;
        }

    /* Büyük AYCAN yazısı */
    .numbers-word {
        right: 4%;
        bottom: -27px;
        font-size: 138px;
        color: rgba(255,255,255,.035);
    }
}
/* ==========================================
   PATCH 12A - KALİTE & BELGELER DÜZELTME
   ========================================== */

@media (min-width:981px) {

    /* Başlık alanına bölüm numarası */
    .certs-head {
        position: relative;
    }
/* KALİTE & BELGELER tek satır */
    .certs h2 {
        white-space: nowrap;
        font-size: clamp(54px,4.4vw,76px);
        letter-spacing: -2.8px;
    }

        /* HTML'deki <br> satır atlamasını kaldır */
        .certs h2 br {
            display: none;
        }

        /* "Belgeler" ile & arasında doğal boşluk */
        .certs h2 em {
            margin-left: 12px;
        }


    /* Başlık/metin kolon oranı */
    .certs-head {
        grid-template-columns: 1.08fr .92fr;
        gap: 75px;
        align-items: center;
    }
}
/* ==========================================
   PATCH 13A - BASINDA BİZ (FINAL)
   ========================================== */

@media (min-width:981px) {

    /* Başlık alanı */
    .press {
        padding-top: 135px;
        padding-bottom: 135px;
    }

    .press-head {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 82px;
        margin-bottom: 52px;
    }

        /* Büyük bölüm numarası */
/* Başlık */
    .press h2 {
        font-size: clamp(56px,5vw,82px);
        line-height: .94;
        letter-spacing: -2.7px;
    }

    .press-intro {
        max-width: 540px;
    }

        .press-intro p {
            font-size: 15px;
            line-height: 1.8;
        }

    /* Kartlar */
    .press-grid {
        gap: 18px;
    }

    .press-card {
        min-height: 420px;
        grid-template-columns: 1fr .86fr;
    }

    /* Görsel alanı */
    .press-image {
        min-height: 420px;
        background: #245e49;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

        /* Reuters ve Ekonomist ekran görüntülerini kırpma */
        .press-image img {
            width: 100%;
            height: 100%;
            object-fit: contain !important;
            object-position: center center !important;
            padding: 18px;
            transform: none !important;
            transition: .35s;
        }

    /* Hover */
    .press-card:hover .press-image img {
        transform: scale(1.02) !important;
    }

    .press-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 22px 48px rgba(28,50,34,.14);
    }

    /* Yazı alanı */

    .press-card-content {
        padding: 30px 27px 27px;
    }

    .press-meta span {
        font-size: 32px;
    }

    .press-card h3 {
        margin-top: 38px;
        font-size: 28px;
        line-height: 1.08;
    }

    .press-open {
        margin-top: 30px;
        padding-top: 16px;
    }

    /* Alt açıklama */

    .press-foot {
        margin-top: 32px;
    }

    /* Büyük BASINDA yazısı */

    .press-word {
        left: 4% !important;
        right: auto !important;
        bottom: -28px;
        font-size: 138px;
        color: rgba(30,75,51,.05);
    }
}




/* =========================================================
   DİL SEÇİMİ
   İngilizce sürüm hazır olmadığı için EN pasif gösterilir.
   ========================================================= */

.lang{
    display:flex;
    align-items:center;
    gap:6px;
}

.lang-active{
    opacity:1;
    font-weight:700;
}

.lang-sep{
    opacity:.35;
}

.lang-disabled{
    opacity:.32;
    cursor:not-allowed;
    user-select:none;
}




/* =========================================================
   ANA SAYFA 01-09 NUMARALARI - TEK STANDART
   Görünüm: 02 ile aynı
   Konum: başlık bloğunun solundan sabit bir mesafede
   Böylece farklı kolon genişlikleri numarayı sağa/sola kaydırmaz.
   ========================================================= */

.sustain-copy,
.trace-copy,
.production-heading,
.story-copy-inner,
.facility-heading,
.numbers-head,
.certs-head > div:first-child,
.press-head > div:first-child,
.contact-final-copy{
    position:relative;
}

.home-section-no{
    position:absolute !important;
    top:-20px !important;
    left:min(480px, calc(100% - 92px)) !important;
    right:auto !important;
    margin:0 !important;
    width:auto !important;
    z-index:0 !important;

    font-family:Georgia,"Times New Roman",serif !important;
    font-size:84px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:-3px !important;

    pointer-events:none !important;
    user-select:none !important;
}

/* Açık zeminde 02'nin koyu zemindeki görünürlüğüne denk ton */
.home-section-no.on-light{
    color:rgba(30,75,51,.085) !important;
}

/* Koyu zeminde 02 ile aynı görünürlük */
.home-section-no.on-dark{
    color:rgba(255,255,255,.075) !important;
}

/* Metinler dekoratif numaranın önünde kalır */
.sustain-copy > :not(.home-section-no),
.trace-copy > :not(.home-section-no),
.production-heading > :not(.home-section-no),
.story-copy-inner > :not(.home-section-no),
.facility-heading > :not(.home-section-no),
.numbers-head > :not(.home-section-no),
.certs-head > div:first-child > :not(.home-section-no),
.press-head > div:first-child > :not(.home-section-no),
.contact-final-copy > :not(.home-section-no){
    position:relative;
    z-index:1;
}

@media (max-width:980px){
    .home-section-no{
        top:-12px !important;
        left:min(400px, calc(100% - 78px)) !important;
        font-size:70px !important;
        letter-spacing:-2px !important;
    }
}

@media (max-width:760px){
    .home-section-no{
        top:-6px !important;
        left:auto !important;
        right:0 !important;
        font-size:58px !important;
        letter-spacing:-2px !important;
    }
}


/* 01 - Sürdürülebilir Tarım numarası başlığın altında kalmasın */
.sustain-copy .home-section-no{
    z-index:3 !important;
}

.sustain-copy > :not(.home-section-no){
    z-index:2 !important;
}


/* =========================================================
   INDEX 01-04 - GÖRSEL ÜSTÜ DİKEY ETİKET STANDARDI
   05-09 numaralandırmasına dokunulmaz.
   ========================================================= */

.image-frame,
.trace-image-shell,
.production-photo,
.story-visual{
    position:relative;
}

/* 01-04 ortak sol dikey etiket */
.image-side-label{
    position:absolute;
    left:24px;
    top:50%;
    z-index:8;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:11px;
    transform:translateY(-50%);
    color:var(--gold);
    pointer-events:none;
    user-select:none;
    text-shadow:0 1px 6px rgba(0,0,0,.28);
}

.image-side-label span{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    line-height:1;
    font-weight:600;
    letter-spacing:.02em;
    color:var(--gold);
}

.image-side-label i{
    display:block;
    width:1px;
    height:58px;
    background:rgba(214,174,91,.78);
}

.image-side-label strong{
    display:block;
    color:var(--gold);
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:3.2px;
    white-space:nowrap;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
}

/* Görsel tiplerine göre sadece yatay konumu çok küçük dengelenir */
.sustain-media .image-side-label{ left:26px; }
.trace-image-shell .image-side-label{ left:26px; }
.production-photo .image-side-label{ left:28px; }
.story-visual .image-side-label{ left:28px; }

/* 04'ün eski özel dikey etiket kuralları yeni etiketi etkilemesin */
.story-vertical{
    display:none !important;
}

@media (max-width:760px){
    .image-side-label{
        left:16px !important;
        gap:8px;
    }

    .image-side-label span{
        font-size:24px;
    }

    .image-side-label i{
        height:44px;
    }

    .image-side-label strong{
        font-size:10px;
        letter-spacing:2.4px;
    }
}