/* ========================================
   tamirji v2 — 1982'den bugüne
   Palette: Lacivert + Altın + Kırmızı + Cool Grey + Beyaz
   ======================================== */

:root{
  --lacivert:#1B2845;
  --lacivert-2:#2A3A5C;
  --altin:#C5A572;
  --altin-light:#D4B989;
  --kirmizi:#C8202B;
  --kirmizi-dark:#A11820;
  --cool-grey:#8B95A3;
  --grey-soft:#E8EBEF;
  --beyaz:#FFFFFF;
  --bg:#FFFFFF;
  --bg-soft:#F9FAFB;
  --ink:var(--lacivert);
  --slate:var(--cool-grey);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue','Inter',Arial,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.55;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;padding:0;color:inherit}

.container{max-width:1180px;margin:0 auto;padding:0 24px}

/* ============== HEADER ============== */
header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(27,40,69,0.08);
}
header .nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 24px;
  gap:24px;
}
.logo-inline{height:42px;width:auto;display:block}
.logo-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#FFF;
  border-radius:8px;
  padding:6px 10px;
}
.logo-badge .logo-inline{height:38px}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{
  font-size:14px;
  font-weight:600;
  color:var(--lacivert);
  letter-spacing:.01em;
  position:relative;
  padding:6px 0;
  transition:color .15s ease;
}
.nav-links a:hover{color:var(--altin)}
.nav-links a.active{color:var(--altin)}
.nav-links a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--altin);border-radius:2px;
}

.mobile-menu-toggle{
  display:none;
  width:36px;height:36px;
  align-items:center;justify-content:center;
}
.mobile-menu-toggle span{
  display:block;width:22px;height:2.5px;background:var(--lacivert);position:relative;border-radius:2px;
}
.mobile-menu-toggle span::before,
.mobile-menu-toggle span::after{
  content:"";position:absolute;left:0;width:22px;height:2.5px;background:var(--lacivert);border-radius:2px;
}
.mobile-menu-toggle span::before{top:-7px}
.mobile-menu-toggle span::after{top:7px}

/* Mobile menu */
.mobile-menu{
  display:none;
  position:fixed;
  inset:0;
  background:var(--lacivert);
  z-index:80;
  flex-direction:column;
  padding:28px 24px;
}
.mobile-menu.open{display:flex}
.mobile-menu-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:36px;
}
.mobile-menu-header .logo-badge{background:#FFF;padding:6px 10px;border-radius:8px}
.mobile-menu-close{
  width:40px;height:40px;
  font-size:30px;line-height:1;
  color:#FFF;
  background:rgba(255,255,255,.1);
  border-radius:50%;
}
.mobile-menu-links{display:flex;flex-direction:column;gap:8px}
.mobile-menu-links a{
  font-size:18px;
  font-weight:700;
  color:#FFF;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mobile-menu-links a:hover{color:var(--altin)}

@media (max-width:820px){
  .nav-links{display:none}
  .mobile-menu-toggle{display:inline-flex}
}

/* ============== HERO ============== */
.hero{
  padding:80px 24px 60px;
  text-align:center;
  background:var(--bg-soft);
}
.hero .container{max-width:880px}
.hero .eyebrow{
  display:inline-block;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--altin);
  margin-bottom:16px;
}
.hero h1{
  font-size:clamp(36px, 6vw, 64px);
  font-weight:900;
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--lacivert);
  margin:0 0 22px;
}
.hero h1 em{
  color:var(--altin);
  font-style:normal;
}
.hero .lede{
  font-size:clamp(16px, 1.6vw, 19px);
  color:var(--slate);
  max-width:640px;
  margin:0 auto 32px;
  line-height:1.55;
}
.hero .cta-row{
  display:inline-flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:center;
  align-items:center;
}
.hero-loc-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#FFF;
  border:1px solid rgba(27,40,69,.10);
  color:var(--lacivert);
  font-size:13px;
  font-weight:600;
  padding:10px 18px;
  border-radius:999px;
  cursor:pointer;
  transition:all .15s;
}
.hero-loc-pill:hover{border-color:var(--altin);color:var(--altin)}
.hero-loc-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--kirmizi);box-shadow:0 0 8px rgba(200,32,43,.4)}

/* ============== BUTTONS ============== */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:15px;
  font-weight:700;
  padding:13px 28px;
  border-radius:999px;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  letter-spacing:.01em;
  white-space:nowrap;
}
.btn-primary{
  background:var(--lacivert);
  color:#FFF;
}
.btn-primary:hover{background:var(--lacivert-2);transform:translateY(-1px);box-shadow:0 8px 22px rgba(27,40,69,.18)}
.btn-gold{
  background:var(--altin);
  color:var(--lacivert);
}
.btn-gold:hover{background:var(--altin-light);transform:translateY(-1px);box-shadow:0 8px 22px rgba(197,165,114,.32)}
.btn-red{
  background:var(--kirmizi);
  color:#FFF;
}
.btn-red:hover{background:var(--kirmizi-dark);transform:translateY(-1px);box-shadow:0 8px 22px rgba(200,32,43,.28)}
.btn-ghost{
  background:transparent;
  color:var(--lacivert);
  border:1.5px solid rgba(27,40,69,.18);
}
.btn-ghost:hover{border-color:var(--lacivert);background:var(--bg-soft)}

/* ============== STATS ============== */
.stats{
  padding:64px 24px;
  background:var(--lacivert);
  color:#FFF;
}
.stats .container{max-width:1100px}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
}
@media (max-width:820px){
  .stats-grid{grid-template-columns:repeat(2, 1fr);gap:18px}
}
.stat-item{text-align:center;padding:18px 12px}
.stat-num{
  font-size:clamp(32px, 4.5vw, 48px);
  font-weight:900;
  color:var(--altin);
  letter-spacing:-.02em;
  line-height:1;
  margin-bottom:8px;
}
.stat-label{
  font-size:13px;
  font-weight:600;
  color:#FFF;
  letter-spacing:.04em;
}
.stat-sublabel{
  font-size:12px;
  color:var(--cool-grey);
  margin-top:4px;
}

/* ============== SECTIONS ============== */
section{padding:72px 24px}
section.alt{background:var(--bg-soft)}
.section-head{text-align:center;max-width:760px;margin:0 auto 48px}
.section-eyebrow{
  display:inline-block;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--altin);
  margin-bottom:12px;
}
.section-title{
  font-size:clamp(26px, 3.6vw, 38px);
  font-weight:900;
  letter-spacing:-.02em;
  color:var(--lacivert);
  margin:0 0 14px;
  line-height:1.15;
}
.section-sub{
  color:var(--slate);
  font-size:16px;
  line-height:1.6;
  margin:0;
}
.section-sub strong{color:var(--lacivert)}

/* ============== STORY / MANIFESTO ============== */
.story-text{max-width:760px;margin:0 auto;font-size:17px;line-height:1.75;color:var(--lacivert)}
.story-text p{margin:0 0 20px}
.story-text strong{color:var(--lacivert);font-weight:800}
.story-text em{color:var(--altin);font-style:italic}

/* ============== CARDS ============== */
.card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:22px;
  max-width:1080px;
  margin:0 auto;
}
.card{
  background:#FFF;
  border:1px solid rgba(27,40,69,.08);
  border-radius:14px;
  padding:28px 26px;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.card:hover{transform:translateY(-3px);border-color:var(--altin);box-shadow:0 14px 36px rgba(27,40,69,.06)}
.card-num{
  font-size:14px;
  font-weight:900;
  color:var(--altin);
  letter-spacing:.08em;
  margin-bottom:10px;
}
.card h3{
  font-size:17px;
  font-weight:800;
  color:var(--lacivert);
  margin:0 0 8px;
  letter-spacing:-.01em;
}
.card p{font-size:14.5px;color:var(--slate);line-height:1.6;margin:0}

/* Service tag list */
.tag-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  max-width:920px;
  margin:0 auto;
}
.tag{
  background:#FFF;
  border:1px solid rgba(27,40,69,.10);
  color:var(--lacivert);
  font-size:13.5px;
  font-weight:600;
  padding:8px 16px;
  border-radius:999px;
  transition:all .15s;
}
.tag:hover{border-color:var(--altin);color:var(--altin)}

/* ============== TESTIMONIALS ============== */
.testi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:22px;
  max-width:1080px;
  margin:0 auto 32px;
}
.testi{
  background:#FFF;
  border:1px solid rgba(27,40,69,.08);
  border-radius:14px;
  padding:24px 26px;
  display:flex;
  flex-direction:column;
}
.testi-stars{color:var(--altin);font-size:14px;letter-spacing:2px;margin-bottom:12px}
.testi-text{font-size:15px;color:var(--lacivert);line-height:1.6;margin:0 0 16px;flex:1}
.testi-meta{font-size:12.5px;color:var(--slate);font-weight:600}
.testi-anonim-tag{
  display:inline-block;
  background:rgba(139,149,163,.12);
  color:var(--cool-grey);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:2px 8px;
  border-radius:4px;
  margin-left:8px;
}

/* ============== CTA BAND ============== */
.cta-band{
  padding:72px 24px;
  background:var(--lacivert);
  color:#FFF;
  text-align:center;
}
.cta-band h2{
  font-size:clamp(26px, 3.6vw, 36px);
  font-weight:900;
  margin:0 0 14px;
  letter-spacing:-.02em;
  color:#FFF;
}
.cta-band p{
  font-size:16.5px;
  color:var(--cool-grey);
  max-width:600px;
  margin:0 auto 26px;
  line-height:1.6;
}
.cta-band .cta-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#FFF;
  font-size:14px;
  font-weight:600;
  padding:14px 24px;
  border-radius:999px;
}
.cta-band .cta-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--kirmizi);box-shadow:0 0 10px rgba(200,32,43,.5);animation:pulseDot 1.6s ease-in-out infinite}
.cta-band strong{color:var(--altin);font-weight:800}

/* ============== FOOTER ============== */
footer{
  background:var(--lacivert);
  color:#FFF;
  padding:56px 24px 32px;
}
footer .container{max-width:1180px}
.footer-cols{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:42px;
  margin-bottom:36px;
}
@media (max-width:820px){
  .footer-cols{grid-template-columns:1fr 1fr;gap:30px}
}
@media (max-width:520px){
  .footer-cols{grid-template-columns:1fr;gap:26px}
}
.footer-brand .logo-badge{background:#FFF;padding:8px 12px;border-radius:10px;margin-bottom:18px;display:inline-block}
.footer-brand .logo-badge .logo-inline{height:36px}
.footer-tagline{font-size:13.5px;color:var(--cool-grey);line-height:1.55;margin:0 0 10px;max-width:300px}
.footer-since{font-size:12px;font-weight:700;color:var(--altin);letter-spacing:.12em}
.footer-col h4{
  font-size:12px;
  font-weight:800;
  color:var(--altin);
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:0 0 14px;
}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin:0 0 9px}
.footer-col a{
  color:rgba(255,255,255,.78);
  font-size:14px;
  transition:color .15s;
}
.footer-col a:hover{color:var(--altin)}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:22px;
  font-size:12.5px;
  color:rgba(255,255,255,.5);
  text-align:center;
}

/* ============== FAB (floating action buttons) ============== */
.fab{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:60;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.fab a, .fab button{
  width:54px;
  height:54px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 28px rgba(27,40,69,.22);
  transition:transform .2s, box-shadow .2s;
  color:#FFF;
}
.fab a:hover, .fab button:hover{transform:scale(1.08);box-shadow:0 12px 36px rgba(27,40,69,.3)}
.fab svg{width:24px;height:24px}
.fab-top{
  background:linear-gradient(135deg, var(--lacivert) 0%, var(--lacivert-2) 100%);
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .3s, transform .3s;
}
.fab-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.fab-wa{background:linear-gradient(135deg, #25d366 0%, #1fb955 100%);position:relative}
.fab-wa::before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:50%;
  background:rgba(37, 211, 102, 0.4);
  animation:fabPulse 2.4s ease-out infinite;
  z-index:-1;
}
@keyframes fabPulse{
  0%{transform:scale(1);opacity:.6}
  70%{transform:scale(1.5);opacity:0}
  100%{transform:scale(1.5);opacity:0}
}
.fab-call{background:linear-gradient(135deg, var(--lacivert) 0%, var(--lacivert-2) 100%)}
.fab-acil{
  background:linear-gradient(135deg, var(--kirmizi) 0%, var(--kirmizi-dark) 100%);
  position:relative;
}
.fab-acil::after{
  content:"acil";
  position:absolute;
  bottom:-2px;right:-2px;
  background:var(--altin);
  color:var(--lacivert);
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  padding:2px 6px;
  border-radius:8px;
  text-transform:uppercase;
}

/* ============== KONUM MODAL ============== */
.loc-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:200;
  align-items:center;
  justify-content:center;
}
.loc-modal.open{display:flex}
.loc-modal-backdrop{
  position:absolute;inset:0;
  background:rgba(27,40,69,.72);
  backdrop-filter:blur(6px);
}

/* Giriş kapısı modu — site açılır açılmaz, kapatılamaz */
body.loc-gate{overflow:hidden}
body.loc-gate header,
body.loc-gate footer,
body.loc-gate .fab,
body.loc-gate .cookie-banner,
body.loc-gate .mobile-menu,
body.loc-gate section,
body.loc-gate .hero,
body.loc-gate .stats{
  visibility:hidden !important;
}
.loc-modal.gate-mode .loc-modal-backdrop{
  background:linear-gradient(180deg, #1B2845 0%, #0F1A2E 100%);
  backdrop-filter:none;
  opacity:1;
}
.loc-modal.gate-mode .loc-modal-content{
  width:min(480px, 92vw);
  padding:36px 32px 28px;
  text-align:left;
}
.loc-modal.gate-mode .gate-logo{
  display:flex;
  justify-content:center;
  margin-bottom:22px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(27,40,69,.08);
}
.loc-modal.gate-mode .gate-logo .logo-badge{
  background:#FFF;
  padding:10px 14px;
  border-radius:10px;
}
.loc-modal.gate-mode .gate-logo .logo-inline{height:48px}
.loc-modal.gate-mode .gate-welcome{
  font-size:13px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--altin);
  margin-bottom:8px;
  display:block;
}
.loc-modal.gate-mode h3{
  font-size:24px;
  letter-spacing:-.01em;
  margin-bottom:8px;
}
.loc-modal.gate-mode .modal-sub{
  font-size:14.5px;
  margin-bottom:20px;
}
.loc-modal.gate-mode .close-btn{display:none}
.gate-logo{display:none}
.loc-modal.gate-mode .gate-logo{display:flex}
.loc-modal-content{
  position:relative;
  width:min(440px, 92vw);
  max-height:90vh;
  background:#FFF;
  border-radius:18px;
  box-shadow:0 24px 80px rgba(27,40,69,.3);
  padding:28px 28px 24px;
  display:flex;
  flex-direction:column;
}
.loc-modal-content .close-btn{
  position:absolute;top:14px;right:14px;
  width:32px;height:32px;
  font-size:22px;
  color:var(--cool-grey);
  border-radius:50%;
}
.loc-modal-content .close-btn:hover{background:var(--bg-soft);color:var(--lacivert)}
.loc-modal h3{
  font-size:22px;
  font-weight:900;
  color:var(--lacivert);
  margin:0 0 6px;
  letter-spacing:-.01em;
}
.loc-modal .modal-sub{
  color:var(--slate);
  font-size:14px;
  margin:0 0 18px;
  line-height:1.5;
}
.loc-modal input.search{
  width:100%;
  padding:11px 14px;
  border-radius:10px;
  border:1.5px solid rgba(27,40,69,.12);
  font-family:inherit;
  font-size:14.5px;
  margin-bottom:14px;
  outline:none;
  transition:border-color .15s;
}
.loc-modal input.search:focus{border-color:var(--altin)}
.loc-modal ul.results{
  list-style:none;
  margin:0;
  padding:0;
  overflow-y:auto;
  max-height:50vh;
  border-top:1px solid rgba(27,40,69,.06);
}
.loc-modal ul.results li{
  padding:11px 12px;
  font-size:14.5px;
  color:var(--lacivert);
  border-bottom:1px solid rgba(27,40,69,.04);
  cursor:pointer;
  transition:background .12s;
  border-radius:6px;
}
.loc-modal ul.results li:hover{background:var(--bg-soft);color:var(--altin)}
.loc-modal ul.results li.active{color:var(--altin);font-weight:700}
.loc-modal ul.results li.back{
  font-weight:700;
  color:var(--cool-grey);
  border-bottom:1px solid rgba(27,40,69,.10);
}
.loc-modal ul.results li.back:hover{color:var(--lacivert)}
.loc-modal ul.results li.tum{font-weight:700;color:var(--lacivert)}

/* ============== COOKIE BANNER ============== */
.cookie-banner{
  position:fixed;
  bottom:18px;
  left:18px;
  right:18px;
  max-width:520px;
  background:var(--lacivert);
  color:#FFF;
  border-radius:14px;
  padding:18px 22px;
  z-index:90;
  box-shadow:0 18px 44px rgba(27,40,69,.3);
  display:none;
}
.cookie-banner.show{display:block;animation:slideUp .4s ease}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.cookie-banner p{font-size:13.5px;margin:0 0 14px;line-height:1.55}
.cookie-banner .btns{display:flex;gap:10px;flex-wrap:wrap}
.cookie-banner button{
  font-size:12.5px;
  font-weight:700;
  padding:9px 16px;
  border-radius:8px;
}
.cookie-banner .btn-accept{background:var(--altin);color:var(--lacivert)}
.cookie-banner .btn-accept:hover{background:var(--altin-light)}
.cookie-banner .btn-decline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#FFF}
.cookie-banner .btn-decline:hover{background:rgba(255,255,255,.06)}

/* ============== UTILITIES ============== */
.text-center{text-align:center}
.mt-32{margin-top:32px}
.mt-48{margin-top:48px}
.hidden{display:none}

@keyframes pulseDot{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.3);opacity:.6}
}

/* ============== REDUCED MOTION ============== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}