/* Probiyotikli Bulaşık Jeli · tema "Porselen & Mercan" · Lexend + Onest */
:root{
  --porselen:#f7f5f0; --kagit:#fffdf9; --grafit:#1f2523; --grafit-2:#56605c; --cizgi:#e4dfd6;
  --mercan:#d65f3c; --mercan-koyu:#b44a2b; --mercan-acik:#f6e1d6; --cam:#9cc3cd; --pro:#2a3fd0;
  --b:'Lexend',system-ui,sans-serif; --m:'Onest',system-ui,sans-serif;
  --r:28px; --kenar:clamp(16px,4vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--porselen);-webkit-text-size-adjust:100%;overflow-x:clip}
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}
body{background:var(--porselen);color:var(--grafit);font:400 17px/1.6 var(--m);overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--b);font-weight:600;letter-spacing:-.02em;line-height:1.04}
h2{font-size:clamp(34px,5vw,72px)}
.h-ince{font-weight:200;display:block}
.mercan{color:var(--mercan)}
.ust-etiket{font:500 13px/1 var(--b);letter-spacing:.18em;text-transform:uppercase;color:var(--mercan);margin-bottom:18px}
.ust-etiket.acik{color:var(--mercan-acik)}

/* imleç */
.imlec{position:fixed;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--mercan);pointer-events:none;z-index:90;
  transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1),background .3s,opacity .3s;display:grid;place-items:center;mix-blend-mode:normal}
.imlec-yazi{font:500 11px/1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .2s}
.imlec.buyuk{width:84px;height:84px;margin:-42px 0 0 -42px;background:rgba(214,95,60,.92)}
.imlec.buyuk .imlec-yazi{opacity:1}
.imlec.gizli{opacity:0}
@media (hover:none){.imlec{display:none}}

/* üst çubuk */
.ust{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px var(--kenar);transition:background .4s,box-shadow .4s,transform .5s}
.ust.dolu{background:rgba(247,245,240,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--cizgi)}
.logo{flex-shrink:0}.logo img{height:22px;width:auto}
.menu{display:flex;gap:28px;font:400 14px/1 var(--b)}
.menu a{position:relative;padding:6px 0;color:var(--grafit-2);transition:color .25s}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--mercan);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.menu a:hover{color:var(--grafit)}.menu a:hover::after{transform:scaleX(1)}
.ust-sag{display:flex;align-items:center;gap:10px}
.sosyal{display:flex;gap:2px}
.sosyal a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--grafit);transition:background .25s,color .25s}
.sosyal a:hover{background:var(--grafit);color:var(--kagit)}

/* düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 30px;border-radius:99px;background:var(--grafit);color:var(--kagit);font:500 16px/1 var(--b);border:0;cursor:pointer;white-space:nowrap;transition:background .3s}
.dugme:hover{background:var(--mercan)}
.dugme-kucuk{height:40px;padding:0 20px;font-size:14px;background:var(--mercan)}
.dugme-kucuk:hover{background:var(--grafit)}
.dugme-cizgi{background:transparent;color:var(--grafit);box-shadow:inset 0 0 0 1.5px var(--grafit)}
.dugme-cizgi:hover{background:var(--grafit);color:var(--kagit)}
.miknatis{will-change:transform}

/* 1 · giriş */
.giris{position:relative;height:100svh;min-height:620px;overflow:hidden;background:#ece6dc}
.giris-foto{position:absolute;inset:-2.5%;transform:translate3d(var(--px,0),var(--py,0),0) scale(var(--gz,1))}
.giris-foto img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.giris-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,240,.82) 0%,rgba(247,245,240,.5) 30%,rgba(247,245,240,0) 56%)}
.giris-isik{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(520px circle at var(--lx,70%) var(--ly,40%),rgba(255,247,232,.9),rgba(255,247,232,0) 70%)}
.giris-metin{position:absolute;z-index:3;left:var(--kenar);top:0;bottom:0;padding-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(46vw,660px)}
.giris h1{font-size:clamp(48px,6.6vw,108px)}
.giris h1 .satir{display:block;overflow:hidden;padding-bottom:.06em}
.giris h1 .satir>span{display:block}
.h-kalin{display:block;font-weight:700}
.giris h1 .h-ince{color:var(--grafit-2)}
.giris-alt{margin-top:24px;max-width:400px;color:var(--grafit-2);font-size:18px}
.giris-dugmeler{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.asagi{position:absolute;z-index:4;left:50%;bottom:26px;width:28px;height:44px;margin-left:-14px;border-radius:99px;box-shadow:inset 0 0 0 1.5px rgba(31,37,35,.5)}
.asagi span{position:absolute;left:50%;top:9px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--grafit);animation:asagi 1.8s infinite}
@keyframes asagi{0%{transform:translateY(0);opacity:1}80%{transform:translateY(14px);opacity:0}100%{opacity:0}}

/* 2 · söz */
.soz{padding:clamp(120px,18vh,220px) var(--kenar);max-width:1360px;margin:0 auto}
.soz-metin{font:300 clamp(30px,4.6vw,68px)/1.14 var(--b);letter-spacing:-.02em}
.soz-metin .k{color:rgba(31,37,35,.14);transition:color .2s}
.soz-metin .k.dolu{color:var(--grafit)}
.soz-metin .k.vurgu.dolu{color:var(--mercan);font-weight:500}
.soz-imza{margin-top:48px;font:400 clamp(18px,1.6vw,24px)/1.4 var(--b);color:var(--grafit-2)}
.soz-imza em{font-style:normal;color:var(--grafit);border-bottom:2px solid var(--mercan)}

/* blok başlıkları */
.baslik-blok{max-width:780px}
.baslik-blok.orta{margin:0 auto;text-align:center}
.baslik-blok p:not(.ust-etiket){margin-top:22px;color:var(--grafit-2);font-size:18px;max-width:620px}

/* 3 · görünmeyen kalıntı */
.gorunmez{padding:clamp(40px,8vh,100px) var(--kenar) clamp(60px,10vh,120px);max-width:1440px;margin:0 auto}
.gorunmez-ic{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(40px,6vw,110px)}
.gorunmez-gorsel{position:sticky;top:11svh;height:78svh;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:#e2ddd3;box-shadow:0 50px 90px -50px rgba(31,37,35,.5);cursor:none}
.gk{position:absolute;inset:0;margin:0}
.gk img{width:100%;height:100%;object-fit:cover;transform:scale(1.14) translate3d(var(--ix,0),var(--iy,0),0);transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}
.gk1 img{object-position:50% 50%}.gk2 img{object-position:20% 50%}.gk3 img{object-position:30% 50%}
.gk2,.gk3{clip-path:circle(0% at var(--cx,50%) var(--cy,50%));transition:clip-path 1.3s cubic-bezier(.7,0,.2,1)}
.gk2{--cx:22%;--cy:56%}.gk3{--cx:50%;--cy:48%}
.gorunmez[data-adim="2"] .gk2,.gorunmez[data-adim="3"] .gk2,.gorunmez[data-adim="3"] .gk3{clip-path:circle(150% at var(--cx) var(--cy))}
.gorunmez[data-adim="1"] .gk1 img,.gorunmez[data-adim="2"] .gk2 img,.gorunmez[data-adim="3"] .gk3 img{transform:scale(1) translate3d(var(--ix,0),var(--iy,0),0)}
.gk3::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 120px rgba(31,37,35,.35)}
.pin{position:absolute;z-index:2;left:var(--px);top:var(--py);display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.pin i{position:relative;flex-shrink:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--kagit);box-shadow:0 0 0 4px rgba(255,253,249,.35)}
.pin i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--kagit);animation:nabiz 2s infinite}
@keyframes nabiz{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.4);opacity:0}}
.pin b{margin-top:-7px;font:500 13px/1.25 var(--b);padding:9px 13px;border-radius:12px;background:rgba(255,253,249,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:max-content;max-width:210px;box-shadow:0 10px 24px -12px rgba(31,37,35,.4)}
.pin.sag{flex-direction:row-reverse;transform:translate(-100%,12px)}
.pin.sag i{margin:-7px -7px 0 0}
.pin.koyu i{background:var(--mercan);box-shadow:0 0 0 4px rgba(214,95,60,.3)}.pin.koyu i::after{border-color:var(--mercan)}
.gorunmez[data-adim="1"] .gk1 .pin,.gorunmez[data-adim="2"] .gk2 .pin,.gorunmez[data-adim="3"] .gk3 .pin{opacity:1;transform:translateY(0);transition-delay:.7s}
.gorunmez[data-adim="1"] .gk1 .pin.sag,.gorunmez[data-adim="2"] .gk2 .pin.sag,.gorunmez[data-adim="3"] .gk3 .pin.sag{transform:translate(-100%,0)}
.gorunmez .gk .pin:nth-of-type(2){transition-delay:.9s}.gorunmez .gk .pin:nth-of-type(3){transition-delay:1.1s}
.gorunmez-olcek{position:absolute;z-index:3;left:18px;top:18px;font:500 12px/1 var(--b);letter-spacing:.14em;text-transform:uppercase;padding:9px 13px;border-radius:99px;background:rgba(31,37,35,.72);color:var(--kagit)}
.gorunmez-olcek span{display:none}
.gorunmez[data-adim="1"] .o1,.gorunmez[data-adim="2"] .o2,.gorunmez[data-adim="3"] .o3{display:inline}
.gorunmez-nokta{position:absolute;z-index:3;right:18px;top:18px;display:flex;gap:6px;list-style:none}
.gorunmez-nokta li{width:22px;height:4px;border-radius:2px;background:rgba(255,253,249,.5);transition:background .4s,width .4s}
.gorunmez[data-adim="1"] .gorunmez-nokta li:nth-child(1),.gorunmez[data-adim="2"] .gorunmez-nokta li:nth-child(-n+2),.gorunmez[data-adim="3"] .gorunmez-nokta li{background:var(--mercan);width:34px}
.gorunmez-bas{padding-top:12vh}
.gorunmez-bas p:not(.ust-etiket){margin-top:22px;color:var(--grafit-2);font-size:18px;max-width:520px}
.ga{min-height:74svh;display:flex;flex-direction:column;justify-content:center;max-width:560px;opacity:.22;transform:translateX(30px);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1)}
.ga.aktif{opacity:1;transform:none}
.ga:last-child{min-height:84svh}
.ga-no{font:300 15px/1 var(--b);letter-spacing:.12em;color:var(--mercan)}
.ga h3{font-size:clamp(30px,3.2vw,46px);margin:14px 0 18px}
.ga p{font-size:18px;color:var(--grafit-2)}
.ga-liste{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;list-style:none}
.ga-liste li{font:500 14px/1 var(--b);padding:11px 15px;border-radius:99px;background:var(--kagit);box-shadow:inset 0 0 0 1px var(--cizgi)}
.ga-vurgu{margin-top:24px;padding:20px 22px 20px 50px;border-radius:18px;background:var(--mercan-acik);color:var(--grafit)!important;font:500 18px/1.4 var(--b)!important;position:relative}
.ga-vurgu::before{content:"";position:absolute;left:20px;top:25px;width:14px;height:14px;border-radius:50%;background:var(--pro);box-shadow:0 0 0 5px rgba(42,63,208,.16)}

/* 4 · film */
.film{position:relative;height:780vh;background:var(--porselen)}
.film-sahne{position:sticky;top:0;height:100svh;overflow:hidden;background:#0f1211;clip-path:inset(var(--fi,0%) var(--fy,0%) round var(--fr,0px))}
.film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-perde{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,18,17,.55),rgba(15,18,17,0) 55%);pointer-events:none}
.film-yazilar{position:absolute;left:var(--kenar);bottom:16vh;width:min(560px,82vw)}
.fy{position:absolute;left:0;bottom:0;font:500 clamp(30px,3.6vw,54px)/1.08 var(--b);letter-spacing:-.02em;color:#fff;opacity:0;transform:translateY(30px);text-shadow:0 2px 30px rgba(0,0,0,.25)}
.fy small{display:block;margin-top:12px;font:300 clamp(16px,1.3vw,20px)/1.4 var(--m);opacity:.85;letter-spacing:0}
.fy.mavi{color:#dfe4ff}
.fy.son{font-weight:700;font-size:clamp(40px,5vw,80px);color:var(--grafit);text-shadow:none;padding:28px 36px 32px;border-radius:var(--r);background:rgba(255,253,249,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap}
.film-cubuk{position:absolute;left:var(--kenar);right:var(--kenar);bottom:40px;height:2px;background:rgba(255,255,255,.22);border-radius:2px;overflow:hidden}
.film-cubuk span{display:block;height:100%;width:100%;background:var(--mercan);transform-origin:left;transform:scaleX(0)}
.film-ipucu{position:absolute;right:var(--kenar);bottom:58px;font:500 12px/1 var(--b);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}

/* 5 · kartlar */
.kalinti{padding:clamp(110px,16vh,200px) var(--kenar);max-width:1440px;margin:0 auto}
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:64px;perspective:1200px}
.kart{background:var(--kagit);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 0 var(--cizgi),0 30px 60px -40px rgba(31,37,35,.35);transform-style:preserve-3d;transition:box-shadow .5s;will-change:transform}
.kart:hover{box-shadow:0 1px 0 var(--cizgi),0 40px 80px -36px rgba(31,37,35,.45)}
.kart-foto{aspect-ratio:4/3;overflow:hidden}
.kart-foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.08) translate3d(var(--ix,0),var(--iy,0),0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.kart-metin{padding:28px 30px 34px;transform:translateZ(30px)}
.kart-no{font:300 14px/1 var(--b);color:var(--mercan);letter-spacing:.1em}
.kart h3{font-size:26px;margin:12px 0 14px}
.sorun{color:var(--grafit-2);font-size:16px}
.cozum{margin-top:16px;padding-top:16px;border-top:1px solid var(--cizgi);font-size:16px;font-weight:500;position:relative;padding-left:24px}
.cozum::before{content:"";position:absolute;left:0;top:23px;width:12px;height:12px;border-radius:50%;background:var(--pro);box-shadow:0 0 0 4px rgba(42,63,208,.14)}

/* 6 · sünger */
.sunger{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#141716;color:var(--kagit)}
.sunger-foto{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;transform:translate3d(var(--px,0),var(--py,0),0)}
.sunger::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,15,.85),rgba(14,16,15,.35) 55%,rgba(14,16,15,0))}
.sunger-metin{position:relative;z-index:2;padding:0 var(--kenar);max-width:720px}
.sayac{font:700 clamp(90px,15vw,230px)/.9 var(--b);letter-spacing:-.05em;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.sayac-birim{font-weight:200;font-size:.34em;letter-spacing:-.01em;color:var(--mercan-acik)}
.sunger-aciklama{margin-top:26px;font-size:18px;color:rgba(255,253,249,.8);max-width:520px}
.sunger-vurgu{margin-top:26px;font:500 22px/1.35 var(--b);max-width:520px}
.kaynak{margin-top:30px;font-size:13px;color:rgba(255,253,249,.5)}

/* 7 · mutfak */
.mutfak{position:relative;overflow:hidden}
.mutfak-pin{height:100svh;display:flex;align-items:center;gap:clamp(30px,4vw,70px);padding:0 0 0 var(--kenar)}
.mutfak-metin{flex:0 0 min(30vw,440px);position:relative;z-index:2}
.mutfak-metin h2{font-size:clamp(36px,4.4vw,64px)}
.mutfak-metin>p:not(.ust-etiket):not(.ray-ipucu){margin-top:20px;color:var(--grafit-2);font-size:18px;max-width:460px}
.mutfak-urun{display:inline-flex;align-items:center;gap:16px;margin-top:34px;padding:14px 22px 14px 16px;border-radius:20px;background:var(--kagit);box-shadow:inset 0 0 0 1px var(--cizgi);font-size:14px;color:var(--grafit-2);transition:box-shadow .3s}
.mutfak-urun strong{display:block;font:600 17px/1.3 var(--b);color:var(--grafit)}
.mutfak-urun:hover{box-shadow:inset 0 0 0 2px var(--mercan)}
.mu-nokta{width:14px;height:14px;flex-shrink:0;border-radius:50%;background:#3aa845;box-shadow:0 0 0 5px rgba(58,168,69,.18)}
.ray-ipucu{margin-top:30px;font:500 12px/1 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--mercan)}
.ray{flex:1;min-width:0;overflow:hidden;padding:70px 0;cursor:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 70px);mask-image:linear-gradient(90deg,transparent 0,#000 70px)}
.ray-ic{padding-left:40px}
.ray-ic{display:flex;gap:24px;width:max-content;padding-right:var(--kenar);will-change:transform}
.kul{width:clamp(260px,24vw,360px);flex-shrink:0;padding:12px 12px 26px;border-radius:var(--r);background:var(--kagit);box-shadow:0 1px 0 var(--cizgi),0 40px 70px -45px rgba(31,37,35,.4);transform-origin:50% 100%}
.kul:nth-child(even){margin-top:60px}
.kul-foto{aspect-ratio:4/5;border-radius:18px;overflow:hidden;margin-bottom:20px}
.kul-foto img{width:118%;height:100%;max-width:none;object-fit:cover;transform:translateX(var(--kx,-8%))}
.kul-no{display:block;padding:0 14px;font:300 14px/1 var(--b);letter-spacing:.1em;color:var(--mercan)}
.kul h3{padding:0 14px;margin:10px 0 8px;font-size:24px}
.kul p{padding:0 14px;color:var(--grafit-2);font-size:15px}

/* 8 · filmimiz */
.filmimiz{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(40px,8vw,140px);padding:clamp(120px,16vh,200px) var(--kenar);max-width:1280px;margin:0 auto}
.filmimiz-metin p:not(.ust-etiket){margin:22px 0 32px;color:var(--grafit-2);font-size:18px;max-width:460px}
.telefon-sar{will-change:transform}
.telefon{width:min(340px,70vw);aspect-ratio:9/16;border-radius:38px;overflow:hidden;background:#000;box-shadow:0 0 0 10px var(--kagit),0 0 0 11px var(--cizgi),0 50px 90px -30px rgba(31,37,35,.45);transform:rotate(var(--tr,3deg)) translate3d(var(--px,0),var(--py,0),0);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.telefon video{width:100%;height:100%;object-fit:cover}

/* 9 · içermez */
.icermez{padding:20px 0 clamp(110px,14vh,180px);overflow:hidden}
.serit{border-block:1px solid var(--cizgi);padding:14px 0;overflow:hidden}
.serit-ic{display:flex;align-items:center;gap:40px;width:max-content;font:300 clamp(18px,2vw,28px)/1 var(--b);letter-spacing:-.01em;gap:26px;animation:serit 40s linear infinite}
.serit-ic i{font-style:normal;font-size:.4em;color:var(--mercan)}
.serit-ic .vurgu{font-weight:500;color:var(--mercan)}
@keyframes serit{to{transform:translateX(-50%)}}
.rozetler{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:56px;padding:0 var(--kenar)}
.rozet{width:300px;padding:12px 12px 26px;border-radius:var(--r);background:var(--kagit);box-shadow:0 1px 0 var(--cizgi)}
.rozet strong{display:block;font:600 22px/1.2 var(--b);padding:0 16px}
.rozet-foto{aspect-ratio:16/10;border-radius:18px;overflow:hidden;margin-bottom:20px}
.rozet-foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.rozet:hover .rozet-foto img{transform:scale(1.07)}
.rozet span{display:block;margin-top:10px;padding:0 16px;color:var(--grafit-2);font-size:15px}
.rozet:first-child{background:var(--mercan-acik)}

/* 10 · kullanım */
.kullanim{padding:clamp(60px,10vh,120px) var(--kenar) clamp(120px,16vh,200px);max-width:1440px;margin:0 auto}
.adimlar{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:60px;counter-reset:a}
.adim{position:relative}
.adim-foto{aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;clip-path:circle(var(--c,8%) at var(--cx,50%) var(--cy,50%));transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1)}
.adim.acik .adim-foto{--c:75%}
.adim-foto img{width:100%;height:100%;object-fit:cover}
.adim-no{position:absolute;top:18px;left:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--kagit);font:600 17px/1 var(--b)}
.adim h3{font-size:24px;margin:24px 0 8px}
.adim p{color:var(--grafit-2)}

/* 11 · kapanış */
.kapanis{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;overflow:hidden;background:radial-gradient(90% 90% at 75% 62%,#fff6f0 0%,var(--mercan-acik) 48%,#eccbb9 100%)}
.kapanis-metin{position:relative;z-index:2;padding:0 var(--kenar);max-width:700px}
.kapanis h2{font-size:clamp(40px,5vw,78px)}
.kapanis-siseler{position:relative;height:100svh;min-height:620px}
.kapanis-hale{position:absolute;left:50%;top:54%;width:min(40vw,560px);aspect-ratio:1;transform:translate(-50%,-50%) translate3d(var(--hx,0),var(--hy,0),0);border-radius:50%;background:radial-gradient(circle,rgba(255,253,249,.95),rgba(255,253,249,0) 70%)}
.ks{position:absolute;bottom:10svh;width:auto;filter:drop-shadow(0 34px 34px rgba(110,60,40,.28)) brightness(.97) saturate(.92)}
.ks-buyuk{height:68svh;left:calc(50% - min(19vw,270px))}
.ks-kucuk{height:50svh;left:calc(50% + min(3vw,40px))}
.boylar{display:flex;gap:14px;margin:36px 0 26px;flex-wrap:wrap}
.boy{display:flex;flex-direction:column;gap:6px;padding:18px 24px;border-radius:20px;background:rgba(255,253,249,.82);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--cizgi);transition:box-shadow .3s,background .3s}
.boy strong{font:600 20px/1 var(--b)}.boy span{font-size:14px;color:var(--grafit-2)}
.boy:hover{box-shadow:inset 0 0 0 2px var(--mercan);background:var(--kagit)}
.kargo{margin-top:16px;font-size:14px;color:var(--grafit-2)}

.alt{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:34px var(--kenar);border-top:1px solid var(--cizgi);font-size:14px;color:var(--grafit-2)}
.alt img{height:20px;width:auto}
.alt-baglanti{margin-left:auto}.alt-baglanti a{border-bottom:1px solid currentColor}

/* görünür olunca açılış (fare noktasından daire) */
[data-acilis]{clip-path:circle(0% at var(--ax,50%) var(--ay,50%));transition:clip-path 1.2s cubic-bezier(.2,.8,.2,1)}
[data-acilis].acik{clip-path:circle(150% at var(--ax,50%) var(--ay,50%))}

/* telefon */
@media (max-width:900px){
  .menu{display:none}
  .giris{min-height:560px}
  .giris-foto{inset:auto 0 0 0;height:62%}
  .giris-foto img{object-position:84% 60%}
  .giris-foto::after{background:linear-gradient(180deg,var(--porselen) 0%,rgba(247,245,240,0) 34%)}
  .giris-metin{left:var(--kenar);right:var(--kenar);top:88px;bottom:auto;padding-top:0;display:block;width:auto}
  .giris h1{font-size:clamp(42px,12vw,64px)}
  .giris-alt{font-size:16px;margin-top:14px}
  .giris-dugmeler{margin-top:20px}
  .giris-dugmeler .dugme{height:48px;padding:0 22px;font-size:15px}
  .asagi{display:none}
  .gorunmez-ic{display:block}
  .gorunmez-sahne{position:sticky;top:56px;z-index:3;background:var(--porselen);padding:10px 0 14px}
  .gorunmez-gorsel{position:relative;top:0;height:44svh;margin:0 auto;cursor:auto}
  .gorunmez-bas{padding-top:24px}
  .ga{min-height:58svh;transform:none}
  .ga:last-child{min-height:60svh}
  .pin b{font-size:11px;padding:7px 9px;max-width:140px}
  .kartlar,.adimlar{grid-template-columns:1fr}
  .film-perde{background:linear-gradient(0deg,rgba(15,18,17,.6),rgba(15,18,17,0) 60%)}
  .film-video{object-position:50% 50%}
  .fy.son{font-size:36px;white-space:normal;padding:20px 22px}
  .mutfak-pin{height:auto;display:block;padding:90px 0 70px var(--kenar)}
  .mutfak-metin{padding:0 var(--kenar) 0 0;margin-bottom:34px}
  .ray{-webkit-mask-image:none;mask-image:none;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:20px;cursor:auto;scrollbar-width:none}
  .ray-ic{transform:none!important;padding-left:0}
  .kul{width:74vw;scroll-snap-align:start}.kul:nth-child(even){margin-top:0}
  .filmimiz{grid-template-columns:1fr;justify-items:center;text-align:left}
  .kapanis{grid-template-columns:1fr;padding-top:110px}
  .kapanis-siseler{height:62svh;min-height:0}
  .kapanis-hale{width:80vw}
  .ks{bottom:4svh}
  .ks-buyuk{height:50svh;left:calc(50% - 36vw)}
  .ks-kucuk{height:38svh;left:calc(50% + 4vw)}
  .alt-baglanti{margin-left:0}
}
@media (max-width:420px){
  .ust{padding:12px 12px}
  .logo img{height:19px}
  .sosyal a{width:27px;height:27px}
  .sosyal svg{width:15px;height:15px}
  .dugme-kucuk{height:34px;padding:0 13px;font-size:13px}
  .ust-sag{gap:4px}
}
/* 5 ikon (LinkedIn eklendi): 390 px altı dar telefonlarda üst çubuk taşmasın */
@media (max-width:389px){
  .sosyal{gap:0}
  .sosyal a{width:24px;height:24px}
  .sosyal svg{width:14px;height:14px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* görünmeyen kalıntı: etiket kaydırma + telefonda adım adım dizili görseller */
.pin b{translate:var(--kay,0) 0}
.ga-foto{display:none}
@media (max-width:900px){
  .gorunmez.dizili .gorunmez-sahne{display:none}
  .gorunmez.dizili .ga{min-height:0;opacity:1;padding:34px 0 10px}
  .ga-foto{display:block;position:relative;margin:0 0 24px;aspect-ratio:4/5;max-height:62svh;width:100%;border-radius:var(--r);overflow:hidden;background:#e2ddd3}
  .ga-foto img{width:100%;height:100%;object-fit:cover}
  .ga-foto .pin{opacity:1;transform:none}
  .ga-foto .pin.sag{transform:translate(-100%,0)}
}
/* LinkedIn simgesi dar telefonda sağ kenara dayanıyordu: logo ve düğme biraz küçülür */
@media (max-width:420px){.logo img{height:17px}}
@media (max-width:389px){.logo img{height:15px}.dugme-kucuk{padding:0 10px}.ust{gap:8px}}

/* dil seçici: masaüstünde TR · EN · RU · AR, telefonda tek kısaltma + açılır liste */
.dil{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--cizgi);border-radius:99px;font:500 11px/1 var(--b);letter-spacing:.06em}
.dil a{padding:6px 7px;border-radius:99px;color:var(--grafit-2);transition:background .25s,color .25s}
.dil a:hover{color:var(--grafit)}
.dil a[aria-current]{background:var(--grafit);color:var(--kagit)}
.dil-ac{display:none;position:relative;font:500 11px/1 var(--b);letter-spacing:.04em}
.dil-ac summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--cizgi);border-radius:50%;color:var(--grafit)}
.dil-ac summary::-webkit-details-marker{display:none}
.dil-ac[open] summary{background:var(--grafit);color:var(--kagit);border-color:var(--grafit)}
.dil-ac nav{position:absolute;top:calc(100% + 8px);left:50%;translate:-50% 0;display:grid;gap:2px;padding:5px;background:var(--kagit);border:1px solid var(--cizgi);border-radius:16px;box-shadow:0 12px 30px rgba(31,37,35,.12)}
.dil-ac nav a{padding:9px 12px;border-radius:10px;text-align:center;color:var(--grafit-2)}
.dil-ac nav a[aria-current]{background:var(--grafit);color:var(--kagit)}
@media (max-width:900px){.dil{display:none}.dil-ac{display:block}}
@media (max-width:389px){.dil-ac summary{width:25px;height:25px;font-size:10px}}
/* yabancı dil yazı tipleri: Lexend'de Kiril ve Arap harfi yok */
html[lang=ru]{--b:'Onest',system-ui,sans-serif;--m:'Onest',system-ui,sans-serif}
html[lang=ar]{--b:'IBM Plex Sans Arabic',system-ui,sans-serif;--m:'IBM Plex Sans Arabic',system-ui,sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .ust-etiket,[dir=rtl] .dil,[dir=rtl] .menu{letter-spacing:0}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{line-height:1.3}
@media (max-width:1180px){.dil{display:none}.dil-ac{display:block}}
@media (max-width:420px){.ust{gap:6px}.sosyal a{width:25px;height:25px}.sosyal svg{width:14px;height:14px}.dugme-kucuk{padding:0 10px}}
@media (max-width:389px){.sosyal a{width:24px;height:24px}}
/* Arapça (sağdan sola): yatay kayan bölüm Türkçe düzeni korur, yalnız metinler sağdan sola */
[dir=rtl] .mutfak-pin,[dir=rtl] .serit{direction:ltr}
[dir=rtl] .mutfak-metin,[dir=rtl] .kul{direction:rtl}
[dir=rtl] .sayac{letter-spacing:0}
[dir=rtl] .ray-ipucu,[dir=rtl] .film-ipucu,[dir=rtl] .kaynak{letter-spacing:0}