/* ==========================================================================
   Göynüklü Ömer Usta — yeniden tasarım (ornek.jpg konsepti)
   Renkler ve fontlar orijinal siteden korunmuştur:
   arduvaz  #515f6c / #3c4b54 / #738290   (palette-1, custom-color-1)
   kum      #cfb9a8 / #9b8a7d / #ece2da   (palette-2)
   altın    #cead93                         (logo)
   font     Poppins + Carattere
   ========================================================================== */

:root{
  --slate:      #515f6c;
  --slate-dark: #3c4b54;
  --slate-deep: #2f3a41;
  --slate-lite: #738290;
  --sand:       #cfb9a8;
  --sand-dark:  #9b8a7d;
  --sand-lite:  #ece2da;
  --cream:      #f5efe9;
  --mist:       #b5c0ca;
  --mist-lite:  #f4f6f7;
  --gold:       #cead93;
  --gold-deep:  #b5937a;
  --ink:        #2f3a41;
  --muted:      #6b7680;
  --paper:      #fbf9f6;
  --white:      #ffffff;

  --font-base: "Poppins", -apple-system, "Segoe UI", sans-serif;
  --font-script: "Carattere", "Brush Script MT", cursive;

  --container:77rem;
  --radius-lg:2rem;
  --radius-md:1.375rem;
  --ease: cubic-bezier(.22,.9,.3,1);
  --ease-soft: cubic-bezier(.4,0,.2,1);
  --shadow-1: 0 12px 30px -14px rgba(47,58,65,.22);
  --shadow-2: 0 28px 60px -24px rgba(47,58,65,.34);
  --gold-glow: 0 14px 30px -12px rgba(206,173,147,.7);
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:5.25rem; overflow-x:clip; font-size:16px;}
/* Tüm ölçüler rem: kök yazı boyutu büyüdükçe site bütünüyle büyür ve ekranı doldurur.
   1280px'e kadar 16px, sonra ekranla orantılı (1440 ≈ 17px, 1920 ≈ 21px, en fazla 24px). */
@media (min-width:1280px){ html{font-size:clamp(16px, .75vw + 6.4px, 24px);} }
@media (max-width:560px){ html{font-size:17px;} }
body{
  margin:0;
  font-family:var(--font-base);
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
ul,ol{list-style:none; margin:0; padding:0;}
button{font:inherit; color:inherit; background:none; border:0; cursor:pointer;}
h1,h2,h3,h4,p{margin:0;}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:0.375rem;}
.container{width:100%; max-width:var(--container); margin-inline:auto; padding-inline:1.5rem;}
.sprite{position:absolute; width:0; height:0; overflow:hidden;}
.i{width:1em; height:1em; display:inline-block; vertical-align:-.15em; flex-shrink:0;}

/* ---------- Kaydırınca beliren öğeler (yalnızca JS varken gizlenir) ---------- */
.js [data-reveal]{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .9s var(--ease), transform .9s var(--ease);
  transition-delay:var(--rd,0s);
}
.js [data-reveal="left"]{transform:translateX(-44px);}
.js [data-reveal="right"]{transform:translateX(44px);}
.js [data-reveal].is-in{opacity:1; transform:none;}

/* ---------- Açılış ekranı ---------- */
.loader{display:none;}
.js .loader{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:var(--slate);
  clip-path:inset(0 0 0 0);
  transition:clip-path .9s var(--ease) .1s, visibility 0s linear 1s;
  /* Emniyet: JS hiç çalışmasa bile perde 3.5 sn sonra kalkar */
  animation:loaderFailsafe .5s var(--ease) 3.5s forwards;
}
@keyframes loaderFailsafe{to{opacity:0; visibility:hidden;}}
.loader__inner{display:flex; flex-direction:column; align-items:center; gap:1.25rem; transition:opacity .4s var(--ease), transform .5s var(--ease);}
.loader__inner img{width:5.5rem; height:auto; animation:loaderPop 1.2s var(--ease) infinite;}
.loader__bar{width:7.5rem; height:3px; border-radius:3px; background:rgba(255,255,255,.2); overflow:hidden; display:block;}
.loader__bar i{display:block; width:40%; height:100%; background:var(--gold); border-radius:3px; animation:loaderSlide 1.1s ease-in-out infinite;}
@keyframes loaderPop{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-8px) scale(1.05);}}
@keyframes loaderSlide{0%{transform:translateX(-120%);}100%{transform:translateX(280%);}}
.js body.is-ready .loader{clip-path:inset(0 0 100% 0); visibility:hidden;}
.js body.is-ready .loader__inner{opacity:0; transform:translateY(-30px);}

/* ---------- Butonlar ---------- */
.btn{
  display:inline-flex; align-items:center; gap:0.625rem;
  padding:0.9375rem 1.625rem; border-radius:6.25rem;
  font-weight:600; font-size:.92rem; letter-spacing:.01em;
  position:relative; overflow:hidden; isolation:isolate;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease), background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);
  white-space:nowrap;
}
.btn::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.45) 50%, transparent 70%);
  transform:translateX(-120%); transition:transform .8s var(--ease);
}
.btn:hover::after{transform:translateX(120%);}
.btn .i{transition:transform .4s var(--ease);}
.btn:hover{transform:translateY(-3px);}
.btn:hover .i{transform:translateX(4px);}
.btn--gold{background:var(--gold); color:var(--slate-deep); box-shadow:var(--gold-glow);}
.btn--gold:hover{box-shadow:0 20px 40px -12px rgba(206,173,147,.85);}
.btn--white{background:rgba(255,255,255,.1); color:var(--white); border:1.5px solid rgba(255,255,255,.45);}
.btn--white:hover{background:var(--white); color:var(--slate-dark); border-color:var(--white);}
.story .btn--white,.fark .btn--white{background:var(--white); color:var(--slate-dark); border-color:var(--sand-lite); box-shadow:var(--shadow-1);}
.story .btn--white:hover,.fark .btn--white:hover{background:var(--slate); color:var(--white); border-color:var(--slate);}
.btn--slate{background:var(--slate); color:var(--white); box-shadow:0 14px 30px -14px rgba(81,95,108,.7);}
.btn--slate:hover{background:var(--slate-dark);}
.btn--sm{padding:0.625rem 1.125rem; font-size:.84rem;}
.round-btn{
  width:3.125rem; height:3.125rem; border-radius:50%; display:grid; place-items:center;
  background:var(--white); color:var(--slate-dark); box-shadow:var(--shadow-1);
  transition:transform .45s var(--ease), background .35s var(--ease), color .35s var(--ease);
  flex-shrink:0;
}
.round-btn:hover{background:var(--gold); color:var(--slate-deep); transform:rotate(-45deg) scale(1.06);}

/* ---------- Üst menü ---------- */
.header{
  position:fixed; inset-inline:0; top:0; z-index:500;
  padding-block:1.25rem;
  transition:padding .45s var(--ease);
}
/* Arka plan bir sözde öğede: backdrop-filter header'ın kendisinde olursa
   içindeki position:fixed menü/perde header kutusuna hapsolur. */
.header::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:rgba(60,75,84,.9); backdrop-filter:blur(12px) saturate(140%); -webkit-backdrop-filter:blur(12px) saturate(140%);
  box-shadow:0 12px 30px -18px rgba(0,0,0,.45);
  opacity:0; transition:opacity .45s var(--ease);
}
.header.is-scrolled{padding-block:0.625rem;}
.header.is-scrolled::before{opacity:1;}
.header__inner{display:flex; align-items:center; gap:1.75rem;}
.logo{margin-right:auto; transition:transform .35s var(--ease); position:relative; z-index:2;}
.logo:hover{transform:scale(1.03);}
.logo img{height:2.25rem; width:auto; transition:height .45s var(--ease);}
.header.is-scrolled .logo img{height:1.9rem;}
.nav ul{display:flex; align-items:center; gap:0.25rem;}
.nav a{
  display:inline-block; padding:0.625rem 1rem; border-radius:6.25rem;
  font-size:.86rem; font-weight:500; letter-spacing:.02em; color:var(--white);
  position:relative; transition:color .3s var(--ease);
}
.nav ul a::after{
  content:""; position:absolute; left:1rem; right:1rem; bottom:0.3125rem; height:2px; border-radius:2px;
  background:var(--gold); transform:scaleX(0); transform-origin:right; transition:transform .4s var(--ease);
}
.nav ul a:hover::after,.nav ul a.is-active::after{transform:scaleX(1); transform-origin:left;}
.nav ul a:hover,.nav ul a.is-active{color:var(--gold);}
.nav .nav__insta{display:none;}
.header__right{display:flex; align-items:center; gap:0.75rem; position:relative; z-index:2;}
.social{
  width:2.625rem; height:2.625rem; border-radius:50%; display:grid; place-items:center;
  color:var(--white); border:1.5px solid rgba(255,255,255,.35);
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);
}
.social:hover{background:var(--gold); color:var(--slate-deep); border-color:var(--gold); transform:translateY(-2px);}
.burger{
  display:none; width:2.75rem; height:2.75rem; border-radius:50%; align-items:center; justify-content:center;
  border:1.5px solid rgba(255,255,255,.35); flex-direction:column; gap:0.3125rem;
}
.burger span{width:1.125rem; height:2px; background:var(--white); border-radius:2px; transition:transform .4s var(--ease), opacity .3s var(--ease);}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-backdrop{display:none;}

/* ---------- Serpme şekerler ---------- */
.sprinkles{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0;}
.sprinkles i{
  position:absolute; border-radius:6.1875rem; opacity:.7;
  transform:rotate(var(--r));
  animation:sprinkle ease-in-out infinite alternate;
}
.sprinkles--light i{opacity:.45;}
@keyframes sprinkle{to{transform:translate(var(--tx), var(--ty)) rotate(calc(var(--r) + 60deg));}}

/* ---------- Süt dalgası geçişleri ----------
   Üç katman (arka/orta/ön) JS ile kutunun gerçek genişliğinde çizilir. Arka ve orta katman
   ayrı SVG'lerdir ve CSS transform ile kaydırılır: GPU'da birleştirilir, iPhone'da yeniden
   çizim olmadan akar. Ön katman sabittir ve bitişik bölümün rengiyle birebir aynıdır. */
.wave{position:absolute; left:0; right:0; overflow:hidden; pointer-events:none; z-index:3; line-height:0;}
.wave--up{bottom:-1px;}
.wave--down{top:-1px;}
.wv{position:absolute; top:0; left:0; height:100%; display:block;}
.wv--back,.wv--mid{width:200%; animation:waveDrift linear infinite; will-change:transform; backface-visibility:hidden;}
.wv--mid{animation-direction:reverse;}
.wv--front{width:100%;}
.wave.is-off .wv,.wave.is-off .bob{animation-play-state:paused;}
/* Havada süzülen süt damlaları hafifçe salınır */
.wave .bob{transform-box:fill-box; transform-origin:center; animation:milkBob 5s ease-in-out infinite alternate;}
@keyframes waveDrift{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
@keyframes milkBob{from{transform:translateY(3px);}to{transform:translateY(-6px);}}


/* ================= HERO ================= */
.hero{
  position:relative; z-index:2;
  background:
    linear-gradient(180deg, rgba(81,95,108,0) 62%, var(--slate) 94%),
    radial-gradient(760px 560px at 74% 42%, rgba(115,130,144,.55), rgba(115,130,144,0) 70%),
    radial-gradient(520px 420px at 6% 16%, rgba(60,75,84,.55), rgba(60,75,84,0) 70%),
    var(--slate);
  color:var(--white);
  padding-top:clamp(7.5rem, 12vw, 10rem);
  /* Alttaki süt dalgası (~170px) içerikle çakışmasın */
  padding-bottom:clamp(8rem, 14vw, 13rem);
}
.hero__grid{display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:2rem; position:relative; z-index:1;}
.hero__chip{
  display:inline-flex; align-items:center; gap:0.625rem;
  padding:0.5rem 1rem; border-radius:6.25rem; font-size:.76rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  background:rgba(206,173,147,.14); color:var(--sand-lite); border:1px solid rgba(206,173,147,.45);
  margin-bottom:1.5rem;
}
.hero__chip i{width:0.4375rem; height:0.4375rem; border-radius:50%; background:var(--gold); animation:pulseDot 1.8s ease-in-out infinite;}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(206,173,147,.6);}50%{box-shadow:0 0 0 7px rgba(206,173,147,0);}}
.hero__title{
  font-size:clamp(2.5rem, 4.6vw, 4.1rem); line-height:1.02; font-weight:800; letter-spacing:-.015em;
  text-transform:uppercase; margin-bottom:1.875rem;
}
.hero__title .line{display:block; overflow:hidden; padding-bottom:.04em;}
.hero__title .line > span{display:inline-block;}
.hero__title .line--script{padding:0 .15em .14em 0; margin-top:-.04em;}
.hero__title .line--script > span{
  font-family:var(--font-script); font-weight:400; text-transform:none; letter-spacing:0;
  color:var(--gold); font-size:1.22em; line-height:.95; white-space:nowrap;
}
.hero__actions{display:flex; flex-wrap:wrap; gap:0.875rem; margin-bottom:clamp(2.5rem, 6vh, 4rem);}
.hero__mini{position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.125rem; max-width:29.375rem;}
.hero__mini-bg{
  position:absolute; left:-.1em; top:50%; transform:translateY(-52%); z-index:-1;
  font-size:clamp(4rem, 7vw, 6.2rem); font-weight:800; letter-spacing:-.03em; line-height:1;
  color:rgba(255,255,255,.06); pointer-events:none; white-space:nowrap;
}
.hero__mini img{width:7rem; height:auto; filter:drop-shadow(0 16px 18px rgba(0,0,0,.3)); animation:bob 6s ease-in-out infinite;}
.hero__mini p{font-size:.84rem; line-height:1.6; color:rgba(255,255,255,.72);}
.hero__mini p b{color:var(--white); font-weight:600;}

/* Hero intro — açılış perdesi kalkınca oynar */
.hero__chip,.hero__actions,.hero__mini{animation:fadeUp .9s var(--ease) both;}
.hero__chip{animation-delay:.15s;}
.hero__actions{animation-delay:.75s;}
.hero__mini{animation-delay:.9s;}
.hero__title .line > span{animation:lineUp 1s var(--ease) both; animation-delay:calc(.25s + var(--i) * .11s);}
.hero__circle{animation:circleIn 1.3s var(--ease) both .2s;}
.hero__products{animation:productIn 1.2s var(--ease) both .45s;}
.hero__stats .stat{animation:fadeUp .9s var(--ease) both; animation-delay:calc(.9s + var(--s,0) * .15s);}
.hero__bubble{animation:popIn .8s cubic-bezier(.34,1.56,.64,1) both 1.3s;}
.js body:not(.is-ready) :is(.hero__chip,.hero__actions,.hero__mini,.hero__title .line > span,.hero__circle,.hero__products,.hero__stats .stat,.hero__bubble){animation-play-state:paused;}
@keyframes lineUp{from{transform:translateY(110%);}to{transform:translateY(0);}}
@keyframes fadeUp{from{opacity:0; transform:translateY(22px);}to{opacity:1; transform:none;}}
@keyframes circleIn{from{opacity:0; transform:scale(.6);}to{opacity:1; transform:scale(1);}}
@keyframes productIn{from{opacity:0; transform:translateY(60px) scale(.85);}to{opacity:1; transform:none;}}
@keyframes popIn{from{opacity:0; transform:scale(.4) rotate(-10deg);}to{opacity:1; transform:none;}}
@keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

/* Sahne: büyük daire + taşan ürün */
/* Sahne sağ sütunu tamamen kaplar; daire+ürün soldaki kare alanda durur. Böylece istatistikler ve
   balon sütunun sağ kenarına (= üst menüdeki "Şubelerimiz" düğmesinin sağ kenarı) hizalanır. */
.hero__stage{position:relative; width:100%; aspect-ratio:1.12; justify-self:stretch;}
.hero__layer{position:absolute; top:0; bottom:0; left:0; width:89.3%;}
.layer{will-change:translate;}
.hero__circle{
  position:absolute; inset:7%; border-radius:50%;
  background:radial-gradient(circle at 34% 28%, #f3ebe4 0%, var(--sand-lite) 38%, var(--sand) 78%, #c3aa97 100%);
  box-shadow:inset 0 -30px 60px rgba(155,138,125,.35), 0 50px 90px -40px rgba(0,0,0,.55);
}
.hero__circle::after{
  content:""; position:absolute; inset:-5%; border-radius:50%;
  border:1.5px dashed rgba(206,173,147,.45); animation:spin 50s linear infinite;
}
.hero__products{position:absolute; inset:0;}
.hero__product{
  position:absolute; left:50%; top:43%; width:112%; max-width:none; height:auto;
  translate:-50% -50%;
  filter:drop-shadow(0 34px 34px rgba(0,0,0,.34));
  opacity:0; transform:translateY(40px) rotate(12deg) scale(.8);
  transition:opacity .8s var(--ease), transform 1s var(--ease);
  pointer-events:none;
}
.hero__product.is-active{opacity:1; transform:none; animation:bob 5.5s ease-in-out infinite 1s;}
.hero__product.is-leaving{opacity:0; transform:translateY(-30px) rotate(-14deg) scale(.85);}
/* Etiket sahnenin tam genişliğinde ortalanır: "left:50%" ile genişliği sahnenin
   yarısına sıkışıp ürün adları iki satıra kırılıyordu. */
.hero__caption{position:absolute; left:0; right:10.7%; bottom:1%; display:flex; flex-direction:column; align-items:center; gap:0.625rem; z-index:3; pointer-events:none;}
.hero__caption-name{
  display:inline-flex; align-items:center; justify-content:center; text-align:center; white-space:nowrap;
  max-width:calc(100% - 1.5rem); min-height:2.9rem;
  font-family:var(--font-script); font-size:2rem; line-height:1; word-spacing:.14em; color:var(--slate-dark);
  background:rgba(255,255,255,.9); padding:0.35rem 1.4rem 0.45rem; border-radius:6.25rem; box-shadow:var(--shadow-1);
  transition:opacity .35s var(--ease);
}
.hero__caption-name.is-swap{opacity:0;}
.hero__dots{display:flex; gap:0.5rem; pointer-events:auto;}
.hero__dots button{width:0.5rem; height:0.5rem; border-radius:0.375rem; background:rgba(255,255,255,.4); transition:background .3s, width .4s var(--ease);}
.hero__dots button.is-active{background:var(--gold); width:1.5rem;}
.hero__stats{position:absolute; top:4%; right:0; display:flex; flex-direction:column; gap:1.625rem; text-align:right; z-index:3;}
.stat strong{
  display:inline-block; position:relative; z-index:0;
  font-size:clamp(2.2rem, 3.4vw, 3.2rem); font-weight:800; line-height:1; color:var(--white);
}
.stat strong::after{
  content:""; position:absolute; z-index:-1; width:.46em; height:.46em; border-radius:50%;
  background:var(--gold); right:-.2em; top:-.08em;
}
.stat strong,.stat span{text-shadow:0 2px 14px rgba(47,58,65,.45);}
.stat span{display:block; margin-top:0.375rem; font-size:.7rem; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.72); line-height:1.4;}
.hero__stats .stat:nth-child(2){--s:1;}
.hero__bubble{position:absolute; right:0; bottom:8%; display:flex; align-items:center; z-index:4;}
.bubble{
  position:relative; background:var(--white); color:var(--slate-dark);
  font-weight:800; font-size:.86rem; line-height:1.05; text-align:center; letter-spacing:.02em;
  padding:1rem 1.125rem; border-radius:48% 52% 46% 54% / 55% 50% 50% 45%;
  box-shadow:var(--shadow-2); margin-right:-0.875rem; z-index:1;
  animation:wobble 4s ease-in-out infinite;
}
.bubble::after{content:""; position:absolute; right:0.375rem; bottom:0.25rem; width:0.875rem; height:0.875rem; background:var(--white); border-radius:50%;}
@keyframes wobble{0%,100%{rotate:-4deg;}50%{rotate:3deg;}}
.hero__bubble img{width:6.5rem; height:6.5rem; border-radius:50%; object-fit:cover; border:4px solid var(--white); box-shadow:var(--shadow-2);}
@keyframes spin{to{transform:rotate(360deg);}}

/* ================= Bölüm başlıkları ================= */
.eyebrow{display:block; font-family:var(--font-script); font-size:clamp(1.9rem, 3vw, 2.5rem); line-height:1; color:var(--sand-dark); margin-bottom:0.375rem;}
.title{font-size:clamp(2.2rem, 4.4vw, 3.6rem); font-weight:800; line-height:1; letter-spacing:-.015em; text-transform:uppercase; color:var(--slate-dark);}
.sec-head{text-align:center; margin-bottom:clamp(2.75rem, 6vw, 4.375rem);}
.sec-head--tight{display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; text-align:left; margin-bottom:3.5rem;}
.sec-head--tight .eyebrow{margin:0;}
.insta-link{display:inline-flex; align-items:center; gap:0.5rem; font-weight:600; font-size:.9rem; color:var(--slate-dark); padding:0.6875rem 1.25rem; border:1.5px solid var(--sand-lite); background:var(--white); border-radius:6.25rem; transition:.35s var(--ease);}
.insta-link:hover{background:var(--slate); color:var(--white); border-color:var(--slate);}

/* ================= Ürün grupları ================= */
.products{
  position:relative; z-index:1; overflow:hidden;
  padding-block:clamp(4.5rem, 8vw, 7rem) clamp(5.625rem, 9vw, 8.125rem);
  background:linear-gradient(180deg, var(--paper) 0 56%, var(--cream) 56% 100%);
}
.products > .container{position:relative; z-index:2;}
.float-deco{
  position:absolute; z-index:1; width:clamp(7.5rem, 13vw, 13.125rem); height:auto;
  filter:drop-shadow(0 22px 22px rgba(47,58,65,.22));
  animation:bob 7s ease-in-out infinite; pointer-events:none;
}
.float-deco.d1{left:-2%; top:13%; rotate:-18deg;}
.float-deco.d2{left:3%; bottom:12%; width:clamp(6.25rem, 10vw, 10rem); animation-delay:-2s;}
.float-deco.d3{right:-2%; top:10%; rotate:14deg; animation-delay:-4s;}
.float-deco.d4{right:3%; bottom:14%; width:clamp(6.25rem, 10vw, 10rem); animation-delay:-1s;}
.pcards{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.125rem, 2.2vw, 1.875rem); max-width:65rem; margin-inline:auto; padding-top:clamp(4.375rem, 8vw, 6.875rem);}
.pcard{
  --c:var(--mist); --cc:#a5b2be; --t:var(--slate-deep); --tm:rgba(47,58,65,.75);
  position:relative; border-radius:2.125rem; padding:0 clamp(1.375rem, 2.4vw, 2rem) 2.125rem; text-align:center;
  background:var(--c); color:var(--t);
  display:flex; flex-direction:column; align-items:center;
  transition:transform .6s var(--ease), box-shadow .6s var(--ease);
  box-shadow:0 30px 60px -40px rgba(47,58,65,.55);
}
.pcard--slate{--c:var(--slate); --cc:#5f6e7b; --t:var(--white); --tm:rgba(255,255,255,.75);}
.pcard--sand{--c:var(--sand); --cc:#c0a692; --t:var(--slate-deep); --tm:rgba(47,58,65,.75);}
.pcard:hover{transform:translateY(-12px); box-shadow:0 44px 70px -40px rgba(47,58,65,.7);}
.pcard__media{position:relative; width:78%; aspect-ratio:1; margin:-40% auto 0.25rem;}
.pcard__circle{position:absolute; inset:14%; border-radius:50%; background:var(--cc); transition:transform .7s var(--ease);}
.pcard__media img{
  position:absolute; inset:-4%; width:108%; height:108%; max-width:none; object-fit:contain;
  filter:drop-shadow(0 20px 18px rgba(0,0,0,.28));
  transition:transform .8s var(--ease);
}
.pcard:hover .pcard__circle{transform:scale(1.1);}
.pcard:hover .pcard__media img{transform:translateY(-14px) rotate(-7deg) scale(1.06);}
.pcard h3{font-size:1.08rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;}
.pcard__dots{display:block; letter-spacing:5px; font-size:.7rem; margin:0.5rem 0 0.875rem; opacity:.7;}
.pcard p{font-size:.88rem; line-height:1.7; color:var(--tm); margin-bottom:1.625rem; flex:1;}
.pcard .round-btn{background:rgba(255,255,255,.55); color:var(--slate-deep); box-shadow:none;}
.pcard--slate .round-btn{background:rgba(255,255,255,.14); color:var(--white);}
.pcard .round-btn:hover{background:var(--white); color:var(--slate-deep);}

/* ================= Hikaye ================= */
.story{position:relative; padding-block:clamp(2.5rem, 5vw, 4.375rem) clamp(5rem, 9vw, 7.5rem); background:var(--cream);}
.story__grid{display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(2.5rem, 6vw, 5.625rem); align-items:center;}
.story__media{position:relative; width:100%; max-width:32.5rem; aspect-ratio:1; justify-self:center;}
.story__bigtext{
  /* Kutunun içinden başlar: negatif konum geniş konteynerde yazıyı ekran kenarına itip kesiyordu */
  position:absolute; left:0; top:3%; z-index:0;
  writing-mode:vertical-rl; transform:rotate(180deg);
  font-size:clamp(4.2rem, 8vw, 7.2rem); font-weight:800; letter-spacing:-.02em; line-height:1;
  color:var(--sand); opacity:.45; pointer-events:none;
}
.story__circle{position:absolute; right:0; top:4%; width:74%; aspect-ratio:1; z-index:1;}
.story__ring{position:absolute; inset:-1rem; border-radius:50%; border:2px dashed var(--gold); opacity:.7; animation:spin 45s linear infinite;}
.story__video{position:absolute; inset:0; border-radius:50%; overflow:hidden; box-shadow:var(--shadow-2); background:var(--slate-dark);}
.story__video video{width:100%; height:100%; object-fit:cover;}
.story__cutout{position:absolute; left:-2%; bottom:0; width:48%; z-index:2; filter:drop-shadow(0 24px 22px rgba(47,58,65,.3)); animation:bob 7s ease-in-out infinite;}
.story__badge{position:absolute; top:0; left:10%; width:7rem; height:7rem; z-index:3; display:grid; place-items:center; background:var(--slate); border-radius:50%; box-shadow:var(--shadow-2);}
.story__badge svg.spin{position:absolute; inset:0; width:100%; height:100%; animation:spin 18s linear infinite;}
.story__badge text{font-size:0.5938rem; letter-spacing:1.6px; fill:var(--sand-lite); font-weight:600;}
.story__badge img{width:2.625rem; height:auto; position:relative;}

.story__copy .lead{font-size:clamp(1.05rem, 1.5vw, 1.22rem); line-height:1.65; color:var(--slate-dark); font-weight:500; margin-bottom:2.125rem;}
.timeline{position:relative; padding-left:2.125rem; margin-bottom:2.375rem;}
.timeline::before,.timeline::after{content:""; position:absolute; left:0.375rem; top:0.5rem; width:2px; border-radius:2px;}
.timeline::before{bottom:0.5rem; background:var(--sand-lite);}
.timeline::after{height:calc(var(--fill, 0) * (100% - 1rem)); background:var(--gold); transition:height 1.8s var(--ease-soft) .2s;}
.timeline li{position:relative; padding-bottom:1.5rem;}
.timeline li:last-child{padding-bottom:0;}
.timeline li::before{
  content:""; position:absolute; left:-2.125rem; top:0.25rem; width:0.875rem; height:0.875rem; border-radius:50%;
  background:var(--cream); border:2.5px solid var(--sand); z-index:1;
  transition:background .4s var(--ease), border-color .4s var(--ease), transform .4s var(--ease);
  transition-delay:calc(.3s + var(--n,0) * .4s);
}
.timeline.is-on li::before{background:var(--gold); border-color:var(--gold); transform:scale(1.15);}
.timeline li:nth-child(2){--n:1;} .timeline li:nth-child(3){--n:2;} .timeline li:nth-child(4){--n:3;}
.timeline b{display:block; font-size:.98rem; font-weight:700; color:var(--slate-dark); margin-bottom:0.25rem;}
.timeline p{font-size:.88rem; color:var(--muted); line-height:1.65;}

.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; margin-top:clamp(4.375rem, 8vw, 6.875rem);}
.stat-card{
  text-align:center; padding:2.125rem 1.125rem 1.875rem; border-radius:var(--radius-md); background:var(--white);
  box-shadow:var(--shadow-1); transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}
.stat-card:hover{transform:translateY(-8px); box-shadow:var(--shadow-2);}
.stat-card__icon{width:2.75rem; height:2.75rem; color:var(--gold-deep); margin:0 auto 0.875rem; display:block; transition:transform .6s var(--ease);}
.stat-card:hover .stat-card__icon{transform:rotate(-10deg) scale(1.1);}
.stat-card strong{display:block; font-size:clamp(2.2rem, 3.4vw, 2.9rem); font-weight:800; line-height:1; color:var(--slate-dark); margin-bottom:0.625rem;}
.stat-card strong sup{font-size:.5em; vertical-align:top; position:relative; top:.1em; margin-right:2px;}
.stat-card p{font-size:.86rem; font-weight:600; color:var(--slate-dark); line-height:1.4;}
.stat-card p small{display:block; font-weight:400; font-size:.78rem; color:var(--muted); margin-top:0.25rem;}

/* ================= Kayan şerit ================= */
.marquee{position:relative; overflow:hidden; padding-block:2.125rem; background:var(--cream);}
.marquee__band{overflow:hidden; white-space:nowrap; padding-block:1rem; width:104%; margin-left:-2%;}
.marquee__band--gold{background:var(--gold); transform:rotate(-2deg); position:relative; z-index:1;}
.marquee__band--slate{background:var(--slate-dark); transform:rotate(1.4deg); margin-top:-0.625rem;}
/* Süre JS'te ekran genişliğine göre hesaplanır (sabit süre telefonda ~3 kat hızlı görünüyordu) */
.marquee__track{display:flex; align-items:center; width:max-content; animation:marqueeMove 40s linear infinite; will-change:transform; backface-visibility:hidden;}
.marquee__band--slate .marquee__track{animation-duration:48s; animation-direction:reverse;}
.marquee__track > *{margin-right:1.75rem; flex-shrink:0;}
.marquee__track span{font-size:clamp(1rem, 1.6vw, 1.3rem); font-weight:800; text-transform:uppercase; letter-spacing:.04em;}
.marquee__band--gold span{color:var(--slate-deep);}
.marquee__band--slate span{color:var(--sand-lite);}
.marquee__band--gold .i{color:var(--slate-dark); width:1.125rem; height:1.125rem;}
.marquee__band--slate .i{color:var(--gold); width:1.125rem; height:1.125rem;}
/* Dokunmatik ekranda :hover dokunuştan sonra takılı kalır ve şeridi durdurur — yalnızca farede */
@media (hover:hover) and (pointer:fine){ .marquee:hover .marquee__track{animation-play-state:paused;} }
.marquee.is-off .marquee__track{animation-play-state:paused;}
@keyframes marqueeMove{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}

/* ================= Farkımız ================= */
.fark{position:relative; padding-block:clamp(5.625rem, 10vw, 8.75rem); background:var(--paper); overflow:hidden;}
.fark__grid{display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(2.5rem, 6vw, 5.625rem); align-items:center;}
.fark__visual{position:relative; width:100%; max-width:32.5rem; aspect-ratio:1; justify-self:center;}
.blob{
  position:absolute; inset:4% 6% 10% 8%;
  border-radius:62% 38% 55% 45% / 45% 55% 45% 55%;
  overflow:hidden; box-shadow:var(--shadow-2); animation:blobMorph 12s ease-in-out infinite;
}
.blob img{width:100%; height:100%; object-fit:cover;}
@keyframes blobMorph{
  0%,100%{border-radius:62% 38% 55% 45% / 45% 55% 45% 55%;}
  33%{border-radius:45% 55% 40% 60% / 60% 40% 60% 40%;}
  66%{border-radius:55% 45% 60% 40% / 40% 60% 45% 55%;}
}
.fark__fruit{
  position:absolute; width:36%; aspect-ratio:1; border-radius:50%; overflow:hidden; left:-2%; bottom:2%;
  border:8px solid var(--paper); box-shadow:var(--shadow-2); animation:bob 6.5s ease-in-out infinite;
}
.fark__fruit img{width:100%; height:100%; object-fit:cover;}
.fark__cutout{position:absolute; width:42%; right:-4%; bottom:-2%; z-index:2; filter:drop-shadow(0 24px 22px rgba(47,58,65,.3));}
.fark__badge{position:absolute; top:0; right:4%; width:7.5rem; height:7.5rem; display:grid; place-items:center; z-index:3; background:var(--gold); border-radius:50%; box-shadow:var(--shadow-2);}
.fark__badge svg.spin{position:absolute; inset:0; width:100%; height:100%; animation:spin 18s linear infinite;}
.fark__badge text{font-size:0.5625rem; letter-spacing:1.2px; fill:var(--slate-deep); font-weight:700;}
.fark__badge b{position:relative; font-size:1.3rem; font-weight:800; color:var(--slate-deep);}

.fark__copy > p{font-size:1rem; line-height:1.75; color:var(--muted); margin:1.125rem 0 1.75rem;}
.fark__copy > p b{color:var(--slate-dark);}
.ing{margin-bottom:1.375rem;}
.ing h4{font-size:.74rem; text-transform:uppercase; letter-spacing:.16em; color:var(--sand-dark); font-weight:700; margin-bottom:0.75rem;}
.chips{display:flex; flex-wrap:wrap; gap:0.625rem;}
.chip{padding:0.5625rem 1rem; border-radius:6.25rem; font-size:.84rem; font-weight:600; display:inline-flex; align-items:center; gap:0.5rem;}
.chip--yes{background:var(--slate); color:var(--white); box-shadow:var(--shadow-1);}
.chip--yes .i{color:var(--gold); width:0.9375rem; height:0.9375rem;}
.chip--no{position:relative; background:var(--white); color:var(--muted); border:1.5px dashed var(--sand);}
.chip--no::after{
  content:""; position:absolute; left:0.75rem; right:0.75rem; top:50%; height:1.5px; background:var(--sand-dark);
  transform:scaleX(0); transform-origin:left; transition:transform .5s var(--ease);
  transition-delay:calc(.35s + var(--k) * .07s);
}
.js .chips--no .chip--no{opacity:0; transform:translateY(10px); transition:opacity .5s var(--ease), transform .5s var(--ease); transition-delay:calc(var(--k) * .06s);}
.js .chips--no.is-in .chip--no{opacity:1; transform:none;}
.chips--no.is-in .chip--no::after,html:not(.js) .chip--no::after{transform:scaleX(1);}
.js .chips--no[data-reveal]{opacity:1; transform:none;}
.fark__note{font-family:var(--font-script); font-size:clamp(1.7rem, 2.6vw, 2.2rem); line-height:1.15; color:var(--sand-dark); margin-top:0.625rem;}

/* ================= Menü ================= */
.menu{position:relative; padding-block:clamp(5.625rem, 10vw, 8.75rem); background:var(--cream);}
.filters{display:flex; flex-wrap:wrap; justify-content:center; gap:0.625rem; margin:-1.125rem auto 2.875rem;}
.filter{
  padding:0.6875rem 1.25rem; border-radius:6.25rem; font-size:.86rem; font-weight:600; color:var(--slate-dark);
  background:var(--white); border:1.5px solid var(--sand-lite); transition:.35s var(--ease);
}
.filter:hover{border-color:var(--gold); transform:translateY(-2px);}
.filter.is-active{background:var(--slate); color:var(--white); border-color:var(--slate);}
.dishes{display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem;}
.dish[hidden]{display:none;}
.dish.is-pop{animation:dishIn .6s var(--ease) both; animation-delay:calc(var(--d,0) * 40ms);}
@keyframes dishIn{from{opacity:0; transform:translateY(24px) scale(.94);}to{opacity:1; transform:none;}}
.dish__btn{
  width:100%; height:100%; display:flex; flex-direction:column; align-items:center; text-align:center;
  border-radius:1.625rem; background:var(--white); padding:0.875rem 0.875rem 1.375rem; position:relative;
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
  box-shadow:0 1px 0 rgba(155,138,125,.15);
}
.dish__btn:hover{transform:translateY(-8px); box-shadow:var(--shadow-2);}
.dish__media{position:relative; width:100%; aspect-ratio:1;}
.dish__media::before{content:""; position:absolute; inset:13%; border-radius:50%; background:var(--cream); transition:transform .6s var(--ease), background .4s var(--ease);}
.dish__media img{position:relative; width:100%; height:100%; object-fit:contain; transition:transform .7s var(--ease); filter:drop-shadow(0 14px 14px rgba(47,58,65,.16));}
.dish__btn:hover .dish__media::before{transform:scale(1.12); background:var(--sand-lite);}
.dish__btn:hover .dish__media img{transform:translateY(-8px) rotate(-7deg) scale(1.06);}
.dish__plus{
  position:absolute; top:0.875rem; right:0.875rem; width:2rem; height:2rem; border-radius:50%; z-index:2;
  background:var(--cream); color:var(--slate-dark); display:grid; place-items:center;
  transition:background .35s var(--ease), color .35s var(--ease), transform .45s var(--ease);
}
.dish__btn:hover .dish__plus{background:var(--gold); color:var(--slate-deep); transform:rotate(90deg);}
.dish__name{margin-top:0.5rem; font-size:.84rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--slate-dark);}
.dish__cat{margin-top:0.25rem; font-size:.72rem; font-weight:500; color:var(--sand-dark);}
.center-actions{display:flex; justify-content:center; gap:0.875rem; flex-wrap:wrap; margin-top:3.125rem;}

/* ---------- Ürün önizleme ---------- */
.lb{border:0; padding:1.5rem; background:transparent; max-width:none; max-height:none; width:100%; height:100%; margin:0; overscroll-behavior:contain;}
.lb[open]{display:flex; align-items:center; justify-content:center;}
.lb::backdrop{background:rgba(47,58,65,.7); backdrop-filter:blur(6px);}
.lb__card{
  width:min(100%, 28.75rem); background:var(--white); border-radius:var(--radius-lg); padding:1.375rem 1.375rem 1.5rem; position:relative; text-align:center;
  transform:scale(.9) translateY(24px); opacity:0; transition:transform .5s var(--ease), opacity .4s var(--ease);
  box-shadow:var(--shadow-2);
}
.lb.is-shown .lb__card{transform:none; opacity:1;}
.lb__close{
  position:absolute; top:-0.875rem; right:-0.875rem; width:2.625rem; height:2.625rem; border-radius:50%;
  background:var(--slate-dark); color:var(--white); display:grid; place-items:center; box-shadow:var(--shadow-1); z-index:3;
  transition:transform .4s var(--ease), background .3s;
}
.lb__close:hover{transform:rotate(90deg); background:var(--slate);}
.lb__media{position:relative; width:100%; aspect-ratio:1; margin-bottom:0.875rem;}
.lb__media::before{content:""; position:absolute; inset:10%; border-radius:50%; background:var(--cream);}
.lb__media img{position:relative; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 22px 22px rgba(47,58,65,.22));}
.lb.is-shown .lb__media img{animation:lbImg .7s var(--ease);}
@keyframes lbImg{from{transform:translateY(20px) rotate(-8deg) scale(.9); opacity:0;}to{transform:none; opacity:1;}}
.lb__cat{font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; color:var(--sand-dark);}
.lb__name{font-size:1.5rem; font-weight:800; text-transform:uppercase; color:var(--slate-dark); margin:0.375rem 0 1.25rem;}
.lb__nav{display:flex; align-items:center; justify-content:space-between; gap:0.625rem;}
.lb__prev,.lb__next{width:2.875rem; height:2.875rem; border-radius:50%; background:var(--cream); color:var(--slate-dark); display:grid; place-items:center; transition:.3s var(--ease);}
.lb__prev .i{transform:rotate(180deg);}
.lb__prev:hover,.lb__next:hover{background:var(--slate); color:var(--white);}

/* ================= Galeri mozaiği ================= */
.gallery{position:relative; padding-block:clamp(5rem, 9vw, 7.5rem) clamp(3.75rem, 6vw, 5.625rem); background:var(--paper); overflow:hidden;}
.gallery::before{content:""; position:absolute; left:0; right:0; top:52%; bottom:0; background:var(--cream);}
.gallery > .container{position:relative; z-index:1;}
.mosaic{
  /* 6 kare sütun + ortada dikey video (boyu 3,6 kare → eni 2,025 kare) + 6 aralık */
  --g:1rem; --s:min(clamp(7.375rem, 12vw, 11rem), (100vw - 3rem - 6 * var(--g)) / 8.025);
  position:relative; z-index:1; display:flex; justify-content:center; align-items:flex-start; gap:var(--g); padding-inline:1.5rem;
}
.mcol{display:flex; flex-direction:column; align-items:flex-end; gap:var(--g);}
/* Sütunlar videonun boyu içinde, ortadan kenarlara alçalan bir kemer çizer */
.mcol.c1{margin-top:calc(var(--s) * 1.55);}
.mcol.c2{margin-top:calc(var(--s) * 1.05);}
.mcol.c3{margin-top:calc(var(--s) * .35);}
.mcol.c4{margin-top:calc(var(--s) * .95);}
.mcol.c5{margin-top:calc(var(--s) * .5);}
.mcol.c6{margin-top:calc(var(--s) * 1.25);}
.tile{margin:0; width:var(--s); aspect-ratio:1; border-radius:clamp(1rem, 2vw, 1.625rem); overflow:hidden; box-shadow:var(--shadow-1); background:var(--sand-lite);}
.tile img{width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease);}
.tile:hover img{transform:scale(1.08);}
.tile--video{position:relative; width:calc(var(--s) * 2.025); aspect-ratio:9/16; background:var(--slate-dark); box-shadow:var(--shadow-2);}
.tile--video video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.tile__sound{
  position:absolute; right:0.875rem; bottom:0.875rem; width:2.75rem; height:2.75rem; border-radius:50%;
  display:grid; place-items:center; color:var(--white); background:rgba(47,58,65,.55); backdrop-filter:blur(6px);
  transition:background .3s var(--ease), color .3s var(--ease);
}
.tile__sound:hover,.tile__sound[aria-pressed="true"]{background:var(--white); color:var(--slate-dark);}
.tile__sound .i{width:1.25rem; height:1.25rem;}
.tile__sound .i--on,.tile__sound[aria-pressed="true"] .i--off{display:none;}
.tile__sound[aria-pressed="true"] .i--on{display:block;}

/* ================= Sözler ================= */
.quotes{position:relative; padding-block:clamp(3.125rem, 6vw, 5rem) clamp(7.5rem, 12vw, 10rem); text-align:center; background:linear-gradient(180deg, var(--cream), var(--paper));}
.q__avatar{margin:0 auto 1.625rem; width:6.25rem; height:auto; border-radius:50%; box-shadow:0 0 0 6px var(--white), var(--shadow-2);}
.q__wrap{display:flex; align-items:center; justify-content:center; gap:1.375rem; max-width:51.25rem; margin-inline:auto;}
.q__viewport{position:relative; flex:1; display:grid;}
.q__slide{
  grid-area:1/1; margin:0; display:flex; align-items:center; justify-content:center;
  opacity:0; transform:translateY(16px); transition:opacity .6s var(--ease), transform .6s var(--ease); pointer-events:none;
}
.q__slide.is-active{opacity:1; transform:none; pointer-events:auto;}
.q__slide blockquote{margin:0; font-size:clamp(1.1rem, 2vw, 1.4rem); font-weight:600; font-style:italic; color:var(--slate-dark); line-height:1.55;}
.q__nav{width:3.875rem; height:2.25rem; border-radius:6.25rem; background:var(--white); color:var(--slate-dark); display:grid; place-items:center; box-shadow:var(--shadow-1); flex-shrink:0; transition:.35s var(--ease);}
.q__nav:hover{background:var(--slate); color:var(--white);}
.q__prev .i{transform:rotate(180deg);}
.q__cite{margin-top:1.375rem; color:var(--muted); font-size:.9rem;}
.q__cite b{color:var(--gold-deep);}
.q__dots{display:flex; justify-content:center; gap:0.5rem; margin-top:1.125rem;}
.q__dots button{width:0.5rem; height:0.5rem; border-radius:0.375rem; background:var(--sand); transition:background .3s, width .4s var(--ease);}
.q__dots button.is-active{background:var(--slate); width:1.625rem;}

/* ================= Şubeler ================= */
.branches{position:relative; padding-block:clamp(10.5rem, 16vw, 14rem) 0; background:var(--slate-dark); color:var(--white);}
.branches > .container{position:relative; z-index:1;}
.branches .eyebrow{color:var(--gold);}
.branches .title{color:var(--white);}
.bgrid{display:grid; grid-template-columns:repeat(6,1fr); gap:1.125rem 0.625rem;}
.bcard{
  display:flex; flex-direction:column;
  border-radius:1.625rem; overflow:hidden; background:var(--white); color:var(--ink); padding:0.625rem;
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
  box-shadow:0 30px 50px -30px rgba(0,0,0,.6);
}
.bcard:hover{transform:translateY(-10px);}
.bcard__img{aspect-ratio:4/3.2; overflow:hidden; border-radius:1.125rem;}
.bcard__img img{width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease);}
.bcard:hover .bcard__img img{transform:scale(1.1);}
.bcard__body{padding:1rem 0.5rem 0.5rem; display:flex; flex-direction:column; flex:1;}
.tag{align-self:flex-start; padding:0.3125rem 0.75rem; border-radius:6.25rem; background:var(--sand-lite); color:var(--sand-dark); font-size:.64rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; margin-bottom:0.75rem;}
.tag--mist{background:var(--mist-lite); color:var(--slate); box-shadow:inset 0 0 0 1px #e3e8ec;}
.tag--gold{background:var(--gold); color:var(--slate-deep);}
/* İmalat (Arifiye) kartı: altın iç çerçeveyle şubelerden ayrılır */
.bcard--imalat{box-shadow:inset 0 0 0 2px var(--gold), 0 30px 50px -30px rgba(0,0,0,.6);}
.bcard h3{font-size:1.12rem; font-weight:800; color:var(--slate-dark); margin-bottom:0.5rem;}
.bcard p{font-size:.8rem; color:var(--muted); line-height:1.6; margin-bottom:1rem; flex:1;}
.bcard__links{display:flex; flex-direction:column; gap:0.625rem; padding-top:0.875rem; border-top:1px solid var(--sand-lite);}
.bcard__links a{display:inline-flex; align-items:center; gap:0.5rem; font-size:.82rem; font-weight:600; color:var(--slate-dark);}
.bcard__links a .i{color:var(--gold-deep);}
.bcard__links .dir{color:var(--sand-dark); font-weight:700;}
.bcard__links .dir .i{transition:transform .35s var(--ease);}
.bcard__links .dir:hover{color:var(--slate-dark);}
.bcard__links .dir:hover .i{transform:translateX(4px);}
.branches .center-actions{margin-top:3.125rem;}
.map{margin-top:3.125rem; border-radius:var(--radius-lg); overflow:hidden; box-shadow:0 30px 60px -30px rgba(0,0,0,.6); aspect-ratio:16/6.5; border:6px solid rgba(255,255,255,.08);}
.map iframe{width:100%; height:100%; border:0; display:block; filter:grayscale(.3) contrast(1.03); transition:filter .5s var(--ease);}
.map:hover iframe{filter:none;}

/* ================= Alt bilgi ================= */
/* Şubelerle arasında sert çizgi olmasın: kenar düz, renk yumuşakça erir */
.footer{position:relative; background:linear-gradient(180deg, var(--slate-dark) 0, var(--slate) clamp(8rem, 13vw, 11rem)); color:var(--white); padding-top:3.125rem;}  /* harita altındaki boşluk = harita üstündeki boşluk (.map margin-top) */
.footer__top{display:grid; grid-template-columns:1.1fr 1fr; gap:3.125rem; align-items:end; padding-bottom:3.125rem; border-bottom:1px solid rgba(255,255,255,.14);}
.f-slogan span{display:block; font-size:clamp(1.6rem, 3vw, 2.5rem); font-weight:800; line-height:1.05; text-transform:uppercase; color:var(--sand);}
.f-slogan em{display:block; font-family:var(--font-script); font-style:normal; font-size:clamp(3rem, 6vw, 5rem); line-height:.95; color:var(--white); margin-top:0.5rem;}
.f-social{display:flex; align-items:center; gap:1rem; margin-bottom:1.625rem; font-size:.9rem; color:rgba(255,255,255,.75);}
.f-social a:not(.social){color:var(--gold); font-weight:700;}
.f-list{display:flex; flex-direction:column; gap:1rem;}
.f-list li{display:flex; gap:0.875rem; align-items:flex-start; font-size:.88rem; color:rgba(255,255,255,.72); line-height:1.55;}
.f-ic{width:2.5rem; height:2.5rem; border-radius:50%; background:rgba(255,255,255,.08); display:grid; place-items:center; flex-shrink:0; color:var(--gold);}
.f-list b{display:block; color:var(--white); font-weight:600; margin-bottom:2px;}
.f-list a{transition:color .3s;}
.f-list a:hover{color:var(--gold);}
.footer__nav{display:flex; flex-wrap:wrap; justify-content:center; gap:0.375rem 1.5rem; padding-block:1.75rem; border-bottom:1px solid rgba(255,255,255,.14);}
.footer__nav a{font-size:.86rem; font-weight:500; color:rgba(255,255,255,.85); transition:color .3s;}
.footer__nav a:hover{color:var(--gold);}
.footer__bottom{display:flex; align-items:center; justify-content:space-between; gap:1.25rem; flex-wrap:wrap; padding-block:1.75rem;}
.f-emblem img{width:4.25rem; height:auto; transition:transform .5s var(--ease);}
.f-emblem:hover img{transform:rotate(-10deg) scale(1.06);}
.footer__bottom p{font-size:.78rem; color:rgba(255,255,255,.65);}
.f-agency img{height:1.5rem; width:auto; opacity:.8; transition:opacity .3s;}
.f-agency:hover img{opacity:1;}

/* ---------- Yukarı çık ---------- */
.totop{
  position:fixed; right:1.375rem; bottom:1.375rem; width:3.375rem; height:3.375rem; z-index:400;
  display:grid; place-items:center; color:var(--slate-dark); background:var(--white); border-radius:50%;
  box-shadow:var(--shadow-2); opacity:0; visibility:hidden; transform:translateY(16px) scale(.9);
  transition:opacity .4s var(--ease), transform .4s var(--ease), visibility .4s, background .3s;
}
.totop > .i{transform:rotate(-90deg);}
.totop:hover{background:var(--gold);}
.totop.is-visible{opacity:1; visibility:visible; transform:none;}
.totop__ring{position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg);}
.totop__ring circle{fill:none; stroke:var(--gold); stroke-width:3; stroke-linecap:round; stroke-dasharray:151; stroke-dashoffset:calc(151 - 151 * var(--p, 0) / 100);}
.totop:hover .totop__ring circle{stroke:var(--slate-dark);}

/* ================= Duyarlı düzen ================= */
@media (max-width:1200px){
  .hero__stats{right:0; top:0;}
  .hero__bubble{right:0;}
  .bgrid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:1080px){
  .hero__grid{grid-template-columns:1fr; gap:2.5rem;}
  .hero__stage{max-width:min(34rem, 62vw); aspect-ratio:1; justify-self:center; order:-1;}
  .hero__layer{width:100%;}
  .hero__caption{right:0;}
  /* Sahne ortalandığında istatistikler ve balon dairenin iki yanına */
  .hero__stats{right:-26%; top:16%;}
  .hero__bubble{right:auto; left:-18%; bottom:12%;}
  .hero__copy{text-align:center; display:flex; flex-direction:column; align-items:center;}
  .hero__actions{justify-content:center;}
  .hero__mini{text-align:left;}
  .story__grid,.fark__grid{grid-template-columns:1fr;}
  .story__media,.fark__visual{max-width:34rem;}
  .float-deco.d2,.float-deco.d4{display:none;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .dishes{grid-template-columns:repeat(3,1fr);}
  .footer__top{grid-template-columns:1fr; align-items:start;}
  .f-social{justify-content:flex-start;}
  .mosaic{--s:min(11rem, (100vw - 3rem - 4 * var(--g)) / 6.025);}
  .mcol.c1,.mcol.c6{display:none;}
}
@media (max-width:1100px){
  /* Panel ekran dışına itilmez (sabit öğeler mobilde sayfayı genişletir);
     yerinde kırpılır ve kapalıyken odaklanamaz. */
  .nav{
    position:fixed; top:0; right:0; bottom:0; width:min(84vw, 22.5rem); z-index:600;
    background:var(--slate-dark); padding:6.875rem 1.75rem 2.5rem; display:flex; flex-direction:column; gap:2.25rem;
    overflow-x:hidden; overflow-y:auto;
    clip-path:inset(0 0 0 100%); visibility:hidden;
    transition:clip-path .6s var(--ease), visibility 0s linear .6s;
  }
  .nav.is-open{clip-path:inset(0 0 0 0); visibility:visible; transition:clip-path .6s var(--ease), visibility 0s;}
  .nav ul{flex-direction:column; align-items:stretch; gap:2px;}
  .nav a{display:block; padding:0.875rem 0.375rem; font-size:1.3rem; font-weight:700; border-radius:0; border-bottom:1px solid rgba(255,255,255,.08);
    opacity:0; transform:translateX(24px); transition:opacity .5s var(--ease), transform .5s var(--ease), color .3s;}
  .nav ul a::after{display:none;}
  .nav.is-open a{opacity:1; transform:none; transition-delay:calc(.15s + var(--i,0) * .06s);}
  .nav .nav__insta{display:inline-flex; align-items:center; gap:0.625rem; color:var(--gold); font-size:.95rem; font-weight:600; border:0; --i:5;}
  .nav-backdrop{
    display:block; position:fixed; inset:0; z-index:550; background:rgba(47,58,65,.55); backdrop-filter:blur(3px);
    opacity:0; visibility:hidden; transition:opacity .45s var(--ease), visibility .45s;
  }
  .nav-backdrop.is-visible{opacity:1; visibility:visible;}
  .header__right{position:static; z-index:auto;}
  .burger{display:flex; position:relative; z-index:700;}
  .header__cta{display:none;}
}
@media (max-width:820px){
  .hero__stats{display:none;}
  .hero__bubble{left:auto; right:-2%; bottom:6%;}
  .hero__bubble img{width:4.875rem; height:4.875rem;}
  .bubble{font-size:.74rem; padding:0.75rem 0.875rem;}
  .bgrid{grid-template-columns:repeat(2,1fr);}
  .dishes{grid-template-columns:repeat(2,1fr); gap:0.875rem;}
  .q__wrap{gap:0.625rem;}
  .q__nav{width:2.75rem;}
  .map{aspect-ratio:4/3;}
  .footer__bottom{padding-right:4.75rem;}
}
@media (max-width:760px){
  .pcards{grid-template-columns:1fr; max-width:28rem; gap:clamp(6.875rem, 24vw, 9.375rem); padding-top:clamp(6.875rem, 24vw, 9.375rem);}
}
@media (max-width:700px){
  .float-deco{display:none;}
  .mosaic{display:grid; grid-template-columns:1fr 1fr; grid-auto-flow:dense; gap:0.75rem; padding-inline:1.125rem;}
  .mcol{display:contents;}
  .tile{width:auto;}
  .tile--wide{grid-column:span 2; aspect-ratio:16/10;}
  /* Video başlığın hemen altında. Telefonda ızgarayla aynı genişlikte, boyu ekrana (başlık çubuğu
     hariç) sığar, gerekirse üstten-alttan hafifçe kırpılır; daha geniş ekranda oranı korunup ortalanır. */
  .tile--video{grid-column:1 / -1; order:-1; justify-self:center; aspect-ratio:auto;
    width:min(100%, calc((100vh - 6rem) * .66)); height:min(calc((100vw - 2.25rem) * 16 / 9), calc(100vh - 6rem));
    width:min(100%, calc((100svh - 6rem) * .66)); height:min(calc((100vw - 2.25rem) * 16 / 9), calc(100svh - 6rem));}
  .mcol.c1{display:contents;}
}
@media (max-width:560px){
  .container{padding-inline:0.875rem;}
  /* Büyük logoya yer: Instagram mobilde menü panelinde ve alt bilgide zaten var */
  .header__right .social{display:none;}
  .logo img{height:1.85rem;}
  .header.is-scrolled .logo img{height:1.6rem;}
  .hero__title{font-size:clamp(2.1rem, 10vw, 2.6rem);}
  .hero__mini{grid-template-columns:auto 1fr; gap:0.75rem;}
  .hero__mini .round-btn{display:none;}
  .hero__mini img{width:5.25rem;}
  .hero__bubble{display:none;}
  .hero__caption-name{font-size:1.6rem;}
  .btn{padding:0.875rem 1.375rem;}
  .stats{gap:0.75rem;}
  .stat-card{padding:1.5rem 0.625rem 1.375rem;}
  .bgrid{grid-template-columns:1fr;}
  .filters{gap:0.5rem;}
  .filter{padding:0.5625rem 0.875rem; font-size:.8rem;}
  .dish__btn{padding:0.625rem 0.625rem 1rem; border-radius:1.25rem;}
  .dish__name{font-size:.74rem;}
  .story__badge{width:5.75rem; height:5.75rem;}
  .fark__badge{width:6.25rem; height:6.25rem;}
  .footer__bottom{flex-direction:column; text-align:center; padding-right:0; padding-bottom:5.625rem;}
}

/* ---------- Hareket azaltma tercihi ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important; animation-delay:0s !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; transition-delay:0s !important;}
}