/* =========================================================
   Op. Dr. Mehmet Demirkaya — Ortopedi ve Travmatoloji
   Kreatone Studio
   ========================================================= */

:root{
  --navy-900:#08192A;
  --navy-800:#0D2739;
  --navy-700:#15384E;
  --teal:#0F94AC;
  --teal-600:#0C7C91;
  --teal-300:#3FC6DC;
  --ice:#EEF4F6;
  --ice-2:#F7FAFB;
  --paper:#FFFFFF;
  --ink:#0F2029;
  --muted:#5C7583;
  --line:#DCE7EB;
  --wa:#25A34A;

  --wrap:1240px;
  --r:14px;
  --shadow:0 1px 2px rgba(15,32,41,.05), 0 10px 30px rgba(15,32,41,.07);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:104px}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:16.5px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block; height:auto}
a{color:inherit; text-decoration:none}
h1,h2,h3,h4{font-family:"Archivo",system-ui,sans-serif; margin:0; letter-spacing:-.022em; line-height:1.12; font-weight:700}
h1{font-size:clamp(2.15rem,4.4vw,3.65rem); font-weight:800}
h2{font-size:clamp(1.6rem,2.9vw,2.5rem)}
h3{font-size:1.12rem}
p{margin:0 0 1rem}
.wrap{width:100%; max-width:var(--wrap); margin:0 auto; padding:0 24px}
.i{width:1em; height:1em; fill:currentColor}
::selection{background:var(--teal-300); color:var(--navy-900)}
:focus-visible{outline:2px solid var(--teal); outline-offset:3px; border-radius:4px}

.eyebrow{
  font-family:"IBM Plex Mono",monospace; font-size:.735rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--teal-600); margin:0 0 .85rem; font-weight:500;
}
.eyebrow--light{color:var(--teal-300)}

/* ---------- BUTON ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  font-family:"Archivo",sans-serif; font-weight:600; font-size:.94rem;
  padding:.78rem 1.4rem; border-radius:9px; border:1px solid transparent;
  cursor:pointer; transition:.22s ease; white-space:nowrap;
}
.btn--teal{background:var(--teal); color:#fff; box-shadow:0 6px 16px rgba(15,148,172,.26)}
.btn--teal:hover{background:var(--teal-600); transform:translateY(-1px)}
.btn--ghost{background:transparent; color:#DCEAF0; border-color:rgba(220,234,240,.32)}
.btn--ghost:hover{background:rgba(255,255,255,.08); border-color:rgba(220,234,240,.6)}
.btn--lg{padding:.95rem 1.7rem; font-size:1rem}
.btn--full{width:100%; padding:.95rem}
.btn .i{font-size:1.15em}

/* ---------- TOPBAR ---------- */
.topbar{background:var(--navy-900); color:#9FB6C2; font-size:.815rem}
.topbar__in{display:flex; align-items:center; gap:.85rem; height:40px}
.topbar__item{display:flex; align-items:center; gap:.4rem}
.topbar__item .i{color:var(--teal-300)}
.topbar__sep{width:1px; height:14px; background:rgba(255,255,255,.16)}
.topbar__right{margin-left:auto; display:flex; align-items:center; gap:.5rem; font-family:"IBM Plex Mono",monospace}
.topbar__tel{color:#DDEAF0} .topbar__tel:hover{color:var(--teal-300)}
.topbar__slash{opacity:.4}

/* ---------- HEADER ---------- */
.hdr{position:sticky; top:0; z-index:60; background:rgba(255,255,255,.94); backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.hdr.is-stuck{box-shadow:0 6px 24px rgba(15,32,41,.09)}
.hdr__in{display:flex; align-items:center; justify-content:space-between; gap:1.25rem; height:76px; position:relative}
.brand{display:flex; align-items:center; gap:.75rem; flex:0 1 auto; min-width:0}
.brand__logo{width:52px; height:52px; border-radius:50%}
.brand__txt{display:flex; flex-direction:column; line-height:1.25}
.brand__txt strong{font-family:"Archivo",sans-serif; font-size:1.02rem; font-weight:700; letter-spacing:-.02em}
.brand__txt span{font-family:"IBM Plex Mono",monospace; font-size:.665rem; letter-spacing:.13em; text-transform:uppercase; color:var(--muted)}

.nav{margin-left:auto; display:flex; align-items:center; gap:1.5rem; flex:0 0 auto}
.nav>a{font-size:.925rem; font-weight:500; color:#294353; position:relative; padding:.3rem 0; transition:.2s}
.nav>a:not(.btn)::after{content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--teal); transition:right .28s ease}
.nav>a:not(.btn):hover::after,.nav>a.is-active::after{right:0}
.nav>a.is-active{color:var(--ink); font-weight:600}
.nav>a.nav__cta, .nav__cta{
  margin-left:.9rem; flex:0 0 auto; position:relative; display:inline-flex; align-items:center;
  gap:.95rem; height:48px; padding:0 7px 0 22px; border-radius:100px;
  background:var(--navy-800); color:#fff !important; white-space:nowrap;
  font-family:"Archivo",sans-serif; font-weight:600; font-size:.92rem; line-height:1; letter-spacing:.005em;
  box-shadow:0 3px 12px rgba(13,39,57,.22); overflow:hidden; isolation:isolate;
  transition:box-shadow .25s ease, transform .25s ease;
}
.nav__cta::after{display:none !important}
.nav__cta::before{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit;
  background:linear-gradient(120deg,var(--teal) 0%,#0B6E82 100%);
  opacity:0; transition:opacity .28s ease;
}
.nav__cta__t{position:relative; display:block; transform:translateY(-.5px)}
.nav__cta__ar{
  width:34px; height:34px; flex:0 0 34px; border-radius:50%;
  background:var(--teal); color:#fff; display:grid; place-items:center; font-size:.95rem;
  transition:background .28s ease, transform .28s ease;
}
.nav__cta:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(15,148,172,.34)}
.nav__cta:hover::before{opacity:1}
.nav__cta:hover .nav__cta__ar{background:#fff; color:var(--teal-600); transform:translateX(2px)}
.nav__cta:active{transform:translateY(0)}
.burger{display:none; flex:0 0 44px; width:44px; height:44px; margin-left:auto; background:none; border:1px solid var(--line); border-radius:9px; padding:0; cursor:pointer; flex-direction:column; gap:5px; align-items:center; justify-content:center}
.burger span{width:20px; height:2px; background:var(--ink); transition:.25s}
body.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .burger span:nth-child(2){opacity:0}
body.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- HERO ---------- */
.hero{position:relative; background:linear-gradient(160deg,var(--navy-900) 0%,var(--navy-800) 55%,#123246 100%); color:#E6F1F5; overflow:hidden}
.hero::before{
  content:""; position:absolute; top:-25%; right:-8%; width:62%; height:130%;
  background:radial-gradient(circle at 50% 45%, rgba(63,198,220,.20), transparent 62%);
  pointer-events:none;
}
.hero__grid-lines{
  position:absolute; inset:0; opacity:.4; pointer-events:none;
  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:64px 64px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 85%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 85%);
}
.hero__in{position:relative; display:grid; grid-template-columns:1.1fr .9fr; gap:3.5rem; align-items:center; padding:4.4rem 24px 4rem}
.hero h1{color:#fff}
.hero h1 .hl{color:var(--teal-300)}
.hero__lead{color:#B7CDD8; font-size:1.06rem; max-width:33rem; margin-top:1.35rem}
.hero__cta{display:flex; gap:.85rem; flex-wrap:wrap; margin-top:2rem}

.hero__facts{list-style:none; display:flex; gap:2.6rem; margin:3rem 0 0; padding:2rem 0 0; border-top:1px solid rgba(255,255,255,.13)}
.hero__facts b{display:block; font-family:"Archivo",sans-serif; font-size:1.75rem; font-weight:700; color:#fff; letter-spacing:-.03em}
.hero__facts span{font-size:.815rem; color:#93AEBC}

/* portre plakası */
.hero__media{position:relative; max-width:430px; margin-left:auto; width:100%}
.plate{
  position:relative; border-radius:18px; overflow:hidden;
  border:1px solid rgba(63,198,220,.3);
  box-shadow:0 30px 70px rgba(0,0,0,.42);
  background:var(--navy-800);
}
.plate img{width:100%; height:auto; aspect-ratio:5/6; object-fit:cover; object-position:50% 26%}
.plate::after{content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(8,25,42,.9) 0%,rgba(8,25,42,.25) 22%,transparent 46%)}
.plate__tag{
  position:absolute; right:14px; top:14px; z-index:3;
  font-family:"IBM Plex Mono",monospace; font-size:.68rem; letter-spacing:.08em;
  color:#E2EFF5; display:inline-flex; align-items:center; gap:.5rem;
  background:rgba(8,25,42,.7); border:1px solid rgba(255,255,255,.15);
  padding:.36rem .78rem; border-radius:100px; backdrop-filter:blur(6px);
}
.plate__tag .dot{width:7px; height:7px; border-radius:50%; background:var(--teal-300); box-shadow:0 0 0 4px rgba(63,198,220,.2)}

/* bölge şeridi */
.regionbar{position:relative; border-top:1px solid rgba(255,255,255,.1); background:rgba(0,0,0,.2)}
.regionbar__in{display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; padding-top:.9rem; padding-bottom:.9rem}
.regionbar__label{font-family:"IBM Plex Mono",monospace; font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:#7C98A7; margin-right:.6rem}
.regionbar a{
  font-size:.85rem; color:#CFE1E9; padding:.35rem .85rem; border-radius:100px;
  border:1px solid rgba(255,255,255,.14); transition:.2s;
}
.regionbar a:hover{border-color:var(--teal-300); color:#fff; background:rgba(63,198,220,.12)}

/* ---------- BÖLÜM ---------- */
.sec{padding:4.6rem 0}
.sec--ice{background:var(--ice)}
.sec__head{max-width:var(--wrap); margin:0 auto 2.6rem; padding:0 24px}
.sec__head--row{display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; flex-wrap:wrap}
.sec__note{color:var(--muted); font-size:.93rem; margin:0}
.link-more{font-family:"Archivo",sans-serif; font-weight:600; font-size:.93rem; color:var(--teal-600)}
.link-more:hover{color:var(--teal)}

/* ---------- HAKKIMDA ---------- */
.about{display:grid; grid-template-columns:.78fr 1.22fr; gap:3rem; align-items:start}
.about__media{position:relative; position:sticky; top:104px}
.about__media img{width:100%; height:auto; border-radius:var(--r); object-fit:cover; object-position:50% 30%; aspect-ratio:1/1; box-shadow:var(--shadow)}
.about__media::before{
  content:""; position:absolute; left:-14px; top:-14px; width:120px; height:120px;
  border-left:2px solid var(--teal); border-top:2px solid var(--teal); border-radius:4px 0 0 0; opacity:.5;
}
.about__body .lead{font-size:1.1rem; color:var(--ink)}
.about__body p{color:var(--muted)}
.ticks{list-style:none; padding:0; margin:1.8rem 0 0; display:grid; gap:.7rem}
.ticks li{position:relative; padding-left:1.9rem; color:var(--ink); font-size:.95rem}
.ticks li::before{
  content:""; position:absolute; left:0; top:.45em; width:16px; height:9px;
  border-left:2px solid var(--teal); border-bottom:2px solid var(--teal); transform:rotate(-45deg);
}
.about__sign{display:flex; align-items:center; gap:1rem; margin-top:2.2rem; padding-top:1.6rem; border-top:1px solid var(--line)}
.about__sign img{width:58px; height:58px; border-radius:50%; background:var(--navy-900)}
.about__sign strong{display:block; font-family:"Archivo",sans-serif; font-size:1rem}
.about__sign span{font-family:"IBM Plex Mono",monospace; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted)}

/* ---------- HİZMETLER ---------- */
.chips{display:flex; flex-wrap:wrap; gap:.55rem; margin-bottom:2.2rem}
.chip{
  font-family:"IBM Plex Sans",sans-serif; font-size:.875rem; font-weight:500;
  padding:.5rem 1.05rem; border-radius:100px; border:1px solid var(--line);
  background:var(--paper); color:#385464; cursor:pointer; transition:.2s;
}
.chip:hover{border-color:var(--teal); color:var(--teal-600)}
.chip.is-on{background:var(--navy-800); border-color:var(--navy-800); color:#fff}

.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem}
.card{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
  padding:1.6rem 1.5rem 1.5rem; position:relative; transition:.25s ease; overflow:hidden;
}
.card::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--teal); transform:scaleY(0); transform-origin:top; transition:transform .3s ease}
.card:hover{transform:translateY(-3px); box-shadow:var(--shadow); border-color:#C7DAE1}
.card:hover::before{transform:scaleY(1)}
.card__reg{
  font-family:"IBM Plex Mono",monospace; font-size:.66rem; letter-spacing:.15em;
  text-transform:uppercase; color:var(--teal-600); display:block; margin-bottom:.7rem;
}
.card h3{margin-bottom:.55rem}
.card p{color:var(--muted); font-size:.925rem; margin:0}

/* ---------- BAND ---------- */
.band{background:linear-gradient(120deg,var(--navy-800),var(--navy-900)); color:#E6F1F5}
.band__in{display:grid; grid-template-columns:.75fr 1.25fr; gap:3.2rem; align-items:center; padding:4rem 24px}
.band__img{max-width:400px}
.band__img img{width:100%; height:auto; border-radius:var(--r); aspect-ratio:1/1; object-fit:cover; object-position:50% 34%; border:1px solid rgba(63,198,220,.22); box-shadow:0 24px 60px rgba(0,0,0,.4)}
.band__copy h2{color:#fff; margin-bottom:1.2rem}
.band__copy p{color:#AFC7D3; max-width:36rem}
.band__copy .btn{margin-top:1rem}

/* ---------- SSS ---------- */
.faqwrap{display:grid; grid-template-columns:.7fr 1.3fr; gap:4rem; align-items:start}
.faq__side{position:sticky; top:112px}
.faq__side h2{margin-bottom:1rem}
.faq__side__p{color:var(--muted); font-size:.93rem; margin-bottom:1.4rem}
.faq{border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line)}
.q summary{
  list-style:none; cursor:pointer; padding:1.35rem 3rem 1.35rem 0; position:relative;
  font-family:"Archivo",sans-serif; font-weight:600; font-size:1.05rem; color:var(--ink); transition:color .2s;
}
.q summary::-webkit-details-marker{display:none}
.q summary:hover{color:var(--teal-600)}
.q summary::before,.q summary::after{
  content:""; position:absolute; right:6px; top:50%; background:var(--teal); transition:.28s ease;
}
.q summary::before{width:15px; height:2px; margin-top:-1px}
.q summary::after{width:2px; height:15px; margin-top:-7.5px; right:12.5px}
.q[open] summary::after{transform:rotate(90deg); opacity:0}
.q[open] summary{color:var(--teal-600)}
.q__a{padding:0 3rem 1.5rem 0}
.q__a p{color:var(--muted); margin:0; font-size:.97rem}

/* ---------- BLOG ---------- */
.posts{display:grid; grid-template-columns:repeat(3,1fr); gap:1.3rem}
.post{background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:1.7rem 1.6rem; transition:.25s}
.post:hover{transform:translateY(-3px); box-shadow:var(--shadow)}
.post__meta{display:flex; align-items:center; gap:.7rem; margin-bottom:.9rem; font-family:"IBM Plex Mono",monospace; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase}
.post__meta span{background:var(--ice); color:var(--teal-600); padding:.22rem .55rem; border-radius:4px}
.post__meta time{color:var(--muted)}
.post h3{font-size:1.15rem; line-height:1.3; margin-bottom:.6rem}
.post p{color:var(--muted); font-size:.92rem}
.post__go{font-family:"Archivo",sans-serif; font-weight:600; font-size:.87rem; color:var(--teal-600)}

/* ---------- İLETİŞİM ---------- */
.contact{display:grid; grid-template-columns:.9fr 1.1fr; gap:2.5rem; align-items:start}
.contact__info{display:grid; gap:.7rem; align-content:start}
.ci{display:flex; align-items:center; gap:1rem; padding:1.1rem 1.2rem; border:1px solid var(--line); border-radius:var(--r); background:var(--paper); transition:.2s}
.ci:hover{border-color:var(--teal); background:var(--ice-2)}
.ci--static:hover{border-color:var(--line); background:var(--paper)}
.ci__ic{width:44px; height:44px; flex:0 0 44px; border-radius:11px; background:var(--navy-800); color:var(--teal-300); display:grid; place-items:center; font-size:1.2rem}
.ci__tx{display:flex; flex-direction:column; line-height:1.35}
.ci__tx b{font-family:"Archivo",sans-serif; font-size:1.02rem; letter-spacing:-.01em}
.ci__tx i{font-style:normal; font-size:.815rem; color:var(--muted)}

.contact__form{background:var(--ice); border:1px solid var(--line); border-radius:var(--r); padding:2rem}
.contact__form h3{font-size:1.3rem; margin-bottom:.35rem}
.contact__sub{color:var(--muted); font-size:.93rem; margin-bottom:1.5rem}
.f2{display:grid; grid-template-columns:1fr 1fr; gap:1rem}
.contact__form label{display:block; font-size:.82rem; font-weight:600; color:#33505F; margin-bottom:1rem}
.contact__form input,.contact__form select,.contact__form textarea{
  width:100%; margin-top:.4rem; padding:.78rem .9rem; border:1px solid var(--line);
  border-radius:9px; background:var(--paper); color:var(--ink);
  font-family:inherit; font-size:.95rem; font-weight:400; transition:.2s;
}
.contact__form input:focus,.contact__form select:focus,.contact__form textarea:focus{border-color:var(--teal); outline:none; box-shadow:0 0 0 3px rgba(15,148,172,.14)}
.contact__form textarea{resize:vertical}
.chk{display:flex !important; align-items:flex-start; gap:.6rem; font-weight:400 !important; font-size:.85rem !important; color:var(--muted) !important}
.chk input{width:auto !important; margin:.2rem 0 0 !important; accent-color:var(--teal)}

/* ---------- FOOTER ---------- */
.ft{background:var(--navy-900); color:#A9C1CD; margin-top:0}
.ft__top{display:grid; grid-template-columns:1.5fr .85fr 1.05fr 1.05fr 1.05fr; gap:2.3rem; padding-top:4.5rem; padding-bottom:3.2rem}
.ft__logo{width:88px; height:88px; border-radius:50%; margin-bottom:1.1rem}
.ft__name{font-family:"Archivo",sans-serif; font-size:1.15rem; font-weight:700; color:#fff; margin:0}
.ft__role{font-family:"IBM Plex Mono",monospace; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--teal-300); margin:.25rem 0 1rem}
.ft__txt{font-size:.9rem; color:#8CA7B5; max-width:24rem}
.ft__soc{display:flex; gap:.6rem; margin-top:1.4rem}
.ft__soc a{width:40px; height:40px; border-radius:10px; border:1px solid rgba(255,255,255,.14); display:grid; place-items:center; font-size:1.05rem; color:#CFE1E9; transition:.2s}
.ft__soc a:hover{background:var(--teal); border-color:var(--teal); color:#fff}

.ft__col h4{font-family:"Archivo",sans-serif; font-size:.95rem; color:#fff; margin:0 0 1.1rem; letter-spacing:-.01em}
.ft__col ul{list-style:none; margin:0; padding:0; display:grid; gap:.6rem}
.ft__col ul a{font-size:.9rem; color:#9DB6C3; transition:.2s}
.ft__col ul a:hover{color:var(--teal-300); padding-left:4px}
.ft__contact li{display:flex; flex-direction:column; gap:.1rem}
.ft__contact span{font-family:"IBM Plex Mono",monospace; font-size:.66rem; letter-spacing:.13em; text-transform:uppercase; color:#5F7B8A}
.ft__contact a{color:#DDE9EE !important; font-size:.94rem}
.ft__hours{list-style:none; margin:0; padding:0; display:block}
.ft__hours li{display:flex; justify-content:space-between; align-items:center; gap:.8rem; font-size:.85rem; padding:.52rem 0; border-bottom:1px dashed rgba(255,255,255,.12)}
.ft__hours li span{color:#8CA7B5}
.ft__hours b{color:#DDE9EE; font-weight:600; font-family:"IBM Plex Mono",monospace; font-size:.78rem; letter-spacing:.02em}
.ft__hours b.off{color:#C9807F}
.ft__btn{display:inline-block; margin-top:1.3rem; font-family:"Archivo",sans-serif; font-weight:600; font-size:.83rem; color:var(--teal-300); border:1px solid rgba(63,198,220,.35); padding:.58rem 1rem; border-radius:8px; transition:.2s}
.ft__btn:hover{background:var(--teal); border-color:var(--teal); color:#fff}

.ft__note{font-size:.82rem; color:#6E8B9A; padding-bottom:1.8rem; border-top:1px solid rgba(255,255,255,.08); padding-top:1.6rem}
.ft__bar{background:rgba(0,0,0,.28); border-top:1px solid rgba(255,255,255,.06)}
.ft__bar__in{display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding-top:1.1rem; padding-bottom:1.1rem; font-size:.82rem; color:#7794A3}
.ft__by a{color:var(--teal-300)}

/* ---------- SABİT BUTONLAR ---------- */
.fab{position:fixed; right:20px; bottom:22px; z-index:80; display:flex; flex-direction:column; gap:.65rem}
.fab__btn{
  width:54px; height:54px; border-radius:50%; display:grid; place-items:center;
  color:#fff; font-size:1.5rem; position:relative; transition:.22s ease;
  box-shadow:0 8px 22px rgba(8,25,42,.28);
}
.fab__btn--wa{background:var(--wa)}
.fab__btn--tel{background:var(--teal)}
.fab__btn:hover{transform:scale(1.07)}
.fab__btn::after{
  content:""; position:absolute; inset:0; border-radius:50%;
  border:2px solid currentColor; opacity:.5; animation:pulse 2.4s ease-out infinite;
}
.fab__btn--tel::after{animation-delay:1.2s}
@keyframes pulse{0%{transform:scale(1);opacity:.5} 70%{transform:scale(1.45);opacity:0} 100%{opacity:0}}
.fab__tip{
  position:absolute; right:64px; top:50%; transform:translateY(-50%) translateX(8px);
  background:var(--navy-900); color:#fff; font-family:"IBM Plex Sans",sans-serif;
  font-size:.8rem; padding:.42rem .8rem; border-radius:7px; white-space:nowrap;
  opacity:0; pointer-events:none; transition:.22s;
}
.fab__btn:hover .fab__tip{opacity:1; transform:translateY(-50%) translateX(0)}

/* ---------- REVEAL ---------- */
.rv{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease}
.rv.in{opacity:1; transform:none}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
  .hero__in{grid-template-columns:1fr; gap:3rem; padding-top:4rem}
  .hero__media{max-width:380px; margin:0}
  .about,.band__in,.contact,.faqwrap{grid-template-columns:1fr; gap:2.2rem}
  .faq__side{position:static; margin-bottom:.5rem}
  .about__media{position:relative; top:auto; max-width:400px}
  .cards,.posts{grid-template-columns:repeat(2,1fr)}
  .ft__top{grid-template-columns:repeat(3,1fr); gap:2.2rem}
  .ft__col--brand{grid-column:1/-1; max-width:34rem}
  .band__img{max-width:360px}
}
@media (max-width:860px){
  .topbar__item:nth-child(3){display:none}
  .burger{display:flex}
  .nav{
    position:absolute; top:100%; left:0; right:0; margin:0;
    background:var(--paper); flex-direction:column; align-items:stretch; gap:0;
    padding:.25rem 24px 1.25rem; border-bottom:1px solid var(--line);
    box-shadow:0 22px 40px rgba(15,32,41,.14);
    transform:translateY(-12px); opacity:0; visibility:hidden; pointer-events:none;
    transition:transform .28s ease, opacity .22s ease, visibility .28s;
  }
  body.nav-open .nav{transform:translateY(0); opacity:1; visibility:visible; pointer-events:auto}
  .nav>a{padding:.95rem .25rem; border-bottom:1px solid var(--line); font-size:1rem; text-align:left}
  .nav>a:not(.btn)::after{display:none}
  .nav>a.nav__cta{margin:1.15rem 0 0; height:52px; justify-content:center; padding:0 7px 0 22px; border-bottom:none !important; font-size:.98rem}
  .nav__cta__ar{margin-left:.2rem}
  .hero__facts{gap:1.6rem; flex-wrap:wrap}
  .hero__facts b{font-size:1.4rem}
}
@media (max-width:680px){
  html{scroll-padding-top:80px}
  .sec{padding:3.8rem 0}
  .sec__head{margin-bottom:2.2rem}
  .cards,.posts,.f2{grid-template-columns:1fr}
  .ft__top{grid-template-columns:1fr; padding-top:3.2rem; gap:1.8rem}
  .topbar__in{justify-content:center}
  .topbar__right{margin-left:0; font-size:.78rem}
  .topbar__item:nth-child(1){display:none}
  .topbar__sep{display:none}
  .brand__logo{width:44px; height:44px}
  .brand__txt strong{font-size:.9rem}
  .hdr__in{height:66px}
  .contact__form{padding:1.4rem}
  .fab{bottom:14px; right:14px}
  .fab__btn{width:50px; height:50px; font-size:1.35rem}
  .fab__tip{display:none}
  .q summary{font-size:.98rem; padding-right:2.4rem}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important; scroll-behavior:auto}
  .rv{opacity:1; transform:none}
}

/* =========================================================
   CMS EK STILLERI — ic sayfalar, panel disi bilesenler
   ========================================================= */

.atla{position:absolute;left:-9999px;top:0;background:var(--teal);color:#fff;padding:.7rem 1.1rem;z-index:200;border-radius:0 0 8px 0}
.atla:focus{left:0}

/* --- ic sayfa hero --- */
.ic-hero{
  background:linear-gradient(155deg,var(--navy-900) 0%,var(--navy-800) 60%,#123246 100%);
  color:#E6F1F5; padding:3.6rem 0 3.4rem; position:relative; overflow:hidden;
}
.ic-hero::before{content:"";position:absolute;top:-40%;right:-6%;width:52%;height:160%;
  background:radial-gradient(circle at 50% 50%,rgba(63,198,220,.16),transparent 62%);pointer-events:none}
.ic-hero--sm{padding:3rem 0 2.8rem}
.ic-hero h1{color:#fff;font-size:clamp(1.8rem,3.4vw,2.9rem);margin:.2rem 0 0}
.ic-hero__lead{color:#B7CDD8;max-width:44rem;margin-top:1rem;font-size:1.03rem}
.ic-hero__cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.7rem}
.brd{font-size:.82rem;color:#8CA9B8;margin-bottom:1.4rem;font-family:"IBM Plex Mono",monospace}
.brd a{color:#B7CDD8}.brd a:hover{color:var(--teal-300)}
.brd span{opacity:.4;margin:0 .35rem}

/* --- hakkimda / cv --- */
.about--sayfa .about__media img{aspect-ratio:1/1;max-height:460px}
.h2s{font-size:1.5rem;margin-bottom:1rem}
.cv{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}
.cv__h{font-size:1.08rem;margin-bottom:1.3rem;padding-bottom:.7rem;border-bottom:2px solid var(--teal);display:inline-block}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tl li{position:relative;padding:0 0 1.5rem 2.2rem}
.tl li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;
  background:var(--paper);border:2px solid var(--teal);z-index:1}
.tl__y{display:block;font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.1em;
  color:var(--teal-600);margin-bottom:.2rem}
.tl b{display:block;font-family:"Archivo",sans-serif;font-size:1rem;line-height:1.35}
.tl i{display:block;font-style:normal;font-size:.9rem;color:var(--muted);margin-top:.15rem}
.ticks--sik li{margin-bottom:.55rem;font-size:.93rem}
.ticks--sik b{font-weight:600}
.ticks .yil{color:var(--muted);font-size:.85em}
.dernek{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:.7rem}
.dernek li{padding:.85rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.dernek b{display:block;font-family:"Archivo",sans-serif;font-size:.97rem}
.dernek span{font-size:.85rem;color:var(--muted)}
.cv__dil p{color:var(--muted)}

/* --- hizmet gruplari --- */
.grup{margin-bottom:3.2rem}
.grup__h{font-size:1.35rem;margin-bottom:1.4rem;padding-left:.9rem;border-left:4px solid var(--teal)}
.cards--liste{grid-template-columns:repeat(3,1fr)}
.card h3 a{color:inherit}
.card h3 a:hover{color:var(--teal-600)}
.card__go{display:inline-block;margin-top:.9rem;font-family:"Archivo",sans-serif;font-weight:600;
  font-size:.85rem;color:var(--teal-600)}
.card{display:flex;flex-direction:column}
.card p{flex:1}

/* --- yazi / detay duzeni --- */
.yazi-duzen{display:grid;grid-template-columns:1fr 330px;gap:3.5rem;align-items:start}
.yazi{max-width:none;font-size:1.03rem}
.yazi--tek{max-width:52rem;margin:0 auto}
.yazi h2{font-size:1.5rem;margin:2.4rem 0 .9rem;padding-left:.85rem;border-left:4px solid var(--teal)}
.yazi h2:first-child{margin-top:0}
.yazi h3{font-size:1.15rem;margin:1.8rem 0 .6rem}
.yazi p{color:#2C4653;margin-bottom:1.1rem}
.yazi ul,.yazi ol{color:#2C4653;padding-left:1.3rem;margin-bottom:1.3rem}
.yazi li{margin-bottom:.55rem}
.yazi strong{color:var(--ink)}
.yazi__kapak{width:100%;border-radius:var(--r);margin-bottom:2rem;object-fit:cover;aspect-ratio:16/9}
.yazi__uyari{margin-top:2.4rem;padding:1.1rem 1.3rem;background:var(--ice);border-left:4px solid var(--teal);
  border-radius:0 10px 10px 0;font-size:.9rem;color:var(--muted)}
.yazi__imza{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.yazi__imza img{border-radius:50%;background:var(--navy-900)}
.yazi__imza b{display:block;font-family:"Archivo",sans-serif}
.yazi__imza span{font-size:.82rem;color:var(--muted)}

/* --- yan sutun --- */
.yan{position:sticky;top:112px;display:grid;gap:1rem}
.yan__kart{border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;background:var(--paper)}
.yan__kart h3{font-size:1.05rem;margin-bottom:.9rem}
.yan__kart--cta{background:var(--navy-800);border-color:var(--navy-800);color:#DCEAF0}
.yan__kart--cta h3{color:#fff}
.yan__kart--cta p{color:#A9C1CD;font-size:.9rem;margin-bottom:1rem}
.yan__kart--cta .btn{margin-bottom:.6rem}
.yan__adres{font-size:.83rem;color:#8CA7B5;margin:1rem 0 0;line-height:1.5}
.yan__liste{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.yan__liste a{display:block;padding:.6rem 0;font-size:.93rem;border-bottom:1px solid var(--line);transition:.2s}
.yan__liste li:last-child a{border-bottom:0}
.yan__liste a:hover{color:var(--teal-600);padding-left:5px}
.yan__saat{list-style:none;margin:0;padding:0}
.yan__saat li{display:flex;justify-content:space-between;gap:1rem;font-size:.87rem;padding:.5rem 0;
  border-bottom:1px dashed var(--line)}
.yan__saat li:last-child{border-bottom:0}
.yan__saat b{font-family:"IBM Plex Mono",monospace;font-size:.82rem}
.btn--wa{background:var(--wa);color:#fff}
.btn--wa:hover{background:#1E8C3E;color:#fff}

/* --- galeri --- */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.gal--sayfa{grid-template-columns:repeat(3,1fr);gap:1.3rem}
.gal__i{margin:0;position:relative;border-radius:var(--r);overflow:hidden;background:var(--navy-900)}
.gal__i img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s ease}
.gal__i:hover img{transform:scale(1.04)}
.gal__i figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1rem .9rem;color:#fff;
  font-size:.88rem;background:linear-gradient(to top,rgba(8,25,42,.9),transparent)}
.gal__i figcaption b{display:block;font-family:"Archivo",sans-serif;font-size:.97rem}
.gal__i figcaption span{font-size:.8rem;color:#C3D8E1}

/* --- form mesajlari --- */
.mesaj{padding:.95rem 1.1rem;border-radius:10px;font-size:.92rem;margin-bottom:1.3rem}
.mesaj--ok{background:#E9F7EF;border:1px solid #BFE6CE;color:#1B5E38}
.mesaj--hata{background:#FDECEA;border:1px solid #F5C6C0;color:#933}

/* --- harita --- */
.harita iframe{width:100%;height:420px;border:0;display:block;filter:grayscale(.2)}

/* --- sayfalama --- */
.sayfalama{display:flex;gap:.5rem;justify-content:center;margin-top:2.5rem}
.sayfalama a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);
  border-radius:9px;font-weight:600;font-size:.92rem;transition:.2s}
.sayfalama a:hover{border-color:var(--teal);color:var(--teal-600)}
.sayfalama a.is-on{background:var(--navy-800);border-color:var(--navy-800);color:#fff}

/* --- blog listesi --- */
.posts--liste{grid-template-columns:repeat(3,1fr)}
.posts--liste .post{padding:0;overflow:hidden;display:flex;flex-direction:column}
.post__img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.posts--liste .post__meta,.posts--liste .post__h,.posts--liste .post p,.posts--liste .post__go{
  padding-left:1.5rem;padding-right:1.5rem}
.posts--liste .post__meta{padding-top:1.4rem}
.posts--liste .post__go{padding-bottom:1.5rem;margin-top:auto}
.post__h{font-size:1.15rem;line-height:1.3;margin-bottom:.6rem}
.post__h a:hover,.post h3 a:hover{color:var(--teal-600)}
.faq__more{margin-top:1.6rem}
.bos{color:var(--muted);grid-column:1/-1;text-align:center;padding:3rem 0}

/* --- 404 --- */
.hata404{background:linear-gradient(155deg,var(--navy-900),#123246);color:#E6F1F5;
  padding:6rem 0;text-align:center}
.hata404 h1{color:#fff;font-size:clamp(1.7rem,3.2vw,2.6rem);margin-bottom:1rem}
.hata404 p{color:#A9C1CD;max-width:34rem;margin:0 auto}
.hata404__b{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}

/* --- cerez kutusu --- */
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;background:var(--navy-900);
  color:#C3D8E1;border:1px solid rgba(63,198,220,.25);border-radius:14px;padding:1.1rem 1.3rem;
  display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;
  box-shadow:0 20px 50px rgba(0,0,0,.4);max-width:760px;margin:0 auto}
.cerez p{margin:0;font-size:.88rem;flex:1;min-width:240px}
.cerez a{color:var(--teal-300);text-decoration:underline}
.cerez__btn{display:flex;gap:.6rem;margin-left:auto}
.cerez .btn{padding:.6rem 1.1rem;font-size:.87rem}
.btn--ghost-dark{background:transparent;color:#C3D8E1;border:1px solid rgba(255,255,255,.22)}
.btn--ghost-dark:hover{background:rgba(255,255,255,.08)}

/* --- responsive ek --- */
@media (max-width:1080px){
  .yazi-duzen{grid-template-columns:1fr;gap:2.5rem}
  .yan{position:static;grid-template-columns:repeat(2,1fr)}
  .cv{grid-template-columns:1fr;gap:2.5rem}
  .cards--liste,.posts--liste{grid-template-columns:repeat(2,1fr)}
  .gal{grid-template-columns:repeat(2,1fr)}
  .gal--sayfa{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .ic-hero{padding:2.6rem 0 2.4rem}
  .yan{grid-template-columns:1fr}
  .cards--liste,.posts--liste{grid-template-columns:1fr}
  .gal,.gal--sayfa{grid-template-columns:1fr 1fr;gap:.7rem}
  .gal__i figcaption{padding:1.2rem .7rem .6rem;font-size:.8rem}
  .gal__i figcaption b{font-size:.85rem}
  .yazi h2{font-size:1.25rem}
  .cerez{left:10px;right:10px;bottom:10px;padding:1rem;gap:.9rem}
  .cerez__btn{margin-left:0;width:100%}
  .cerez__btn .btn{flex:1}
  .grup__h{font-size:1.15rem}
  .harita iframe{height:300px}
}

/* --- hakkimda hero sayaclari --- */
.hero__facts--ic{margin-top:2.4rem;padding-top:1.8rem;max-width:44rem}
.hero__facts--ic b{font-size:1.55rem}
@media (max-width:680px){
  .hero__facts--ic{gap:1.4rem 2rem}
  .hero__facts--ic b{font-size:1.3rem}
}