/* =========================================================
   DOĞAN METE MİMARLIK — style.css
   ========================================================= */


/* FONT TANIMLARI
================================================== */
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-Thin.woff2') format('woff2'), url('../fonts/Urbanist-Thin.ttf') format('truetype'); font-weight:100; font-style:normal; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-ThinItalic.woff2') format('woff2'), url('../fonts/Urbanist-ThinItalic.ttf') format('truetype'); font-weight:100; font-style:italic; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-ExtraLight.woff2') format('woff2'), url('../fonts/Urbanist-ExtraLight.ttf') format('truetype'); font-weight:200; font-style:normal; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Urbanist-ExtraLightItalic.ttf') format('truetype'); font-weight:200; font-style:italic; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-Light.woff2') format('woff2'), url('../fonts/Urbanist-Light.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-LightItalic.woff2') format('woff2'), url('../fonts/Urbanist-LightItalic.ttf') format('truetype'); font-weight:300; font-style:italic; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-Regular.woff2') format('woff2'), url('../fonts/Urbanist-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-Italic.woff2') format('woff2'), url('../fonts/Urbanist-Italic.ttf') format('truetype'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-Medium.woff2') format('woff2'), url('../fonts/Urbanist-Medium.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-MediumItalic.woff2') format('woff2'), url('../fonts/Urbanist-MediumItalic.ttf') format('truetype'); font-weight:500; font-style:italic; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-SemiBold.woff2') format('woff2'), url('../fonts/Urbanist-SemiBold.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Urbanist-SemiBoldItalic.ttf') format('truetype'); font-weight:600; font-style:italic; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-Bold.woff2') format('woff2'), url('../fonts/Urbanist-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-BoldItalic.woff2') format('woff2'), url('../fonts/Urbanist-BoldItalic.ttf') format('truetype'); font-weight:700; font-style:italic; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-ExtraBold.woff2') format('woff2'), url('../fonts/Urbanist-ExtraBold.ttf') format('truetype'); font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Urbanist-ExtraBoldItalic.ttf') format('truetype'); font-weight:800; font-style:italic; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-Black.woff2') format('woff2'), url('../fonts/Urbanist-Black.ttf') format('truetype'); font-weight:900; font-style:normal; font-display:swap; }
@font-face { font-family:'Urbanist'; src:url('../fonts/Urbanist-BlackItalic.woff2') format('woff2'), url('../fonts/Urbanist-BlackItalic.ttf') format('truetype'); font-weight:900; font-style:italic; font-display:swap; }


/* RESET & DEĞİŞKENLER
================================================== */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }

:root {
  --color-black:    #111110;
  --color-white:    #ffffff;
  --color-cream:    #f5f3ef;
  --color-gray:     #888884;
  --color-border:   #d8d5cf;
  --color-gold:     #c8a97e;
  --color-form-bg:  #efefef;
  --color-about-bg: #e5e5e5;
  --font-main:      'Urbanist', sans-serif;
  --side-pad:       130px;
  --section-v:      100px;
  --hbg-pad:        18px;
  --hbg-btn-h:      16px; /* hamburger buton yüksekliği: 3×1.5px span + 2×6px gap */
  --logo-top:       calc(var(--hbg-pad) * 2 + 13px + 24px);
}

html { scroll-behavior:smooth; }
body { font-family:var(--font-main); font-weight:400; color:var(--color-black); background:var(--color-white); overflow-x:hidden; }
img  { max-width:100%; height:auto; display:block; }
a    { text-decoration:none; color:inherit; }
ul   { list-style:none; }


/* YAN MENÜ
================================================== */
.side-menu-overlay {
  position:fixed; inset:0;
  background:rgba(0,0,0,0.45);
  z-index:900; opacity:0; pointer-events:none;
  transition:opacity 0.4s;
}
.side-menu-overlay.active { opacity:1; pointer-events:all; }

.side-menu {
  position:fixed; top:0; right:0;
  width:40%; height:100vh;
  background:var(--color-black);
  z-index:950;
  display:flex; flex-direction:column;
  padding:80px 56px 60px 40px;
  transform:translateX(100%);
  transition:transform 0.5s cubic-bezier(0.76,0,0.24,1);
}
.side-menu.open { transform:translateX(0); }

.side-menu-close {
  position:absolute; top:40px; right:56px;
  background:none; border:none; cursor:pointer;
  width:32px; height:24px;
  display:flex; flex-direction:column; justify-content:space-between; padding:0;
}
.side-menu-close span { display:block; width:100%; height:1.5px; background:var(--color-white); opacity:0.6; transition:opacity 0.2s; }
.side-menu-close:hover span { opacity:1; }
.side-menu-close span:first-child { transform:rotate(45deg) translate(5px,5px); }
.side-menu-close span:last-child  { transform:rotate(-45deg) translate(5px,-5px); }

.side-menu-nav { display:block; margin-top:auto; margin-bottom:auto; }
.side-menu-nav ul { display:flex; flex-direction:column; gap:14px; align-items:flex-end; margin:0; padding:0; list-style:none; }
.side-menu-nav a {
  font-size:clamp(1.4rem,2.2vw,1.8rem); font-weight:300; color:var(--color-white);
  letter-spacing:-0.01em; line-height:1.2;
  transition:color 0.25s, padding-right 0.25s;
  display:block; text-align:right;
}
.side-menu-nav a:hover { color:var(--color-gold); padding-right:6px; }

.side-menu-address { padding-top:32px; border-top:1px solid rgba(255,255,255,0.12); text-align:right; }
.side-menu-address p { font-size:0.72rem; font-weight:300; color:rgba(255,255,255,0.45); line-height:1.9; }


/* SITE POPUP (Reklam Alanları → Popup)
================================================== */
.site-popup-overlay {
  position:fixed; inset:0;
  background:rgba(0,0,0,0.6);
  z-index:1000; opacity:0; pointer-events:none;
  display:flex; align-items:center; justify-content:center;
  transition:opacity 0.35s;
}
.site-popup-overlay.active { opacity:1; pointer-events:all; }

.site-popup-box {
  position:relative;
  background:var(--color-white);
  border-radius:8px; overflow:hidden;
  max-width:480px; width:90%;
  transform:translateY(16px); transition:transform 0.35s;
}
.site-popup-overlay.active .site-popup-box { transform:translateY(0); }

.site-popup-close {
  position:absolute; top:10px; right:10px; z-index:2;
  width:32px; height:32px; border-radius:50%;
  background:rgba(0,0,0,0.55); color:var(--color-white);
  border:none; font-size:1.3rem; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.site-popup-close:hover { background:var(--color-gold); color:var(--color-black); }

.site-popup-link { display:block; color:inherit; text-decoration:none; }
.site-popup-img  { width:100%; height:auto; display:block; }
.site-popup-slogan {
  padding:18px 24px;
  font-family:var(--font-main); font-size:1rem; font-weight:400;
  color:var(--color-black); text-align:center;
}


/* HEADER (ANASAYFA)
================================================== */
.site-header { position:fixed; top:0; left:0; right:0; z-index:800; }

.header-inner {
  display:flex; align-items:center; justify-content:flex-end;
  padding:var(--hbg-pad) var(--side-pad);
  background:var(--color-white);
  transition:padding 0.3s ease, background 0.3s ease, backdrop-filter 0.3s ease;
}

.site-header.scrolled .header-inner {
  background:rgba(255,255,255,0.75);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.hamburger-btn {
  background:none; border:none; cursor:pointer;
  display:flex; flex-direction:column; align-items:flex-end;
  gap:6px; padding:0;
}
.hamburger-btn span { display:block; height:1.5px; background:var(--color-black); transition:background 0.3s; }
.hamburger-btn span:nth-child(1) { width:20px; }
.hamburger-btn span:nth-child(2) { width:30px; }
.hamburger-btn span:nth-child(3) { width:20px; }
.hamburger-btn:hover span { background:var(--color-gold); }


/* HERO (ANASAYFA)
================================================== */
.hero-section { display:flex; min-height:75vh; }

.hero-logo { position:absolute; top:var(--logo-top); left:var(--side-pad); line-height:0; z-index:5; }
.hero-logo img { width:130px; height:auto; }

.hero-left {
  width:38%; position:relative;
  display:flex; align-items:center;
  padding-left:var(--side-pad); padding-right:48px;
  padding-top:var(--logo-top);
}

.hero-tagline { padding-top:120px; }
.hero-tagline h1 { font-size:clamp(2rem,3vw,3rem); font-weight:400; letter-spacing:-0.03em; line-height:1.15; color:var(--color-black); margin-bottom:16px; max-width:60%; }
.hero-tagline p  { font-size:1rem; font-weight:300; color:var(--color-gray); line-height:1.7; margin-bottom:64px; max-width:50%; }

.btn-outline-dark-custom {
  display:inline-block; background:#f1f2f2; color:var(--color-black);
  font-family:var(--font-main); font-size:0.78rem; font-weight:500; letter-spacing:0.04em; padding:11px 28px;
  transition:background 0.3s, color 0.3s;
}
.btn-outline-dark-custom:hover { background:var(--color-black); color:var(--color-white); }

.hero-right { width:62%; position:relative; overflow:hidden; padding-top:calc(var(--hbg-pad) * 2 + var(--hbg-btn-h)); }
.hero-slider { width:100%; height:calc(85vh - var(--logo-top)); position:relative; }

.hero-slide { position:absolute; inset:0; opacity:0; transition:opacity 0.9s ease; width:100%; height:100%; }
.hero-slide.active { opacity:1; }
.hero-slide img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }

.spotlight-badge {
  position:absolute; top:24px; left:24px;
  font-size:1rem; font-weight:500; letter-spacing:0.09em;
  color:var(--color-white); background:rgba(0,0,0,0.35); padding:6px 14px; z-index:2;
  display:inline-flex; align-items:center; gap:6px;
}
.badge-arrow-svg { width:20px; height:20px; display:block; flex-shrink:0; stroke-width:1.8; }

.slide-caption { position:absolute; bottom:50px; left:85px; font-size:1rem; font-weight:600; letter-spacing:0.08em; color:var(--color-white); z-index:2; }

.slide-expand-btn { position:absolute; bottom:0; left:0; width:70px; height:70px; background:transparent; display:block; z-index:2; padding:0; margin:0; overflow:hidden; }
.info-arrow-svg { width:76px; height:76px; color:#ffffff; display:block; stroke-width:3.5; stroke-linejoin:round; stroke-linecap:square; position:absolute; bottom:-4px; left:-4px; }
.slide-expand-btn:hover { background:var(--color-gold); }


/* ÖNE ÇIKAN PROJELER (ANASAYFA)
================================================== */
.projects-section {
  position:relative;
  padding-top:var(--section-v); padding-bottom:var(--section-v);
  padding-left:var(--side-pad); padding-right:var(--side-pad);
}
.projects-section::before {
  content:""; position:absolute; top:19%; left:0;
  width:71.4%; height:40%; background-color:var(--color-black); z-index:1;
}

.projects-header-bar {
  display:flex; align-items:center; justify-content:flex-start;
  margin-bottom:32px; position:relative; z-index:2; margin-top:calc(var(--section-v) * 0.6);
}
.projects-header-bar span { font-size:1rem; font-weight:500; letter-spacing:0.08em; color:var(--color-white); line-height:1; }
.projects-nav { display:flex; align-items:center; gap:8px; }

.projects-slider-wrapper { position:relative; overflow:hidden; z-index:2; }
.projects-track { display:flex; gap:16px; transition:transform 0.5s cubic-bezier(0.76,0,0.24,1); will-change:transform; }
.project-card { flex:0 0 calc(25% - 12px); min-width:0; cursor:pointer; }
.project-img-wrap { aspect-ratio:4/3; overflow:hidden; }
.project-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease, filter 0.4s ease; filter:grayscale(100%) !important; }
.project-card:hover .project-img-wrap img { transform:scale(1.04); filter:grayscale(0%) !important; }
.project-info { padding:12px 0 0; }
.project-info h4 { font-size:0.9rem; font-weight:500; color:var(--color-black); margin-bottom:2px; }
.project-info span { font-size:0.9rem; font-weight:300; color:var(--color-gray); }

.projects-arrow {
  background:var(--color-black); border:1px solid rgba(255,255,255,0.2);
  color:var(--color-white); width:36px; height:36px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; cursor:pointer; padding:0;
  transition:border-color 0.3s, color 0.3s;
}
.projects-arrow:hover { border-color:var(--color-gold); color:var(--color-gold); }
.projects-arrow-prev, .projects-arrow-next { position:static; transform:none; }


/* HAKKIMIZDA (ANASAYFA)
================================================== */
.about-section {
  background:var(--color-white);
  padding-bottom:var(--section-v);
  padding-left:var(--side-pad); padding-right:var(--side-pad);
}
.about-inner { display:flex; align-items:stretch; gap:0; min-height:400px; max-height:400px; background:var(--color-about-bg); overflow:hidden; }

.about-text-col { flex:1; display:flex; flex-direction:column; justify-content:center; padding:60px 48px 60px 64px; }
.about-text-col h2 { font-size:clamp(1.6rem,2.8vw,2.2rem); font-weight:400; letter-spacing:-0.02em; margin-bottom:20px; color:var(--color-black); }
.about-text-col p  { font-size:0.9rem; font-weight:300; line-height:1.85; color:#555; margin-bottom:24px; }

.btn-link-arrow { font-size:0.9rem; font-weight:500; color:var(--color-black); letter-spacing:0.02em; border-bottom:1px solid var(--color-black); padding-bottom:2px; margin-bottom:30px; transition:color 0.25s, border-color 0.25s; align-self:flex-start; }
.btn-link-arrow:hover { color:var(--color-gold); border-color:var(--color-gold); }

.about-img-col { flex:0 0 44%; display:flex; align-items:flex-end; justify-content:flex-end; overflow:hidden; max-height:400px; }
.about-img-col img { /* width:100%; */ height:100%; object-fit:cover; object-position:top center; display:block; }


/* DEĞER KATAN MEKANLAR (ANASAYFA)
================================================== */
.cta-section {
  background:var(--color-white);
  padding-top:0; padding-left:var(--side-pad); padding-right:var(--side-pad);
}
.cta-inner {
  position:relative; min-height:400px;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  border-top:1px solid #c8c8c8;
}
.cta-bg-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cta-bg-overlay { position:absolute; inset:0; z-index:1; }

.cta-content { position:relative; z-index:2; width:100%; padding:72px 80px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.cta-content h2 { font-size:clamp(1.3rem,2.5vw,1.6rem); font-weight:300; color:var(--color-white); margin-bottom:30px; }
.cta-buttons { display:flex; flex-direction:column; align-items:center; gap:12px; }
.cta-btn { display:inline-block; font-family:var(--font-main); font-size:0.78rem; font-weight:500; letter-spacing:0.04em; padding:12px 48px; transition:background 0.3s, color 0.3s; min-width:260px; text-align:center; }
.cta-btn-outline { border:1px solid rgba(255,255,255,0.6); color:var(--color-white); border-radius:10px; }
.cta-btn-outline:hover { background:var(--color-white); color:var(--color-black); }


/* EKİBİMİZ (ANASAYFA)
================================================== */
.team-section {
  position:relative; display:block; background:#ffffff;
  padding-top:var(--section-v); padding-bottom:var(--section-v);
  padding-left:var(--side-pad); padding-right:var(--side-pad);
}
.team-section::before {
  content:""; position:absolute;
  top:calc(var(--section-v) + 40px); right:0; left:auto;
  width:69.6%; height:40%; background-color:var(--color-black); z-index:1;
}

.team-left { display:none; }
.team-right { width:100%; overflow:hidden; }

.team-header-row {
  display:flex; align-items:center; justify-content:flex-end; gap:24px;
  margin-top:70px; margin-bottom:36px; position:relative; z-index:2;
}
.team-header-row > span { font-size:1rem; font-weight:500; letter-spacing:0.08em; color:var(--color-white); }
.team-nav { display:flex; gap:8px; }
.team-arrow {
  width:32px; height:32px; background:transparent;
  border:1px solid rgba(255,255,255,0.25); color:var(--color-white);
  font-size:1.2rem; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  padding:0; transition:border-color 0.3s, color 0.3s;
}
.team-arrow:hover { border-color:var(--color-gold); color:var(--color-gold); }

.team-track-wrapper { overflow:hidden; position:relative; z-index:2; }
.team-track { display:flex; gap:16px; transition:transform 0.5s cubic-bezier(0.76,0,0.24,1); }
.team-card { flex:0 0 calc(25% - 12px); flex-shrink:0; }
.team-card-img { aspect-ratio:3/3.5; overflow:hidden; margin-bottom:12px; }
.team-card-img img { height:100%; object-fit:cover; filter:grayscale(0%) !important; transition:transform 0.4s ease, filter 0.4s ease; }
.team-card:hover .team-card-img img { transform:scale(1.04); filter:brightness(1.05); }
.team-card strong { display:block; font-size:0.9rem; font-weight:500; color:var(--color-black); margin-bottom:2px; }
.team-card span   { font-size:0.9rem; font-weight:300; color:var(--color-gray); }


/* FORM - PROJE BAŞLAT (ANASAYFA)
================================================== */
.contact-section { padding:0; margin-bottom:var(--section-v); }
.contact-inner { display:flex; align-items:stretch; }

.contact-left {
  flex:0 0 42%; background:var(--color-white);
  padding:var(--section-v) 64px 40px var(--side-pad);
  display:flex; flex-direction:column; justify-content:center; align-self:center;
}
.contact-eyebrow { font-size:0.9rem; font-weight:400; letter-spacing:0.06em; color:var(--color-gray); display:block; margin-bottom:10px; }
.contact-left h2 { font-size:clamp(1rem,1.8vw,1.35rem); font-weight:500; line-height:1.45; color:var(--color-black); }

.contact-right {
  background:var(--color-form-bg);
  padding:30px 65px 10px 65px;
  max-width:650px; width:100%;
  margin-left:auto; margin-right:var(--side-pad);
}
.contact-form-wrap { display:flex; flex-direction:column; max-width:550px; width:100%; gap:10px; }

.contact-field { background:var(--color-white); }
.contact-field input {
  width:100%; border:none; outline:none;
  font-family:var(--font-main); font-size:0.9rem; font-weight:300;
  color:var(--color-black); padding:18px 20px; background:transparent;
}
.contact-field input::placeholder { color:var(--color-black); }

.file-upload-field { background:var(--color-white); position:relative; display:flex; align-items:center; }
.file-upload-label { width:100%; padding:18px 20px; color:var(--color-black); font-family:var(--font-main); font-size:0.9rem; font-weight:300; cursor:pointer; display:block; }
.file-upload-field input[type="file"] { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }

.contact-field-row { display:flex; align-items:stretch; gap:10px; width:100%; }
.contact-field-row textarea {
  flex:1; border:none; outline:none;
  font-family:var(--font-main); font-size:0.9rem; font-weight:300;
  color:var(--color-black); padding:18px 20px; background:var(--color-white);
  resize:none; height:120px; min-height:120px;
}
.contact-field-row textarea::placeholder { color:var(--color-black); }

/* ── Ben Robot Değilim ── */
.robot-check {
  display:flex; align-items:center; gap:14px;
  padding:14px 20px;
  border:1px solid #d3d3d3; border-radius:4px;
  background:var(--color-form-bg);
}
.robot-check-box { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; margin:0; cursor:pointer; }
.robot-checkbox {
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  width:28px; height:28px; border:1px solid #ccc; border-radius:2px;
  background:var(--color-white); cursor:pointer; margin:0; position:relative;
  display:inline-flex; align-items:center; justify-content:center;
}
.robot-checkbox:checked { border-color:var(--color-gold); }
.robot-checkbox:checked::before { content:"✓"; color:var(--color-gold); font-size:1.1rem; font-weight:bold; }
.robot-check-text {
  flex:1; font-family:var(--font-main); font-size:0.85rem; font-weight:400;
  color:var(--color-black);
}
.robot-shield-icon { flex-shrink:0; display:block; color:#999; }
.robot-check.checked .robot-shield-icon { color:#22c55e; }

/* ── Honeypot (Gizli Spam Koruması) ── */
.hp-field { display:none; position:absolute; left:-9999px; }

.contact-send-btn {
  background:var(--color-black); color:var(--color-white);
  border:none; font-family:var(--font-main); font-size:0.78rem; font-weight:500; letter-spacing:0.04em;
  cursor:pointer; transition:background 0.3s;
  aspect-ratio:1/1; width:120px; height:120px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; align-self:flex-start;
}
.contact-send-btn:hover { background:var(--color-gold); }

.contact-kvkk { display:flex; align-items:flex-start; gap:16px; margin-top:16px; }
.contact-kvkk p { font-size:0.68rem; font-weight:300; color:#999; line-height:1.6; flex:1; text-align:justify; }
.kvkk-checkbox { flex-shrink:0; width:120px; display:flex; justify-content:center; align-items:center; margin-top:2px; }
.kvkk-checkbox input[type="checkbox"] {
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  width:28px; height:28px; border:1px solid #ccc; background:var(--color-form-bg);
  cursor:pointer; display:inline-flex; align-items:center; justify-content:center; margin:0; position:relative;
}
.kvkk-checkbox input[type="checkbox"]:checked::before { content:"✓"; color:var(--color-black); font-size:1.1rem; font-weight:bold; }

.tr-i { font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif; font-weight:inherit; font-size:inherit; line-height:inherit; color:inherit; letter-spacing:inherit; }


/* CTA BAR (TÜM SAYFALAR)
================================================== */
.cta-bar { background:#d1d3d4; }
.cta-bar-inner { display:flex; align-items:center; justify-content:space-between; padding:28px var(--side-pad); }
.cta-bar-left { font-size:1rem; font-weight:600; color:var(--color-black); white-space:nowrap; }
.cta-bar-right { display:flex; align-items:stretch; }

.cta-whatsapp-box {
  display:flex; align-items:stretch;
  border:1.5px solid rgba(255,255,255,0.85); border-right:none;
  border-radius:6px 0 0 6px; background:transparent; text-decoration:none; min-width:380px;
}
.cta-whatsapp-box > span {
  font-family:var(--font-main); font-size:0.85rem; font-weight:400; color:var(--color-black);
  padding:0 24px 0 16px; min-height:30px; flex:1; white-space:nowrap;
  text-align:left; display:flex; align-items:center;
}
.cta-bar-btn {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--color-white); color:var(--color-black);
  font-family:var(--font-main); font-size:0.85rem; font-weight:500;
  padding:0 20px; min-height:30px;
  border:1.5px solid rgba(255,255,255,0.85); border-radius:0 6px 6px 0;
  text-decoration:none; white-space:nowrap;
  transition:background 0.3s, color 0.3s; flex-shrink:0;
}
.cta-bar-btn:hover { background:#e8e8e8; color:var(--color-black); }


/* METİN SAYFALARI (KVKK, Çerez Politikası, vb.)
================================================== */
.page-metin-content { padding:var(--section-v) var(--side-pad); max-width:900px; margin:0 auto; }
.page-metin-content h1,.page-metin-content h2,.page-metin-content h3 { font-family:var(--font-main); font-weight:500; color:var(--color-black); margin:1.4em 0 0.6em; }
.page-metin-content h1:first-child,.page-metin-content h2:first-child,.page-metin-content h3:first-child { margin-top:0; }
.page-metin-content p { font-family:var(--font-main); font-size:0.95rem; font-weight:300; line-height:1.8; color:var(--color-black); margin-bottom:1.2em; }
.page-metin-content a { color:var(--color-gold); }
.page-metin-content ul,.page-metin-content ol { margin:0 0 1.2em 1.4em; font-family:var(--font-main); font-size:0.95rem; font-weight:300; line-height:1.8; }
.page-metin-content img { max-width:100%; height:auto; }

/* FOOTER (TÜM SAYFALAR)
================================================== */
.site-footer { background:var(--color-black); }

.footer-inner {
  padding:80px var(--side-pad) 40px; background:var(--color-black);
  display:grid; grid-template-columns:auto 1fr auto;
  grid-template-rows:auto auto; column-gap:40px; row-gap:40px;
}

.footer-logo-col { grid-column:1; grid-row:1; align-self:start; }
.footer-logo { width:120px; height:auto; display:block; }

.footer-mid-col { grid-column:2; grid-row:1; display:flex; align-items:flex-start; justify-content:flex-start; }
.footer-mid-inner { display:inline-flex; flex-direction:column; align-items:flex-start; gap:0; }

.footer-right-col { grid-column:3; grid-row:1; align-self:start; text-align:right; }

.footer-nav { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start; }
.footer-nav a { font-family:var(--font-main); font-size:0.78rem; font-weight:400; color:rgba(255,255,255,0.75); padding:0; transition:color 0.25s; white-space:nowrap; text-decoration:none; }
.footer-nav a:hover { color:var(--color-gold); }
.fnav-sep { font-size:0.78rem; color:rgba(255,255,255,0.2); margin:0 12px; user-select:none; }

.footer-phone { font-family:var(--font-main); font-size:1.5rem; font-weight:400; color:var(--color-white); letter-spacing:-0.02em; display:block; white-space:nowrap; }

.footer-copy-col  { grid-column:1; grid-row:2; align-self:center; }
.footer-kvkk-col  { grid-column:2; grid-row:2; display:flex; align-items:center; justify-content:flex-start; }
.footer-social-col { grid-column:3; grid-row:2; display:flex; align-items:center; justify-content:flex-end; }

.footer-copy { font-family:var(--font-main); font-size:0.68rem; font-weight:300; color:rgba(255,255,255,0.35); display:block; }
a.footer-kvkk { font-family:var(--font-main); font-size:0.68rem; font-weight:300; color:rgba(255,255,255,0.35); text-decoration:none; transition:color 0.25s; display:inline-block; }
a.footer-kvkk:hover { color:rgba(255,255,255,0.7); }
.footer-kvkk-sep { font-size:0.68rem; color:rgba(255,255,255,0.2); margin:0 8px; display:inline-block; user-select:none; }
.footer-kvkk-inline { display:flex; align-items:center; }

.footer-social { display:flex; gap:2px; align-items:center; }
.footer-social a { font-family:var(--font-main); font-size:1.2rem; font-weight:500; color:rgba(255,255,255,0.75); width:28px; height:28px; display:flex; align-items:center; justify-content:center; transition:color 0.25s; }
.footer-social a:hover { color:var(--color-gold); }


/* BASIN SAYFASI
================================================== */
.basin-hero { position:sticky; top:0; z-index:40; }

.basin-section { padding:var(--section-v) var(--side-pad); }
.basin-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px 28px; }

.basin-card { display:flex; flex-direction:column; }
.basin-card-img-wrap {
  display:block; width:100%; position:relative;
  border:none; padding:0; margin:0;
  background: none !important;
}
.basin-card-img-wrap[data-fancybox] { cursor:zoom-in; }
.basin-card-img-wrap img { display:block;}
.basin-card-img-placeholder { width:100%; aspect-ratio:3/4; }

.basin-card-body { padding:16px 0 0; }
.basin-date { font-family:var(--font-main); font-size:0.75rem; font-weight:300; color:var(--color-gray); }
.basin-card-body h3 { font-family:var(--font-main); font-size:1.05rem; font-weight:500; color:var(--color-black); margin:6px 0 8px; line-height:1.35; }
.basin-card-body p { font-family:var(--font-main); font-size:0.85rem; font-weight:300; color:var(--color-gray); line-height:1.6; margin:0 0 14px; }

.basin-empty { font-family:var(--font-main); font-size:0.95rem; color:var(--color-gray); text-align:center; padding:60px 0; grid-column:1/-1; }


/* KURUMSAL SAYFA
================================================== */
.page-kurumsal .site-header { display:none; }

.kurumsal-hero {
  position:relative; width:100%; height:46vh; min-height:340px;
  overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end;
}
.kurumsal-hero-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 35%; display:block; }
.kurumsal-hero-overlay { position:absolute; inset:0; background:none; z-index:1; }

.kurumsal-hero { max-height:500px; }

.kurumsal-logo { position:absolute; top:32px; left:var(--side-pad); z-index:10; line-height:0; display:block; }
.kurumsal-logo img { width:90px; height:auto; display:block; }

.kurumsal-hamburger {
  position:static;
  background:none; border:none; cursor:pointer;
  display:flex; flex-direction:column; align-items:flex-end;
  gap:6px; padding:0;
}
.kurumsal-hamburger span { display:block; height:1.5px; background:var(--color-white); transition:background 0.3s; }
.kurumsal-hamburger span:nth-child(1) { width:20px; }
.kurumsal-hamburger span:nth-child(2) { width:30px; }
.kurumsal-hamburger span:nth-child(3) { width:20px; }
.kurumsal-hamburger:hover span { background:var(--color-gold); }

.kurumsal-hero-title { position:relative; z-index:2; padding-left:var(--side-pad); padding-bottom:0; overflow:hidden; transform:translateY(0.13em); }
.kurumsal-hero-title h1 { font-family:var(--font-main); font-size:clamp(3rem,5.5vw,5rem); font-weight:400; color:var(--color-white); letter-spacing:0; line-height:0.65; margin:0; padding:0; font-style:normal; display:block; }

/* ── Kurumsal Sayfa İçerik (metin + görsel) ───────────── */
.kurumsal-content { background:var(--color-white); padding:var(--section-v) 0 var(--section-v) var(--side-pad); overflow:visible; }
.kurumsal-inner { display:flex; gap:64px; align-items:flex-start; padding-right:var(--side-pad); }
.kurumsal-text { /* width:55%; */ flex:1; }
.kurumsal-text p { font-size:0.9rem; font-weight:300; line-height:1.9; color:#2a2a2a; margin-bottom:1em; display:inline; }
.kurumsal-visual { position:sticky; top:100px; align-self:flex-start; width:40%; max-width:400px; flex-shrink:0; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.kurumsal-visual-inner { position:relative; background:transparent; overflow:hidden; display:flex; align-items:flex-end; justify-content:center; height:100%; }
.kurumsal-watermark { position:absolute; right:-32px; top:50%; transform:translateY(-50%) rotate(-90deg); font-family:var(--font-main); font-size:4rem; font-weight:700; color:rgba(255,255,255,0.5); letter-spacing:0.04em; white-space:nowrap; pointer-events:none; user-select:none; z-index:1; }
.kurumsal-profile { width:100%; height:auto; max-height:600px; object-fit:cover; object-position:top center; display:block; filter:grayscale(100%); }


/* ALT SAYFA HERO (HİZMETLER, İLETİŞİM, PROJELER, PROJE DETAY)
================================================== */
.page-hizmetler .site-header,
.page-iletisim .site-header,
.page-projeler .site-header,
.page-projedetay .site-header { display:none; }

.page-hero {
  position:relative; width:100%; height:46vh; min-height:340px;
  overflow:hidden; display:grid; grid-template-rows:1fr; align-items:end;
}
.page-hero-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 35%; display:block; }
.page-hero-overlay { position:absolute; inset:0; background:none; z-index:1; }

.page-logo { position:absolute; top:32px; left:var(--side-pad); z-index:10; line-height:0; display:block; }
.page-logo img { width:90px; height:auto; display:block; }

.page-hamburger {
  position:static;
  background:none; border:none; cursor:pointer;
  display:flex; flex-direction:column; align-items:flex-end;
  gap:6px; padding:0;
}
.page-hamburger span { display:block; height:1.5px; background:var(--color-white); transition:background 0.3s; }
.page-hamburger span:nth-child(1) { width:20px; }
.page-hamburger span:nth-child(2) { width:30px; }
.page-hamburger span:nth-child(3) { width:20px; }
.page-hamburger:hover span { background:var(--color-gold); }

.page-hero-title { position:relative; z-index:2; padding-left:var(--side-pad); padding-bottom:0; overflow:hidden; transform:translateY(0.7em); }
.page-hero-title h1 { font-family:var(--font-main); font-size:clamp(3rem,5.5vw,5rem); font-weight:400; color:var(--color-white); letter-spacing:0; line-height:1; margin:0; padding:0; font-style:normal; display:block; }


/* HİZMETLER SAYFASI
================================================== */
.hizmetler-section { background:var(--color-white); padding:var(--section-v) var(--side-pad); }
.hizmetler-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:16px; grid-auto-rows:auto; justify-content:center; }

.hizmet-card {
  background-image:linear-gradient(var(--color-white),var(--color-white)),linear-gradient(90deg,transparent 15%,#ececec 60%,#cecece 100%);
  background-origin:border-box; background-clip:padding-box,border-box;
  border:1px solid transparent; border-radius:12px;
  padding:28px 20px 32px; display:flex; flex-direction:column; gap:0;
  transition:box-shadow 0.3s, transform 0.3s;
}
.hizmet-card:hover { box-shadow:0 8px 32px rgba(0,0,0,0.09); transform:translateY(-3px); }

.hizmet-icon { width:auto; height:50px; margin-bottom:20px; color:var(--color-black); align-self:center; overflow:hidden; }
.hizmet-icon img { width:100%; height:100%; object-fit:contain; }

.hizmet-num { font-family:var(--font-main); font-size:1rem; font-weight:600; color:var(--color-gold); letter-spacing:0.08em; margin-bottom:6px; display:flex; align-items:center; gap:8px; }
.hizmet-num::after { content:''; display:block; width:30%; height:1px; background:var(--color-gold); }
.hizmet-card h3 { font-family:var(--font-main); font-size:1rem; font-weight:600; color:var(--color-black); margin:0 0 12px; line-height:1.3; }
.hizmet-card p  { font-family:var(--font-main); font-size:1rem; font-weight:300; color:#555; line-height:1.75; margin:0; }

.kentsel-banner { padding:0 var(--side-pad) var(--section-v); background:var(--color-white); }
.kentsel-banner-inner { display:flex; align-items:stretch; border-radius:12px; }
.kentsel-left {
  flex:1; background:#b39c84; color:var(--color-white);
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 28px; font-family:var(--font-main); font-size:0.9rem; font-weight:400; letter-spacing:0.02em;
  text-decoration:none; transition:background 0.3s;
  border-radius:12px; position:relative; z-index:2; margin-right:-12px;
}
.kentsel-left:hover { background:#997c62; color:var(--color-white); }
.kentsel-left svg { flex-shrink:0; opacity:0.8; }
.kentsel-right {
  background:#997c62; color:var(--color-white);
  display:flex; align-items:center; justify-content:center;
  padding:18px 60px 18px 72px; font-family:var(--font-main); font-size:0.9rem; font-weight:400; letter-spacing:0.04em;
  text-decoration:none; white-space:nowrap; transition:background 0.3s;
  border-top-right-radius:12px; border-bottom-right-radius:12px; z-index:1;
}
.kentsel-right:hover { background:#b39c84; color:var(--color-white); }


/* İLETİŞİM SAYFASI
================================================== */
.iletisim-map-section { background:var(--color-white); padding:var(--section-v) var(--side-pad) 0; }
.iletisim-map-wrap { width:100%; height:320px; overflow:hidden; border-radius:2px; }
.iletisim-map-wrap iframe { width:100%; height:100%; display:block; border:0; filter:grayscale(100%) contrast(0.85); }

.iletisim-adres-section { background:var(--color-white); padding:var(--section-v) var(--side-pad) 0; }
.iletisim-adres h2 { font-family:var(--font-main); font-size:clamp(1.1rem,1.8vw,1.4rem); font-weight:500; color:var(--color-black); margin:0 0 12px; line-height:1.3; }
.iletisim-adres-text { font-family:var(--font-main); font-size:0.9rem; font-weight:300; color:#555; line-height:1.9; margin:0 0 16px; }
.iletisim-contact-line { font-family:var(--font-main); font-size:0.9rem; font-weight:400; color:var(--color-black); margin:0; }

.iletisim-body { background:var(--color-white); padding:var(--section-v) var(--side-pad); }
.iletisim-body-inner { display:flex; gap:80px; align-items:center; }
.iletisim-left { flex:0 0 36%; display:flex; flex-direction:column; justify-content:center; gap:72px; }

.kariyer-label { font-family:var(--font-main); font-size:0.9rem; font-weight:400; color:var(--color-gray); letter-spacing:0.06em; display:block; margin-bottom:10px; }
.iletisim-kariyer h3 { font-family:var(--font-main); font-size:clamp(1rem,1.8vw,1.35rem); font-weight:500; color:var(--color-black); line-height:1.45; margin:0; }

.iletisim-right { flex:1; }
.iletisim-form-wrap { background:#f0f0f0; padding:36px 36px 32px; display:flex; flex-direction:column; gap:2px; }
.iform-field { background:var(--color-white); }
.iform-field input[type="text"], .iform-field input[type="tel"] { width:100%; border:none; outline:none; font-family:var(--font-main); font-size:0.9rem; font-weight:300; color:var(--color-black); padding:16px 18px; background:transparent; }

/* ── 404 Sayfası ────────────────────────────────────────────── */
.error404-section { min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--color-cream); text-align:center; padding:60px var(--side-pad); }
.error404-inner { max-width:520px; }
.error404-logo { display:inline-block; margin-bottom:32px; }
.error404-logo img { max-width:180px; margin:0 auto; }
.error404-code { display:block; font-family:var(--font-main); font-size:6rem; font-weight:700; color:var(--color-gold); line-height:1; margin-bottom:8px; }
.error404-title { font-family:var(--font-main); font-size:1.75rem; font-weight:600; color:var(--color-black); margin:0 0 16px; }
.error404-message { font-family:var(--font-main); color:var(--color-gray); line-height:1.7; margin:0 0 32px; }
.error404-btn { display:inline-block; padding:14px 36px; background:var(--color-black); color:#fff; border-radius:2px; font-family:var(--font-main); font-weight:600; letter-spacing:.02em; transition:background .2s ease, color .2s ease; }
.error404-btn:hover { background:var(--color-gold); color:#111; }
.iform-field input::placeholder { color:#bbb; }
.iform-row-two { display:flex; gap:2px; }
.iform-row-two .iform-field { flex:1; }
.iform-file label { display:flex; align-items:center; padding:16px 18px; cursor:pointer; height:100%; }
.iform-file label span { font-family:var(--font-main); font-size:0.9rem; font-weight:300; color:#bbb; }
.iform-file input[type="file"] { display:none; }
.iform-msg-row { display:flex; align-items:stretch; gap:0; }
.iform-msg { flex:1; }
.iform-msg textarea { width:100%; border:none; outline:none; font-family:var(--font-main); font-size:0.9rem; font-weight:300; color:var(--color-black); padding:16px 18px; background:var(--color-white); resize:none; min-height:120px; display:block; }
.iform-msg textarea::placeholder { color:#bbb; }
.iform-send-btn { background:var(--color-black); color:var(--color-white); border:none; font-family:var(--font-main); font-size:0.75rem; font-weight:500; letter-spacing:0.04em; cursor:pointer; aspect-ratio:1/1; width:110px; flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:background 0.3s; }
.iform-send-btn:hover { background:var(--color-gold); }
.iform-kvkk { background:var(--color-white); display:flex; align-items:flex-start; gap:16px; padding:16px 18px; margin-top:2px; }
.iform-kvkk p { font-family:var(--font-main); font-size:0.65rem; font-weight:300; color:#999; line-height:1.6; flex:1; margin:0; }
.iform-checkbox { flex-shrink:0; width:20px; height:20px; border:1px solid #ccc; background:var(--color-white); margin-top:2px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.iform-checkbox input { display:none; }
.iform-checkbox input:checked + label::after { content:'✓'; font-size:0.7rem; color:var(--color-black); }


/* PROJELER SAYFASI
================================================== */
.projeler-section { background:var(--color-white); padding:var(--section-v) var(--side-pad); }
.projeler-filter { display:flex; align-items:center; justify-content:center; gap:0; margin-bottom:48px; flex-wrap:wrap; }
.filter-sep { font-family:var(--font-main); font-size:0.9rem; font-weight:300; color:#bbb; margin:0 10px; user-select:none; }
.filter-btn { background:none; border:none; cursor:pointer; font-family:var(--font-main); font-size:0.9rem; font-weight:300; color:#888; padding:4px 0; letter-spacing:0.01em; transition:color 0.2s; }
.filter-btn.active { font-weight:700; color:var(--color-black); }
.filter-btn:hover { color:var(--color-black); }

.projeler-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.proje-card { cursor:pointer; }
.proje-img { aspect-ratio:4/3; overflow:hidden; position:relative; background:#d0d0d0; }
.proje-img img { width:100%; height:100%; object-fit:cover; display:block; filter:grayscale(20%); transition:transform 0.5s ease, filter 0.4s ease; }
.proje-card:hover .proje-img img { transform:scale(1.04); filter:grayscale(0%); }
.proje-overlay { position:absolute; inset:0; background:rgba(0,0,0,0); transition:background 0.4s; }
.proje-card:hover .proje-overlay { background:rgba(0,0,0,0.08); }
.proje-img-placeholder { background:#c8c8c8; }
.proje-info { padding:12px 0 0; }
.proje-info h4 { font-family:var(--font-main); font-size:1rem; font-weight:500; color:var(--color-black); margin:0 0 3px; line-height:1.3; }
.proje-info span { font-family:var(--font-main); font-size:1rem; font-weight:300; color:var(--color-gray); }


/* PROJE DETAY SAYFASI
================================================== */
.pd-hero { position:relative; width:100%; height:65vh; min-height:480px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; }
.pd-hero-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 40%; display:block; }
.pd-hero-overlay { position:absolute; inset:0; background:none; z-index:1; }

.pd-breadcrumb { position:absolute; bottom:28px; right:var(--side-pad); z-index:3; display:flex; align-items:center; gap:6px; font-family:var(--font-main); font-size:1rem; font-weight:300; color:rgba(255,255,255,0.7); letter-spacing:0.04em; }
.pd-breadcrumb a { color:rgba(255,255,255,0.7); text-decoration:none; transition:color 0.2s; }
.pd-breadcrumb a:hover { color:var(--color-white); }

.pd-hero-title { position:relative; z-index:2; padding-left:var(--side-pad); padding-bottom:28px; overflow:hidden; transform:translateY(0.13em); }
.pd-hero-title h1 { font-family:var(--font-main); font-size:1rem; font-weight:400; color:var(--color-white); letter-spacing:0; margin:0; padding:0; font-style:normal; display:block; }

.pd-meta { background:var(--color-white); padding:28px var(--side-pad); }
.pd-meta-inner { display:flex; gap:56px; flex-wrap:wrap; }
.pd-meta-item { display:flex; flex-direction:column; gap:4px; }
.pd-meta-label { font-family:var(--font-main); font-size:0.75rem; font-weight:600; color:var(--color-gray); letter-spacing:0.04em; }
.pd-meta-value { font-family:var(--font-main); font-size:0.9rem; font-weight:400; color:var(--color-black); }

.pd-gallery { background:var(--color-white); position:relative; overflow:hidden; }
.pd-gallery-header { display:flex; align-items:stretch; margin-bottom:0; height:60px; padding-left:var(--side-pad); }
.pd-gallery-tag-left { background:#8d4d34; color:var(--color-white); font-family:var(--font-main); font-size:0.9rem; font-weight:400; letter-spacing:0.04em; padding:0 80px; display:flex; align-items:center; flex:0 0 auto; }
.pd-gallery-tag-right { background:#231f20; color:var(--color-white); font-family:var(--font-main); font-size:0.9rem; font-weight:300; letter-spacing:0.06em; padding:0 var(--side-pad) 0 40px; display:flex; align-items:center; justify-content:flex-end; flex:1; }
.pd-gallery-container { padding-left:var(--side-pad); position:relative; width:100%; }
.pd-gallery-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-right:var(--side-pad); position:relative; z-index:1; }
.pd-gallery-grid::before { content:""; position:absolute; top:0; right:calc(-1 * var(--side-pad)); width:calc(var(--side-pad) + 60%); height:10%; background:#231f20; z-index:-1; }
.pd-gallery-item { overflow:hidden; aspect-ratio:4/3; background:#1a1a18; }
.pd-gallery-item-btn { display:block; width:100%; height:100%; }
.pd-gallery-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease; }
.pd-gallery-item-hidden { display:none; }
.pd-gallery-item-fade { opacity:0; transition:opacity 0.4s ease; }
.pd-gallery-item-fade.pd-gallery-item-fade-in { opacity:1; }

.pd-load-more { display:flex; justify-content:center; align-items:center; padding:40px var(--side-pad) 40px 0; width:100%; }
.pd-load-btn { display:inline-flex; flex-direction:column; align-items:center; gap:8px; background:none; border:none; cursor:pointer; font-family:var(--font-main); font-size:0.9rem; font-weight:600; color:var(--color-black); letter-spacing:0.04em; transition:color 0.25s; padding:0; }
.pd-load-btn:hover { color:var(--color-gold); }
.pd-load-btn svg { opacity:0.7; }

.pd-description { background:var(--color-white); padding:var(--section-v) var(--side-pad); }
.pd-description-inner { max-width:640px; margin:0 auto; text-align:center; }
.pd-description p { font-family:var(--font-main); font-size:0.9rem; font-weight:300; color:#444; line-height:1.95; margin:0; }
/* Galeriden hemen sonra geliyorsa (Daha Fazla Yükle altında), üstteki büyük section boşluğunu iptal et */
.pd-gallery + .pd-description { padding-top:0; }

/* Açıklama yoksa galeri sonrası doğrudan gelen nav'a en az 60px boşluk bırak (40px buton + 20px burada) */
.pd-gallery + .pd-nav { margin-top:20px; }

.pd-nav { display:flex; border-top:1px solid #e0e0e0; }
.pd-nav-prev { background:#111110; border-right:1px solid #c8c8c8; flex:1; display:flex; align-items:center; justify-content:center; gap:10px; padding:32px; font-family:var(--font-main); font-size:0.9rem; font-weight:400; color:var(--color-white); letter-spacing:0.02em; text-decoration:none; transition:background 0.3s; }
.pd-nav-next { background:#808285; flex:1; display:flex; align-items:center; justify-content:center; gap:10px; padding:32px; font-family:var(--font-main); font-size:0.9rem; font-weight:400; color:var(--color-white); letter-spacing:0.02em; text-decoration:none; transition:background 0.3s; }
.pd-nav-prev:hover { background:#808285; color:var(--color-white); }
.pd-nav-next:hover { background:#111110; color:var(--color-white); }



/* EN LİNKİ + HAMBURGER
================================================== */

/* Index: header içinde flex item olarak durur */
.header-hamburger-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* Alt sayfalar: hero üzerinde absolute */
.page-hamburger-wrap {
  position: absolute;
  top: 32px;
  right: var(--side-pad);
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 15px;
}
.page-hamburger-wrap .page-hamburger,
.page-hamburger-wrap .kurumsal-hamburger {
  position: static;
  top: auto;
  right: auto;
}

/* EN linki */
.lang-label {
  font-family: var(--font-main);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-black);
  letter-spacing: 0.06em;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}
.lang-label:hover { color: var(--color-gold); }

/* Alt sayfalarda EN beyaz */
.page-lang { color: var(--color-white) !important; }
.page-lang:hover { color: var(--color-gold) !important; }

/* ── Cookie Banner ───────────────────── */
.cookie-banner {
  position:fixed; left:0; right:0; bottom:0; z-index:900;
  background:var(--color-black); color:var(--color-white);
  transform:translateY(100%); transition:transform 0.35s ease;
}
.cookie-banner.active { transform:translateY(0); }
.cookie-banner-inner {
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:18px var(--side-pad); flex-wrap:wrap;
}
.cookie-banner-text {
  margin:0; font-family:var(--font-main); font-size:0.85rem; font-weight:300;
  line-height:1.6; color:rgba(255,255,255,0.85); flex:1; min-width:240px;
}
.cookie-banner-actions { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.cookie-banner-btn {
  display:inline-block; flex-shrink:0; padding:12px 32px; background:var(--color-gold); color:var(--color-black);
  border:none; border-radius:2px; font-family:var(--font-main); font-size:0.85rem; font-weight:600;
  letter-spacing:.02em; cursor:pointer; text-decoration:none; text-align:center; transition:background 0.2s ease, color 0.2s ease;
}
.cookie-banner-btn:hover { background:#e8c565; }
.cookie-banner-btn-outline {
  background:transparent; color:var(--color-white); border:1px solid rgba(255,255,255,0.4);
}
.cookie-banner-btn-outline:hover { background:rgba(255,255,255,0.1); color:var(--color-white); }

/* ── Sayfa Geçiş Animasyonu ─────────── */
html.js-transition body { opacity:0; transition:opacity 0.2s ease; }
html.js-transition body.page-loaded { opacity:1; }
html.js-transition body.page-fade-out { opacity:0; }

/* ── Scroll To Top ───────────────────── */
.scroll-top-btn {
  position:fixed; right:24px; bottom:86px; z-index:850;
  width:46px; height:46px; border-radius:50%; border:none;
  background:var(--color-gold); color:var(--color-black);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,0.25);
  opacity:0; visibility:hidden; transform:translateY(12px);
  transition:opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s ease;
}
.scroll-top-btn.visible { opacity:1; visibility:visible; transform:translateY(0); }
.scroll-top-btn:hover { background:#e8c565; }

/* ── WhatsApp Float Buton ─────────────── */
.whatsapp-float-btn {
  position:fixed; right:24px; bottom:24px; z-index:849;
  width:52px; height:52px; border-radius:50%;
  background:var(--color-gold); color:var(--color-black);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,0.3);
  transition:transform 0.2s ease, background 0.2s ease;
}
.whatsapp-float-btn:hover { background:#e8c565; transform:scale(1.08); }

/* ── Proje Filtreleme Animasyonu ─────── */
.proje-card { transition:opacity 0.3s ease, transform 0.3s ease; }