/* Ramazan Vinç Platform — vinckutahya.com.tr */
:root{
  --bg:#0f1013; --bg2:#15161a; --panel:#1b1c21; --line:#2b2d33;
  --tx:#eceef1; --mu:#a4a9b1;
  --y:#FFC20E; --y2:#e0a800; --r:#E0231C; --wa:#1faa53;
  --acik:#f4f1ea; --acik-tx:#17181c; --acik-mu:#5b5f66;
  --rad:14px; --kap:1220px;
  --fh:"Barlow Condensed",system-ui,sans-serif; --fb:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 var(--fb);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,.h3,.h4{font-family:var(--fh);font-weight:800;line-height:1.05;letter-spacing:.2px;margin:0 0 .5em;text-transform:uppercase}
h1{font-size:clamp(2.4rem,5vw,4.2rem)}
h2{font-size:clamp(2rem,3.8vw,3.1rem)}
h3,.h3{font-size:1.5rem}
.h4{font-size:1.25rem}
h1 em,h2 em{font-style:normal;color:var(--y)}
p{margin:0 0 1em}
svg{fill:currentColor}
.kap{width:min(var(--kap),100% - 32px);margin-inline:auto}
.dar{width:min(860px,100% - 32px)}
.skip{position:absolute;left:-999px;top:0;background:var(--y);color:#000;padding:8px 14px;z-index:999}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--y);outline-offset:3px}

/* düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 1rem/1 var(--fb);padding:14px 22px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn:hover{transform:translateY(-2px)}
.btn-b{padding:17px 26px;font-size:1.06rem}
.btn-y{background:var(--y);color:#111}
.btn-y:hover{background:#ffd23f;box-shadow:0 10px 30px -10px rgba(255,194,14,.6)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:#23bf5e}
.btn-k{background:var(--acik-tx);color:#fff}
.btn-cz{border-color:var(--line);color:var(--tx)}
.btn-cz:hover{border-color:var(--y);color:var(--y)}

/* üst bant + başlık */
.ustbant{background:#08090b;font-size:.84rem;color:var(--mu);border-bottom:1px solid var(--line)}
.ustbant .kap{display:flex;justify-content:space-between;gap:16px;padding:8px 0}
.ustbant span,.ustbant a{display:inline-flex;align-items:center;gap:6px}
.ustbant svg{width:14px;height:14px;color:var(--y)}
.ustbant a{color:var(--tx);font-weight:600}
.bas{position:sticky;top:0;z-index:50;background:rgba(15,16,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.bas.golge{box-shadow:0 10px 30px -12px rgba(0,0,0,.7)}
.bas-ic{display:flex;align-items:center;gap:24px;min-height:78px}
.logo img{width:132px;height:auto;transition:width .3s}
.bas.golge .logo img{width:110px}
.menu{display:flex;align-items:center;gap:4px;margin-left:auto}
.menu>a,.acilir>a{display:inline-flex;align-items:center;gap:4px;padding:10px 14px;font-weight:600;font-size:.97rem;border-radius:8px;color:#d9dce0}
.menu>a:hover,.acilir>a:hover,.menu a.on{color:var(--y)}
.acilir{position:relative}
.acilir>a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.acilir-ic{position:absolute;top:100%;left:0;min-width:270px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--y);border-radius:0 0 12px 12px;padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.acilir:hover .acilir-ic,.acilir:focus-within .acilir-ic{opacity:1;visibility:visible;transform:none}
.acilir-ic a{display:block;padding:9px 12px;border-radius:8px;font-size:.94rem}
.acilir-ic a:hover{background:#25272d;color:var(--y)}
.menu .menu-cta{display:none;color:#111}
.bas-cta{padding:12px 18px}
.hamb{display:none;margin-left:auto;background:none;border:0;width:46px;height:46px;cursor:pointer;padding:10px}
.hamb span{display:block;height:3px;background:var(--tx);margin:5px 0;border-radius:2px;transition:.3s}
.hamb[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamb[aria-expanded=true] span:nth-child(2){opacity:0}
.hamb[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* kanca simgesi (üst başlıklar) */
.ust{display:inline-flex;align-items:center;gap:10px;font:700 .82rem/1 var(--fb);letter-spacing:2px;text-transform:uppercase;color:var(--y);margin-bottom:14px}
.kanca{position:relative;width:14px;height:22px;flex:none;transform-origin:50% 0;animation:sallan 3.2s ease-in-out infinite}
.kanca::before{content:"";position:absolute;left:6px;top:-6px;width:2px;height:12px;background:currentColor}
.kanca::after{content:"";position:absolute;left:1px;top:6px;width:10px;height:10px;border:2.5px solid currentColor;border-top-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-45deg)}
@keyframes sallan{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}

/* hero */
.hero{position:relative;overflow:hidden;padding:64px 0 0;background:radial-gradient(1200px 500px at 80% 0%,rgba(255,194,14,.12),transparent 60%),var(--bg)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:.12;filter:grayscale(.6);mask-image:linear-gradient(180deg,#000 30%,transparent 95%)}
.hero-ic{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:24px;align-items:end}
.hero-txt{padding-bottom:84px}
.hero-txt h1{margin-bottom:.35em}
.hero-txt h1 em{position:relative;display:inline-block}
.hero-txt h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.12em;background:repeating-linear-gradient(45deg,var(--y) 0 10px,#111 10px 20px);border-radius:2px;transform-origin:left;animation:serit-ac 1.2s .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes serit-ac{from{transform:scaleX(0)}}
.hero-p{font-size:1.12rem;color:#c8ccd2;max-width:560px}
.hero-btn{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 26px}
.hero-rozet{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--mu);font-size:.92rem}
.hero-rozet li{display:flex;align-items:center;gap:8px}
.hero-rozet li::before{content:"";width:8px;height:8px;background:var(--y);transform:rotate(45deg)}
.hero-vinc{align-self:end;margin-right:-6%}
.vinc-svg{width:100%;height:auto;display:block;color:#fff;overflow:visible}
.vinc-svg .v-yazi{font:800 15px var(--fh);fill:#141518;letter-spacing:1px}
.vinc-svg .v-boomyazi{font:800 13px var(--fh);fill:#141518;letter-spacing:3px}
.vinc-svg .v-rv{font:800 24px var(--fh);fill:#fff;letter-spacing:1px}
.vinc-svg .v-no{font:800 15px var(--fh);fill:#141518}
.vinc-svg .v-lbl{font:800 15px var(--fh);fill:var(--y);letter-spacing:1px}
.vinc-svg .v-tag{font:800 13px var(--fh);fill:#8d939b;letter-spacing:3px}
.vinc-svg .sling{transition:opacity .2s}
.v-isik{animation:isik 1s steps(2) infinite}
@keyframes isik{50%{fill:#ff6a00}}

/* kayan şerit */
.serit{background:var(--y);color:#111;overflow:hidden;border-block:3px solid #111;position:relative;z-index:2}
.serit-ic{display:flex;width:max-content;animation:kay 40s linear infinite}
.serit span{font:800 1.3rem/1 var(--fh);text-transform:uppercase;letter-spacing:1px;padding:16px 28px;display:flex;align-items:center;gap:28px}
.serit span::after{content:"";width:12px;height:12px;background:#111;transform:rotate(45deg)}
@keyframes kay{to{transform:translateX(-50%)}}

/* bölümler */
.bolum{padding:100px 0}
.bolum-koyu{background:var(--bg2)}
.bolum-acik{background:var(--acik);color:var(--acik-tx)}
.bolum-acik .ust{color:#b37f00}
.bolum-acik h2 em{color:#c58c00}
.bolum-bas{max-width:760px;margin-bottom:54px}
.bolum-bas p{color:var(--mu);font-size:1.08rem}
.bolum-bas-yan{display:flex;justify-content:space-between;align-items:end;gap:24px;max-width:none}

/* hizmet kartları: kancadan inerek yerleşir */
.kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.kart{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);transition:border-color .3s,box-shadow .3s}
.kart:hover{border-color:var(--y);box-shadow:0 20px 40px -20px rgba(255,194,14,.35)}
.kart-img{aspect-ratio:4/3;overflow:hidden;border-radius:var(--rad) var(--rad) 0 0}
.kart-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.kart:hover .kart-img img{transform:scale(1.06)}
.kart-txt{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.kart-no{font:800 .9rem var(--fh);color:var(--y);letter-spacing:2px}
.kart h3,.kart .h3{font-size:1.45rem;margin:.2em 0 .45em}
.kart p{color:var(--mu);font-size:.94rem;flex:1}
.kart-ok{font-weight:700;font-size:.92rem;color:var(--y)}
.kart-ip{position:absolute;left:50%;bottom:100%;width:2px;height:0;background:#d9dce0;pointer-events:none}
.kart-ip::after{content:"";position:absolute;left:-6px;bottom:-4px;width:14px;height:14px;border-radius:50%;background:var(--r);border:3px solid var(--y)}
.js .asili{opacity:0;transform:translateY(-150px) rotate(-3deg);transform-origin:50% 0}
.js .asili .kart-ip{height:150px}
.asili.in{animation:indir 1.25s cubic-bezier(.3,.7,.3,1) both;animation-delay:calc(var(--g) * .13s)}
.asili.in .kart-ip{animation:halat-topla .6s ease-in both;animation-delay:calc(var(--g) * .13s + 1.1s)}
@keyframes indir{0%{opacity:0;transform:translateY(-150px) rotate(-3deg)}15%{opacity:1}60%{transform:translateY(8px) rotate(2deg)}78%{transform:translateY(-3px) rotate(-1deg)}100%{opacity:1;transform:none}}
@keyframes halat-topla{from{height:150px;opacity:1}to{height:0;opacity:0}}

/* scroll sahnesi */
.sahne{position:relative;height:420vh;background:linear-gradient(180deg,var(--bg) 0%,#121317 100%);border-top:1px solid var(--line)}
.sahne-yapis{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.sahne-yapis::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 60% 60%,#000 30%,transparent 75%)}
.sahne-ic{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.adimlar{list-style:none;margin:26px 0 0;padding:0;counter-reset:a}
.adim{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--line);opacity:.35;transition:opacity .4s}
.adim h3{font-size:1.35rem;margin:0 0 .25em}
.adim p{margin:0;color:var(--mu);font-size:.95rem;max-height:0;overflow:hidden;transition:max-height .5s}
.adim.on{opacity:1}
.adim.on p{max-height:120px}
.adim.done{opacity:.6}
.adim-no{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:800 1.1rem var(--fh);border:2px solid var(--line);transition:.4s}
.adim.on .adim-no{background:var(--y);border-color:var(--y);color:#111}
.adim.done .adim-no{border-color:var(--y);color:var(--y)}
.sahne-ipucu{margin-top:18px;color:var(--mu);font-size:.85rem;animation:ipucu 1.6s ease-in-out infinite}
@keyframes ipucu{50%{transform:translateY(5px);opacity:.5}}

/* sayılar */
.sayilar{background:var(--y);color:#111;padding:54px 0}
.sayi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sayi{border-left:3px solid #111;padding-left:18px}
.sayi strong{display:block;font:800 clamp(2.6rem,5vw,3.8rem)/1 var(--fh)}
.sayi>span{font-weight:600;font-size:.95rem}

/* galeri */
.galeri-on{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,210px);grid-template-areas:"a b b c" "a d e c" "f f e c";gap:14px}
.galeri-on .g0{grid-area:a}.galeri-on .g1{grid-area:b}.galeri-on .g2{grid-area:c}.galeri-on .g3{grid-area:d}.galeri-on .g4{grid-area:e}.galeri-on .g5{grid-area:f}
.galeri-tum{columns:3 300px;column-gap:14px}
.galeri-tum .g-oge{margin-bottom:14px;break-inside:avoid}
.galeri-tum img{width:100%}
.g-oge{position:relative;display:block;overflow:hidden;border-radius:12px;background:#222}
.galeri-on .g-oge img{width:100%;height:100%;object-fit:cover}
.g-oge img{transition:transform .7s,filter .4s}
.g-oge:hover img{transform:scale(1.05);filter:brightness(.8)}
.g-oge span{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-weight:600;font-size:.92rem;transform:translateY(6px);opacity:.92;transition:.3s}
.g-oge:hover span{transform:none;opacity:1}
.js .belir{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.js .belir.in{opacity:1;transform:none}

/* ikili */
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ikili-img{position:relative}
.ikili-img img{border-radius:var(--rad);width:100%;aspect-ratio:4/3;object-fit:cover}
.ikili-etiket{position:absolute;right:-18px;bottom:-18px;background:var(--y);color:#111;padding:18px 22px;border-radius:12px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5)}
.ikili-etiket strong{display:block;font:800 1.6rem/1 var(--fh);text-transform:uppercase}
.ikili-etiket span{font-size:.88rem;font-weight:600}
.yazi{font-size:1.02rem}
.yazi h2{font-size:1.8rem;margin-top:1.4em}
.yazi ul{padding-left:0;list-style:none}
.yazi li{position:relative;padding-left:26px;margin:.45em 0}
.yazi li::before{content:"";position:absolute;left:4px;top:.6em;width:9px;height:9px;background:var(--y);transform:rotate(45deg)}
.bolum-acik .yazi p{color:var(--acik-mu)}

/* sss */
.sss details{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:var(--panel);transition:border-color .3s}
.sss details[open]{border-color:var(--y)}
.sss summary{cursor:pointer;list-style:none;padding:20px 56px 20px 22px;font-weight:700;font-size:1.05rem;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font:800 1.6rem var(--fh);color:var(--y);transition:transform .3s}
.sss details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.sss details p{padding:0 22px 20px;margin:0;color:var(--mu)}

/* harita */
.bolum-harita{padding-top:0}
.harita-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.harita-bilgi p{color:var(--mu)}
.harita{border-radius:var(--rad);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10}
.harita iframe,.bolum-harita-tam iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.3) contrast(1.05)}
.bolum-harita-tam{height:420px}

/* CTA + footer */
.cta-bant{position:relative;background:#101114 url('/assets/img/cta-bg.webp') center/cover;padding:90px 0}
.cta-bant::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,13,.95) 30%,rgba(10,11,13,.6))}
.cta-ic{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta-ic h2{max-width:640px}
.cta-ic p{color:#c8ccd2}
.cta-btn{display:flex;flex-direction:column;gap:12px}
.alt{background:#08090b;color:var(--mu);font-size:.95rem}
.hz-serit{height:10px;background:repeating-linear-gradient(45deg,var(--y) 0 18px,#111 18px 36px)}
.alt-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px;padding:64px 0 40px}
.alt h3{color:var(--tx);font-size:1.2rem;margin-bottom:1em}
.alt ul{list-style:none;margin:0;padding:0}
.alt li{margin:.5em 0}
.alt a:hover{color:var(--y)}
.alt-txt{margin-top:16px}
.sosyal{display:flex;gap:12px;margin-top:14px}
.sosyal a{color:var(--tx);font-weight:600}
.alt-son{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid var(--line);font-size:.85rem}

/* yüzen düğmeler */
.yuzen{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:12px}
.yuzen a{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s}
.yuzen a:hover{transform:scale(1.08)}
.yuzen svg{width:28px;height:28px}
.y-wa{background:var(--wa);color:#fff}
.y-tel{background:var(--y);color:#111;animation:zil 3s ease-in-out infinite}
@keyframes zil{0%,86%,100%{transform:none}88%,92%,96%{transform:rotate(-14deg)}90%,94%{transform:rotate(14deg)}}

/* iç sayfa başlığı: kancadan sarkan başlık */
.sayfa-bas{position:relative;overflow:hidden;padding:56px 0 64px;background:var(--bg2);border-bottom:1px solid var(--line)}
.sayfa-bas-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;filter:grayscale(.4)}
.sayfa-bas::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg2) 20%,rgba(21,22,26,.4))}
.sayfa-bas .kap{position:relative;z-index:1}
.yol{font-size:.86rem;color:var(--mu);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.yol i{font-style:normal;opacity:.5}
.yol a:hover{color:var(--y)}
.asili-baslik{position:relative;display:inline-block;padding-top:6px;transform-origin:calc(100% - 40px) -60px;animation:baslik-in 1.4s cubic-bezier(.3,.7,.3,1) both}
.asili-baslik .halat{position:absolute;right:40px;bottom:100%;width:2px;height:60px;background:#d9dce0}
.asili-baslik .halat::after{content:"";position:absolute;left:-7px;bottom:-6px;width:16px;height:12px;background:var(--r);border-radius:3px}
.asili-baslik h1{background:var(--y);color:#111;padding:14px 22px 10px;border-radius:6px;margin:0;font-size:clamp(2rem,4.4vw,3.4rem);box-shadow:0 18px 30px -16px rgba(0,0,0,.7)}
@keyframes baslik-in{0%{transform:translateY(-120px) rotate(-4deg);opacity:0}20%{opacity:1}55%{transform:translateY(6px) rotate(2.5deg)}75%{transform:translateY(-2px) rotate(-1deg)}100%{transform:none}}
.sayfa-alt{margin:22px 0 0;color:#c8ccd2;max-width:640px;font-size:1.05rem}

/* detay */
.detay{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.detay-img{margin:0 0 30px}
.detay-img img{border-radius:var(--rad);width:100%;max-height:560px;object-fit:cover}
.detay-ana .yazi p{color:#c8ccd2}
.detay-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.yan{position:sticky;top:110px;display:grid;gap:18px}
.yan-kutu{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:24px}
.yan-ara{border-top:4px solid var(--y)}
.yan-tel{display:block;font:800 2rem/1.1 var(--fh);color:var(--y);margin-bottom:10px}
.yan-ara p:not(.ust){color:var(--mu);font-size:.93rem}
.yan-liste{list-style:none;margin:0;padding:0}
.yan-liste a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.yan-liste a:hover{color:var(--y);padding-left:6px;transition:.2s}

/* değerler */
.deger-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.deger{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:28px;border-top:4px solid var(--y)}
.deger p{color:var(--mu);margin:0}

/* iletişim */
.ilet-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.ilet-kartlar{display:grid;gap:14px}
.ilet-kart{display:block;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--y);border-radius:12px;padding:20px 22px;transition:border-color .3s,transform .3s}
a.ilet-kart:hover{transform:translateX(4px);border-color:var(--y)}
.ilet-kart.wa{border-left-color:var(--wa)}
.ilet-kart span{display:block;color:var(--mu);font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}
.ilet-kart strong{font:800 1.7rem/1.2 var(--fh)}
.ilet-kart strong.kucuk{font:600 1rem/1.5 var(--fb)}
.form{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:32px;display:grid;gap:16px}
.form h2{font-size:2rem;margin:0}
.form label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.form input,.form select,.form textarea{font:inherit;color:var(--tx);background:#111215;border:1px solid var(--line);border-radius:10px;padding:13px 14px;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--y)}
.gizli{position:absolute;left:-9999px}
.uyari{padding:14px 16px;border-radius:10px;margin:0;font-weight:600}
.uyari.ok{background:rgba(31,170,83,.15);color:#6fe39c}
.uyari.hata{background:rgba(224,35,28,.15);color:#ff8b86}

/* 404 */
.yok{text-align:center}
.yok-kanca{position:relative;height:220px;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:sallan 3s ease-in-out infinite}
.yok-kanca .halat{width:2px;flex:1;background:#d9dce0}
.yok-kutu{background:var(--y);color:#111;font:800 4rem/1 var(--fh);padding:16px 32px;border-radius:8px}
.yok p{color:var(--mu)}

/* ışık kutusu */
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,5,7,.94);display:none;align-items:center;justify-content:center;flex-direction:column;padding:20px}
.lb.ac{display:flex}
.lb img{max-height:82vh;width:auto;border-radius:8px}
.lb p{margin:14px 0 0;color:var(--tx)}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:2.4rem;cursor:pointer;padding:12px 18px}
.lb .kapat{top:10px;right:10px}
.lb .onc{left:6px;top:50%}
.lb .snr{right:6px;top:50%}

/* duyarlı */
@media (max-width:1100px){
  .kartlar{grid-template-columns:repeat(2,1fr)}
  .deger-grid{grid-template-columns:repeat(2,1fr)}
  .alt-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  .bas{backdrop-filter:none;background:#0f1013}
  .bas-cta{display:none}
  .hamb{display:block}
  .menu{position:fixed;inset:0 0 0 auto;top:0;width:min(340px,86vw);flex-direction:column;align-items:stretch;background:var(--panel);padding:90px 20px 30px;gap:2px;transform:translateX(100%);transition:transform .35s;overflow-y:auto;border-left:3px solid var(--y);z-index:-1}
  .menu.ac{transform:none}
  .menu>a,.acilir>a{font-size:1.1rem;padding:14px 12px}
  .acilir-ic{position:static;opacity:1;visibility:visible;transform:none;border:0;background:none;padding:0 0 0 12px;min-width:0}
  .menu .menu-cta{display:flex;margin-top:14px}
  .hero-ic{grid-template-columns:1fr}
  .hero-txt{padding-bottom:10px}
  .hero-vinc{margin:0 -16px}
  .sahne-ic{grid-template-columns:1fr;gap:10px}
  .sahne-txt h2{font-size:1.8rem;margin-bottom:0}
  .sahne-txt .ust{margin-bottom:6px}
  .adimlar{margin-top:10px}
  .adim{padding:8px 0}
  .adim:not(.on){display:none}
  .sahne-ipucu{display:none}
  .ikili,.harita-grid,.ilet-grid,.detay{grid-template-columns:1fr}
  .ikili{gap:40px}
  .yan{position:static}
  .cta-ic{flex-direction:column;align-items:flex-start}
  .galeri-on{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:170px;grid-template-areas:none}
  .galeri-on .g-oge{grid-area:auto}
  .galeri-on .g0,.galeri-on .g5{grid-column:span 2}
  .sahne-vinc{margin:0 -16px}
  body.menu-acik .yuzen{display:none}
  .sayi-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}
  .bolum-bas-yan{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .ustbant span{display:none}
  .ustbant .kap{justify-content:flex-end}
  .bolum{padding:70px 0}
  .kartlar,.deger-grid,.alt-grid{grid-template-columns:1fr}
  .hero{padding-top:36px}
  .hero-btn .btn{width:100%}
  .ikili-etiket{right:10px;bottom:-14px}
  .alt-son{flex-direction:column}
  .cta-btn{width:100%}
  .yuzen a{width:52px;height:52px}
  .form{padding:22px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .asili,.js .belir{opacity:1;transform:none}
  .js .asili .kart-ip{height:0}
  .sahne{height:auto}
  .sahne-yapis{position:relative;height:auto;padding:80px 0}
  .adim p{max-height:none}
  .adim{opacity:1}
  html{scroll-behavior:auto}
}