/* ── FONT DISPLAY ──
   layout shift önlemek için */
:root{
  --ink:#111;
  --ink-mid:#333;
  --ink-soft:#5a5a5a;
  --ink-light:#999;
  --paper:#fff;
  --paper-warm:#F8F5EF;
  --paper-mid:#EDE9DF;
  --rule:#E0DBD1;
  --gold:#7A5C14;
  --gold-b:#B8892A;
  --gold-pale:rgba(184,137,42,.12);
  --display:'Libre Baskerville',Georgia,serif;
  --serif:'Libre Baskerville',Georgia,serif;
  --sans:'Open Sans',system-ui,sans-serif;
  --nav-h:80px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.7;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
*,*::before,*::after{box-sizing:border-box;}
img,video,svg,iframe{max-width:100%;height:auto;}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;height:auto;}
button{cursor:pointer;font-family:var(--sans);}

/* ════════════════════════
   NAV
════════════════════════ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:var(--nav-h);
  background:transparent;
  border-bottom:1px solid transparent;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 60px;
  transition:background .3s,border-color .3s;
}
.logo{
  display:flex;align-items:center;
  cursor:pointer;
  gap:10px;
}
.logo-main{
  font-family:'Cormorant SC',Georgia,serif;
  font-size:30px;font-weight:500;
  letter-spacing:6px;
  color:var(--ink);line-height:1;
  text-align:center;display:block;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis:none;
}
.logo-sub{
  font-family:var(--sans);font-size:11px;
  letter-spacing:4px;text-transform:uppercase;
  color:var(--gold-b);font-weight:400;
  text-align:center;display:block;
}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  font-family:var(--sans);font-size:13.5px;letter-spacing:.4px;
  color:var(--ink-soft);transition:color .2s;
  padding-bottom:3px;position:relative;
}
.nav-links a::after{
  content:'';position:absolute;bottom:0;left:0;width:0;height:1px;
  background:var(--gold-b);transition:width .25s;
}
.nav-links a:hover::after,.nav-links a.on::after{width:100%;}
.nav-links a:hover,.nav-links a.on{color:var(--ink);}
.nav-right{display:flex;align-items:center;gap:16px;}

.lang-en{display:none !important;}
.lang-tr{display:block;}
body.lang-en .lang-en{display:block !important;}
body.lang-en .lang-tr{display:none !important;}
body.site-en .lang-en{display:block !important;}
body.site-en .lang-tr{display:none !important;}
/* ── DİL TOGGLE ── */
.lang-toggle{
  display:flex;align-items:center;gap:8px;
  background:transparent;
  border:1.5px solid rgba(255,255,255,0.5);
  border-radius:2px;
  padding:7px 14px;cursor:pointer;transition:all .25s;
  color:rgba(255,255,255,0.9);
}
.lang-toggle:hover{
  background:rgba(255,255,255,0.12);
  border-color:#fff;color:#fff;
}
.nav.scrolled .lang-toggle{
  border-color:var(--rule);
  color:var(--ink-soft);
}
.nav.scrolled .lang-toggle:hover{
  border-color:var(--gold-b);
  color:var(--gold-b);
  background:transparent;
}
.globe-icon{width:18px;height:18px;flex-shrink:0;}
.lang-label{
  font-family:var(--sans);font-size:11px;font-weight:600;
  letter-spacing:2px;text-transform:uppercase;
}

.nav-btn{
  font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;
  background:var(--ink);color:#fff;padding:10px 22px;border:none;
  transition:background .2s;
}
.nav-btn:hover{background:var(--ink-mid);}

/* ════════════════════════
   NAV SCROLLED
════════════════════════ */
.nav.scrolled{
  background:rgba(255,255,255,0.97);
  border-bottom:1px solid var(--rule);
  backdrop-filter:blur(8px);
}
/* İç sayfalarda nav her zaman beyaz */
.nav.scrolled .logo-main{color:var(--ink);}
.nav.scrolled #lang-btn{border-color:var(--rule) !important;color:var(--ink-soft) !important;}
.nav.scrolled .nav-links a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--ink-soft);}

/* Ana sayfada nav şeffaf — beyaz yazı */
.nav:not(.scrolled) .logo-main{color:#fff;}
.nav:not(.scrolled) .logo svg polygon,.nav:not(.scrolled) .logo svg circle{fill:#C9992E;}
.nav:not(.scrolled) .logo-sub{color:rgba(192,154,58,0.9);}
.nav:not(.scrolled) .nav-links a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:rgba(255,255,255,0.75);}
.nav:not(.scrolled) .nav-links a:hover{color:#fff;}
.nav:not(.scrolled) .nav-links a::after{background:#fff;}



/* ════════════════════════
   PAGE SYSTEM
════════════════════════ */
.pg{display:none;}
.pg.on{display:block;}
/* Mobil menü açıkken tüm page içeriği arkaya */

/* ════════════════════════
   ANA SAYFA HERO
════════════════════════ */
.home-hero{
  padding-top:0;
  min-height:100vh;
  display:grid;grid-template-columns:1.1fr 0.9fr;
  border-bottom:1px solid var(--rule);
  position:relative;overflow:hidden;
  width:100%;
}
.hero-bg{
  position:absolute;inset:0;z-index:0;
}
.hero-bg img{
  width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;
  position:absolute;inset:0;
}
.hero-bg-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(
      105deg,
      rgba(8,8,8,0.88) 0%,
      rgba(8,8,8,0.72) 42%,
      rgba(8,8,8,0.35) 68%,
      rgba(8,8,8,0.12) 100%
    ),
    linear-gradient(
      to bottom,
      rgba(8,8,8,0.45) 0%,
      rgba(8,8,8,0.0) 40%,
      rgba(8,8,8,0.0) 60%,
      rgba(8,8,8,0.55) 100%
    );
}

.hl{
  padding:calc(var(--nav-h) + 72px) 60px 72px;
  display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid rgba(255,255,255,0.1);
  position:relative;z-index:1;
}
.hl-eyebrow{
  font-family:var(--sans);font-size:10px;letter-spacing:4px;
  text-transform:uppercase;color:rgba(192,154,58,0.9);
  display:flex;align-items:center;gap:14px;margin-bottom:32px;
}
.hl-eyebrow::before{content:'';width:28px;height:1px;background:rgba(192,154,58,0.9);flex-shrink:0;}
.hl-h1{
  font-family:var(--display);
  font-size:clamp(28px,3.2vw,46px);
  font-weight:700;line-height:1.12;
  color:#ffffff;margin-top:0;margin-bottom:30px;letter-spacing:-.5px;
}
.hl-h1 em{font-style:italic;color:var(--gold-b);font-weight:700;}
.hl-p{
  font-family:var(--sans);font-size:13.5px;color:rgba(255,255,255,0.72);
  line-height:1.9;max-width:420px;margin-bottom:40px;
}
.hl-p strong{color:rgba(255,255,255,0.92);font-weight:500;}
.btn-primary{
  font-family:var(--sans);font-size:11px;letter-spacing:2px;
  text-transform:uppercase;background:var(--gold-b);color:#fff;
  padding:14px 34px;border:none;transition:all .2s;display:inline-block;
}
.btn-primary:hover{background:var(--gold);}
.btn-outline{
  font-family:var(--sans);font-size:11px;letter-spacing:2px;
  text-transform:uppercase;background:transparent;color:rgba(255,255,255,0.85);
  padding:13px 34px;border:1.5px solid rgba(255,255,255,0.4);transition:all .2s;
  display:inline-block;margin-left:12px;
}
.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.7);}
.hr-right{
  background:transparent;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:60px;position:relative;z-index:1;
}
.hr-right-watermark{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-52%);
  font-family:var(--display);font-size:150px;font-weight:700;
  color:rgba(255,255,255,.04);letter-spacing:4px;
  white-space:nowrap;pointer-events:none;text-transform:uppercase;
}

.hr-right .hr-motto{display:none;}
.hr-motto p{
  font-family:var(--display);font-size:16px;font-style:italic;
  color:rgba(255,255,255,0.85);line-height:1.6;margin-bottom:10px;
}
.hr-motto cite{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);}

/* ════════════════════════
   ORTAK SECTION STİLLERİ
════════════════════════ */
.sec{padding:88px 60px;border-bottom:1px solid var(--rule);}
.sec-warm{background:var(--paper-warm);}
.sec-dark{background:var(--ink);color:#fff;}

.sh{display:grid;grid-template-columns:72px 1fr;gap:0;margin-bottom:68px;align-items:start;}
.sh-num{font-family:var(--sans);font-size:10px;letter-spacing:3px;color:var(--ink-light);text-transform:uppercase;padding-top:10px;}
.sh-num-d{color:rgba(255,255,255,.18);}
.sh-inner{}
.sh-tag{font-family:var(--sans);font-size:10px;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold-b);display:block;margin-bottom:14px;}
.id-right .sh-tag{margin-bottom:4px;}
.id-right .sh-body{margin-top:4px;}
.sh-tag-d{color:rgba(184,137,42,.85);}
.sh-title{font-family:var(--display);font-size:clamp(22px,2.6vw,36px);font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.3px;}
.sh-title-d{color:#fff;}
.sh-body{font-family:var(--sans);font-size:13px;color:var(--ink-soft);max-width:560px;line-height:1.9;margin-top:12px;}
.sh-body-d{color:rgba(255,255,255,.5);}

/* ════════════════════════
   ANA SAYFADAKI KİMLİK BLOĞU
════════════════════════ */
.identity-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:0;}
.id-left{
  padding-right:60px;border-right:1px solid var(--rule);
  display:flex;flex-direction:column;justify-content:center;
}
.id-year-n{
  font-family:var(--display);font-size:120px;font-weight:800;
  color:var(--paper-mid);line-height:1;
}
.id-year-label{
  font-family:var(--display);font-size:24px;font-weight:700;
  color:var(--ink);line-height:1.25;margin-top:4px;
}
.id-year-label em{font-style:italic;color:var(--gold);}
.id-right{padding-left:60px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.id-item{border-left:2px solid var(--rule);padding-left:22px;transition:border-color .2s;}
.id-item:hover{border-color:var(--gold-b);}
.id-item h4{font-family:var(--display);font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.id-item p{font-family:var(--sans);font-size:13px;color:var(--ink-soft);line-height:1.9;}

/* ════════════════════════
   HİZMETLER GRID (anasayfa önizleme)
════════════════════════ */
.svc-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--rule);border-left:1px solid var(--rule);
}
.svc{
  padding:0;
  border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);
  transition:background .22s;cursor:default;
  min-width:0;overflow:hidden;display:flex;flex-direction:column;}
.svc:hover{background:var(--paper-warm);}
.svc-ico{display:none;}
.svc-photo{
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  flex-shrink:0;
  display:block;
}
.svc-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.svc-photo-bg{
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  flex-shrink:0;
  background:#1a1408;
}
.svc-name{font-family:var(--display);font-size:13px;font-weight:700;color:var(--ink);padding:12px 16px;line-height:1.3;margin:0;}
.svc-desc{display:none;}
.svc-more{display:none;}
.svc-all-btn{
  margin-top:40px;text-align:center;
}
.btn-border{touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  font-family:var(--sans);font-size:11px;letter-spacing:2px;text-transform:uppercase;
  background:transparent;color:var(--ink);padding:13px 40px;
  border:1.5px solid var(--ink);transition:all .2s;
}
.btn-border:hover{background:var(--ink);color:#fff;}

/* ════════════════════════
   BLOG (anasayfa önizleme)
════════════════════════ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;min-width:0;}
.blog-card{background:var(--paper-mid);border:1px solid var(--rule);border-radius:6px;padding:24px;transition:box-shadow .22s,border-color .22s,transform .18s;cursor:pointer;display:flex;flex-direction:column;}
.blog-card:hover{border-color:var(--gold-b);box-shadow:0 6px 28px rgba(0,0,0,0.10);transform:translateY(-3px);}
.blog-img{aspect-ratio:16/9;background:var(--paper-mid);margin-bottom:16px;display:flex;align-items:center;justify-content:center;}
.blog-cat{font-family:var(--sans);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-b);display:block;margin-bottom:8px;}
.blog-title{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px;}
.blog-date{font-family:var(--sans);font-size:11px;color:var(--ink-light);}
.blog-empty-note{
  border:1px solid var(--rule);padding:60px 40px;text-align:center;
}
.blog-empty-note p{font-family:var(--serif);font-size:21px;font-style:italic;color:var(--ink-soft);}
.blog-empty-note small{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-light);display:block;margin-top:10px;}

/* ════════════════════════
   EKİP KARTLARI
════════════════════════ */
.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:1300px;align-items:start;}
.tcard{touch-action:manipulation;border:1px solid var(--rule);overflow:hidden;transition:border-color .22s;display:flex;flex-direction:column;}
.tcard:hover{border-color:var(--gold-b);}
.tcard-photo{
  aspect-ratio:3/4;background:var(--paper-mid);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  font-family:var(--display);font-size:72px;font-weight:800;
  color:var(--paper-deep,#ccc);font-style:italic;
  position:relative;overflow:hidden;
}
.tcard-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;}
.tcard-info{padding:18px 20px;border-top:1px solid var(--rule);}
.tcard-name{font-family:var(--display);font-size:16px;font-weight:700;color:var(--ink);}
.tcard-name .surname{text-transform:uppercase;}
.tcard-email{font-family:var(--sans);font-size:12px;color:var(--ink-soft);text-decoration:none;display:block;margin-top:4px;word-break:break-all;overflow-wrap:break-word;}
.tcard-email:hover{color:var(--ink);}
.tcard-role{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-b);margin-top:4px;margin-bottom:13px;font-weight:700;color:var(--ink-mid);}
.tcard-desc{font-family:var(--sans);font-size:13px;color:var(--ink-soft);line-height:1.85;}

/* ════════════════════════
   İLETİŞİM
════════════════════════ */
.cntct-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:72px;}
.c-blk{margin-bottom:26px;}
.c-lbl{font-family:var(--sans);font-size:9.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-b);display:block;margin-bottom:8px;}
.c-val{font-family:var(--sans);font-size:14px;color:rgba(255,255,255,.85);line-height:1.75;}
.c-val a{color:#ffffff;}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fg{margin-bottom:12px;}
.fg label{font-family:var(--sans);font-size:9.5px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.3);display:block;margin-bottom:7px;}
.fg input,.fg select,.fg textarea{
  width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  padding:12px 14px;font-family:var(--sans);font-size:13px;color:#fff;
  outline:none;transition:border-color .2s;-webkit-appearance:none;
}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(255,255,255,.18);}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold-b);}
.fg select option{background:#111;color:#fff;}
.fg textarea{min-height:115px;resize:vertical;}
.f-btn{
  width:100%;background:var(--gold-b);color:#fff;border:none;
  padding:14px;font-family:var(--sans);font-size:11px;font-weight:500;
  letter-spacing:2px;text-transform:uppercase;
  cursor:pointer;transition:opacity .2s;margin-top:4px;
}
.f-btn:hover{opacity:.85;}

/* ════════════════════════
   BÜROMUZ / HAKKIMIZDA
════════════════════════ */
.yr-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.yr-l{
  padding-right:60px;border-right:1px solid var(--rule);
  display:flex;flex-direction:column;justify-content:center;
}
.yr-num{font-family:var(--display);font-size:130px;font-weight:700;color:var(--paper-mid);line-height:1;margin-bottom:6px;}
.yr-sub{font-family:var(--display);font-size:24px;font-weight:700;color:var(--ink);line-height:1.2;}
.yr-sub em{font-style:italic;color:var(--gold);}
.yr-r{padding-left:60px;display:flex;flex-direction:column;gap:28px;}
.yr-item{border-left:2px solid var(--rule);padding-left:20px;transition:border-color .2s;}
.yr-item:hover{border-color:var(--gold-b);}
.yr-item h4{font-family:var(--display);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.yr-item p{font-family:var(--sans);font-size:13px;color:var(--ink-soft);line-height:1.9;}
.office-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);}
.office-card{padding:36px 32px;border-right:1px solid var(--rule);}
.office-card:last-child{border-right:none;}
.office-city{font-family:var(--display);font-size:24px;font-weight:700;color:var(--ink);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--rule);}
.o-row{font-family:var(--sans);font-size:13px;color:var(--ink-soft);line-height:1.8;margin-bottom:3px;}
.o-row a{color:var(--gold-b);}
.o-sep{height:1px;background:var(--rule);margin:12px 0;}

/* ════════════════════════
   INNER PAGE HEADER
════════════════════════ */
.page-top{
  padding-top:var(--nav-h);
  background:var(--ink);
  padding-bottom:0;
  scroll-margin-top:0;
}
/* ── SAYFA BAŞLIK GÖRSELİ ── */
.page-top-inner::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(to bottom, transparent, var(--gold-b) 30%, var(--gold-b) 70%, transparent);
  opacity:0.6;
}
.page-top-inner::after{
  content:'';
  position:absolute;
  right:0;top:0;bottom:0;width:45%;
  background:repeating-linear-gradient(
    -55deg,
    transparent,
    transparent 8px,
    rgba(255,255,255,0.018) 8px,
    rgba(255,255,255,0.018) 9px
  );
  pointer-events:none;
}

.page-top-inner{
  padding:0 60px;
  position:relative;
  overflow:hidden;
  min-height:360px !important;
  height:360px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  box-sizing:border-box;
}
/* Başlık grubu alt yarıda sabit */
.page-top-inner > .pg-tag { margin-top:48px; }
.page-top-inner > .pg-h1  { margin-top:10px; }
.page-top-inner > .pg-lead{ margin-top:10px; }
.page-top-inner::after{
  display:none;
}
.pg-tag{font-family:var(--sans);font-size:10px;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold-b);display:block;margin-bottom:14px;}
.pg-h1{font-family:var(--display);font-size:clamp(24px,3.2vw,44px);font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.2px;max-width:700px;margin:0;}
.pg-lead{font-family:var(--sans);font-size:13px;color:rgba(255,255,255,.45);line-height:1.8;max-width:580px;margin-top:10px;margin-bottom:0;}

/* ════════════════════════
   FOOTER
════════════════════════ */
.site-footer{
  background:var(--ink);border-top:1px solid rgba(255,255,255,.08);
  padding:56px 60px 28px;
  max-width:100%;overflow:hidden;
}
.footer-top{
  display:grid;grid-template-columns:1.2fr 0.9fr 1.1fr;
  gap:40px;padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-brand{}
.f-logo{
  font-family:'Cormorant SC',Georgia,serif;
  font-size:30px;font-weight:500;color:#fff;
  letter-spacing:6px;line-height:1;
  display:block;margin-bottom:6px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis:none;
}
.f-logo-sub{
  font-family:var(--sans);font-size:11px;
  letter-spacing:4px;text-transform:uppercase;text-align:center;
  color:var(--gold-b);font-weight:400;display:block;margin-bottom:20px;
}
.f-brand-desc{
  font-family:var(--sans);font-size:12.5px;
  color:rgba(255,255,255,.4);line-height:1.85;max-width:240px;
}
.footer-col-title{
  font-family:var(--sans);font-size:10px;
  letter-spacing:3px;text-transform:uppercase;
  color:rgba(255,255,255,.55);margin-bottom:20px;display:block;
}
.footer-col-links{list-style:none;display:flex;flex-direction:column;gap:11px;}
.footer-col-links a{
  font-family:var(--sans);font-size:13px;
  color:rgba(255,255,255,.55);transition:color .18s;cursor:pointer;
}
.footer-col-links a:hover{color:#fff;}
.footer-addr-line{
  font-family:var(--sans);font-size:12.5px;
  color:rgba(255,255,255,.45);line-height:1.85;margin-bottom:14px;
}
.footer-addr-label{
  font-family:var(--sans);font-size:10px;
  letter-spacing:2px;text-transform:uppercase;
  color:var(--gold-b);display:block;margin-bottom:5px;
}
.footer-addr-val{
  font-family:var(--sans);font-size:12.5px;
  color:rgba(255,255,255,.55);line-height:1.8;
}
.footer-addr-val a{color:rgba(255,255,255,.55);}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:24px;gap:12px;
}
.f-copy{font-family:var(--sans);font-size:10.5px;color:rgba(255,255,255,.4);text-align:left;}
.f-bottom-links{display:flex;gap:16px;justify-content:center;}
.f-bottom-links a{font-family:var(--sans);font-size:11px;color:rgba(255,255,255,.55);cursor:pointer;transition:color .18s;white-space:nowrap;}
.f-bottom-links a:hover{color:#fff;}
/* eski stiller artık kullanılmıyor */
.f-links{display:none;}

/* ════════════════════════
   REVEAL
════════════════════════ */
.r{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.r.v{opacity:1;transform:none;}
/* Mobilde animasyon güvenlik fallback */

/* JS yavaş çalışırsa veya disabled ise görünür kal */

.d1{transition-delay:.08s;}.d2{transition-delay:.16s;}.d3{transition-delay:.24s;}

/* ════════════════════════
   HAMBURGEr MENÜ
════════════════════════ */
.hamburger{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  background:transparent;border:none;padding:14px;cursor:pointer;
  z-index:10000;
  -webkit-tap-highlight-color:rgba(255,255,255,0.05);
  touch-action:manipulation;
  min-width:52px;min-height:52px;
  position:relative;
  -webkit-appearance:none;
  appearance:none;
}
.hamburger span{
  display:block;width:24px;height:1.5px;
  background:#fff;transition:all .3s;transform-origin:center;
}
.nav.scrolled .hamburger span{background:var(--ink);}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

.mobile-menu{
  display:none;
  position:fixed;
  top:0;left:0;
  width:100%;
  height:100%;
  z-index:9999;
  background:rgba(10,10,10,0.97);
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:80px 32px 40px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.mobile-menu.open{
  display:flex;
}
.mm-link{touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  font-family:var(--display);font-size:26px;font-weight:700;
  color:rgba(255,255,255,0.8);letter-spacing:1px;
  padding:18px 0;
  background:none;border:none;cursor:pointer;
  -webkit-tap-highlight-color:rgba(255,255,255,0.08);
  touch-action:manipulation;
  width:100%;text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  user-select:none;
  -webkit-user-select:none;
  min-height:60px;
}
.mm-link:hover,.mm-link:active{color:#fff;}
.mobile-menu a{
  font-family:var(--display);font-size:26px;font-weight:700;
  color:rgba(255,255,255,0.8);letter-spacing:1px;
  padding:15px 0;width:100%;text-align:center;
  border-bottom:1px solid rgba(255,255,255,0.07);
  transition:color .2s;
}
.mobile-menu a:first-child{border-top:1px solid rgba(255,255,255,0.07);}
.mobile-menu a:hover,.mobile-menu a:active{color:#fff;}
.mobile-menu-lang{
  margin-top:32px;
  background:transparent;border:1.5px solid rgba(255,255,255,0.3);
  color:rgba(255,255,255,0.7);padding:10px 28px;
  font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:2px;
  cursor:pointer;transition:all .25s;
}
.mobile-menu-lang:hover{border-color:#fff;color:#fff;}

/* ════════════════════════
   RESPONSIVE
════════════════════════ */
/* ═══════════ RESPONSIVE ═══════════ */
*{box-sizing:border-box;}









/* Global overflow */
table,pre,code{max-width:100%;overflow-x:auto;}
.sec{overflow:hidden;}

/* Tüm grid container'lar mobilde tek sütun fallback */


/* ────────────────────────── */

/* ── BİLİNGUAL ── */
.en-text{display:none;}
.tr-text{display:inline;}
body.site-en .en-text{display:inline;}
body.site-en .tr-text{display:none;}
div.en-text{display:none;}
div.tr-text{display:block;}
body.site-en div.en-text{display:block;}
body.site-en div.tr-text{display:none;}


/* ── HAKKIMIZDA RESPONSIVE ── */


/* ── GENEL TAŞMAları ÖNLE ── */
.svc-desc{word-break:break-word;overflow-wrap:break-word;}
.svc-name{word-break:break-word;}
table{width:100%;table-layout:fixed;}

/* SPAN FONT FIX */
.sh-title span.tr-text,
.sh-title span.en-text,
.sh-body span.tr-text,
.sh-body span.en-text,
.svc-name span.tr-text,
.svc-name span.en-text,
.pg-h1 span.tr-text,
.pg-h1 span.en-text,
.pg-lead span.tr-text,
.pg-lead span.en-text {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  font-style: inherit !important;
}


/* ══════════════════════════════════════════════════════
   MOBİL & RESPONSIVE — TEMİZ TEK BLOK
   Tüm ekran boyutları için tek kaynak
══════════════════════════════════════════════════════ */

/* Animasyon: mobil ve düşük hareket tercihi */
@media (max-width:1024px) {
  .r { opacity:1 !important; transform:none !important; transition:none !important; }
  .r.v { opacity:1 !important; transform:none !important; }
  .d1,.d2,.d3,.d4 { transition-delay:0s !important; }
}
@media (prefers-reduced-motion: reduce) {
  .r { opacity:1 !important; transform:none !important; transition:none !important; }
}

/* 1100px — Tablet yatay */
@media (max-width:1100px) {
  .svc-grid { grid-template-columns:repeat(3,1fr); }
}

/* 900px — Tablet / Büyük mobil */
@media (max-width:900px) {

  /* ── Nav ── */
  .nav { padding:0 16px; }
  .nav-links { display:none; }
  .hamburger { display:flex; }
  .logo { cursor:pointer; }
  .logo-main { font-size:24px; letter-spacing:4px; }
  .logo-sub { font-size:10px; letter-spacing:2px; }

  /* ── Hero ana sayfa ── */
  .hero-bg img { object-position:55% 40%; }
  .hero-bg-overlay {
    background:
      linear-gradient(to bottom, rgba(8,8,8,.78) 0%, rgba(8,8,8,.55) 35%, rgba(8,8,8,.65) 70%, rgba(8,8,8,.88) 100%),
      linear-gradient(to right, rgba(8,8,8,.55) 0%, rgba(8,8,8,.1) 60%, rgba(8,8,8,.0) 100%);
  }
  .home-hero { grid-template-columns:1fr; min-height:100vh; }
  .hr-right { display:none; }
  .hl {
    padding:calc(var(--nav-h) + 48px) 24px 56px;
    border-right:none;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .hl-h1 { font-size:clamp(28px,8vw,42px); margin-bottom:20px; }
  .hl-p  { font-size:14px; max-width:100%; margin-bottom:28px; }
  .btn-outline { margin-left:0; margin-top:10px; display:inline-block; }

  /* ── Genel section ── */
  .sec { padding:40px 20px; }
  .sec-warm { padding:40px 20px; }
  .sec-dark { padding:40px 20px; }
  .sh { grid-template-columns:1fr; gap:4px; }
  .sh-num { display:none; }
  .sh-inner { padding-left:0 !important; }
  .sh-title { font-size:clamp(22px,6vw,32px); }
  .sh-body { font-size:14px; }

  /* ── Grid'ler ── */
  .identity-grid,.yr-grid { grid-template-columns:1fr; gap:24px; }
  .id-left,.yr-l { padding-right:0; border-right:none; border-bottom:1px solid var(--rule); padding-bottom:20px; }
  .id-right,.yr-r { padding-left:0; }
  .id-year-n { font-size:72px; }
  .svc-grid { grid-template-columns:1fr; }
  .blog-grid { grid-template-columns:1fr; }
  .bilgi-layout { flex-direction:column !important; }
  .bilgi-sidebar { width:100% !important; position:static !important; border-left:none !important; border-top:1px solid var(--rule) !important; padding:20px 0 0 !important; margin-top:32px !important; }
  .bilgi-card-grid { grid-template-columns:1fr !important; }
  .bilgi-dynamic-grid { grid-template-columns:1fr !important; }
  .team-grid { grid-template-columns:repeat(3,1fr); max-width:100%; gap:12px; }
  .cntct-grid { grid-template-columns:1fr; gap:32px; }
  .fr { grid-template-columns:1fr; }
  .office-grid { grid-template-columns:1fr; }
  .office-card { border-right:none; border-bottom:1px solid var(--rule); }
  .office-card:last-child { border-bottom:none; }

  /* ── Footer ── */
  .site-footer { padding:36px 20px 20px; }
  .footer-top { grid-template-columns:1fr; gap:28px; }
  .footer-bottom { flex-direction:column; gap:10px; text-align:left; align-items:flex-start; }
  .f-copy { text-align:left; }
  .f-bottom-links { justify-content:flex-start; }
  .f-bottom-links { flex-wrap:wrap; justify-content:center; }

  /* ── Sayfa banner ── */
  .page-top-inner {
    padding:calc(var(--nav-h) + 24px) 20px 28px !important;
    min-height:220px !important;
    height:220px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
    box-sizing:border-box;
  }
  .page-top-inner::after { display:none; }
  .pg-h1 { font-size:clamp(24px,7vw,38px); }
  .pg-lead { font-size:13px; }
  .pg-tag { font-size:9px; }

  /* ── Hakkımızda ── */
  .hakk-kimlik-grid { grid-template-columns:1fr !important; }
  .hakk-metin-col { padding:36px 20px 28px 20px !important; }
  .hakk-svg-col { display:none !important; }
  #values-layout { grid-template-columns:1fr !important; }
  #values-list { border-right:none !important; border-bottom:1px solid var(--rule); }
  #values-content { padding:20px 16px !important; min-height:unset !important; }
  .val-item { padding:14px 16px !important; }

  /* ── Kariyer ── */
  .kar-grid-1,.kar-grid-2,.kar-grid-3,.kar-grid-4,.kar-deneyim-grid {
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding:0 20px !important;
  }
  .kar-basvuru-grid { grid-template-columns:1fr !important; gap:24px !important; }

  /* ── Inline style override ── */
  [style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }
  [style*="grid-template-columns: 1fr 1fr"] { grid-template-columns:1fr !important; }
  [style*="padding:0 60px"] { padding:0 20px !important; }
  [style*="padding:64px 60px"] { padding:32px 20px !important; }
  [style*="padding:48px 60px"] { padding:28px 20px !important; }
  [style*="padding:80px 60px"] { padding:40px 20px !important; }
  [style*="max-width:1200px"] { max-width:100% !important; }

  /* ── Admin ── */
  #admin-tab-editor { flex-direction:column !important; }
}

/* 600px — Mobil */
@media (max-width:600px) {
  .svc-grid { grid-template-columns:1fr !important; }
  .footer-top { grid-template-columns:1fr; }
  #pg-hizmetler .svc-grid { grid-template-columns:1fr !important; }
  #values-content { padding:20px 14px !important; }
  #pg-hakkimizda [style*="background:var(--ink)"] { min-height:unset !important; }
}

/* 480px — Küçük mobil */
@media (max-width:480px) {
  .nav-btn { display:none; }
  /* Nav başlıkları için logo küçültme */
  .logo-main { font-size:22px !important; letter-spacing:3px !important; }
  .logo-sub { font-size:9px !important; letter-spacing:2px !important; }
  .hl { padding:calc(var(--nav-h) + 36px) 18px 44px; }
  .hl-h1 { font-size:clamp(26px,9vw,36px); }
  .hl-p { font-size:13px; }
  .sec { padding:32px 18px; }
  .sec-warm,.sec-dark { padding:32px 18px; }
  .page-top-inner {
    padding:calc(var(--nav-h) + 18px) 18px 22px !important;
    min-height:200px !important;
    height:200px !important;
  }
  .pg-h1 { font-size:clamp(20px,7vw,30px); }
  .footer-top { grid-template-columns:1fr; }
  .team-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  .svc-grid { grid-template-columns:1fr; }
  .val-item { padding:12px 14px !important; }
  [style*="padding:0 60px"] { padding:0 18px !important; }
  [style*="padding:40px 60px"] { padding:28px 18px !important; }
  [style*="gap:72px"] { gap:24px !important; }
  [style*="gap:64px"] { gap:20px !important; }
}



/* ───── */


.skip-nav{position:absolute;top:-40px;left:0;background:var(--gold-b);color:#fff;padding:8px 16px;font-family:var(--sans);font-size:13px;font-weight:600;text-decoration:none;z-index:99999;transition:top .2s;}
.skip-nav:focus{top:0;}


/* ───── */


  @media(max-width:900px){
    .kar-grid-1,.kar-grid-2,.kar-grid-3{grid-template-columns:1fr !important;gap:32px !important;padding:0 20px !important;}
    .kar-grid-4{padding:0 20px !important;}
    .kar-basvuru-grid{grid-template-columns:1fr !important;gap:28px !important;}
  }
  

/* ───── */

.visible{opacity:1!important;transform:translateY(0)!important;}

/* ───── */


.admin-tab-btn.active { color:#1a1a1a !important; border-bottom-color:#C9992E !important; }

/* ── Policy Pages (KVKK / Çerez) ── */
.policy-body {
  font-family: var(--sans);
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 1.9;
  max-width: 820px;
}
.policy-body p { margin: 0 0 18px; }
.policy-body h3 {
  font-family: var(--display);
  font-size: 17px;
  font-weight: 700;
  color: var(--ink);
  margin: 32px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--rule);
}
.policy-body h3:first-of-type { margin-top: 0; }
.policy-body strong { color: var(--ink); font-weight: 600; }
.policy-list {
  margin: 4px 0 18px 18px;
  padding: 0;
}
.policy-list li { margin-bottom: 8px; }
.policy-browser-list { columns: 2; gap: 24px; }
@media(max-width:600px){ .policy-browser-list { columns: 1; } }
.policy-link {
  color: var(--gold-b);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.policy-link:hover { color: #C9992E; }
.policy-footer-note {
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid var(--rule);
  font-size: 12px;
  color: var(--ink-light);
}
/* Çerez tablosu */
.policy-table-wrap {
  overflow-x: auto;
  margin: 0 0 24px;
  border: 1px solid var(--rule);
}
.policy-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--sans);
  font-size: 13.5px;
}
.policy-table th {
  background: var(--ink);
  color: var(--gold-b);
  text-align: left;
  padding: 12px 18px;
  font-weight: 600;
  letter-spacing: .5px;
  font-size: 12px;
  text-transform: uppercase;
}
.policy-table td {
  padding: 14px 18px;
  vertical-align: top;
  color: var(--ink-soft);
  border-bottom: 1px solid var(--rule);
  line-height: 1.7;
}
.policy-table td:first-child {
  white-space: nowrap;
  font-weight: 600;
  color: var(--ink);
  min-width: 160px;
}
.policy-table tbody tr:last-child td { border-bottom: none; }
.policy-table tbody tr:nth-child(even) td { background: var(--paper-warm); }

/* ── Paksoy Tarzı Çerez Onay Sistemi ── */
#cookie-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 8500;
  background: var(--ink);
  border-top: 2px solid var(--gold-b);
  padding: 16px 32px;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  font-family: var(--sans);
  box-shadow: 0 -4px 24px rgba(0,0,0,0.3);
  transform: translateY(100%);
  transition: transform .4s cubic-bezier(.22,1,.36,1);
}
#cookie-bar.cb-visible { transform: translateY(0); }
#cookie-bar p {
  flex: 1;
  font-size: 13px;
  color: rgba(255,255,255,.75);
  line-height: 1.55;
  margin: 0;
  min-width: 200px;
}
#cookie-bar a { color: var(--gold-b); text-decoration: underline; text-underline-offset: 2px; }
.cb-btn-prefs {
  background: transparent;
  color: rgba(255,255,255,.65);
  border: 1px solid rgba(255,255,255,.25);
  padding: 10px 20px;
  font-family: var(--sans);
  font-size: 11.5px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  flex-shrink: 0;
  transition: all .2s;
  -webkit-tap-highlight-color: transparent;
}
.cb-btn-prefs:hover { border-color: rgba(255,255,255,.5); color: #fff; }
.cb-btn-ok {
  background: var(--gold-b);
  color: var(--ink);
  border: none;
  padding: 10px 28px;
  font-family: var(--sans);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  flex-shrink: 0;
  transition: background .2s;
  -webkit-tap-highlight-color: transparent;
}
.cb-btn-ok:hover { background: #C9992E; }

/* Tercih Merkezi Overlay */
#cookie-prefs-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9500;
  background: rgba(10,10,10,.75);
  overflow-y: auto;
  padding: 40px 16px;
}
#cookie-prefs-panel {
  background: #fff;
  max-width: 680px;
  margin: 0 auto;
  box-shadow: 0 24px 80px rgba(0,0,0,.3);
  font-family: var(--sans);
}
.cp-header {
  background: var(--ink);
  padding: 28px 32px 22px;
  border-bottom: 2px solid var(--gold-b);
}
.cp-header h2 {
  font-family: var(--display);
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 6px;
}
.cp-header p {
  font-size: 12.5px;
  color: rgba(255,255,255,.65);
  line-height: 1.6;
  margin: 0;
}
.cp-body { padding: 0 32px 8px; }
.cp-cat {
  border-bottom: 1px solid var(--rule);
}
.cp-cat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
  cursor: pointer;
  gap: 16px;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.cp-cat-title {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink);
  flex: 1;
}
.cp-cat-badge {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 20px;
  flex-shrink: 0;
}
.cp-badge-always {
  background: rgba(184,137,42,.15);
  color: var(--gold-b);
  border: 1px solid rgba(184,137,42,.3);
}
/* Toggle switch */
.cp-toggle {
  position: relative;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
}
.cp-toggle input { opacity: 0; width: 0; height: 0; }
.cp-toggle-slider {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.15);
  border-radius: 22px;
  cursor: pointer;
  transition: background .2s;
}
.cp-toggle-slider::before {
  content: '';
  position: absolute;
  width: 16px; height: 16px;
  left: 3px; top: 3px;
  background: #fff;
  border-radius: 50%;
  transition: transform .2s;
  box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.cp-toggle input:checked + .cp-toggle-slider { background: var(--gold-b); }
.cp-toggle input:checked + .cp-toggle-slider::before { transform: translateX(18px); }
.cp-toggle input:disabled + .cp-toggle-slider { opacity: .5; cursor: default; }
/* Category detail */
.cp-cat-detail {
  display: none;
  padding: 0 0 18px;
  font-size: 12.5px;
  color: var(--ink-soft);
  line-height: 1.7;
}
.cp-cat-detail.open { display: block; }
.cp-cat-chevron {
  width: 16px; height: 16px;
  color: var(--ink-light);
  transition: transform .2s;
  flex-shrink: 0;
}
.cp-cat-header.open .cp-cat-chevron { transform: rotate(180deg); }
/* Footer */
.cp-footer {
  padding: 20px 32px 28px;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
  border-top: 1px solid var(--rule);
}
.cp-btn-reject-all {
  background: transparent;
  color: var(--ink-soft);
  border: 1px solid var(--rule);
  padding: 10px 20px;
  font-family: var(--sans);
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .2s;
}
.cp-btn-reject-all:hover { border-color: var(--ink); color: var(--ink); }
.cp-btn-save {
  background: var(--ink);
  color: var(--gold-b);
  border: none;
  padding: 10px 24px;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s;
}
.cp-btn-save:hover { background: #1a1a1a; }
.cp-btn-accept-all {
  background: var(--gold-b);
  color: var(--ink);
  border: none;
  padding: 10px 24px;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s;
}
.cp-btn-accept-all:hover { background: #C9992E; }
@media(max-width:600px){
  #cookie-bar { padding: 14px 16px; gap: 12px; }
  #cookie-bar p { font-size: 12px; }
  .cb-btn-prefs, .cb-btn-ok { width: 100%; text-align: center; }
  .cp-header, .cp-body, .cp-footer { padding-left: 20px; padding-right: 20px; }
  .cp-footer { justify-content: stretch; }
  .cp-btn-reject-all, .cp-btn-save, .cp-btn-accept-all { width: 100%; text-align: center; }
}

/* ── KVKK Onay Bloğu ── */
.kvkk-consent-block {
  margin:18px 0 20px;
  display:flex;
  flex-direction:column;
  gap:0;
}
.kvkk-check-label {
  display:flex;
  align-items:flex-start;
  gap:12px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,0.15);
  border-radius:2px;
  background:rgba(255,255,255,0.04);
  transition:background .2s,border-color .2s;
  margin-bottom:8px;
}
.kvkk-check-label:hover {
  background:rgba(255,255,255,0.08);
  border-color:rgba(184,137,42,0.5);
}
.kvkk-check {
  position:absolute;
  opacity:0;
  width:0;height:0;
}
.kvkk-check-custom {
  flex-shrink:0;
  width:18px;height:18px;
  border:1.5px solid rgba(255,255,255,0.4);
  background:transparent;
  border-radius:2px;
  margin-top:1px;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
  position:relative;
}
.kvkk-check:checked + .kvkk-check-custom {
  background:var(--gold-b);
  border-color:var(--gold-b);
}
.kvkk-check:checked + .kvkk-check-custom::after {
  content:'';
  display:block;
  width:5px;height:9px;
  border:2px solid #fff;
  border-top:none;border-left:none;
  transform:rotate(45deg) translate(-1px,-1px);
}
.kvkk-check-text {
  font-family:var(--sans);
  font-size:12.5px;
  color:rgba(255,255,255,0.72);
  line-height:1.7;
}
.kvkk-check-text strong { color:rgba(255,255,255,0.9); }
.kvkk-link {
  background:none;
  border:none;
  cursor:pointer;
  font-family:var(--sans);
  font-size:12.5px;
  color:var(--gold-b);
  text-decoration:underline;
  text-underline-offset:2px;
  padding:0;
  touch-action:manipulation;
}
.kvkk-link:hover { color:#C9992E; }
.kvkk-check-label.kvkk-error {
  border-color:rgba(231,76,60,0.6) !important;
  background:rgba(231,76,60,0.06) !important;
}
/* KVKK Modal scroll */
@media(max-width:800px) {
  #kvkk-modal-inner { margin:0 !important; min-height:100vh; }
  #kvkk-modal-inner > div:last-child { padding:28px 20px 40px !important; }
  .kvkk-body { font-size:13px; }
}

/* ── Blog Modal ── */
#blog-modal { transition: opacity .2s; }
#blog-modal.open { display:block !important; }
#blog-modal-inner { transition: transform .25s; }
@media(max-width:800px) {
  #blog-modal-inner { margin:0 !important; min-height:100vh; }
  #blog-modal-inner > div:last-child { padding:28px 20px 40px !important; }
}


/* ───── */


.float-btns{position:fixed;bottom:28px;right:24px;z-index:9000;display:flex;flex-direction:column;align-items:center;gap:12px;transition:bottom .25s;}
body.with-cookie-banner .float-btns{bottom:118px;}
.float-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,0.22);transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.float-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.28);}
.float-btn:focus{outline:2px solid var(--gold-b);outline-offset:3px;}
#whatsapp-btn{background:#25D366;}
#whatsapp-btn svg{display:block;}
#scroll-top-btn{background:var(--ink);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s,transform .25s,box-shadow .2s;}
#scroll-top-btn svg{display:block;}
@media(max-width:480px){.float-btns{bottom:20px;right:16px;}.float-btn{width:48px;height:48px;}body.with-cookie-banner .float-btns{bottom:190px;}}


/* ───── */


/* ── Reader reset ── */
#article-reader {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9200;
  flex-direction: column;
  background: #f7f4ef;
  font-family: 'Open Sans', sans-serif;
}

/* ── Üst bar ── */
#ar-topbar {
  position: relative;
  background: #0d0c08;
  height: 58px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
#ar-back {
  background: none;
  border: none;
  cursor: pointer;
  color: rgba(255,255,255,0.75);
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  transition: color .15s;
}
#ar-back:hover, #ar-back:focus { color: #C9992E; outline: none; }
#ar-back svg { flex-shrink: 0; }
#ar-time {
  font-size: 10.5px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
#ar-close {
  background: none;
  border: none;
  cursor: pointer;
  color: rgba(255,255,255,0.4);
  font-size: 22px;
  line-height: 1;
  padding: 8px;
  transition: color .15s;
}
#ar-close:hover, #ar-close:focus { color: #fff; outline: none; }

/* ── Kaydırma alanı ── */
#ar-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* ── İçerik wrapper ── */
#ar-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 64px 48px 100px;
}

/* ── Meta ── */
#ar-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
#ar-tag {
  font-size: 9px;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: #C9992E;
  background: rgba(201,153,46,.12);
  padding: 5px 12px;
  border-radius: 2px;
}
#ar-date {
  font-size: 11px;
  color: #a09880;
}

/* ── Başlık ── */
#ar-title {
  font-family: 'Cormorant Garamond', 'Cormorant', serif;
  font-size: clamp(28px, 4.5vw, 44px);
  font-weight: 700;
  color: #0d0c08;
  line-height: 1.18;
  margin: 0 0 36px;
  padding-bottom: 32px;
  border-bottom: 2px solid #0d0c08;
  letter-spacing: -.3px;
}

/* ── Makale gövdesi ── */
#ar-body {
  color: #2e2b26;
  font-size: 16.5px;
  line-height: 2;
}
.ar-p {
  margin: 0 0 1.7em;
}
.ar-h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 21px;
  font-weight: 700;
  color: #0d0c08;
  margin: 2.6em 0 0.8em;
  padding: 20px 0 16px;
  border-top: 1px solid #e0dbd0;
  line-height: 1.3;
  letter-spacing: -.1px;
}
.ar-h2:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

/* ── Kenar çizgisi (sol altın şerit) ── */
#ar-body {
  border-left: 3px solid #C9992E;
  padding-left: 28px;
}

/* ── Alt CTA ── */
#ar-cta {
  margin-top: 64px;
  background: #fdf9f2;
  border: 1px solid #e8e0d0;
  border-left: 4px solid #C9992E;
  border-radius: 4px;
  padding: 28px 32px;
}
#ar-cta-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #0d0c08;
  margin-bottom: 8px;
  letter-spacing: .2px;
}
#ar-cta-sub {
  font-size: 13px;
  color: #6b6355;
  line-height: 1.75;
}

/* ── Mobil ── */
@media (max-width: 640px) {
  #ar-topbar { padding: 0 16px; }
  #ar-wrap { padding: 40px 20px 80px; }
  #ar-body { border-left: none; padding-left: 0; }
  .ar-h2 { font-size: 18px; }
  #ar-body { font-size: 15px; }
  #ar-cta { padding: 28px 24px; }
  #ar-cta-title { font-size: 20px; }
}

/* ── Okuma progress bar ── */
#ar-progress {
  position: fixed;
  top: 58px;
  left: 0;
  height: 3px;
  background: #C9992E;
  width: 0%;
  z-index: 9201;
  transition: width .1s linear;
}

@media (prefers-reduced-motion: reduce) {
  #ar-scroll { scroll-behavior: auto; }
}