/* ════════════════════════════════════════════════════════════
   ATAÇELİK GIDA — Atadan Miras · 1991
   Palet ve tipografi Arayüz referanslarından:
   Başlık: Cormorant Garamond / Playfair Display · Metin: Inter
   ════════════════════════════════════════════════════════════ */

:root{
  /* Brif paleti: antrasit · kırık beyaz · kiremit bakır · adaçayı yeşili */
  --ink:        #1f211f;   /* koyu antrasit */
  --coffee:     #2a2d2a;   /* koyu bölüm zemini (antrasit) */
  --bark:       #3a3d39;
  --cream:      #f4f1e9;   /* kırık beyaz */
  --cream-2:    #ece8dd;
  --sand:       #d8d2c2;
  --olive:      #7d8a73;   /* adaçayı yeşili */
  --sage:       #7d8a73;
  --copper:     #b05c38;   /* kiremit bakır */
  --gold:       #c98e5f;
  --gold-soft:  #d9ab85;
  --text-dark:  #34352f;
  --text-light: #e9e7dc;
  --serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --serif-alt: "Playfair Display", Georgia, serif;
  --sans: "Inter", -apple-system, "Helvetica Neue", sans-serif;
  --ease: cubic-bezier(.22,.8,.28,1);
  --header-h: 84px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  font-family:var(--sans);
  font-weight:300;
  color:var(--text-dark);
  background:var(--cream);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}

::selection{background:var(--gold);color:var(--ink)}

/* ── Ortak başlık öğeleri ─────────────────────────────── */
.kicker{
  font-family:var(--sans);
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.42em;
  color:var(--copper);
  margin-bottom:1rem;
}
.kicker-light{color:var(--gold)}
.section-title{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(2.4rem,4.5vw,3.6rem);
  letter-spacing:.06em;
  color:var(--ink);
  line-height:1.08;
}
.title-light{color:var(--text-light)}
.title-rule{
  display:block;
  width:64px;height:1px;
  background:var(--copper);
  margin:1.4rem 0 1.6rem;
  position:relative;
}
.title-rule::after{
  content:"";
  position:absolute;left:50%;top:-2.5px;
  width:6px;height:6px;
  background:var(--copper);
  transform:translateX(-50%) rotate(45deg);
}
.rule-gold{background:var(--gold)}
.rule-gold::after{background:var(--gold)}

/* ── Butonlar ─────────────────────────────────────────── */
.btn{
  display:inline-block;
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
  padding:1.05rem 2.4rem;
  border:1px solid transparent;
  transition:all .45s var(--ease);
}
.btn-gold{
  background:var(--gold);
  color:var(--ink);
}
.btn-gold:hover{background:transparent;border-color:var(--gold);color:var(--gold)}
.btn-ghost{
  border-color:rgba(233,224,207,.45);
  color:var(--text-light);
}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-dark{
  background:var(--coffee);
  color:var(--cream);
  border-color:var(--coffee);
  cursor:pointer;
}
.btn-dark:hover{background:transparent;color:var(--coffee)}

/* ════════ HEADER ════════ */
.site-header{
  position:fixed;inset:0 0 auto;
  z-index:100;
  transition:background .5s var(--ease), box-shadow .5s var(--ease), transform .4s var(--ease);
}
.header-inner{
  height:var(--header-h);
  padding:0 clamp(1.2rem,4vw,3.5rem);
  display:flex;align-items:center;justify-content:space-between;
  gap:2rem;
}
.site-header.is-scrolled{
  background:rgba(29,22,16,.94);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 1px 0 rgba(201,163,106,.18);
}
.site-header.is-hidden{transform:translateY(-100%)}

.brand{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;color:var(--text-light)}
.brand-logo{height:32px;width:auto;display:block}
.brand-sub{
  font-size:.55rem;
  letter-spacing:.3em;
  color:var(--gold-soft);
  white-space:nowrap;
}

.main-nav{display:flex;align-items:center;gap:clamp(1.1rem,2vw,2rem)}
.nav-extra{display:none}
.nav-link{
  white-space:nowrap;
  font-size:.72rem;
  font-weight:400;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--text-light);
  padding:.4rem 0;
  position:relative;
  transition:color .3s;
}
.nav-link::after{
  content:"";
  position:absolute;left:0;bottom:0;
  width:100%;height:1px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .4s var(--ease);
}
.nav-link:hover,.nav-link.is-active{color:var(--gold)}
.nav-link:hover::after,.nav-link.is-active::after{transform:scaleX(1);transform-origin:left}

.nav-toggle{
  display:none;
  background:none;border:0;cursor:pointer;
  width:42px;height:42px;
  flex-direction:column;justify-content:center;align-items:center;gap:6px;
}
.nav-toggle span{
  display:block;width:26px;height:1.5px;
  background:var(--cream);
  transition:transform .35s var(--ease), opacity .3s;
}

/* ════════ HERO ════════ */
.hero{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  display:flex;align-items:center;
  background:var(--ink);
  overflow:hidden;
}
.hero-media{position:absolute;inset:0}
.hero-img{
  width:100%;height:100%;object-fit:cover;
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(20,14,9,.88) 0%, rgba(20,14,9,.62) 34%, rgba(20,14,9,.12) 68%, rgba(20,14,9,.35) 100%),
    linear-gradient(0deg, rgba(20,14,9,.55) 0%, transparent 28%);
}
.hero-content{
  position:relative;
  z-index:2;
  padding:calc(var(--header-h) + 2rem) clamp(1.4rem,6vw,6.5rem) 5rem;
  max-width:880px;
}
.hero-eyebrow{
  display:flex;align-items:center;gap:1rem;
  font-size:.68rem;letter-spacing:.45em;
  color:var(--gold-soft);
  margin-bottom:2rem;
}
.hero-eyebrow .rule{width:56px;height:1px;background:var(--gold)}
.hero-title{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(3.6rem,9.5vw,8.2rem);
  line-height:.98;
  letter-spacing:.05em;
  color:var(--cream);
  margin-bottom:2rem;
}
.hero-title .line{display:block;overflow:hidden}
.hero-title .line span{
  display:block;
  transform:translateY(110%);
  animation:riseup 1.1s var(--ease) forwards;
}
.hero-title .line:nth-child(2) span{animation-delay:.18s}
@keyframes riseup{to{transform:translateY(0)}}
.hero-lede{
  max-width:430px;
  font-size:1.02rem;
  font-weight:300;
  color:rgba(233,224,207,.85);
  margin-bottom:2.6rem;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}

.scroll-cue{
  position:absolute;
  left:50%;bottom:0;
  transform:translateX(-50%);
  z-index:3;
  height:96px;width:40px;
  display:flex;justify-content:center;
}
.scroll-cue-line{
  width:1px;height:100%;
  background:linear-gradient(to bottom, transparent, var(--gold));
  position:relative;overflow:hidden;
}
.scroll-cue-line::after{
  content:"";
  position:absolute;left:0;top:-40%;
  width:100%;height:40%;
  background:var(--cream);
  animation:cuedrop 2.2s ease-in-out infinite;
}
@keyframes cuedrop{
  0%{top:-40%}
  60%,100%{top:110%}
}

/* ════════ HERO ALT BANT ════════ */
.hero-band{
  background:var(--coffee);
  border-top:1px solid rgba(201,142,95,.25);
  border-bottom:1px solid rgba(201,142,95,.25);
  padding:1.4rem clamp(1.2rem,4vw,3.5rem);
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;
  gap:.9rem 3rem;
}
.hero-band span{
  font-family:var(--serif);
  font-size:1.02rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-soft);
  white-space:nowrap;
}
.hero-band i{color:var(--sage);font-style:normal;font-size:.65rem}

/* ════════ SPLIT BÖLÜMLER ════════ */
.split{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  min-height:78vh;
  align-items:stretch;
}
.split-cream{background:var(--cream)}
.split-cream2{background:var(--cream-2)}
.split-reverse .split-media{order:2}
.split-media{overflow:hidden;position:relative}
.split-media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 1.2s var(--ease);
}
.split-media:hover img{transform:scale(1.05)}
.split-body{
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(3rem,6vw,6rem) clamp(1.6rem,5vw,5.5rem);
  max-width:680px;
}
.split-body > p{max-width:46ch}

.feature-row{
  display:flex;gap:2.4rem;flex-wrap:wrap;
  margin-top:2.4rem;
  padding-top:2rem;
  border-top:1px solid rgba(110,106,78,.25);
}
.feature-row li{display:flex;flex-direction:column;gap:.2rem}
.feature-row svg{
  width:30px;height:30px;
  color:var(--copper);
  margin-bottom:.55rem;
}
.feature-row strong{
  font-family:var(--serif-alt);
  font-size:1rem;font-weight:600;
  letter-spacing:.05em;
  color:var(--ink);
}
.feature-row em{
  font-style:normal;
  font-size:.74rem;
  color:var(--olive);
  letter-spacing:.04em;
}

/* ════════ SÜTÜN YOLCULUĞU ════════ */
.journey{
  background:var(--coffee);
  color:var(--text-light);
  padding:clamp(4.5rem,8vw,7.5rem) clamp(1.4rem,5vw,5.5rem);
  background-image:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(201,163,106,.07), transparent);
}
.journey-head{max-width:640px;margin-bottom:3.5rem}
.journey-lede{color:rgba(233,224,207,.72)}

.journey-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(.8rem,1.6vw,1.4rem);
}
.journey-card{position:relative;overflow:hidden;aspect-ratio:3/3.6}
.journey-card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 1s var(--ease), filter 1s var(--ease);
  filter:saturate(.92);
}
.journey-card:hover img{transform:scale(1.07);filter:saturate(1.05)}
.journey-card figcaption{
  position:absolute;inset:auto 0 0;
  padding:2.6rem 1.2rem 1.1rem;
  background:linear-gradient(to top, rgba(20,14,9,.92), transparent);
  display:flex;align-items:baseline;gap:.7rem;
}
.journey-card b{
  font-family:var(--serif);
  font-size:1.5rem;font-weight:500;
  color:var(--gold);
}
.journey-card span{font-size:.78rem;letter-spacing:.08em;color:var(--text-light)}

/* Üretim craft split */
.craft-split{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:clamp(2rem,5vw,5rem);
  align-items:center;
  margin-top:clamp(4rem,7vw,6.5rem);
}
.craft-media{overflow:hidden}
.craft-media img{transition:transform 1.2s var(--ease)}
.craft-media:hover img{transform:scale(1.05)}
.craft-body h3{
  font-family:var(--serif);
  font-size:clamp(1.7rem,2.6vw,2.3rem);
  font-weight:500;
  letter-spacing:.05em;
  color:var(--cream);
  line-height:1.25;
}
.craft-body > p{color:rgba(233,224,207,.72);max-width:48ch}
.craft-list{margin-top:2rem;display:flex;flex-direction:column;gap:1.3rem}
.craft-list li{
  padding-left:1.4rem;
  border-left:1px solid rgba(201,163,106,.4);
  font-size:.88rem;
  color:rgba(233,224,207,.65);
}
.craft-list li span{
  display:block;
  font-family:var(--serif-alt);
  font-size:1rem;font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gold-soft);
  margin-bottom:.15rem;
}

/* Sayaçlar */
.stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin-top:clamp(4rem,7vw,6.5rem);
  padding-top:3rem;
  border-top:1px solid rgba(201,163,106,.22);
  text-align:center;
}
.stat b{
  display:block;
  font-family:var(--serif);
  font-size:clamp(2.6rem,4.6vw,4rem);
  font-weight:500;
  color:var(--gold);
  line-height:1;
  margin-bottom:.5rem;
}
.stat span{
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(233,224,207,.6);
}

/* ════════ PARALLAX BANTLAR ════════ */
.band{
  position:relative;
  min-height:72vh;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  text-align:center;
}
.band-img{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  will-change:transform;
}
.band::after{
  content:"";
  position:absolute;inset:0;
  background:rgba(20,14,9,.58);
}
.band-content{
  position:relative;z-index:2;
  max-width:760px;
  padding:5rem clamp(1.4rem,5vw,3rem);
}
.band-content h2{
  font-family:var(--serif);
  font-size:clamp(2rem,4.4vw,3.4rem);
  font-weight:500;
  letter-spacing:.06em;
  line-height:1.18;
  color:var(--cream);
  margin-bottom:1.4rem;
}
.band-content p{
  color:rgba(233,224,207,.82);
  max-width:56ch;margin:0 auto;
}
.band-cta .band-content h2{margin-bottom:2.4rem}

/* ════════ SERİLERİMİZ ════════ */
.series{
  background:var(--cream);
  padding:clamp(4.5rem,8vw,7.5rem) clamp(1.4rem,5vw,5.5rem);
}
.series-head{max-width:620px;margin:0 auto 3.5rem;text-align:center}
.series-head .title-rule{margin-left:auto;margin-right:auto}

.series-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(1rem,2vw,1.8rem);
}
.product-card{
  background:#fff;
  border:1px solid rgba(110,106,78,.15);
  transition:transform .55s var(--ease), box-shadow .55s var(--ease);
}
.product-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 50px -22px rgba(43,33,24,.35);
}
.product-media{overflow:hidden;aspect-ratio:1/1}
.product-media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 1s var(--ease);
}
.product-card:hover .product-media img{transform:scale(1.08)}
.product-info{padding:1.5rem 1.4rem 1.7rem}
.product-no{
  font-size:.62rem;
  letter-spacing:.32em;
  color:var(--copper);
}
.product-info h3{
  font-family:var(--serif-alt);
  font-size:1.25rem;font-weight:600;
  color:var(--ink);
  margin:.5rem 0 .4rem;
}
.product-info p{font-size:.85rem;color:#6b6354;line-height:1.6}

.series-banner{
  position:relative;
  margin-top:clamp(2.5rem,4vw,4rem);
  overflow:hidden;
}
.series-banner img{width:100%;height:auto}
.series-banner figcaption{
  position:absolute;inset:auto 0 0;
  padding:4.5rem clamp(1.4rem,4vw,3.5rem) 2.2rem;
  background:linear-gradient(to top, rgba(20,14,9,.85), transparent);
}
.series-banner h3{
  font-family:var(--serif);
  font-size:clamp(1.5rem,2.6vw,2.2rem);
  font-weight:500;letter-spacing:.08em;
  color:var(--cream);
}
.series-banner p{color:rgba(233,224,207,.78);font-size:.92rem}

/* ════════ ATADAN MİRAS / 1991 ════════ */
.heritage{
  background:var(--cream-2);
  background-image:linear-gradient(rgba(217,205,180,.25) 1px, transparent 1px);
  background-size:100% 64px;
  display:grid;
  grid-template-columns:.8fr 1fr 1.1fr;
  gap:clamp(2.5rem,5vw,5rem);
  padding:clamp(4.5rem,8vw,7.5rem) clamp(1.4rem,5vw,5.5rem);
  align-items:center;
}
.big-year{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(5.5rem,10vw,9rem);
  line-height:1;
  color:var(--ink);
  letter-spacing:.02em;
}
.heritage-note em{
  font-family:var(--serif);
  font-style:italic;
  font-size:1.1rem;
  color:var(--olive);
  line-height:1.6;
}
.heritage-mid p{max-width:42ch;margin-bottom:1.3rem}
.signature{
  font-family:var(--serif);
  font-style:italic;
  font-size:1.7rem;
  color:var(--bark);
  margin-top:1.8rem;
}

.heritage-right{
  position:relative;
  min-height:480px;
}
.polaroid{
  position:absolute;
  background:#fdfbf6;
  padding:10px 10px 30px;
  box-shadow:0 18px 38px -16px rgba(43,33,24,.45);
  transition:transform .6s var(--ease), z-index 0s;
}
.polaroid img{width:100%;height:100%;object-fit:cover}
.polaroid:hover{transform:scale(1.05) rotate(0deg) !important;z-index:10}
.p1{width:54%;aspect-ratio:4/3.4;top:0;left:0;transform:rotate(-4deg)}
.p2{width:48%;aspect-ratio:4/3.4;top:24%;right:0;transform:rotate(3deg);z-index:2}
.p3{width:52%;aspect-ratio:4/3.4;bottom:0;left:10%;transform:rotate(-2deg);z-index:3}
.seal{
  position:absolute;
  right:4%;bottom:6%;
  width:118px;height:118px;
  color:var(--cream);
  background:radial-gradient(circle at 35% 30%, #8a3f2b, #5e2418);
  border-radius:50%;
  box-shadow:0 10px 24px -8px rgba(94,36,24,.6), inset 0 2px 6px rgba(255,255,255,.18);
  z-index:4;
  display:flex;align-items:center;justify-content:center;
  transform:rotate(8deg);
}
.seal svg{width:86%;height:86%}
.seal-small{font-family:var(--sans);font-size:9px;letter-spacing:.14em;fill:currentColor}
.seal-year{font-family:var(--serif);font-size:30px;fill:currentColor}

/* ════════ REFERANSLAR ════════ */
.refs{
  background:var(--ink);
  padding:clamp(4.5rem,8vw,7rem) clamp(1.4rem,5vw,5.5rem);
  text-align:center;
}
.refs .title-rule{margin-left:auto;margin-right:auto}
.refs-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(1.2rem,2.5vw,2.2rem);
  margin-top:3rem;
  text-align:left;
}
.ref-card{
  border:1px solid rgba(201,163,106,.22);
  padding:2.4rem 2rem 2rem;
  position:relative;
  transition:border-color .4s, transform .55s var(--ease);
}
.ref-card:hover{border-color:rgba(201,163,106,.55);transform:translateY(-6px)}
.ref-card::before{
  content:"“";
  position:absolute;top:.4rem;left:1.6rem;
  font-family:var(--serif);
  font-size:4rem;
  color:var(--copper);
  line-height:1;
  opacity:.55;
}
.ref-card p{
  font-family:var(--serif);
  font-style:italic;
  font-size:1.08rem;
  color:rgba(233,224,207,.85);
  line-height:1.65;
  margin-bottom:1.6rem;
}
.ref-card footer{display:flex;flex-direction:column;gap:.1rem}
.ref-card b{
  font-family:var(--sans);
  font-size:.82rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold);
}
.ref-card footer span{font-size:.74rem;color:rgba(233,224,207,.5);letter-spacing:.08em}

/* ════════ İLETİŞİM ════════ */
.contact{
  background:var(--cream);
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:clamp(3rem,6vw,6rem);
  padding:clamp(4.5rem,8vw,7.5rem) clamp(1.4rem,5vw,5.5rem);
}
.contact-list{display:flex;flex-direction:column;gap:1.4rem;margin-top:.5rem}
.contact-list li{font-size:.95rem;max-width:38ch}
.contact-list span{
  display:block;
  font-size:.66rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--copper);
  margin-bottom:.25rem;
}
.contact-list a:hover{color:var(--copper)}

/* ════════ FOOTER ════════ */
.site-footer{
  background:var(--ink);
  color:var(--text-light);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr repeat(4,1fr);
  gap:clamp(2rem,4vw,4rem);
  padding:clamp(3.5rem,6vw,5.5rem) clamp(1.4rem,5vw,5.5rem);
  border-bottom:1px solid rgba(201,163,106,.18);
}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}
.footer-logo{height:44px;width:auto;display:block}
.footer-brand .brand-sub{font-size:.58rem;letter-spacing:.3em;color:var(--gold-soft);line-height:1.7}
.footer-col{display:flex;flex-direction:column;gap:.75rem}
.footer-col h4{
  font-family:var(--sans);
  font-size:.72rem;font-weight:600;
  letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);
  margin-bottom:.6rem;
}
.footer-col a{
  font-size:.86rem;
  color:rgba(233,224,207,.65);
  transition:color .3s, padding-left .3s;
}
.footer-col a:hover{color:var(--gold);padding-left:4px}
.socials{display:flex;gap:.8rem}
.socials a{
  width:40px;height:40px;
  border:1px solid rgba(201,163,106,.3);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:rgba(233,224,207,.7);
  transition:all .35s var(--ease);
}
.socials a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}
.socials svg{width:17px;height:17px}

.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:.8rem;
  padding:1.6rem clamp(1.4rem,5vw,5.5rem);
}
.footer-motto{
  font-family:var(--serif);
  font-size:.95rem;
  letter-spacing:.18em;
  color:var(--gold-soft);
}
.footer-legal{font-size:.7rem;letter-spacing:.06em;color:rgba(233,224,207,.4)}

.designer-link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.68rem;
  color: rgba(233, 224, 207, 0.45);
  letter-spacing: 0.05em;
  text-transform: none;
  transition: color 0.3s;
  font-family: var(--sans);
  text-decoration: none;
}
.designer-link:hover {
  color: var(--gold);
}
.erpolart-logo {
  display: inline-flex;
  align-items: center;
  font-family: 'Inter', -apple-system, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: 0.82rem;
}
.logo-text {
  color: #fff;
  transition: color 0.3s;
}
.designer-link:hover .logo-text {
  color: var(--gold);
}
.logo-box {
  background: #000;
  color: #fff;
  padding: 0.12em 0.16em 0.1em;
  margin: 0 0.03em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.1em;
  line-height: 1;
  border-radius: 1px;
}

/* ════════ REVEAL ANİMASYONLARI ════════ */
/* Gizleme yalnızca JS çalışıyorsa uygulanır; JS yoksa/başarısızsa içerik görünür kalır. */
.js .reveal{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .9s var(--ease), transform .9s var(--ease);
}
.reveal.is-visible{opacity:1;transform:none}

.reveal-img{position:relative;overflow:hidden}
.js .reveal-img::after{
  content:"";
  position:absolute;inset:0;
  background:var(--cream-2);
  transform:scaleX(1);
  transform-origin:right;
  transition:transform 1.1s var(--ease);
  z-index:2;
}
.js .journey .reveal-img::after,
.js .refs .reveal-img::after{background:var(--coffee)}
.reveal-img.is-visible::after{transform:scaleX(0)}
.js .reveal-img img{
  transform:scale(1.12);
  transition:transform 1.4s var(--ease);
}
.reveal-img.is-visible img{transform:scale(1)}
.split-media.reveal-img.is-visible:hover img{transform:scale(1.05)}

/* Kademeli gecikme */
.is-visible[data-delay="1"]{transition-delay:.12s}
.is-visible[data-delay="2"]{transition-delay:.24s}
.is-visible[data-delay="3"]{transition-delay:.36s}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
  .js .reveal,.reveal-img::after{opacity:1;transform:none}
  .js .reveal-img img{transform:none}
}

/* ════════════════════════════════════════════════════════════
   ALT SAYFA BİLEŞENLERİ
   ════════════════════════════════════════════════════════════ */

/* ── Sayfa hero'su ── */
.page-hero{
  position:relative;
  min-height:62vh;
  display:flex;align-items:flex-end;
  background:var(--ink);
  overflow:hidden;
}
.page-hero img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
}
.page-hero-production img{
  filter:saturate(1.04) contrast(1.03);
}
.page-hero::after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(0deg, rgba(20,14,9,.9) 0%, rgba(20,14,9,.25) 55%, rgba(20,14,9,.45) 100%);
}
.page-hero-partners::after{
  background:
    linear-gradient(90deg, rgba(20,14,9,.58) 0%, rgba(20,14,9,.34) 36%, rgba(20,14,9,.08) 72%),
    linear-gradient(0deg, rgba(20,14,9,.42) 0%, rgba(20,14,9,.08) 48%, rgba(20,14,9,.16) 100%);
}
.page-hero-standards::after{
  background:
    linear-gradient(90deg, rgba(20,14,9,.64) 0%, rgba(20,14,9,.38) 34%, rgba(20,14,9,.1) 74%),
    linear-gradient(0deg, rgba(20,14,9,.46) 0%, rgba(20,14,9,.1) 52%, rgba(20,14,9,.18) 100%);
}
.page-hero-production::after{
  background:
    linear-gradient(90deg, rgba(20,14,9,.74) 0%, rgba(20,14,9,.42) 36%, rgba(20,14,9,.08) 76%),
    linear-gradient(0deg, rgba(20,14,9,.58) 0%, rgba(20,14,9,.13) 56%, rgba(20,14,9,.2) 100%);
}
.page-hero-content{
  position:relative;z-index:2;
  width:100%;
  padding:calc(var(--header-h) + 4rem) clamp(1.4rem,5vw,5.5rem) 3.5rem;
}
.breadcrumb{
  display:flex;align-items:center;gap:.7rem;
  font-size:.68rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--gold-soft);
  margin-bottom:1.2rem;
}
.breadcrumb a{transition:color .3s}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb i{font-style:normal;color:var(--copper);font-size:.55rem}
.page-hero h1{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(2.6rem,6vw,4.8rem);
  letter-spacing:.06em;
  line-height:1.05;
  color:var(--cream);
}
.page-hero .page-lede{
  max-width:540px;
  margin-top:1.2rem;
  color:rgba(233,224,207,.82);
}

/* ── Devamı bağlantısı (ana sayfa bölümleri) ── */
.link-more{
  display:inline-flex;align-items:center;gap:.7rem;
  margin-top:2.2rem;
  font-size:.74rem;font-weight:500;
  letter-spacing:.26em;text-transform:uppercase;
  color:var(--copper);
  transition:gap .35s var(--ease), color .3s;
}
.link-more::after{content:"⟶";font-size:1rem;transition:transform .35s var(--ease)}
.link-more:hover{gap:1.1rem;color:var(--ink)}
.link-more-light{color:var(--gold)}
.link-more-light:hover{color:var(--cream)}

/* ── Genel sayfa bölümü ── */
.page-section{padding:clamp(4rem,7vw,6.5rem) clamp(1.4rem,5vw,5.5rem)}
.page-section.bg-cream{background:var(--cream)}
.page-section.bg-cream2{background:var(--cream-2)}
.page-section.bg-dark{background:var(--coffee);color:var(--text-light)}
.page-section.bg-ink{background:var(--ink);color:var(--text-light)}
.section-head{max-width:640px;margin-bottom:3rem}
.section-head.centered{margin-left:auto;margin-right:auto;text-align:center}
.section-head.centered .title-rule{margin-left:auto;margin-right:auto}
.bg-dark .section-head p,.bg-ink .section-head p{color:rgba(233,224,207,.72)}

/* ── Giriş metni (büyük serif) ── */
.intro-statement{
  font-family:var(--serif);
  font-size:clamp(1.4rem,2.6vw,2rem);
  font-weight:500;
  font-style:italic;
  line-height:1.5;
  color:var(--bark);
  max-width:30ch;
}
.intro-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:clamp(2.5rem,5vw,5.5rem);
  align-items:center;
}
.intro-grid .intro-text p{max-width:52ch;margin-bottom:1.2rem}
.intro-grid .intro-media{overflow:hidden}
.intro-grid .intro-media img{transition:transform 1.2s var(--ease)}
.intro-grid .intro-media:hover img{transform:scale(1.05)}

/* ── Değer / ilke kartları ── */
.pillars{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(1rem,2vw,1.6rem);
}
.pillar{
  background:#fff;
  border:1px solid rgba(110,106,78,.15);
  padding:2.4rem 1.8rem 2.2rem;
  text-align:center;
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}
.pillar:hover{transform:translateY(-6px);box-shadow:0 24px 44px -20px rgba(43,33,24,.3)}
.pillar svg{width:38px;height:38px;color:var(--copper);margin:0 auto 1.1rem}
.pillar h3{
  font-family:var(--serif-alt);
  font-size:1.05rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink);
  margin-bottom:.6rem;
}
.pillar p{font-size:.85rem;color:#6b6354;line-height:1.65}
.bg-dark .pillar,.bg-ink .pillar{
  background:transparent;
  border-color:rgba(201,163,106,.25);
}
.bg-dark .pillar h3,.bg-ink .pillar h3{color:var(--gold-soft)}
.bg-dark .pillar p,.bg-ink .pillar p{color:rgba(233,224,207,.6)}

/* ── Zaman çizelgesi ── */
.timeline{
  position:relative;
  max-width:840px;
  margin:0 auto;
  padding-left:0;
}
.timeline::before{
  content:"";
  position:absolute;left:50%;top:0;bottom:0;
  width:1px;
  background:linear-gradient(to bottom, transparent, rgba(182,124,69,.5) 8%, rgba(182,124,69,.5) 92%, transparent);
}
.timeline-item{
  position:relative;
  width:50%;
  padding:0 3rem 3.5rem;
}
.timeline-item:nth-child(odd){left:0;text-align:right}
.timeline-item:nth-child(even){left:50%;text-align:left}
.timeline-item::before{
  content:"";
  position:absolute;top:.5rem;
  width:11px;height:11px;
  background:var(--cream-2);
  border:1px solid var(--copper);
  transform:rotate(45deg);
}
.timeline-item:nth-child(odd)::before{right:-6px}
.timeline-item:nth-child(even)::before{left:-6px}
.timeline-year{
  font-family:var(--serif);
  font-size:2.2rem;font-weight:500;
  color:var(--copper);
  line-height:1;
  display:block;margin-bottom:.5rem;
}
.timeline-item h3{
  font-family:var(--serif-alt);
  font-size:1.08rem;font-weight:600;
  letter-spacing:.05em;
  color:var(--ink);
  margin-bottom:.4rem;
}
.timeline-item p{font-size:.88rem;color:#6b6354;max-width:34ch;display:inline-block}

/* ── Numaralı süreç satırları ── */
.process-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:clamp(2rem,5vw,5rem);
  padding:clamp(2.5rem,4vw,4rem) 0;
}
.process-row + .process-row{border-top:1px solid rgba(201,163,106,.18)}
.process-row:nth-child(even) .process-media{order:2}
.process-media{overflow:hidden;aspect-ratio:16/11}
.process-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.process-media:hover img{transform:scale(1.05)}
.process-no{
  font-family:var(--serif);
  font-size:3.4rem;
  color:var(--gold);
  opacity:.55;
  line-height:1;
  display:block;margin-bottom:.8rem;
}
.process-body h3{
  font-family:var(--serif);
  font-size:clamp(1.5rem,2.4vw,2rem);
  font-weight:500;
  letter-spacing:.05em;
  color:var(--cream);
  margin-bottom:1rem;
}
.process-body p{color:rgba(233,224,207,.7);max-width:50ch}
.process-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.process-tags span{
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-soft);
  border:1px solid rgba(201,163,106,.35);
  padding:.45rem .9rem;
}

/* ── Sertifika rozetleri ── */
.certs{
  display:flex;justify-content:center;flex-wrap:wrap;
  gap:clamp(2rem,5vw,4.5rem);
}
.cert{
  display:flex;flex-direction:column;align-items:center;gap:.9rem;
  text-align:center;
}
.cert-badge{
  width:108px;height:108px;
  border:1px solid rgba(201,163,106,.45);
  border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:var(--serif);
  color:var(--gold);
  position:relative;
}
.cert-badge::after{
  content:"";
  position:absolute;inset:6px;
  border:1px dashed rgba(201,163,106,.3);
  border-radius:50%;
}
.cert-badge b{font-size:1.35rem;font-weight:600;letter-spacing:.04em}
.cert-badge span{font-size:.6rem;letter-spacing:.2em;color:var(--gold-soft)}
.cert p{font-size:.78rem;color:rgba(233,224,207,.6);max-width:22ch}

/* ── Ürün detay satırları ── */
.product-row{
  display:grid;
  grid-template-columns:1fr 1.05fr;
  align-items:center;
  gap:clamp(2rem,5vw,5.5rem);
  padding:clamp(3rem,5vw,5rem) 0;
}
.product-row + .product-row{border-top:1px solid rgba(110,106,78,.18)}
.product-row:nth-child(even) .product-row-media{order:2}
.product-row-media{position:relative;overflow:hidden;aspect-ratio:1/1;max-width:560px}
.product-row-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.product-row-media:hover img{transform:scale(1.06)}
.product-row-media .product-no-big{
  position:absolute;top:1.2rem;left:1.4rem;z-index:2;
  font-family:var(--serif);
  font-size:1rem;letter-spacing:.3em;
  color:var(--cream);
  background:rgba(20,14,9,.55);
  backdrop-filter:blur(4px);
  padding:.5rem 1rem;
}
.product-row-body h2{
  font-family:var(--serif);
  font-size:clamp(1.9rem,3vw,2.6rem);
  font-weight:500;
  letter-spacing:.04em;
  color:var(--ink);
  margin-bottom:1rem;
}
.product-row-body > p{max-width:52ch;margin-bottom:1rem}
.product-specs{
  display:grid;
  grid-template-columns:repeat(3,auto);
  justify-content:start;
  gap:1rem 2.6rem;
  margin-top:1.8rem;
  padding-top:1.6rem;
  border-top:1px solid rgba(110,106,78,.2);
}
.product-specs div{display:flex;flex-direction:column;gap:.15rem}
.product-specs span{
  font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--copper);
}
.product-specs b{
  font-family:var(--serif-alt);
  font-size:1rem;font-weight:600;
  color:var(--ink);
}

/* ── Mağaza kartları: yatay satırlar (foto · bilgi · harita) ── */
.stores-grid{
  display:flex;flex-direction:column;
  gap:clamp(1.4rem,2.6vw,2.4rem);
}
.store-card{
  background:#fff;
  border:1px solid rgba(110,106,78,.15);
  display:flex;flex-direction:row;
  min-height:380px;
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}
.store-card:hover{transform:translateY(-5px);box-shadow:0 28px 50px -22px rgba(43,33,24,.32)}
.store-media{position:relative;overflow:hidden;flex:1.2;min-height:300px}
.store-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.store-card:hover .store-media img{transform:scale(1.05)}
.store-tag{
  position:absolute;top:1rem;left:1rem;z-index:2;
  font-size:.6rem;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink);
  background:var(--gold);
  padding:.4rem .85rem;
}
.store-body{padding:2.4rem 2.2rem;display:flex;flex-direction:column;justify-content:center;flex:.85}
.store-body h3{
  font-family:var(--serif-alt);
  font-size:1.6rem;font-weight:600;
  color:var(--ink);
  margin-bottom:.25rem;
}
.store-city{
  font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--copper);
  margin-bottom:1.1rem;
}
.store-meta{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.4rem}
.store-meta li{
  display:flex;gap:.7rem;
  font-size:.86rem;color:#6b6354;line-height:1.55;
}
.store-meta svg{
  width:16px;height:16px;flex-shrink:0;
  color:var(--copper);
  margin-top:.2rem;
}
.store-links{display:flex;gap:1.4rem;border-top:1px solid rgba(110,106,78,.16);padding-top:1.1rem}
.store-links a{
  font-size:.7rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--copper);
  transition:color .3s;
}
.store-links a:hover{color:var(--ink)}

/* ── Telefon kartları ── */
.phone-cards{display:flex;flex-direction:column;gap:1rem}
.phone-card{
  display:flex;align-items:center;gap:1.3rem;
  border:1px solid rgba(110,106,78,.28);
  padding:1.15rem 1.5rem;
  background:#fff;
  transition:border-color .35s, transform .45s var(--ease), box-shadow .45s var(--ease);
}
.phone-card:hover{
  border-color:var(--copper);
  transform:translateY(-3px);
  box-shadow:0 16px 30px -18px rgba(43,33,24,.35);
}
.phone-card svg{
  width:34px;height:34px;flex-shrink:0;
  color:var(--copper);
}
.phone-card .phone-info{display:flex;flex-direction:column;gap:.1rem}
.phone-card .phone-label{
  font-size:.64rem;font-weight:500;
  letter-spacing:.28em;text-transform:uppercase;
  color:var(--copper);
}
.phone-card .phone-number{
  font-family:var(--serif);
  font-size:1.45rem;font-weight:600;
  letter-spacing:.04em;
  color:var(--ink);
  white-space:nowrap;
  line-height:1.2;
}
.phone-card:hover .phone-number{color:var(--copper)}

/* ── Mağaza harita kartı ── */
.store-map{
  position:relative;overflow:hidden;
  flex:1.2;min-height:300px;
  background:var(--cream-2);
  border-left:1px solid rgba(110,106,78,.15);
}
.store-map iframe{
  position:absolute;inset:0;
  width:100%;height:100%;
  border:0;display:block;
}

/* ── Harita bloğu ── */
.map-block{
  position:relative;
  background:var(--coffee);
  min-height:380px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.map-block img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(.6)}
.map-inner{
  position:relative;z-index:2;
  text-align:center;
  padding:3rem 1.5rem;
}
.map-inner svg{width:44px;height:44px;color:var(--gold);margin:0 auto 1rem}
.map-inner h3{
  font-family:var(--serif);
  font-size:1.7rem;font-weight:500;
  letter-spacing:.06em;
  color:var(--cream);
  margin-bottom:.5rem;
}
.map-inner p{color:rgba(233,224,207,.7);font-size:.9rem;margin-bottom:1.6rem}

/* ── Referans logo şeridi ── */
.partner-strip{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(1.5rem,4vw,3.5rem);
  margin-top:3rem;
}
.partner{
  font-family:var(--serif);
  font-size:1.15rem;
  font-style:italic;
  letter-spacing:.1em;
  color:rgba(233,224,207,.45);
  border:1px solid rgba(201,163,106,.2);
  padding:1rem 2rem;
  transition:all .4s var(--ease);
  white-space:nowrap;
}
.partner:hover{color:var(--gold);border-color:rgba(201,163,106,.5);transform:translateY(-3px)}
/* Beyaz zeminde logo duvarı (brif: minimal yerleşim) */
.partner-strip.on-light .partner{
  font-style:normal;
  color:#5d6055;
  border-color:rgba(110,106,78,.25);
  background:#fff;
}
.partner-strip.on-light .partner:hover{color:var(--copper);border-color:var(--copper)}
.partner-note{
  text-align:center;
  margin-top:2rem;
  font-size:.8rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#8a8676;
}

/* ── Alt sayfa CTA bandı ── */
.subpage-cta{
  text-align:center;
  padding:clamp(4rem,7vw,6rem) clamp(1.4rem,5vw,3rem);
  background:var(--ink);
}
.subpage-cta h2{
  font-family:var(--serif);
  font-size:clamp(1.8rem,3.6vw,2.8rem);
  font-weight:500;
  letter-spacing:.06em;
  color:var(--cream);
  margin-bottom:.9rem;
}
.subpage-cta p{color:rgba(233,224,207,.65);margin-bottom:2.2rem;max-width:52ch;margin-inline:auto}

/* ════════ RESPONSIVE ════════ */
@media (max-width:1080px){
  .journey-grid{grid-template-columns:repeat(2,1fr)}
  .series-grid{grid-template-columns:repeat(2,1fr)}
  .craft-split{grid-template-columns:1fr}
  .heritage{grid-template-columns:1fr 1fr}
  .heritage-right{grid-column:1/-1;min-height:430px;max-width:640px;margin:1rem auto 0;width:100%}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .footer-brand{grid-column:1/-1}
}

@media (max-width:1080px){
  .pillars{grid-template-columns:repeat(2,1fr)}
  .intro-grid{grid-template-columns:1fr}
  /* Mağaza kartı: üstte foto + harita yan yana, bilgi altta */
  .store-card{flex-wrap:wrap;min-height:0}
  .store-media{flex:1 1 50%;min-height:260px}
  .store-map{flex:1 1 50%;min-height:260px}
  .store-body{flex:1 1 100%;order:3;padding:1.9rem 1.8rem}
}

@media (max-width:1320px){
  .site-header:has(.main-nav.is-open) {
    bottom: 0;
  }
  .brand {
    position: relative;
    z-index: 110;
  }
  .main-nav{
    position:fixed;inset:0;
    background:rgba(20,14,9,.98);
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    padding:calc(var(--header-h) + 2.5rem) 1.5rem 3.5rem;
    gap:1.3rem;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    opacity:0;visibility:hidden;
    transition:opacity .45s var(--ease), visibility .45s;
  }
  .main-nav.is-open{opacity:1;visibility:visible}
  .main-nav .nav-link{
    font-size:1.1rem;
    letter-spacing:.22em;
    opacity:0;
    transform:translateY(15px);
    transition:opacity .5s var(--ease), transform .5s var(--ease);
  }
  .main-nav.is-open .nav-link{
    opacity:1;
    transform:translateY(0);
  }
  .main-nav.is-open .nav-link:nth-child(1){transition-delay:.06s}
  .main-nav.is-open .nav-link:nth-child(2){transition-delay:.12s}
  .main-nav.is-open .nav-link:nth-child(3){transition-delay:.18s}
  .main-nav.is-open .nav-link:nth-child(4){transition-delay:.24s}
  .main-nav.is-open .nav-link:nth-child(5){transition-delay:.3s}
  .main-nav.is-open .nav-link:nth-child(6){transition-delay:.36s}
  .main-nav.is-open .nav-link:nth-child(7){transition-delay:.42s}
  .main-nav.is-open .nav-link:nth-child(8){transition-delay:.48s}

  .nav-extra {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    margin-top: 2rem;
    padding-top: 1.8rem;
    border-top: 1px solid rgba(201,163,106,.15);
    width: 80%;
    max-width: 280px;
    align-self: center;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.5s var(--ease), transform 0.5s var(--ease);
  }
  .main-nav.is-open .nav-extra {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.54s;
  }
  .nav-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
  }
  .nav-contact-label {
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    color: var(--copper);
    text-transform: uppercase;
    font-weight: 500;
  }
  .nav-phone {
    font-family: var(--serif);
    font-size: 1.45rem;
    font-weight: 600;
    color: var(--gold-soft);
    letter-spacing: 0.04em;
    transition: color 0.3s;
  }
  .nav-phone:hover {
    color: var(--gold);
  }
  .nav-socials {
    display: flex;
    gap: 1.2rem;
  }
  .nav-socials a {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(201,163,106,.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-soft);
    transition: all 0.35s var(--ease);
  }
  .nav-socials a:hover {
    border-color: var(--gold);
    color: var(--gold);
    transform: translateY(-2px);
  }
  .nav-socials svg {
    width: 17px;
    height: 17px;
  }

  .nav-toggle{display:flex;position:relative;z-index:110}
  .nav-toggle.is-open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .nav-toggle.is-open span:nth-child(2){opacity:0}
  .nav-toggle.is-open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
}

@media (max-width:860px){
  :root{--header-h:72px}
  .hero-band {
    flex-direction: column;
    gap: 0.8rem;
    padding: 2.2rem 1.5rem;
  }
  .hero-band span {
    font-size: 0.9rem;
    letter-spacing: 0.16em;
    text-align: center;
    color: var(--cream);
  }
  .hero-band i {
    color: var(--gold);
    font-size: 0.55rem;
    margin: 0.2rem 0;
    opacity: 0.75;
  }
  .process-row,.product-row{grid-template-columns:1fr;gap:1.6rem}
  .process-row:nth-child(even) .process-media,
  .product-row:nth-child(even) .product-row-media{order:0}
  .product-row-media{max-width:none}
  .store-media,.store-map{flex:1 1 100%}
  .store-map{border-left:none;border-top:1px solid rgba(110,106,78,.15);min-height:230px}
  .timeline::before{left:6px}
  .timeline-item{width:100%;left:0 !important;text-align:left !important;padding:0 0 2.6rem 2.4rem}
  .timeline-item::before{left:1px !important;right:auto !important}
  .page-hero{min-height:48vh}

  .split{grid-template-columns:1fr;min-height:0}
  .split-media{order:0 !important;aspect-ratio:16/10}
  .split-body{padding:3rem 1.5rem 3.5rem;max-width:none}
  .stats{grid-template-columns:repeat(2,1fr);gap:2.2rem 1rem}
  .refs-grid{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .heritage{grid-template-columns:1fr;text-align:left}
  .band{min-height:60vh}
  .band-img{inset:0;height:100%}
  .series-banner figcaption {
    padding: 2rem 1.4rem 1.6rem;
    background: linear-gradient(to top, rgba(20,14,9,.9) 0%, rgba(20,14,9,.5) 75%, transparent 100%);
  }
  .series-banner h3 {
    font-size: clamp(1.2rem, 4vw, 1.5rem);
  }
  .series-banner p {
    font-size: 0.84rem;
    line-height: 1.4;
    margin-top: 0.3rem;
  }
}

@media (max-width:560px){
  /* Uzun Türkçe başlıkların dar ekranda taşmasını önle */
  .hero-title{font-size:clamp(2.4rem,11vw,3.4rem);letter-spacing:.04em}
  .page-hero h1{font-size:clamp(1.8rem,8.4vw,2.6rem)}
  .section-title{font-size:clamp(1.7rem,7.6vw,2.4rem)}
  .big-year{font-size:clamp(3.6rem,16vw,5rem)}
  .pillars{grid-template-columns:1fr}
  .product-specs{grid-template-columns:repeat(2,auto)}
  .journey-grid{grid-template-columns:1fr}
  .journey-card{aspect-ratio:4/3.4}
  .series-grid{grid-template-columns:1fr}
  .hero-actions .btn{width:100%;text-align:center}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{justify-content:center;text-align:center}
  .heritage-right{min-height:360px}
  .seal{width:96px;height:96px}
}

/* ════════ ÜRÜNLERİMİZ — kategori filtresi ════════ */
.urun-filter{
  position:sticky;
  top:var(--header-h);
  z-index:30;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.6rem;
  padding:1.1rem clamp(1.4rem,5vw,5.5rem);
  background:rgba(244,241,233,.92);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(110,106,78,.16);
}
.urun-filter-btn{
  font-family:var(--sans);
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--text-dark);
  background:transparent;
  border:1px solid rgba(110,106,78,.28);
  border-radius:999px;
  padding:.55rem 1.15rem;
  cursor:pointer;
  transition:background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);
}
.urun-filter-btn:hover{border-color:var(--copper);color:var(--copper)}
.urun-filter-btn.is-active{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--cream);
}
.urun-cat .series-head{margin-bottom:2.8rem}
.urun-cat .product-info{padding:1.2rem 1.2rem 1.4rem}
@media (max-width:560px){
  .urun-filter{gap:.45rem;padding:.85rem 1rem}
  .urun-filter-btn{font-size:.64rem;padding:.45rem .85rem;letter-spacing:.12em}
}

/* ════════ Otel referansları — logo duvarı (şeffaf) ════════ */
.logo-wall{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:clamp(2rem,5vw,4.5rem);
  max-width:1000px;
  margin:1.5rem auto 0;
  padding:0 clamp(1rem,4vw,2rem);
}
.logo-wall img{
  height:clamp(38px,5vw,60px);
  width:auto;
  object-fit:contain;
  opacity:.78;
  transition:opacity .4s var(--ease), transform .4s var(--ease);
}
.logo-wall img:hover{opacity:1;transform:translateY(-3px)}
@media (max-width:560px){
  .logo-wall{gap:1.8rem 2.2rem}
  .logo-wall img{height:34px}
}

/* Kare amblemli logo (Et ve Süt Kurumu) biraz daha büyük dursun */
.logo-wall img.logo-tall{height:clamp(56px,7vw,84px);opacity:.95}
.logo-wall img.logo-tall:hover{opacity:1}

/* Uni Gusto — logo gibi duran wordmark (gerçek logosu olmadığı için) */
.faux-logo{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1;
  opacity:.85;
  transition:opacity .4s var(--ease), transform .4s var(--ease);
}
.faux-logo:hover{opacity:1;transform:translateY(-3px)}
.faux-logo-name{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(1.7rem,3.4vw,2.4rem);
  color:var(--ink);
  letter-spacing:.01em;
}
.faux-logo-name i{font-style:italic;font-weight:500;color:var(--copper);margin-left:.1em}
.faux-logo-sub{
  font-family:var(--sans);
  font-size:.52rem;
  font-weight:500;
  letter-spacing:.42em;
  text-transform:uppercase;
  color:var(--text-dark);
  opacity:.72;
  margin-top:.5rem;
  padding-top:.45rem;
  border-top:1px solid rgba(110,106,78,.3);
}
@media (max-width:560px){
  .faux-logo-name{font-size:1.5rem}
  .faux-logo-sub{font-size:.46rem;letter-spacing:.32em}
}